.listing-usage { color:#172b36; font-size:14px; line-height:1.6; min-width:0; }
.listing-usage [hidden] { display:none !important; }
.listing-usage h1 { font-size:25px; margin:0 0 8px; }
.listing-usage h2 { font-size:20px; }
.listing-usage h3 { font-size:15px; margin:0 0 8px; }
.listing-usage p { margin:7px 0; overflow-wrap:anywhere; }
.listing-usage button { min-height:40px; padding:8px 14px; border:1px solid #cbdad8; border-radius:8px; background:#fff; color:#173d36; cursor:pointer; white-space:normal; }
.listing-usage button:disabled { opacity:.45; cursor:default; }
.listing-usage :is(button,input,select,summary,pre):focus-visible { outline:3px solid #12846c; outline-offset:2px; }
.listing-usage .lu-note { color:#53656d; font-size:13px; }
.listing-usage .lu-message { min-height:26px; margin:12px 0; }
.listing-usage .lu-error { color:#a63026; }
.listing-usage .lu-filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:16px; background:#f5f8f8; border:1px solid #e0e8e7; border-radius:12px; }
.listing-usage label { display:flex; flex-direction:column; gap:6px; min-width:0; font-size:13px; }
.listing-usage input,.listing-usage select { width:100%; min-width:0; box-sizing:border-box; min-height:40px; padding:8px; border:1px solid #bacac6; border-radius:7px; background:white; color:#172b36; }
.listing-usage .lu-lookup { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin:18px 0; }
.listing-usage .lu-lookup label { flex:1 1 180px; }
.listing-usage .lu-lookup p { width:100%; }
.listing-usage .lu-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.listing-usage .lu-metrics>div { display:flex; flex-direction:column; padding:14px; border:1px solid #dbe7e3; background:#f0f7f4; border-radius:10px; }
.listing-usage .lu-metrics span { font-size:12px; color:#53656d; }
.listing-usage .lu-metrics strong { font-size:24px; overflow-wrap:anywhere; }
.listing-usage summary { cursor:pointer; padding:10px 0; font-weight:600; }
.listing-usage .lu-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:18px 0; }
.listing-usage .lu-card { padding:16px; min-width:0; border:1px solid #dce5e5; border-radius:10px; background:white; }
.listing-usage .lu-state { display:inline-block; padding:3px 8px; background:#fff2d9; color:#715214; border-radius:6px; }
.listing-usage .lu-success { background:#e6f4ec; color:#236347; }
.listing-usage .lu-open { margin-top:9px; }
.listing-usage .lu-pagination { display:flex; justify-content:center; align-items:center; gap:12px; flex-wrap:wrap; margin:20px 0; }
.listing-usage .lu-content { border-top:1px solid #e2e8e7; padding:16px 0; }
.listing-usage pre { max-height:360px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; padding:14px; margin:8px 0; background:#f5f7f8; border-radius:8px; font:13px/1.7 ui-monospace,monospace; }
.listing-usage .lu-scroll { overflow:auto; max-height:400px; border:1px solid #dce5e5; border-radius:8px; }
.listing-usage table { width:100%; border-collapse:collapse; table-layout:fixed; min-width:460px; }
.listing-usage th,.listing-usage td { text-align:left; padding:10px; vertical-align:top; border-bottom:1px solid #e2e8e7; white-space:pre-wrap; overflow-wrap:anywhere; }
.listing-usage th { background:#eff4f3; }
.listing-usage .lu-empty { padding:20px; color:#53656d; }
.listing-usage .lu-detail { min-width:0; }
.listing-usage .lu-version-panel { margin-top:20px; }
#adminUsageView { max-width:1220px; margin:0 auto; padding:24px; }
#listingUsageDialog { width:min(1060px,calc(100vw - 28px)); max-width:none; max-height:90dvh; padding:20px; border:1px solid #cbdad8; border-radius:14px; box-sizing:border-box; overflow:auto; background:#fff; }
#listingUsageDialog::backdrop { background:rgba(15,32,39,.5); }
#listingUsageDialog>.lu-dialog-bar { display:flex; justify-content:flex-end; position:sticky; top:-20px; padding:8px 0; background:#fff; z-index:2; }
#listingUsageClose { min-height:40px; padding:8px 16px; }
@media(max-width:650px) {
 .listing-usage .lu-filters,.listing-usage .lu-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); padding:10px; }
 .listing-usage .lu-cards { grid-template-columns:minmax(0,1fr); }
 .listing-usage .lu-filters button { grid-column:1/-1; }
 #adminUsageView { padding:16px 10px; }
 #listingUsageDialog { padding:12px; }
 .listing-usage h1 { font-size:21px; }
}