.catalog-order-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #eee}.catalog-order-row:last-child{border-bottom:0}.catalog-order-row small{display:block;margin-top:3px;color:var(--muted)}
.metrics-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:13px;padding-bottom:3px}.metrics-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;white-space:nowrap;font-size:11px;font-weight:850}.metrics-tabs button.active{background:var(--dark);color:var(--gold2);border-color:var(--dark)}
.metrics-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;margin-bottom:13px}.metric-summary-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px}.metric-summary-card small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:850}.metric-summary-card strong{display:block;font-size:22px;margin:6px 0;color:var(--gold3)}.metric-summary-card p{font-size:10px;color:var(--muted)}
.metrics-panel{margin-top:10px}.metric-ranking>div,.employee-metrics>div{display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px 2px;border-bottom:1px solid #eee;font-size:12px}.employee-metrics>div{grid-template-columns:1fr auto auto}.metric-ranking span,.employee-metrics b{color:var(--muted);font-weight:700}
@media(max-width:560px){.employee-metrics>div{grid-template-columns:1fr auto}.employee-metrics>div strong{grid-column:1/-1}.metrics-summary-grid{grid-template-columns:1fr 1fr}}