/* Statistici: tabel dens pentru multe date — capul și rândul de total rămân sus la derulare, cifrele aliniate pe coloane. */
.stper{align-items:center}
.stper .btn.on{background:var(--text);color:var(--bg,#fff);box-shadow:none}
.stper input[type=date]{padding:6px 10px}
.stkpis{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:4px}
.stk{text-align:left;cursor:pointer;font:inherit;color:inherit;transition:transform .15s var(--ease,ease)}
.stk:hover{transform:translateY(-2px)}
.stk b{font-size:22px}
.stk.warn b{color:var(--red)}
.sttabs{margin-bottom:4px}
.stbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 12px}
.stbar #stfil{display:contents}
.stbar select.on{box-shadow:inset 0 0 0 2px var(--text)}
.stq{flex:1 1 280px;max-width:460px;display:flex;align-items:center;gap:8px;background:var(--card);border-radius:10px;padding:0 12px;box-shadow:inset 0 0 0 1px var(--line)}
.stq svg{width:18px;height:18px;opacity:.55;flex:none}
.stq input{flex:1;border:0;background:none;padding:10px 0;font:inherit;color:inherit;outline:none;min-width:0}
.stq:focus-within{box-shadow:inset 0 0 0 2px var(--text)}
.stsp{flex:1}
.stbox{background:var(--solid,var(--card));border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;transition:opacity .15s}
.stbox.loading{opacity:.55;pointer-events:none}
.stbox .empty{padding:48px 16px}
.stscroll{overflow:auto;max-height:calc(100vh - 230px);max-height:calc(100dvh - 230px)}
table.st{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px;font-variant-numeric:tabular-nums}
table.st th,table.st td{padding:7px 12px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--line)}
table.st .r{text-align:right}
table.st thead th{position:sticky;top:0;z-index:2;background:var(--solid,var(--card));padding:0;font-size:12px;font-weight:600;color:var(--muted)}
table.st thead th button{all:unset;box-sizing:border-box;display:flex;gap:4px;align-items:center;width:100%;padding:10px 12px;cursor:pointer}
table.st thead th.r button{justify-content:flex-end}
table.st thead th button:hover,table.st thead th.on{color:var(--text)}
table.st thead th button:focus-visible{outline:2px solid var(--text);outline-offset:-2px}
table.st thead th i{font-style:normal;width:10px}
table.st tr.sttot td{position:sticky;top:37px;z-index:1;background:var(--soft2,#eef0f4);font-weight:700;color:var(--text);border-bottom:1px solid var(--line)}
table.st tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--soft,#f4f5f9) 45%,transparent)}
table.st tbody tr.click{cursor:pointer}
table.st tbody tr.click:hover td,table.st tbody tr.click:focus td{background:var(--soft2,#e9ebf1)}
table.st tbody tr:focus{outline:none}
table.st .neg{color:var(--red)}
table.st .tag{font-size:11px;padding:2px 8px}
table.st td.sc-what,table.st td.sc-device,table.st td.sc-produs{max-width:340px;overflow:hidden;text-overflow:ellipsis}
table.st td.sc-client{max-width:220px;overflow:hidden;text-overflow:ellipsis}
.stbarv{display:inline-block;vertical-align:middle;width:120px;height:6px;border-radius:3px;background:var(--soft2,#e7e9f0);margin-right:10px;overflow:hidden}
.stbarv i{display:block;height:100%;background:var(--green,#1f7a35);border-radius:3px}
.stpg{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;border-top:1px solid var(--line)}
.stpg .btn[disabled]{opacity:.4;pointer-events:none}
.stpn{font-size:13px;padding:0 4px}
@media (max-width:760px){
  #main .head .acts.stper{width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:0}
  #main .stper .btn{flex:none}
  .head .muted.sthint{display:none}
  #main .kpis.stkpis{gap:8px}
  #main .kpis.stkpis>.kpi.stk{flex:1 1 calc(50% - 4px)!important;min-width:0!important}
  #main .kpi.stk{padding:12px}
  #main .kpi.stk b{font-size:17px}
  .stk small:last-child{font-size:11px}
  .stq{max-width:none}
  .stscroll{max-height:none}
  table.st{font-size:13px}
  table.st th,table.st td{padding:6px 10px}
  .stbarv{width:60px}
}