/* Original OnemodelAPI layout system v5. Scoped page composition, not business behavior. */
:root { --oma-layout-version:5; --oma-layout-gutter:clamp(20px,3.2vw,48px); }
[data-slot="sidebar-inset"] { border-radius:0!important;margin:0!important;height:calc(100svh - var(--app-header-height,0px))!important;background:var(--oma-ui-panel); }
[data-slot="sidebar-inner"] { background:var(--oma-ui-surface);border-right:1px solid var(--oma-ui-border); }
[data-slot="sidebar-group"] { padding:12px; }
[data-slot="sidebar-group-label"] { font-size:11px;letter-spacing:.08em;margin-bottom:8px; }
[data-slot="sidebar-menu-button"] { min-height:40px;padding-inline:12px;border-radius:8px;font-size:13px; }
[data-slot="sidebar-menu-button"][data-active="true"] { background:var(--oma-ui-panel);box-shadow:inset 3px 0 var(--oma-ui-action);font-weight:600; }
.oma-page-top { padding:32px var(--oma-layout-gutter) 22px!important; }
.oma-page-top h2 { font-size:clamp(26px,2.7vw,38px)!important;line-height:1.16;font-weight:600!important;letter-spacing:-.045em!important; }
.oma-page-top > .flex { align-items:center;gap:16px; }
.oma-page-content { padding:4px var(--oma-layout-gutter) 32px!important; }
.oma-page-body { max-width:1400px;margin-inline:auto;gap:28px!important; }
.oma-page-footer { padding:16px var(--oma-layout-gutter)!important; }
.oma-page [data-slot="card"] { background:transparent;border-radius:0;box-shadow:none; }
.oma-page [data-slot="card-header"] { padding:20px 0!important;border-bottom:0; }
.oma-page [data-slot="card-content"] { padding:4px 0 24px!important; }
.oma-page [data-slot="card-title"] { font-size:20px;letter-spacing:-.025em; }
.oma-page [data-slot="icon-badge"] { background:transparent;box-shadow:none;border-radius:0;color:var(--oma-ui-muted); }
/* Overview: a full-width editorial metric rail and a separate balance strip. */
.oma-overview-summary { background:transparent!important;border-radius:0!important;border:0!important;overflow:visible!important; }
.oma-overview-split { display:flex!important;flex-direction:column;gap:0; }
.oma-overview-usage { padding:20px 0 28px!important;gap:24px!important; }
.oma-overview-usage .grid { gap:0!important; }
.oma-overview-usage .grid > div { padding:12px 24px!important;background:transparent!important;border:0!important;border-inline-end:1px solid var(--oma-ui-border)!important;border-radius:0!important; }
.oma-overview-usage .grid > div:first-child { padding-inline-start:0!important; }
.oma-overview-usage .grid > div:last-child { border-inline-end:0!important; }
.oma-overview-usage .grid .font-mono { font-family:inherit!important;font-size:clamp(26px,3vw,42px)!important;font-weight:600;letter-spacing:-.04em; }
.oma-overview-usage .grid [class*="h-1"],.oma-overview-usage .grid [class*="h-0.5"] { background:transparent!important; }
.oma-overview-balance { padding:24px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px!important;border:0!important;border-radius:12px;background:var(--oma-ui-surface)!important; }
.oma-overview-balance > a { min-width:180px; }
.oma-overview-balance .font-mono { font-family:inherit!important; }
.oma-overview-panels { gap:32px!important;grid-template-columns:minmax(0,1fr) 280px!important; }
.oma-overview-panels .bg-card { background:transparent!important;border-radius:0!important;border:0!important;border-top:1px solid var(--oma-ui-border)!important; }
.oma-overview-panels .bg-card > .border-b { padding:24px 0 16px!important;border:0; }
.oma-overview-panels .bg-card > div:not(.border-b) { padding-inline:0!important; }
.oma-overview-panels [class~="h-72"],.oma-overview-panels [class~="h-80"] { height:180px!important; }
/* Wallet: balance left, funding task right; all preset amounts share one row. */
.oma-wallet-grid { display:grid!important;grid-template-columns:240px minmax(0,1fr);align-items:start;gap:32px!important; }
.oma-wallet-stats { display:flex!important;flex-direction:column;gap:0;border:0!important;divide:none;border-radius:0!important; }
.oma-wallet-stats > div { border:0!important;border-bottom:1px solid var(--oma-ui-border)!important;padding:24px 0!important; }
.oma-wallet-stats > div:first-child { padding-top:0!important; }
.oma-wallet-stats .font-mono { font-family:inherit!important;font-size:26px!important;font-weight:600; }
.oma-wallet-stats > div:first-child .font-mono { font-size:42px!important;letter-spacing:-.05em; }
.oma-wallet-stats > div > div:first-child { font-size:13px; }
.oma-wallet-stats [class*="bg-"] { background:transparent!important; }
.oma-wallet-funding { min-width:0; }
#wallet-add-funds [data-slot="card-header"] { padding:0 0 24px!important;align-items:start; }
#wallet-add-funds [data-slot="card-content"] { padding:0!important; }
#wallet-add-funds [data-slot="card-title"] { font-size:24px; }
#wallet-add-funds .oma-amount-presets { grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important; }
.oma-amount-presets > button { padding:16px 12px!important;min-height:80px!important;background:var(--oma-ui-surface);border:1px solid transparent; }
.oma-amount-presets > button[class~="border-foreground"] { border-color:var(--oma-ui-action);background:var(--oma-ui-accent); }
.oma-amount-presets > button .font-semibold { font-size:22px;letter-spacing:-.03em; }
.oma-custom-amount { padding:24px 0;border-top:1px solid var(--oma-ui-border); }
#topup-amount { min-height:48px;font-size:22px!important; }
.oma-wallet-referrals { grid-column:1/-1;border-top:1px solid var(--oma-ui-border)!important;margin-top:12px; }
.oma-wallet-referrals [data-slot="card-content"] { padding-top:24px!important; }
/* Tables: a deliberate tools band and full-width data surface, no frame inside frame. */
.oma-data-toolbar { padding:16px 0 22px;border-bottom:1px solid var(--oma-ui-border);gap:12px!important; }
.oma-data-toolbar input { height:40px; }
.oma-data-toolbar button { min-height:36px;border-style:solid; }
.oma-data-surface { border-inline:0!important;border-bottom:0!important;border-radius:0!important; }
.oma-page table thead { background:var(--oma-ui-panel); }
.oma-page table th { height:48px;font-size:12px;font-weight:600;letter-spacing:.025em; }
.oma-page table td { padding-block:16px!important; }
.oma-page table tr { border-bottom:1px solid var(--oma-ui-border); }
.oma-page table tbody tr:hover { background:var(--oma-ui-surface); }
/* Settings: typography and separators replace nested cards. */
html[data-oma-route="/profile"] .oma-page-body,html[data-oma-route="/security"] .oma-page-body { max-width:1120px; }
html[data-oma-route="/profile"] .oma-page [data-slot="card"],html[data-oma-route="/security"] .oma-page [data-slot="card"] { border-top:1px solid var(--oma-ui-border); }
html[data-oma-route="/profile"] .oma-page [data-slot="card-header"],html[data-oma-route="/security"] .oma-page [data-slot="card-header"] { padding-top:24px!important; }
@media(max-width:1100px) { .oma-wallet-grid { grid-template-columns:200px minmax(0,1fr);gap:24px!important; }.oma-overview-panels { grid-template-columns:1fr!important; } }
@media(max-width:760px) {
 :root { --oma-layout-gutter:20px; }
 .oma-page-top { padding-top:24px!important;padding-bottom:20px!important; }
 .oma-page-top h2 { font-size:28px!important; }
 .oma-page-body { gap:24px!important; }
 .oma-wallet-grid { grid-template-columns:1fr; }
 .oma-wallet-stats { display:grid!important;grid-template-columns:1fr 1fr;gap:16px; }
 .oma-wallet-stats > div:first-child { grid-column:1/-1; }
 .oma-wallet-stats > div { padding:12px 0!important; }
 .oma-wallet-stats > div:first-child .font-mono { font-size:38px!important; }
 #wallet-add-funds .oma-amount-presets { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
 .oma-amount-presets > button:last-child { grid-column:1/-1; }
 .oma-overview-balance { grid-template-columns:1fr;padding:20px!important;gap:16px!important; }
 .oma-overview-usage .grid > div { padding:12px!important; }
 .oma-overview-usage .grid .font-mono { font-size:24px!important; }
 .oma-data-toolbar { gap:8px!important;padding-block:10px 16px; }
 .oma-page-top [data-slot="tabs"] { max-width:100%;overflow:auto; }
}

/* v6: slightly stronger module definition; no nested decorative frames. */
:root { --oma-layout-version:6; --oma-module-radius:16px; --oma-module-shadow:0 2px 8px rgb(0 0 0 / .025); }
.oma-page-content { background:var(--oma-ui-surface);padding-top:20px!important; }
.oma-page-top { background:var(--oma-ui-panel); }
.oma-overview-summary { background:var(--oma-ui-panel)!important;border:1px solid var(--oma-ui-border)!important;border-radius:var(--oma-module-radius)!important;box-shadow:var(--oma-module-shadow)!important;overflow:hidden!important; }
.oma-overview-usage { padding:24px!important; }
.oma-overview-balance { margin:0 16px 16px;border:1px solid var(--oma-ui-border)!important; }
.oma-overview-panels { gap:24px!important; }
.oma-overview-panels .bg-card { background:var(--oma-ui-panel)!important;border:1px solid var(--oma-ui-border)!important;border-radius:var(--oma-module-radius)!important;box-shadow:var(--oma-module-shadow);padding:0 20px; }
.oma-overview-panels .bg-card > .border-b { padding-top:20px!important; }
.oma-wallet-stats { background:var(--oma-ui-panel);border:1px solid var(--oma-ui-border)!important;border-radius:var(--oma-module-radius)!important;padding:24px;box-shadow:var(--oma-module-shadow); }
#wallet-add-funds > [data-slot="card"] { padding:24px;background:var(--oma-ui-panel);border:1px solid var(--oma-ui-border);border-radius:var(--oma-module-radius);box-shadow:var(--oma-module-shadow); }
.oma-wallet-referrals { background:var(--oma-ui-panel)!important;padding:0 24px;border:1px solid var(--oma-ui-border)!important;border-radius:var(--oma-module-radius)!important;box-shadow:var(--oma-module-shadow); }
.oma-data-surface { background:var(--oma-ui-panel);border:1px solid var(--oma-ui-border)!important;border-radius:12px!important; }
.oma-data-toolbar { background:var(--oma-ui-panel);padding:14px!important;border:1px solid var(--oma-ui-border);border-radius:12px; }
html[data-oma-route="/profile"] .oma-page [data-slot="card"],html[data-oma-route="/security"] .oma-page [data-slot="card"] { padding-inline:24px;background:var(--oma-ui-panel);border:1px solid var(--oma-ui-border);border-radius:var(--oma-module-radius);box-shadow:var(--oma-module-shadow); }
@media(max-width:760px) {
 .oma-overview-usage { padding:20px!important; }
 .oma-wallet-stats { padding:20px;gap:12px; }
 #wallet-add-funds > [data-slot="card"] { padding:20px; }
 .oma-wallet-referrals { padding-inline:20px; }
 .oma-overview-panels .bg-card { padding-inline:20px; }
 html[data-oma-route="/profile"] .oma-page [data-slot="card"],html[data-oma-route="/security"] .oma-page [data-slot="card"] { padding-inline:20px; }
}

/* Explicit foregrounds for log timing labels on white card surfaces. */
:root:not(.dark) .oma-page .text-chart-4 { color:#97429f; }
/* Unified operational icon stroke; provider artwork is reserved for larger empty states. */
[data-slot="sidebar-menu-button"] svg[stroke="currentColor"],.oma-page [data-slot="button"] svg[stroke="currentColor"] { stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round; }
html[data-oma-route="/keys"] .oma-page [data-slot="empty-icon"],html[data-oma-route="/dashboard/models"] .oma-page [data-slot="empty-icon"] { width:100px;height:76px;background:transparent url('/content/icons/v6/api-connect.svg') center/contain no-repeat;border-radius:0; }
html[data-oma-route="/keys"] .oma-page [data-slot="empty-icon"] > svg,html[data-oma-route="/dashboard/models"] .oma-page [data-slot="empty-icon"] > svg { opacity:0; }
.dark .oma-page [data-slot="empty-icon"] { filter:brightness(0) invert(1); }
