/* One shell for operational and Matrix pages. No legacy sidebar overrides. */
[data-pcron-layout] { --bg-card:var(--pc-card);--bg-card-2:var(--pc-raised);--bg-input:var(--pc-input);--border-2:var(--pc-border-strong);--text-mut:var(--pc-muted);--text-dim:var(--pc-dim);--selected:var(--pc-selected);--focus:var(--pc-focus);--accent:var(--pc-primary);--accent-fg:var(--pc-primary-ink);font-family:var(--sans,Arial,sans-serif); }
#pcron-header {height:48px;min-height:48px;position:relative;z-index:60;display:flex;align-items:center;gap:16px;padding:0 12px;background:var(--pc-bg,#171717);color:var(--pc-text,#ededed);border-bottom:1px solid var(--pc-border,#333);box-sizing:border-box;font:12px/1.3 var(--sans,Arial,sans-serif);}
#pcron-header * {box-sizing:border-box;}
#pcron-header .pc-brand {display:flex;gap:7px;align-items:center;flex-shrink:0;text-decoration:none;color:inherit;}
#pcron-header .pc-mark {display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--pc-border-strong,#444);border-radius:8px;font-size:17px;font-weight:700;background:var(--pc-raised,#252525);}
#pcron-header .pc-brand-copy {display:flex;flex-direction:column;gap:1px;}
#pcron-header .pc-brand-copy strong {font-size:13px;letter-spacing:-.2px;}
#pcron-header .pc-brand-copy small {font-size:9px;color:var(--pc-muted,#aaa);}
#clientNavigation,#pcron-header .pc-primary {display:flex;align-items:center;gap:4px;min-width:0;}
#clientNavigation {flex:1;}
#pcron-header .pc-icon {width:16px;height:16px;flex-shrink:0;display:block;}
#pcron-header .pc-link,#pcron-header .pc-control {display:flex;align-items:center;gap:8px;white-space:nowrap;min-height:34px;width:auto;margin:0;padding:7px 10px;border:0;border-radius:8px;background:transparent;text-decoration:none;font:inherit;line-height:20px;color:var(--pc-muted,#bdbdbd);cursor:pointer;box-shadow:none;}
#pcron-header .pc-link.active,#pcron-header .pc-link[aria-current=page],#pcron-header .pc-control:hover,#pcron-header .pc-link:hover,#pc-more:has(.active)>summary {background:var(--pc-selected,#343434);color:var(--pc-text,#f3f3f3);}
#pcron-header summary {list-style:none;user-select:none;}
#pcron-header summary::-webkit-details-marker {display:none;}
#pcron-header .pc-dropdown {position:relative;flex-shrink:0;border:0;margin:0;padding:0;}
#pcron-header .pc-panel {position:absolute;z-index:70;top:calc(100% + 6px);right:0;min-width:230px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 64px);overflow:auto;border:1px solid var(--pc-border,#444);border-radius:10px;background:var(--pc-card,#222);box-shadow:0 12px 32px #0005;padding:6px;}
#pcron-header .pc-panel .pc-link,#pcron-header .pc-panel .pc-control {width:100%;min-height:40px;}
#pcron-header .pc-identity {display:flex;flex-direction:column;gap:5px;padding:10px;border-bottom:1px solid var(--pc-border,#444);margin-bottom:4px;max-width:250px;overflow-wrap:anywhere;}
#pcron-header #pc-role {font-size:11px;color:var(--pc-muted,#aaa);}
#pcron-header #clientMenuToggle {display:none;}
#pcron-header [hidden],body.role-user #pcron-header :is([data-tab=tokens],[data-tab=config],[data-tab=logs],[data-tab=hourly],#nav-matrix) {display:none!important;}
[data-pcron-layout] .app-grid {display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:48px minmax(0,1fr);height:100dvh;min-height:0;gap:0;}
[data-pcron-layout] .main {grid-column:1;grid-row:2;min-width:0;min-height:0;width:100%;max-width:none;height:auto;padding:24px 26px;overflow:auto;border-radius:0;}
[data-pcron-layout] .card {border-radius:var(--pc-radius-lg,12px);background:var(--pc-card);}
[data-pcron-layout] .table-wrap {max-width:100%;}
[data-pcron-layout] :is(button,a,input,select,summary):focus-visible {outline:2px solid var(--pc-focus,#9ac6ef);outline-offset:2px;}
[data-pcron-layout] #lineChart svg,[data-pcron-layout] #hourlyChart svg {display:block;overflow:hidden;}
[data-pcron-layout] #lineChart text,[data-pcron-layout] #hourlyChart text {font:11px var(--sans,Arial,sans-serif);fill:var(--pc-muted,#aaa);}
[data-pcron-layout] .chart-wrap {min-width:0;}
[data-pcron-layout] .chart-grid>* {min-width:0;}
body[data-pcron-layout][data-matrix-onboarding] {display:block;height:100dvh;overflow:hidden;}
body[data-pcron-layout][data-matrix-onboarding] #main {height:calc(100dvh - 48px);overflow:auto;width:100%;max-width:none;padding:24px 26px;margin:0;}
@media(max-width:760px){
 [data-pcron-layout] #statsGrid .stat:last-child {grid-column:1 / -1;}
 #pcron-header {gap:8px;padding:0 10px;}
 #pcron-header #clientMenuToggle {display:flex;margin-left:auto;min-height:44px;min-width:44px;justify-content:center;}
 #pcron-header .pc-account-label {display:none;}
 #pcron-header #pc-account>summary {min-height:44px;min-width:44px;justify-content:center;}
 #clientNavigation {display:none;position:absolute;top:48px;left:8px;right:8px;max-height:calc(100dvh - 64px);overflow:auto;flex-direction:column;align-items:stretch;padding:8px;border:1px solid var(--pc-border,#444);border-radius:0 0 12px 12px;background:var(--pc-card,#222);box-shadow:0 12px 32px #0005;}
 #pcron-header.pc-menu-open #clientNavigation {display:flex;}
 #pcron-header .pc-primary {flex-direction:column;align-items:stretch;}
 #pcron-header .pc-link,#pcron-header .pc-control {min-height:44px;}
 #pcron-header #pc-more>.pc-panel {position:static;box-shadow:none;border:0;max-height:none;padding:0;max-width:none;}
 #pcron-header #pc-more>summary {width:100%;}
 #pcron-header #pc-account .pc-panel {min-width:230px;}
 [data-pcron-layout] .main,body[data-pcron-layout][data-matrix-onboarding] #main {padding:18px 14px;}
}
@media(pointer:coarse){#pcron-header .pc-link,#pcron-header .pc-control,#pcron-header .pc-panel .pc-link {min-height:44px;}}

/* Isolated Matrix viewport composition. No styles apply to other host tabs. */
body[data-pcron-layout]:has(#nav-matrix.active) .main{padding:0;overflow:hidden;display:flex;flex-direction:column}
body[data-pcron-layout]:has(#nav-matrix.active) #tab-matrix{display:flex!important;flex:1;flex-direction:column;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden}
body[data-pcron-layout]:has(#nav-matrix.active) #pc-matrix-state:empty{display:none}
body[data-pcron-layout]:has(#nav-matrix.active) #pc-matrix-state:not(:empty){flex:0 0 auto;margin:0;padding:8px 12px}
body[data-pcron-layout]:has(#nav-matrix.active) #pc-matrix-mount{flex:1;min-width:0;min-height:0;overflow:hidden}
body[data-pcron-layout]:has(#nav-matrix.active) #pc-matrix-mount #pc-matrix-frame{display:block;width:100%;height:100%;min-height:0;border:0;border-radius:0}