/* Guarded dashboard only. The browser-local prototype keeps its own layout. */
.dashboard{background:var(--paper);color:var(--ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.dashboard [hidden]{display:none!important}
.dashboard .skip{background:var(--action);color:var(--action-ink)}
.integration-shell{display:grid;grid-template-columns:248px minmax(0,1fr);grid-template-rows:var(--dashboard-header-height,64px) 1fr;min-height:100vh;min-height:100dvh;max-width:none;margin:0;padding:0}
.dashboard-header{grid-column:1/-1;display:flex;align-items:center;gap:20px;position:sticky;top:0;z-index:5;min-width:0;padding:0 28px;background:var(--surface);border-bottom:1px solid var(--line)}
.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:10px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted)}
.sidebar-toggle:hover{background:var(--result-hover);color:var(--ink)}
.sidebar-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sidebar-toggle[aria-expanded="false"] .rail-chevron{transform:rotate(180deg);transform-origin:14px 12px}
.header-divider{height:20px;width:1px;background:var(--line)}
.dashboard-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.rollout-badge{margin-left:auto;font-size:10px;letter-spacing:.05em;color:var(--muted)}
.website-link{margin:0;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 0 10px 8px;white-space:nowrap;color:var(--muted)}.website-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dashboard-sidebar{grid-column:1;grid-row:2;position:sticky;top:var(--dashboard-header-height,64px);display:flex;flex-direction:column;align-self:start;height:calc(100vh - var(--dashboard-header-height,64px));height:calc(100dvh - var(--dashboard-header-height,64px));padding:28px 20px 20px;background:var(--surface);border-right:1px solid var(--line);overflow-y:auto}
.sidebar-label{display:block;font-size:10px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.dashboard-sidebar nav{display:grid;gap:8px}
.nav-link{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:6px;color:var(--muted);font-size:13px}
.nav-link:hover{background:var(--result-hover);color:var(--ink)}.nav-link.active{background:var(--feature);color:var(--accent);border-color:var(--step-line);font-weight:600}
.nav-link svg,.private-badge svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sidebar-footer{padding:20px 8px 0;margin-top:auto;color:var(--muted);font-size:12px}
.connection-label{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:12px}.connection-dot{width:6px;height:6px;border-radius:50%;background:var(--muted);flex:none}.dashboard-sidebar[data-state="authenticated"] .connection-dot{background:var(--accent)}
#connected-auth,#connected-editor h2{scroll-margin-top:88px}
#connected-main{min-width:0;width:100%;padding:32px 40px 24px;outline:none}
.workspace-heading{margin-bottom:24px}
.heading-row{display:flex;align-items:center;gap:16px;justify-content:space-between}.integration-shell h1{font:650 30px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-1px;margin:0;color:var(--ink)}
.private-badge{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;white-space:nowrap}.private-badge svg{width:14px;height:14px}
.workspace-description{margin:8px 0 0;color:var(--muted);font-size:14px}
.integration-shell #connected-status{margin:0 0 24px;padding:12px 16px;border:1px solid var(--line);border-radius:6px;background:var(--section);color:var(--ink);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}
.connection-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:24px;align-items:start}
.integration-shell .content-card{margin:0;padding:24px;min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:none}
.integration-shell h2{font-size:16px;font-weight:600;line-height:1.4;letter-spacing:-.25px;margin:0 0 14px;color:var(--ink)}
.integration-shell h3{font-size:12px;color:var(--muted);font-weight:500;letter-spacing:0;margin:22px 0 6px}
.integration-shell p{overflow-wrap:anywhere}.integration-shell .content-card>p{font-size:13px;color:var(--muted);margin:10px 0 18px}
.integration-shell .content-card>.button{margin:8px 8px 0 0}.integration-shell .content-card>h2+p{margin-top:0}
.integration-shell input,.integration-shell textarea{display:block;width:100%;max-width:none;padding:11px 12px;border:1px solid var(--step-line);background:var(--field);color:var(--ink);border-radius:5px;font:inherit;min-width:0}
.integration-shell input{min-height:44px}.integration-shell input::placeholder{color:var(--muted)}.integration-shell textarea{min-height:300px;resize:vertical;line-height:1.7}.integration-shell textarea[readonly]{color:var(--ink)}
.integration-shell label{display:block;margin:20px 0 7px;font-size:12px;font-weight:500;color:var(--ink)}
.integration-shell .button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 15px;border:1px solid var(--accent);border-radius:5px;background:var(--action);color:var(--action-ink);font-size:12px;font-weight:650;letter-spacing:0;white-space:normal;line-height:1.5;box-shadow:none}
.integration-shell .button:hover{background:var(--action-hover);border-color:var(--action-hover)}.integration-shell .button.secondary{background:transparent;border-color:var(--step-line);color:var(--ink)}.integration-shell .button.secondary:hover{background:var(--result-hover);border-color:var(--muted)}
.integration-shell button:disabled{cursor:wait;opacity:.55}.integration-shell :is(a,button,input,textarea,summary):focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.integration-shell .identity-value{display:block;overflow-wrap:anywhere;user-select:all;padding:10px 12px;background:var(--paper);border:1px solid var(--line);border-radius:5px;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink)}
.connection-guide .sidebar-label{margin-bottom:12px}.connection-guide h2{font-size:18px}.connection-guide ol{list-style:none;margin:24px 0;padding:0;display:grid;gap:22px}.connection-guide li{position:relative;padding-left:38px;font-size:12px}.connection-guide .step-number{position:absolute;left:0;top:0;width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--step-line);border-radius:50%;color:var(--accent);font-size:11px}.connection-guide li strong{font-weight:550;display:block;margin-bottom:3px}.connection-guide li>span:not(.step-number){display:block;color:var(--muted)}.connection-guide .guide-footnote{border-top:1px solid var(--line);padding-top:18px;margin-bottom:0;font-size:12px}
.connection-layout:has(#connected-auth[data-state="authenticated"]){display:block;margin-bottom:24px}
#connected-auth[data-state="authenticated"]{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:18px 24px}#connected-auth[data-state="authenticated"]>h2{margin:0;font-size:13px;color:var(--accent)}
.session-details{flex:1;min-width:180px;font-size:12px}.session-details summary{cursor:pointer;color:var(--ink)}.session-details[open]{flex-basis:100%;order:1}.session-details p{color:var(--muted);margin:10px 0}.session-actions{display:flex;flex-wrap:wrap;gap:8px}.session-actions .button{min-height:36px;padding:6px 12px;font-size:11px}
#connected-notebook{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:24px;align-items:start}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2{margin:0}.section-heading .button{min-height:36px;padding:7px 10px;font-size:11px}
.integration-shell .search-row{display:flex;align-items:center;flex-wrap:nowrap;gap:8px}.search-row input{flex:1;width:0}.search-row .button{flex:none}.integration-shell .coverage{font-size:11px;color:var(--muted);margin:16px 0}
.integration-shell .result-button{display:block;width:100%;text-align:left;margin:0;padding:16px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font:550 13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;overflow-wrap:anywhere}.integration-shell .result-button:hover{color:var(--accent)}.integration-shell .result-button span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:5px;font-size:12px;font-weight:400;white-space:pre-wrap;color:var(--muted)}
.integration-shell #connected-more{margin-top:16px}.integration-shell .action-row{display:flex;flex-wrap:wrap;gap:10px}.editor-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;border:1px dashed var(--line);border-radius:9px;padding:32px;color:var(--muted)}.editor-empty .empty-symbol{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--step-line);border-radius:9px;font-size:20px;color:var(--accent);margin-bottom:16px}.editor-empty h2{font-size:15px;margin-bottom:6px}.editor-empty p{font-size:12px;margin:0;max-width:260px}.results-empty{padding:24px 0;color:var(--muted);font-size:12px}.results-empty strong{display:block;color:var(--ink);font-weight:500;margin-bottom:4px}
#connected-editor{min-width:0}#connected-editor form>p{color:var(--muted);font-size:11px;margin:14px 0}#connected-editor .action-row{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}
.dashboard .markdown-help,.dashboard .markdown-image{color:var(--muted)}.dashboard .markdown-controls .button[aria-pressed="true"]{color:var(--action-ink)}.dashboard .markdown-body{font-size:14px}.dashboard .markdown-body h1{font-size:1.85em;letter-spacing:normal}.dashboard .markdown-body blockquote{color:var(--muted);border-color:var(--accent)}.dashboard .markdown-body :is(code,th){background:var(--code)}.dashboard .markdown-body pre{background:var(--code-block)}.dashboard .markdown-body pre code{background:transparent}.dashboard .markdown-body :is(th,td){border-color:var(--table-line)}.dashboard .markdown-body a{color:var(--link)}
.rollout-note{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.rollout-note summary{cursor:pointer;display:list-item}.rollout-note p{max-width:850px;margin:10px 0 0}
@media(min-width:1600px){#connected-main{padding:36px 48px}.connection-layout{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}}
@media(max-width:1100px){.integration-shell{--dashboard-header-height:72px}.dashboard-header{padding:12px 24px;gap:8px 16px;flex-wrap:wrap}.rollout-badge{margin-left:auto;font-size:10px}.dashboard-header .theme-toggle{margin-left:0}#connected-main{padding:28px 24px}.integration-shell{grid-template-columns:220px minmax(0,1fr)}.connection-layout{grid-template-columns:minmax(0,1fr)}.connection-guide{display:none}#connected-notebook{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:16px}.integration-shell .content-card{padding:20px}}
@media(min-width:761px) and (max-width:960px){#connected-notebook{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.integration-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr}.dashboard-header{position:relative;min-height:64px;padding:14px 20px;gap:12px;flex-wrap:wrap}.dashboard-label{font-size:10px}.rollout-badge{margin-left:auto;font-size:10px}.website-link{margin-left:auto;font-size:12px}.dashboard-sidebar{position:static;grid-column:1;grid-row:2;height:auto;padding:10px 16px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.sidebar-footer{display:none}.dashboard-sidebar nav{display:flex;gap:8px;padding:0}.nav-link{font-size:12px;min-height:44px;padding:10px 12px}.nav-link svg{width:16px;height:16px}#connected-main{padding:24px 20px;grid-row:3}.integration-shell h1{font-size:27px}.private-badge{font-size:10px}.heading-row{gap:10px}.workspace-description{font-size:13px}#connected-notebook{grid-template-columns:minmax(0,1fr);gap:20px}.integration-shell #connected-status{margin-bottom:20px}.integration-shell .content-card{padding:20px}.editor-empty{min-height:220px}#connected-auth[data-state="authenticated"]{padding:18px 20px;gap:12px}.session-details{min-width:0;flex-basis:calc(100% - 150px)}.session-actions{flex-basis:100%}.session-actions .button,.section-heading .button{min-height:44px}.integration-shell input,.integration-shell textarea{font-size:16px}.integration-shell .content-card>p,.session-details p{font-size:14px}.integration-shell textarea{min-height:280px}.workspace-heading{margin-bottom:20px}}
@media(max-width:800px){.header-divider,.dashboard-label{display:none}}
@media(max-width:600px){.dashboard-header .rollout-badge{margin-left:0;margin-right:auto}.dashboard-header .rollout-badge:not([data-local-preview]){display:none}.dashboard-header .theme-toggle{margin-left:auto}.dashboard-header .website-link{margin-left:0}.dashboard-header{gap:12px}}
@media(max-width:380px){.dashboard-header{padding:12px 16px;gap:10px}.header-divider{display:none}.dashboard-label{font-size:9px}#connected-main{padding:20px 16px}.private-badge{max-width:90px;white-space:normal;line-height:1.3}.integration-shell .content-card{padding:16px}}
@media(prefers-reduced-motion:reduce){.integration-shell *{scroll-behavior:auto;transition:none}}

@media(min-width:1101px){.dashboard-header .theme-toggle{margin-left:0}}
.dashboard .markdown-controls .button[aria-pressed="true"]{background:var(--action);color:var(--action-ink);border-color:var(--action)}
@media(max-width:480px){.dashboard-header .website-link{padding:0;min-height:44px}}

@media(min-width:761px){
  /* Share the collapsed rail's center line with the header mark. */
  .dashboard-header{padding-left:14px}
  .integration-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}
  .sidebar-collapsed .dashboard-sidebar{padding:28px 12px 20px;border-right:0;box-shadow:inset -1px 0 0 var(--line)}
  .sidebar-collapsed .nav-link{justify-content:center;padding:10px}
  .sidebar-collapsed .nav-label,.sidebar-collapsed #connected-session-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .sidebar-collapsed .sidebar-footer{padding:20px 0 0}
  .sidebar-collapsed .connection-label{justify-content:center}
  .sidebar-collapsed .connection-dot{margin-right:0}
}
@media(max-width:760px){
  .integration-shell.sidebar-collapsed{grid-template-rows:auto 1fr}
  .sidebar-collapsed .dashboard-sidebar{display:none}
  .sidebar-collapsed #connected-main{grid-row:2}
}

/* Keep the longer local-only warning on its own row; published headers stay compact. */
@media(max-width:1100px){.integration-shell:has([data-local-preview]){--dashboard-header-height:96px}.dashboard-header [data-local-preview]{order:2;flex-basis:100%;margin:0;font-size:9px}}

:root {
  --paper:#f4f2e9;
  --ink:#173b2f;
  --muted:#52634f;
  --line:#d7d9cb;
  --lime:#d6e7ae;
  --accent:#6a7a51;
  --section:#e7eadd;
  --feature:#e3e8d4;
  --action:#173b2f;
  --action-hover:#2a503e;
  --action-ink:#f4f2e9;
  --focus:#a75c28;
  --status-dot:#49783d;
  --step-line:#bbc3ad;
  --panel:#173b2f;
  --panel-ink:#f4f2e9;
  --shadow:#e6e7dc;
  --shadow-edge:#d7dacb;
  --theme-selected:#173b2f;
  --theme-selected-ink:#f4f2e9;
  --surface:#fbfaf4;
  --field:#fffef9;
  --result:#f9faf5;
  --result-hover:#eef2e4;
  --code:#e9ede3;
  --code-block:#edf0e7;
  --table-line:#c9d1c3;
  --link:#1b5b3d;
  color-scheme:light
}
:root[data-theme="dark"] {
  --paper:#10231e;
  --ink:#eef1e5;
  --muted:#aabcaf;
  --line:#31483c;
  --lime:#c7f36b;
  --accent:#c7db9e;
  --section:#162d25;
  --feature:#273f31;
  --action:#c7f36b;
  --action-hover:#d9fa98;
  --action-ink:#142c22;
  --focus:#c7f36b;
  --status-dot:#c7f36b;
  --step-line:#536a59;
  --panel:#1d382d;
  --panel-ink:#eef1e5;
  --shadow:#1b3228;
  --shadow-edge:#2d4b3a;
  --theme-selected:#c7f36b;
  --theme-selected-ink:#142c22;
  --link-hover:#c7f36b;
  --surface:#183027;
  --field:#12271f;
  --result:#1b342a;
  --result-hover:#284738;
  --code:#263f32;
  --code-block:#12271f;
  --table-line:#3a5947;
  --link:#c7f36b;
  color-scheme:dark
}

.theme-toggle {
  display:inline-flex;
  align-items:center;
  gap:2px;
  padding:4px;
  min-height:44px;
  border:1px solid var(--line);
  border-radius:24px;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  flex-shrink:0
}
.theme-toggle[hidden] { display:none; }
.theme-option {
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:50%
}
.theme-option svg { width:20px; height:20px; }
.theme-toggle:hover { border-color:var(--muted); }
:root:not([data-theme="dark"]) .theme-light,
:root[data-theme="dark"] .theme-dark {
  background:var(--theme-selected);
  color:var(--theme-selected-ink)
}

/* Public website lockup and icon-only dashboard branding. */
.site-header .brand {
  display:grid;
  grid-template-columns:auto auto;
  gap:13px;
  align-items:stretch;
  font-size:24px;
  font-weight:650;
  letter-spacing:-.6px;
  color:var(--ink);
  white-space:nowrap;
  flex:none
}
.site-header .brand .mark {
  width:auto;
  height:100%;
  aspect-ratio:1
}
.brand-copy {
  display:grid;
  grid-template-columns:max-content;
  gap:6px;
  line-height:1.2
}
.brand-name {
  display:block;
  line-height:0;
  white-space:nowrap
}
.agent-codex-wordmark {
  display:block;
  width:auto;
  height:1em;
  aspect-ratio:1099.756098 / 100
}
.byline {
  display:flex;
  align-items:center;
  gap:4px;
  width:max-content
}
.brand-by {
  flex-shrink:0;
  font:10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:0;
  color:var(--muted)
}
.arcology-wordmark {
  display:block;
  width:auto;
  height:9px;
  aspect-ratio:1461 / 100;
  color:var(--muted)
}
.byline { font-size:12px; letter-spacing:1px; }
@media(max-width:800px) {
  .site-header .brand { font-size:21px; gap:9px; }
  .arcology-wordmark { height:8px; }
}
:root[data-theme="dark"] .dashboard-header .mark {
  filter:drop-shadow(0 0 1px #769b72)
}

.dashboard-header .brand {
  --dashboard-brand-size:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
  width:44px;
  height:44px
}
.dashboard-header .brand .mark {
  width:var(--dashboard-brand-size);
  height:var(--dashboard-brand-size)
}
@media(max-width:800px) {
  .dashboard-header .brand {
    --dashboard-brand-size:37px
  }
}