.portal-team-list,.provider-list{min-width:0}
.portal-team-card,.provider-card{box-sizing:border-box}
main{min-width:0}
.layout{min-height:calc(100vh - 64px);background:radial-gradient(circle at 80% 0,rgba(45,140,255,.08),transparent 34rem)}
.topnav{backdrop-filter:blur(14px);background:rgba(8,12,17,.9);border-bottom:1px solid rgba(148,163,184,.16);position:sticky;top:0;z-index:20}
.topnav-links a{border-radius:7px;padding:.45rem .7rem}
.sidebar{background:rgba(10,15,21,.86);border-right:1px solid rgba(148,163,184,.13);padding:1rem .7rem}
.sidebar-title{color:#718096;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin:1.1rem .7rem .4rem}
.sidebar-link{border-radius:7px;margin:.15rem 0;color:#a9b6c4;transition:background .15s,color .15s}
.sidebar-link:hover,.sidebar-link.active{background:rgba(80,227,194,.1);color:#50e3c2}
.main{padding:2rem clamp(1rem,3vw,2.75rem)}
.page-header{margin-bottom:1.5rem}.page-title{letter-spacing:-.02em}.page-subtitle{color:#8290a0}
.stats-grid{gap:1rem}.stat-card{background:linear-gradient(145deg,rgba(25,34,44,.88),rgba(15,21,28,.92));border:1px solid rgba(148,163,184,.13);border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.12)}
.card{background:rgba(18,24,31,.82);border:1px solid rgba(148,163,184,.16);border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.16)}
.card-header{border-bottom:1px solid rgba(148,163,184,.12)}
table{width:100%;border-collapse:collapse}
th{color:#9aa8b8;font-size:12px;font-weight:600;letter-spacing:.02em;text-align:left;white-space:nowrap}
td,th{padding:.75rem .85rem;border-bottom:1px solid rgba(148,163,184,.1);vertical-align:middle}
tbody tr:hover{background:rgba(80,227,194,.045)}
input,select,textarea{box-sizing:border-box;max-width:100%;border:1px solid rgba(148,163,184,.25);border-radius:7px;background:#10161d;color:#e5edf5}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(80,227,194,.28);border-color:#50e3c2}
button,.btn{transition:filter .15s,transform .15s}
button:hover,.btn:hover{filter:brightness(1.12)}
.provider-list{gap:1rem!important}
.provider-card{padding:1.25rem!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(24,32,41,.94),rgba(15,21,28,.94))!important}
.provider-header{gap:1rem;flex-wrap:wrap}
.provider-actions{align-items:center;flex-wrap:wrap}
.provider-form{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.provider-form input[name=name]{min-width:12rem}
.portal-suppliers,.portal-models{display:grid;gap:.65rem}
.portal-suppliers .form-grid{padding:.75rem;border:1px solid rgba(148,163,184,.12);border-radius:8px;background:rgba(0,0,0,.12)}
.portal-models>div{padding:.5rem .65rem;border-radius:7px;background:rgba(0,0,0,.14)}
.portal-model-tools{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin-bottom:.7rem}
.portal-inline-form{display:flex;gap:.45rem;align-items:center;flex:1;flex-wrap:wrap}
.portal-inline-form input,.portal-inline-form select{min-width:7rem;padding:.45rem .55rem;font-size:12px}.portal-inline-form input[name=description]{min-width:11rem;flex:1}
.portal-inline-form input[name=model_name]{min-width:12rem}
.portal-notice{max-width:720px;margin:3rem auto;padding:2rem;text-align:center}
.portal-notice h2{margin:0 0 .75rem;color:#50e3c2}
.portal-notice p{color:#aab7c5;margin:0}
.empty{color:#91a0af;padding:1.5rem;text-align:center}
.status-badge,.badge{white-space:nowrap}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.85rem;align-items:end}
.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{color:#aab7c5;font-size:.8rem}
.btn,.btn-primary,.btn-secondary,.btn-danger,.btn-small{border:1px solid transparent;border-radius:7px;cursor:pointer;font-weight:600;line-height:1.2;padding:.55rem .8rem;text-decoration:none}
.btn-primary{background:#2d8cff;color:#fff}.btn-secondary{background:#263342;color:#d9e3ed;border-color:rgba(148,163,184,.2)}
.btn-danger{background:#a9364d;color:#fff}.btn:disabled,button:disabled{cursor:not-allowed;filter:none;opacity:.55}
.table-wrap{overflow:auto;border:1px solid rgba(148,163,184,.1);border-radius:9px}.table-wrap table{min-width:42rem}
.modal-backdrop{background:rgba(2,6,12,.78)!important;backdrop-filter:blur(5px)}.modal{border:1px solid rgba(148,163,184,.22);border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.45)}
.alert,.error-message{border:1px solid rgba(248,113,113,.3);border-radius:8px;background:rgba(127,29,29,.22);color:#fecaca;padding:.75rem 1rem}
.pagination{align-items:center}.analytics-grid{gap:1rem!important}.analytics-card{background:rgba(18,24,31,.82)!important;border-color:rgba(148,163,184,.14)!important;box-shadow:0 8px 28px rgba(0,0,0,.14)}
.portal-footer{margin:2rem 0 1rem;padding:1rem;text-align:center;color:#718096;font-size:.75rem;border-top:1px solid rgba(148,163,184,.12)}
.dashboard-usage-ledger{table-layout:fixed;min-width:1120px}.dashboard-usage-ledger th:nth-child(1){width:10%}.dashboard-usage-ledger th:nth-child(2){width:5%}.dashboard-usage-ledger th:nth-child(3){width:12%}.dashboard-usage-ledger th:nth-child(4){width:15%}.dashboard-usage-ledger th:nth-child(5){width:22%}.dashboard-usage-ledger th:nth-child(6){width:20%}.dashboard-usage-ledger th:nth-child(7){width:8%}.dashboard-usage-ledger th:nth-child(8){width:8%}.dashboard-usage-ledger td{word-break:break-word}.optimization-breakdown,.usage-breakdown,.cost-breakdown{min-width:0;line-height:1.35}.optimization-summary{margin:.2rem 0}.optimization-title{font-size:.72rem;color:#9aa8b8}.optimization-value{font-size:.72rem}.dashboard-usage-ledger .usage-breakdown{font-variant-numeric:tabular-nums}
.apikey-table{table-layout:auto;min-width:1080px}.apikey-table th:nth-child(1),.apikey-table td:nth-child(1){width:5%}.apikey-table th:nth-child(2),.apikey-table td:nth-child(2){width:12%}.apikey-table th:nth-child(3),.apikey-table td:nth-child(3){width:11%}.apikey-table th:nth-child(4),.apikey-table td:nth-child(4){width:11%}.apikey-table th:nth-child(5),.apikey-table td:nth-child(5){width:7%}.apikey-table th:nth-child(6),.apikey-table td:nth-child(6){width:15%}.apikey-table th:nth-child(7),.apikey-table td:nth-child(7){width:18%}.apikey-table th:last-child,.apikey-table td:last-child{width:12%}.apikey-table td{white-space:normal}.apikey-table .table-setting{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-width:0}.apikey-table .status-chip{flex:0 1 auto;white-space:nowrap;font-size:.72rem}.apikey-table .key-setting-button{min-width:auto;white-space:nowrap;font-size:.78rem}.apikey-table td:last-child{white-space:nowrap;text-align:left;padding-right:.4rem}.apikey-table td:last-child .btn-sm{font-size:.78rem}
.api-key-settings-dialog{position:fixed;inset:0;margin:auto;border:0;padding:0;background:transparent;color:#e5edf5;width:min(1080px,calc(100vw - 2rem));max-width:none;max-height:calc(100vh - 2rem);overflow:visible}.api-key-settings-dialog::backdrop{background:rgba(2,6,12,.78);backdrop-filter:blur(5px)}.api-key-settings-dialog .modal-content{width:100%;max-height:calc(100vh - 2rem);overflow:auto;margin:0;background:#1a1f25;border:1px solid rgba(148,163,184,.22);border-radius:12px;box-shadow:0 24px 80px rgba(0,0,0,.55);box-sizing:border-box}.api-key-settings-dialog .modal-header{background:#202832}.api-key-settings-dialog .modal-header h2{margin:0;font-size:1.05rem}.api-key-settings-dialog .modal-close{margin-left:auto;border:0;background:transparent;color:#8290a0;font-size:1.5rem;line-height:1;cursor:pointer}.api-key-settings-dialog .modal-close:hover{color:#e5edf5}.api-key-settings-dialog .modal-form{display:grid;gap:14px;min-width:0}.api-key-settings-dialog .form-field{display:grid!important;gap:7px!important;padding:0!important;border:0!important;background:transparent!important}.api-key-settings-dialog .optimization-options,.api-key-settings-dialog .capability-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0}.api-key-settings-dialog .optimization-option{display:flex;align-items:center;gap:7px;min-width:0;min-height:44px;padding:10px;border:1px solid rgba(148,163,184,.14);border-radius:7px;background:rgba(255,255,255,.025);color:#cbd5e1;font-size:13px;box-sizing:border-box}.api-key-settings-dialog .optimization-option span{min-width:0;overflow-wrap:anywhere}.api-key-settings-dialog .optimization-option input[type=checkbox]{flex:0 0 auto}.api-key-settings-dialog .optimization-option:has(input:checked){border-color:rgba(80,227,194,.55);color:#e5edf5;background:rgba(80,227,194,.09)}.api-key-settings-dialog .optimization-option select,.api-key-settings-dialog .optimization-option input[type=number]{width:min(180px,45%);min-width:0;margin-left:auto;padding:.4rem .55rem}.api-key-settings-dialog .code-optimization-option{grid-column:1/-1}.api-key-settings-dialog .is-readonly{opacity:.82}.api-key-settings-dialog .modal-help{margin:0;color:#8290a0;font-size:13px;line-height:1.5}.api-key-settings-dialog .optimization-protected{color:#cbd5e1}.api-key-settings-dialog .protection-mark{color:#4ade80;font-weight:700}.api-key-settings-dialog .modal-form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}@media(max-width:760px){.api-key-settings-dialog{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.api-key-settings-dialog .optimization-options,.api-key-settings-dialog .capability-options{grid-template-columns:1fr}.api-key-settings-dialog .optimization-option select,.api-key-settings-dialog .optimization-option input[type=number]{width:min(180px,50%)}.api-key-settings-dialog .modal-form-actions{flex-direction:column-reverse}.api-key-settings-dialog .modal-form-actions .btn,.api-key-settings-dialog .modal-form-actions .btn-secondary{width:100%}}
.filter-container{margin-bottom:1.25rem;padding:1rem 1.1rem;border:1px solid rgba(148,163,184,.14);border-radius:10px;background:rgba(15,21,28,.55)}
.filter-title{margin-bottom:.7rem;color:#cbd5e1;font-size:.85rem;font-weight:700}.filter-form{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap}.filter-field{display:flex;min-width:10rem;flex:1;flex-direction:column;gap:.3rem}.filter-field label{color:#94a3b8;font-size:.78rem}.filter-actions{display:flex;gap:.5rem;align-items:center}
.card-title{margin:0;color:#e5edf5}.card-subtitle{color:#8290a0;font-size:.8rem}.card-body{min-width:0}.card-header{display:flex;gap:.75rem;align-items:baseline;justify-content:space-between;flex-wrap:wrap}
.status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:999px;background:rgba(148,163,184,.15);color:#cbd5e1;font-size:.72rem}.status-badge.active,.badge.enabled,.badge.healthy{background:rgba(52,211,153,.14);color:#6ee7b7}.status-badge.inactive,.badge.disabled{background:rgba(248,113,113,.14);color:#fca5a5}
.btn-sm,.btn-small{font-size:.78rem;padding:.42rem .65rem}.form-inline{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.inline-list{display:flex;gap:.4rem;flex-wrap:wrap;padding:0;list-style:none}.inline-list li{padding:.25rem .5rem;border:1px solid rgba(148,163,184,.16);border-radius:999px;color:#b7c4d1;font-size:.76rem}
.modal-backdrop{display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{width:min(720px,100%);max-height:90vh;overflow:auto;background:#12181f;border:1px solid rgba(148,163,184,.2);border-radius:12px}.modal-header,.modal-footer{display:flex;gap:.75rem;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(148,163,184,.12)}.modal-footer{border-top:1px solid rgba(148,163,184,.12);border-bottom:0;justify-content:flex-end}.modal-body{padding:1rem}
.portal-doc-preview-heading{padding-bottom:.75rem;margin-bottom:1rem;border-bottom:1px solid rgba(148,163,184,.15);color:#67e8f9;font-weight:700}.portal-doc-preview{color:#dbe7f3;line-height:1.75}.portal-doc-preview h1,.portal-doc-preview h2,.portal-doc-preview h3{margin:1.2rem 0 .55rem;color:#f8fafc}.portal-doc-preview p{margin:.55rem 0}.portal-doc-preview ul{padding-left:1.25rem}.portal-doc-preview pre{overflow:auto;padding:.85rem;border:1px solid rgba(148,163,184,.16);border-radius:8px;background:#0a1016;color:#dbeafe;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;white-space:pre-wrap}
section.card+section.card{margin-top:1.25rem}.table-wrap+ .pagination,.pagination{display:flex;gap:.45rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.pagination-btn{border:1px solid rgba(148,163,184,.2);border-radius:6px;background:#263342;color:#d9e3ed;padding:.4rem .65rem;cursor:pointer}.pagination-btn.active{background:#50e3c2;color:#071016}
.pagination-container{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.12);flex-wrap:wrap}.pagination-container .pagination{margin:0;gap:.4rem}.pagination-container .pagination button,.pagination-container .pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .75rem;border:1px solid rgba(148,163,184,.16);border-radius:7px;background:rgba(255,255,255,.03);color:#cbd5e1;cursor:pointer}.pagination-container .pagination button:hover{border-color:#50e3c2;color:#50e3c2}.pagination-container .pagination .active{background:linear-gradient(135deg,#50e3c2,#2d8cff);border-color:transparent;color:#071016;font-weight:700}.pagination-container .pagination .disabled,.pagination-container .pagination button:disabled{opacity:.35;cursor:not-allowed}.pagination-info{color:#8290a0;font-size:.8rem}
@media (max-width:900px){.sidebar{width:220px}.topnav-links a:nth-child(n+2){display:none}.provider-card{padding:1rem!important}.provider-header{align-items:stretch}.provider-actions{width:100%}.provider-form input[name=name]{min-width:0;flex:1}table{display:block;overflow-x:auto;white-space:nowrap}}

/* Keep API-key settings as roomy as the table they configure. */
.api-key-settings-dialog{width:min(1180px,calc(100vw - 2rem))}
@media(max-width:760px){.api-key-settings-dialog{width:calc(100vw - 1rem)}}

/* Keep the two configuration columns compact and leave their details room. */
.apikey-table th:nth-child(2),.apikey-table td:nth-child(2){width:9%}
.apikey-table th:nth-child(3),.apikey-table td:nth-child(3),.apikey-table th:nth-child(4),.apikey-table td:nth-child(4){width:12%}
.apikey-table th:nth-child(6),.apikey-table td:nth-child(6){width:16%}
.apikey-table th:nth-child(7),.apikey-table td:nth-child(7){width:20%}
.apikey-table th:last-child,.apikey-table td:last-child{width:12%;text-align:left}
.apikey-table .table-setting{justify-content:space-between;width:100%}

/* Final API-key table geometry: compact controls, wider prefix, narrow status. */
.apikey-table{table-layout:auto;min-width:1080px}
.apikey-table th:nth-child(2),.apikey-table td:nth-child(2){width:12%}
.apikey-table th:nth-child(3),.apikey-table td:nth-child(3),.apikey-table th:nth-child(4),.apikey-table td:nth-child(4){width:11%}
.apikey-table th:nth-child(5),.apikey-table td:nth-child(5){width:7%}
.apikey-table th:nth-child(6),.apikey-table td:nth-child(6){width:15%}
.apikey-table th:nth-child(7),.apikey-table td:nth-child(7){width:18%}
.apikey-table .table-setting{justify-content:flex-start;width:auto;gap:7px}
.apikey-table th:last-child,.apikey-table td:last-child{width:12%;text-align:left;padding-right:.4rem}

/* provider-management keeps the legacy page's own layout and modal geometry. */
.provider-management-page .main{min-width:0}
.provider-management-page .provider-list{display:flex;flex-direction:column;gap:2rem!important}
.provider-management-page .provider-card{padding:2rem!important;background:rgba(26,31,37,.6)!important;border:1px solid rgba(80,227,194,.15)!important;border-radius:12px!important}
.provider-management-page .provider-header{align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(80,227,194,.1)}
.provider-management-page .provider-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}
.provider-management-page .provider-actions .btn{white-space:nowrap}
.provider-management-page .model-table{display:table;width:100%;min-width:0!important;margin-top:1rem;background:rgba(15,20,25,.4);border-radius:8px;overflow:hidden;table-layout:auto}
.provider-management-page .model-table th,.provider-management-page .model-table td{padding:.75rem 1rem;text-align:left;white-space:normal;border-bottom:1px solid rgba(80,227,194,.08)}
.provider-management-page .model-table th{background:rgba(80,227,194,.1);color:#50e3c2;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.provider-management-page .model-table td{color:#a0a0a0;font-size:13px}
.provider-management-page .supplier-block{margin:1rem 0;padding:1rem;background:rgba(20,25,30,.6);border:1px solid rgba(80,227,194,.1);border-radius:8px}
.provider-management-page .supplier-block>.form-grid{margin-top:0}
.provider-management-page .supplier-models{margin-top:1rem;overflow:auto}
.provider-management-page .supplier-models-heading{margin-bottom:.5rem;color:#aaa;font-size:13px}
.provider-management-page .model-table{table-layout:fixed}
.provider-management-page .model-table th:nth-child(1){width:20%}.provider-management-page .model-table th:nth-child(2){width:27%}.provider-management-page .model-table th:nth-child(3){width:16%}.provider-management-page .model-table th:nth-child(4){width:12%}.provider-management-page .model-table th:nth-child(5){width:25%}
.provider-management-page .model-actions{white-space:nowrap}.provider-management-page .model-actions .btn{margin:.15rem .2rem;padding:.3rem .55rem;font-size:12px}
.provider-management-page .model-actions form{display:inline}
.provider-management-page input[type=checkbox]{width:14px!important;height:14px!important;min-height:14px!important;max-width:14px!important;padding:0!important;flex:0 0 14px;accent-color:#50e3c2;vertical-align:middle}
.provider-management-page label:has(input[type=checkbox]){display:flex;align-items:center;gap:.5rem}
.provider-management-page .form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.5rem;margin-top:1rem}
.provider-management-page .form-group input,.provider-management-page .form-group select{width:100%;min-height:0;padding:.6rem;font-size:13px}
.provider-management-page .form-actions{display:flex;gap:1rem;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.provider-management-page>.modal{display:none;position:fixed;z-index:1000;inset:0;width:100%;height:100%;margin:0;padding:1rem;background:transparent!important;overflow:auto;align-items:center;justify-content:center;box-sizing:border-box}
.provider-management-page>.modal.active{display:flex}
.provider-management-page>.modal>.modal-content{width:min(1000px,100%);max-width:1000px;max-height:calc(100vh - 2rem);margin:0;padding:2rem;overflow-y:auto;box-sizing:border-box;background:rgba(26,31,37,.98);border:1px solid rgba(80,227,194,.3);border-radius:12px;box-shadow:0 24px 80px rgba(0,0,0,.55)}
.provider-management-page>.modal>.modal-content>.modal-header{position:static;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;background:transparent;border-bottom:1px solid rgba(80,227,194,.2)}
.provider-management-page>.modal>.modal-content>.modal-header h3{margin:0;color:#50e3c2;font-size:20px}
.provider-management-page>.modal .close{color:#aaa;font-size:28px;font-weight:bold;line-height:1;cursor:pointer}
.provider-management-page>.modal .close:hover{color:#fff}
@media(max-width:768px){.provider-management-page>.modal>.modal-content{width:95%;margin:2% auto;padding:1.5rem;max-height:90vh}.provider-management-page .provider-card{padding:1.25rem!important}.provider-management-page .model-table{display:block;overflow-x:auto;white-space:nowrap}}

/* Admin pages share one shell even though their legacy bodies come from many
   templates. Keep the content readable without rewriting every template. */
.admin-page{background:radial-gradient(circle at 75% -10%,rgba(45,140,255,.12),transparent 34rem),#0b1118}
.admin-page .topnav{min-height:64px;padding-inline:clamp(1rem,2.5vw,2.25rem)}
.admin-page .topnav-user{gap:1rem;margin-left:auto}.admin-page .portal-admin-identity{text-align:right;line-height:1.35}.admin-page .portal-admin-identity .topnav-balance{font-size:.8rem}.admin-page .portal-admin-identity .topnav-email{max-width:18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-page .layout{align-items:stretch}.admin-page .sidebar{position:sticky;top:64px;height:calc(100vh - 64px);overflow-y:auto}.admin-page .main{width:min(100%,1540px);flex:1;margin:0 auto;padding:clamp(1.25rem,2.8vw,2.5rem);min-width:0}
.admin-page .page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.admin-page .page-title{font-size:clamp(1.45rem,2.2vw,2rem);margin:0}.admin-page .page-subtitle{max-width:70rem;margin:.35rem 0 0}
.admin-page .main>.card,.admin-page .main>section.card{margin:0 0 1.25rem;overflow:hidden}.admin-page .card-header{padding:1rem 1.15rem}.admin-page .card-body{padding:1.15rem}.admin-page .card-title{font-size:1rem}.admin-page .card-subtitle{line-height:1.5}
.admin-page .stats-grid{gap:.8rem}.admin-page .stat-card{min-width:0;padding:1rem}.admin-page .stat-label{line-height:1.4}.admin-page .stat-value{font-variant-numeric:tabular-nums}
.admin-page .filter-container{margin:0 0 1rem}.admin-page .filter-form{align-items:flex-end}.admin-page .filter-field{min-width:12rem}.admin-page .filter-actions{margin-left:auto}
.admin-page .table-wrap,.admin-page .card-body>table{overflow-x:auto}.admin-page table{min-width:42rem}.admin-page th{background:rgba(148,163,184,.06)}.admin-page td,.admin-page th{line-height:1.45}.admin-page td form{margin:0}.admin-page .pagination-container,.admin-page .pagination-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:1rem}
.admin-page .form-grid{align-items:end}.admin-page .form-group input,.admin-page .form-group select,.admin-page .form-group textarea{width:100%;min-height:2.35rem;padding:.55rem .65rem}.admin-page .form-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.admin-page .btn-filter{display:inline-flex;align-items:center;justify-content:center;min-height:2.3rem;padding:.5rem .8rem;border-radius:7px;text-decoration:none}
.admin-page .provider-list{gap:1rem}.admin-page .provider-card{margin:0}.admin-page .model-table{overflow-x:auto}.admin-page .model-table table{min-width:54rem}.admin-page .modal{max-width:min(860px,calc(100vw - 2rem));max-height:90vh;overflow:auto}.admin-page .modal-header{position:sticky;top:0;background:#12181f;z-index:1}.admin-page .modal-footer{position:sticky;bottom:0;background:#12181f}
.portal-admin-lang .lang-button{min-width:5.2rem}.portal-admin-lang .lang-option{width:100%;border:0;background:transparent;text-align:left}.portal-admin-logout{margin:0}.portal-admin-logout button{white-space:nowrap}
.admin-page .main>h2,.admin-page .main>h3{margin:0 0 1rem;color:#e5edf5;line-height:1.3}
.admin-page .main>form,.admin-page .main>.section,.admin-page .main>.panel{margin:0 0 1.25rem;padding:1.15rem;background:rgba(18,24,31,.82);border:1px solid rgba(148,163,184,.16);border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.12)}
.admin-page .main>form>h2,.admin-page .main>form>h3,.admin-page .main>.section>h2,.admin-page .main>.section>h3,.admin-page .main>.panel>h2,.admin-page .main>.panel>h3{margin-top:0}
.admin-page .actions,.admin-page .button-group,.admin-page .toolbar{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin:.75rem 0}
.admin-page .main label{color:#aab7c5;font-size:.82rem}
.admin-page .main button,.admin-page .main input,.admin-page .main select,.admin-page .main textarea{font:inherit}
.admin-page .main input,.admin-page .main select,.admin-page .main textarea{min-height:2.35rem;padding:.52rem .65rem}
.admin-page .main table caption{padding:.75rem;text-align:left;color:#aab7c5;font-weight:600}
.admin-page .main pre{max-width:100%;overflow:auto;border:1px solid rgba(148,163,184,.14);border-radius:8px;background:#0a1016;padding:1rem;color:#dbeafe}
@media (max-width:900px){.admin-page .sidebar{position:static;height:auto}.admin-page .main{padding:1.15rem .9rem 1.75rem}.admin-page .filter-actions{margin-left:0}.admin-page .topnav-user{width:auto}.admin-page .portal-admin-identity{display:none}.admin-page .topnav-links{max-width:calc(100vw - 4rem)}}
.tier-card{min-width:0;padding:1rem!important}.tier-card .tier-desc{min-height:2.8rem}
.admin-call-log th:nth-child(9),.admin-call-log th:nth-child(10){white-space:normal}.admin-call-log{min-width:1220px!important}.admin-call-log th:nth-child(1){width:8%}.admin-call-log th:nth-child(2){width:10%}.admin-call-log th:nth-child(3){width:5%}.admin-call-log th:nth-child(4){width:6%}.admin-call-log th:nth-child(5){width:12%}.admin-call-log th:nth-child(6){width:13%}.admin-call-log th:nth-child(7){width:16%}.admin-call-log th:nth-child(8){width:15%}.admin-call-log th:nth-child(9),.admin-call-log th:nth-child(10){width:7.5%}.tenant-settings-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem!important;align-items:start}.tenant-settings-form>input[type=hidden]{display:none}.tenant-settings-form>label{display:flex!important;min-width:0;gap:.4rem!important}.tenant-settings-form>label:nth-of-type(n+5){grid-column:1/-1}.tenant-settings-form textarea{width:100%;min-height:7rem;resize:vertical}.tenant-settings-form>button{grid-column:1/-1!important;width:max-content!important;min-width:10rem}.admin-page .main>section.card .card-body>.tenant-settings-form{margin:0!important}@media(max-width:700px){.tenant-settings-form{grid-template-columns:1fr}.tenant-settings-form>label:nth-of-type(n+5){grid-column:auto}}
.tenant-status-form{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:end}.tenant-status-form label{min-width:0}.tenant-status-form button{grid-column:1/-1!important;width:max-content!important}

/* Usage ledger details use the same type size as the rest of the ledger. */
.usage-ledger .optimization-title,
.usage-ledger .optimization-summary span,
.usage-ledger .optimization-summary strong,
.usage-ledger .cost-breakdown span,
.usage-ledger .cost-breakdown strong,
.usage-ledger .billing-evidence,
.usage-ledger .billing-evidence summary,
.usage-ledger .billing-evidence-panel span,
.usage-ledger .billing-evidence-panel strong {
    font-size: 11px;
    line-height: 1.35;
}
.usage-ledger .optimization-title{font-weight:600}
.usage-ledger .billing-evidence{margin-top:.28rem;min-width:0}
.usage-ledger .billing-evidence summary{cursor:pointer;color:#8290a0;font-weight:600;list-style-position:inside;white-space:nowrap}
.usage-ledger .billing-evidence summary:hover{color:#c7d3df}
.usage-ledger .billing-evidence-panel{
    display:block;
    width:100%;
    min-width:0;
    box-sizing:border-box;
    margin-top:.32rem;
    padding:.38rem .44rem;
    border:1px solid rgba(148,163,184,.16);
    border-radius:6px;
    background:rgba(7,12,18,.96);
}
.usage-ledger .billing-evidence-panel>div{
    display:flex;
    width:100%;
    box-sizing:border-box;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:.08rem .35rem;
    align-items:baseline;
    padding:.08rem 0;
}
.usage-ledger .billing-evidence-panel span{flex:1 1 auto;min-width:0;color:#8290a0;white-space:normal;overflow-wrap:break-word}
.usage-ledger .billing-evidence-panel strong{flex:0 1 auto;max-width:100%;color:#dbe7f3;font-variant-numeric:tabular-nums;text-align:right;white-space:normal;overflow-wrap:anywhere}
