/* antet dashboard: titlu · indicatori · acțiune pe un rând (V5 din mockups/kpi-variante.html); sub 1440 px indicatorii trec pe rândul al doilea, sub 1024 px pe 3 coloane, sub 601 px pe 2 */
.dash-head{display:flex;align-items:center;gap:20px;padding-bottom:12px;border-bottom:1px solid var(--border);flex:none}
.dash-head .ttl{flex:none;min-width:0}
.dash-head h1.title{font-size:18px;white-space:nowrap}
.dash-head .sub{margin-top:2px;font-size:12px;white-space:nowrap}
.dash-head > .actions{flex:none}
.dash-stats{display:flex;margin-left:auto;min-width:0}
.dash-stats .st{display:flex;flex-direction:column;align-items:flex-start;padding:1px 18px;border:0;border-left:1px solid var(--border);border-radius:0;background:transparent;text-align:left;min-width:0}
.dash-stats .st:hover .v{color:var(--primary)}
.dash-stats .st:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}
.dash-stats .v{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.15;font-variant-numeric:tabular-nums;transition:color .15s}
.dash-stats .v small{font-size:12px;color:var(--text-3);font-weight:500;margin-left:1px;letter-spacing:0}
.dash-stats .l{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:11.5px;color:var(--text-3);white-space:nowrap}
.dash-stats .dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--border-strong)}
.dash-stats .ok .dot{background:var(--success)}.dash-stats .warn .dot{background:var(--warn)}.dash-stats .danger .dot{background:var(--danger)}.dash-stats .info .dot{background:var(--info)}
@media (max-width:1439px){
  .dash-head{flex-wrap:wrap;row-gap:12px}
  .dash-head .ttl{flex:1}
  .dash-stats{order:3;flex-basis:100%;margin-left:0}
  .dash-stats .st{flex:1 1 0;min-width:max-content}
  .dash-stats .st:first-child{border-left:0;padding-left:0}
}
@media (max-width:1023px){
  .dash-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}
  .dash-stats .st{min-width:0}
  .dash-stats .st:nth-child(3n+1){border-left:0;padding-left:0}
}
@media (max-width:600px){
  .dash-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dash-stats .st:nth-child(3n+1){border-left:1px solid var(--border);padding-left:18px}
  .dash-stats .st:nth-child(2n+1){border-left:0;padding-left:0}
  .dash-stats .l{white-space:normal;align-items:flex-start}
  .dash-stats .dot{margin-top:4px}
}