/* Administrative layouts use the shared Zureko controls and theme tokens. */
.od-usage-toolbar { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; margin-bottom:16px; }
.od-usage-toolbar .od-admin-field { margin:0; }
.od-usage-toolbar .od-admin-field:first-child { width:172px; }
.od-usage-toolbar .od-admin-field:nth-child(2) { width:80px; }
.od-usage-toolbar .od-usage-search { width:280px; margin-left:auto; }
.od-usage-table-wrap { max-width:100%; overflow-x:auto; }
.od-usage-table { min-width:650px; table-layout:fixed; }
.od-usage-table :is(th,td) { padding:10px; font-size:13px; overflow-wrap:anywhere; }
.od-usage-table th:first-child { width:15%; }
.od-usage-table th:nth-child(2) { width:19%; }
.od-usage-table th:nth-child(3) { width:24%; }
.od-usage-table th:nth-child(n+4) { width:21%; }
.od-usage-table td:nth-child(n+4) { white-space:nowrap; font-variant-numeric:tabular-nums; }
.od-usage-status { display:inline-flex; gap:6px; align-items:center; white-space:nowrap; }
.od-usage-status i { font-size:8px; }
.od-usage-status.is-online i { color:var(--ng-success, #15c98a); }
.od-usage-status.is-finished i { color:var(--ng-danger, #ed3d56); }
.od-usage-empty { text-align:center; color:var(--ng-text-muted); }
.od-usage-loading { opacity:.6; }
.od-usage-pagination { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:16px; }
.od-usage-pagination p { margin:0; font-size:12px; color:var(--ng-text-muted); }
.od-admin-page .od-usage-pagination .od-pagination-global-1 { margin:0; }
@media (max-width:767px) {
    .od-usage-toolbar .od-usage-search { width:100%; margin:0; }
    .od-usage-toolbar .od-admin-field:first-child { flex:1; min-width:140px; }
    .od-usage-toolbar > button { flex:1; }
    .od-usage-pagination { justify-content:center; }
}
.od-admin-page { max-width:1360px; margin:24px auto; color:var(--ng-text); font-family:var(--ng-font); }
.od-admin-access-page { max-width:1040px; }
.od-admin-surface { padding:20px; }
.od-admin-page [hidden] { display:none !important; }
.od-admin-page-head { margin-bottom:16px; text-align:center; }
.od-admin-page-head h1 { margin:4px 0; }
.od-admin-page-head > p:last-child { margin:0; color:var(--ng-text-muted); font-size:13px; }
.od-admin-kicker { margin:0 0 3px; color:var(--ng-text-muted); font-size:11px; text-transform:uppercase; }
.od-admin-section-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; margin:16px 0 10px; }
.od-admin-section-head h2,.od-admin-found h3 { margin:0; font-size:17px; font-weight:var(--ng-weight-medium); }
.od-admin-section-head > small { color:var(--ng-text-muted); }
.od-admin-alert { margin:12px 0; padding:10px 12px; border:1px solid var(--ng-global-21); border-radius:var(--ng-radius-sm); background:var(--ng-global-19); color:var(--ng-text); font-size:13px; }
.od-admin-alert.is-error { border-color:var(--ng-global-24); }
.od-admin-field { display:grid; min-width:0; gap:5px; margin-bottom:12px; font-size:13px; }
.od-admin-field > span { color:var(--ng-text-muted); font-size:12px; }
.od-admin-search { display:flex; align-items:flex-end; gap:8px; }
.od-admin-search > .od-admin-field { flex:1; margin-bottom:0; }
.od-admin-search > .od-input-global-1 { min-width:180px; }
.od-admin-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.od-admin-page .od-button-global-1 { min-height:34px; white-space:nowrap; }
.od-admin-page .od-input-global-1 { width:100%; min-height:34px; padding:6px 9px; }
.od-admin-page textarea.od-input-global-1 { resize:vertical; }
.od-admin-options { display:flex; flex-wrap:wrap; margin:0; }
.od-admin-options button { flex:1; white-space:nowrap; }
.od-admin-tabs { margin-bottom:14px; }
.od-admin-found { display:grid; grid-template-columns:minmax(0,1fr) minmax(190px,30%); gap:16px; margin:12px 0; padding:12px; border-radius:var(--ng-radius-sm); background:var(--ng-global-19); }
.od-admin-found p:not(.od-admin-kicker) { margin:4px 0 0; overflow-wrap:anywhere; font-size:13px; color:var(--ng-text-muted); }
.od-admin-current { display:grid; align-content:center; gap:4px; padding:10px 12px; border-radius:var(--ng-radius-sm); background:var(--ng-global-26); }
html[data-theme="light"] .od-admin-current { background:var(--ng-global-24); color:var(--ng-text-on-global-24); }
.od-admin-current > span:first-child,.od-admin-current small { font-size:12px; }
.od-admin-confirm { display:flex; justify-content:center; align-items:center; gap:16px; padding:12px; margin:12px 0; border-radius:var(--ng-radius-sm); background:var(--ng-global-19); }
.od-admin-confirm > div { display:grid; gap:3px; text-align:center; }
.od-admin-confirm small { font-size:11px; color:var(--ng-text-muted); }
.od-admin-empty { display:grid; justify-items:center; align-content:center; gap:10px; min-height:130px; margin:12px 0; padding:14px; border:1px dashed var(--ng-global-21); border-radius:var(--ng-radius-sm); color:var(--ng-text-muted); }
.od-admin-empty i { font-size:28px; }
.od-admin-empty p { margin:0; text-align:center; }
.od-admin-table-wrap { overflow:auto; border-radius:var(--ng-radius-sm); }
.od-admin-page .od-table-global-1 { min-width:760px; font-size:13px; }
.od-admin-page .od-table-global-1 :is(th,td) { padding:8px 10px; overflow-wrap:anywhere; }
.od-admin-page td small { display:block; margin-top:3px; color:var(--ng-text-muted); font-size:11px; }
.od-admin-users th:first-child { width:31%; }
.od-admin-users th:nth-child(2) { width:19%; }
.od-admin-users th:nth-child(3) { width:14%; }
.od-admin-users th:nth-child(4) { width:20%; }
.od-admin-history { table-layout:auto; }
.od-admin-history td:last-child { white-space:nowrap; }
.od-admin-history th:nth-last-child(2) { width:34%; }
.od-admin-switch { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:6px 0; font-size:12px; }
.od-admin-switch .od-switch-global-1 { flex:none; }
.od-admin-plans { min-width:1000px !important; }
.od-admin-plans th:nth-child(1) { width:18%; }
.od-admin-plans th:nth-child(2) { width:27%; }
.od-admin-plans th:nth-child(3) { width:26%; }
.od-admin-plans th:nth-child(4) { width:16%; }
.od-admin-plans th:nth-child(5) { width:13%; }
.od-admin-plans .od-admin-field { margin-bottom:6px; }
.od-admin-price-grid { display:grid; grid-template-columns:1fr 1fr; gap:4px 8px; }
.od-admin-plan-actions { display:grid; gap:8px; }
.od-admin-page .od-pagination-global-1 { margin-top:12px; }
.od-admin-page .od-modal-global-1__dialog { max-height:calc(100dvh - 40px); overflow:auto; }
.od-admin-feature-row { display:flex; align-items:center; gap:12px; }
.od-admin-feature-row > .od-admin-field { flex:1; }
.od-admin-feature-row .od-admin-switch { flex-shrink:0; }
.od-admin-brand { padding:16px; border-radius:var(--ng-radius-sm); background:var(--ng-global-19); font-size:14px; }
.od-admin-brand p:last-child { margin-bottom:0; }
@media (max-width:767px) {
    .od-admin-page { margin:16px auto; }
    .od-admin-surface { padding:12px; }
    .od-admin-found { grid-template-columns:1fr; gap:10px; }
    .od-admin-confirm { flex-direction:column; gap:10px; }
    .od-admin-actions,.od-admin-actions > .od-admin-search { width:100%; }
    .od-admin-search > .od-input-global-1 { min-width:0; flex:1; }
    .od-admin-options button { flex:1 0 28%; }
    .od-admin-feature-row { flex-wrap:wrap; gap:8px; }
    .od-admin-feature-row > .od-admin-field { flex-basis:100%; }
}