/* Unified console design, September 2026. Loaded after feature styles. */
:root,:root[data-density]{--ui-scale:1;zoom:1;--screen-vw:1vw;--screen-vh:1vh;--screen-dvh:1dvh;--ink:#172b46;--muted:#61738e;--border:#dce6f1;--accent:#087bff;--panel:#fff;--text:#172b46;--console-bg:#f2f7fc;--sidebar-width:220px;font-size:16px}
body{background:var(--console-bg);line-height:1.5}#workspace{grid-template-columns:var(--sidebar-width) minmax(0,1fr);padding-top:62px;min-height:100dvh}
#workspace>aside{position:sticky;top:62px;height:calc(100dvh - 62px);overflow-y:auto;overflow-x:hidden;padding:18px 12px 10px;background:linear-gradient(155deg,#243647,#1a2836 85%);color:#d7e4f1;gap:3px;scrollbar-width:thin;scrollbar-color:#576e83 transparent;z-index:30}
#workspace>main{padding:22px 24px 20px;min-width:0}.console-topbar{position:fixed;z-index:60;top:0;left:0;right:0;height:62px;padding:0 20px;gap:24px;background:linear-gradient(110deg,#253647,#1c2938);border-bottom:1px solid #3b4a5b;color:#eff6ff;box-shadow:0 2px 8px #152b4314}
.console-topbar .brand{color:#eff6ff;font-size:19px;gap:11px;min-width:226px;letter-spacing:-.3px;margin:0}.console-topbar .brand>svg{width:29px;height:29px;stroke:#8aceff;stroke-width:1.7;fill:none}.console-brand-text small{display:block;font-size:9px;letter-spacing:1.3px;font-weight:500;color:#b0c5da;line-height:1.3}
.console-search{display:flex;align-items:center;gap:9px;width:min(320px,25vw);height:34px;padding:0 12px;border:1px solid #486076;background:#34485c;color:#d1dfef;font-size:12px;font-weight:400;text-align:left}.console-search svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}.console-search kbd{margin-left:auto;font:10px 'Segoe UI',sans-serif;opacity:.7;border:1px solid #6c7d8f;border-radius:3px;padding:1px 4px}.console-search:hover{background:#40586f}
.console-topbar .header-actions{margin-left:auto;gap:8px;flex-wrap:nowrap}.console-topbar .header-actions>button,.console-topbar #headerSettingsToggle{background:transparent;border-color:#53687e;color:#e4edf8;font-size:12px;padding:6px 9px;white-space:nowrap;min-height:32px}.console-topbar #headerSettingsToggle{width:34px;height:34px}.console-topbar #currentUser{border:0;color:#e5effb;background:transparent;max-width:190px;overflow:hidden;text-overflow:ellipsis}.console-topbar #mode{font-size:11px;background:#294c49;color:#a8ead2;border-color:#3d675d}.console-topbar #headerSettingsPanel{color:var(--ink);text-align:left}
.console-tenant{border:1px solid #41566a;background:#2b3e50;border-radius:5px;margin:0 0 8px;padding:10px 11px}.console-tenant>span{display:block;font-size:9px;letter-spacing:1.2px;color:#9cb4ca}.console-tenant strong{display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.console-nav-group{padding:17px 12px 5px;font-size:10px;letter-spacing:1.3px;color:#8fa7bf;font-weight:600}
#workspace>aside>button,#workspace>aside>#menuButton{display:flex;align-items:center;gap:11px;text-align:left;background:transparent;border:1px solid transparent;color:#d1dfef;border-radius:5px;min-height:39px;width:100%;padding:9px 10px;margin:0;font-size:12px;line-height:1.35;font-weight:500;flex-shrink:0}
#workspace>aside>button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;flex-shrink:0;stroke-linecap:round;stroke-linejoin:round}#workspace>aside>button:hover{background:#354b61;color:white}#workspace>aside>button[aria-current=page]{background:#087bff;border-color:#228cff;color:#fff;box-shadow:0 3px 10px #006aff24}
#workspace>aside .session-clock{margin:24px 0 8px;padding:10px 12px;border-color:#3a5065;background:#ffffff05;gap:2px}#workspace>aside .session-clock span{font-size:10px;color:#9db4ca}#workspace>aside .session-clock strong{font-size:14px;color:#b8dfff}.sidebar-bottom{margin-top:auto;padding:12px 10px 6px}.sidebar-bottom .tag{font-size:9px;border-color:#536a7e;color:#aebfd0}.sidebar-bottom p{font-size:10px;margin:6px 0;color:#91a5bb}#workspace>aside>.console-collapse{border-top:1px solid #3a4c5e;border-radius:0;margin-top:6px;color:#a8bdd2;font-size:11px}
.console-page-heading{margin:0 0 18px}.console-breadcrumb{font-size:11px;color:#7385a0;margin:0 0 12px}.console-page-heading .eyebrow{display:none}.console-page-heading h1{font-size:25px;letter-spacing:-.7px;font-weight:700;margin:0;line-height:1.3;color:var(--ink)}
#notice{background:#edf6ff;border-color:#d5e8fc;color:#3d6087;padding:10px 14px;margin:0 0 16px;font-size:13px;border-radius:5px}#notice:empty{display:none}#notice.error{background:#fff1f3;border-color:#f3c6cc;color:#b32740}
button,input,select,textarea{font-size:13px;border-radius:5px}button{padding:8px 12px;font-weight:600;min-height:34px;transition:background .12s,border-color .12s}button:hover{background:#eef5ff;border-color:#afcefa}input,select,textarea{min-width:0;padding:8px 10px;margin-top:6px;border-color:#d2dfed;line-height:1.45}input:not([type=checkbox]):not([type=radio]),select{min-height:36px}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}label{font-size:12px;font-weight:600;color:#435873}:is(input,select,textarea,button,a):focus-visible{outline:2px solid #2689ff;outline-offset:2px}.primary{background:#087bff;border-color:#087bff;color:white}.primary:hover{background:#006be8;border-color:#006be8}.danger{background:#cc324c;color:#fff;border-color:#cc324c}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
h2{font-size:17px;letter-spacing:-.2px}h3{font-size:15px}.field-note,summary{font-size:12px}a{font-size:13px}.tag{font-size:11px}.fields{gap:16px;margin:18px 0}.request-actions{gap:10px;margin:16px 0}.detail{padding:20px}.workbench{min-height:430px;box-shadow:0 2px 6px #1b416504;border-radius:7px}.workbench.simple-view{grid-template-columns:minmax(0,1fr)}
.scope-bar.tenant-bar{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px;padding:13px 16px;margin:0 0 18px;gap:14px;align-items:end}.tenant-bar label,.scope-field-label{font-size:11px;color:var(--muted)}.tenant-bar select,.tenant-bar button{font-size:13px}.workspace-status{padding:11px 16px;border-left-color:#0b9c72;background:var(--panel)}.workspace-status span,.workspace-status small{font-size:12px}
#featureMenu{left:calc(var(--sidebar-width) + 8px);top:70px;bottom:16px;width:310px;box-shadow:0 12px 40px #132c4a33;border-radius:7px}#menuItems{margin-top:0;gap:2px}#menuItems button{font-size:12px;min-height:32px}#menuItems h3{font-size:10px;margin-top:10px;padding:8px}#menuSearch{font-size:13px}#pageSections{gap:4px;margin:0 0 16px;border-bottom:1px solid var(--border);padding-bottom:0}#pageSections button{background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;font-size:13px;padding:10px 16px;color:var(--muted)}#pageSections button.active{background:transparent;color:var(--accent);border-bottom-color:var(--accent)}
:is(.pw-panel,.gp-config,.gp-stat,.gp-table-wrap,.ob-panel,.log-page,.daily-logs,.tl-panel,.tl-results,.cm-panel,.cm-card){background:var(--panel);border-color:var(--border);border-radius:6px;box-shadow:0 1px 3px #1b416503}.pw-panel>header{background:#f9fbfe;border-bottom-color:var(--border)}.pw-toolbar,.gp-heading,.ob-toolbar{gap:12px}.onboarding{font-size:13px}.ob-layout{grid-template-columns:215px minmax(0,1fr);gap:18px}.ob-layout nav{margin:0;gap:6px}.ob-layout nav button{color:var(--ink);background:var(--panel);border:1px solid var(--border);font-size:13px;border-radius:5px;padding:12px}.ob-layout nav button[aria-current=step]{color:var(--accent);background:#edf5ff;border-color:#96c4ff}.ob-panel{background:var(--panel)}
table{font-size:13px}th{background:#f4f8fc;color:#516b8a;font-size:12px;font-weight:600}th,td{padding:10px 12px;border-bottom-color:var(--border)}tbody tr:hover>td{background-color:#f1f7ff}table tbody tr.policy-disabled>td{background:var(--policy-disabled-bg)}table tbody tr.policy-disabled.selected>td{background:var(--policy-disabled-selected)}.policy-table tbody tr.selected>td{background:var(--policy-selected-bg)}.policy-state-badge{font-size:10px}.policy-toolbar{gap:8px}.policy-toolbar button,.policy-toolbar input{font-size:12px}.saved-search-controls{gap:7px}.saved-search-controls span{font-size:12px}.saved-search-controls select{font-size:12px}
.log-page-heading h2{font-size:22px}.log-breadcrumb,.log-page .log-range-caption,.log-page [role=status]{font-size:12px}.log-page .log-toolbar{grid-template-columns:minmax(180px,1fr) minmax(175px,245px) 90px}.log-result-tools>strong,.log-result-tools>input,.log-result-tools>button,.log-result-tools>select{font-size:12px}.log-table td,.log-table th{font-size:12px}.log-filter-builder{background:#fafdff;border-color:var(--border)}.log-filter-builder[data-empty=true] .lf-editor,.lf-condition strong,.lf-preview{font-size:12px}.log-table .log-filter-value{min-height:0}.log-detail-fields dt{font-size:12px}.log-detail-fields dd{font-size:14px}.log-detail-section h3{font-size:19px}.log-details-tabs button{font-size:13px}.log-details-dialog{background:var(--console-bg)}.log-detail-section{border-radius:6px}.log-details-top{padding:16px 20px}.log-details-top h2{font-size:16px}
dialog{color:var(--ink);background:var(--panel);border-color:var(--border);border-radius:9px;box-shadow:0 24px 90px #17335433;padding:24px}dialog::backdrop{background:#12253d66;backdrop-filter:blur(2px)}dialog label,dialog p{font-size:13px}dialog pre{font-size:12px}#headerSettingsPanel{padding:7px;border-radius:6px}#headerSettingsPanel>button{font-size:12px;color:var(--ink)}main>footer{font-size:10px;margin-top:22px;color:#7b8da3}
main:has(>#loginMonitorPage:not([hidden])){padding:22px 24px 20px;min-height:calc(100dvh - 62px);gap:0}.daily-logs{padding:16px 18px}.daily-logs>p{font-size:12px}#loginMonitorPage>.daily-logs{margin-bottom:16px}.monitor-toolbar a{font-size:12px}
#workspace.sidebar-collapsed{--sidebar-width:64px}#workspace.sidebar-collapsed>aside{padding-inline:8px}#workspace.sidebar-collapsed :is(.nav-label,.console-nav-group,.console-tenant,.session-clock,.sidebar-bottom){display:none}#workspace.sidebar-collapsed>aside>button{justify-content:center;padding:10px 0}#workspace.sidebar-collapsed .console-collapse svg{transform:rotate(180deg)}
:root[data-density=roomy] :is(td,th){padding-block:15px}:root[data-density=compact] :is(td,th){padding-block:8px}
[data-theme=dark]{--ink:#dce9f8;--text:#dce9f8;--muted:#9cacc0;--border:#34475c;--panel:#192a3b;--console-bg:#101d2a;--accent:#56a4ff}[data-theme=dark] :is(.scope-bar.tenant-bar,.workbench,.log-page,.log-detail-section,.ob-panel,.pw-panel,.gp-config,.gp-stat,dialog){background:var(--panel);color:var(--ink)}[data-theme=dark] th,[data-theme=dark] .pw-panel>header{background:#223449;color:#b1c7df}[data-theme=dark] tbody tr:hover>td{background:#243e59}[data-theme=dark] #notice,[data-theme=dark] .log-filter-builder,[data-theme=dark] .ob-layout nav button[aria-current=step]{background:#1c3550;color:#bddbff}[data-theme=dark] .ob-layout nav button{background:var(--panel);color:var(--ink)}[data-theme=dark] label{color:#bacde4}[data-theme=dark] #notice.error{background:#402333;color:#ffbdc7}[data-theme=dark] .primary{background:#087bff;color:#fff}[data-theme=dark] .console-topbar .header-actions button{color:#e4edf8}
@media(max-width:1200px){:root{--sidebar-width:194px}.console-topbar{gap:15px;padding-inline:16px}.console-topbar .brand{min-width:195px}.console-search{width:170px}.console-search kbd{display:none}.console-topbar #passwordButton{font-size:11px;padding-inline:6px}#workspace>main{padding:18px}.console-topbar #currentUser{max-width:130px}.console-topbar #mode{display:none}}
@media(max-width:900px){:root{--sidebar-width:176px}.console-search{width:34px;padding:8px;font-size:0}.console-search svg{width:16px;flex-shrink:0}.console-topbar .brand{min-width:175px;font-size:17px}.console-topbar #passwordButton{display:none}#workspace>aside>button{font-size:11px;gap:8px}#workspace>main{padding:16px}.console-page-heading h1{font-size:22px}.ob-layout{grid-template-columns:minmax(0,1fr)}.ob-layout nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.fields{grid-template-columns:1fr}.header-actions{flex-direction:row}}
@media(max-width:760px){#workspace{display:block;padding-top:58px}.console-topbar{height:58px;padding:0 12px;gap:8px;flex-wrap:nowrap!important}.console-topbar .brand{min-width:0;font-size:15px;gap:6px}.console-topbar .brand>svg{width:22px}.console-brand-text small{font-size:7px}.console-topbar #currentUser{display:none}.console-topbar .header-actions{gap:6px}.console-topbar #logout{font-size:11px;padding:5px 7px}.console-search{margin-left:auto;flex-shrink:0}.console-topbar .header-actions{margin-left:0}#workspace>aside{position:relative;top:auto;height:auto;display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding:8px;gap:6px;z-index:30}#workspace>aside>button,#workspace>aside>#menuButton{width:auto;min-width:max-content;min-height:35px;padding:8px 10px;font-size:11px}.console-tenant,.console-nav-group,#workspace>aside .session-clock,.sidebar-bottom,#workspace>aside>.console-collapse{display:none}#workspace>main,main:has(>#loginMonitorPage:not([hidden])){padding:16px 12px}.console-page-heading{margin-bottom:14px}.console-breadcrumb{margin-bottom:8px}#featureMenu{left:8px;right:8px;top:66px;bottom:8px;width:auto}.console-page-heading h1{font-size:21px}.scope-bar.tenant-bar{padding:12px;flex-wrap:wrap}.tenant-bar>label{flex:1 1 100%;min-width:0}.scope-toolbar{min-width:0}.scope-toolbar>button{max-width:100%;white-space:normal}.detail{padding:14px}.request-actions{gap:8px}dialog{padding:18px}.log-page .log-toolbar{grid-template-columns:minmax(0,1fr) 80px}.log-page .log-toolbar>select:first-child{grid-column:1/-1}#workspace.sidebar-collapsed :is(.nav-label){display:inline}#workspace.sidebar-collapsed>aside>button{padding:8px}.gp-grid{grid-template-columns:1fr}.gp-summary{grid-template-columns:1fr 1fr}.gp-heading{align-items:flex-start}.gp-actions label{min-width:0;max-width:100%}.ob-toolbar select{min-width:0;max-width:100%}.ob-layout nav{grid-template-columns:1fr 1fr}.saved-search-controls select{max-width:100%;min-width:0}.daily-logs details label{min-width:0;width:100%;margin-right:0}main>footer{display:block}.console-topbar #headerSettingsPanel{max-width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Compact context controls leave the workspace to the actual task. */
.scope-bar.tenant-bar{display:flex;flex-wrap:wrap;align-items:end;padding:10px 14px;gap:10px;min-height:0}.scope-bar.tenant-bar>label{flex:0 1 340px;margin:0;line-height:1.4}.scope-bar.tenant-bar select,.scope-bar.tenant-bar button{min-height:33px;padding:6px 9px;margin-top:3px}.scope-bar.tenant-bar #scopePicker{flex:1;min-width:220px}.scope-bar.tenant-bar #tenantInfo:empty{display:none}.workspace-status{min-height:0;padding:9px 14px}.workspace-status h2{font-size:14px}.console-topbar .brand{font-weight:650;letter-spacing:-.4px}.selection-clone .sc-category:has(input:checked){background:#edf5ff;border-color:#5da5ff}.selection-clone input[type=checkbox]{accent-color:var(--accent)}.sc-scopes{gap:16px}.sc-scopes section{padding:16px}.selection-clone label:not(.sc-category){margin:8px 0;gap:3px}.selection-clone .pw-status{font-size:12px}.cm-page{max-width:none;padding:0;--cm-border:var(--border);--cm-ink:var(--ink);--cm-panel:var(--panel);--cm-bg:var(--console-bg);--cm-muted:var(--muted)}.cm-page h2{font-size:21px}.cm-settings{border-radius:6px;padding:16px}.cm-page .cm-card{border-radius:6px}.log-page button.primary{background:var(--accent);border-color:var(--accent);color:white}
:root[data-theme=dark]{--ink:#dce9f8;--text:#dce9f8;--muted:#9cacc0;--border:#34475c;--panel:#192a3b;--console-bg:#101d2a;--accent:#56a4ff}
[data-theme=dark] .selection-clone .sc-category:has(input:checked){background:#1c3550;border-color:#56a4ff}
@media(max-width:760px){.scope-bar.tenant-bar>label{flex-basis:100%}.scope-bar.tenant-bar #scopePicker{flex-basis:100%;min-width:0}.workspace-status>div{flex-wrap:wrap}.console-topbar #headerSettingsPanel>button{color:var(--ink)}}
/* Active tenant stays beside menu search, including with a collapsed sidebar. */
#workspace .console-topbar .console-tenant{display:block;flex:0 1 235px;min-width:90px;max-width:235px;margin:0;padding:5px 10px;background:#30475c;border-color:#496076;line-height:1.35;color:#edf6ff}
.console-topbar .console-tenant>span{font-size:8px;letter-spacing:1px;color:#afc5db}.console-topbar .console-tenant strong{font-size:12px;margin-top:2px}.console-topbar .console-search{flex-shrink:1;min-width:34px}
@media(max-width:1200px){#workspace .console-topbar .console-tenant{flex-basis:170px;max-width:170px}.console-topbar .console-search{width:140px}}
@media(max-width:900px){.console-topbar .console-search{width:34px}#workspace .console-topbar .console-tenant{flex-basis:140px;max-width:140px;min-width:70px}}
@media(max-width:760px){#workspace .console-topbar .console-tenant{flex:1 1 110px;max-width:150px;min-width:60px;padding:4px 7px}.console-topbar .console-tenant strong{font-size:11px}.console-topbar .console-tenant>span{font-size:7px}.console-topbar .console-search{margin-left:0}.console-topbar .brand{flex-shrink:0}}
@media(max-width:480px){.console-topbar .console-brand-text{display:none}.console-topbar .brand{min-width:24px}.console-topbar .console-tenant strong{font-size:10px}}
/* Reference header: wordmark, wide search, tenant and compact account menu. */
:root{--sidebar-width:205px}#workspace{padding-top:54px}#workspace>aside{top:54px;height:calc(100dvh - 54px)}.console-topbar{height:54px;padding:0 18px;gap:18px;background:linear-gradient(100deg,#223344,#172432)}.console-topbar .brand{min-width:270px;font-size:18px;gap:12px}.console-brand-text{white-space:nowrap}.console-brand-text small{font-size:9px;letter-spacing:0;font-weight:400;margin-top:2px}.console-topbar .console-search{width:auto;max-width:510px;flex:1 1 360px;font-size:11px;height:33px;background:#304155}.console-topbar .header-actions{margin-left:0}.console-topbar #currentUser{display:none}
#workspace .console-topbar .console-tenant{display:flex;align-items:center;gap:6px;flex:0 1 210px;margin-left:auto;padding:0 7px;min-width:100px;height:33px;background:#2a3c50}.console-tenant>svg{width:16px;height:16px;fill:none;stroke:#cbd9e9;stroke-width:1.4;flex-shrink:0}.console-topbar .console-tenant-select{width:100%;min-width:0;min-height:30px;margin:0;padding:4px 0;border:0;background:transparent;color:#eaf4ff;font-size:11px;box-shadow:none}.console-tenant-select option{background:#243747;color:#fff}.console-connection{border:0;border-left:1px solid #3c5065;border-right:1px solid #3c5065;border-radius:0;padding:5px 13px;min-height:30px;background:transparent;color:#cfdfef;font-size:11px;white-space:nowrap}.console-connection:hover{background:#304155}.console-topbar #headerSettingsToggle{display:flex;align-items:center;gap:9px;width:auto;height:36px;border:0;background:transparent;padding:0 2px}.console-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#8ea3bb;color:white;font-size:16px;font-weight:600;box-shadow:inset 0 1px 3px #ffffff66}.console-account-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;font-size:11px}.console-chevron{font-size:17px;margin-left:5px}.console-topbar #headerSettingsPanel{top:calc(100% + 12px);width:230px}.console-topbar #headerSettingsPanel #mode{display:block;margin:6px 9px 10px;width:max-content;font-size:11px}.console-topbar #headerSettingsPanel #passwordButton,.console-topbar #headerSettingsPanel #logout{display:block;color:var(--ink);font-size:12px;background:transparent;border:0;width:100%;text-align:left;padding:10px}
.console-page-heading{margin-bottom:16px}.console-breadcrumb{padding-bottom:11px;border-bottom:1px solid var(--border);margin-bottom:14px}#featureMenu{top:62px}.console-page-heading h1{font-size:25px}
@media(max-width:1200px){.console-topbar{gap:12px}.console-topbar .brand{min-width:245px;font-size:16px}.console-topbar .console-search{flex-basis:180px}.console-account-name{max-width:100px}#workspace .console-topbar .console-tenant{max-width:180px}.console-connection{padding-inline:9px}}
@media(max-width:900px){.console-topbar .brand{min-width:210px;font-size:14px}.console-topbar .console-search{flex:0 0 34px;font-size:0;padding:8px}.console-topbar .console-search kbd{display:none}.console-account-name{display:none}.console-connection{font-size:10px}#workspace .console-topbar .console-tenant{max-width:210px;flex:1}.console-topbar .header-actions{margin-left:0}}
@media(max-width:760px){#workspace{padding-top:54px}#workspace>aside{top:auto;height:auto}.console-topbar{height:54px;padding-inline:10px;gap:8px}.console-topbar .brand{min-width:0;font-size:13px}.console-brand-text small{font-size:7px}.console-topbar .console-search{margin-left:auto}.console-connection{display:none}#workspace .console-topbar .console-tenant{margin-left:0;min-width:80px;max-width:180px}.console-topbar .console-tenant-select{font-size:10px}.console-topbar #headerSettingsToggle{padding:0}.console-chevron{margin:0}}
@media(max-width:480px){.console-topbar .console-brand-text{display:none}.console-topbar .brand{min-width:24px}.console-topbar .console-search{margin-left:0}#workspace .console-topbar .console-tenant{max-width:none}.console-topbar .console-avatar{width:26px;height:26px}}
:root[data-density]{--sidebar-width:205px}
@media(max-width:1200px){:root[data-density]{--sidebar-width:194px}}
@media(max-width:900px){:root[data-density]{--sidebar-width:176px}}
/* Balanced main workspace: consistent gutters, aligned scope controls and a bounded empty state. */
#workspace>main{padding:18px 24px 18px}.console-page-heading{margin-bottom:14px}.console-breadcrumb{padding-bottom:8px;margin-bottom:12px}.console-page-heading h1{font-size:24px;line-height:1.3}#notice{margin-bottom:14px;padding:9px 14px;line-height:1.5}
.scope-bar.tenant-bar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,1.5fr) 36px;align-items:end;gap:12px;padding:12px 16px;margin-bottom:18px}
.scope-bar.tenant-bar>label,.scope-bar.tenant-bar #scopePicker{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;margin:0;min-width:0;font-size:12px;line-height:1.4;align-content:end}
.scope-bar.tenant-bar .scope-field-label{display:block;margin:0;font-size:12px;line-height:1.4;color:var(--muted);font-weight:600}
.scope-bar.tenant-bar #activeProfile,.scope-bar.tenant-bar #scopeButton,.scope-bar.tenant-bar #refreshProfiles{height:36px;min-height:36px;margin:0;padding:7px 10px;font-size:13px;line-height:20px}
.scope-bar.tenant-bar #scopeButton{text-align:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scope-bar.tenant-bar #refreshProfiles{width:36px;padding:6px}.scope-bar.tenant-bar #tenantInfo{grid-column:1/-1;font-size:12px}.scope-bar.tenant-bar #tenantInfo:empty{display:none}
#workbench:has(#empty:not([hidden])){min-height:clamp(240px,42vh,420px)}#workbench:has(#empty:not([hidden]))>.detail{display:flex;align-items:center;justify-content:center;padding:24px}#empty{width:100%;padding:24px 16px;line-height:1.6}#empty h2{font-size:18px}#empty p{font-size:14px;margin:12px auto 0;max-width:680px;line-height:1.7}
main.showing-logs>.scope-bar.tenant-bar{grid-template-columns:minmax(180px,420px) 36px;justify-content:start}main>footer{margin-top:14px;line-height:1.5}
@media(max-width:900px){#workspace>main{padding:16px}.scope-bar.tenant-bar{grid-template-columns:minmax(140px,1fr) minmax(180px,1.3fr) 36px;padding:12px;gap:10px}}
@media(max-width:760px){#workspace>main{padding:14px 12px}.scope-bar.tenant-bar{grid-template-columns:minmax(0,1fr) 36px;gap:10px}.scope-bar.tenant-bar>label{grid-column:1}.scope-bar.tenant-bar #scopePicker{grid-column:1;grid-row:2}.scope-bar.tenant-bar #refreshProfiles{grid-column:2;grid-row:1}.scope-bar.tenant-bar #tenantInfo{grid-column:1/-1}main.showing-logs>.scope-bar.tenant-bar{grid-template-columns:minmax(0,1fr) 36px;width:100%}#workbench:has(#empty:not([hidden])){min-height:240px}#empty{padding:20px 4px}#empty h2{font-size:17px}.console-page-heading h1{font-size:22px}}
/* The header is the single Active TSG selector; keep the original backing control for app state. */
#workspace>main>.tenant-bar>label:has(>#activeProfile){display:none!important}
#workspace>main>.tenant-bar{grid-template-columns:minmax(0,1fr);padding:12px 16px}
#workspace>main>.tenant-bar #scopePicker{grid-column:1;grid-row:auto;width:100%;max-width:760px}
#workspace>main.showing-logs>.tenant-bar{display:none!important}
#headerSettingsPanel #refreshProfiles{display:block;width:100%;height:auto;min-height:34px;padding:10px;text-align:left;border:0;background:transparent;color:var(--ink);font-size:12px}
/* Shared palette and component rhythm from scm-voc-analysis v1.0.0. */
:root:not([data-theme=dark]),:root:not([data-theme=dark])[data-density]{--ink:#172331;--text:#172331;--muted:#68798b;--border:#d8e1ea;--accent:#0b76ee;--panel:#fff;--console-bg:#f4f7fa;--policy-header-bg:#f4f7fa}
#workspace{font-family:Inter,Pretendard,'Noto Sans KR','Malgun Gothic',sans-serif}
.console-topbar{background:linear-gradient(110deg,#1d3348,#17283a);border-bottom-color:#34475a}
#workspace>aside{background:linear-gradient(155deg,#1d3348,#0f2032)}
#workspace>aside>button[aria-current=page]{background:#0b76ee;border-color:#0b76ee;color:#fff;box-shadow:0 2px 7px #0b76ee22}
#workspace>main :is(.card,.tenant-bar,.daily-logs,.log-page,.review-panel,.onboarding-card,.clone-card,.timeline-panel){border-radius:6px;border-color:var(--border);box-shadow:0 1px 2px #10253b0d}
#workspace>main :is(input,select,textarea,button){border-radius:4px}
#workspace>main :is(button.primary,.primary-button){background:#0b76ee;border-color:#0b76ee;color:white}
#workspace>main :is(button.primary,.primary-button):hover{background:#0867d2}
#workspace>main table th{background:var(--console-bg);border-color:var(--border)}
#vocPage{min-width:0}#vocPage>.voc-frame{display:block;width:100%;height:calc(100dvh - 150px);min-height:700px;border:0;background:var(--console-bg)}
#workspace>main:has(>#vocPage:not([hidden]))>.notice{display:none}
@media(max-width:760px){#vocPage>.voc-frame{min-height:780px}}
#workspace>main:has(>#vocPage:not([hidden]))>:is(#notice,#workspaceStatus){display:none!important}
.log-details-top .log-voc-button{margin-left:auto;white-space:nowrap;min-height:34px}.log-details-top .log-details-close{margin-left:8px}
@media(max-width:700px){.log-details-top{flex-wrap:wrap}.log-details-top .log-voc-button{margin-left:0}}
/* Log Viewer starts at its own search controls; configuration chrome is unrelated here. */
#workspace>main:has(>#logPage:not([hidden]))>:is(.console-page-heading,#notice,#workspaceStatus,.tenant-bar){display:none!important}
/* Embedded login dashboard: one page, collection controls on demand. */
#workspace>main:has(>#loginMonitorPage:not([hidden]))>:is(.console-page-heading,#notice,#workspaceStatus,.tenant-bar){display:none!important}
#loginMonitorPage>.monitor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:0;min-height:36px}
#loginMonitorPage>.monitor-toolbar>div{display:none!important}
#loginMonitorPage>.monitor-toolbar>.monitor-upload-toggle{min-height:36px;padding:7px 20px;font-size:13px}
#loginMonitorPage>#dailyLogs[hidden]{display:none!important}
#loginMonitorPage>#dailyLogs{margin:0 0 16px;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:6px}
#loginMonitorFrameMount{border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
#loginMonitorFrameMount>iframe{display:block;width:100%;min-height:400px!important;max-height:none!important;border:0!important;border-radius:0!important;background:transparent}

/* Shared navigation already identifies the current page and tenant. */
#workspace>main>.console-page-heading,#workspace>main>#notice.tenant-guidance{display:none!important}
/* Content density only: retain the established shell typography. */
#workspace>main{padding:14px 18px}
#workspace>main>:not(header):not(footer){font-size:13px;line-height:1.45;min-width:0}
#workspace>main>:not(header):not(footer) :is(p,label,legend,summary){font-size:13px;line-height:1.45}
#workspace>main>:not(header):not(footer) :is(h2,h3){line-height:1.35;margin-top:0}
#workspace>main>:not(header):not(footer) h2{font-size:17px}#workspace>main>:not(header):not(footer) h3{font-size:15px}
#workspace>main>:not(header):not(footer) :is(button,input,select,textarea){font-size:13px;line-height:1.4}
#workspace>main>:not(header):not(footer) button{min-height:32px;padding:6px 10px}
#workspace>main>:not(header):not(footer) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select){height:34px;min-height:34px;padding:6px 9px;margin-top:4px}
#workspace>main>:not(header):not(footer) textarea{padding:8px 10px}
#workspace>main>:not(header):not(footer) :is(th,td){padding:7px 10px;font-size:12px;line-height:1.45}
#workspace>main>:not(header):not(footer) :is(.request-actions,.gp-actions,.pw-toolbar,.ob-toolbar){gap:8px;margin-block:10px}
#workspace>main>:not(header):not(footer) :is(.fields,.gp-grid){gap:12px}
#workspace>main>:not(header):not(footer) :is(.detail,.gp-config,.gp-stat,.ob-panel,.cm-panel,.cm-card,.tl-panel){padding:14px}
#workspace>main>:not(header):not(footer) :is(.gp-review,.gp-config,.gp-summary){margin-block:12px}
#workspace>main>:not(header):not(footer) .gp-sources{margin:12px 0 8px;padding:10px;gap:8px 16px}
#workspace>main>:not(header):not(footer) .gp-date-button{height:34px;min-height:34px;margin-top:4px;padding:6px 9px}
#workspace>main>:not(header):not(footer) :is(.gp-note,.gp-notice){font-size:12px}
#workspace>main>:not(header):not(footer) .gp-stat strong{font-size:24px;line-height:1.2}
#workspace>main>.tenant-bar{margin-bottom:12px;padding:10px 12px}
#workspace>main>#workspaceStatus{padding:8px 12px;margin-bottom:12px}
#workspace>main>#workspaceStatus h2{font-size:15px;margin:0}
#workspace>main>#workbench{min-height:320px}
#workspace>main>#workbench:has(#empty:not([hidden])){min-height:clamp(220px,35vh,340px)}
#workspace>main #empty{padding:16px}#workspace>main #empty p{font-size:13px}
#workspace>main>#vocPage>.voc-frame{height:calc(100dvh - 110px);min-height:420px}
@media(max-width:900px){#workspace>main{padding:12px}.ob-layout{grid-template-columns:180px minmax(0,1fr);gap:12px}}
@media(max-width:760px){#workspace>main{padding:10px}.ob-layout{grid-template-columns:minmax(0,1fr)}#workspace>main>:not(header):not(footer) :is(.detail,.gp-config,.ob-panel,.cm-panel,.tl-panel){padding:12px}}
/* Insights contains investigation tools, not configuration deployment actions. */
#workspace>main:has(>:is(#logPage,#loginMonitorPage,#gpReviewPage,#gpUserPage,#timelinePage,#vocPage):not([hidden]))>#workspaceStatus{display:none!important}

/* Page-specific layout: GP identity search must not inherit the edge-to-edge log table skin. */
#gpUserPage>.gp-user-search{box-sizing:border-box;width:100%;padding:20px;background:var(--panel);color:var(--ink);border:1px solid var(--border);border-radius:6px;overflow:visible}
#gpUserPage .gp-user-search>h2{margin:0 0 10px}#gpUserPage .gp-user-search>p{margin:10px 0;color:var(--muted)}
#gpUserPage .gpu-fields{min-width:0;border:0;padding:0;margin:18px 0 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px;align-items:start}
#gpUserPage .gpu-fields>label{display:flex;flex-direction:column;gap:6px;min-width:0}
#gpUserPage .gpu-fields>label :is(input,select){box-sizing:border-box;width:100%;max-width:100%;margin:0}
#gpUserPage .gpu-presets{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0}
#gpUserPage .gpu-presets button{white-space:nowrap}
#gpUserPage [role=status]{margin:12px 0 0;padding:10px 12px;background:var(--console-bg);border-radius:4px;overflow-wrap:anywhere}
#gpUserPage form>.request-actions{margin:14px 0 10px}
#workspace>main>:is(#gpReviewPage,#timelinePage,#policyWorkspacePage,#onboardingPage,#ciscoMigrationPage,#gpUserPage,#logPage,#vocPage){width:100%;min-width:0;max-width:100%;box-sizing:border-box}
#workspace>main :is(.gp-review,.gp-timeline,.cm-page){width:100%;max-width:none;box-sizing:border-box;margin:0;padding:0}
#workspace>main .timeline-config{padding:14px;margin:12px 0}
#workspace>main .timeline-grid{gap:12px}
#workspace>main .timeline-date{height:34px;min-height:34px;margin-top:4px;padding:6px 9px}
#workspace>main .cm-settings{padding:16px;gap:12px}
#workspace>main .ob-layout{gap:16px}
#workspace>main .ob-layout>section{min-width:0}
#workspace>main>footer{flex-wrap:wrap;gap:4px 16px;min-width:0}
#workspace>main>footer>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:1250px){#gpUserPage .gpu-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#gpUserPage>.gp-user-search{padding:14px}#gpUserPage .gpu-fields{grid-template-columns:minmax(0,1fr)}#gpUserPage .gpu-presets{justify-content:flex-start}#workspace>main .cm-settings{grid-template-columns:minmax(0,1fr)}}
/* Compact, consistently aligned Log Viewer controls. */
#workspace>main #logPage .log-page{font-size:13px;line-height:1.45}
#workspace>main #logPage .log-page-heading{padding:14px 16px 8px;gap:12px}
#workspace>main #logPage .log-page-heading h2{font-size:18px;margin:2px 0 0}
#workspace>main #logPage .log-breadcrumb{font-size:12px}
#workspace>main #logPage .log-connection-menu{font-size:12px}
#workspace>main #logPage .log-connection-menu summary{padding:6px 10px}
#workspace>main #logPage .log-toolbar{padding:8px 16px;gap:8px;grid-template-columns:minmax(180px,1fr) 220px 90px}
#workspace>main #logPage :is(.log-toolbar,.saved-search-controls,.log-result-tools) :is(input,select,button){font-size:13px;min-height:32px;height:32px;margin:0;padding:5px 9px;box-sizing:border-box}
#workspace>main #logPage .saved-search-controls{margin:0;padding:4px 16px 10px;gap:8px;display:flex;align-items:center;flex-wrap:wrap}
#workspace>main #logPage .saved-search-controls select{width:180px}
#workspace>main #logPage .log-filter-builder{margin:0 16px 10px;padding:8px 10px}
#workspace>main #logPage .lf-heading{font-size:13px;gap:8px}
#workspace>main #logPage .lf-heading strong{font-size:13px}
#workspace>main #logPage .log-filter-builder[data-empty=true] .lf-editor{min-height:20px;font-size:12px}
#workspace>main #logPage .log-result-header{margin:0;padding:10px 16px 6px;gap:6px}
#workspace>main #logPage .log-result-tools{gap:8px}
#workspace>main #logPage .log-result-tools>strong{font-size:12px}
#workspace>main #logPage .log-result-tools>input{max-width:300px;min-width:150px}
#workspace>main #logPage .log-result-tools>select{min-width:95px;width:110px}
#workspace>main #logPage .log-range-caption{font-size:12px}
#workspace>main #logPage .log-page>[role=status]{font-size:12px;margin:0;padding:4px 16px 8px}
#workspace>main #logPage .log-table{margin-top:0}
@media(max-width:760px){#workspace>main #logPage .log-toolbar{grid-template-columns:minmax(0,1fr) 80px}#workspace>main #logPage .log-toolbar>select:first-child{grid-column:1/-1}#workspace>main #logPage .log-result-tools>input{max-width:none}}

#ticketAnalysisPage{width:100%;min-width:0}.ticket-analysis-frame{display:block;width:100%;height:calc(100dvh - 104px);min-height:460px;border:0;background:var(--console-bg)}
#workspace>main:has(>#ticketAnalysisPage:not([hidden]))>:is(#notice,#workspaceStatus,.tenant-bar){display:none!important}

#cleanupPage{min-width:0;width:100%}.cleanup{font-size:13px}.cleanup>h2{font-size:19px;margin:0 0 8px}.cleanup>p{margin:6px 0 12px;color:var(--muted)}.cleanup-controls{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin:12px 0}.cleanup-controls label{display:flex;flex-direction:column;gap:4px;min-width:150px}.cleanup-controls input{flex:1;min-width:150px}.cleanup-controls :is(input,select){max-width:100%;box-sizing:border-box}.cleanup-status{padding:10px 14px;background:var(--panel);border:1px solid var(--border);border-radius:6px}.cleanup-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.cleanup-metrics>div{padding:14px;background:var(--panel);border:1px solid var(--border);border-radius:6px}.cleanup-metrics strong{display:block;font-size:24px;margin-top:6px}.cleanup details{padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:6px}.cleanup-table{overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:6px}.cleanup-table table{width:100%;min-width:640px}.cleanup-table td:last-child{display:flex;gap:6px;flex-wrap:wrap}.cleanup-dialog{width:min(900px,90vw);max-height:85vh;overflow:auto;box-sizing:border-box}.cleanup-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:450px;overflow:auto}.cleanup-dialog p{overflow-wrap:anywhere}
#workspace>main:has(>#cleanupPage:not([hidden]))>:is(#notice,#workspaceStatus,.tenant-bar){display:none!important}
@media(max-width:760px){.cleanup-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cleanup-controls label{width:100%;min-width:0}.cleanup-controls label select{width:100%}}

#workspace>main .cleanup-list-tools{display:grid;grid-template-columns:minmax(180px,1fr) 220px 170px;align-items:end}#workspace>main .cleanup-list-tools>:is(input,select){width:100%;min-width:0;margin:0}#workspace>main .cleanup-list-tools>label{min-width:0}#workspace>main .cleanup-list-tools>label select{margin:0}@media(max-width:760px){#workspace>main .cleanup-list-tools{grid-template-columns:minmax(0,1fr)} }
@media(max-width:1100px){#workspace>main .cleanup-list-tools{grid-template-columns:minmax(0,1fr) 170px}#workspace>main .cleanup-list-tools>input{grid-column:1/-1}}
@media(max-width:500px){#workspace>main .cleanup-list-tools{grid-template-columns:minmax(0,1fr)}}

.log-suggestions{position:fixed;z-index:1200;overflow-y:auto;box-sizing:border-box;background:var(--panel,#fff);color:var(--ink,#17253a);border:1px solid var(--border,#ccd8e6);border-radius:6px;box-shadow:0 6px 20px #10253b26;padding:4px;font-size:13px}.log-suggestions[hidden]{display:none}.log-suggestions [role=option]{padding:8px 10px;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:3px}.log-suggestions [role=option][aria-selected=true],.log-suggestions [role=option]:hover{background:var(--console-bg,#edf5ff);color:var(--accent,#087bff)}.log-suggestions span{overflow-wrap:anywhere;font-size:12px}