/* TACMD_20261020 — Talent Acquisition Command Center. Every rule is scoped to .tacmd. */
.tacmd{
  --t-navy:#10303a; --t-teal:#0e7c86; --t-kulud:#8B0E04;
  --t-bg:#f6f8f9; --t-surface:#ffffff; --t-border:#e3e8ea; --t-line:#eef2f3;
  --t-text:#14232a; --t-text-2:#51646b; --t-text-3:#7b8b91;
  /* category colours (brief §3) */
  --k-blue:#2563eb;   --k-blue-50:#eff4ff;
  --k-purple:#7c3aed; --k-purple-50:#f4efff;
  --k-green:#15803d;  --k-green-50:#ecf8f0;
  --k-orange:#c2410c; --k-orange-50:#fff3ea;
  --k-red:#b91c1c;    --k-red-50:#fdeeee;
  --k-cyan:#0e7490;   --k-cyan-50:#e9f7fa;
  --k-teal:#0f766e;   --k-teal-50:#e8f6f4;
  --f-sans:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r-sm:6px; --r-md:10px; --r-lg:14px;
  --sh-1:0 1px 2px rgba(16,48,58,.06),0 1px 3px rgba(16,48,58,.08);
  --sh-2:0 6px 18px rgba(16,48,58,.10);
  font-family:var(--f-sans); color:var(--t-text); font-size:14px; line-height:1.55;
  background:var(--t-bg); margin:-4px -4px 0; padding:4px 4px 24px; border-radius:var(--r-lg);
}
.tacmd *{box-sizing:border-box}
.tacmd .num{font-variant-numeric:tabular-nums}
.tacmd button{font-family:inherit}
.tacmd :focus-visible{outline:2px solid var(--t-teal); outline-offset:2px; border-radius:var(--r-sm)}

/* header */
.tacmd-head{display:flex; flex-wrap:wrap; gap:12px 16px; align-items:flex-start; justify-content:space-between;
  background:linear-gradient(120deg,var(--t-navy) 0%,#164452 60%,var(--t-teal) 140%); color:#fff;
  border-radius:var(--r-lg); padding:18px 20px; box-shadow:var(--sh-1); margin-bottom:12px}
.tacmd-head h1{font-size:22px; font-weight:600; margin:0; letter-spacing:.1px; color:#fff}
.tacmd-head p{margin:2px 0 0; font-size:13px; color:rgba(255,255,255,.80)}
.tacmd-head .tacmd-meta{margin-top:8px; font-size:12px; color:rgba(255,255,255,.72)}
.tacmd-actions{display:flex; flex-wrap:wrap; gap:8px}
.tacmd-btn{display:inline-flex; align-items:center; gap:6px; height:36px; padding:0 14px; border-radius:var(--r-sm);
  border:1px solid var(--t-border); background:var(--t-surface); color:var(--t-text); font-size:13px; font-weight:500;
  cursor:pointer; white-space:nowrap; transition:background .15s,box-shadow .15s,transform .15s}
.tacmd-btn:hover{box-shadow:var(--sh-1); transform:translateY(-1px)}
.tacmd-btn[disabled]{opacity:.55; cursor:default; transform:none; box-shadow:none}
.tacmd-btn svg{width:16px; height:16px; flex-shrink:0}
.tacmd-head .tacmd-btn{background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.28); color:#fff}
.tacmd-head .tacmd-btn:hover{background:rgba(255,255,255,.18)}
.tacmd-head .tacmd-btn.primary{background:#fff; color:var(--t-navy); border-color:#fff; font-weight:600}

/* filter bar */
.tacmd-filters{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px 10px; align-items:end;
  background:var(--t-surface); border:1px solid var(--t-border); border-radius:var(--r-md); padding:12px; box-shadow:var(--sh-1); margin-bottom:8px}
.tacmd-filters label{display:flex; flex-direction:column; gap:3px; font-size:11.5px; font-weight:500; color:var(--t-text-2); min-width:0}
.tacmd-filters select,.tacmd-filters input{height:34px; border:1px solid var(--t-border); border-radius:var(--r-sm); padding:0 8px;
  font:inherit; font-size:13px; color:var(--t-text); background:#fff; min-width:0; width:100%}
.tacmd-filters .tacmd-custom{display:flex; gap:6px}
.tacmd-chips{display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin:0 0 12px; min-height:4px; font-size:12px; color:var(--t-text-2)}
.tacmd-chip{display:inline-flex; align-items:center; gap:6px; background:var(--k-blue-50); color:var(--k-blue); border-radius:999px; padding:3px 6px 3px 10px; font-weight:500}
.tacmd-chip button{border:0; background:transparent; color:inherit; cursor:pointer; font-size:14px; line-height:1; padding:0 2px}
.tacmd-link{border:0; background:none; color:var(--t-teal); cursor:pointer; font-size:12px; font-weight:500; padding:2px 4px}

/* sections */
.tacmd-sec{margin:18px 0 8px; display:flex; align-items:baseline; justify-content:space-between; gap:8px; flex-wrap:wrap}
.tacmd-sec h2{font-size:16px; font-weight:600; margin:0; color:var(--t-text)}
.tacmd-sec span{font-size:12px; color:var(--t-text-3)}

/* KPI cards */
.tacmd-kpis{display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:10px}
.tacmd-kpi{position:relative; display:flex; gap:12px; align-items:flex-start; text-align:start; width:100%;
  background:var(--t-surface); border:1px solid var(--t-border); border-radius:var(--r-md); padding:14px 14px 12px;
  box-shadow:var(--sh-1); cursor:default; overflow:hidden; transition:transform .18s,box-shadow .18s,border-color .18s;
  color:inherit; font:inherit}
.tacmd-kpi::before{content:""; position:absolute; inset-block:0; inset-inline-start:0; width:4px; background:var(--kc)}
.tacmd-kpi.go{cursor:pointer}
.tacmd-kpi.go:hover{transform:translateY(-2px); box-shadow:var(--sh-2); border-color:color-mix(in srgb,var(--kc) 35%,var(--t-border))}
.tacmd-kpi .ic{flex-shrink:0; width:38px; height:38px; border-radius:10px; display:grid; place-items:center; background:var(--kb); color:var(--kc)}
.tacmd-kpi .ic svg{width:20px; height:20px}
.tacmd-kpi .bd{min-width:0; flex:1}
.tacmd-kpi .v{font-size:26px; font-weight:600; line-height:1.15; color:var(--t-text); font-variant-numeric:tabular-nums}
.tacmd-kpi .v small{font-size:13px; font-weight:500; color:var(--t-text-2); margin-inline-start:3px}
.tacmd-kpi .t{font-size:13px; font-weight:500; color:var(--t-text-2); margin-top:1px}
.tacmd-kpi .s{font-size:11.5px; color:var(--t-text-3); margin-top:4px; display:flex; flex-wrap:wrap; gap:6px; align-items:center}
.tacmd-delta{display:inline-flex; align-items:center; gap:2px; border-radius:999px; padding:0 7px; font-weight:600; font-size:11px; line-height:18px}
.tacmd-delta.up{background:var(--k-green-50); color:var(--k-green)}
.tacmd-delta.down{background:var(--k-red-50); color:var(--k-red)}
.tacmd-delta.flat{background:var(--t-line); color:var(--t-text-2)}
.tacmd-c-blue{--kc:var(--k-blue); --kb:var(--k-blue-50)}
.tacmd-c-purple{--kc:var(--k-purple); --kb:var(--k-purple-50)}
.tacmd-c-green{--kc:var(--k-green); --kb:var(--k-green-50)}
.tacmd-c-orange{--kc:var(--k-orange); --kb:var(--k-orange-50)}
.tacmd-c-red{--kc:var(--k-red); --kb:var(--k-red-50)}
.tacmd-c-cyan{--kc:var(--k-cyan); --kb:var(--k-cyan-50)}
.tacmd-c-teal{--kc:var(--k-teal); --kb:var(--k-teal-50)}

/* panels */
.tacmd-grid2{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
.tacmd-grid3{display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:12px}
.tacmd-panel{background:var(--t-surface); border:1px solid var(--t-border); border-radius:var(--r-md); box-shadow:var(--sh-1); padding:14px 16px; min-width:0}
.tacmd-panel h3{font-size:14px; font-weight:600; margin:0 0 2px; color:var(--t-text)}
.tacmd-panel .sub{font-size:12px; color:var(--t-text-3); margin:0 0 10px}
.tacmd-panel .hd{display:flex; justify-content:space-between; align-items:flex-start; gap:8px; flex-wrap:wrap}
.tacmd-empty{padding:22px 10px; text-align:center; color:var(--t-text-3); font-size:13px}

/* pipeline */
.tacmd-stage{display:grid; grid-template-columns:118px minmax(0,1fr) 128px; gap:10px; align-items:center; padding:6px 6px; border-radius:var(--r-sm);
  cursor:pointer; border:0; background:none; width:100%; text-align:start; font:inherit; color:inherit}
.tacmd-stage:hover{background:var(--t-bg)}
.tacmd-stage .nm{font-size:12.5px; font-weight:500; color:var(--t-text-2); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.tacmd-stage .tr{height:14px; background:var(--t-line); border-radius:999px; overflow:hidden}
.tacmd-stage .tr i{display:block; height:100%; border-radius:999px; background:var(--sc); transition:width .5s ease}
.tacmd-stage .mt{font-size:12px; color:var(--t-text-2); text-align:end; white-space:nowrap}
.tacmd-stage .mt b{color:var(--t-text); font-size:13px; font-weight:600; margin-inline-end:4px}
.tacmd-stage .od{display:inline-block; background:var(--k-red-50); color:var(--k-red); font-weight:600; font-size:10.5px; border-radius:999px; padding:0 6px; margin-inline-start:4px}

/* charts */
.tacmd-chart{width:100%; overflow:hidden}
.tacmd-chart svg{display:block; max-width:100%; height:auto}
.tacmd-chart .bar{cursor:pointer; transition:opacity .15s}
.tacmd-chart .bar:hover{opacity:.78}
.tacmd-legend{display:flex; flex-wrap:wrap; gap:6px 12px; font-size:12px; color:var(--t-text-2); margin-top:6px}
.tacmd-legend button{display:inline-flex; align-items:center; gap:6px; border:0; background:none; cursor:pointer; font:inherit; color:inherit; padding:2px 4px; border-radius:var(--r-sm)}
.tacmd-legend button.off{opacity:.4}
.tacmd-legend i{width:10px; height:10px; border-radius:3px; display:inline-block}
.tacmd-tip{position:fixed; z-index:9999; pointer-events:none; background:var(--t-navy); color:#fff; font-size:12px; line-height:1.45;
  padding:7px 10px; border-radius:8px; box-shadow:var(--sh-2); max-width:260px; opacity:0; transition:opacity .1s}
.tacmd-tip.on{opacity:1}
.tacmd-funnel .row{display:grid; grid-template-columns:96px minmax(0,1fr) 92px; gap:10px; align-items:center; margin:6px 0}
.tacmd-funnel .row .nm{font-size:12.5px; color:var(--t-text-2); font-weight:500}
.tacmd-funnel .row .tr{height:26px; display:flex; justify-content:center}
.tacmd-funnel .row .tr i{display:block; height:100%; border-radius:6px; background:var(--sc); transition:width .5s ease}
.tacmd-funnel .row .mt{font-size:12px; color:var(--t-text-2); text-align:end}
.tacmd-funnel .row .mt b{color:var(--t-text); font-size:13px}

/* attention */
.tacmd-att{display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:10px}
.tacmd-alert{background:var(--t-surface); border:1px solid var(--t-border); border-radius:var(--r-md); box-shadow:var(--sh-1); overflow:hidden;
  border-inline-start:4px solid var(--ac)}
.tacmd-alert.critical{--ac:var(--k-red); --ab:var(--k-red-50)}
.tacmd-alert.warning{--ac:var(--k-orange); --ab:var(--k-orange-50)}
.tacmd-alert.info{--ac:var(--k-blue); --ab:var(--k-blue-50)}
.tacmd-alert.zero{--ac:#cbd5d9; --ab:var(--t-line)}
.tacmd-alert>button{display:flex; gap:10px; align-items:center; width:100%; border:0; background:none; padding:12px 12px; cursor:pointer; text-align:start; font:inherit; color:inherit}
.tacmd-alert>button:hover{background:var(--t-bg)}
.tacmd-alert .cnt{min-width:40px; height:40px; border-radius:10px; display:grid; place-items:center; background:var(--ab); color:var(--ac); font-weight:600; font-size:17px; font-variant-numeric:tabular-nums; padding:0 6px}
.tacmd-alert .tt{font-size:13px; font-weight:600; color:var(--t-text)}
.tacmd-alert .nt{font-size:11.5px; color:var(--t-text-3)}
.tacmd-alert .sev{margin-inline-start:auto; font-size:10.5px; font-weight:600; text-transform:none; color:var(--ac); white-space:nowrap}
.tacmd-alert ul{list-style:none; margin:0; padding:0 0 6px; border-top:1px solid var(--t-line); max-height:260px; overflow:auto}
.tacmd-alert li button{display:block; width:100%; text-align:start; border:0; background:none; padding:7px 12px; cursor:pointer; font:inherit; color:inherit}
.tacmd-alert li button:hover{background:var(--t-bg)}
.tacmd-alert li .n{font-size:12.5px; font-weight:500; color:var(--t-text)}
.tacmd-alert li .r{font-size:11px; color:var(--t-teal); font-weight:600; margin-inline-end:6px}
.tacmd-alert li .d{font-size:11.5px; color:var(--t-text-3)}
.tacmd-alert .more{font-size:11.5px; color:var(--t-text-3); padding:4px 12px 2px}

/* tables */
.tacmd-tblw{overflow:auto; border:1px solid var(--t-line); border-radius:var(--r-sm); max-height:520px}
.tacmd-tbl{width:100%; border-collapse:collapse; font-size:13px}
.tacmd-tbl th{position:sticky; top:0; z-index:1; background:#f8fafb; text-align:start; font-weight:600; font-size:12px; color:var(--t-text-2); padding:9px 10px; border-bottom:1px solid var(--t-border); white-space:nowrap}
.tacmd-tbl td{padding:9px 10px; border-bottom:1px solid var(--t-line); vertical-align:middle}
.tacmd-tbl td.n,.tacmd-tbl th.n{text-align:end; font-variant-numeric:tabular-nums}
.tacmd-tbl tbody tr.go{cursor:pointer}
.tacmd-tbl tbody tr.go:hover{background:var(--k-teal-50)}
.tacmd-tbl .t1{font-weight:500; color:var(--t-text)}
.tacmd-tbl .t2{font-size:11.5px; color:var(--t-text-3)}
.tacmd-pill{display:inline-block; border-radius:999px; padding:1px 8px; font-size:11px; font-weight:600; white-space:nowrap; background:var(--t-line); color:var(--t-text-2)}
.tacmd-pill.green{background:var(--k-green-50); color:var(--k-green)}
.tacmd-pill.orange{background:var(--k-orange-50); color:var(--k-orange)}
.tacmd-pill.red{background:var(--k-red-50); color:var(--k-red)}
.tacmd-pill.yellow{background:#fdf6e3; color:#8a6100}
.tacmd-pill.blue{background:var(--k-blue-50); color:var(--k-blue)}
.tacmd-dist{display:flex; height:8px; width:120px; border-radius:999px; overflow:hidden; background:var(--t-line)}
.tacmd-dist i{display:block; height:100%}
.tacmd-sortbar{display:flex; gap:6px; align-items:center; font-size:12px; color:var(--t-text-2)}
.tacmd-sortbar select{height:30px; border:1px solid var(--t-border); border-radius:var(--r-sm); font:inherit; font-size:12.5px; padding:0 6px}
.tacmd-note{font-size:12px; color:var(--t-text-3); margin-top:8px}
.tacmd-defs{margin-top:16px; font-size:12.5px; color:var(--t-text-2)}
.tacmd-defs summary{cursor:pointer; font-weight:600; color:var(--t-text)}
.tacmd-defs dl{display:grid; grid-template-columns:minmax(160px,220px) 1fr; gap:6px 14px; margin:10px 0 0}
.tacmd-defs dt{font-weight:600; color:var(--t-text)}
.tacmd-defs dd{margin:0}

/* states */
.tacmd-skel{background:linear-gradient(90deg,var(--t-line) 0%,#f8fafa 50%,var(--t-line) 100%); background-size:200% 100%;
  animation:tacmd-sh 1.2s infinite linear; border-radius:var(--r-md)}
@keyframes tacmd-sh{to{background-position:-200% 0}}
.tacmd-err{background:var(--k-red-50); color:var(--k-red); border:1px solid #f3caca; border-radius:var(--r-md); padding:14px 16px; display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap}
.tacmd-busy{position:relative}
.tacmd-busy::after{content:""; position:absolute; inset:0; background:rgba(246,248,249,.55); border-radius:var(--r-lg); pointer-events:none}
.tacmd-fade{animation:tacmd-in .35s ease both}
@keyframes tacmd-in{from{opacity:0; transform:translateY(4px)}to{opacity:1; transform:none}}
@media (prefers-reduced-motion:reduce){.tacmd *{animation:none!important; transition:none!important}}

/* responsive */
@media (max-width:1100px){.tacmd-grid3{grid-template-columns:1fr}}
@media (max-width:900px){.tacmd-grid2{grid-template-columns:1fr}}
@media (max-width:560px){
  .tacmd-head{padding:14px}
  .tacmd-head h1{font-size:19px}
  .tacmd-actions{width:100%}
  .tacmd-actions .tacmd-btn{flex:1 1 auto; justify-content:center}
  .tacmd-kpis{grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px}
  .tacmd-kpi{padding:12px 10px 10px; gap:8px}
  .tacmd-kpi .ic{width:30px; height:30px}
  .tacmd-kpi .v{font-size:21px}
  .tacmd-stage{grid-template-columns:92px minmax(0,1fr) 92px; gap:6px}
  .tacmd-defs dl{grid-template-columns:1fr}
}

/* ── TACONS_20261020 — TA Analytics consolidated: sections, sources, quality, cost records ── */
.tacmd-subnav{position:sticky; top:0; z-index:5; display:flex; flex-wrap:wrap; gap:6px; padding:8px 0; margin:0 0 4px; background:var(--t-bg)}
.tacmd-subnav button{border:1px solid var(--t-border); background:var(--t-surface); color:var(--t-text-2); border-radius:999px; padding:5px 12px; font-size:12.5px; font-weight:600; cursor:pointer}
.tacmd-subnav button:hover{border-color:var(--t-teal); color:var(--t-teal)}
.tacmd-sec-main{border-top:1px solid var(--t-border); padding-top:14px; margin-top:18px; scroll-margin-top:52px}
.tacmd-sec-main h2{display:flex; align-items:center; gap:8px; font-size:17px}
.tacmd-secno{display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background:var(--t-navy); color:#fff; font-size:12px; font-weight:700}
.tacmd-kpis-exec .tacmd-kpi .v{font-size:24px}
.tacmd-ops{margin-top:10px}
.tacmd-ops>summary{cursor:pointer; font-size:13px; font-weight:600; color:var(--t-text-2); padding:6px 0}
.tacmd-collapse{margin-top:12px}
.tacmd-collapse>summary{cursor:pointer; list-style:none; display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px}
.tacmd-collapse>summary::-webkit-details-marker{display:none}
.tacmd-collapse>summary::before{content:'▸'; color:var(--t-text-3); font-size:12px}
.tacmd-collapse[open]>summary::before{content:'▾'}
.tacmd-collapse>summary h3{margin:0}
.tacmd-collapse[open]>summary{margin-bottom:10px}
.tacmd-funnel .cv{color:var(--t-text-3); font-weight:500; font-size:11.5px}
.tacmd-tbl tr.tacmd-hl td{background:#fff8e6}
.tacmd-donutw{display:flex; flex-wrap:wrap; gap:14px; align-items:center}
.tacmd-donutw svg{flex:0 0 auto}
.tacmd-dlegend{display:flex; flex-direction:column; gap:3px; flex:1 1 180px; min-width:0}
.tacmd-dlegend button{display:flex; align-items:center; gap:7px; border:0; background:none; padding:3px 6px; border-radius:var(--r-sm); font-size:12.5px; color:var(--t-text); cursor:pointer; text-align:left}
.tacmd-dlegend button:hover,.tacmd-dlegend button.on{background:var(--t-line)}
.tacmd-dlegend i{width:10px; height:10px; border-radius:3px; flex:0 0 10px}
.tacmd-dlegend b{font-weight:600; color:var(--t-text-2); margin-left:auto}
.tacmd-quad{display:grid; grid-template-columns:1fr 1fr; gap:8px}
.tacmd-quad .q{border-radius:var(--r-md); padding:9px 10px; font-size:12.5px; border:1px solid var(--t-border)}
.tacmd-quad .q h4{margin:0 0 4px; font-size:12.5px}
.tacmd-quad .q.green{background:var(--k-green-50)} .tacmd-quad .q.green h4{color:var(--k-green)}
.tacmd-quad .q.blue{background:var(--k-blue-50)} .tacmd-quad .q.blue h4{color:var(--k-blue)}
.tacmd-quad .q.orange{background:var(--k-orange-50)} .tacmd-quad .q.orange h4{color:var(--k-orange)}
.tacmd-quad .q.red{background:var(--k-red-50)} .tacmd-quad .q.red h4{color:var(--k-red)}
.tacmd-quad .t2,.tacmd .t2{color:var(--t-text-3); font-size:11.5px}
.tacmd-mixrow{display:grid; grid-template-columns:minmax(110px,180px) 1fr 64px; gap:8px; align-items:center; font-size:12.5px; margin:3px 0}
.tacmd-mixrow .tr{height:8px; background:var(--t-line); border-radius:4px; overflow:hidden}
.tacmd-mixrow .tr i{display:block; height:100%; background:var(--k-cyan); border-radius:4px}
.tacmd-form{display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:8px 10px; margin-top:10px; padding:10px; background:var(--t-bg); border-radius:var(--r-md)}
.tacmd-form label{display:flex; flex-direction:column; gap:3px; font-size:11.5px; color:var(--t-text-2); font-weight:600}
.tacmd-form input,.tacmd-form select,.tacmd-tbl input{font:inherit; font-size:12.5px; padding:5px 7px; border:1px solid var(--t-border); border-radius:var(--r-sm); background:#fff; min-width:0}
.tacmd-actrow{display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:8px; grid-column:1/-1}
.tacmd-rate{display:inline-flex; gap:3px}
.tacmd-rate button{width:26px; height:26px; border:1px solid var(--t-border); background:#fff; border-radius:6px; cursor:pointer; font-weight:600; color:var(--t-text-2)}
.tacmd-rate button.on{background:var(--t-teal); border-color:var(--t-teal); color:#fff}
.tacmd-flash{border-radius:var(--r-md); padding:8px 12px; margin:6px 0 10px; font-size:13px; background:var(--k-green-50); color:var(--k-green)}
.tacmd-flash.err{background:var(--k-red-50); color:var(--k-red)}
.tacmd-h4{font-size:13px; margin:14px 0 6px; color:var(--t-navy)}
@media (max-width:900px){ .tacmd-quad{grid-template-columns:1fr} .tacmd-mixrow{grid-template-columns:110px 1fr 56px} }

/* ── TAERFA_20261020 — requisition analytics (ex Employee Requisition › Reports & Analytics) ── */
.tacmd .taerfa-bars{display:flex; flex-direction:column; gap:6px; margin-top:6px}
.tacmd .taerfa-bar{display:grid; grid-template-columns:minmax(90px,38%) 1fr auto; align-items:center; gap:8px; width:100%;
  border:0; background:none; padding:3px 4px; border-radius:var(--r-sm); text-align:start; font:inherit; font-size:12.5px; color:var(--t-text)}
.tacmd .taerfa-bar.go{cursor:pointer}
.tacmd .taerfa-bar.go:hover{background:var(--t-line)}
.tacmd .taerfa-bar .lb{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--t-text-2)}
.tacmd .taerfa-bar .tr{height:8px; border-radius:4px; background:var(--t-line); overflow:hidden}
.tacmd .taerfa-bar .tr i{display:block; height:100%; border-radius:4px}
.tacmd .taerfa-bar .n{font-variant-numeric:tabular-nums; font-size:12px; color:var(--t-text-2); white-space:nowrap}
.tacmd .taerfa-dw{display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:6px}
.tacmd .taerfa-donut{width:132px; height:132px; flex-shrink:0}
.tacmd .taerfa-donut .taerfa-dc{font-size:17px; font-weight:600; fill:var(--t-text)}
.tacmd .taerfa-donut .taerfa-ds{font-size:9px; fill:var(--t-text-3)}
.tacmd .taerfa-leg{display:flex; flex-direction:column; gap:4px; font-size:12.5px; color:var(--t-text-2); min-width:0}
.tacmd .taerfa-leg>*{display:flex; align-items:center; gap:6px; border:0; background:none; padding:2px 4px; border-radius:var(--r-sm); font:inherit; color:inherit; text-align:start}
.tacmd .taerfa-leg .go{cursor:pointer}
.tacmd .taerfa-leg .go:hover{background:var(--t-line)}
.tacmd .taerfa-leg i{width:10px; height:10px; border-radius:3px; flex-shrink:0}
.tacmd .taerfa-leg b{color:var(--t-text); font-variant-numeric:tabular-nums}
.tacmd .taerfa-budget{margin-bottom:4px}
.tacmd .tacmd-kpi .v.num{overflow-wrap:anywhere}
@media (max-width:640px){ .tacmd .taerfa-bar{grid-template-columns:minmax(70px,42%) 1fr auto} .tacmd .taerfa-donut{width:112px; height:112px} }