/* Dashboard shell refresh: BrowserPair brand language with calmer SaaS information architecture. */
:root{--app-sidebar-width:224px;--app-sidebar-collapsed:72px;--app-topbar-height:64px}
body.app-mode{overflow-x:hidden;background:#f7f8f3}
body.app-mode .shell{width:100%;margin:0;padding:0}
body.app-mode .topbar{position:sticky;z-index:70;top:0;min-height:var(--app-topbar-height);margin-left:var(--app-sidebar-width);padding:0 22px;border-bottom:1px solid var(--control-border);background:rgba(255,255,255,.96);transition:margin-left .18s ease}
body.app-mode .topbar-brand{display:none}
.topbar-left{min-width:0;display:flex;align-items:center;gap:12px}
.sidebar-toggle{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid var(--control-border);border-radius:4px;background:var(--surface);color:var(--text);cursor:pointer}
.sidebar-toggle:hover{border-color:var(--ink);background:var(--control-soft)}
.sidebar-toggle>span,.sidebar-toggle>span::before,.sidebar-toggle>span::after{display:block;width:15px;height:1.5px;background:currentColor;content:''}
.sidebar-toggle>span{position:relative}.sidebar-toggle>span::before{position:absolute;top:-5px}.sidebar-toggle>span::after{position:absolute;top:5px}
.page-identity{min-width:0;display:grid;gap:1px}
.page-identity>span{color:var(--muted);font-size:8.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.page-identity>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;letter-spacing:-.015em}
.profile-trigger{width:44px;height:44px}
.app-primary-action{min-height:44px;padding-inline:13px;font-size:11.5px;white-space:nowrap}
body.app-mode #app{min-height:calc(100vh - var(--app-topbar-height));margin-left:var(--app-sidebar-width);padding:0 0 60px;transition:margin-left .18s ease}
.app-sidebar{position:fixed;z-index:80;inset:0 auto 0 0;width:var(--app-sidebar-width);display:flex;flex-direction:column;border-right:1px solid var(--control-border);background:var(--surface);transition:width .18s ease,transform .18s ease}
.sidebar-head{height:var(--app-topbar-height);display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--control-border)}
.sidebar-close{display:none;margin-left:auto;flex-shrink:0}
.sidebar-brand{min-width:0;font-size:17px}.sidebar-brand .brand-mark{width:30px;height:30px;flex:none}.sidebar-brand .sidebar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-workspace{margin:9px 10px 6px;padding:8px 12px;border:1px solid var(--control-border);border-radius:5px;background:var(--control-soft);box-shadow:inset 3px 0 0 var(--acid)}
.sidebar-workspace-kicker{display:block;margin-bottom:4px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sidebar-workspace strong{display:block;font-size:12px}.sidebar-workspace small{display:block;margin-top:3px;color:var(--muted);font-size:9.5px}
.app-nav.tabs{position:static;min-height:0;flex:1;display:block;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--control-border) transparent;padding:5px 10px 10px;border:0;background:var(--surface);counter-reset:none}
.app-nav.tabs::before{display:none}
.app-nav.tabs::-webkit-scrollbar{width:5px;height:0}.app-nav.tabs::-webkit-scrollbar-thumb{border-radius:8px;background:var(--control-border)}
.nav-group{display:grid;gap:1px;padding:3px 0}.nav-group+.nav-group{margin-top:5px;padding-top:4px;border-top:0}
.app-nav .nav-group-label{display:block;padding:0 9px 2px;color:#8b9185;font-size:8.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.app-nav .tab{counter-increment:none;width:100%;min-height:38px;gap:10px;padding:0 10px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted);font-size:11.5px;font-weight:700;box-shadow:none}
.app-nav .tab::before{width:19px;height:19px;flex:none}.app-nav .tab::after{display:none!important}.app-nav .tab:hover{border-color:transparent;background:var(--control-soft);color:var(--text)}.app-nav .tab.active{border-color:transparent;background:var(--control-soft);color:var(--text);box-shadow:inset 2px 0 0 var(--acid)}

.sidebar-footer{display:grid;gap:2px;padding:10px;border-top:1px solid var(--control-border);background:var(--surface)}
.sidebar-footer>a,.sidebar-footer>button{width:100%;min-height:38px;display:flex;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:4px;background:transparent;color:var(--muted);text-decoration:none;font:700 11px Geist,Arial,sans-serif;text-align:left;cursor:pointer}.sidebar-footer>a:hover,.sidebar-footer>button:hover{background:var(--control-soft);color:var(--text)}
.sidebar-footer-icon{width:17px;height:17px;display:block;flex:none;background:currentColor;mask:var(--footer-icon) center/contain no-repeat}.sidebar-footer-icon.support{--footer-icon:url('/icons/mail.svg')}
.sidebar-backdrop{display:none}
body.sidebar-collapsed{--app-sidebar-width:var(--app-sidebar-collapsed)}
body.sidebar-collapsed .app-sidebar{width:var(--app-sidebar-collapsed)}
body.sidebar-collapsed .sidebar-head{justify-content:center;padding-inline:0}
body.sidebar-collapsed .sidebar-brand{gap:0}body.sidebar-collapsed .sidebar-brand .sidebar-label,body.sidebar-collapsed .sidebar-workspace,body.sidebar-collapsed .app-nav .nav-group-label,body.sidebar-collapsed .app-nav .tab-label,body.sidebar-collapsed .sidebar-footer .sidebar-label{display:none}
body.sidebar-collapsed .app-nav.tabs{padding-inline:9px}body.sidebar-collapsed .app-nav .nav-group{gap:4px}body.sidebar-collapsed .app-nav .tab{justify-content:center;padding:0}body.sidebar-collapsed .app-nav .tab::before{width:20px;height:20px}
body.sidebar-collapsed .sidebar-footer>a,body.sidebar-collapsed .sidebar-footer>button{justify-content:center;padding:0}
body.app-mode .control-layout,body.app-mode #pairing-panel{width:min(1120px,calc(100% - 48px));margin-inline:auto}
body.app-mode .control-layout{display:block;padding-top:28px;border:0}
body.app-mode .control-content{padding:0}
body.app-mode .tab-panel{padding:0 0 32px}
body.app-mode #pairing-panel{margin-top:24px}

body.app-mode .section-heading{align-items:center;margin-bottom:12px}body.app-mode .section-heading h2,body.app-mode .section-heading h3{font-size:25px}body.app-mode .rows{box-shadow:none}

/* Developer connection details follow a label-left / control-right rhythm. */
.developer-page{max-width:880px}.developer-page>.section-heading{padding-bottom:16px;border-bottom:1px solid var(--control-border)}
.developer-page .setup-grid{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--control-border);border-radius:6px;background:var(--surface);overflow:hidden}
.developer-page .setup-card{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(0,1.28fr);grid-template-areas:'eyebrow code' 'title code' 'copy copy';gap:3px 28px;margin:0;padding:18px 20px;border:0;border-bottom:1px solid var(--control-border);border-radius:0;box-shadow:none}.developer-page .setup-card:last-child{border-bottom:0}.developer-page .setup-card::before{display:none}
.developer-page .setup-card>.eyebrow{grid-area:eyebrow}.developer-page .setup-card>h3{grid-area:title;margin:4px 0 0;font-size:19px}.developer-page .setup-card>code{grid-area:code;align-self:center;margin:0;min-height:42px;display:flex;align-items:center}.developer-page .setup-card>p{grid-area:copy;margin:9px 0 0;padding-top:10px;border-top:1px solid var(--control-border)}
.developer-page>.fine-print{margin:14px 0 0}

/* Dense controls and dialogs: clearer grouping, less decoration. */
body.app-mode dialog{border:1px solid var(--ink);border-top:3px solid var(--acid);border-radius:8px;box-shadow:0 26px 80px rgba(25,29,21,.18)}
body.app-mode .dialog-body{gap:16px;padding:22px}body.app-mode .dialog-head{padding-bottom:12px}body.app-mode .dialog-head h2{font-size:27px}
body.app-mode .utility-actions{gap:6px}body.app-mode .utility-action{min-height:54px;padding:8px 11px}
body.app-mode .ai-summary-grid{gap:0;border:1px solid var(--control-border);border-radius:6px;overflow:hidden}.ai-summary-grid article{border:0!important;border-right:1px solid var(--control-border)!important;border-radius:0!important}.ai-summary-grid article:last-child{border-right:0!important}

@media(max-width:1000px){
  body.app-mode .top-nav-security{display:none}
  body.app-mode .control-layout,body.app-mode #pairing-panel{width:min(100% - 36px,1120px)}
}
@media(max-width:860px){
  .sidebar-close{display:grid}
  :root{--app-sidebar-width:0px}
  body.app-mode .topbar{margin-left:0;padding-inline:14px}
  body.app-mode #app{margin-left:0}
  .app-sidebar{width:244px;transform:translateX(-100%);box-shadow:0 20px 50px rgba(30,34,25,.16)}
  body.sidebar-open .app-sidebar{transform:translateX(0)}
  body.sidebar-collapsed .app-sidebar{width:244px}
  body.sidebar-collapsed .sidebar-head{justify-content:flex-start;padding-inline:16px}
  body.sidebar-collapsed .sidebar-brand{gap:10px}body.sidebar-collapsed .sidebar-brand .sidebar-label,body.sidebar-collapsed .sidebar-workspace,body.sidebar-collapsed .app-nav .nav-group-label,body.sidebar-collapsed .app-nav .tab-label,body.sidebar-collapsed .sidebar-footer .sidebar-label{display:initial}
  body.sidebar-collapsed .sidebar-workspace{display:block}body.sidebar-collapsed .app-nav.tabs{padding-inline:10px}body.sidebar-collapsed .app-nav .tab{justify-content:flex-start;padding:0 10px}body.sidebar-collapsed .sidebar-footer>a,body.sidebar-collapsed .sidebar-footer>button{justify-content:flex-start;padding:0 10px}
  .sidebar-backdrop{position:fixed;z-index:75;inset:0;display:block;border:0;background:rgba(28,32,24,.22);opacity:0;pointer-events:none;transition:opacity .18s ease}body.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}
  .page-identity>span{display:none}.page-identity>strong{font-size:13px}
  body.app-mode .top-nav{display:none}
  body.app-mode .app-primary-action{min-height:44px;padding-inline:10px}
}
@media(max-width:700px){
  body.app-mode .shell{width:100%}
  body.app-mode .topbar{min-height:64px}.profile-trigger{width:42px;height:42px}.sidebar-toggle{width:44px;height:44px}
  body.app-mode .control-layout,body.app-mode #pairing-panel{width:calc(100% - 24px)}body.app-mode .control-layout{padding-top:18px}
  body.app-mode .onboarding-head{align-items:flex-start;flex-direction:row;padding:15px}body.app-mode .onboarding-head h2{font-size:23px}
  body.app-mode .onboarding-steps li{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;padding:12px 14px}body.app-mode .onboarding-steps li>.button{grid-column:1;grid-row:4;justify-self:start;margin-top:7px}
  body.app-mode .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}body.app-mode .metrics div{border-bottom:1px solid var(--control-border)}body.app-mode .metrics div:nth-child(2n){border-right:0}body.app-mode .metrics div:nth-last-child(-n+2){border-bottom:0}
  .developer-page .setup-card{grid-template-columns:1fr;grid-template-areas:'eyebrow' 'title' 'code' 'copy';gap:4px}.developer-page .setup-card>code{margin-top:8px}.developer-page .setup-card>p{margin-top:6px}
  body.app-mode .ai-summary-grid{grid-template-columns:1fr}.ai-summary-grid article{border-right:0!important;border-bottom:1px solid var(--control-border)!important}.ai-summary-grid article:last-child{border-bottom:0!important}
}
@media(max-width:480px){
  .page-identity{display:none!important}.top-actions{gap:5px}.app-primary-action{max-width:130px;overflow:hidden;text-overflow:ellipsis}.account-menu .profile-trigger{width:42px;height:42px}
  body.app-mode .metrics{grid-template-columns:1fr}body.app-mode .metrics div{border-right:0!important;border-bottom:1px solid var(--control-border)!important}body.app-mode .metrics div:last-child{border-bottom:0!important}
}

/* Sidebar geometry pass: keep the rail aligned, stable and free of transient scroll chrome. */
.app-nav.tabs{
  align-self:stretch;
  width:auto;
  overflow-x:hidden;
  overflow-y:hidden;
  overscroll-behavior:contain;
  padding:6px 10px 10px;
}
.nav-group{gap:1px;padding:6px 0}
.nav-group+.nav-group{margin-top:2px;padding-top:8px}
.app-nav .nav-group-label{padding:0 10px 6px}
.app-nav .tab{
  width:100%;
  min-width:0;
  min-height:46px;
  justify-content:flex-start;
  gap:12px;
  padding:0 12px;
  border-radius:8px;
  font-size:13px;
  font-weight:650;
}

.sidebar-workspace{margin:10px 10px 6px;padding:9px 11px}
.sidebar-workspace small{margin-top:2px}
.sidebar-footer{gap:1px;padding:7px 10px 8px}
.sidebar-footer>a,.sidebar-footer>button{min-height:44px}

body.sidebar-collapsed .app-nav.tabs{align-self:stretch;width:100%;padding:6px 0 10px}
body.sidebar-collapsed .app-nav .nav-group{width:100%;gap:4px;padding:6px 0}
body.sidebar-collapsed .app-nav .nav-group+.nav-group{margin-top:4px;padding-top:4px}
body.sidebar-collapsed .app-nav .nav-group+.nav-group{border-top:0}

body.sidebar-collapsed .app-nav .tab{
  width:46px;
  min-width:46px;
  height:46px;
  min-height:46px;
  margin-inline:auto;
  padding:0;
  justify-content:center;
  gap:0;
}
body.sidebar-collapsed .app-nav .tab::before{width:20px;height:20px;margin:0}
body.sidebar-collapsed .app-nav .tab.active{box-shadow:inset 2px 0 0 var(--acid)}
body.sidebar-collapsed .sidebar-footer{padding:7px 0 8px}
body.sidebar-collapsed .sidebar-footer>a,body.sidebar-collapsed .sidebar-footer>button{
  width:40px;
  min-width:40px;
  height:40px;
  min-height:40px;
  margin-inline:auto;
  padding:0;
  justify-content:center;
  gap:0;
}
body.sidebar-collapsed .sidebar-footer-icon{width:18px;height:18px;margin:0}

@media(max-width:860px){
  .app-nav.tabs{overflow-y:auto;padding:6px 10px 10px;scrollbar-width:none}
  .app-nav.tabs::-webkit-scrollbar{display:none;width:0;height:0}
  .app-nav .tab{min-height:44px}
  body.sidebar-collapsed .app-nav.tabs{width:auto;padding:6px 10px 10px}
  body.sidebar-collapsed .app-nav .nav-group{gap:1px;padding:6px 0}
  body.sidebar-collapsed .app-nav .nav-group+.nav-group{margin-top:4px;padding-top:4px;border-top:0}
  body.sidebar-collapsed .app-nav .nav-group+.nav-group::before,
  body.sidebar-collapsed .app-nav .workspace-tools::before{display:none}

  body.sidebar-collapsed .app-nav .tab{width:100%;height:auto;min-height:44px;margin:0;padding:0 10px;justify-content:flex-start;gap:10px}
  body.sidebar-collapsed .sidebar-footer{padding:7px 10px 8px}
  body.sidebar-collapsed .sidebar-footer>a,body.sidebar-collapsed .sidebar-footer>button{width:auto;height:auto;min-height:44px;margin:0;padding:0 10px;justify-content:flex-start;gap:10px}
}

/* Neutralize the old compact-tools popover inside the new mobile drawer. */

/* Top bar resources, page actions and theme control. */
.top-nav{gap:2px}
.top-nav-link{
  min-height:44px;
  gap:7px;
  padding:0 10px;
  border:0;
  border-radius:0;
  font-size:12px;
}
.top-nav-link .top-nav-icon{width:15px;height:15px}
.top-nav-docs{--top-nav-icon:url('/icons/document.svg')}
.top-nav-security{--top-nav-icon:url('/icons/shield-lock.svg')}
.top-nav-link:hover,.top-nav-link:focus-visible{border-color:transparent;background:var(--control-soft)}
.page-action{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 11px;
  border:1px solid var(--control-border);
  border-radius:4px;
  background:var(--surface);
  color:var(--text);
  text-decoration:none;
  font-size:11px;
  font-weight:750;
  white-space:nowrap;
  cursor:pointer;
}
.page-action:hover,.page-action:focus-visible{border-color:var(--ink);background:var(--control-soft);outline:none}
.page-action-primary{border-color:var(--ink);background:var(--acid);color:var(--acid-ink);box-shadow:1.5px 1.5px 0 var(--ink)}
.page-action-primary:hover,.page-action-primary:focus-visible{background:#d7ff78;transform:translate(-1px,-1px);box-shadow:2.5px 2.5px 0 var(--ink)}
.page-action-icon{--page-icon:url('/icons/settings.svg');width:15px;height:15px;display:block;flex:none;background:currentColor;-webkit-mask:var(--page-icon) center/contain no-repeat;mask:var(--page-icon) center/contain no-repeat}
.page-action-icon.guide{--page-icon:url('/icons/document.svg')}.page-action-icon.key{--page-icon:url('/icons/key.svg')}.page-action-icon.settings{--page-icon:url('/icons/settings.svg')}.page-action-icon.plus{--page-icon:url('/icons/plus.svg')}.page-action-icon.revise{--page-icon:url('/icons/stack-2.svg')}.page-action-icon.transfer{--page-icon:url('/icons/arrow-right.svg')}

/* Settings-style dialogs use a true internal navigation rail, not stacked accordions. */
.settings-workspace-dialog{width:min(920px,calc(100% - 28px));max-height:min(88dvh,820px);overflow:hidden}
.settings-dialog-body{display:flex!important;flex-direction:column;gap:0!important;min-height:0;max-height:calc(min(88dvh,820px) - 6px);padding:0!important;overflow:hidden}
.settings-dialog-body>.dialog-head{flex:none;min-height:92px;margin:0;padding:20px 22px;border-bottom:1px solid var(--control-border);background:var(--surface)}
.settings-dialog-body>.dialog-head>div{min-width:0}.settings-dialog-body>.dialog-head p{max-width:620px;margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.settings-dialog-layout{flex:1 1 auto;min-width:0;min-height:0;display:grid;grid-template-columns:205px minmax(0,1fr);overflow:hidden}
.dialog-section-nav{min-width:0;display:flex;flex-direction:column;gap:3px;padding:14px 10px;border-right:1px solid var(--control-border);background:var(--control-soft)}
.dialog-section-tab{width:100%;min-height:56px;display:grid;align-content:center;gap:3px;padding:8px 11px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted);text-align:left;cursor:pointer}
.dialog-section-tab span{font-size:11.5px;font-weight:800}.dialog-section-tab small{font-size:9.5px;font-weight:500;line-height:1.3}
.dialog-section-tab:hover,.dialog-section-tab:focus-visible{background:var(--surface);color:var(--text);outline:none}
.dialog-section-tab.active{border-color:var(--ink);background:var(--surface);color:var(--text);box-shadow:inset 3px 0 0 var(--acid)}
.dialog-section-content{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:22px 24px 28px;background:var(--surface);overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.dialog-pane{min-width:0}.dialog-pane-head{margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid var(--control-border)}
.dialog-pane-head h3{margin:5px 0 0;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:26px;font-weight:600;letter-spacing:-.04em}.dialog-pane-head p{max-width:620px;margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.55}
.dialog-field-stack{display:grid;gap:14px}.dialog-field-stack label{display:grid}.dialog-span-all{grid-column:1/-1}
.settings-dialog-form{display:flex!important;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.settings-dialog-form>.settings-dialog-layout{flex:1 1 auto;min-height:0}
.settings-dialog-footer{flex:none;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px;border-top:1px solid var(--control-border);background:var(--surface)}
.settings-dialog-footer>span{color:var(--muted);font-size:10px;line-height:1.45}.settings-dialog-footer .button{flex:none}
.settings-workspace-dialog .routing-choices{margin-top:18px}.settings-workspace-dialog .advanced-grid,.settings-workspace-dialog .task-profile-grid{gap:13px}
.settings-workspace-dialog .rows{max-height:none;overflow:visible}.settings-workspace-dialog .empty-state{min-height:140px}

/* Dark dashboard: preserve the paper/workbench identity with charcoal surfaces and lime focus. */
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0f1012;
  --surface:#151618;
  --surface-2:#1b1c1f;
  --surface-3:#232528;
  --text:#e6e7e4;
  --muted:#9b9e98;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --acid:#c8ff4d;
  --acid-ink:#07110f;
  --success:#7fc48a;
  --warning:#d5ab51;
  --danger:#e27d75;
  --focus:#8fa36a;
  --shadow:0 22px 70px rgba(0,0,0,.35);
  --control-bg:#151618;
  --control-soft:#18191c;
  --control-hover:#1f2124;
  --control-border:#2c2e32;
  --control-border-strong:#474a4f;
  --ink:#e6e7e4;
}
html[data-theme="dark"] body.app-mode{background:#0f1012}
html[data-theme="dark"] body.app-mode .topbar{background:rgba(20,21,23,.96)}
html[data-theme="dark"] .app-sidebar,html[data-theme="dark"] .sidebar-head,html[data-theme="dark"] .app-nav.tabs,html[data-theme="dark"] .sidebar-footer{background:var(--surface)}
html[data-theme="dark"] .sidebar-workspace{background:var(--surface-2)}
html[data-theme="dark"] body.app-mode .onboarding-hub,html[data-theme="dark"] body.app-mode .onboarding-steps,html[data-theme="dark"] body.app-mode .onboarding-steps li,html[data-theme="dark"] body.app-mode .metrics,html[data-theme="dark"] body.app-mode .metrics div,html[data-theme="dark"] .developer-page .setup-grid,html[data-theme="dark"] .developer-page .setup-card{background:var(--surface)}
html[data-theme="dark"] body.app-mode .onboarding-head{background:var(--surface-2)}
html[data-theme="dark"] body.app-mode .onboarding-steps li.complete{background:#18191b}
html[data-theme="dark"] .sidebar-toggle,html[data-theme="dark"] .page-action{background:var(--surface);color:var(--text)}
html[data-theme="dark"] .page-action-primary{background:var(--acid);color:var(--acid-ink);border-color:#07110f;box-shadow:1.5px 1.5px 0 #07110f}html[data-theme="dark"] .app-nav .tab.active{background:#1e2023;color:var(--text);border-color:transparent;box-shadow:inset 2px 0 0 #8fa36a}
html[data-theme="dark"] .profile-popover{background:var(--surface);border-color:var(--control-border);box-shadow:0 20px 50px rgba(0,0,0,.34)}
html[data-theme="dark"] body.app-mode dialog,html[data-theme="dark"] .dialog-section-content,html[data-theme="dark"] .settings-dialog-footer,html[data-theme="dark"] .settings-dialog-body>.dialog-head{background:var(--surface)}
html[data-theme="dark"] .dialog-section-nav{background:#131416}
html[data-theme="dark"] .dialog-section-tab.active,html[data-theme="dark"] .dialog-section-tab:hover{background:var(--surface-2)}
html[data-theme="dark"] .task-composer,html[data-theme="dark"] .setup-card,html[data-theme="dark"] .row,html[data-theme="dark"] .rows,html[data-theme="dark"] .ai-summary-grid,html[data-theme="dark"] .ai-summary-grid article,html[data-theme="dark"] .billing-shell,html[data-theme="dark"] .utility-action{background:var(--surface)!important}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] code{background:var(--surface-2);color:var(--text)}
html[data-theme="dark"] select{filter:none}
html[data-theme="dark"] .status-pill,html[data-theme="dark"] .preset,html[data-theme="dark"] .routing-choices,html[data-theme="dark"] .secondary-panel{background:var(--surface-2)}
html[data-theme="dark"] .billing-credit-meter{background:#26282b}
html[data-theme="dark"] .sidebar-footer-icon,html[data-theme="dark"] .top-nav-icon{color:inherit}

@media(max-width:1120px){
  .page-action{padding-inline:9px}.top-nav{display:none}
}
@media(max-width:860px){
  .settings-workspace-dialog{width:min(760px,calc(100% - 20px))}
  .settings-dialog-layout{grid-template-columns:180px minmax(0,1fr)}
}
@media(max-width:700px){
  .page-action-secondary{width:40px;padding:0}.page-action-secondary>span:last-child{display:none}.page-action-primary{padding-inline:10px}
  .settings-workspace-dialog{width:calc(100% - 14px);max-height:92dvh}
  .settings-dialog-body{max-height:calc(92dvh - 6px)}
  .settings-dialog-body>.dialog-head{min-height:82px;padding:16px 17px}.settings-dialog-body>.dialog-head p{display:none}
  .settings-dialog-layout,.settings-dialog-form>.settings-dialog-layout{display:flex;flex-direction:column;min-height:0;overflow:hidden}
  .dialog-section-nav{position:relative;z-index:2;flex:none;display:flex;flex-direction:row;overflow-x:auto;padding:8px;border-right:0;border-bottom:1px solid var(--control-border);scrollbar-width:none}
  .dialog-section-nav::-webkit-scrollbar{display:none}.dialog-section-tab{min-width:max-content;min-height:44px;display:flex;align-items:center;padding:0 11px}.dialog-section-tab small{display:none}.dialog-section-tab.active{box-shadow:inset 0 -3px 0 var(--acid)}
  .dialog-section-content{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:18px 16px 24px}.settings-dialog-footer{min-height:64px;padding:10px 16px}.settings-dialog-footer>span{display:none}
  .field-grid.two-up,.advanced-grid,.task-profile-grid{grid-template-columns:1fr}
}
@media(max-width:860px){
  body.app-mode .topbar,body.app-mode #app{transition:none}
}
@media(max-width:700px){
  .page-action-secondary{width:44px;min-height:44px}
  .page-action-primary{min-height:44px}
}
html[data-theme="dark"] .search-select-trigger,
html[data-theme="dark"] .search-select-trigger:hover,
html[data-theme="dark"] .search-select-panel{background:var(--surface);color:var(--text)}
html[data-theme="dark"] .search-select-trigger:disabled{background:var(--surface-2);color:#81847f}
html[data-theme="dark"] .search-select-option.selected{background:color-mix(in srgb,var(--acid) 12%,var(--surface))}
html[data-theme="dark"] .search-select-search{background:var(--surface)}
html[data-theme="dark"] .search-select-search input{background:var(--surface-2)!important;color:var(--text)!important}
html[data-theme="dark"] .search-select-panel{box-shadow:0 18px 44px rgba(0,0,0,.42)}

/* Page-level actions belong to the page content, never the global header. */
.content-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.content-page-heading>div:first-child{min-width:0}
.content-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;flex:none}
.onboarding-head-actions{align-self:flex-start}
.onboarding-head-actions .onboarding-progress{white-space:nowrap}
.onboarding-head-actions .page-action{min-height:38px}
.browser-setup-guide{margin-bottom:14px}.browser-setup-guide .page-action{margin-top:14px}

/* Theme completeness: remove remaining light-only surfaces from signed-in controls. */
html[data-theme="dark"] body.app-mode .empty-state{background:var(--surface-2)}
html[data-theme="dark"] body.app-mode .status-pill{background:var(--surface-2);border-color:var(--control-border)}
html[data-theme="dark"] body.app-mode .status-pill.success{background:color-mix(in srgb,var(--success) 10%,var(--surface));border-color:color-mix(in srgb,var(--success) 45%,var(--control-border))}
html[data-theme="dark"] body.app-mode .status-pill.warning{background:color-mix(in srgb,var(--warning) 10%,var(--surface));border-color:color-mix(in srgb,var(--warning) 45%,var(--control-border))}
html[data-theme="dark"] body.app-mode .domain-request,
html[data-theme="dark"] body.app-mode .sensitive-request,
html[data-theme="dark"] body.app-mode .secondary-panel,
html[data-theme="dark"] body.app-mode table{background:var(--surface)}
html[data-theme="dark"] body.app-mode input:disabled,
html[data-theme="dark"] body.app-mode select:disabled,
html[data-theme="dark"] body.app-mode textarea:disabled{background:var(--surface-3);color:var(--muted);border-color:var(--control-border)}
html[data-theme="dark"] body.app-mode input[type=file]::file-selector-button{background:var(--surface);color:var(--text)}

html[data-theme="dark"] body.app-mode .profile-trigger,
html[data-theme="dark"] body.app-mode .profile-action{background:var(--surface)}
html[data-theme="dark"] body.app-mode .empty-mark{background:var(--surface)}
html[data-theme="dark"] body.app-mode .onboarding-number{background:var(--surface)}
html[data-theme="dark"] body.app-mode .routing-choices{background:transparent}
html[data-theme="dark"] body.app-mode ::placeholder{color:#81847f;opacity:1}

@media(max-width:900px){
  .content-page-heading{align-items:flex-start}
  .content-actions{max-width:52%}
  .content-actions .page-action-secondary>span:last-child{display:none}
  .content-actions .page-action-secondary{width:40px;padding:0}
}
@media(max-width:700px){
  .content-page-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}
  .content-actions{max-width:none;gap:5px}
  .content-actions .page-action-secondary{width:44px}
  .onboarding-head{gap:12px}
  .onboarding-head-actions{display:grid;justify-items:end}
  .onboarding-head-actions .page-action{display:none}
}

/* Compact resource navigation + profile menu. */
.top-actions{gap:9px}
.header-credit{order:1}.attention-menu{order:3}.account-menu{order:4}
.top-nav{display:flex;align-items:center;gap:4px}
.top-nav-link{
  --top-nav-icon:none;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 9px;
  border:1px solid transparent;
  border-radius:4px;
  color:var(--muted);
  text-decoration:none;
  font-size:12px;
  font-weight:700;
  transition:background .14s ease,border-color .14s ease,color .14s ease;
}
.top-nav-link .top-nav-icon{
  width:16px;
  height:16px;
  flex:none;
  background:currentColor;
  -webkit-mask:var(--top-nav-icon) center/contain no-repeat;
  mask:var(--top-nav-icon) center/contain no-repeat;
}
.top-nav-docs{--top-nav-icon:url('/icons/book.svg')}
.top-nav-security{--top-nav-icon:url('/icons/shield-lock.svg')}
.top-nav-link:hover,.top-nav-link:focus-visible{
  border-color:var(--control-border);
  background:var(--control-soft);
  color:var(--text);
  outline:none;
}
.account-menu{position:relative}
.account-menu>summary{list-style:none}
.account-menu>summary::-webkit-details-marker{display:none}
.profile-trigger{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid var(--control-border);
  border-radius:50%;
  background:var(--surface);
  color:var(--text);
  cursor:pointer;
  transition:background .14s ease,border-color .14s ease,box-shadow .14s ease;
}
.profile-trigger:hover,.account-menu[open]>.profile-trigger{
  border-color:var(--ink);
  background:var(--control-soft);
  box-shadow:inset 0 -2px 0 var(--acid);
}
.profile-icon{
  width:20px;
  height:20px;
  display:block;
  background:currentColor;
  -webkit-mask:url('/icons/user-circle.svg') center/contain no-repeat;
  mask:url('/icons/user-circle.svg') center/contain no-repeat;
}
.profile-popover{
  position:absolute;
  z-index:80;
  top:calc(100% + 9px);
  right:0;
  width:min(216px,calc(100vw - 18px));
  padding:5px;
  border:1px solid var(--control-border-strong);
  border-radius:8px;
  background:var(--surface);
  box-shadow:0 18px 48px rgba(34,37,31,.15);
}
.profile-meta{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:8px 8px 9px;
  border-bottom:1px solid var(--control-border);
}
.profile-menu-avatar{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--control-border-strong);border-radius:50%;background:var(--control-soft);color:var(--text);font-size:11px;font-weight:850;letter-spacing:.02em}
.profile-meta-copy{min-width:0;display:grid;gap:2px}
.profile-meta-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:800}
.profile-action{
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  padding:0 8px;
  border:1px solid transparent;
  border-radius:4px;
  background:var(--surface);
  color:var(--text);
  font-size:12px;
  font-weight:700;
  text-align:left;
  cursor:pointer;
}
.profile-action:hover{border-color:transparent;background:var(--control-soft)}
.profile-menu-actions{display:grid;gap:1px;padding:5px 0}
.profile-resource-link{text-decoration:none}
.profile-signout{margin-top:4px!important;padding-top:0;border-top:1px solid var(--control-border);border-radius:0 0 4px 4px}
.profile-resource-icon{width:17px;height:17px;display:block;flex:none;background:currentColor;-webkit-mask:var(--profile-resource-icon) center/contain no-repeat;mask:var(--profile-resource-icon) center/contain no-repeat}
.profile-resource-icon.docs{--profile-resource-icon:url('/icons/document.svg')}
.profile-resource-icon.security{--profile-resource-icon:url('/icons/shield-lock.svg')}.profile-resource-icon.support{--profile-resource-icon:url('/icons/mail.svg')}
.logout-icon{
  width:17px;
  height:17px;
  display:block;
  background:currentColor;
  -webkit-mask:url('/icons/logout.svg') center/contain no-repeat;
  mask:url('/icons/logout.svg') center/contain no-repeat;
}
@media(max-width:700px){
  .top-actions{gap:5px}
  .docs-link{display:inline-flex}
  .top-nav{gap:2px}
  .top-nav-link{width:40px;justify-content:center;padding:0}
  .top-nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .profile-trigger{width:40px;height:40px}
}
@media(max-width:430px){
  .top-actions .docs-link{display:inline-flex}
}
.topbar{position:relative;z-index:70;overflow:visible}

html[data-theme="dark"] body.app-mode .metric-meter{background:#2b2d30}
html[data-theme="dark"] body.app-mode .metric-meter.empty{background:color-mix(in srgb,var(--control-border) 72%,transparent)}
html[data-theme="dark"] body.app-mode .lower-better .metric-meter i{background:var(--danger)}

html[data-theme="dark"]{scrollbar-color:#3a3d41 #0f1012}
html[data-theme="dark"] body.app-mode *{scrollbar-color:#3a3d41 transparent}
html[data-theme="dark"] body.app-mode *::-webkit-scrollbar{width:10px;height:10px}
html[data-theme="dark"] body.app-mode *::-webkit-scrollbar-track{background:transparent}
html[data-theme="dark"] body.app-mode *::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:10px;background:#3a3d41;background-clip:padding-box}
html[data-theme="dark"] body.app-mode *::-webkit-scrollbar-thumb:hover{background:#5a5e63;background-clip:padding-box}

/* Header responsibility: account balance, appearance and identity only. */
.header-credit{min-height:42px;display:flex;align-items:center;gap:8px;padding:0 10px 0 7px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text);font:700 11px Geist,Arial,sans-serif;cursor:pointer;transition:background .14s ease,border-color .14s ease}
.header-credit:hover,.header-credit:focus-visible{border-color:var(--control-border);background:var(--control-soft);outline:none}
.header-credit-glyph{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:color-mix(in srgb,var(--acid) 78%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 12%,transparent)}
.header-credit-glyph:before{content:'';width:15px;height:15px;background:var(--acid-ink);-webkit-mask:url('/icons/list-check.svg') center/contain no-repeat;mask:url('/icons/list-check.svg') center/contain no-repeat}
.header-credit-copy{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.header-credit-copy strong{font-size:12.5px;font-variant-numeric:tabular-nums}.header-credit-copy span{color:var(--muted);font-size:10px;font-weight:650}

/* Dark mode should be quiet: lime marks focus; borders and hover chrome stay subdued. */
html[data-theme="dark"] body.app-mode .sidebar-toggle:hover,
html[data-theme="dark"] body.app-mode .button.secondary:hover:not(:disabled),
html[data-theme="dark"] body.app-mode .icon-button:hover,
html[data-theme="dark"] body.app-mode .page-action:hover,
html[data-theme="dark"] body.app-mode .page-action:focus-visible,
html[data-theme="dark"] body.app-mode .profile-trigger:hover,
html[data-theme="dark"] body.app-mode .account-menu[open]>.profile-trigger,
html[data-theme="dark"] body.app-mode input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,
html[data-theme="dark"] body.app-mode select:focus,
html[data-theme="dark"] body.app-mode textarea:focus,
html[data-theme="dark"] body.app-mode .search-select-trigger:focus-visible,
html[data-theme="dark"] body.app-mode .search-select.open .search-select-trigger,
html[data-theme="dark"] body.app-mode .search-select-search input:focus,
html[data-theme="dark"] body.app-mode .inline-choice:has(input:checked),
html[data-theme="dark"] body.app-mode .preset:has(input:checked),
html[data-theme="dark"] body.app-mode .utility-action:hover,
html[data-theme="dark"] body.app-mode input[type=file]::file-selector-button:hover{
  border-color:var(--control-border-strong)!important;
}
html[data-theme="dark"] body.app-mode .sidebar-toggle:hover,
html[data-theme="dark"] body.app-mode .button.secondary:hover:not(:disabled),
html[data-theme="dark"] body.app-mode .icon-button:hover,
html[data-theme="dark"] body.app-mode .page-action:hover,
html[data-theme="dark"] body.app-mode .profile-trigger:hover,
html[data-theme="dark"] body.app-mode .account-menu[open]>.profile-trigger,
html[data-theme="dark"] body.app-mode .utility-action:hover{background:#1e2023}
html[data-theme="dark"] body.app-mode dialog,
html[data-theme="dark"] body.app-mode .profile-popover,
html[data-theme="dark"] body.app-mode .search-select-panel,
html[data-theme="dark"] body.app-mode .dialog-section-tab.active{border-color:var(--control-border-strong)}
html[data-theme="dark"] body.app-mode .dialog-section-tab.active{box-shadow:inset 3px 0 0 var(--acid)}
html[data-theme="dark"] body.app-mode .onboarding-steps li.current{border-color:var(--control-border-strong)!important}
html[data-theme="dark"] body.app-mode .onboarding-steps li.current .onboarding-status{border-color:var(--control-border-strong);background:color-mix(in srgb,var(--acid) 16%,var(--surface));color:var(--text)}
html[data-theme="dark"] body.app-mode .button.primary{border-color:#0c0d0f;box-shadow:2px 2px 0 #0c0d0f}
html[data-theme="dark"] body.app-mode .button.primary:hover:not(:disabled){box-shadow:3px 3px 0 #0c0d0f}
html[data-theme="dark"] body.app-mode input[type=range]::-webkit-slider-runnable-track{background:#2c2e31}
html[data-theme="dark"] body.app-mode input[type=range]::-webkit-slider-thumb{border-color:#5a5e63;box-shadow:0 0 0 3px #1e2023}
html[data-theme="dark"] body.app-mode input[type=range]::-moz-range-track{background:#2c2e31}
html[data-theme="dark"] body.app-mode input[type=range]::-moz-range-thumb{border-color:#5a5e63;box-shadow:0 0 0 3px #1e2023}
html[data-theme="dark"] body.app-mode .search-select-trigger:focus-visible,
html[data-theme="dark"] body.app-mode .search-select.open .search-select-trigger,
html[data-theme="dark"] body.app-mode .search-select-search input:focus{box-shadow:0 0 0 2px rgba(128,153,76,.16)!important}
html[data-theme="dark"] body.app-mode dialog{border-top-color:#8fa36a}

@media(max-width:620px){
  .header-credit{min-width:48px;justify-content:center;padding-inline:9px}
  .header-credit-copy span{display:none}.header-credit{padding-inline:6px}.header-credit-copy strong{font-size:12px}
}

html[data-theme="dark"] body.app-mode .profile-trigger:hover,
html[data-theme="dark"] body.app-mode .account-menu[open]>.profile-trigger{box-shadow:inset 0 -2px 0 #8fa36a}
html[data-theme="dark"] body.app-mode .button.secondary:hover:not(:disabled){box-shadow:inset 0 -2px 0 #8fa36a}
html[data-theme="dark"] body.app-mode .inline-choice:has(input:checked),
html[data-theme="dark"] body.app-mode .preset:has(input:checked){box-shadow:inset 3px 0 0 #8fa36a}
html[data-theme="dark"] body.app-mode input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,
html[data-theme="dark"] body.app-mode select:focus,
html[data-theme="dark"] body.app-mode textarea:focus{box-shadow:inset 3px 0 0 #8fa36a}
html[data-theme="dark"] body.app-mode .dialog-section-tab.active{box-shadow:inset 3px 0 0 #8fa36a}
html[data-theme="dark"] body.app-mode .page-action-primary:hover,
html[data-theme="dark"] body.app-mode .page-action-primary:focus-visible{
  border-color:#0a0d09!important;
  background:#d2ff68;
  color:var(--acid-ink);
  box-shadow:2.5px 2.5px 0 #0a0d09;
}

/* Human-in-the-loop attention center. */
.attention-menu{position:relative}
.attention-trigger{position:relative;width:44px;height:44px;display:grid;place-items:center;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;list-style:none}
.attention-trigger::-webkit-details-marker{display:none}.attention-trigger:hover,.attention-menu[open]>.attention-trigger{border-color:var(--control-border);background:var(--control-soft);color:var(--text)}
.attention-icon{width:17px;height:17px;display:block;background:currentColor;-webkit-mask:url('/icons/bell.svg') center/contain no-repeat;mask:url('/icons/bell.svg') center/contain no-repeat}
.attention-badge{position:absolute;top:4px;right:3px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border:2px solid var(--surface);border-radius:999px;background:var(--acid);color:var(--acid-ink);font-size:8px;font-weight:900;line-height:1}
.attention-popover{position:absolute;z-index:120;top:calc(100% + 8px);right:0;width:min(430px,calc(100vw - 24px));overflow:hidden;border:1px solid var(--control-border);border-radius:7px;background:var(--surface);box-shadow:0 22px 60px rgba(24,29,20,.16)}
.attention-popover-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 16px 13px;border-bottom:1px solid var(--control-border);background:var(--surface-2)}
.attention-popover-head>div{display:grid;gap:4px}.attention-popover-head strong{font-size:12px}.attention-popover-head>span{color:var(--muted);font-size:9px;white-space:nowrap}
.attention-list{max-height:min(56vh,470px);overflow:auto;background:var(--surface)}
.attention-list.empty-state{min-height:150px;display:grid;place-items:center;padding:18px}
.attention-empty{display:flex;align-items:center;gap:11px;color:var(--muted)}.attention-empty>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--control-border);border-radius:50%;color:var(--success)}.attention-empty strong{display:block;color:var(--text);font-size:12px}.attention-empty p{margin:3px 0 0;font-size:10px}
.attention-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:13px;padding:14px 15px;border-bottom:1px solid var(--control-border)}.attention-item:last-child{border-bottom:0}.attention-item:hover{background:var(--control-soft)}
.attention-item-copy{min-width:0}.attention-item-title{display:flex;align-items:center;gap:7px}.attention-item-title strong{font-size:11.5px}.attention-item-title small{margin-left:auto;color:var(--muted);font-size:8.5px;white-space:nowrap}.attention-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--warning);box-shadow:0 0 0 3px color-mix(in srgb,var(--warning) 10%,transparent)}
.attention-item.approval .attention-dot{background:var(--acid);box-shadow:0 0 0 3px color-mix(in srgb,var(--acid) 12%,transparent)}.attention-item.sensitive .attention-dot{background:var(--danger)}
.attention-item p{margin:6px 0 4px;color:var(--text);font-size:10.5px;line-height:1.45}.attention-item-copy>small{display:block;color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attention-actions{align-self:center;display:flex;align-items:center;gap:5px}.attention-actions .button,.attention-actions .text-button{white-space:nowrap}
.attention-view-all{width:100%;min-height:42px;border:0;border-top:1px solid var(--control-border);background:var(--surface);color:var(--muted);font-size:10px;font-weight:800;cursor:pointer}.attention-view-all:hover{background:var(--control-soft);color:var(--text)}

/* Profile is account-scoped, separate from product configuration. */
.profile-settings-icon{width:16px;height:16px;display:block;background:currentColor;-webkit-mask:url('/icons/settings.svg') center/contain no-repeat;mask:url('/icons/settings.svg') center/contain no-repeat}
.profile-meta small{display:block;margin-top:2px;color:var(--muted);font-size:9px;line-height:1.3}.profile-meta strong{display:block;margin-top:3px;font-size:12px}
.profile-page{max-width:980px}.profile-settings-layout{display:grid;grid-template-columns:215px minmax(0,1fr);min-height:365px;overflow:hidden;border:1px solid var(--control-border);border-radius:7px;background:var(--surface)}
.profile-settings-nav{display:flex;flex-direction:column;gap:3px;padding:12px 10px;border-right:1px solid var(--control-border);background:var(--surface-2)}
.profile-section-tab{min-height:56px;display:grid;align-content:center;gap:3px;padding:8px 11px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted);text-align:left;cursor:pointer}.profile-section-tab span{font-size:11.5px;font-weight:800}.profile-section-tab small{font-size:9.5px;line-height:1.3}.profile-section-tab:hover,.profile-section-tab:focus-visible{background:var(--surface);color:var(--text);outline:none}.profile-section-tab.active{border-color:var(--control-border-strong);background:var(--surface);color:var(--text);box-shadow:inset 3px 0 0 var(--acid)}
.profile-settings-content{min-width:0;padding:24px 26px 30px}.profile-pane-head{margin-bottom:22px;padding-bottom:17px;border-bottom:1px solid var(--control-border)}.profile-pane-head h3{margin:0;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:29px;font-weight:600;letter-spacing:-.04em}.profile-pane-head p{max-width:620px;margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.55}
.preference-form{display:grid;gap:15px;max-width:680px}.preference-form>label,.preference-form .field-grid label{display:grid;gap:5px}.preference-form label>small{color:var(--muted);font-size:9.5px;line-height:1.45}.preference-actions{display:flex;justify-content:flex-end;padding-top:4px}
.preference-group{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 14px;border:1px solid var(--control-border);border-radius:5px;background:var(--surface-2)}.preference-group>div{display:grid;gap:3px}.preference-group strong{font-size:11.5px}.preference-group small{color:var(--muted);font-size:9.5px;line-height:1.4}.preference-group-heading{margin-top:6px;border-bottom-left-radius:0;border-bottom-right-radius:0}.preference-list{display:grid;border:1px solid var(--control-border);border-radius:5px;overflow:hidden;background:var(--surface)}.preference-group-heading+.preference-list{border-top:0;border-top-left-radius:0;border-top-right-radius:0}
.preference-switch{min-height:68px;display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border-bottom:1px solid var(--control-border);cursor:pointer}.preference-switch:last-child{border-bottom:0}.preference-switch:hover{background:var(--control-soft)}.preference-switch.nested{padding-left:28px}.preference-switch>span{display:grid;gap:3px}.preference-switch strong{font-size:11px}.preference-switch small{color:var(--muted);font-size:9.5px;line-height:1.4}.preference-switch input{width:18px;height:18px;flex:none;accent-color:var(--acid)}
.theme-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.theme-choice{min-height:116px;display:grid;align-content:end;gap:5px;padding:16px;border:1px solid var(--control-border);border-radius:6px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.theme-choice-icon{position:relative;width:30px;height:30px;display:grid;place-items:center;margin-bottom:9px;border:1px solid var(--control-border);border-radius:6px;background:var(--surface-2)}.theme-choice-icon:before{content:'';width:16px;height:16px;background:currentColor;-webkit-mask:var(--theme-icon) center/contain no-repeat;mask:var(--theme-icon) center/contain no-repeat}.theme-choice-icon.system{--theme-icon:url('/icons/browser.svg')}.theme-choice-icon.light{--theme-icon:url('/icons/sun.svg')}.theme-choice-icon.dark{--theme-icon:url('/icons/moon.svg')}.theme-choice strong{font-size:12px}.theme-choice small{color:var(--muted);font-size:9.5px;line-height:1.35}.theme-choice:hover{background:var(--control-soft)}.theme-choice.active{border-color:var(--control-border-strong);box-shadow:inset 0 -3px 0 var(--acid)}
.security-summary{display:grid;border:1px solid var(--control-border);border-radius:6px;overflow:hidden;margin-bottom:16px}.security-summary>div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px;padding:14px 16px;border-bottom:1px solid var(--control-border)}.security-summary>div:last-child{border-bottom:0}.security-summary span{color:var(--muted);font-size:10px}.security-summary strong{font-size:11px;overflow-wrap:anywhere}

html[data-theme="dark"] .attention-popover{box-shadow:0 24px 65px rgba(0,0,0,.42)}
html[data-theme="dark"] .attention-trigger:hover,html[data-theme="dark"] .attention-menu[open]>.attention-trigger{border-color:var(--control-border-strong);background:#1e2023}
html[data-theme="dark"] .attention-badge{border-color:var(--surface)}
html[data-theme="dark"] .profile-section-tab.active{box-shadow:inset 3px 0 0 #8fa36a}
html[data-theme="dark"] .theme-choice.active{box-shadow:inset 0 -3px 0 #8fa36a}

@media(max-width:860px){.profile-settings-layout{grid-template-columns:185px minmax(0,1fr)}.attention-popover{position:fixed;top:70px;right:12px}}
@media(max-width:700px){
  .attention-popover{top:66px;right:8px;width:calc(100vw - 16px)}.attention-item{grid-template-columns:1fr}.attention-actions{justify-self:start;flex-wrap:wrap}.attention-list{max-height:60vh}
  .profile-settings-layout{display:block}.profile-settings-nav{position:sticky;z-index:2;top:0;display:flex;flex-direction:row;overflow-x:auto;padding:8px;border-right:0;border-bottom:1px solid var(--control-border);scrollbar-width:none}.profile-settings-nav::-webkit-scrollbar{height:3px}.profile-settings-nav::-webkit-scrollbar-thumb{background:var(--control-border)}.profile-section-tab{min-width:max-content;min-height:44px;display:flex;align-items:center;padding:0 11px}.profile-section-tab small{display:none}.profile-section-tab.active{box-shadow:inset 0 -3px 0 var(--acid)}.profile-settings-content{padding:20px 16px 26px}.theme-choice-grid{grid-template-columns:1fr}.security-summary>div{grid-template-columns:1fr;gap:5px}
}
@media(max-width:520px){.top-actions{gap:2px}.attention-trigger{width:42px;height:42px}.header-credit{min-width:42px;height:42px;padding-inline:7px}}

/* Keep every header control a full touch target on compact layouts. */
@media(max-width:700px){
  .profile-trigger,.attention-trigger{width:44px!important;height:44px!important;min-width:44px;min-height:44px}
  .header-credit{min-width:44px!important;height:44px!important;min-height:44px!important}
  .attention-view-all{min-height:44px}
}

/* Focused review surface for table rows that need context before a decision. */
.task-review-dialog{width:min(720px,calc(100vw - 28px))}.task-review-dialog .dialog-body{gap:18px}.task-review-content .task-row{border:1px solid var(--control-border);border-radius:6px;background:var(--surface)}.task-review-content .row-primary{min-width:0}.permission-section{display:grid;gap:10px;margin-top:28px}.permission-section:first-of-type{margin-top:6px}.developer-page .setup-grid{margin-top:4px}

.task-review-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--control-border);border-radius:6px;background:var(--surface-2);overflow:hidden}.task-review-summary>div{min-width:0;display:grid;gap:4px;padding:10px 12px;border-right:1px solid var(--control-border)}.task-review-summary>div:last-child{border-right:0}.task-review-summary span{color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.task-review-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}.task-review-content{display:grid;gap:10px}@media(max-width:620px){.task-review-summary{grid-template-columns:1fr 1fr}.task-review-summary>div:nth-child(2){border-right:0}.task-review-summary>div:nth-child(-n+2){border-bottom:1px solid var(--control-border)}}

/* Cloudflare-inspired sidebar: grouped by spacing and labels, not divider lines. */
.app-nav .nav-group+.nav-group,.app-nav .workspace-tools{border-top:0!important}
.sidebar-footer{padding:6px 10px 10px;border-top:0;background:var(--surface)}
.sidebar-collapse-toggle{width:100%;min-height:40px;display:flex;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:4px;background:transparent;color:var(--muted);font:700 11px Geist,Arial,sans-serif;text-align:left;cursor:pointer}.sidebar-collapse-toggle:hover{background:var(--control-soft);color:var(--text)}
.sidebar-collapse-icon{width:17px;height:17px;display:block;flex:none;background:currentColor;-webkit-mask:url('/icons/arrow-right.svg') center/contain no-repeat;mask:url('/icons/arrow-right.svg') center/contain no-repeat;transform:rotate(180deg);transition:transform .18s ease}body.sidebar-collapsed .sidebar-collapse-icon{transform:none}
body.sidebar-collapsed .sidebar-footer{padding-inline:10px}body.sidebar-collapsed .sidebar-collapse-toggle{justify-content:center;padding:0}
@media(min-width:861px){#sidebar-toggle{display:none!important}}
@media(max-width:860px){#sidebar-collapse-toggle{display:none!important}.sidebar-footer{display:none}}

/* Pages with several data surfaces use a compact inner tab bar instead of long stacked tables. */
.subview-tabs{display:flex;align-items:center;gap:3px;margin:0 0 16px;padding:3px;border:1px solid var(--control-border);border-radius:6px;background:var(--surface-2);width:max-content;max-width:100%}.subview-tab{min-height:34px;padding:0 12px;border:0;border-radius:4px;background:transparent;color:var(--muted);font:750 10.5px Geist,Arial,sans-serif;white-space:nowrap;cursor:pointer}.subview-tab:hover{background:var(--surface);color:var(--text)}.subview-tab.active{background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--control-border)}.subview-pane{display:grid;gap:10px}.subview-pane[hidden]{display:none}.subview-pane>.compact-heading{margin-bottom:2px}
@media(max-width:520px){.subview-tabs{width:100%;overflow-x:auto;scrollbar-width:none}.subview-tabs::-webkit-scrollbar{display:none}.subview-tab{min-height:44px;flex:0 0 auto}}

/* Human-decision actions share one shape and hierarchy; color conveys consequence. */
.decision-button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid var(--control-border);border-radius:4px;background:var(--surface);color:var(--text);font:750 10px Geist,Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.decision-button:hover{background:var(--control-soft);border-color:var(--control-border-strong)}.decision-button.primary{border-color:var(--ink);background:var(--acid);color:var(--acid-ink)}.decision-button.primary:hover{background:color-mix(in srgb,var(--acid) 84%,white)}.decision-button.decision-deny{border-color:color-mix(in srgb,var(--danger) 34%,var(--control-border));color:var(--danger)}.decision-button.decision-task{background:var(--surface-2)}.decision-button.decision-review{background:var(--surface-2)}.decision-icon{width:13px;height:13px;display:block;flex:none;background:currentColor;-webkit-mask:var(--decision-icon) center/contain no-repeat;mask:var(--decision-icon) center/contain no-repeat}.decision-icon.deny{--decision-icon:url('/icons/x.svg')}.decision-icon.task{--decision-icon:url('/icons/shield-lock.svg')}.decision-icon.once{--decision-icon:url('/icons/check.svg')}
@media(max-width:700px){.decision-button{min-height:44px;padding-inline:12px}}
@media(max-width:700px){.profile-action{min-height:44px}}

/* Tasks are a primary workspace: compact creation above a full-width history surface. */
.task-page{max-width:none}
.task-page .task-page-heading{margin-bottom:14px}

.task-page .task-history-heading{width:100%;margin:0 0 10px;display:flex;align-items:flex-end;justify-content:space-between;color:inherit;text-transform:none;letter-spacing:0}
.task-page .task-history-heading h3{margin:0;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:23px;font-weight:600;letter-spacing:-.04em}.task-page .task-history-heading p{margin:3px 0 0;color:var(--muted);font-size:10.5px}
#tab-tasks>#task-list{width:100%;margin:0}
#task-list .task-table-primary{width:52%;min-width:280px}.task-table-id{font-family:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.72}.task-table-status{width:170px}.task-table-time{width:130px}
@media(min-width:761px){#task-list .data-table-toolbar-main{display:grid;grid-template-columns:minmax(240px,1.8fr) repeat(3,minmax(135px,.72fr));gap:7px}#task-list .data-table-search,#task-list .data-table-filter{width:100%;min-width:0;max-width:none}}
@media(max-width:900px) and (min-width:761px){#task-list .data-table-toolbar-main{grid-template-columns:minmax(220px,1.4fr) repeat(2,minmax(130px,1fr))}#task-list .data-table-filter:last-of-type{grid-column:2/3}}
@media(max-width:760px){.task-page .task-history-heading{align-items:flex-start}.task-table-id{display:none}}

/* Header controls: one compact visual system for usage, attention and identity. */
.top-actions{gap:4px}
.header-credit{order:1;width:132px;height:44px;min-height:44px;display:grid;align-content:center;gap:5px;padding:6px 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text);cursor:pointer}
.header-credit:hover,.header-credit:focus-visible{border-color:var(--control-border);background:var(--control-soft);outline:none}
.header-credit-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;line-height:1}.header-credit-top>strong{color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.header-credit-top>span{white-space:nowrap;color:var(--muted);font-size:9px;font-weight:650}.header-credit-top>span>strong{color:var(--text);font-size:11px;font-weight:850;font-variant-numeric:tabular-nums}
.header-credit-meter{width:100%;height:3px;overflow:hidden;border-radius:999px;background:var(--control-border)}.header-credit-meter i{display:block;height:100%;width:0;border-radius:inherit;background:var(--acid);transition:width .22s ease}
.attention-menu{order:3}.account-menu{order:4}
.attention-trigger,.profile-trigger{width:42px;height:42px;min-width:42px;min-height:42px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);box-shadow:none}
.attention-trigger:hover,.attention-menu[open]>.attention-trigger,.profile-trigger:hover,.account-menu[open]>.profile-trigger{border-color:var(--control-border);background:var(--control-soft);color:var(--text);box-shadow:none}
.profile-icon{width:18px;height:18px}.attention-icon{width:17px;height:17px}.attention-badge{top:2px;right:2px;min-width:16px;height:16px;border-width:2px;font-size:7.5px}
html[data-theme="dark"] body.app-mode .profile-trigger:hover,html[data-theme="dark"] body.app-mode .account-menu[open]>.profile-trigger{box-shadow:none}

/* Attention is a decision inbox, not a verbose activity feed. */
.attention-popover{width:min(390px,calc(100vw - 24px))}
.attention-popover-head{align-items:center;padding:12px 13px;background:var(--surface)}.attention-popover-head strong{font-size:12px}.attention-popover-head>span{font-size:9px}
.attention-item{grid-template-columns:1fr;gap:9px;padding:12px 13px}.attention-item-copy{display:grid;gap:4px}.attention-item-title{gap:6px}.attention-item-title strong{font-size:11px}.attention-item-title small{font-size:8px}.attention-risk{padding:2px 5px;border:1px solid var(--control-border);border-radius:999px;color:var(--muted);font-size:7.5px;font-weight:800;text-transform:uppercase}
.attention-item p{display:-webkit-box;overflow:hidden;margin:1px 0 0;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--text);font-size:10.5px;line-height:1.35}.attention-item-copy>small{font-size:8.5px}.attention-actions{justify-self:start;gap:5px}.attention-actions .decision-button{min-height:32px;padding-inline:9px;font-size:9.5px}
.attention-view-all{min-height:38px}

/* Sidebar groups stay flat, while the current page gets the quiet green BrowserPair cue. */
.app-nav .tab.active{background:color-mix(in srgb,var(--acid) 11%,var(--surface));color:var(--text);box-shadow:inset 2px 0 0 var(--acid)}
body.sidebar-collapsed .app-nav .tab.active{background:color-mix(in srgb,var(--acid) 12%,var(--surface));box-shadow:inset 2px 0 0 var(--acid)}
html[data-theme="dark"] .app-nav .tab.active{background:color-mix(in srgb,var(--acid) 9%,#141517);color:var(--text);border-color:transparent;box-shadow:inset 2px 0 0 #8fa36a}

/* Agent-key management is authority; Developer is connection. */
.key-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 12px;border:1px solid var(--control-border);border-radius:6px;background:var(--surface);overflow:hidden}.key-summary-strip>div{display:grid;gap:4px;padding:11px 13px;border-right:1px solid var(--control-border)}.key-summary-strip>div:last-child{border-right:0}.key-summary-strip span{color:var(--muted);font-size:8.5px;font-weight:750}.key-summary-strip strong{font-size:11px}
.developer-page{max-width:none}.developer-page>.section-heading{padding-bottom:0;border-bottom:0}.developer-readiness{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:2px 0 14px;border:1px solid var(--control-border);border-radius:6px;background:var(--surface);overflow:hidden}.developer-readiness>div{display:grid;gap:4px;padding:12px 14px;border-right:1px solid var(--control-border)}.developer-readiness>div:last-child{border-right:0}.developer-readiness span{color:var(--muted);font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.developer-readiness strong{font-size:11.5px}
.developer-flow{display:grid;margin-bottom:14px;border:1px solid var(--control-border);border-radius:6px;background:var(--surface);overflow:hidden}.developer-flow article{min-height:58px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--control-border)}.developer-flow article:last-child{border-bottom:0}.developer-flow article>span{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--control-border);border-radius:50%;background:var(--surface-2);font-size:9px;font-weight:850}.developer-flow article>div{display:grid;gap:2px}.developer-flow strong{font-size:11px}.developer-flow small{color:var(--muted);font-size:9.5px}.developer-flow .text-button{min-height:34px;border:0;padding:0 4px;text-decoration:none}
.developer-connect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.developer-connection-card{display:grid;gap:14px;padding:17px;border:1px solid var(--control-border);border-radius:7px;background:var(--surface)}.developer-connection-card>div:first-child{display:grid;gap:4px}.developer-connection-card h3,.developer-detail-card h3{margin:0;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:21px;font-weight:600;letter-spacing:-.04em}.developer-connection-card p{margin:0;color:var(--muted);font-size:10.5px}.developer-connection-card>small{color:var(--muted);font-size:9.5px}.developer-endpoint{display:grid;gap:5px}.developer-endpoint>span{color:var(--muted);font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.developer-endpoint code{min-height:40px;display:flex;align-items:center;padding:0 10px;border:1px solid var(--control-border);border-radius:5px;background:var(--surface-2);overflow:auto;white-space:nowrap;font-size:10.5px}
.developer-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.developer-detail-card{display:grid;align-content:start;gap:8px;min-height:145px;padding:16px;border:1px solid var(--control-border);border-radius:7px;background:var(--surface-2)}.developer-detail-card ul{display:grid;gap:5px;margin:2px 0 0;padding-left:17px;color:var(--muted);font-size:10px}.developer-request-card code{width:max-content;max-width:100%;padding:6px 8px;border:1px solid var(--control-border);border-radius:4px;background:var(--surface);font-size:10px}.developer-request-card small{color:var(--muted);font-family:'Geist Mono',ui-monospace,monospace;font-size:9px;overflow-wrap:anywhere}

/* Analytics emphasizes three understandable scores, then keeps diagnostics secondary. */
.analytics-page{max-width:none}.analytics-page-heading{align-items:flex-end!important}.metrics-window{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:750}.metrics-window select{min-width:160px;height:38px}
.analytics-score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:4px 0 14px}.analytics-score-card{display:grid;gap:9px;min-height:132px;padding:16px;border:1px solid var(--control-border);border-radius:7px;background:var(--surface)}.analytics-score-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.analytics-score-head>span{font-size:10.5px;font-weight:800}.analytics-score-head small{color:var(--muted);font-size:8.5px;white-space:nowrap}.analytics-score-card>strong{font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:34px;font-weight:600;line-height:1.08;letter-spacing:-.04em}.analytics-score-card>p{margin:0;color:var(--muted);font-size:9.5px;line-height:1.45}.analytics-progress{width:100%;height:7px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.analytics-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9fbe34,var(--acid));transition:width .25s ease}.analytics-progress.empty{background:repeating-linear-gradient(90deg,var(--control-border) 0 5px,transparent 5px 9px)}.analytics-progress.empty i{display:none}.analytics-progress.compact{height:5px}
.analytics-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.analytics-detail-card{display:grid;align-content:start;border:1px solid var(--control-border);border-radius:7px;background:var(--surface);overflow:hidden}.analytics-detail-head{min-height:52px;display:flex;align-items:center;gap:10px;padding:12px 13px;border-bottom:1px solid var(--control-border);background:var(--surface-2)}.analytics-detail-head>div{display:grid;gap:2px}.analytics-detail-head h3{margin:0;font-size:11.5px}.analytics-detail-head p{margin:0;color:var(--muted);font-size:8.8px}.analytics-detail-icon{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--control-border);border-radius:6px;background:var(--surface)}.analytics-detail-icon:before{content:'';width:14px;height:14px;background:var(--muted);-webkit-mask:var(--analytics-icon) center/contain no-repeat;mask:var(--analytics-icon) center/contain no-repeat}.analytics-detail-icon.shield{--analytics-icon:url('/icons/shield-lock.svg')}.analytics-detail-icon.recovery{--analytics-icon:url('/icons/refresh.svg')}.analytics-detail-icon.agent_model{--analytics-icon:url('/icons/agent_model.svg')}.analytics-detail-row{min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;border-bottom:1px solid var(--control-border)}.analytics-detail-row:last-child{border-bottom:0}.analytics-detail-row span,.analytics-confidence-row span{color:var(--muted);font-size:9.5px}.analytics-detail-row strong,.analytics-confidence-row strong{font-size:11px;font-variant-numeric:tabular-nums}.analytics-confidence-row{display:grid;gap:7px;padding:10px 13px;border-bottom:1px solid var(--control-border)}.analytics-confidence-row>div:first-child{display:flex;justify-content:space-between;gap:12px}.analytics-footnote{margin:12px 0 0;color:var(--muted);font-size:9px}

@media(max-width:900px){.developer-connect-grid,.developer-detail-grid,.analytics-score-grid{grid-template-columns:1fr}.analytics-detail-grid{grid-template-columns:1fr 1fr}.developer-readiness,.key-summary-strip{grid-template-columns:1fr}.developer-readiness>div,.key-summary-strip>div{border-right:0;border-bottom:1px solid var(--control-border)}.developer-readiness>div:last-child,.key-summary-strip>div:last-child{border-bottom:0}}
@media(max-width:620px){.analytics-page-heading{align-items:flex-start!important}.metrics-window{width:100%}.metrics-window select{width:100%}.analytics-detail-grid{grid-template-columns:1fr}.developer-flow article{grid-template-columns:28px minmax(0,1fr)}.developer-flow article .text-button{grid-column:2;justify-self:start}.developer-connect-grid,.developer-detail-grid{grid-template-columns:1fr}}
@media(max-width:700px){.developer-flow .text-button{min-height:44px;padding-inline:6px}}
@media(max-width:700px){.attention-actions .decision-button,.attention-view-all{min-height:44px}}

/* Shared summary stats: the same icon + label + value grammar used by AgentModel + DecisionModel. */
.summary-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--control-border);border-radius:7px;background:var(--surface);overflow:hidden}
.summary-stat-grid.summary-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.summary-stat-grid article{min-width:0;min-height:72px;display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-areas:'icon label' 'icon value';align-items:center;gap:2px 10px;padding:11px 13px;border:0;border-right:1px solid var(--control-border);border-radius:0;background:var(--surface)}
.summary-stat-grid article:last-child{border-right:0}
.summary-stat-grid .utility-icon{grid-area:icon}
.summary-stat-grid small{grid-area:label;color:var(--muted);font-size:8.5px;font-weight:850;letter-spacing:.065em;text-transform:uppercase}
.summary-stat-grid strong{grid-area:value;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:800}
.summary-stat-grid strong>span{font:inherit}
.utility-icon::before{-webkit-mask:var(--utility-icon) center/contain no-repeat;mask:var(--utility-icon) center/contain no-repeat}
.browser-icon{--utility-icon:url('/icons/chrome.svg')}.task-icon{--utility-icon:url('/icons/list-check.svg')}.credit-icon{--utility-icon:url('/icons/chart-bar.svg')}.scope-icon{--utility-icon:url('/icons/shield-lock.svg')}.globe-icon{--utility-icon:url('/icons/globe.svg')}
.ai-summary-grid{margin-bottom:12px}.ai-summary-grid article{border-right:1px solid var(--control-border)!important}.ai-summary-grid article:last-child{border-right:0!important}
.key-summary-strip,.developer-readiness{margin:0 0 14px}
.key-summary-strip>article,.developer-readiness>article{display:grid!important}

/* Overview is the product landing surface after sign-in. */
.overview-page{max-width:none}
.overview-page-heading{margin-bottom:15px!important}
.overview-page-heading>div:first-child p{max-width:620px}

.overview-activity-heading{align-items:flex-end!important;margin-bottom:10px!important}.overview-activity-heading h3{font-size:23px!important}.overview-activity-heading p{font-size:10.5px!important}.overview-activity-heading .page-action{min-height:36px}
.overview-task-list{border-radius:7px}

/* First-run setup uses only progress, step numbers and short actions. */
.onboarding-progress-wrap{width:170px;display:grid;gap:7px;flex:none}.onboarding-progress-wrap .onboarding-progress{padding:0;border:0;background:transparent;color:var(--muted);font-size:9px;font-weight:800;text-align:right;white-space:nowrap}.onboarding-progress-meter{width:100%;height:5px;overflow:hidden;border-radius:999px;background:var(--control-border)}.onboarding-progress-meter i{display:block;width:0;height:100%;border-radius:inherit;background:var(--acid);transition:width .25s ease}
.onboarding-number{width:23px!important;height:23px!important;display:grid;place-items:center;border:1px solid var(--control-border-strong);border-radius:50%;background:var(--surface);font-size:8.5px;font-weight:850}.onboarding-status{padding:3px 6px;border:1px solid var(--control-border);border-radius:999px;color:var(--muted);font-size:7.5px!important;font-weight:850;letter-spacing:.055em;text-transform:uppercase}.onboarding-steps li.current .onboarding-status{border-color:color-mix(in srgb,var(--acid) 60%,var(--control-border));background:color-mix(in srgb,var(--acid) 15%,var(--surface));color:var(--text)}.onboarding-steps li.complete .onboarding-number{border-color:color-mix(in srgb,var(--success) 55%,var(--control-border));background:color-mix(in srgb,var(--success) 10%,var(--surface));color:var(--success)}.onboarding-steps li>.button:disabled{opacity:.6}

/* Primary analytics scores also use the same icon grammar. */
.analytics-score-label{display:flex;align-items:center;gap:8px;min-width:0}.analytics-score-label>.utility-icon{width:28px;height:28px;flex:none}.analytics-score-label>span:last-child{font-size:10.5px;font-weight:800}.analytics-score-head{align-items:center}

@media(max-width:1050px){.summary-stat-grid.summary-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-stat-grid.summary-cols-4 article:nth-child(2){border-right:0}.summary-stat-grid.summary-cols-4 article:nth-child(-n+2){border-bottom:1px solid var(--control-border)}}
@media(max-width:820px){.summary-stat-grid.summary-cols-3{grid-template-columns:1fr}.summary-stat-grid.summary-cols-3 article{border-right:0!important;border-bottom:1px solid var(--control-border)}.summary-stat-grid.summary-cols-3 article:last-child{border-bottom:0}.developer-readiness,.key-summary-strip{grid-template-columns:1fr!important}.analytics-score-label>.utility-icon{width:27px;height:27px}}
@media(max-width:620px){.summary-stat-grid.summary-cols-4{grid-template-columns:1fr}.summary-stat-grid.summary-cols-4 article{border-right:0!important;border-bottom:1px solid var(--control-border)!important}.summary-stat-grid.summary-cols-4 article:last-child{border-bottom:0!important}.overview-activity-heading{align-items:flex-start!important}.overview-activity-heading .content-actions{width:100%}.overview-activity-heading .page-action{min-height:44px}}

/* Profile owns account billing; keep the billing surface comfortable inside settings. */
.profile-pane[data-profile-pane="billing"] .billing-shell{margin:0;max-width:none;border-radius:7px;box-shadow:none}
.profile-pane[data-profile-pane="billing"] .billing-plan-row{padding-top:0}
.profile-pane[data-profile-pane="billing"] .billing-plan-row .eyebrow{display:none}
.profile-pane[data-profile-pane="billing"] .billing-plan-title h2{font-size:28px}
.profile-pane[data-profile-pane="billing"] .billing-note{max-width:680px}

/* Minimal first-run setup: no illustrations, just three explicit steps. */
body.app-mode .onboarding-hub{margin:0 0 25px;padding:0;border:1px solid var(--control-border);border-radius:7px;background:var(--surface);box-shadow:none;overflow:hidden}
body.app-mode .onboarding-head{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0;padding:14px 16px;border-bottom:1px solid var(--control-border);background:var(--surface-2)}
body.app-mode .onboarding-head h2{margin:0 0 3px!important;font-size:23px!important}
body.app-mode .onboarding-head p{font-size:10px}
body.app-mode .onboarding-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;background:var(--surface)}
body.app-mode .onboarding-steps li{min-height:142px!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto minmax(34px,1fr) auto!important;gap:6px!important;padding:13px 14px!important;border:0!important;border-right:1px solid var(--control-border)!important;border-radius:0!important;background:var(--surface);box-shadow:none!important}
body.app-mode .onboarding-steps li[hidden]{display:none!important}
body.app-mode .onboarding-steps li:last-child{border-right:0!important}
body.app-mode .onboarding-steps li.current{background:color-mix(in srgb,var(--acid) 5%,var(--surface));box-shadow:inset 0 3px 0 var(--acid)!important}
body.app-mode .onboarding-steps li.complete{background:color-mix(in srgb,var(--success) 5%,var(--surface))}
body.app-mode .onboarding-card-top{grid-column:1!important;grid-row:1!important;justify-content:flex-start!important;gap:7px!important}
body.app-mode .onboarding-steps li>strong{grid-column:1!important;grid-row:2!important;font-size:12px!important}
body.app-mode .onboarding-steps li>small{grid-column:1!important;grid-row:3!important;font-size:9.5px!important;line-height:1.4}
body.app-mode .onboarding-steps li>.button{grid-column:1!important;grid-row:4!important;justify-self:start!important;min-height:36px!important;margin:1px 0 0!important;padding-inline:10px!important;font-size:9.5px!important}

/* Overview starts with status instead of repeating its page title. */

/* Compact mobile controls should never push text beyond the viewport. */
@media(max-width:700px){
  .content-page-heading,.section-heading{min-width:0}
  .content-actions{min-width:0;max-width:100%;flex-wrap:wrap}
  .page-action{max-width:100%;min-height:44px;white-space:normal;line-height:1.2}
  .page-action>span:not(.page-action-icon){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .page-action-secondary{width:auto!important;min-width:44px;padding-inline:10px!important}
  .content-actions .page-action-secondary>span:last-child{display:inline!important}
  .overview-activity-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .overview-activity-heading .content-actions{width:auto!important}
  #overview-view-tasks{width:44px!important;padding:0!important}
  #overview-view-tasks>span:last-child{display:none!important}

  body.app-mode .onboarding-head{flex-direction:column;align-items:flex-start;gap:10px}
  .onboarding-progress-wrap{width:100%}
  .onboarding-progress-wrap .onboarding-progress{text-align:left}
  body.app-mode .onboarding-steps{grid-template-columns:1fr}
  body.app-mode .onboarding-steps li{min-height:0!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto auto!important;gap:4px 10px!important;border-right:0!important;border-bottom:1px solid var(--control-border)!important}
  body.app-mode .onboarding-steps li:last-child{border-bottom:0!important}
  body.app-mode .onboarding-card-top{grid-column:1!important;grid-row:1!important}
  body.app-mode .onboarding-steps li>strong{grid-column:1!important;grid-row:2!important}
  body.app-mode .onboarding-steps li>small{grid-column:1!important;grid-row:3!important}
  body.app-mode .onboarding-steps li>.button{grid-column:2!important;grid-row:1/4!important;align-self:center!important;min-height:44px!important}
  .billing-plan-row{grid-template-columns:1fr!important;gap:8px!important}
  .billing-price{justify-self:start!important}
  .billing-actions{display:grid!important;grid-template-columns:1fr!important}
  .billing-actions .button{width:100%;min-height:44px;white-space:normal}
  .billing-limit-strip{display:grid!important;grid-template-columns:1fr!important;gap:6px}
}
@media(max-width:430px){
  body.app-mode .onboarding-steps li{grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto!important}
  body.app-mode .onboarding-steps li>.button{grid-column:1!important;grid-row:4!important;justify-self:start!important;margin-top:6px!important}
  .summary-stat-grid strong{white-space:normal}
}
@media(max-width:700px){
  .analytics-page-heading{display:block!important}
  .analytics-page-heading .metrics-window{width:100%;margin-top:12px}
  .analytics-page-heading .metrics-window select{width:100%;min-width:0;height:44px}

}

/* Reviewable task evidence: requested scope, bounded proof and recovery history. */
.task-evidence{display:grid;gap:14px}.task-evidence>section,.task-evidence-audit,.task-review-live{border:1px solid var(--control-border);border-radius:6px;background:var(--surface);padding:13px 14px}.task-evidence-request>span,.task-evidence-section-head>span,.task-evidence-result span,.task-evidence-retention>span{color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.task-evidence-request h3{margin:5px 0 0;font-size:15px;line-height:1.4}.task-evidence-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.task-evidence-section-head strong{font-size:10.5px}.task-evidence-scope{display:flex;flex-wrap:wrap;gap:6px}.task-evidence-scope span{padding:5px 7px;border:1px solid var(--control-border);border-radius:5px;background:var(--surface-2);font-size:9px}.task-evidence-result{display:grid;gap:5px}.task-evidence-result>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.task-evidence-result strong{font-size:11px}.task-evidence-result p,.task-evidence-retention p,.task-evidence-muted,.task-evidence-empty p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.task-evidence-result small{color:var(--muted);font-size:9px;overflow-wrap:anywhere}.task-evidence-timeline{display:grid;gap:0;margin:0;padding:0;list-style:none}.task-evidence-timeline li{display:grid;grid-template-columns:12px minmax(0,1fr);gap:8px;padding:0 0 12px}.task-evidence-timeline li:last-child{padding-bottom:0}.task-evidence-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;border:1px solid currentColor}.task-evidence-timeline li>div:last-child>span{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:10.5px;font-weight:750}.task-evidence-timeline small{color:var(--muted);font-size:8.5px;font-weight:500}.task-evidence-timeline p{margin:3px 0 0;color:var(--muted);font-size:9.5px;line-height:1.5}.task-evidence-retention{display:grid;gap:6px}.task-evidence-audit summary{cursor:pointer;font-size:10px;font-weight:750}.task-evidence-audit dl{display:grid;gap:7px;margin:10px 0 0}.task-evidence-audit dl>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px}.task-evidence-audit dt{color:var(--muted);font-size:9px}.task-evidence-audit dd{margin:0;font-family:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;overflow-wrap:anywhere}.task-evidence-empty{padding:16px;border:1px dashed var(--control-border);border-radius:6px}.task-evidence-empty strong{display:block;margin-bottom:4px;font-size:11px}
@media(max-width:620px){.task-evidence-section-head,.task-evidence-result>div{align-items:flex-start;flex-direction:column;gap:4px}.task-evidence-audit dl>div{grid-template-columns:1fr}}
.task-evidence-proof{display:grid;gap:6px;margin:5px 0 0;padding:0;list-style:none}.task-evidence-proof li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-top:6px;border-top:1px solid var(--control-border);font-size:9px}.task-evidence-proof li strong{font-size:9px}.task-evidence-proof li span{color:var(--muted);text-align:right;overflow-wrap:anywhere}
.connect-steps{font-size:12px;line-height:1.5}.connect-steps summary{cursor:pointer;font-weight:700}.connect-steps ol{margin:6px 0 10px;padding-left:20px}.connect-steps li{margin:3px 0}.connect-steps p{margin:6px 0}
/* BPQA-0170: one readiness and permissions summary on Overview. */
body.app-mode .readiness-card{margin:0 0 25px;padding:16px 18px;border:1px solid var(--control-border);border-radius:7px;background:var(--surface)}
body.app-mode .readiness-card[data-tone="warning"]{border-color:color-mix(in srgb,var(--warning) 45%,var(--control-border))}
.readiness-head h2{margin:0;font-size:15px}.readiness-head p{margin:4px 0 12px;color:var(--muted);font-size:11px;line-height:1.5}
.readiness-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.readiness-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--control-border)}
.readiness-row strong{display:block;font-size:12px}.readiness-row small{display:block;margin-top:2px;color:var(--muted);font-size:10.5px;line-height:1.45}
.readiness-mark{width:10px;height:10px;border-radius:50%;border:2px solid var(--muted)}
.readiness-row.done .readiness-mark{border-color:var(--success,#3f9f6b);background:var(--success,#3f9f6b)}
.readiness-row.todo .readiness-mark{border-color:var(--warning)}
@media(max-width:640px){.readiness-row{grid-template-columns:14px minmax(0,1fr)}.readiness-row .button{grid-column:2;justify-self:start}}

/* Provider avatars: show the trusted OAuth picture when it loads; retain the
   existing icon/initials for email login, missing data and failed image loads. */
.profile-trigger.has-avatar .profile-icon,
.profile-menu-avatar.has-avatar #profile-menu-initials,
.profile-settings-avatar.has-avatar #profile-settings-initials{display:none}
.profile-trigger .profile-avatar-img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.profile-menu-avatar .profile-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.profile-settings-avatar .profile-avatar-img{width:54px;height:54px;border-radius:50%;object-fit:cover}
.profile-avatar-img[hidden]{display:none!important}
.profile-trigger.has-avatar{overflow:hidden}
/* Deliberately close-fitting menu; avoid the old wide blank right half. */
body.app-mode .account-menu .profile-popover{
  width:min(202px,calc(100vw - 20px));padding:5px;
  right:0;left:auto;border-color:var(--control-border);
  border-radius:9px;
}
body.app-mode .account-menu .profile-meta{
  display:grid;grid-template-columns:32px minmax(0,1fr);
  gap:9px;padding:9px 9px 10px;
}
.profile-meta-copy strong{font-size:11.5px;line-height:1.4}
.profile-meta-copy small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}
body.app-mode .account-menu .profile-menu-actions{padding:4px 0;gap:0}
body.app-mode .account-menu .profile-action{
  min-height:38px;gap:9px;padding:0 9px;
  border:0;border-radius:5px;font-size:11.5px;
}
body.app-mode .account-menu .profile-signout{
  margin:3px 0 0!important;padding-top:0;border-top:1px solid var(--control-border);
  border-radius:0 0 5px 5px;
}
.profile-identity-row{
  display:flex;align-items:center;gap:12px;min-width:0;
  padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid var(--control-border);
}
.profile-settings-avatar{
  display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;
  border:1px solid var(--control-border-strong);border-radius:50%;overflow:hidden;
  background:var(--control-soft);color:var(--text);font-size:16px;font-weight:800;
}
.profile-identity-copy{min-width:0;display:grid;gap:4px}
.profile-identity-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.profile-identity-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px}
@media(max-width:700px){body.app-mode .account-menu .profile-action{min-height:44px}}
/* Advanced pages (Models, Skills, Permissions, Analytics) fold under one toggle; the icon-only sidebar keeps them all. */

/* ADR 0014: header mode switch, part of the right-hand header cluster. */
.sidebar-mode { display: grid; gap: 7px; padding: 4px 4px 10px; margin-bottom: 6px; border-bottom: 1px solid var(--control-border); }
.sidebar-mode-label { padding: 0 6px; color: #8b9185; font-size: 8.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.mode-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; padding: 3px; border: 1px solid var(--control-border); border-radius: 9px; background: var(--control-soft); }
.mode-switch[hidden] { display: none; }
.mode-switch button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 0; height: 34px; padding: 0 5px; border: 0; border-radius: 6px; background: transparent; color: var(--muted); font: 700 10.75px Geist, Arial, sans-serif; cursor: pointer; transition: background .14s ease, color .14s ease, box-shadow .14s ease; }
.mode-switch-icon { width: 14px; height: 14px; flex: none; opacity: .55; }
.mode-switch button:hover { color: var(--text); }
.mode-switch button:focus-visible { outline: 2px solid var(--focus); outline-offset: 1px; }
.mode-switch button[aria-checked="true"] { color: var(--text); }
.mode-switch button[aria-checked="true"][data-mode="standard"] { background: var(--acid); color: var(--acid-ink, #07110f); box-shadow: 0 1px 0 rgba(7,17,15,.18), inset 0 0 0 1px rgba(7,17,15,.12); }
.mode-switch button[aria-checked="true"][data-mode="developer"] { background: #ffe3a3; color: #4a3200; box-shadow: 0 1px 0 rgba(74,50,0,.18), inset 0 0 0 1px rgba(74,50,0,.14); }
.mode-switch button[aria-checked="true"] .mode-switch-icon { opacity: 1; }
.sidebar-mode-hint { padding: 0 6px; color: var(--muted); font-size: 10px; line-height: 1.35; }
.sidebar-mode-hint[hidden] { display: none; }
body.sidebar-collapsed .sidebar-mode { padding: 0 0 8px; justify-items: center; }
body.sidebar-collapsed .mode-switch { grid-template-columns: 1fr; width: 44px; }
body.sidebar-collapsed .mode-switch button { height: 38px; padding: 0; }
body.sidebar-collapsed .sidebar-mode-hint { display: none; }
.mode-switch[aria-busy="true"] { opacity: .6; pointer-events: none; }
/* Task details: the own model's chat, then folded sections for permissions, activity and technical details. */
.task-chat{display:grid;gap:10px}.chat-items{display:grid;gap:8px;margin:0;padding:0;list-style:none}.chat-items li{max-width:88%;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.chat-items p{margin:0}.chat-user{justify-self:end;padding:8px 11px;border-radius:10px 10px 3px 10px;background:var(--surface-2)}.chat-bot{justify-self:start}.chat-question{padding:9px 11px;border:1px solid #d9c27a;border-radius:8px;background:#fdf8e8}.chat-question>span{display:block;margin-bottom:2px;color:#7a5a00;font-size:8.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.chat-step{display:flex;align-items:baseline;gap:7px;color:var(--muted);font-size:10.5px!important}.chat-step>span{width:12px;color:var(--success,#3d6b1f);font-weight:800;text-align:center}.chat-step.failed>span,.chat-step.uncertain>span,.chat-step.waiting>span{color:#9a6400}.chat-step small{font-size:9.5px}.chat-reply{display:flex;align-items:flex-end;gap:8px;margin-top:4px}.chat-reply textarea{flex:1;min-height:40px;resize:vertical;padding:9px 11px;border:1px solid var(--control-border);border-radius:8px;background:var(--surface);font:inherit;font-size:12px}
.task-evidence-more{border:1px solid var(--control-border);border-radius:6px;background:var(--surface);padding:11px 14px}.task-evidence-more>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font-size:11px;font-weight:750;list-style:none}.task-evidence-more>summary::-webkit-details-marker{display:none}.task-evidence-more>summary::after{content:"▾";color:var(--muted);font-size:10px}.task-evidence-more[open]>summary::after{content:"▴"}.task-evidence-more>summary small{margin-left:auto;color:var(--muted);font-size:9.5px;font-weight:600}.task-evidence-more[open]>summary{margin-bottom:10px}.task-evidence-more .task-evidence-retention{margin:10px 0}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .chat-question{border-color:#6b5a26;background:#2a2615}:root:not([data-theme="light"]) .chat-question>span{color:#e0c56e}}
:root[data-theme="dark"] .chat-question{border-color:#6b5a26;background:#2a2615}:root[data-theme="dark"] .chat-question>span{color:#e0c56e}

/* A compact plan benefit below the billing summary; respects existing theme. */
.billing-support-benefit{margin:7px 0 0;max-width:60ch;color:var(--muted);font-size:12px;line-height:1.5}

/* Review polish: centred appearance choices and quiet dark primary edges. */
.theme-choice{justify-items:center;align-content:center;text-align:center;gap:12px;min-height:150px}
.theme-choice-icon{width:56px;height:56px;margin:0;border:0;background:var(--control-soft);border-radius:14px}
.theme-choice-icon:before{width:32px;height:32px}
.theme-choice strong{font-size:14px}
.connected-apps-heading .agent-section-title{display:inline-flex;align-items:center;gap:8px;min-height:40px}
.connected-apps-heading .agent-counter{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:8px;background:var(--control-soft);font-size:14px;line-height:1}
.connected-apps-heading .agent-toolbar-label{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}
html[data-theme="dark"] body.app-mode :is(.chat-new-button,.button.primary,.page-action-primary){border-color:#0a0d09!important;box-shadow:1.5px 1.5px 0 #0a0d09}
html[data-theme="dark"] body.app-mode :is(.chat-new-button,.button.primary,.page-action-primary):hover{border-color:#0a0d09!important;box-shadow:2px 2px 0 #0a0d09}
/* The collapse action lives below the mode switch; the brand owns the entire header. */
.sidebar-collapse-icon{width:18px;height:18px}
@media(min-width:861px){.app-sidebar{transition:width .2s ease}.sidebar-head{gap:8px}}
/* Each navigation icon has one short motion; never move the label or hit target. */
@media(prefers-reduced-motion:no-preference){
.app-nav .tab:is(:hover,:focus-visible)::before{animation-duration:.45s;animation-timing-function:ease;animation-iteration-count:1}
.app-nav [data-tab="overview"]:is(:hover,:focus-visible)::before{animation-name:nav-grid}
.app-nav [data-tab="chat"]:is(:hover,:focus-visible)::before{animation-name:nav-chat}
.app-nav [data-tab="keys"]:is(:hover,:focus-visible)::before{animation-name:nav-connect}
.app-nav [data-tab="browsers"]:is(:hover,:focus-visible)::before{animation-name:nav-browser}
.app-nav [data-tab="tasks"]:is(:hover,:focus-visible)::before{animation-name:nav-activity}
.app-nav [data-tab="skills"]:is(:hover,:focus-visible)::before{animation-name:nav-layers}
.app-nav [data-tab="settings"]:is(:hover,:focus-visible)::before{animation-name:nav-settings}
}
@keyframes nav-grid{50%{transform:rotate(8deg) scale(.9)}}
@keyframes nav-chat{40%{transform:translateY(-3px) rotate(-6deg)}70%{transform:translateY(1px)}}
@keyframes nav-connect{35%{transform:rotate(-14deg)}70%{transform:rotate(10deg)}}
@keyframes nav-browser{50%{transform:rotate(40deg)}}
@keyframes nav-activity{35%{transform:scaleY(.7)}65%{transform:scaleY(1.15)}}
@keyframes nav-layers{45%{transform:translateY(-3px)}75%{transform:translateY(1px)}}
@keyframes nav-settings{to{transform:rotate(90deg)}}
@media(prefers-reduced-motion:reduce){.app-sidebar{transition:none}}

.sidebar-collapse-icon{background:none;-webkit-mask:none;mask:none;transform:none}
.sidebar-collapse-icon svg{display:block;width:100%;height:100%;transition:transform .2s ease}
body.sidebar-collapsed .sidebar-collapse-icon svg{transform:rotate(180deg)}
#task-settings-dialog{width:min(740px,calc(100% - 24px));max-height:88dvh}
#task-settings-dialog .settings-dialog-layout{display:flex;flex-direction:column;min-height:0}
#task-settings-dialog .dialog-section-nav{display:flex;flex-direction:row;gap:6px;padding:8px 20px;border:0;border-bottom:1px solid var(--control-border);background:var(--surface)}
#task-settings-dialog .dialog-section-tab{width:auto;flex:0 0 auto;min-height:38px;padding:8px 16px;border-radius:8px;text-align:center}
#task-settings-dialog .dialog-section-tab.active{box-shadow:none;background:var(--control-soft)}
#task-settings-dialog .dialog-section-content{flex:1 1 auto;min-height:0;padding:20px 24px;overflow-x:hidden;overflow-y:auto}
#task-settings-dialog .dialog-pane-head{margin-bottom:16px}
#task-settings-dialog .dialog-pane-head h3{font-size:15px;margin:0}
#task-settings-dialog [data-dialog-pane="task-models"] .dialog-pane-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#task-settings-dialog #chat-add-model{min-height:34px;padding:7px 12px;font-size:11px;white-space:nowrap}
#task-settings-dialog .dialog-field-stack{gap:16px}
#task-settings-dialog .task-input-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:14px 0 0;border:0}
#task-settings-dialog .task-input-capabilities legend{font-size:12px;font-weight:600;padding:0}
#task-settings-dialog .task-input-note{grid-column:1/-1;margin:0 0 6px;color:var(--muted);font-size:12px;line-height:1.5}
#task-settings-dialog .preference-switch{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:10px 0;gap:12px;border-bottom:1px solid var(--control-border)}
#task-settings-dialog .preference-switch strong{font-size:12px;font-weight:500}
#task-settings-dialog .settings-dialog-footer{padding:14px 24px}
#task-settings-dialog .settings-dialog-footer>span{font-size:11px;color:var(--muted)}
@media(max-width:620px){#task-settings-dialog .task-input-capabilities{grid-template-columns:1fr}#task-settings-dialog .dialog-section-content{padding:16px}#task-settings-dialog .settings-dialog-footer{padding:12px 16px}#task-settings-dialog .settings-dialog-body{max-height:86dvh;overflow-y:auto}}
@media(prefers-reduced-motion:reduce){.sidebar-collapse-icon svg{transition:none}}

#task-settings-dialog .settings-dialog-body>.dialog-head{min-height:72px;padding:18px 24px}
#task-settings-dialog .dialog-pane-head{border:0;padding:0}
#task-settings-dialog .preference-switch input[type=checkbox]{appearance:none;position:relative;flex:none;width:34px;height:20px;min-height:20px;margin:0;padding:0;border:1px solid var(--control-border);border-radius:999px;background:var(--control-soft);cursor:pointer}
#task-settings-dialog .preference-switch input[type=checkbox]::before{content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--muted);transition:transform .15s ease}
#task-settings-dialog .preference-switch input[type=checkbox]:checked{background:var(--acid);border-color:var(--acid)}
#task-settings-dialog .preference-switch input[type=checkbox]:checked::before{transform:translateX(14px);background:var(--acid-ink)}
#task-settings-dialog .preference-switch input[type=checkbox]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
@media(prefers-reduced-motion:reduce){#task-settings-dialog .preference-switch input[type=checkbox]::before{transition:none}}

html[data-theme="dark"] .workspace-dialog{border-color:var(--control-border);box-shadow:0 24px 64px rgb(0 0 0 / .45)}

/* An open picker uses its neutral outer border, without a second green ring. */
html[data-theme] body.app-mode .search-select.open .search-select-trigger{box-shadow:none!important}

/* Browser identity is fixed-size across connected/offline states. */
.browser-presence-icon{display:inline-block;width:18px;height:18px;flex:0 0 18px;background:var(--muted);-webkit-mask:url('/icons/chrome.svg') center/contain no-repeat;mask:url('/icons/chrome.svg') center/contain no-repeat;vertical-align:middle}
.browser-presence-icon[data-online="true"]{background:var(--success)}
.browser-presence-icon[data-online="false"]{background:var(--danger)}
/* Browser disconnects use the same red signal for the icon and status badge. */
body.app-mode #browser-list .status-pill.danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,var(--surface));border-color:color-mix(in srgb,var(--danger) 36%,var(--control-border));box-shadow:inset 3px 0 0 var(--danger)}
.browser-presence-icon[hidden]{display:none}
.browser-identity,.search-select-option-label{display:flex;align-items:center;gap:9px;min-width:0}
.browser-identity .table-primary{min-width:0}
.search-select-trigger:has(>.browser-presence-icon:not([hidden])){gap:9px}
.search-select-panel[popover]{position:fixed;inset:auto;margin:0;border:1px solid var(--control-border);box-sizing:border-box}
.search-select-panel[popover]::backdrop{background:transparent;pointer-events:none}

/* A distinct bottom-of-rail action stays usable in both sidebar states. */
.sidebar-footer .sidebar-collapse-toggle{width:100%;min-height:42px;display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-top:6px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:600 12px Geist,Arial,sans-serif;cursor:pointer;white-space:nowrap}
.sidebar-footer .sidebar-collapse-toggle:hover{background:var(--control-soft);color:var(--text)}
.sidebar-footer .sidebar-collapse-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
@media(min-width:861px){
  body.sidebar-collapsed .sidebar-head{display:flex;flex-direction:row;align-items:center;justify-content:center;height:var(--app-topbar-height);padding:0}
  body.sidebar-collapsed .sidebar-brand{display:flex;min-width:30px;justify-content:center;flex-shrink:0;gap:0}
  body.sidebar-collapsed .sidebar-brand .sidebar-label{display:none}
  body.sidebar-collapsed .sidebar-footer .sidebar-collapse-toggle{width:44px;min-height:40px;margin:8px auto 0;padding:0;justify-content:center}
}