#modal.usage-modal .modal-card{width:min(1320px,96vw);max-width:1320px}
#modal.usage-modal #modal-body{max-height:84vh;overflow:auto}
.usage-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0}
.usage-controls label{display:flex;align-items:center;gap:6px;font-size:13px}
.usage-controls select{padding:8px;border-radius:7px;border:1px solid var(--line,#dce5e1);max-width:220px}
.usage-controls input[type=checkbox]{width:auto}
.usage-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}
.usage-kpi{padding:15px;border:1px solid #dce5e1;border-radius:10px;background:#f6f9f6}
.usage-kpi small{color:#627469;display:block;font-size:12px}
.usage-kpi strong{display:block;font-size:27px;margin:7px 0;color:#224c3c}
.usage-note{padding:12px 15px;background:#f2f6f2;border-radius:8px;color:#50665a;font-size:12px;line-height:1.7;margin:10px 0}
.usage-warning{background:#fff5e6;color:#86602d}
.usage-grid{max-height:420px;overflow:auto;border:1px solid #dce5e1;border-radius:9px}
.usage-grid table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}
.usage-grid th{position:sticky;top:0;text-align:left;background:#eff4ef;z-index:1;padding:11px 10px}
.usage-grid td{padding:10px;border-top:1px solid #e5ebe5}
.usage-grid td small{display:block;color:#7c8b81}
.usage-grid tbody tr:hover{background:#f9fbf8}
.usage-chip{display:inline-block;padding:4px 7px;border-radius:5px;background:#eef3ed;color:#4a6c53;font-size:11px}
.usage-chip.warn{background:#fff0de;color:#855d2d}
.usage-tabs{display:flex;gap:8px;margin:16px 0 10px;flex-wrap:wrap}
.usage-sidebar-notice{display:block;margin:12px 4px 4px;font-size:10px;line-height:1.6;color:#a6bdb5}
body[data-sidebar=compact] .usage-sidebar-notice{display:none}
@media(max-width:700px){.usage-kpis{grid-template-columns:repeat(2,1fr)}.usage-controls{gap:8px}#modal.usage-modal .modal-card{width:97vw}}