body{margin:0;background:var(--adm-bg,#17191d);color:var(--adm-text,#f5f7fa);font:13px var(--adm-font,Segoe UI,sans-serif)}
#usage-manual-quotas summary{cursor:pointer;font-weight:600;min-height:24px}
#usage-manual-quotas textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px;resize:vertical;font:inherit;color:inherit;border:1px solid var(--adm-border,#444);background:var(--adm-surface,#202328);padding:8px}
#usage-manual-quotas [data-status]:not(:empty){padding:8px;border-left:3px solid var(--adm-primary,#3c8dbc);background:var(--adm-surface-2,#272b31)}
#usage-manual-quotas>details>details{margin-top:16px}
#usage-manual-quotas button[type=submit]{background:var(--adm-primary,#3c8dbc);color:white}
#usage-app{padding:14px;max-width:1600px;margin:auto}#usage-app h1{font-size:20px;margin:0 0 6px}#usage-app h2{font-size:16px;margin:0 0 12px}#usage-app h3{font-size:14px}#usage-app p{line-height:1.5}#usage-app a{color:var(--adm-primary,#3c8dbc)}
.usage-toolbar,.usage-tabs,.usage-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.usage-toolbar{justify-content:space-between}.usage-tabs{padding:12px 0;border-bottom:1px solid var(--adm-border,#444);margin-bottom:14px}
#usage-app button,#usage-app input,#usage-app select{font:inherit;color:inherit;background:var(--adm-surface,#202328);border:1px solid var(--adm-border,#444);border-radius:3px;min-height:34px;padding:7px 10px;box-sizing:border-box}#usage-app button{cursor:pointer}#usage-app button:hover{border-color:var(--adm-primary,#3c8dbc)}#usage-app button[aria-pressed=true],#usage-app button.primary{background:#3c8dbc;color:white}#usage-app button:disabled{opacity:.5;cursor:wait}
.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:14px 0}.usage-panel{background:var(--adm-surface,#202328);border:1px solid var(--adm-border,#444);padding:14px;margin-bottom:14px}.usage-number{font-size:26px;font-weight:600}.usage-muted{color:var(--adm-text-soft,#aeb6c1)}#usage-message:not(:empty){border-left:3px solid #3c8dbc;background:var(--adm-surface-2,#272b31);padding:12px;margin-bottom:14px}#usage-message.error{border-color:#dd4b39}
#usage-app label{display:block;margin:10px 0}#usage-app label input:not([type=checkbox]),#usage-app label select{display:block;width:100%;margin-top:5px}#usage-app input[type=checkbox]{min-height:0}.usage-table{overflow:auto}#usage-app table{width:100%;border-collapse:collapse}#usage-app th,#usage-app td{text-align:left;vertical-align:top;border-bottom:1px solid var(--adm-border,#444);padding:10px;white-space:normal;min-width:100px}#usage-app progress{width:100%;accent-color:#3c8dbc}.usage-editor{max-width:900px}#usage-app [hidden]{display:none!important}
@media(max-width:600px){#usage-app{padding:10px}.usage-tabs{gap:6px}.usage-toolbar{align-items:flex-start}.usage-grid{grid-template-columns:1fr}}

/* Compact operational dashboard surfaces and commands. */
#usage-app{max-width:none;padding:20px 24px}
.usage-toolbar{background:var(--adm-surface);border:1px solid var(--adm-border);border-left:3px solid var(--adm-primary);padding:16px 18px;margin-bottom:14px}
.usage-toolbar p{margin:5px 0 0;color:var(--adm-text-soft)}
.usage-eyebrow{display:block;color:var(--adm-text-soft);font-size:11px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:7px}
.usage-tabs{background:var(--adm-surface);border:1px solid var(--adm-border);padding:7px;gap:6px}
#usage-app .usage-tabs a{display:inline-flex;align-items:center;min-height:34px;box-sizing:border-box;padding:7px 12px;text-decoration:none;border:1px solid var(--adm-border);border-radius:3px}
#usage-app .usage-tabs a:hover{background:var(--adm-primary-soft)}
#usage-app button.primary,#usage-app button[aria-pressed=true]{background:var(--adm-primary);border-color:var(--adm-primary);color:#fff;font-weight:600}
#usage-app button[data-buy],#usage-app button[data-action="confirm-order"]{background:#008548;border-color:#008548;color:white;font-weight:600}
#usage-app button:focus-visible,#usage-app a:focus-visible{outline:2px solid var(--adm-primary);outline-offset:3px}
.usage-grid>.usage-panel{margin:0;border-top:3px solid var(--adm-primary)}
.usage-grid>.usage-panel:first-child{border-top-color:var(--adm-success)}
.usage-number{font-size:28px;color:var(--adm-text);margin:12px 0}
.usage-panel small{color:var(--adm-text-soft);line-height:1.5;display:block}
.usage-panel{box-shadow:0 2px 6px rgba(0,0,0,.035)}
#usage-app th{background:var(--adm-surface-2);font-size:11px;text-transform:uppercase;color:var(--adm-text-soft)}
#usage-app td{padding:12px 10px}
#usage-message:empty{display:none}
#usage-message.error{background:var(--adm-surface);border:1px solid var(--adm-border);border-left:3px solid var(--adm-danger);padding:16px 18px}
@media(max-width:600px){#usage-app{padding:12px}.usage-toolbar{padding:14px}.usage-tabs>*{flex:1 1 auto}.usage-tabs button,.usage-tabs a{justify-content:center}.usage-number{font-size:24px}}
#usage-app .usage-tabs button{background:var(--adm-surface)!important;color:var(--adm-text)!important;border-color:var(--adm-border)!important}
#usage-app .usage-tabs button[aria-pressed="true"]{background:var(--adm-primary-soft)!important;color:var(--adm-primary)!important;border-color:var(--adm-primary)!important;box-shadow:inset 0 -2px var(--adm-primary)}
#usage-app .usage-grid button[data-tab="offers"]{background:#008548!important;border-color:#008548!important;color:#fff!important}

.usage-subscription{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-left:3px solid var(--adm-primary)}
.usage-quota-list{padding-left:18px;line-height:1.8}#usage-app fieldset{border:1px solid var(--adm-border);padding:14px;margin:14px 0}
#usage-app .usage-reconnect{display:inline-flex;margin-left:12px;padding:8px 12px;border-radius:3px;background:var(--adm-primary);color:white;text-decoration:none;font-weight:600}

.usage-save-error{padding:12px;border:1px solid var(--adm-border);border-left:3px solid var(--adm-danger);background:var(--adm-surface);color:var(--adm-text)}
.usage-save-error[hidden]{display:none}

#usage-app .usage-storage-count{min-width:230px}#usage-app .usage-storage-count small{display:block;margin-bottom:7px}#usage-app .usage-storage-feedback.error{color:var(--adm-danger,#dd4b39)}

/* Semantic accents follow the active Sysimple theme. */
#usage-app{--usage-blue:#176e9f;--usage-green:#167443;--usage-teal:#137a80;--usage-amber:#9a5b08}
#usage-app .usage-toolbar{background:linear-gradient(110deg,color-mix(in srgb,var(--adm-primary,#3c8dbc) 13%,var(--adm-surface,#202328)),var(--adm-surface,#202328) 75%)}
#usage-app .usage-setup{border-top:3px solid var(--adm-warning,#f39c12)}
#usage-app .usage-catalog{border-top:3px solid var(--adm-primary,#3c8dbc)}
#usage-app .usage-organizations{border-top:3px solid var(--adm-success,#00a65a)}
#usage-app :is(.usage-setup,.usage-catalog,.usage-organizations)>h2{margin:-14px -14px 14px;padding:12px 14px;border-bottom:1px solid var(--adm-border);background:color-mix(in srgb,var(--adm-primary,#3c8dbc) 8%,var(--adm-surface,#202328))}
#usage-app .usage-setup>h2{background:color-mix(in srgb,var(--adm-warning,#f39c12) 9%,var(--adm-surface,#202328))}
#usage-app .usage-organizations>h2{background:color-mix(in srgb,var(--adm-success,#00a65a) 9%,var(--adm-surface,#202328))}
#usage-app button:is([data-action="new-offer"],[data-action="save-offer"],[data-link-customer]){background:var(--usage-green)!important;border-color:var(--usage-green)!important;color:#fff!important;font-weight:600}
#usage-app button[data-count-storage]{background:var(--usage-teal)!important;border-color:var(--usage-teal)!important;color:#fff!important;font-weight:600}
#usage-app button:is([data-edit-offer],[data-search-customer],[data-action="refresh-products"]){background:var(--usage-blue)!important;border-color:var(--usage-blue)!important;color:#fff!important}
#usage-app button[data-action="save-offer-draft"]{background:var(--usage-amber)!important;border-color:var(--usage-amber)!important;color:#fff!important}
#usage-app button:is([data-action="new-offer"],[data-action="save-offer"],[data-link-customer],[data-count-storage],[data-edit-offer],[data-search-customer],[data-action="refresh-products"],[data-action="save-offer-draft"]):hover:not(:disabled){filter:brightness(1.13)}
#usage-app .usage-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid;border-radius:3px;font-size:12px;font-weight:600;white-space:nowrap}
#usage-app .usage-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
#usage-app .is-published{color:var(--adm-success,#00a65a);background:color-mix(in srgb,var(--adm-success,#00a65a) 12%,var(--adm-surface,#202328));border-color:color-mix(in srgb,var(--adm-success,#00a65a) 40%,var(--adm-border,#444))}
#usage-app .is-draft{color:var(--adm-warning,#f39c12);background:color-mix(in srgb,var(--adm-warning,#f39c12) 12%,var(--adm-surface,#202328));border-color:color-mix(in srgb,var(--adm-warning,#f39c12) 40%,var(--adm-border,#444))}
#usage-app tbody tr:hover{background:color-mix(in srgb,var(--adm-primary,#3c8dbc) 5%,var(--adm-surface,#202328))}
#usage-app .usage-storage-count [data-storage-result]{border-left:3px solid var(--adm-primary,#3c8dbc);padding:7px 9px;background:var(--adm-primary-soft,rgba(60,141,188,.12));color:var(--adm-text)}
#usage-app .usage-save-error{background:color-mix(in srgb,var(--adm-warning,#f39c12) 8%,var(--adm-surface,#202328))}
body[data-theme="light"] #usage-app .is-published{color:#166534}body[data-theme="light"] #usage-app .is-draft{color:#854d0e}

#usage-app .usage-product-description{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--adm-text,var(--text,#263238));line-height:1.5;margin:8px 0 12px;}

.usage-client-heading,.usage-client-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.usage-client-heading{border-left:3px solid var(--adm-primary)}
.usage-client-pager{justify-content:flex-end;margin-top:14px}.usage-client-pager span{margin-right:auto}
[data-client-search]{margin-bottom:14px}[data-client-search] input{flex:1;min-width:160px}
[data-quota]{max-width:190px;width:100%}.usage-client-review{margin-top:14px;border-left:3px solid var(--adm-warning,#f39c12)}
.usage-client-message:not(:empty),.usage-client-error:not(:empty){padding:12px;margin-bottom:14px;background:var(--adm-surface);border-left:3px solid var(--adm-success,#00a65a)}
.usage-client-error:not(:empty){border-left-color:var(--adm-danger,#dd4b39)}
.usage-ai-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.usage-ai-client{padding:8px 10px;background:var(--adm-primary-soft);border:1px solid var(--adm-primary);overflow-wrap:anywhere}
.usage-ai-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.usage-ai-summary>div{border:1px solid var(--adm-border);border-left:3px solid var(--adm-primary);padding:12px;background:var(--adm-surface-2)}
.usage-ai-summary strong,.usage-ai-summary span{display:block;overflow-wrap:anywhere}.usage-ai-summary strong{font-size:16px;margin:7px 0}.usage-ai-summary span{color:var(--adm-text-soft);line-height:1.5}
.usage-ai-details{margin-top:14px;border-top:1px solid var(--adm-border);padding-top:12px}.usage-ai-details summary{cursor:pointer;min-height:24px;font-weight:600}
[data-ai-selection]{border-left:3px solid var(--adm-primary);padding:8px 10px;background:var(--adm-surface-2)}
@media(max-width:700px){.usage-ai-summary{grid-template-columns:1fr}.usage-ai-client{width:100%;box-sizing:border-box}}
