/* Origo 0.3 · Shared contracts. Business content is never smaller than its metadata. */
:root {
--font-ui: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--font-code: ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, monospace;
--text-meta: .75rem; --text-label: .8125rem; --text-body: .875rem;
--text-content: .9375rem; --text-reading: 1rem; --text-subhead: 1.125rem;
--text-title: 1.5rem; --text-display: 2rem;
--space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
--space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px;
--radius-control:8px; --radius-object:12px; --radius-overlay:16px;
--control-size:36px; --reading-measure:72ch;
--duration-state:140ms; --duration-spatial:220ms;
--amb-shadow-strength:.7; --amb-shadow-scale:.85;
--surface-shine:.12; --surface-outline:var(--line);
}
:root[data-mode="light"] { --amb-shadow-strength:.30; --amb-shadow-scale:.65; --surface-shine:.06; }
:root[data-density="compact"] { --text-content:.875rem; --control-size:32px; }
@media (prefers-reduced-motion:reduce) { :root { --duration-state:0ms; --duration-spatial:0ms; } }



:where(.ambient.amb-surface, .ambient.amb-surface-convex) {
background-color: var(--amb-albedo, #222925);
box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 8px 22px rgba(0,0,0,.22);
}
:where(.ambient.amb-surface-concave) {
background-color: var(--amb-albedo, #171c19);
box-shadow: inset 3px 4px 10px rgba(0,0,0,.36), inset -1px -1px 2px rgba(255,255,255,.035);
}

/*
* Embedded AmbientCSS core, curated from packages/ambient-css/src/ambient.css
* https://github.com/kikkupico/ambientcss (reviewed 2026-09-04).
* Includes calibrated shadows, surface exposure, edges, recesses, curved
* surfaces, shiny and glass materials. Texture/grain components are omitted.
* v0.4: repaired malformed decimal/negative calc() dimension tokens.
* Whitespace and comments condensed; --amb-box-shadow extracted for composition.
*
* MIT License
* Copyright (c) 2026 Ramakrishnan Veeraragavan
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*/
@property --amb-elevation {syntax:"<number>";inherits:false;initial-value:0;}
:root {
--amb-light-x:-1;--amb-light-y:-1;--amb-key-light-intensity:.9;--amb-fill-light-intensity:.7;
--amb-light-hue:234;--amb-light-saturation:15%;--amb-chamfer:0;--amb-fillet:0;--amb-thickness:0;--amb-elevation:0;
--amb-chamfer-width:1;--amb-fillet-width:1;--amb-albedo:color(srgb-linear .82 .82 .82);--amb-shade:1;--amb-curve-scale:1;
}
* {
--amb-curve-delta:calc(((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * 3.16 + 3.78) * var(--amb-curve-scale));
--amb-exposure:calc(var(--amb-key-light-intensity) * .6396 + var(--amb-fill-light-intensity) * .5496);
--_amb-diffuse:color(from var(--amb-albedo) srgb-linear calc(r * var(--amb-shade) * var(--amb-exposure)) calc(g * var(--amb-shade) * var(--amb-exposure)) calc(b * var(--amb-shade) * var(--amb-exposure)));
--amb-lit:color-mix(in srgb,var(--_amb-diffuse),hsl(from var(--_amb-diffuse) var(--amb-light-hue) calc(100 - s) l) var(--amb-light-saturation));
}
.amb-chamfer {--amb-chamfer:1;--amb-thickness:1;}
.amb-chamfer-2 {--amb-chamfer:1;--amb-chamfer-width:2;--amb-thickness:2;}
.amb-fillet {--amb-fillet:1;--amb-thickness:1;}
.amb-fillet-2 {--amb-fillet:1;--amb-fillet-width:2;--amb-thickness:2;}
.amb-groove {--amb-thickness:1;}
.amb-thickness-0 {--amb-thickness:0;}.amb-thickness-1 {--amb-thickness:1;}.amb-thickness-2 {--amb-thickness:2;}
.amb-elevation-0 {--amb-elevation:0;}.amb-elevation-1 {--amb-elevation:1;}.amb-elevation-2 {--amb-elevation:2;}.amb-elevation-3 {--amb-elevation:3;}
.ambient {
--_amb-chamfer-w:max(-1 * var(--amb-thickness),min(var(--amb-chamfer-width),var(--amb-thickness)));
--_amb-fillet-w:max(-1 * var(--amb-thickness),min(var(--amb-fillet-width),var(--amb-thickness)));
--_amb-sh-gate:max(0,min(var(--amb-elevation) + var(--amb-thickness),1));
--_amb-body-gate:max(0,min(var(--amb-thickness),1));
--_amb-sweep-a:calc(var(--_amb-sh-gate) * var(--_amb-body-gate) * max(0,1 - var(--amb-elevation) / 3) * (var(--amb-thickness) * .02 + .047));
--amb-box-shadow:
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-shadow-strength,1) * var(--_amb-sh-gate) * ((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .13 + var(--amb-elevation) * -.077 + .368 - var(--_amb-body-gate) * max(0,1 - var(--amb-elevation)) * .14)))
calc(var(--amb-light-x) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(3.8px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-light-y) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(3.8px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-elevation) * calc(4.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(2.7px * var(--amb-shadow-scale,1))) calc(.8px * var(--amb-shadow-scale,1)),
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_amb-sweep-a) * var(--amb-shadow-strength,1)))
calc(var(--amb-light-x) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(2.85px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-light-y) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(2.85px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-elevation) * calc(4.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(2px * var(--amb-shadow-scale,1))) calc(var(--amb-thickness) * calc(.9px * var(--amb-shadow-scale,1))),
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_amb-sweep-a) * var(--amb-shadow-strength,1)))
calc(var(--amb-light-x) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(1.9px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-light-y) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(1.9px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-elevation) * calc(4.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(1.35px * var(--amb-shadow-scale,1))) calc(var(--amb-thickness) * calc(.6px * var(--amb-shadow-scale,1))),
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_amb-sweep-a) * var(--amb-shadow-strength,1)))
calc(var(--amb-light-x) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(.95px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-light-y) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(.95px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-elevation) * calc(4.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(.7px * var(--amb-shadow-scale,1))) calc(var(--amb-thickness) * calc(.3px * var(--amb-shadow-scale,1))),
inset calc(var(--amb-light-x) * var(--_amb-chamfer-w) * calc(-1px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--_amb-chamfer-w) * calc(-1px * var(--amb-shadow-scale,1))) 0 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-chamfer) * max(0,min(var(--amb-thickness),1)) * (var(--amb-key-light-intensity) * 1.57 + var(--amb-fill-light-intensity) * .85 - 1.03))),
inset calc(var(--amb-light-x) * var(--_amb-chamfer-w) * calc(1px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--_amb-chamfer-w) * calc(1px * var(--amb-shadow-scale,1))) 0 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-chamfer) * max(0,min(var(--amb-thickness),1)) * ((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .19 + .24))),
inset calc(var(--amb-light-x) * var(--_amb-fillet-w) * calc(-1.4px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--_amb-fillet-w) * calc(-1.4px * var(--amb-shadow-scale,1))) calc(2px * var(--amb-shadow-scale,1)) 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-fillet) * max(0,min(var(--amb-thickness),1)) * (var(--amb-key-light-intensity) * 1.44 + var(--amb-fill-light-intensity) * .85 - .99))),
inset calc(var(--amb-light-x) * var(--_amb-fillet-w) * calc(1.4px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--_amb-fillet-w) * calc(1.4px * var(--amb-shadow-scale,1))) calc(2px * var(--amb-shadow-scale,1)) 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-fillet) * max(0,min(var(--amb-thickness),1)) * ((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .23 + .3)));
box-shadow:var(--amb-box-shadow);
}
.amb-surface {background-color:var(--amb-lit);}
.amb-groove {
--_amb-groove-exposure:calc(var(--amb-key-light-intensity) * .6623 + var(--amb-fill-light-intensity) * .5527);
--_amb-groove-diffuse:color(from var(--amb-albedo) srgb-linear calc(r * var(--amb-shade) * var(--_amb-groove-exposure)) calc(g * var(--amb-shade) * var(--_amb-groove-exposure)) calc(b * var(--amb-shade) * var(--_amb-groove-exposure)));
background-color:color-mix(in srgb,var(--_amb-groove-diffuse),hsl(from var(--_amb-groove-diffuse) var(--amb-light-hue) calc(100 - s) l) var(--amb-light-saturation));
--amb-box-shadow:inset calc(var(--amb-light-x) * var(--amb-thickness) * calc(-3.6px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--amb-thickness) * calc(-3.6px * var(--amb-shadow-scale,1))) calc(var(--amb-thickness) * calc(2.7px * var(--amb-shadow-scale,1))) 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(max(0,min(var(--amb-thickness),1)) * ((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .24 + .31))),
inset calc(var(--amb-light-x) * var(--amb-thickness) * calc(2.7px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--amb-thickness) * calc(2.7px * var(--amb-shadow-scale,1))) calc(var(--amb-thickness) * calc(5.1px * var(--amb-shadow-scale,1))) 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(max(0,min(var(--amb-thickness),1)) * max(0,min(var(--amb-key-light-intensity) * 1.5 + var(--amb-fill-light-intensity) * .72 - .96,1))));
box-shadow:var(--amb-box-shadow);
}
.amb-surface-concave,.amb-surface-convex {
--_concave-y:max(-1,min(var(--amb-light-y),1));
--_concave-delta:calc(var(--_concave-y) * var(--amb-curve-delta));
background:linear-gradient(hsl(from var(--amb-lit) h s calc(l + var(--_concave-delta))) 0%,hsl(from var(--amb-lit) h s calc(l + var(--_concave-delta) * .33)) 35%,hsl(from var(--amb-lit) h s l) 50%,hsl(from var(--amb-lit) h s calc(l - var(--_concave-delta) * .33)) 65%,hsl(from var(--amb-lit) h s calc(l - var(--_concave-delta))) 100%);
}
.amb-surface-convex {--_concave-delta:calc(var(--_concave-y) * var(--amb-curve-delta) * -1);}
.amb-mat-shiny {
--_shiny-angle:calc(atan2(var(--amb-light-y),var(--amb-light-x)) + 270deg);
background-image:linear-gradient(var(--_shiny-angle),hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-key-light-intensity) * .09 + .07)) 0%,transparent 10%,transparent 24%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-key-light-intensity) * .04 + .31)) 30%,transparent 36%,transparent 100%),
linear-gradient(to bottom,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-fill-light-intensity) * .22)) 0%,transparent 45%,transparent 60%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-fill-light-intensity) * .1)) 100%);
filter:brightness(1.04) contrast(1.01);
}
.amb-mat-glass {
--_shiny-angle:calc(atan2(var(--amb-light-y),var(--amb-light-x)) + 270deg);
background-image:linear-gradient(var(--_shiny-angle),hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-key-light-intensity) * .12)) 0%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-key-light-intensity) * .06)) 40%,transparent 75%);
background-blend-mode:screen;background-color:hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--amb-key-light-intensity) * 100%) / calc(.05 + var(--amb-key-light-intensity) * .1));
backdrop-filter:blur(calc(calc(8px * var(--amb-shadow-scale,1)) + var(--amb-key-light-intensity) * calc(8px * var(--amb-shadow-scale,1)))) saturate(160%);
border:calc(1px * var(--amb-shadow-scale,1)) solid hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(.1 + var(--amb-key-light-intensity) * .15));
}



:root {
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-synthesis: none;
--page: #111513;
--shell: #1a201d;
--panel: #222925;
--panel-2: #29312c;
--panel-dark: #171c19;
--ink: #f2f5f3;
--muted: #9aa69f;
--subtle: #6f7b74;
--line: rgba(255,255,255,.08);
--accent: #71e0c0;
--accent-soft: rgba(113,224,192,.16);
--accent-2: #7db9ff;
--amber: #f4bd63;
--danger: #ff7b7b;
--success: #75e39f;
--sidebar: 224px;
--radius: 18px;
--accent-3: #c09bf1;
--accent-bright: #71e0c0;
--accent-2-bright: #7db9ff;
--accent-3-bright: #c09bf1;
--on-accent: #10241e;
--overlay-rgb: 255 255 255;
--shadow-rgb: 0 0 0;
--shade-rgb: 7 11 9;
--focus-ring: color-mix(in srgb,var(--accent) 78%,white);
--surface-highlight: color-mix(in srgb,var(--ink) 7%,transparent);
--surface-outline: color-mix(in srgb,var(--ink) 8%,transparent);
--surface-shadow: rgb(var(--shadow-rgb) / .24);
--theme-transition: 220ms;

}

* { box-sizing: border-box; }
html, body { min-height: 100%; }
body {
margin: 0;
min-width: 320px;
color: var(--ink);
background:
radial-gradient(circle at 78% -10%, color-mix(in srgb,var(--accent) 10%,transparent), transparent 26rem),
radial-gradient(circle at -10% 120%, color-mix(in srgb,var(--accent-2) 7%,transparent), transparent 34rem),
var(--page);
overflow-x: hidden;
}

button, input, textarea, select { font: inherit; }
button { color: inherit; }
svg { display: block; }

.app {
min-height: 100vh;
display: grid;
grid-template-columns: var(--sidebar) minmax(0,1fr);
--amb-albedo: var(--panel);
--amb-shade: 1;
--amb-light-x: -0.72;
--amb-light-y: -0.70;
--amb-key-light-intensity: .76;
--amb-fill-light-intensity: .56;
--amb-light-hue: 162;
--amb-light-saturation: 5%;
}

.sidebar {
position: sticky;
top: 0;
height: 100vh;
padding: 18px 14px;
border-right: 1px solid var(--line);
background: color-mix(in srgb,var(--shell) 94%,transparent);
backdrop-filter: blur(18px);
display: flex;
flex-direction: column;
gap: 22px;
z-index: 10;
}

.brand {
height: 52px;
display: flex;
align-items: center;
gap: 11px;
padding: 0 10px;
font-weight: 720;
letter-spacing: -.02em;
}

.brand-mark {
width: 33px;
aspect-ratio: 1;
display: grid;
place-items: center;
--amb-albedo: color-mix(in srgb,var(--panel-2) 78%,var(--accent));
border-radius: 11px;
}

.brand-mark svg { width: 18px; height: 18px; }
.brand small { color: var(--muted); font-weight: 560; }

.nav-group { display: grid; gap: 4px; }
.nav-label {
margin: 2px 11px 6px;
font-size:var(--text-meta);
font-weight: 700;
text-transform: uppercase;
letter-spacing: .14em;
color: var(--subtle);
}

.nav-item {
appearance: none;
border: 0;
background: transparent;
width: 100%;
display: flex;
align-items: center;
gap: 11px;
min-height: 42px;
padding: 0 11px;
color: var(--muted);
border-radius: 12px;
cursor: pointer;
transition: color .18s ease, background .18s ease, transform .18s ease;
text-align: left;
font-size:var(--text-body);
font-weight: 590;
}

.nav-item:hover { color: var(--ink); background: rgb(var(--overlay-rgb) / .035); }
.nav-item:active { transform: translateY(1px); }
.nav-item.active {
color: var(--ink);
background: var(--accent-soft);
box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent);
}
.nav-icon { width: 18px; height: 18px; opacity: .92; }
.nav-spacer { flex: 1; }
.nav-badge {
min-width: 20px;
height: 20px;
display: grid;
place-items: center;
padding: 0 6px;
border-radius: 999px;
background: color-mix(in srgb,var(--amber) 12%,transparent);
color: color-mix(in srgb,var(--amber) 70%,var(--ink));
font-size:var(--text-meta);
font-weight: 760;
}

.sidebar-bottom { margin-top: auto; display: grid; gap: 10px; }
.user-card {
padding: 11px;
display: grid;
grid-template-columns: 34px 1fr auto;
align-items: center;
gap: 9px;
--amb-albedo: var(--panel-2);
border-radius: 14px;
}
.avatar {
width: 34px;
height: 34px;
display: grid;
place-items: center;
border-radius: 11px;
background: linear-gradient(135deg,var(--accent),var(--accent-2));
color: var(--on-accent);
font-size:var(--text-label);
font-weight: 800;
}
.user-card strong { display: block; font-size:var(--text-label); }
.user-card span { display: block; color: var(--muted); font-size:var(--text-meta); margin-top: 2px; }
.online-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--success); box-shadow: 0 0 10px color-mix(in srgb,var(--success) 62%,transparent); }

.main { min-width: 0; }

.topbar {
min-height: 76px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
padding: 16px clamp(18px,3vw,34px);
border-bottom: 1px solid var(--line);
background: color-mix(in srgb,var(--shell) 68%,transparent);
backdrop-filter: blur(16px);
position: sticky;
top: 0;
z-index: 8;
}

.breadcrumbs { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size:var(--text-label); }
.breadcrumbs strong { color: var(--ink); font-weight: 640; }
.crumb-sep { color: var(--subtle); }

.top-actions { display: flex; align-items: center; gap: 8px; }

.icon-btn, .soft-btn, .primary-btn, .seg-btn {
border: 0;
cursor: pointer;
transition: transform .16s ease, filter .16s ease;
}
.icon-btn:active, .soft-btn:active, .primary-btn:active, .seg-btn:active { transform: translateY(1px); }
.icon-btn {
width: 38px;
height: 38px;
display: grid;
place-items: center;
--amb-albedo: var(--panel-2);
border-radius: 12px;
}
.icon-btn svg { width: 17px; height: 17px; color: var(--muted); }
.soft-btn, .primary-btn {
min-height: 38px;
padding: 0 14px;
border-radius: 12px;
font-size:var(--text-label);
font-weight: 680;
}
.soft-btn { --amb-albedo: var(--panel-2); color: var(--ink); }
.primary-btn { --amb-albedo: var(--accent); color: var(--on-accent); }

.dashboard {
padding: 28px clamp(18px,3vw,34px) 44px;
max-width: 1680px;
margin: 0 auto;
}

.hero-row {
display: flex;
align-items: end;
justify-content: space-between;
gap: 22px;
margin-bottom: 24px;
}
.eyebrow {
display: flex;
align-items: center;
gap: 8px;
color: var(--accent);
font-size:var(--text-label);
text-transform: uppercase;
letter-spacing: .14em;
font-weight: 760;
margin-bottom: 8px;
}
.eyebrow-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 12px color-mix(in srgb,var(--accent) 60%,transparent); }
h1 { margin: 0; font-size: clamp(25px,3vw,35px); letter-spacing: -.04em; line-height: 1.05; font-weight: 730; }
.hero-copy { margin: 8px 0 0; color: var(--muted); font-size:var(--text-body); line-height: 1.55; max-width: 640px; }

.segmented {
display: inline-flex;
padding: 4px;
gap: 3px;
--amb-albedo: var(--shell);
border-radius: 13px;
}
.seg-btn {
min-width: 45px;
height: 30px;
padding: 0 10px;
border-radius: 9px;
background: transparent;
color: var(--muted);
font-size:var(--text-label);
font-weight: 700;
}
.seg-btn.active {
--amb-albedo: var(--panel-2);
color: var(--ink);
background: rgb(var(--overlay-rgb) / .04);
box-shadow: 0 4px 11px rgb(var(--shadow-rgb) / .18), inset 0 1px 0 rgb(var(--overlay-rgb) / .06);
}

.kpis {
display: grid;
grid-template-columns: repeat(4,minmax(0,1fr));
gap: 14px;
margin-bottom: 14px;
}

.card {
--amb-albedo: var(--panel);
border-radius: var(--radius);
position: relative;
overflow: hidden;
}

.kpi { padding: 17px 18px 15px; min-height: 126px; }
.kpi-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.kpi-label { color: var(--muted); font-size:var(--text-label); font-weight: 620; letter-spacing: .01em; }
.kpi-icon {
width: 30px;
height: 30px;
display: grid;
place-items: center;
--amb-albedo: var(--panel-2);
border-radius: 10px;
color: var(--accent);
}
.kpi-icon svg { width: 15px; height: 15px; }
.kpi-value { margin-top: 9px; font-size: 27px; line-height: 1; letter-spacing: -.04em; font-weight: 720; }
.kpi-bottom { margin-top: 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.delta { display: inline-flex; align-items: center; gap: 4px; color: var(--success); font-size:var(--text-meta); font-weight: 690; }
.delta.down { color: var(--danger); }
.kpi-note { color: var(--subtle); font-size:var(--text-meta); }

.content-grid {
display: grid;
grid-template-columns: minmax(0,1.55fr) minmax(300px,.72fr);
gap: 14px;
align-items: start;
}

.chart-card { padding: 19px; }
.card-header { display: flex; align-items: start; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.card-title { font-size:var(--text-body); font-weight: 700; letter-spacing: -.01em; }
.card-subtitle { margin-top: 4px; color: var(--muted); font-size:var(--text-meta); }
.card-actions { display: flex; align-items: center; gap: 7px; }

.chart-well {
--amb-albedo: var(--panel-dark);
height: 302px;
padding: 10px 10px 8px;
border-radius: 14px;
overflow: hidden;
position: relative;
}

.chart-well::before {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(to bottom, rgb(var(--overlay-rgb) / .035) 1px, transparent 1px) 0 0 / 100% 25%,
linear-gradient(to right, rgb(var(--overlay-rgb) / .022) 1px, transparent 1px) 0 0 / 16.666% 100%;
pointer-events: none;
}

.chart-svg { width: 100%; height: 100%; overflow: visible; position: relative; z-index: 1; }
.chart-label { fill: var(--subtle); font-size:var(--text-meta); font-family: inherit; }
.chart-line { fill: none; stroke: var(--accent); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 22%,transparent)); }
.chart-area { fill: url(#areaFade); }
.chart-line-secondary { fill: none; stroke: var(--subtle); stroke-width: 1.4; stroke-dasharray: 4 5; opacity: .72; }
.chart-dot { fill: color-mix(in srgb,var(--accent) 58%,var(--ink)); stroke: var(--accent); stroke-width: 3; }
.tooltip {
position: absolute;
left: 64%; top: 31%;
z-index: 3;
transform: translate(-50%,-50%);
padding: 8px 10px;
border-radius: 9px;
background: rgba(12,17,15,.92);
border: 1px solid color-mix(in srgb,var(--accent) 18%,transparent);
box-shadow: 0 8px 22px rgb(var(--shadow-rgb) / .32);
pointer-events: none;
}
.tooltip strong { display: block; font-size:var(--text-label); }
.tooltip span { display: block; margin-top: 2px; color: var(--accent); font-size:var(--text-meta); }

.right-stack { display: grid; gap: 14px; }

/* Portfolio health is intentionally the most tactile card in the demo.
The card body is thicker and more elevated than the surrounding cards,
while the gauge and meter tracks are nested physical surfaces. */
.health-card {
padding: 19px 19px 20px;
--amb-albedo: var(--panel-2);
--amb-curve-scale: .72;
border-radius: 20px;
isolation: isolate;
}
.health-card > * { position: relative; z-index: 1; }

.health-score {
display: grid;
grid-template-columns: 122px minmax(0,1fr);
gap: 17px;
align-items: center;
margin-top: 12px;
}

.gauge-wrap {
position: relative;
width: 122px;
height: 122px;
display: grid;
place-items: center;
--amb-albedo: var(--panel-2);
--amb-curve-scale: .9;
border-radius: 50%;
}
.gauge-recess {
width: 106px;
height: 106px;
display: grid;
place-items: center;
--amb-albedo: var(--panel-dark);
--amb-shade: .96;
border-radius: 50%;
}
.gauge {
width: 96px;
height: 96px;
border-radius: 50%;
background:
conic-gradient(from -18deg,
color-mix(in srgb,var(--accent) 66%,var(--ink)) 0 1.5%,
var(--accent) 4% 76%,
#52c3a6 82.5% 83%,
rgb(var(--overlay-rgb) / .055) 83% 100%);
display: grid;
place-items: center;
position: relative;
box-shadow:
0 0 18px color-mix(in srgb,var(--accent) 12%,transparent),
inset 1px 1px 1px rgb(var(--overlay-rgb) / .22),
inset -2px -3px 5px rgb(var(--shadow-rgb) / .30);
}
.gauge::before {
content: "";
position: absolute;
inset: 10px;
border-radius: 50%;
background: var(--panel-dark);
box-shadow:
inset 4px 5px 12px rgb(var(--shadow-rgb) / .46),
inset -2px -2px 5px rgb(var(--overlay-rgb) / .035);
}
.gauge::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: linear-gradient(
calc(atan2(var(--amb-light-y), var(--amb-light-x)) + 270deg),
rgb(var(--overlay-rgb) / .22) 0%,
rgb(var(--overlay-rgb) / .045) 18%,
transparent 39%,
rgb(var(--shadow-rgb) / .12) 100%
);
mix-blend-mode: soft-light;
pointer-events: none;
}
.gauge-number {
position: absolute;
inset: 0;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
line-height: 1;
font-size: 22px;
font-weight: 770;
letter-spacing: -.045em;
text-shadow: 0 2px 8px rgb(var(--shadow-rgb) / .38);
pointer-events: none;
}
.gauge-number small {
font-size:var(--text-meta);
color: var(--muted);
margin: 5px 0 0;
letter-spacing: -.01em;
font-weight: 650;
}

.health-list { display: grid; gap: 11px; }
.health-row { display: grid; grid-template-columns: 1fr auto; gap: 7px 9px; align-items: center; }
.health-row span:first-child { color: var(--muted); font-size:var(--text-meta); }
.health-row strong { font-size:var(--text-meta); font-weight: 720; text-shadow: 0 1px 4px rgb(var(--shadow-rgb) / .32); }
.meter {
grid-column: 1/-1;
height: 9px;
padding: 2px;
border-radius: 999px;
overflow: hidden;
--amb-albedo: var(--panel-dark);
--amb-shade: .96;
}
.meter > i {
display: block;
height: 100%;
border-radius: inherit;
--amb-albedo: var(--accent);
--amb-shade: 1.02;
box-shadow: 0 0 9px color-mix(in srgb,var(--accent) 12%,transparent);
}

.insights-card { padding: 18px; }
.insight-list { display: grid; gap: 9px; margin-top: 11px; }
.insight {
display: grid;
grid-template-columns: 30px 1fr;
gap: 10px;
align-items: start;
padding: 10px;
--amb-albedo: #1c231f;
border-radius: 12px;
}
.insight-icon { width: 30px; height: 30px; display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent); }
.insight-icon.warn { color: var(--amber); background: color-mix(in srgb,var(--amber) 8%,transparent); }
.insight-icon svg { width: 14px; height: 14px; }
.insight strong { display:block; font-size:var(--text-meta); line-height:1.4; }
.insight span { display:block; margin-top:3px; color:var(--muted); font-size:var(--text-meta); line-height:1.45; }

.bottom-grid {
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
gap:14px;
margin-top:14px;
}
.table-card, .allocation-card { padding: 18px; }

.table-wrap { overflow:auto; margin: 0 -4px -3px; padding:0 4px 3px; }
table { width:100%; border-collapse:collapse; min-width:620px; }
th {
padding: 10px 10px;
color:var(--subtle);
text-align:left;
font-size:var(--text-meta);
font-weight:760;
text-transform:uppercase;
letter-spacing:.08em;
border-bottom:1px solid var(--line);
}
td {
padding: 11px 10px;
font-size:var(--text-meta);
border-bottom:1px solid rgb(var(--overlay-rgb) / .045);
color:var(--ink);
white-space:nowrap;
}
tbody tr:last-child td { border-bottom:0; }
.project-cell { display:flex;align-items:center;gap:9px; }
.project-icon { width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent-2) 8%,transparent);color:var(--accent-2);font-weight:800;font-size:var(--text-meta); }
.project-cell strong { display:block;color:var(--ink);font-size:var(--text-meta); }
.project-cell span { display:block;margin-top:2px;color:var(--subtle);font-size:var(--text-meta); }
.status { display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--success) 8%,transparent);color:color-mix(in srgb,var(--accent) 58%,var(--ink));font-size:var(--text-meta);font-weight:680; }
.status::before { content:"";width:5px;height:5px;border-radius:50%;background:var(--success); }
.status.watch { background:color-mix(in srgb,var(--amber) 8%,transparent);color:color-mix(in srgb,var(--amber) 66%,var(--ink)); }
.status.watch::before { background:var(--amber); }
.progress { width:92px;height:5px;border-radius:999px;background:rgb(var(--overlay-rgb) / .06);overflow:hidden; }
.progress i { display:block;height:100%;background:var(--subtle);border-radius:inherit; }

.allocation-layout { display:grid; grid-template-columns:150px 1fr; align-items:center; gap:20px; margin-top:16px; }
.donut {
width:142px; aspect-ratio:1; border-radius:50%;
background:conic-gradient(var(--accent) 0 41%, var(--accent-2) 41% 66%, var(--accent-3) 66% 83%, var(--amber) 83% 100%);
position:relative;
box-shadow:0 8px 25px rgb(var(--shadow-rgb) / .18);
}
.donut::after {
content:"$12.8M\A portfolio";
white-space:pre;
position:absolute; inset:21px;
display:grid;place-items:center;text-align:center;
border-radius:50%;background:var(--panel);
box-shadow:inset 5px 7px 16px rgb(var(--shadow-rgb) / .25);
color:var(--ink);font-size:var(--text-body);font-weight:720;line-height:1.35;
}
.allocation-list { display:grid; gap:10px; }
.allocation-row { display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:var(--text-meta); }
.allocation-row .dot { width:7px;height:7px;border-radius:50%; }
.allocation-row span { color:var(--muted); }
.allocation-row strong { font-size:var(--text-meta); }

.lab {
position: fixed;
right: 18px;
bottom: 18px;
z-index: 30;
width: min(300px,calc(100vw - 36px));
padding: 13px;
--amb-albedo: var(--panel);
border-radius: 16px;
transform: translateY(calc(100% + 30px));
transition: transform .26s cubic-bezier(.2,.8,.2,1);
}
.lab.open { transform:translateY(0); }
.lab-head { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px; }
.lab-head strong { font-size:var(--text-label); }
.lab-close { border:0;background:none;color:var(--muted);cursor:pointer;padding:3px; }
.control { display:grid;grid-template-columns:64px 1fr 32px;gap:8px;align-items:center;margin:8px 0; }
.control label { color:var(--muted);font-size:var(--text-meta); }
.control output { color:var(--ink);font-size:var(--text-meta);text-align:right;font-variant-numeric:tabular-nums; }
input[type="range"] { width:100%; accent-color:var(--accent); }
.light-presets { display:grid;grid-template-columns:repeat(4,1fr);margin-top:10px; }

.mobile-menu { display:none; }

@media (max-width: 1180px) {
:root { --sidebar: 82px; }
.brand-copy,.nav-item span,.nav-label,.nav-badge,.user-copy,.online-dot { display:none; }
.brand { justify-content:center;padding:0; }
.nav-item { justify-content:center;padding:0; }
.user-card { grid-template-columns:1fr;padding:9px;place-items:center; }
.content-grid,.bottom-grid { grid-template-columns:1fr; }
.right-stack { grid-template-columns:1fr 1fr; }
}

@media (max-width: 820px) {
.app { display:block; }
.sidebar { display:none; }
.topbar { padding:12px 15px;min-height:62px; }
.mobile-menu { display:grid; }
.breadcrumbs .hide-mobile { display:none; }
.dashboard { padding:22px 15px 36px; }
.hero-row { align-items:flex-start; flex-direction:column; }
.kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
.right-stack { grid-template-columns:1fr; }
.allocation-layout { grid-template-columns:1fr;justify-items:center; }
.allocation-list { width:100%; }
}

@media (max-width: 520px) {
.kpis { grid-template-columns:1fr; }
.hero-row { margin-bottom:18px; }
.top-actions .primary-btn { display:none; }
.health-score { grid-template-columns:1fr; justify-items:center; }
.health-list { width:100%; }
}

@media (prefers-reduced-motion: reduce) {
*,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}


/* Multi-surface workspace ------------------------------------------------ */
[hidden] { display:none !important; }
.sr-only { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; }
button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible { outline:2px solid color-mix(in srgb,var(--accent) 82%,transparent);outline-offset:2px; }
textarea { resize:none; }
a { color:inherit; }

.workspace-view { min-height:calc(100vh - 76px);animation:surface-in .26s cubic-bezier(.2,.75,.2,1); }
.workspace-view.active { display:block; }
@keyframes surface-in { from { opacity:0;transform:translateY(5px); } to { opacity:1;transform:none; } }
.workspace-page { padding:28px clamp(18px,3vw,34px) 38px;max-width:1680px;margin:0 auto; }
.workspace-page-tall { padding-bottom:28px; }
.view-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:22px; }
.view-heading-actions { display:flex;align-items:center;gap:8px;color:var(--muted);font-size:var(--text-label); }
.surface-frame { --amb-albedo:var(--panel);border-radius:18px;position:relative;overflow:hidden; }
.surface-frame::after { content:"";position:absolute;inset:0;border:1px solid rgb(var(--overlay-rgb) / .035);border-radius:inherit;pointer-events:none; }
.panel-caption { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px; }
.panel-caption strong { font-size:var(--text-label); }
.panel-caption span { color:var(--subtle);font-size:var(--text-meta); }
.tree-label,.context-label { color:var(--subtle);font-size:var(--text-meta);font-weight:760;text-transform:uppercase;letter-spacing:.105em; }

.surface-switcher .nav-item { position:relative; }
.surface-switcher .nav-item.active::after { content:"";position:absolute;left:2px;top:10px;bottom:10px;width:2px;border-radius:3px;background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 65%,transparent); }
.nav-badge-cool { background:color-mix(in srgb,var(--accent-2) 11%,transparent);color:color-mix(in srgb,var(--accent-2) 64%,var(--ink)); }
.nav-badge-neutral { background:rgb(var(--overlay-rgb) / .055);color:var(--muted); }
.workspace-status { display:grid;grid-template-columns:28px 1fr;align-items:center;gap:9px;padding:10px;--amb-albedo:var(--panel-dark);border-radius:12px; }
.workspace-status-icon { width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent);font-size:var(--text-label); }
.workspace-status strong,.workspace-status span { display:block; }
.workspace-status strong { font-size:var(--text-meta); }
.workspace-status span { margin-top:2px;color:var(--subtle);font-size:var(--text-meta); }
.sidebar-scrim { display:none;position:fixed;inset:0;z-index:9;border:0;background:color-mix(in srgb,var(--shell) 68%,transparent);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .22s ease; }

.search-field { min-height:38px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 10px;--amb-albedo:var(--panel-dark);border-radius:11px;color:var(--subtle); }
.search-field svg { width:16px;height:16px; }
.search-field input { min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:var(--text-meta); }
.search-field input::placeholder { color:var(--subtle); }
.search-field kbd { padding:2px 5px;border:1px solid rgb(var(--overlay-rgb) / .08);border-radius:5px;color:var(--subtle);font:var(--text-meta)/1.3 inherit; }
.search-field.compact { min-height:34px; }
.mini-icon-btn { width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer; }
.mini-icon-btn:hover { color:var(--ink);background:rgb(var(--overlay-rgb) / .045); }

/* Documentation */
.docs-layout { display:grid;grid-template-columns:230px minmax(0,1fr) 210px;gap:14px;align-items:start; }
.docs-nav { padding:15px;position:sticky;top:98px;max-height:calc(100vh - 126px);overflow:auto; }
.doc-tree-section { margin-top:17px; }
.doc-tree-section .tree-label { margin:0 8px 6px; }
.doc-tree-button { width:100%;min-height:34px;display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 8px;border:0;border-radius:9px;background:transparent;color:var(--muted);text-align:left;font-size:var(--text-meta);cursor:pointer; }
.doc-tree-button svg { width:15px;height:15px; }
.doc-tree-button:hover { color:var(--ink);background:rgb(var(--overlay-rgb) / .035); }
.doc-tree-button.active { color:var(--ink);background:color-mix(in srgb,var(--accent) 10%,transparent); }
.tree-dot { width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 50%,transparent); }
.doc-empty { margin:18px 6px;color:var(--subtle);font-size:var(--text-meta);line-height:1.5; }
.doc-reader { min-width:0;padding:clamp(25px,4vw,52px);--amb-albedo:var(--panel); }
.doc-header { padding-bottom:27px;border-bottom:1px solid var(--line); }
.doc-breadcrumb { color:var(--accent);font-size:var(--text-meta);font-weight:650; }
.doc-breadcrumb span { margin:0 5px;color:var(--subtle); }
.doc-title-row { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px; }
.doc-title-row h2 { margin:0;font-size:clamp(25px,3.2vw,38px);letter-spacing:-.045em;line-height:1.05; }
.doc-lead { max-width:760px;margin:16px 0 0;color:var(--muted);font-size:var(--text-body);line-height:1.75; }
.doc-meta { display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:17px;color:var(--subtle);font-size:var(--text-meta); }
.doc-pill { padding:4px 7px;border-radius:999px;background:rgb(var(--overlay-rgb) / .055);color:var(--muted);font-weight:650; }
.doc-pill.approved { background:color-mix(in srgb,var(--success) 9%,transparent);color:color-mix(in srgb,var(--success) 66%,var(--ink)); }
.doc-callout { display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;margin:28px 0;padding:15px;--amb-albedo:var(--panel-dark);border-radius:13px; }
.callout-icon { width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent); }
.doc-callout strong { font-size:var(--text-meta); }
.doc-callout p { margin:4px 0 0;color:var(--muted);font-size:var(--text-meta);line-height:1.55; }
.doc-section { max-width:820px;margin:34px 0;scroll-margin-top:110px; }
.doc-section h3 { margin:0 0 12px;font-size:17px;letter-spacing:-.025em; }
.doc-section p { margin:10px 0;color:var(--muted);font-size:var(--text-label);line-height:1.75; }
.architecture-map { margin-top:18px;padding:22px;--amb-albedo:var(--panel-dark);border-radius:14px; }
.arch-node { padding:12px 14px;--amb-albedo:var(--panel-2);border-radius:11px;text-align:center; }
.arch-node span,.arch-node small { display:block; }
.arch-node span { font-size:var(--text-meta);font-weight:720; }
.arch-node small { margin-top:4px;color:var(--muted);font-size:var(--text-meta); }
.arch-primary { max-width:360px;margin:auto;--amb-albedo:var(--panel-2); }
.arch-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:24px 0; }
.arch-data { max-width:540px;margin:auto;--amb-albedo:var(--panel-2); }
.doc-code { margin:17px 0 0;padding:16px 18px;overflow:auto;--amb-albedo:var(--panel-dark);border-radius:12px;color:var(--ink);font:var(--text-body)/1.7 ui-monospace,SFMono-Regular,Consolas,monospace; }
.docs-context { padding:15px;position:sticky;top:98px;--amb-albedo:var(--panel); }
.context-section { display:grid;gap:8px; }
.toc-link { padding:6px 0 6px 10px;border-left:1px solid var(--subtle);color:var(--muted);text-decoration:none;font-size:var(--text-meta); }
.toc-link:hover,.toc-link.active { color:var(--ink);border-color:var(--accent); }
.context-divider { height:1px;background:var(--line);margin:17px 0; }
.avatar-stack { display:flex;margin-top:4px; }
.avatar-stack span { width:28px;height:28px;display:grid;place-items:center;margin-right:-6px;border:2px solid var(--panel);border-radius:9px;background:var(--avatar);color:var(--panel-dark);font-size:var(--text-meta);font-weight:800; }
.context-copy { margin:0;color:var(--muted);font-size:var(--text-meta);line-height:1.5; }
.details-list div { display:grid;gap:3px; }
.details-list span { color:var(--subtle);font-size:var(--text-meta); }
.details-list strong { color:var(--muted);font-size:var(--text-meta);font-weight:620; }
.details-list .detail-good { color:color-mix(in srgb,var(--success) 72%,var(--ink)); }


/* Chat */
.presence-summary { padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgb(var(--overlay-rgb) / .025); }
.presence-pips { display:flex; }
.presence-pips i { width:8px;height:8px;margin-left:-2px;border:1px solid var(--page);border-radius:50%;background:var(--success); }
.presence-pips i:nth-child(2) { background:var(--accent-2); }
.presence-pips i:nth-child(3) { background:var(--amber); }
.chat-shell { height:calc(100vh - 174px);min-height:600px;display:grid;grid-template-columns:226px minmax(0,1fr) 248px;overflow:hidden;--amb-albedo:var(--panel);border-radius:20px; }
.chat-sidebar,.chat-context { min-width:0;padding:14px;background:color-mix(in srgb,var(--page) 12%,transparent); }
.chat-sidebar { border-right:1px solid var(--line); }
.chat-context { border-left:1px solid var(--line);overflow:auto; }
.pane-header { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px; }
.pane-header strong { font-size:var(--text-label); }
.channel-group { margin-top:18px; }
.channel-group .tree-label { margin:0 7px 7px; }
.channel-item { width:100%;min-height:35px;display:flex;align-items:center;gap:8px;padding:0 8px;border:0;border-radius:9px;background:transparent;color:var(--muted);text-align:left;font-size:var(--text-meta);cursor:pointer; }
.channel-item:hover { color:var(--ink);background:rgb(var(--overlay-rgb) / .035); }
.channel-item.active { color:var(--ink);background:color-mix(in srgb,var(--accent) 9%,transparent); }
.channel-item b { min-width:17px;height:17px;display:grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:var(--text-meta); }
.channel-hash { color:var(--subtle);font-size:var(--text-body); }
.channel-avatar { position:relative;width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:var(--avatar);color:var(--panel-dark);font-size:var(--text-meta);font-weight:800; }
.channel-avatar i { position:absolute;right:-1px;bottom:-1px;width:6px;height:6px;border:1.5px solid var(--panel-dark);border-radius:50%;background:var(--success); }
.chat-thread { min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:color-mix(in srgb,var(--page) 25%,transparent); }
.chat-header { min-height:63px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 16px;border-bottom:1px solid var(--line); }
.chat-header strong,.chat-header span { display:block; }
.chat-header strong { font-size:var(--text-label); }
.chat-header span { margin-top:3px;color:var(--subtle);font-size:var(--text-meta); }
.chat-header-actions { display:flex;gap:6px; }
.chat-header .icon-btn { width:32px;height:32px;border-radius:10px; }
.messages { min-height:0;overflow:auto;padding:16px clamp(14px,2.4vw,28px);scroll-behavior:smooth; }
.date-divider { display:flex;align-items:center;gap:10px;margin:4px 0 16px;color:var(--subtle);font-size:var(--text-meta); }
.date-divider::before,.date-divider::after { content:"";height:1px;flex:1;background:var(--line); }
.message { display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;margin:0 0 17px; }
.message-avatar { width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--avatar);color:var(--panel-dark);font-size:var(--text-meta);font-weight:800;box-shadow:inset 0 1px rgb(var(--overlay-rgb) / .22),0 4px 10px rgb(var(--shadow-rgb) / .16); }
.message-main { min-width:0;max-width:760px; }
.message-meta { display:flex;align-items:baseline;gap:7px;margin-bottom:5px; }
.message-meta strong { font-size:var(--text-meta); }
.message-meta time { color:var(--subtle);font-size:var(--text-meta); }
.message-bubble { color:var(--muted);font-size:var(--text-meta);line-height:1.58; }
.message-bubble strong { color:var(--ink); }
.message-reactions { display:flex;gap:5px;margin-top:7px; }
.shared-object { max-width:430px;margin-top:9px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;--amb-albedo:var(--panel-dark);border-radius:10px; }
.shared-icon { width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--accent-2) 10%,transparent);color:var(--accent-2);font-size:var(--text-meta);font-weight:800; }
.shared-object > div > strong,.shared-object > div > span { display:block; }
.shared-object strong { font-size:var(--text-meta); }
.shared-object > div > span { margin-top:2px;color:var(--subtle);font-size:var(--text-meta); }
.shared-object button { border:0;background:transparent;color:var(--accent);font-size:var(--text-meta);cursor:pointer; }
.system-note { display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;margin:5px 0 18px 44px;padding:11px;--amb-albedo:var(--panel-dark);border-radius:11px; }
.system-spark { width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent); }
.system-note strong { font-size:var(--text-meta); }
.system-note p { margin:3px 0 0;color:var(--muted);font-size:var(--text-meta);line-height:1.45; }
.system-note button { border:0;background:transparent;color:var(--accent);font-size:var(--text-meta);cursor:pointer; }
.inline-issue { display:inline-block;padding:1px 5px;border-radius:5px;background:color-mix(in srgb,var(--accent-2) 10%,transparent);color:color-mix(in srgb,var(--accent-2) 64%,var(--ink));font-size:var(--text-meta);font-weight:700; }
.composer-wrap { padding:10px 16px 12px;border-top:1px solid var(--line); }
.composer { min-height:44px;display:grid;grid-template-columns:30px minmax(0,1fr) 35px;align-items:end;gap:6px;padding:5px 6px;--amb-albedo:var(--panel-dark);border-radius:12px; }
.composer textarea { max-height:110px;min-height:30px;padding:7px 2px;border:0;outline:0;background:transparent;color:var(--ink);font-size:var(--text-meta);line-height:1.45; }
.composer textarea::placeholder { color:var(--subtle); }
.composer-tool { width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:17px;cursor:pointer; }
.send-btn { width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:10px;--amb-albedo:var(--accent);color:var(--on-accent);cursor:pointer; }
.send-btn svg { width:16px;height:16px; }
.composer-hint { display:flex;justify-content:space-between;gap:10px;margin-top:6px;color:var(--subtle);font-size:var(--text-meta); }
.context-project { padding:12px;--amb-albedo:var(--panel-dark);border-radius:12px; }
.context-project-top { display:flex;align-items:center;justify-content:space-between;margin-bottom:11px; }
.project-monogram { width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent-2) 11%,transparent);color:var(--accent-2);font-size:var(--text-meta);font-weight:800; }
.context-project > strong { font-size:var(--text-meta); }
.context-project p { margin:4px 0 10px;color:var(--muted);font-size:var(--text-meta);line-height:1.4; }
.context-progress { height:5px;border-radius:999px;background:rgb(var(--overlay-rgb) / .055);overflow:hidden; }
.context-progress span { display:block;height:100%;border-radius:inherit;background:var(--accent); }
.context-project small { display:block;margin-top:5px;color:var(--subtle);font-size:var(--text-meta); }
.chat-context > .context-section { margin-top:18px; }
.pinned-item { display:grid;gap:3px;padding:8px;border:1px solid rgb(var(--overlay-rgb) / .045);border-radius:9px;background:rgb(var(--overlay-rgb) / .018);text-align:left;cursor:pointer; }
.pinned-item span { color:var(--accent);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.08em; }
.pinned-item strong { color:var(--muted);font-size:var(--text-meta); }
.pinned-item small { color:var(--subtle);font-size:var(--text-meta); }
.member-list { display:grid;gap:9px; }
.member-list > div { display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:8px; }
.member-list > div > span { width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--avatar);color:var(--panel-dark);font-size:var(--text-meta);font-weight:800; }
.member-list p { margin:0; }
.member-list strong,.member-list small { display:block; }
.member-list strong { font-size:var(--text-meta); }
.member-list small { margin-top:2px;color:var(--subtle);font-size:var(--text-meta); }
.member-list i { width:6px;height:6px;border-radius:50%;background:var(--success); }

/* Email */
.sync-state { display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px; }
.sync-state i { width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 8px color-mix(in srgb,var(--success) 50%,transparent); }
.mail-shell { height:calc(100vh - 174px);min-height:610px;display:grid;grid-template-columns:190px 340px minmax(0,1fr);overflow:hidden;--amb-albedo:var(--panel);border-radius:20px; }
.mail-folders { padding:14px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--page) 12%,transparent); }
.mail-compose { width:100%;height:38px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;--amb-albedo:var(--accent);color:var(--on-accent);font-size:var(--text-meta);font-weight:750;cursor:pointer; }
.mail-compose svg { width:15px;height:15px; }
.folder-group { margin-top:16px;display:grid;gap:3px; }
.folder-item { width:100%;height:34px;display:grid;grid-template-columns:17px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 8px;border:0;border-radius:9px;background:transparent;color:var(--muted);text-align:left;font-size:var(--text-meta);cursor:pointer; }
.folder-item svg { width:15px;height:15px; }
.folder-item:hover { color:var(--ink);background:rgb(var(--overlay-rgb) / .035); }
.folder-item.active { color:var(--ink);background:color-mix(in srgb,var(--accent) 9%,transparent); }
.folder-item b { min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:var(--text-meta); }
.folder-item .muted-count { background:rgb(var(--overlay-rgb) / .055);color:var(--muted); }
.mail-label-heading { margin:22px 8px 8px; }
.mail-label-list { display:grid;gap:2px; }
.mail-label-list button { height:29px;display:flex;align-items:center;gap:8px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:var(--text-meta);cursor:pointer; }
.mail-label-list i { width:7px;height:7px;border-radius:3px;background:var(--label); }
.mail-storage { margin-top:22px;padding:10px;--amb-albedo:var(--panel-dark);border-radius:10px; }
.mail-storage div:first-child { display:flex;justify-content:space-between;gap:5px;color:var(--subtle);font-size:var(--text-meta); }
.storage-bar { height:4px;margin-top:7px;border-radius:999px;background:rgb(var(--overlay-rgb) / .06);overflow:hidden; }
.storage-bar i { display:block;width:32%;height:100%;background:var(--subtle);border-radius:inherit; }
.mail-list-pane { min-width:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);border-right:1px solid var(--line);background:rgba(12,16,14,.16); }
.mail-list-header { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 8px; }
.mail-list-header strong,.mail-list-header span { display:block; }
.mail-list-header strong { font-size:var(--text-label); }
.mail-list-header span { margin-top:2px;color:var(--subtle);font-size:var(--text-meta); }
.mail-search { margin:0 12px; }
.mail-filter-row { display:grid;grid-template-columns:auto auto 1fr auto;gap:5px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--line); }
.filter-chip { min-height:27px;padding:0 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:var(--text-meta);font-weight:650;cursor:pointer; }
.filter-chip:hover { color:var(--ink);background:rgb(var(--overlay-rgb) / .03); }
.filter-chip.active { color:var(--ink);background:color-mix(in srgb,var(--accent) 9%,transparent);border-color:color-mix(in srgb,var(--accent) 10%,transparent); }
.mail-list { min-height:0;overflow:auto; }
.mail-item { position:relative;width:100%;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px;border:0;border-bottom:1px solid rgb(var(--overlay-rgb) / .045);background:transparent;color:inherit;text-align:left;cursor:pointer; }
.mail-item:hover { background:rgb(var(--overlay-rgb) / .025); }
.mail-item.active { background:color-mix(in srgb,var(--accent) 7.5%,transparent); }
.mail-item.active::before { content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:2px;background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 50%,transparent); }
.mail-avatar { width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--avatar);color:var(--panel-dark);font-size:var(--text-meta);font-weight:800;box-shadow:inset 0 1px rgb(var(--overlay-rgb) / .22); }
.mail-avatar.large { width:38px;height:38px;border-radius:12px;font-size:var(--text-meta); }
.mail-summary { min-width:0;display:block; }
.mail-sender { display:flex;align-items:center;justify-content:space-between;gap:8px; }
.mail-sender strong { color:var(--muted);font-size:var(--text-meta);font-weight:650; }
.mail-sender time { color:var(--subtle);font-size:var(--text-meta);white-space:nowrap; }
.mail-summary > b { display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:var(--text-meta);font-weight:630; }
.mail-summary > small { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;color:var(--subtle);font-size:var(--text-meta);line-height:1.4; }
.mail-item.unread .mail-sender strong,.mail-item.unread .mail-summary > b { color:var(--ink);font-weight:760; }
.mail-tags { display:flex;align-items:center;gap:6px;margin-top:7px; }
.mail-tag { padding:3px 5px;border-radius:5px;font-style:normal;font-size:var(--text-meta);font-weight:700; }
.mail-tag.executive { background:color-mix(in srgb,var(--accent) 9%,transparent);color:color-mix(in srgb,var(--accent) 68%,var(--ink)); }
.mail-tag.programs { background:color-mix(in srgb,var(--accent-2) 9%,transparent);color:color-mix(in srgb,var(--accent-2) 66%,var(--ink)); }
.mail-tag.external { background:color-mix(in srgb,var(--amber) 9%,transparent);color:color-mix(in srgb,var(--amber) 74%,var(--ink)); }
.mail-reader { min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:color-mix(in srgb,var(--page) 24%,transparent); }
.mail-reader-toolbar { min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-bottom:1px solid var(--line); }
.mail-reader-toolbar > div { display:flex;align-items:center;gap:4px; }
.mail-reader-toolbar span { color:var(--subtle);font-size:var(--text-meta); }
.mail-reader-content { min-height:0;overflow:auto;padding:clamp(20px,3vw,36px); }
.reader-subject-row { display:flex;align-items:flex-start;justify-content:space-between;gap:18px; }
.reader-kicker { color:var(--accent);font-size:var(--text-meta);font-weight:700;text-transform:uppercase;letter-spacing:.1em; }
.reader-subject-row h2 { max-width:720px;margin:8px 0 0;font-size:clamp(19px,2.2vw,28px);line-height:1.18;letter-spacing:-.035em; }
.reader-sender { display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;margin:22px 0;padding-bottom:18px;border-bottom:1px solid var(--line); }
.reader-sender > div > strong,.reader-sender > div > span { display:block; }
.reader-sender strong { font-size:var(--text-meta); }
.reader-sender > div > span { margin-top:3px;color:var(--subtle);font-size:var(--text-meta); }
.reader-sender time { color:var(--subtle);font-size:var(--text-meta);white-space:nowrap; }
.reader-body { max-width:760px;color:var(--muted);font-size:var(--text-meta);line-height:1.75; }
.reader-body p { margin:0 0 15px; }
.email-callout { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:20px 0;padding:1px;--amb-albedo:var(--panel-dark);border-radius:11px;overflow:hidden; }
.email-callout > div { padding:12px;background:var(--panel); }
.email-callout span,.email-callout strong { display:block; }
.email-callout span { color:var(--subtle);font-size:var(--text-meta); }
.email-callout strong { margin-top:3px;font-size:var(--text-reading); }
.email-quote { margin:18px 0;padding:12px 14px;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 4.5%,transparent);color:var(--muted);font-size:var(--text-meta); }
.attachments { display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line); }
.attachment-card { min-width:220px;display:grid;grid-template-columns:34px minmax(0,1fr) 26px;align-items:center;gap:9px;padding:9px;--amb-albedo:var(--panel-2);border-radius:10px; }
.file-type { width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--danger) 10%,transparent);color:color-mix(in srgb,var(--danger) 70%,var(--ink));font-size:var(--text-meta);font-weight:800; }
.file-type.sheet { background:color-mix(in srgb,var(--success) 9%,transparent);color:color-mix(in srgb,var(--success) 72%,var(--ink)); }
.attachment-card strong,.attachment-card small { display:block; }
.attachment-card strong { font-size:var(--text-meta); }
.attachment-card small { margin-top:3px;color:var(--subtle);font-size:var(--text-meta); }
.attachment-card button { border:0;background:transparent;color:var(--accent);cursor:pointer; }
.reader-actions { display:flex;gap:7px;margin-top:24px; }


/* Workflow board -------------------------------------------------------- */
.workflow-page { padding-bottom:26px; }
.sprint-summary {
display:flex;align-items:center;gap:17px;min-height:46px;padding:7px 9px 7px 15px;
--amb-albedo:var(--panel);border-radius:14px;
}
.sprint-summary-copy { display:grid;gap:2px; }
.sprint-summary-copy strong { font-size:var(--text-meta); }
.sprint-summary-copy span { color:var(--subtle);font-size:var(--text-meta); }
.sprint-meter { width:118px;height:6px;border-radius:999px;background:rgb(var(--overlay-rgb) / .06);overflow:hidden; }
.sprint-meter i { display:block;width:68%;height:100%;border-radius:inherit;background:var(--accent);box-shadow:0 0 9px color-mix(in srgb,var(--accent) 32%,transparent); }
.sprint-days { min-width:39px;text-align:center;padding:6px 9px;border-radius:9px;background:color-mix(in srgb,var(--accent) 8%,transparent);color:color-mix(in srgb,var(--accent) 54%,var(--ink));font-size:var(--text-meta);font-weight:720; }

.workflow-toolbar {
display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;
}
.workflow-tools-left,.workflow-tools-right { display:flex;align-items:center;gap:8px;min-width:0; }
.workflow-search { width:min(290px,28vw); }
.workflow-toolbar .filter-chip {
min-height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:0;border-radius:10px;
background:rgb(var(--overlay-rgb) / .035);color:var(--muted);font-size:var(--text-meta);font-weight:650;cursor:pointer;
}
.workflow-toolbar .filter-chip:hover,.workflow-toolbar .filter-chip.active { background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--ink); }
.workflow-toolbar .filter-chip .mini-avatar { width:19px;height:19px;display:grid;place-items:center;border-radius:6px;background:var(--accent-2);color:var(--panel-dark);font-size:var(--text-meta);font-weight:850; }
.workflow-toolbar .filter-chip svg { width:13px;height:13px; }
.board-mode {
display:flex;align-items:center;padding:3px;--amb-albedo:var(--panel-dark);border-radius:10px;
}
.board-mode svg { width:13px;height:13px; }

.workflow-board {
display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:12px;align-items:start;
overflow:auto;padding:1px 1px 16px;scrollbar-width:thin;scrollbar-color:var(--subtle) transparent;
}
.board-column {
min-width:240px;padding:13px;--amb-albedo:var(--panel);border-radius:16px;transition:box-shadow .16s ease,transform .16s ease;
}
.board-column.drag-over { box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 0 20px color-mix(in srgb,var(--accent) 8%,transparent); }
.board-column-header {
display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 11px;
}
.column-title { display:flex;align-items:center;gap:7px;color:var(--ink);font-size:var(--text-meta);font-weight:720;text-transform:uppercase;letter-spacing:.055em; }
.column-dot { width:6px;height:6px;border-radius:50%;background:var(--column,var(--subtle));box-shadow:0 0 8px color-mix(in srgb,var(--column,var(--subtle)) 45%,transparent); }
.column-count { min-width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:rgb(var(--overlay-rgb) / .045);color:var(--muted);font-size:var(--text-meta);font-weight:720; }
.issue-stack { display:grid;gap:9px;min-height:105px; }
.issue-card {
padding:12px;--amb-albedo:var(--panel-2);border-radius:13px;cursor:pointer;transition:transform .16s ease,filter .16s ease;
user-select:none;
}
.issue-card:hover { transform:translateY(-2px);filter:brightness(1.045); }
.issue-card:active { transform:translateY(0); }
.issue-card.selected { box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 34%,transparent),0 8px 17px rgb(var(--shadow-rgb) / .24); }
.issue-card.dragging { opacity:.45;transform:rotate(1deg) scale(.98); }
.issue-key-row { display:flex;align-items:center;justify-content:space-between;gap:8px; }
.issue-key { color:var(--subtle);font-size:var(--text-meta);font-weight:760;letter-spacing:.04em; }
.issue-type { width:19px;height:19px;display:grid;place-items:center;border-radius:6px;background:color-mix(in srgb,var(--accent-2) 10%,transparent);color:color-mix(in srgb,var(--accent-2) 72%,var(--ink));font-size:var(--text-meta); }
.issue-type.story { background:color-mix(in srgb,var(--success) 9%,transparent);color:color-mix(in srgb,var(--success) 68%,var(--ink)); }
.issue-type.bug { background:color-mix(in srgb,var(--danger) 10%,transparent);color:color-mix(in srgb,var(--danger) 70%,var(--ink)); }
.issue-title { margin:9px 0 10px;color:var(--ink);font-size:var(--text-meta);font-weight:620;line-height:1.45; }
.issue-tags { display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px; }
.issue-tag { padding:3px 6px;border-radius:5px;background:rgb(var(--overlay-rgb) / .045);color:var(--muted);font-size:var(--text-meta);font-weight:650; }
.issue-tag.accent { background:color-mix(in srgb,var(--accent) 7.5%,transparent);color:color-mix(in srgb,var(--accent) 72%,var(--ink)); }
.issue-bottom { display:flex;align-items:center;justify-content:space-between;gap:8px; }
.priority { display:flex;align-items:center;gap:5px;color:var(--muted);font-size:var(--text-meta); }
.priority::before { content:"";width:5px;height:5px;border-radius:50%;background:var(--priority,var(--subtle)); }
.priority.high { --priority:var(--danger);color:color-mix(in srgb,var(--danger) 58%,var(--ink)); }
.priority.medium { --priority:var(--amber);color:color-mix(in srgb,var(--amber) 62%,var(--ink)); }
.priority.low { --priority:var(--accent-2); }
.issue-meta { display:flex;align-items:center;gap:7px;color:var(--subtle);font-size:var(--text-meta); }
.issue-meta span { display:flex;align-items:center;gap:3px; }
.issue-meta svg { width:10px;height:10px; }
.assignee { width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:var(--avatar,var(--accent-2));color:var(--panel-dark);font-size:var(--text-meta);font-weight:850;box-shadow:0 0 0 2px var(--panel-2); }
.add-issue {
width:100%;min-height:33px;margin-top:9px;border:1px dashed rgb(var(--overlay-rgb) / .07);border-radius:9px;background:transparent;
color:var(--subtle);font-size:var(--text-meta);text-align:left;padding:0 9px;cursor:pointer;
}
.add-issue:hover { border-color:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--muted);background:color-mix(in srgb,var(--accent) 3.5%,transparent); }

/* Code editor ----------------------------------------------------------- */
.branch-chip { display:flex;align-items:center;gap:7px;padding:8px 10px;--amb-albedo:var(--panel);border-radius:10px;color:var(--muted);font-size:var(--text-meta);font-weight:650; }
.branch-chip svg { width:13px;height:13px;color:var(--accent); }
.ide-shell {
height:calc(100vh - 184px);min-height:610px;display:grid;
grid-template-columns:44px 218px minmax(470px,1fr) 260px;
grid-template-rows:minmax(0,1fr);
--amb-albedo:var(--shell);border-radius:18px;overflow:hidden;
}
.editor-rail {
padding:9px 6px;display:flex;flex-direction:column;align-items:center;gap:7px;
border-right:1px solid var(--line);background:color-mix(in srgb,var(--page) 28%,transparent);
}
.rail-btn { width:31px;height:31px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--subtle);cursor:pointer;position:relative; }
.rail-btn:hover,.rail-btn.active { color:var(--ink);background:rgb(var(--overlay-rgb) / .045); }
.rail-btn.active::before { content:"";position:absolute;left:-6px;top:7px;bottom:7px;width:2px;border-radius:4px;background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 55%,transparent); }
.rail-btn svg { width:17px;height:17px; }
.rail-spacer { flex:1; }

.file-panel {
min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:color-mix(in srgb,var(--shell) 66%,transparent);
}
.file-panel-head { min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid rgb(var(--overlay-rgb) / .04); }
.file-panel-head strong { font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.08em;color:var(--muted); }
.repo-row { padding:10px 11px 7px;color:var(--ink);font-size:var(--text-meta);font-weight:700; }
.file-tree { padding:3px 6px 12px;overflow:auto; }
.tree-row {
width:100%;min-height:29px;display:grid;grid-template-columns:15px minmax(0,1fr);align-items:center;gap:6px;
padding:0 7px;border:0;border-radius:7px;background:transparent;color:var(--muted);text-align:left;font:var(--text-meta)/1 ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer;
}
.tree-row.indent-1 { padding-left:18px; }
.tree-row.indent-2 { padding-left:31px; }
.tree-row:hover { color:var(--ink);background:rgb(var(--overlay-rgb) / .034); }
.tree-row.active { color:var(--ink);background:color-mix(in srgb,var(--accent) 7.5%,transparent); }
.tree-row svg { width:13px;height:13px; }
.file-icon-ts { color:var(--accent-2); }
.file-icon-css { color:var(--accent-3); }
.file-icon-json { color:var(--amber); }

.editor-main { min-width:0;min-height:0;display:grid;grid-template-rows:37px 30px minmax(0,1fr) 148px;background:var(--panel-dark); }
.editor-tabs { display:flex;align-items:stretch;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--panel-dark); }
.editor-tab {
min-width:136px;display:flex;align-items:center;gap:7px;padding:0 12px;border:0;border-right:1px solid rgb(var(--overlay-rgb) / .04);
background:transparent;color:var(--subtle);font:var(--text-meta)/1 ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer;position:relative;
}
.editor-tab.active { color:var(--ink);background:var(--panel-dark); }
.editor-tab.active::after { content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--accent); }
.tab-dot { width:7px;height:7px;border-radius:2px;background:var(--tab-color,var(--accent-2)); }
.editor-breadcrumbs { display:flex;align-items:center;gap:5px;padding:0 13px;border-bottom:1px solid rgb(var(--overlay-rgb) / .035);color:var(--subtle);font:var(--text-meta)/1 ui-monospace,SFMono-Regular,Consolas,monospace; }
.editor-breadcrumbs strong { color:#a6b2ab;font-weight:500; }
.editor-breadcrumbs span { color:var(--subtle); }

.code-stage { min-height:0;overflow:auto;padding:12px 0 26px;background:linear-gradient(90deg,rgb(var(--overlay-rgb) / .012),transparent 18%); }
.code-file { min-width:max-content; }
.code-line { display:grid;grid-template-columns:47px minmax(0,1fr);min-height:20px;font:var(--text-body)/20px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre; }
.code-line:hover { background:rgb(var(--overlay-rgb) / .019); }
.line-no { padding-right:14px;color:var(--subtle);text-align:right;user-select:none;border-right:1px solid rgb(var(--overlay-rgb) / .025); }
.line-code { padding-left:16px;color:var(--muted); }
.tok-key { color:color-mix(in srgb,var(--accent-3) 78%,var(--ink)); }
.tok-fn { color:#83c7ff; }
.tok-str { color:#a9d18f; }
.tok-type { color:color-mix(in srgb,var(--amber) 78%,var(--ink)); }
.tok-var { color:var(--ink); }
.tok-comment { color:var(--subtle);font-style:italic; }
.tok-num { color:#dca57e; }
.cursor-line { background:color-mix(in srgb,var(--accent) 3.5%,transparent); }
.cursor-line .line-code { border-left:1px solid color-mix(in srgb,var(--accent) 45%,transparent);padding-left:15px; }

.terminal-panel { min-height:0;border-top:1px solid var(--line);background:var(--panel-dark);display:flex;flex-direction:column; }
.terminal-tabs { min-height:31px;display:flex;align-items:center;gap:17px;padding:0 13px;border-bottom:1px solid rgb(var(--overlay-rgb) / .035); }
.terminal-tabs button { height:31px;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--subtle);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.055em;cursor:pointer; }
.terminal-tabs button.active { color:var(--muted);border-color:var(--accent); }
.terminal-output { flex:1;overflow:auto;padding:10px 14px;color:var(--muted);font:var(--text-meta)/1.65 ui-monospace,SFMono-Regular,Consolas,monospace; }
.terminal-output .success-line { color:color-mix(in srgb,var(--success) 72%,var(--ink)); }
.terminal-output .command-line { color:var(--ink); }

.editor-assistant {
min-width:0;display:flex;flex-direction:column;border-left:1px solid var(--line);background:rgba(23,29,26,.82);
}
.assistant-head { min-height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid rgb(var(--overlay-rgb) / .045); }
.assistant-head strong { display:flex;align-items:center;gap:7px;font-size:var(--text-meta); }
.spark { color:var(--accent);text-shadow:0 0 8px color-mix(in srgb,var(--accent) 50%,transparent); }
.assistant-thread { flex:1;overflow:auto;padding:12px;display:grid;align-content:start;gap:10px; }
.assistant-bubble { padding:10px;border-radius:11px;background:rgb(var(--overlay-rgb) / .035);color:var(--muted);font-size:var(--text-meta);line-height:1.55; }
.assistant-bubble strong { display:block;margin-bottom:4px;color:var(--ink);font-size:var(--text-meta); }
.assistant-change { padding:9px;border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);border-radius:9px;background:color-mix(in srgb,var(--accent) 3.5%,transparent); }
.assistant-change span { display:block;color:var(--muted);font-size:var(--text-meta);line-height:1.5; }
.assistant-change button { width:100%;height:28px;margin-top:8px;border:0;border-radius:8px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:color-mix(in srgb,var(--accent) 54%,var(--ink));font-size:var(--text-meta);font-weight:700;cursor:pointer; }
.assistant-compose { padding:10px;border-top:1px solid var(--line); }
.assistant-compose textarea { width:100%;height:62px;padding:9px;border:1px solid rgb(var(--overlay-rgb) / .055);border-radius:10px;outline:0;background:var(--panel-dark);color:var(--ink);font-size:var(--text-meta);line-height:1.45; }
.assistant-compose textarea:focus { border-color:color-mix(in srgb,var(--accent) 28%,transparent); }

/* Dialogs, feedback and shared responsive rules ------------------------- */
.overlay-scrim {
position:fixed;inset:0;z-index:45;display:grid;place-items:center;padding:18px;
background:rgba(5,8,7,.67);backdrop-filter:blur(7px);opacity:0;pointer-events:none;transition:opacity .2s ease;
}
.overlay-scrim.open { opacity:1;pointer-events:auto; }
.compose-sheet {
width:min(640px,100%);--amb-albedo:var(--panel);border-radius:18px;overflow:hidden;
transform:translateY(12px) scale(.985);transition:transform .22s ease;
}
.overlay-scrim.open .compose-sheet { transform:none; }
.compose-head { min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line); }
.compose-head strong { font-size:var(--text-label); }
.compose-fields { padding:7px 15px 0; }
.compose-field { display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;min-height:38px;border-bottom:1px solid rgb(var(--overlay-rgb) / .045); }
.compose-field label { color:var(--subtle);font-size:var(--text-meta); }
.compose-field input { width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:var(--text-meta); }
.compose-body { width:100%;height:230px;padding:15px;border:0;outline:0;background:var(--panel);color:var(--ink);font-size:var(--text-meta);line-height:1.65; }
.compose-actions { min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid var(--line); }
.compose-actions-left { display:flex;align-items:center;gap:5px; }
.toast {
position:fixed;left:50%;bottom:24px;z-index:60;display:flex;align-items:center;gap:9px;
max-width:min(420px,calc(100vw - 30px));padding:11px 14px;--amb-albedo:var(--panel-2);border-radius:12px;
color:var(--ink);font-size:var(--text-meta);font-weight:620;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:.2s ease;
}
.toast.show { opacity:1;transform:translate(-50%,0); }
.toast-icon { width:21px;height:21px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent); }
/* Saved data an older copy changed, or this version cannot read: a notice until the visitor decides (sigma-application.js). */
.sibyl-import-notice { position:fixed;left:16px;bottom:calc(16px + var(--safe-bottom,0px));z-index:45;box-sizing:border-box;max-width:min(440px,calc(100vw - 32px));display:flex;gap:12px;align-items:center;padding:10px 12px 10px 14px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel-2);color:var(--ink);font:var(--text-meta)/1.45 var(--font-ui);box-shadow:0 6px 18px rgb(var(--shadow-rgb)/.18); }
.sibyl-import-notice[hidden] { display:none; }
.sibyl-import-notice p { margin:0; }
.sibyl-import-item { padding:12px 0;border-top:1px solid var(--line); }
.sibyl-import-item:first-child { border-top:0;padding-top:0; }
.sibyl-import-item h3 { margin:0 0 4px;font-size:var(--text-body); }
.sibyl-import-item p { margin:0 0 10px;color:var(--muted); }
.sibyl-import-actions { display:flex;flex-wrap:wrap;gap:8px; }
.sibyl-import-item .sibyl-import-error { color:var(--danger,#b42318);margin:10px 0 0; }

@media (max-width:1320px) {
.docs-layout { grid-template-columns:220px minmax(0,1fr); }
.docs-context,.chat-context,.editor-assistant { display:none; }
.chat-shell { grid-template-columns:214px minmax(0,1fr); }
.ide-shell { grid-template-columns:44px 210px minmax(0,1fr); }
}
@media (max-width:1040px) {
.mail-shell { grid-template-columns:280px minmax(0,1fr); }
.mail-folders { display:none; }
.workflow-toolbar { align-items:flex-start; }
.workflow-tools-left { flex-wrap:wrap; }
.workflow-search { width:240px; }
}
@media (max-width:820px) {
.workspace-page { padding:22px 15px 30px; }
.workspace-view { min-height:calc(100vh - 62px); }
.view-heading { align-items:flex-start;flex-direction:column;margin-bottom:18px; }
.view-heading-actions { width:100%;justify-content:space-between; }
.sidebar {
display:flex;position:fixed;left:0;top:0;width:min(286px,85vw);height:100vh;transform:translateX(-104%);
transition:transform .22s cubic-bezier(.2,.75,.2,1);box-shadow:18px 0 40px rgb(var(--shadow-rgb) / .35);
}
.app.menu-open .sidebar { transform:none; }
.app.menu-open .sidebar-scrim { display:block;opacity:1;pointer-events:auto; }
.brand-copy,.nav-item span,.nav-label,.nav-badge,.user-copy,.online-dot { display:block; }
.brand { justify-content:flex-start;padding:0 10px; }
.nav-item { justify-content:flex-start;padding:0 11px; }
.nav-spacer { display:block; }
.user-card { grid-template-columns:34px 1fr auto;padding:11px;place-items:initial; }
.docs-layout { grid-template-columns:1fr; }
.docs-nav { position:static;max-height:none; }
.doc-reader { padding:26px 20px; }
.doc-tree-section { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px; }
.doc-tree-section .tree-label { grid-column:1/-1; }
.arch-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.chat-shell { height:auto;min-height:720px;grid-template-columns:1fr; }
.chat-sidebar { display:none; }
.mail-shell { height:auto;min-height:730px;grid-template-columns:1fr; }
.mail-list-pane { display:none; }
.mail-reader { min-height:720px; }
.ide-shell { height:auto;min-height:760px;grid-template-columns:40px minmax(0,1fr); }
.file-panel { display:none; }
.editor-main { min-height:760px; }
.workflow-toolbar { flex-direction:column; }
.workflow-tools-right { width:100%;justify-content:space-between; }
}
@media (max-width:560px) {
.view-heading h1 { font-size:27px; }
.workspace-page { padding-left:12px;padding-right:12px; }
.doc-title-row { align-items:flex-start;flex-direction:column; }
.doc-reader { padding:22px 16px; }
.arch-grid { grid-template-columns:1fr; }
.workflow-search { width:min(100%,260px); }
.workflow-toolbar .filter-chip.hide-small { display:none; }
.ide-shell { grid-template-columns:1fr; }
.editor-rail { display:none; }
.editor-main { grid-template-rows:37px 30px minmax(0,1fr) 158px; }
.sprint-summary { display:none; }
.compose-body { height:180px; }
}


/* Command palette and final interaction polish ------------------------- */
.command-palette {
width:min(610px,100%);--amb-albedo:var(--panel);border-radius:18px;overflow:hidden;
transform:translateY(-10px) scale(.985);transition:transform .22s ease;
}
.overlay-scrim.open .command-palette { transform:none; }
.command-search {
min-height:58px;display:grid;grid-template-columns:21px minmax(0,1fr) auto;align-items:center;gap:10px;
padding:0 16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--page) 24%,transparent);
}
.command-search svg { width:19px;height:19px;color:var(--muted); }
.command-search input { width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:var(--text-body); }
.command-search input::placeholder { color:var(--subtle); }
.command-search kbd { padding:3px 6px;border:1px solid var(--line);border-radius:6px;color:var(--subtle);font-size:var(--text-meta); }
.command-content { max-height:min(480px,66vh);overflow:auto;padding:10px; }
.command-group-label { padding:7px 9px 6px;color:var(--subtle);font-size:var(--text-meta);font-weight:760;text-transform:uppercase;letter-spacing:.1em; }
.command-item {
width:100%;min-height:48px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;
padding:5px 9px;border:0;border-radius:11px;background:transparent;color:inherit;text-align:left;cursor:pointer;
}
.command-item:hover,.command-item.active { background:color-mix(in srgb,var(--accent) 7.5%,transparent); }
.command-item-icon { width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgb(var(--overlay-rgb) / .045);color:var(--accent); }
.command-item-icon svg { width:15px;height:15px; }
.command-item strong,.command-item span { display:block; }
.command-item strong { font-size:var(--text-meta); }
.command-item span { margin-top:3px;color:var(--subtle);font-size:var(--text-meta); }
.command-item kbd { color:var(--subtle);font-size:var(--text-meta); }
.command-footer { display:flex;align-items:center;gap:14px;min-height:35px;padding:0 13px;border-top:1px solid var(--line);color:var(--subtle);font-size:var(--text-meta); }
.command-footer span { display:flex;align-items:center;gap:4px; }
.command-footer kbd { padding:2px 4px;border:1px solid rgb(var(--overlay-rgb) / .07);border-radius:4px; }

.nav-item:focus-visible,.channel-item:focus-visible,.mail-item:focus-visible,.issue-card:focus-visible,.tree-row:focus-visible {
outline:2px solid color-mix(in srgb,var(--accent) 72%,transparent);outline-offset:-2px;
}
.issue-card[hidden],.mail-item[hidden],.doc-tree-button[hidden] { display:none !important; }
.notification-pulse { position:relative; }
.notification-pulse::after { content:"";position:absolute;right:8px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--amber);box-shadow:0 0 7px color-mix(in srgb,var(--amber) 55%,transparent); }
.view-heading .hero-copy { max-width:720px; }
.workspace-view:not(.active) { display:none; }

@media (max-width:520px) {
.command-content { max-height:58vh; }
.command-item { min-height:52px; }
.top-actions #quickSearch { display:none; }
}



/* Origo semantic theme layer ------------------------------------------ */
html { color-scheme:dark; }
html[data-mode="light"] { color-scheme:light; }
html.theme-shifting *,html.theme-shifting *::before,html.theme-shifting *::after {
transition-property:background-color,border-color,color,box-shadow,filter,fill,stroke;
transition-duration:var(--theme-transition);
transition-timing-function:ease;
}
body { transition:background-color var(--theme-transition) ease,color var(--theme-transition) ease; }
button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,select:focus-visible {
outline-color:var(--focus-ring);
}
.nav-label-system { margin-top:15px; }
.lab-launch { display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap; }
.theme-launch { position:relative; }
.theme-launch::before { content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2),var(--accent-3));box-shadow:0 0 0 2px rgb(var(--overlay-rgb) / .055); }

/* App views are products, not framed showcase cards. */
.native-app-page { max-width:none;padding:0; }
.native-app-shell {
height:calc(100vh - 76px);min-height:640px;border-radius:0;box-shadow:none!important;
background:var(--shell);--amb-albedo:var(--shell);
}
.native-app-shell::after { display:none; }
#view-chat,#view-mail,#view-code { overflow:hidden; }
.docs-native-page { max-width:none;padding:16px 18px 24px; }
.docs-native-page .docs-layout { min-height:calc(100vh - 116px); }
.native-workflow-page { max-width:none;padding:15px 18px 24px; }
.dashboard-toolbar {
display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px;
}
.dashboard-toolbar h1 { margin:0;font-size:clamp(25px,3vw,35px);line-height:1.08;letter-spacing:-.045em; }
.dashboard-toolbar-meta { display:flex;align-items:center;gap:8px;margin-top:7px;color:var(--muted);font-size:var(--text-meta); }
.dashboard-toolbar-meta i { width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 8px color-mix(in srgb,var(--success) 55%,transparent); }
.workflow-context-bar {
display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px;padding:10px 12px;
border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel) 72%,transparent);
}
.workflow-context-copy { min-width:0; }
.workflow-context-copy strong,.workflow-context-copy span { display:block; }
.workflow-context-copy strong { font-size:var(--text-label); }
.workflow-context-copy span { margin-top:3px;color:var(--muted);font-size:var(--text-meta); }
.workflow-context-progress { display:flex;align-items:center;gap:10px;min-width:min(330px,40vw); }
.workflow-context-progress .sprint-meter { flex:1;width:auto; }
.chat-presence-inline { display:flex;align-items:center;gap:7px;margin-left:auto;color:var(--subtle);font-size:var(--text-meta); }
.chat-presence-inline .presence-pips { margin-right:2px; }
.mail-sync-inline { display:flex!important;align-items:center;gap:6px!important;margin-left:auto;color:var(--subtle);font-size:var(--text-meta); }
.mail-sync-inline i { width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 7px color-mix(in srgb,var(--success) 50%,transparent); }
.editor-breadcrumb-spacer { flex:1; }
.editor-branch-inline { display:flex!important;align-items:center;gap:5px!important;color:var(--muted)!important; }
.editor-branch-inline::before { content:"⌘";color:var(--accent);font-family:inherit; }

/* Theme lab ------------------------------------------------------------ */
.theme-lab { width:min(370px,calc(100vw - 36px));padding:15px; }
.theme-summary { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;margin-bottom:13px; }
.theme-name-wrap span,.theme-name-wrap strong { display:block; }
.theme-name-wrap span { color:var(--subtle);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.1em;font-weight:740; }
.theme-name-wrap strong { margin-top:4px;font-size:var(--text-body);letter-spacing:-.02em; }
.theme-mode-caption { margin:-4px 0 13px;text-align:right; }
.theme-palette { display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:13px; }
.theme-swatch { min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:default; }
.theme-swatch i { display:block;height:46px;border-radius:10px;background:var(--swatch);box-shadow:inset 0 0 0 1px rgb(var(--overlay-rgb) / .10),0 4px 10px rgb(var(--shadow-rgb) / .14); }
.theme-swatch span,.theme-swatch code { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.theme-swatch span { margin-top:6px;color:var(--muted);font-size:var(--text-meta); }
.theme-swatch code { margin-top:2px;color:var(--subtle);font:var(--text-meta)/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase; }
.theme-harmony { padding:10px 11px;--amb-albedo:var(--panel-dark);border-radius:11px; }
.theme-harmony-top { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.theme-harmony-top span { color:var(--subtle);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.09em;font-weight:720; }
.theme-harmony-top strong { color:var(--ink);font-size:var(--text-meta); }
.theme-harmony p { margin:5px 0 0;color:var(--muted);font-size:var(--text-meta);line-height:1.45; }
.theme-actions { display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:12px; }
.theme-generate,.theme-reset { height:36px;border:0;border-radius:10px;cursor:pointer;font-size:var(--text-meta);font-weight:720; }
.theme-generate { --amb-albedo:var(--accent);color:var(--on-accent); }
.theme-reset { min-width:64px;--amb-albedo:var(--panel-2);color:var(--muted); }
.theme-note { display:flex;align-items:flex-start;gap:7px;margin-top:10px;color:var(--subtle);font-size:var(--text-meta);line-height:1.45; }
.theme-note i { color:var(--accent);font-style:normal; }

/* Widget gallery ------------------------------------------------------- */
.gallery-shell { height:calc(100vh - 76px);min-height:680px;display:grid;grid-template-columns:220px minmax(0,1fr);background:var(--shell); }
.gallery-sidebar { min-width:0;padding:17px 14px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--panel) 72%,transparent); }
.gallery-sidebar-head { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 6px 15px;border-bottom:1px solid var(--line); }
.gallery-sidebar-head strong,.gallery-sidebar-head span { display:block; }
.gallery-sidebar-head strong { font-size:var(--text-body); }
.gallery-sidebar-head span { margin-top:3px;color:var(--subtle);font-size:var(--text-meta); }
.gallery-version { padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-size:var(--text-meta);font-weight:760; }
.gallery-category-list { display:grid;gap:3px;margin-top:14px; }
.gallery-category { width:100%;min-height:35px;display:grid;grid-template-columns:19px 1fr auto;align-items:center;gap:7px;padding:0 8px;border:0;border-radius:9px;background:transparent;color:var(--muted);text-align:left;font-size:var(--text-meta);cursor:pointer; }
.gallery-category:hover,.gallery-category.active { background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--ink); }
.gallery-category svg { width:15px;height:15px;color:var(--subtle); }
.gallery-category.active svg { color:var(--accent); }
.gallery-category b { color:var(--subtle);font-size:var(--text-meta); }
.gallery-foundation { margin-top:20px;padding:11px;--amb-albedo:var(--panel-dark);border-radius:11px; }
.gallery-foundation strong { display:block;font-size:var(--text-meta); }
.gallery-foundation p { margin:5px 0 0;color:var(--muted);font-size:var(--text-meta);line-height:1.5; }
.gallery-content { min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr); }
.gallery-toolbar { min-height:61px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 20px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--page) 28%,transparent); }
.gallery-toolbar strong,.gallery-toolbar span { display:block; }
.gallery-toolbar strong { font-size:var(--text-body); }
.gallery-toolbar span { margin-top:3px;color:var(--subtle);font-size:var(--text-meta); }
.gallery-search { width:min(300px,34vw); }
.gallery-scroll { min-height:0;overflow:auto;padding:24px clamp(18px,3vw,36px) 44px;scroll-behavior:smooth; }
.primitive-section { max-width:1180px;margin:0 auto 34px;scroll-margin-top:18px; }
.primitive-section-head { display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:13px; }
.primitive-section-head h2 { margin:0;font-size:18px;letter-spacing:-.025em; }
.primitive-section-head p { margin:4px 0 0;color:var(--muted);font-size:var(--text-meta); }
.primitive-section-head span { color:var(--subtle);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.1em;font-weight:730; }
.primitive-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.primitive-card { min-width:0;padding:15px;--amb-albedo:var(--panel);border-radius:15px; }
.primitive-card[hidden] { display:none!important; }
.primitive-card-head { display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px; }
.primitive-card-head strong,.primitive-card-head span { display:block; }
.primitive-card-head strong { font-size:var(--text-meta); }
.primitive-card-head span { margin-top:3px;color:var(--subtle);font-size:var(--text-meta); }
.token-copy { min-height:25px;padding:0 7px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--subtle);font-size:var(--text-meta);cursor:pointer; }
.token-copy:hover { color:var(--accent);border-color:color-mix(in srgb,var(--accent) 25%,transparent); }
.primitive-stage { min-height:116px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:16px;--amb-albedo:var(--panel-dark);border-radius:12px; }
.primitive-stage.column { align-items:stretch;flex-direction:column;justify-content:center; }
.primitive-stage.center { justify-content:center; }
.demo-btn { min-height:36px;padding:0 13px;border:0;border-radius:10px;cursor:pointer;font-size:var(--text-meta);font-weight:700; }
.demo-btn.primary { --amb-albedo:var(--accent);color:var(--on-accent); }
.demo-btn.secondary { --amb-albedo:var(--panel-2);color:var(--ink); }
.demo-btn.quiet { background:transparent;color:var(--muted); }
.demo-btn.quiet:hover { background:rgb(var(--overlay-rgb) / .05);color:var(--ink); }
.demo-btn.danger { --amb-albedo:color-mix(in srgb,var(--danger) 22%,var(--panel-2));color:color-mix(in srgb,var(--danger) 62%,var(--ink)); }
.demo-icon-btn { width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:11px;--amb-albedo:var(--panel-2);color:var(--muted);cursor:pointer; }
.demo-icon-btn.active { --amb-albedo:color-mix(in srgb,var(--accent) 18%,var(--panel-2));color:var(--accent); }
.demo-icon-btn svg { width:16px;height:16px; }
.demo-field { display:grid;gap:6px;width:100%; }
.demo-field > span { color:var(--muted);font-size:var(--text-meta);font-weight:650; }
.demo-input-wrap { min-height:39px;display:grid;grid-template-columns:17px 1fr auto;align-items:center;gap:7px;padding:0 10px;--amb-albedo:var(--panel-dark);border-radius:10px; }
.demo-input-wrap svg { width:15px;height:15px;color:var(--subtle); }
.demo-input-wrap input,.demo-input-wrap select { width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:var(--text-meta); }
.demo-input-wrap select { appearance:none; }
.field-hint { color:var(--subtle);font-size:var(--text-meta); }
.choice-row { display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:32px; }
.choice-row > span { color:var(--muted);font-size:var(--text-meta); }
.choice-row input[type="checkbox"],.choice-row input[type="radio"] { width:15px;height:15px;accent-color:var(--accent); }
.demo-switch { position:relative;width:36px;height:20px;display:inline-flex; }
.demo-switch input { position:absolute;opacity:0;pointer-events:none; }
.demo-switch i { width:100%;height:100%;border-radius:999px;background:var(--panel-2);box-shadow:inset 0 2px 5px rgb(var(--shadow-rgb) / .2);transition:.16s ease; }
.demo-switch i::after { content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--muted);box-shadow:0 2px 5px rgb(var(--shadow-rgb) / .24);transition:.16s ease; }
.demo-switch input:checked + i { background:color-mix(in srgb,var(--accent) 54%,var(--panel-2)); }
.demo-switch input:checked + i::after { transform:translateX(16px);background:var(--accent); }
.demo-segmented { display:flex;padding:3px;--amb-albedo:var(--panel-dark);border-radius:10px; }
.demo-progress-stack { display:grid;gap:13px;width:100%; }
.demo-progress-row { display:grid;grid-template-columns:62px minmax(0,1fr) 34px;align-items:center;gap:9px;color:var(--muted);font-size:var(--text-meta); }
.demo-progress-track { height:8px;padding:2px;--amb-albedo:var(--panel-dark);border-radius:999px;overflow:hidden; }
.demo-progress-track i { display:block;width:var(--value,64%);height:100%;border-radius:inherit;--amb-albedo:var(--accent);box-shadow:0 0 9px color-mix(in srgb,var(--accent) 28%,transparent);transition:width .2s ease; }
.progress-control { width:100%;accent-color:var(--accent); }
.demo-radial { --value:72;width:92px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--value)*1%),color-mix(in srgb,var(--panel-2) 90%,transparent) 0);box-shadow:0 8px 20px rgb(var(--shadow-rgb) / .2);position:relative; }
.demo-radial::before { content:"";position:absolute;inset:10px;border-radius:50%;background:var(--panel-dark);box-shadow:inset 0 4px 10px rgb(var(--shadow-rgb) / .28); }
.demo-radial strong,.demo-radial span { position:relative;z-index:1;display:block;text-align:center; }
.demo-radial strong { font-size:17px; }
.demo-radial span { margin-top:1px;color:var(--subtle);font-size:var(--text-meta); }
.status-cluster { display:flex;align-items:center;flex-wrap:wrap;gap:7px; }
.demo-badge { display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 8px;border-radius:999px;background:rgb(var(--overlay-rgb) / .05);color:var(--muted);font-size:var(--text-meta);font-weight:680; }
.demo-badge::before { content:"";width:5px;height:5px;border-radius:50%;background:currentColor; }
.demo-badge.success { color:var(--success);background:color-mix(in srgb,var(--success) 9%,transparent); }
.demo-badge.warning { color:var(--amber);background:color-mix(in srgb,var(--amber) 10%,transparent); }
.demo-badge.danger { color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent); }
.demo-badge.info { color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 10%,transparent); }
.demo-avatar-stack { display:flex;margin-left:5px; }
.demo-avatar-stack i { width:31px;height:31px;display:grid;place-items:center;margin-left:-6px;border:2px solid var(--panel-dark);border-radius:10px;background:var(--avatar);color:var(--on-accent);font-style:normal;font-size:var(--text-meta);font-weight:820; }
.surface-samples { width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px; }
.surface-sample { min-height:78px;display:grid;place-items:center;padding:8px;border-radius:11px;text-align:center; }
.surface-sample strong,.surface-sample span { display:block; }
.surface-sample strong { font-size:var(--text-meta); }
.surface-sample span { margin-top:4px;color:var(--subtle);font-size:var(--text-meta); }
.gallery-empty { display:none;max-width:1180px;margin:30px auto;padding:24px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center;font-size:var(--text-meta); }
.gallery-empty.visible { display:block; }
.gallery-compact .primitive-stage { min-height:90px;padding:11px; }

/* Origo visual design system ------------------------------------------ */
.origo-shell { height:calc(100vh - 76px);min-height:700px;display:grid;grid-template-columns:216px minmax(0,1fr) 238px;background:var(--shell); }
.origo-nav { min-width:0;padding:18px 14px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--panel) 74%,transparent);overflow:auto; }
.origo-wordmark { display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:0 6px 17px;border-bottom:1px solid var(--line); }
.origo-mark { width:36px;height:36px;display:grid;place-items:center;--amb-albedo:color-mix(in srgb,var(--accent) 18%,var(--panel-2));border-radius:12px;color:var(--accent);font:700 15px/1 Georgia,serif; }
.origo-wordmark strong,.origo-wordmark span { display:block; }
.origo-wordmark strong { font-size:var(--text-body);letter-spacing:.01em; }
.origo-wordmark span { margin-top:3px;color:var(--subtle);font-size:var(--text-meta); }
.origo-nav-list { display:grid;gap:3px;margin-top:15px; }
.origo-nav-button { width:100%;min-height:34px;padding:0 9px;border:0;border-radius:9px;background:transparent;color:var(--muted);text-align:left;font-size:var(--text-meta);cursor:pointer; }
.origo-nav-button:hover,.origo-nav-button.active { background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--ink); }
.origo-nav-note { margin-top:20px;padding:11px;--amb-albedo:var(--panel-dark);border-radius:11px; }
.origo-nav-note strong { display:block;font-size:var(--text-meta); }
.origo-nav-note p { margin:5px 0 0;color:var(--muted);font-size:var(--text-meta);line-height:1.5; }
.origo-document { min-width:0;overflow:auto;scroll-behavior:smooth;padding:clamp(30px,4vw,58px) clamp(24px,5vw,76px) 72px; }
.origo-article { max-width:900px;margin:0 auto; }
.origo-hero { padding-bottom:34px;border-bottom:1px solid var(--line);scroll-margin-top:24px; }
.origo-kicker { display:flex;align-items:center;gap:8px;color:var(--accent);font-size:var(--text-meta);font-weight:760;text-transform:uppercase;letter-spacing:.14em; }
.origo-kicker::before { content:"";width:18px;height:1px;background:var(--accent); }
.origo-hero h1 { max-width:760px;margin:16px 0 0;font-size:clamp(34px,5vw,58px);line-height:.98;letter-spacing:-.055em; }
.origo-hero > p { max-width:730px;margin:19px 0 0;color:var(--muted);font-size:var(--text-body);line-height:1.7; }
.origo-traits { display:flex;flex-wrap:wrap;gap:7px;margin-top:21px; }
.origo-traits span { padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:var(--text-meta);font-weight:690; }
.origo-section { margin-top:48px;scroll-margin-top:24px; }
.origo-section-label { color:var(--accent);font-size:var(--text-meta);font-weight:750;text-transform:uppercase;letter-spacing:.13em; }
.origo-section h2 { margin:8px 0 0;font-size:25px;letter-spacing:-.035em; }
.origo-section > p { max-width:760px;margin:12px 0 0;color:var(--muted);font-size:var(--text-label);line-height:1.75; }
.principle-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:21px; }
.principle-card { padding:17px;--amb-albedo:var(--panel);border-radius:14px; }
.principle-number { width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-size:var(--text-meta);font-weight:800; }
.principle-card h3 { margin:13px 0 0;font-size:var(--text-label); }
.principle-card p { margin:7px 0 0;color:var(--muted);font-size:var(--text-meta);line-height:1.62; }
.scene-model { margin-top:22px;padding:18px;--amb-albedo:var(--panel-dark);border-radius:14px; }
.scene-flow { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:center; }
.scene-node { min-height:76px;display:grid;place-items:center;padding:9px;--amb-albedo:var(--panel-2);border-radius:11px;text-align:center;position:relative; }
.scene-node:not(:last-child)::after { content:"→";position:absolute;right:-12px;color:var(--subtle);z-index:3; }
.scene-node strong,.scene-node span { display:block; }
.scene-node strong { font-size:var(--text-meta); }
.scene-node span { margin-top:4px;color:var(--subtle);font-size:var(--text-meta);line-height:1.35; }
.origo-rule { margin-top:12px;padding:11px 13px;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent);color:var(--muted);font-size:var(--text-meta);line-height:1.6; }
.depth-table { width:100%;margin-top:20px;border-collapse:separate;border-spacing:0 7px; }
.depth-table th { padding:0 11px 5px;color:var(--subtle);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.1em;text-align:left; }
.depth-table td { padding:11px;background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--text-meta);line-height:1.45; }
.depth-table td:first-child { width:82px;border-left:1px solid var(--line);border-radius:10px 0 0 10px;color:var(--ink);font-weight:720; }
.depth-table td:last-child { border-right:1px solid var(--line);border-radius:0 10px 10px 0; }
.depth-chip { display:inline-flex;align-items:center;gap:6px; }
.depth-chip i { width:21px;height:16px;border-radius:5px;background:var(--panel-2);box-shadow:var(--depth-shadow); }
.material-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px; }
.material-card { min-height:138px;padding:15px;border-radius:14px; }
.material-card h3 { margin:0;font-size:var(--text-label); }
.material-card p { margin:7px 0 0;color:var(--muted);font-size:var(--text-meta);line-height:1.55; }
.material-card small { display:block;margin-top:18px;color:var(--subtle);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.08em; }
.color-guidance { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:12px;margin-top:20px; }
.color-copy,.token-panel { padding:17px;--amb-albedo:var(--panel);border-radius:14px; }
.color-copy h3,.token-panel h3 { margin:0;font-size:var(--text-label); }
.guideline-list { display:grid;gap:10px;margin-top:13px; }
.guideline-list div { display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start; }
.guideline-list i { width:18px;height:18px;display:grid;place-items:center;border-radius:6px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-style:normal;font-size:var(--text-meta);font-weight:800; }
.guideline-list p { margin:0;color:var(--muted);font-size:var(--text-meta);line-height:1.55; }
.live-token-list { display:grid;gap:8px;margin-top:13px; }
.live-token { display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px; }
.live-token i { width:24px;height:24px;border-radius:8px;background:var(--token);box-shadow:inset 0 0 0 1px rgb(var(--overlay-rgb) / .1); }
.live-token span { color:var(--muted);font-size:var(--text-meta); }
.live-token code { color:var(--subtle);font:var(--text-meta)/1 ui-monospace,SFMono-Regular,Consolas,monospace; }
.type-specimens { display:grid;gap:8px;margin-top:20px; }
.type-row { display:grid;grid-template-columns:92px minmax(0,1fr) 95px;align-items:baseline;gap:13px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--panel) 75%,transparent); }
.type-row > span,.type-row > code { color:var(--subtle);font-size:var(--text-meta); }
.type-row > code { text-align:right;font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.type-display { font-size:30px;line-height:1.1;letter-spacing:-.045em;font-weight:720; }
.type-heading { font-size:21px;line-height:1.25;letter-spacing:-.025em;font-weight:680; }
.type-body { font-size:var(--text-body);line-height:1.55; }
.type-ui { font-size:var(--text-body);line-height:1.4;font-weight:620; }
.type-meta { font-size:var(--text-label);line-height:1.4;color:var(--muted); }
.motion-grid,.access-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px; }
.guidance-card { padding:15px;--amb-albedo:var(--panel);border-radius:13px; }
.guidance-card strong { display:block;font-size:var(--text-meta); }
.guidance-card p { margin:6px 0 0;color:var(--muted);font-size:var(--text-meta);line-height:1.55; }
.handoff-checklist { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px; }
.handoff-item { display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--panel) 72%,transparent); }
.handoff-item i { width:21px;height:21px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success);font-style:normal;font-size:var(--text-meta);font-weight:800; }
.handoff-item strong,.handoff-item span { display:block; }
.handoff-item strong { font-size:var(--text-meta); }
.handoff-item span { margin-top:4px;color:var(--muted);font-size:var(--text-meta);line-height:1.45; }
.origo-rail { padding:18px 14px;border-left:1px solid var(--line);background:color-mix(in srgb,var(--panel) 66%,transparent);overflow:auto; }
.origo-rail-card { padding:13px;--amb-albedo:var(--panel-dark);border-radius:12px;margin-bottom:10px; }
.origo-rail-card > strong { display:block;font-size:var(--text-meta); }
.origo-rail-card > p { margin:5px 0 0;color:var(--muted);font-size:var(--text-meta);line-height:1.5; }
.origo-glance { display:grid;gap:8px;margin-top:12px; }
.origo-glance div { display:grid;grid-template-columns:17px minmax(0,1fr);gap:7px;align-items:start;color:var(--muted);font-size:var(--text-meta);line-height:1.4; }
.origo-glance i { width:16px;height:16px;display:grid;place-items:center;border-radius:5px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-style:normal;font-size:var(--text-meta); }
.origo-theme-preview { display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:11px; }
.origo-theme-preview i { height:34px;border-radius:8px;background:var(--token); }
.origo-theme-summary { display:block;margin-top:8px;color:var(--subtle);font-size:var(--text-meta);line-height:1.4; }

/* Light mode: neutral surfaces brighten while depth remains coherent. */
html[data-mode="light"] body {
background:
radial-gradient(circle at 78% -10%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 26rem),
radial-gradient(circle at -10% 120%,color-mix(in srgb,var(--accent-2) 9%,transparent),transparent 34rem),
var(--page);
}
html[data-mode="light"] .sidebar { background:color-mix(in srgb,var(--shell) 94%,transparent); }
html[data-mode="light"] .topbar { background:color-mix(in srgb,var(--shell) 78%,transparent); }
html[data-mode="light"] .sidebar-scrim { background:rgb(var(--shadow-rgb) / .36); }
html[data-mode="light"] :where(.ambient.amb-surface,.ambient.amb-surface-convex) {
box-shadow:inset 0 1px 0 rgb(var(--overlay-rgb) / .055),0 7px 18px rgb(var(--shadow-rgb) / .11);
}
html[data-mode="light"] :where(.ambient.amb-surface-concave) {
box-shadow:inset 2px 3px 7px rgb(var(--shadow-rgb) / .11),inset -1px -1px 1px rgb(var(--overlay-rgb) / .18);
}
html[data-mode="light"] .chat-sidebar,
html[data-mode="light"] .chat-context,
html[data-mode="light"] .mail-folders,
html[data-mode="light"] .editor-rail { background:color-mix(in srgb,var(--panel-dark) 72%,transparent); }
html[data-mode="light"] .chat-thread,
html[data-mode="light"] .mail-reader { background:color-mix(in srgb,var(--panel) 72%,transparent); }
html[data-mode="light"] .file-panel { background:color-mix(in srgb,var(--panel) 88%,transparent); }
html[data-mode="light"] .issue-card.selected { box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 34%,transparent),0 8px 17px rgb(var(--shadow-rgb) / .11); }


@media (max-width:1320px) {
.origo-shell { grid-template-columns:210px minmax(0,1fr); }
.origo-rail { display:none; }
}
@media (max-width:1080px) {
.gallery-shell { grid-template-columns:190px minmax(0,1fr); }
.primitive-grid { grid-template-columns:1fr; }
.origo-shell { grid-template-columns:185px minmax(0,1fr); }
.material-grid { grid-template-columns:1fr; }
}
@media (max-width:820px) {
.top-actions .lab-launch { display:grid;width:38px;padding:0;place-items:center;font-size:0; }
.top-actions .theme-launch::before { width:10px;height:10px; }
.top-actions #openLab::before { content:"☀";font-size:var(--text-body);color:var(--muted); }
.native-app-shell,.gallery-shell,.origo-shell { height:calc(100vh - 62px); }
.docs-native-page { padding:12px; }
.dashboard-toolbar { align-items:flex-start;flex-direction:column; }
.workflow-context-bar { align-items:flex-start;flex-direction:column; }
.workflow-context-progress { width:100%;min-width:0; }
.gallery-shell { display:block;height:auto;min-height:calc(100vh - 62px); }
.gallery-sidebar { border-right:0;border-bottom:1px solid var(--line); }
.gallery-category-list { grid-template-columns:repeat(4,minmax(0,1fr)); }
.gallery-category { grid-template-columns:17px minmax(0,1fr); }
.gallery-category b { display:none; }
.gallery-foundation { display:none; }
.gallery-content { min-height:720px; }
.origo-shell { display:block;height:auto; }
.origo-nav { border-right:0;border-bottom:1px solid var(--line); }
.origo-nav-list { grid-template-columns:repeat(4,minmax(0,1fr)); }
.origo-nav-note { display:none; }
.origo-document { overflow:visible;padding:30px 20px 60px; }
.scene-flow { grid-template-columns:1fr; }
.scene-node:not(:last-child)::after { content:"↓";right:auto;bottom:-14px; }
.color-guidance { grid-template-columns:1fr; }
}
@media (max-width:580px) {
.top-actions #openLab { display:none; }
.theme-lab { right:12px;bottom:12px;width:calc(100vw - 24px); }
.theme-palette { grid-template-columns:repeat(5,minmax(0,1fr)); }
.gallery-toolbar { align-items:flex-start;flex-direction:column; }
.gallery-search { width:100%; }
.gallery-category-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
.gallery-scroll { padding:18px 12px 36px; }
.surface-samples { grid-template-columns:1fr; }
.principle-grid,.motion-grid,.access-grid,.handoff-checklist { grid-template-columns:1fr; }
.origo-nav-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
.origo-hero h1 { font-size:36px; }
.type-row { grid-template-columns:72px minmax(0,1fr); }
.type-row > code { display:none; }
.depth-table th:nth-child(3),.depth-table td:nth-child(3) { display:none; }
}


/* Responsive shell and layout hardening ---------------------------------
The application rail, native work surfaces, and local master/detail
panes share one predictable sizing model at every viewport. */
:root {
--sidebar-expanded: 224px;
--sidebar-compact: 72px;
--sidebar: var(--sidebar-expanded);
--topbar-height: 76px;
}

html, body { min-height:100%; }
.app { min-height:100dvh;grid-template-columns:var(--sidebar) minmax(0,1fr); }
.main { min-width:0; }

.sidebar {
min-width:0;
padding:14px 12px;
gap:14px;
overflow:hidden;
}
.brand { flex:0 0 48px;min-width:0;height:48px; }
.surface-switcher {
flex:1 1 auto;
min-height:0;
align-content:start;
overflow-x:hidden;
overflow-y:auto;
overscroll-behavior:contain;
scrollbar-width:none;
}
.surface-switcher::-webkit-scrollbar { display:none; }
.sidebar-bottom { flex:0 0 auto;min-width:0;width:100%;gap:8px; }
.workspace-status,.user-card { min-width:0;width:100%;overflow:hidden; }
.workspace-status-copy,.user-copy { min-width:0; }

.topbar {
height:var(--topbar-height);
min-height:var(--topbar-height);
padding-block:0;
}
.topbar > div:first-child,.breadcrumbs { min-width:0; }
.breadcrumbs span,.breadcrumbs strong { white-space:nowrap; }
#topTitle { min-width:0;overflow:hidden;text-overflow:ellipsis; }
.top-actions { flex:0 0 auto; }

.workspace-view { min-height:calc(100dvh - var(--topbar-height)); }
.native-app-shell,.gallery-shell,.origo-shell {
height:calc(100dvh - var(--topbar-height));
min-height:0;
}
.chat-shell,.mail-shell,.ide-shell { position:relative;isolation:isolate; }
.chat-sidebar,.chat-context,.mail-folders,.mail-list-pane,.file-panel,.editor-assistant { min-height:0; }
.chat-sidebar,.chat-context,.mail-folders { overflow:auto;overscroll-behavior:contain; }
.messages,.mail-list,.mail-reader-content,.code-stage,.gallery-scroll,.origo-document {
scrollbar-gutter:stable;
overscroll-behavior:contain;
}
.mail-reader,.editor-main { min-height:0; }

.local-pane-toggle,.local-pane-scrim { display:none; }
.local-pane-toggle {
flex:0 0 auto;
width:30px;
height:30px;
place-items:center;
border:0;
border-radius:9px;
background:rgb(var(--overlay-rgb) / .045);
color:var(--muted);
cursor:pointer;
}
.local-pane-toggle:hover { color:var(--ink);background:rgb(var(--overlay-rgb) / .075); }
.local-pane-toggle svg { width:15px;height:15px; }

@media (max-width:1180px) and (min-width:821px) {
:root { --sidebar:var(--sidebar-compact); }
.sidebar { padding:12px 10px;gap:12px; }
.brand { height:48px;justify-content:center;padding:0; }
.brand-mark { width:38px;border-radius:12px; }
.brand-copy,.nav-item > span,.nav-badge,.nav-spacer,.user-copy,.online-dot,.workspace-status-copy { display:none; }
.surface-switcher { gap:4px; }
.nav-item {
position:relative;
width:48px;
min-height:44px;
margin-inline:auto;
padding:0;
gap:0;
justify-content:center;
flex:none;
}
.nav-icon { width:19px;height:19px; }
.surface-switcher .nav-item.active::after { left:0;top:9px;bottom:9px; }
.nav-label { display:none; }
.nav-label-system {
display:block;
width:28px;
height:1px;
margin:8px auto;
padding:0;
background:var(--line);
color:transparent;
font-size:0;
}
.workspace-status {
width:48px;
height:44px;
margin-inline:auto;
padding:0;
grid-template-columns:1fr;
place-items:center;
border-radius:13px;
}
.workspace-status-icon { width:30px;height:30px;border-radius:9px; }
.user-card {
width:48px;
height:48px;
margin-inline:auto;
padding:0;
grid-template-columns:1fr;
place-items:center;
border-radius:14px;
}
.user-card .avatar { width:32px;height:32px;border-radius:10px; }
}

/* Collapse descriptive lab labels before the top bar becomes crowded. */
@media (max-width:960px) and (min-width:821px) {
.top-actions .lab-launch { display:grid;width:38px;padding:0;place-items:center;font-size:0; }
.top-actions .theme-launch::before { width:10px;height:10px; }
.top-actions #openLab::before { content:"☀";font-size:var(--text-body);color:var(--muted); }
}

/* Short desktop windows keep the rail usable instead of clipping its foot. */
@media (max-height:720px) and (min-width:821px) {
.sidebar { padding-block:9px;gap:8px; }
.brand { height:42px;flex-basis:42px; }
.nav-item { min-height:38px; }
.workspace-status { display:none; }
}

@media (max-width:820px) {
:root { --topbar-height:62px; }
.sidebar {
padding:16px 14px;
gap:16px;
overflow:hidden;
}
.brand { height:48px;flex-basis:48px;justify-content:flex-start;padding:0 10px; }
.brand-mark { width:33px;border-radius:11px; }
.brand-copy,.nav-item > span,.nav-badge,.nav-spacer,.user-copy,.online-dot,.workspace-status-copy { display:block; }
.surface-switcher { gap:4px; }
.nav-item {
width:100%;
min-height:42px;
margin:0;
padding:0 11px;
gap:11px;
justify-content:flex-start;
}
.nav-icon { width:18px;height:18px; }
.nav-label {
display:block;
width:auto;
height:auto;
margin:2px 11px 6px;
padding:0;
background:none;
color:var(--subtle);
font-size:var(--text-meta);
}
.nav-label-system { margin-top:15px; }
.workspace-status {
display:grid;
width:100%;
height:auto;
margin:0;
padding:10px;
grid-template-columns:28px minmax(0,1fr);
place-items:initial;
border-radius:12px;
}
.workspace-status-icon { width:28px;height:28px;border-radius:9px; }
.user-card {
width:100%;
height:auto;
margin:0;
padding:11px;
grid-template-columns:34px minmax(0,1fr) auto;
place-items:initial;
border-radius:14px;
}
.user-card .avatar { width:34px;height:34px;border-radius:11px; }

.native-app-shell { height:calc(100dvh - var(--topbar-height));min-height:0; }
.chat-shell,.mail-shell { grid-template-columns:1fr; }
.mail-reader,.editor-main { min-height:0; }
.local-pane-toggle { display:grid; }
.local-pane-scrim {
display:block;
position:absolute;
inset:0;
z-index:18;
border:0;
background:rgb(var(--shadow-rgb) / .48);
backdrop-filter:blur(3px);
opacity:0;
pointer-events:none;
transition:opacity .2s ease;
}
[data-local-pane-shell].local-pane-open > .local-pane-scrim { opacity:1;pointer-events:auto; }

.chat-sidebar,.mail-list-pane,.file-panel {
position:absolute;
top:0;
bottom:0;
left:0;
z-index:20;
width:min(300px,88vw);
height:100%;
transform:translateX(-104%);
transition:transform .22s cubic-bezier(.2,.75,.2,1);
box-shadow:18px 0 42px rgb(var(--shadow-rgb) / .38);
}
.chat-sidebar { display:block!important; }
.mail-list-pane { display:grid!important; }
.file-panel { display:flex!important; }
#chatShell.local-pane-open .chat-sidebar,
#mailShell.local-pane-open .mail-list-pane,
#codeShell.local-pane-open .file-panel { transform:none; }

.chat-header { gap:9px;padding-inline:12px; }
.chat-heading { min-width:0; }
.chat-heading strong,.chat-heading span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.mail-reader-toolbar { padding-inline:10px;gap:8px; }
.editor-pane-toggle { align-self:center;margin:3px 4px 3px 5px; }
.editor-tabs { min-width:0; }
.workflow-board { scroll-snap-type:x proximity; }
.board-column { scroll-snap-align:start; }
}

@media (max-width:560px) {
#codeShell .file-panel { left:0;width:min(300px,88vw); }
.chat-presence-inline { display:none; }
.mail-sync-inline { display:none!important; }
.mail-reader-toolbar > span { margin-left:auto; }
.reader-sender { grid-template-columns:38px minmax(0,1fr); }
.reader-sender time { grid-column:2; }
.composer-hint span:last-child { display:none; }
}



/* Tables in the design-system guide reflow instead of widening the page. */
@media (max-width:820px) {
.depth-table { width:100%;min-width:0;table-layout:fixed; }
.depth-table th,.depth-table td { min-width:0;white-space:normal;overflow-wrap:anywhere; }
.depth-table th:first-child,.depth-table td:first-child { width:96px; }
}
@media (max-width:560px) {
.depth-table th:first-child,.depth-table td:first-child { width:88px; }
}



/* ORIGO / Exploration 02 — portable scenes, local work, living knowledge. */
[hidden] { display:none!important; }
button:disabled { cursor:not-allowed;opacity:.46; }
:where(button,input,textarea,select,summary):focus-visible { outline:2px solid var(--focus-ring);outline-offset:3px; }
input,textarea,select { color:var(--ink);accent-color:var(--accent); }
select { color-scheme:inherit; }
button,a,input,textarea { -webkit-tap-highlight-color:transparent; }
.sidebar { height:100dvh; }
.lab { width:min(386px,calc(100vw - 28px));max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;padding:18px;z-index:70; }
.lab-head { position:sticky;top:-18px;z-index:2;padding-block:8px;background:var(--panel); }
.lab:not(.open) { visibility:hidden; }
.lab.open { visibility:visible; }
.lab-section { border-top:1px solid var(--line);margin-top:17px;padding-top:15px; }
.lab-label { display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:var(--text-label);font-weight:700; }
.lab-label span { color:var(--muted);font-weight:500; }
.lab-caption,.local-note { font-size:var(--text-meta);line-height:1.6;color:var(--muted); }
.preset-name { display:grid;gap:6px;font-size:var(--text-meta);color:var(--muted); }
.preset-name input { width:100%;border:1px solid var(--line);background:var(--panel-dark);border-radius:9px;padding:10px;font-size:var(--text-label); }
.preset-actions { display:flex;gap:8px;margin-top:10px; }
.preset-actions button { flex:1;justify-content:center; }
.preset-status { margin:8px 0 0;min-height:30px;font-size:var(--text-meta);line-height:1.6;color:var(--muted); }
.preset-status.error { color:var(--danger); }
.depth-picker { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px; }
.depth-picker > [data-part="segment"] { min-height:68px;padding:10px 4px; }
.depth-picker [data-part="label"] { display:grid;gap:7px;place-items:center; }
.depth-picker i { width:28px;height:16px;border-radius:5px;background:var(--panel-2);display:block;--amb-albedo:var(--panel-2); }
.depth-picker button:nth-child(1) i { border:1px solid var(--line); }
.depth-picker button:nth-child(2) i { --amb-elevation:.6;--amb-thickness:.7; }
.depth-picker button:nth-child(3) i { --amb-elevation:1.8;--amb-thickness:1.7; }
.depth-info { font-size:var(--text-meta);line-height:1.7;color:var(--muted);margin:10px 0 0; }
.depth-reset { margin-top:9px;padding:0;background:none;border:0;color:var(--accent);font-size:var(--text-meta);cursor:pointer; }
.light-study { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-block:14px 16px;padding:16px;border-radius:14px;background:var(--panel-dark); }
.light-study-swatch { aspect-ratio:1.25;border-radius:12px;display:grid;place-items:center;--amb-albedo:var(--panel-2);font-size:var(--text-meta);color:var(--ink); }
.light-study .amb-mat-glass { background-color:color-mix(in srgb,var(--panel-2) 66%,transparent); }
.appearance-badge { background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:20px;font-size:var(--text-meta);padding:5px 9px;cursor:pointer;white-space:nowrap; }
.storage-notice { font-size:var(--text-meta);color:var(--amber);margin:8px 0; }
/* True dialogs inherit the scene; their backdrop does not change content light. */
.work-dialog { margin:auto;padding:0;width:min(710px,calc(100vw - 32px));max-height:calc(100dvh - 36px);border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--ink);--amb-albedo:var(--panel);overflow:hidden; }
.work-dialog[open] { display:flex;flex-direction:column; }
.work-dialog::backdrop { background:rgb(0 0 0 / .55);backdrop-filter:blur(6px); }
.work-dialog.wide { width:min(980px,calc(100vw - 32px)); }
.work-dialog-head { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line);flex:none; }
.work-dialog-head h2 { margin:0;font-size:var(--text-reading);letter-spacing:-.015em; }
.work-dialog-head small { display:block;color:var(--muted);margin-top:4px;font-size:var(--text-meta); }
.work-dialog-body { padding:22px;overflow:auto;min-height:0;line-height:1.65;font-size:var(--text-body); }
.work-dialog-footer { display:flex;gap:8px;align-items:center;justify-content:flex-end;padding:14px 22px;border-top:1px solid var(--line);flex:none;flex-wrap:wrap; }
.work-dialog .work-form { display:grid;gap:16px; }
.form-field { display:grid;gap:6px;font-size:var(--text-label);color:var(--muted); }
.form-field :is(input,textarea,select) { width:100%;min-width:0;border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:var(--panel-dark);color:var(--ink);font-size:var(--text-body); }
.form-field textarea { resize:vertical;min-height:100px; }
.form-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px; }
.form-error { color:var(--danger);font-size:var(--text-label);margin:0; }
.work-dialog code,.source-snapshot { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.source-snapshot { white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel-dark);padding:18px;border-radius:12px;color:var(--muted);font-size:var(--text-label); }
.dialog-callout { padding:12px 16px;border-radius:10px;border-left:2px solid var(--accent);background:var(--accent-soft);margin-bottom:18px; }
.text-action { border:0;background:none;color:var(--accent);cursor:pointer;font-size:inherit;padding:0;text-align:left; }
.blank-state { padding:32px 18px;color:var(--muted);text-align:center;line-height:1.7;font-size:var(--text-body); }
.blank-state strong { display:block;color:var(--ink);font-size:var(--text-reading);margin-bottom:5px; }
/* Dashboard data feedback. */
.dashboard .chart-dot { transition:cx .25s ease,cy .25s ease; }
.report-summary { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0; }
.report-stat { padding:18px;background:var(--panel-dark);border:1px solid var(--line);border-radius:12px; }
.report-stat span { color:var(--muted);font-size:var(--text-label); }
.report-stat strong { display:block;font-size:27px;letter-spacing:-.04em; }
/* Documentation remains a quiet reading experience. */
.doc-page-tools { display:flex;align-items:center;gap:8px;margin-left:auto; }
.doc-page-tools .soft-btn { min-height:32px;font-size:var(--text-meta); }
.doc-title-row { gap:12px; }
.doc-title-row h2 { min-width:0; }
.doc-meta .doc-updated { color:var(--muted); }
.doc-generated-body h3 { margin:30px 0 10px;font-size:19px; }
.doc-generated-body p,.doc-generated-body li { color:var(--muted);line-height:1.9;font-size:var(--text-body); }
.doc-generated-body ul { padding-left:22px; }
.doc-generated-body pre { border:1px solid var(--line);background:var(--panel-dark);border-radius:12px;padding:18px;overflow:auto;font:var(--text-body)/1.8 ui-monospace,Consolas,monospace; }
/* Chat: independent channels, actual reactions and filtering. */
.message-bubble { white-space:pre-wrap; }
.chat-search-result { padding:9px 16px;font-size:var(--text-label);border-bottom:1px solid var(--line);color:var(--muted); }
.message-attachment { display:inline-flex;margin-top:10px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;font-size:var(--text-label);color:var(--muted); }
.chat-composer .local-note { margin-top:4px; }
/* Email: native folders on small screens and local delivery status. */
.mobile-folder-select { display:none;border:1px solid var(--line);border-radius:8px;padding:6px;background:var(--panel-dark);max-width:140px;font-size:var(--text-label); }
.mail-reader-content .blank-state { margin-top:60px; }
.compose-local-note { padding:7px 20px;color:var(--muted);font-size:var(--text-meta);border-bottom:1px solid var(--line); }
.compose-actions-left { min-width:0; }
.compose-error { color:var(--danger);font-size:var(--text-label);padding-inline:20px; }
/* Workflow has one data model for board, list, and issue inspector. */
.workflow-table-wrap { margin-top:20px;overflow:auto;border:1px solid var(--line);border-radius:13px;background:var(--shell); }
.workflow-table { width:100%;border-collapse:collapse;min-width:640px; }
.workflow-table th,.workflow-table td { text-align:left;padding:14px;border-bottom:1px solid var(--line);font-size:var(--text-label); }
.workflow-table th { font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--panel-dark); }
.workflow-table tbody tr:hover { background:var(--accent-soft); }
.issue-comment { margin:12px 0;padding:12px;border-radius:9px;background:var(--panel-dark); }
.issue-comment strong { font-size:var(--text-label); }
.issue-comment p { margin:4px 0;font-size:var(--text-label);color:var(--muted); }
.issue-status-pill { display:inline-block;border-radius:16px;background:var(--accent-soft);color:var(--accent);padding:4px 9px;font-size:var(--text-label); }
/* A real source editing buffer. Syntax view is kept when not editing. */
.editor-main { grid-template-rows:37px 34px minmax(0,1fr) 148px; }
.editor-tools { display:flex;align-items:center;gap:5px;margin-left:auto;flex:none; }
.editor-tools button:not(.origo-button) { border:1px solid var(--line);border-radius:5px;background:var(--panel-2);color:var(--ink);font-size:var(--text-meta);padding:5px 8px;cursor:pointer; }
.editor-tools > span { font-size:var(--text-meta);color:var(--amber); }
.code-stage.editing { padding:0;overflow:hidden; }
.code-textarea { border:0;border-radius:0;resize:none;display:block;width:100%;height:100%;outline-offset:-3px!important;background:var(--panel-dark);color:var(--ink);padding:18px 22px;font:var(--text-body)/1.85 ui-monospace,Consolas,monospace;tab-size:2;white-space:pre;overflow:auto; }
.editor-tab.dirty::before { content:"●";font-size:var(--text-meta);color:var(--amber); }
.preview-frame { width:100%;height:330px;border:1px solid var(--line);border-radius:12px;background:white;pointer-events:none; }
/* Five new primitive families. */
.primitive-stage.stacked { display:block;min-height:170px;align-content:initial; }
.widget-demo-note { margin:12px 0 0;font-size:var(--text-meta);line-height:1.6;color:var(--muted); }
.demo-disclosure { border-bottom:1px solid var(--line);font-size:var(--text-label); }
.demo-disclosure:last-of-type { border-bottom:0; }
.demo-disclosure summary { cursor:pointer;list-style:none;padding:13px 4px;display:flex;justify-content:space-between;font-weight:600; }
.demo-disclosure summary::after { content:"+";color:var(--accent); }
.demo-disclosure[open] summary::after { content:"−"; }
.demo-disclosure p { font-size:var(--text-label);color:var(--muted);margin:0 0 15px;line-height:1.8; }
.widget-tablist { display:flex;gap:3px;border-radius:10px;padding:4px;background:var(--panel-dark); }
.widget-tablist button { flex:1;border:0;background:none;border-radius:7px;padding:9px 8px;font-size:var(--text-label);color:var(--muted);cursor:pointer; }
.widget-tablist button[aria-selected="true"] { background:var(--panel-2);color:var(--ink);--amb-elevation:.6;--amb-thickness:.3;box-shadow:var(--amb-box-shadow); }
.widget-tab-panel { padding:18px 3px 4px;font-size:var(--text-label); }
.widget-tab-panel strong { display:block;margin-bottom:6px; }
.widget-tab-panel p { font-size:var(--text-label);line-height:1.7;color:var(--muted);margin:0; }
.dropdown-demo { position:relative;min-height:150px;padding-top:8px; }
.demo-menu { position:absolute;top:48px;left:0;width:min(230px,100%);padding:6px;border-radius:12px;background:color-mix(in srgb,var(--panel) 95%,transparent);border:1px solid var(--line);z-index:5;--amb-albedo:var(--panel); }
.demo-menu button { display:block;width:100%;background:none;border:0;border-radius:7px;text-align:left;padding:10px;font-size:var(--text-label);cursor:pointer; }
.demo-menu button:hover,.demo-menu button:focus { background:var(--accent-soft);color:var(--accent); }
.dropdown-result { margin-top:17px;color:var(--muted);font-size:var(--text-label); }
.demo-data-wrap { width:100%;overflow:auto; }
.demo-data-table { width:100%;min-width:250px;border-collapse:collapse; }
.demo-data-table th,.demo-data-table td { padding:10px 7px;font-size:var(--text-label);white-space:nowrap;border-bottom:1px solid var(--line);text-align:left; }
.demo-data-table th { font-size:var(--text-meta);color:var(--muted);background:var(--panel-dark); }
.demo-data-table th button { border:0;background:none;color:inherit;font-size:inherit;padding:0;cursor:pointer; }
.demo-data-table tr[data-selected="true"] { background:var(--accent-soft); }
.demo-selection { font-size:var(--text-meta);color:var(--muted);margin:12px 0 0;display:flex;align-items:center;justify-content:space-between;gap:8px; }
.demo-stepper { display:flex;position:relative;justify-content:space-between;margin:2px 0 20px; }
.demo-stepper::before { content:"";position:absolute;height:1px;background:var(--line);left:18px;right:18px;top:15px; }
.demo-step { position:relative;display:grid;place-items:center;gap:6px;z-index:1;font-size:var(--text-meta);color:var(--muted); }
.demo-step b { display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--panel-2);--amb-albedo:var(--panel-2);font-size:var(--text-label);color:var(--ink); }
.demo-step.active { color:var(--accent); }.demo-step.active b { background:var(--accent);--amb-albedo:var(--accent);color:var(--on-accent); }
.demo-step-body { min-height:85px;font-size:var(--text-label); }
.demo-step-actions { display:flex;gap:7px;justify-content:flex-end;margin-top:12px; }
.primitive-new { padding:3px 7px;border-radius:4px;color:var(--accent);background:var(--accent-soft);font-size:var(--text-meta);letter-spacing:.06em;text-transform:uppercase;margin-left:7px; }
/* Wiki: a living document rather than an inset demonstration. */
.wiki-shell { height:calc(100dvh - var(--topbar-height));min-height:0;display:grid;grid-template-columns:232px minmax(0,1fr);background:var(--shell);position:relative;isolation:isolate; }
.wiki-sidebar { display:flex;flex-direction:column;min-height:0;padding:22px 14px 14px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--shell) 97%,var(--panel-2));overflow:auto; }
.wiki-space { display:flex;align-items:center;gap:11px;padding:0 8px 20px; }
.wiki-space-mark { width:36px;height:36px;display:grid;place-items:center;border-radius:10px;--amb-albedo:var(--panel-2);color:var(--accent);font-size:20px; }
.wiki-space strong { display:block;font-size:var(--text-body); }.wiki-space small { display:block;font-size:var(--text-meta);color:var(--muted);margin-top:4px; }
.wiki-sidebar .search-field { flex:none;margin-bottom:18px; }
.wiki-nav-heading { font-size:var(--text-meta);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:16px 10px 8px; }
.wiki-tree { display:grid;gap:3px; }
.wiki-page-link { display:flex;gap:9px;align-items:center;text-align:left;width:100%;background:none;border:0;border-radius:8px;padding:10px;color:var(--muted);font-size:var(--text-label);cursor:pointer; }
.wiki-page-link .wiki-page-icon { width:17px;flex:none;font-size:var(--text-body);color:var(--subtle);text-align:center; }
.wiki-page-link span:nth-child(2) { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.wiki-page-link.active { background:var(--accent-soft);color:var(--ink); }.wiki-page-link.active .wiki-page-icon { color:var(--accent); }
.wiki-page-link:hover { background:rgb(var(--overlay-rgb) / .04);color:var(--ink); }
.wiki-page-link.child { padding-left:27px; }
.wiki-sidebar-foot { margin-top:auto;padding:24px 9px 4px;color:var(--subtle);font-size:var(--text-meta);line-height:1.7; }
.wiki-main { min-width:0;min-height:0;display:flex;flex-direction:column; }
.wiki-toolbar { height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 26px;border-bottom:1px solid var(--line);flex:none; }
.wiki-breadcrumb { display:flex;align-items:center;gap:8px;min-width:0;color:var(--muted);font-size:var(--text-label); }
.wiki-breadcrumb strong { white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-weight:500;color:var(--ink); }
.wiki-actions { display:flex;align-items:center;gap:6px;flex:none; }
.wiki-actions .soft-btn { min-height:31px;height:31px;font-size:var(--text-meta);padding:0 12px; }
.wiki-actions .mini-icon-btn { font-size:var(--text-reading);width:31px;height:31px; }
.wiki-actions .active { color:var(--accent); }
.wiki-scroll { flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain; }
.wiki-page { max-width:1160px;margin:auto;padding:34px 34px 60px; }
.wiki-cover { position:relative;padding:30px;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:24px;--amb-albedo:var(--panel); }
.wiki-cover::after { content:"";position:absolute;pointer-events:none;top:-85px;right:-80px;width:330px;height:330px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:44%;transform:rotate(-20deg);box-shadow:0 0 0 24px color-mix(in srgb,var(--accent) 3%,transparent),0 0 0 25px color-mix(in srgb,var(--accent) 12%,transparent),0 0 0 53px color-mix(in srgb,var(--accent) 3%,transparent),0 0 0 54px color-mix(in srgb,var(--accent) 10%,transparent),0 0 0 80px color-mix(in srgb,var(--accent) 2%,transparent),0 0 0 81px color-mix(in srgb,var(--accent) 8%,transparent);opacity:.55; }
.wiki-cover > * { position:relative;z-index:1; }
.wiki-kicker { display:flex;gap:8px;align-items:center;color:var(--accent);font-size:var(--text-meta);letter-spacing:.15em;text-transform:uppercase;font-weight:700;margin-bottom:17px; }
.wiki-cover h1 { font-size:clamp(25px,2.5vw,38px);letter-spacing:-.045em;line-height:1.12;margin:0;max-width:620px; }
.wiki-cover p { color:var(--muted);font-size:var(--text-label);line-height:1.8;margin:13px 0 0;max-width:490px; }
.wiki-properties { display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:var(--text-meta);margin:20px 0 25px; }
.wiki-properties strong { color:var(--ink);font-weight:500; }.wiki-properties .status { font-size:var(--text-meta); }
.wiki-layout { display:grid;grid-template-columns:minmax(0,1fr) 188px;gap:32px; }
.wiki-prose { min-width:0;line-height:1.95;font-size:var(--text-body);color:var(--muted); }
.wiki-prose h2 { color:var(--ink);font-size:21px;letter-spacing:-.025em;font-weight:620;margin:32px 0 12px;scroll-margin-top:20px; }
.wiki-prose h2:first-child { margin-top:0; }.wiki-prose h3 { color:var(--ink);font-size:var(--text-reading);margin-top:24px; }
.wiki-prose p { margin:0 0 16px; }.wiki-prose strong { color:var(--ink);font-weight:600; }
.wiki-prose ul { padding-left:21px; }.wiki-prose li { margin-block:6px; }
.wiki-prose code { color:var(--accent);background:var(--accent-soft);padding:2px 5px;border-radius:4px;font:11px ui-monospace,Consolas,monospace; }
.wiki-prose pre { white-space:pre-wrap;background:var(--panel-dark);padding:18px;border:1px solid var(--line);border-radius:11px; }
.wiki-prose pre code { background:none;color:var(--muted);padding:0;font-size:var(--text-label); }
.wiki-prose blockquote { margin:20px 0;padding:13px 18px;background:var(--accent-soft);border-left:2px solid var(--accent);border-radius:0 9px 9px 0; }
.wiki-inline-link { color:var(--accent);background:var(--accent-soft);border:0;border-radius:4px;font:inherit;font-size:.93em;padding:0 5px;cursor:pointer; }
.wiki-aside { border-left:1px solid var(--line);padding-left:20px;align-self:start;position:sticky;top:25px;font-size:var(--text-label); }
.wiki-aside h3 { font-size:var(--text-meta);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-weight:650; }
.wiki-aside-block { margin-bottom:26px; }
.wiki-aside button { display:block;width:100%;border:0;background:none;padding:6px 0;color:var(--muted);text-align:left;cursor:pointer;font-size:var(--text-meta);line-height:1.6; }
.wiki-aside button:hover { color:var(--accent); }
.wiki-tile-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 28px; }
.wiki-tile { text-align:left;border:1px solid var(--line);--amb-albedo:var(--panel);border-radius:13px;padding:18px;cursor:pointer;position:relative; }
.wiki-tile i { font-style:normal;font-size:20px;color:var(--accent);display:block;margin-bottom:14px; }
.wiki-tile strong { display:block;font-size:var(--text-label);color:var(--ink);margin-bottom:5px; }.wiki-tile span { display:block;color:var(--muted);font-size:var(--text-meta);line-height:1.7; }
.wiki-discussion { border-top:1px solid var(--line);margin-top:34px;padding-top:22px; }
.wiki-discussion h3 { font-size:var(--text-body);margin:0 0 16px;color:var(--ink); }.wiki-comment { display:flex;gap:12px;margin-bottom:18px;font-size:var(--text-label);line-height:1.7; }
.wiki-comment b { font-size:var(--text-meta);color:var(--ink); }.wiki-comment p { color:var(--muted);margin:4px 0; }
.wiki-comment .avatar { flex:none;width:30px;height:30px;font-size:var(--text-meta); }
.wiki-comment-form { display:flex;gap:8px;align-items:center; }.wiki-comment-form input { flex:1;min-width:0;border:1px solid var(--line);padding:11px;border-radius:9px;background:var(--panel-dark);font-size:var(--text-label); }
.wiki-editor { padding:26px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px;min-height:100%; }
.wiki-editor-title { background:none;border:0;border-bottom:1px solid var(--line);padding:12px 0;font-size:27px;font-weight:650;letter-spacing:-.03em;width:100%; }
.wiki-editor-split { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;min-height:380px; }
.wiki-editor-split textarea { min-height:380px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--panel-dark);font:var(--text-body)/1.8 ui-monospace,Consolas,monospace;width:100%; }
.wiki-edit-preview { border:1px solid var(--line);border-radius:12px;padding:20px;overflow:auto;max-height:600px; }
.wiki-editor .local-note { margin:0; }
.revision-item { padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:15px;align-items:center;justify-content:space-between; }
.revision-item strong { display:block;font-size:var(--text-label); }.revision-item small { color:var(--muted);font-size:var(--text-meta); }
/* Designer handoff is a usable review checklist. */
.handoff-item { cursor:pointer; }
.handoff-item input { flex:none;width:17px;height:17px;margin:2px 0 0; }
.handoff-item.done { background:var(--accent-soft); }
.review-meter { display:flex;align-items:center;gap:14px;margin:16px 0 22px;font-size:var(--text-label);color:var(--muted); }
.review-meter progress { accent-color:var(--accent);flex:1;height:8px; }
.material-guidance-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0; }
.material-guidance { padding:17px;border-radius:12px;border:1px solid var(--line);background:var(--panel-dark);font-size:var(--text-label); }
.material-guidance strong { color:var(--ink);display:block;margin-bottom:6px;font-size:var(--text-body); }.material-guidance p { font-size:var(--text-label)!important;line-height:1.7!important; }.material-guidance button { color:var(--accent);background:none;border:0;font-size:var(--text-meta);padding:8px 0 0;cursor:pointer; }
@media(min-width:1550px) { .wiki-shell { grid-template-columns:254px minmax(0,1fr); }.wiki-page { padding:40px 46px 70px; }.wiki-layout { gap:50px; } }
@media(max-width:1300px) { .appearance-badge { display:none; }.wiki-layout { grid-template-columns:minmax(0,1fr); }.wiki-aside { position:static;border-left:0;border-top:1px solid var(--line);padding:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:18px; } }
@media(max-width:1080px) { .wiki-shell { grid-template-columns:200px minmax(0,1fr); }.wiki-page { padding:26px 22px 50px; }.wiki-cover { padding:24px; }.wiki-toolbar { padding-inline:18px; }.editor-branch-inline { display:none; }.material-guidance-grid { grid-template-columns:1fr; } }
@media(max-width:820px) {
.mobile-folder-select { display:block; }.wiki-shell { grid-template-columns:1fr; }
.wiki-sidebar { position:absolute;left:0;top:0;bottom:0;width:min(285px,88vw);z-index:20;transform:translateX(-104%);transition:transform .2s ease;background:var(--shell);box-shadow:16px 0 35px rgb(0 0 0 / .3); }
#wikiShell.local-pane-open .wiki-sidebar { transform:none; }
.wiki-toolbar { padding:0 14px;height:55px;gap:8px; }.wiki-breadcrumb .wiki-root-label { display:none; }
.wiki-page { padding:20px 18px 40px; }.wiki-cover { padding:22px; }
.wiki-actions { gap:4px; }.wiki-editor-split { grid-template-columns:1fr; }.wiki-edit-preview { max-height:350px; }
.wiki-editor { padding:18px; }.wiki-editor-title { font-size:23px; }
.lab { max-height:calc(100dvh - 84px); }
.top-actions #openLab { display:grid!important; }
.doc-title-row { flex-wrap:wrap; }.doc-title-row h2 { width:100%; }.doc-page-tools { margin-left:0; }
.editor-breadcrumbs > span:first-child,.editor-breadcrumbs > b,.editor-breadcrumbs > span:nth-child(3) { display:none; }
.editor-tools { gap:3px; }.editor-tools button:not(.origo-button) { padding:5px 7px; }
.editor-tools > span { display:none; }
.gallery-category-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:560px) {
.topbar { padding-inline:12px; }.top-actions { gap:5px; }.top-actions .lab-launch { width:32px; }.top-actions #quickSearch { display:none; }
.top-actions #primaryAction { padding-inline:10px;font-size:var(--text-meta); }.breadcrumbs { font-size:var(--text-label); }.top-actions .notification-pulse { display:none; }
.wiki-breadcrumb strong { max-width:100px; }.wiki-actions .soft-btn { padding:0 9px; }.wiki-actions [data-wiki-action="history"] { font-size:var(--text-reading); }
.wiki-cover h1 { font-size:29px; }.wiki-tile-grid { grid-template-columns:1fr;gap:10px; }
.wiki-tile { padding:16px; }.wiki-tile i { margin-bottom:8px; }.wiki-comment-form { flex-wrap:wrap; }
.work-dialog-head,.work-dialog-body,.work-dialog-footer { padding:16px; }.form-grid { grid-template-columns:1fr; }
.work-dialog-footer .local-note { width:100%;margin:0; }.work-dialog { max-height:calc(100dvh - 24px); }
.report-summary { gap:8px; }.report-stat { padding:12px; }.report-stat strong { font-size:23px; }
.lab { right:12px;bottom:12px;width:calc(100vw - 24px);max-height:calc(100dvh - 80px); }
.gallery-category { font-size:var(--text-meta); }.gallery-category-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
.primitive-card-head { align-items:flex-start;gap:8px;flex-wrap:wrap; }.primitive-card-head .token-copy { font-size:var(--text-meta); }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important;scroll-behavior:auto!important;transition:none!important; } }
/* Local source search results and density feedback. */
.source-search-hit {display:block;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:12px;margin-bottom:8px;cursor:pointer;}
.source-search-hit strong{display:block;font-size:var(--text-label);color:var(--accent);margin-bottom:6px;}
.source-search-hit code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font-size:var(--text-meta);}
.primitive-card[data-density="compact"] .choice-row {min-height:30px;padding-block:4px;}
.primitive-card[data-density="comfortable"] .choice-row {min-height:44px;padding-block:8px;}
.primitive-card:has(.demo-menu:not([hidden])) {z-index:10;}
@media (max-width:820px){.mail-list-pane {grid-template-rows:auto auto auto auto minmax(0,1fr);}}
/* Reading surfaces keep the Quiet study genuinely quiet. */
.workspace-view :is(.docs-nav,.docs-context,.principle-card,.token-panel,.guidance-card,.color-copy,.scene-node){--amb-elevation:var(--study-elevation);--amb-thickness:var(--study-body);}
.workspace-view .insight {--amb-albedo:var(--panel-2);--amb-thickness:var(--study-well);}
.workspace-view .demo-surface.amb-elevation-0 {--amb-elevation:0;--amb-thickness:0;}
.workspace-view .demo-surface.amb-elevation-1 {--amb-elevation:var(--study-elevation);--amb-thickness:var(--study-body);}
.workspace-view .demo-surface.amb-elevation-3 {--amb-elevation:calc(var(--study-elevation) * 2.2);--amb-thickness:var(--study-body);}
@media(max-width:820px){
#wikiShell:not(.local-pane-open) .wiki-sidebar,#chatShell:not(.local-pane-open) .chat-sidebar,#mailShell:not(.local-pane-open) .mail-list-pane,#codeShell:not(.local-pane-open) .file-panel {visibility:hidden;pointer-events:none;}
.wiki-toolbar {gap:7px;}.wiki-actions .soft-btn {display:inline-flex;padding-inline:9px;}
}
@media(max-width:560px){
.top-actions #primaryAction{display:inline-flex!important;align-items:center;justify-content:center;flex:none;width:32px;height:36px;min-width:32px;padding:0;font-size:0;}
.top-actions #primaryAction::after{content:attr(data-short-action);font-size:18px;line-height:1;}
.wiki-breadcrumb strong{max-width:85px;}.wiki-actions .soft-btn{font-size:var(--text-meta);padding-inline:8px;}
}
.donut::after {content:attr(data-total) "\A portfolio";}
.wiki-toolbar.amb-mat-glass {background-color:color-mix(in srgb,var(--panel) 92%,transparent);--amb-albedo:var(--panel);}
/* Keep the chrome and the samples on the same lighting model as the content. */
#ambientScene .ambient:not(.native-app-shell) {box-shadow:var(--amb-box-shadow);}
.workspace-view {--study-elevation:.48;--study-body:.45;}
.workspace-view[data-depth="quiet"] {--study-elevation:0;--study-body:.12;}
.workspace-view[data-depth="sculpted"] {--study-elevation:1.45;--study-body:1.1;}
.soft-btn,.primary-btn {display:inline-flex;align-items:center;justify-content:center;}
.tooltip {background:var(--panel);color:var(--ink);border-color:var(--line);}
.tooltip strong {color:var(--ink);}
.icon-btn svg {color:var(--muted);}
.board-column.drag-over {outline:2px dashed var(--accent);outline-offset:-3px;}
.soft-btn:not(.ambient) {background:var(--panel-2);border:1px solid var(--line);}
.wiki-tile.amb-mat-shiny {background-blend-mode:soft-light,normal;}
.workspace-view[data-depth="sculpted"] .wiki-tile.amb-mat-shiny {background-blend-mode:normal;}
.workspace-view[data-depth="quiet"] .amb-mat-shiny {background-image:none;filter:none;}
.workspace-view[data-depth="quiet"] .amb-mat-glass {background-image:none;backdrop-filter:none;}


/* Role-based rendering. Layout rules do not decide reading contrast or elevation. */
html { font-size:16px; scroll-padding-top:84px; }
body { font-family:var(--font-ui);font-size:var(--text-body);background:var(--page); }
button,input,select,textarea { line-height:1.4; }
button { touch-action:manipulation; }
:where(button,a,input,textarea,select,summary,[tabindex]):focus-visible {
outline:2px solid var(--focus-ring);outline-offset:3px;
}
button:disabled { opacity:.52;cursor:not-allowed; }
input::placeholder,textarea::placeholder { color:var(--subtle);opacity:1; }
.skip-link { position:fixed;left:20px;top:10px;transform:translateY(-160%);z-index:10000;padding:12px 18px;background:var(--panel);color:var(--ink);border:2px solid var(--focus-ring);border-radius:8px; }
.skip-link:focus { transform:translateY(0); }
.sr-only { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; }
/* Calmer shell. Labs remain adjacent and discoverable, but not a focal point. */
.topbar { background:var(--shell);backdrop-filter:none;min-height:72px;padding-block:12px; }
.sidebar { background:var(--shell);backdrop-filter:none; }
.topbar :is(.icon-btn,.soft-btn),.user-card,.brand-mark { --amb-elevation:0;--amb-thickness:.16;--amb-chamfer:.35;--amb-fillet:.25; }
.topbar :is(.icon-btn,.soft-btn) { background:transparent;border:1px solid var(--line);color:var(--muted);box-shadow:none;min-height:36px; }
.topbar :is(.icon-btn,.soft-btn):hover { background:var(--panel-2);color:var(--ink);border-color:var(--control-border); }
.topbar .icon-btn svg { color:currentColor; }
.theme-toggle::before { box-shadow:none; }
.user-card { background:transparent;border:1px solid var(--line);box-shadow:none!important; }
.sidebar-bottom>.mini-insight { display:none; }
.nav-item { font-size:var(--text-body);min-height:40px; }
.nav-item.active { color:var(--accent-text); }
.nav-label { font-size:var(--text-meta);letter-spacing:.08em; }
.nav-badge { color:var(--ink);background:var(--panel-2); }
.breadcrumbs { font-size:var(--text-body); }
:where(.icon-btn,.soft-btn,.primary-btn,.demo-btn,.mini-icon-btn,.local-pane-toggle,.text-action,.lab-close,.theme-reset,.theme-generate) { min-height:var(--control-size); }
:is(.soft-btn,.primary-btn,.demo-btn,.theme-reset,.theme-generate) { font-size:var(--text-body);border-radius:var(--radius-control);font-weight:600; }
:where(.soft-btn,.demo-btn.secondary) { background:var(--panel);border:1px solid var(--control-border); }
:where(.soft-btn,.demo-btn.secondary):hover { background:var(--panel-2); }
.primary-btn,.send-btn,.demo-btn.primary,.theme-generate {
--amb-albedo:var(--accent-fill);background-color:var(--accent-fill);color:var(--on-accent);border:1px solid transparent;
}
:is(.primary-btn,.send-btn,.demo-btn.primary,.theme-generate):hover:not(:disabled) { filter:brightness(.94); }
:is(.primary-btn,.soft-btn,.demo-btn,.icon-btn):active:not(:disabled) { --amb-elevation:0;--amb-thickness:.08;transform:translateY(1px); }
.demo-btn.danger { color:var(--danger);background:var(--panel);border:1px solid var(--danger); }
:where(.text-action,.wiki-inline-link,.toc-link) { color:var(--accent-text); }
.wiki-inline-link { display:inline;padding:0;background:transparent;border-radius:0;color:var(--accent-text);text-decoration:underline;text-underline-offset:.18em;font-size:inherit; }
/* An ambient object is a physical layer; a paragraph is not. */
.workspace-view { --study-elevation:.38;--study-body:.30;--study-curve:.18;--study-well:.16; }
.workspace-view[data-depth="quiet"] { --study-elevation:0;--study-body:.10;--study-curve:.06;--study-well:.05; }
.workspace-view[data-depth="sculpted"] { --study-elevation:.9;--study-body:.8;--study-curve:.5;--study-well:.45; }
.workspace-view :is(.card,.primitive-card,.principle-card,.guidance-card,.material-card,.wiki-cover,.doc-reader,.arch-node) {
--amb-elevation:0;--amb-thickness:.13;--amb-chamfer:.3;--amb-fillet:.3;
border:1px solid var(--line);border-radius:var(--radius-object);background:var(--panel);
}
.workspace-view :is(.primitive-stage,.chart-well,.board-column,.doc-code,.doc-callout,.origo-rail-card,.scene-model) {
--amb-elevation:0;--amb-thickness:0;--amb-chamfer:0;--amb-fillet:0;
background:var(--panel-dark);border:1px solid var(--line);box-shadow:none!important;
}
.workspace-view :is(.issue-card,.wiki-tile) { --amb-elevation:var(--study-elevation);--amb-thickness:var(--study-body);background-color:var(--panel); }
/* Wells are for non-action ambient controls. Buttons that button-compat.css renders with the Origo recipe keep its material (they no longer carry data-material). */
.workspace-view :is(button.ambient:not(.primary-btn,.soft-btn,.text-action,.mini-icon-btn,.icon-btn,.send-btn,.demo-btn,.theme-generate,.theme-reset),.composer,.search-field,.demo-input-shell) { --amb-elevation:0;--amb-thickness:var(--study-well);--amb-chamfer:.55;--amb-fillet:.3; }
.workspace-view .health-card { --amb-elevation:.2;--amb-thickness:.3;background:var(--panel); }
.workspace-view[data-depth="sculpted"] .health-card { --amb-elevation:.5;--amb-thickness:.6; }
.workspace-view :is(.meter,.gauge-recess) { --amb-thickness:var(--study-well); }
.workspace-view[data-depth="sculpted"] :is(.gauge-wrap,.meter i) { --amb-thickness:.7;--amb-elevation:.4; }
.workspace-view[data-depth="quiet"] :is(.gauge-wrap,.meter i) { --amb-thickness:.15;--amb-elevation:0; }
.workspace-view .meter i { background:var(--accent-fill); }
.workspace-view :is(.wiki-tile,.issue-card):hover { --amb-elevation:var(--study-elevation);transform:none;outline:1px solid var(--control-border); }
.workspace-view .demo-surface { --amb-elevation:var(--study-elevation);--amb-thickness:var(--study-body); }
.workspace-view .demo-surface[data-role="canvas"] { --amb-elevation:0;--amb-thickness:0; }
.workspace-view .demo-surface[data-role="overlay"] { --amb-elevation:1.2;--amb-thickness:.7; }
.workspace-view .demo-surface[data-role="inset"] { --amb-elevation:0;--amb-thickness:.5; }
.lab,.work-dialog,.command-dialog,.compose-dialog { --amb-elevation:1.5;--amb-thickness:.4;background:var(--panel); }
:is(.amb-mat-shiny,.amb-mat-glass):not(.light-study-swatch):not(.demo-surface) { filter:none;backdrop-filter:none;background-image:none; }
/* Text contracts — density affects spacing before text size. */
:where(.message-bubble,.mail-body,.doc-generated-body p,.doc-generated-body li,.doc-body p,.doc-body li,.wiki-prose p,.wiki-prose li,.origo-article p,.origo-article li,.principle-card p) { color:var(--ink); }
.message-bubble { font-size:var(--text-content);line-height:1.65;white-space:normal; }
.message-bubble p { margin:0 0 8px; }
.message-bubble p:last-child { margin-bottom:0; }
.message-bubble pre { margin:10px 0;padding:12px;background:var(--panel-dark);border:1px solid var(--line);border-radius:8px;overflow:auto;font:var(--text-body)/1.6 var(--font-code); }
.message-bubble code { font-family:var(--font-code);font-size:.93em;background:var(--panel-2);border-radius:4px;padding:.08em .28em; }
.message-bubble pre code { background:none;padding:0; }
.message-bubble blockquote { margin:8px 0;padding:4px 14px;border-left:3px solid var(--control-border);color:var(--muted); }
.message-meta strong { font-size:var(--text-body); }.message-meta time { font-size:var(--text-meta);color:var(--muted); }
.message { grid-template-columns:36px minmax(0,1fr);gap:12px;margin-bottom:24px; }
.message-avatar { width:36px;height:36px;border-radius:11px;font-size:var(--text-meta);background:var(--avatar);color:var(--avatar-ink,var(--on-accent)); }
.message-main { min-width:0; }.message-bubble,.wiki-prose,.mail-body { overflow-wrap:anywhere; }
.messages { padding:24px clamp(18px,2.7vw,38px); }
.message-main { max-width:90ch; }
.message-reactions { margin-top:10px; }
.composer,.search-field,.demo-input-shell { background:var(--panel-dark);border:1px solid var(--control-border);border-radius:var(--radius-control); }
.composer-wrap { padding:14px 24px; }
.composer-wrap textarea { font-size:var(--text-content);color:var(--ink);min-height:46px; }
.composer-hint { font-size:var(--text-meta); }
.shared-object { max-width:660px;padding:12px;gap:12px;background:var(--panel)!important;border:1px solid var(--line);border-radius:10px;box-shadow:none!important; }
.shared-object strong { font-size:var(--text-body); }.shared-object span:not(.shared-icon) { font-size:var(--text-meta); }
.shared-object button { color:var(--accent-text);min-width:44px;min-height:32px; }
.issue-linked-state { display:block;margin-top:5px; }
:where(.doc-body,.doc-generated-body,.wiki-prose) { font-size:var(--text-reading);line-height:1.8; }
:where(.doc-body,.doc-generated-body,.wiki-prose) :is(p,li) { font-size:inherit;line-height:inherit; }
.doc-lead { font-size:var(--text-reading);line-height:1.7;color:var(--muted);max-width:var(--reading-measure); }
.doc-body h3,.wiki-prose h2 { font-size:1.25rem;line-height:1.4; }
.mail-body { font-size:var(--text-content);line-height:1.8; }
.mail-item { padding:14px 16px; }.mail-summary b,.mail-sender strong { font-size:var(--text-body); }
.mail-summary small,.mail-tag,.mail-sender time { font-size:var(--text-meta); }
:where(.form-field,.form-field input,.form-field textarea,.form-field select,.preset-name input,.demo-input,.demo-select) { font-size:var(--text-body); }
.form-field :is(input,textarea,select),.demo-input-shell,.demo-select { border-color:var(--control-border); }
.form-field { color:var(--ink); }
.code-line { min-height:24px;font:var(--text-body)/24px var(--font-code); }
.line-number { color:var(--muted); }.code-editor-input { font:var(--text-body)/24px var(--font-code)!important; }
.source-snapshot { color:var(--ink);font:var(--text-body)/1.7 var(--font-code); }
:where(.code-buffer textarea,#codeEditArea) { font-size:var(--text-body);line-height:24px; }
.terminal-output { font-size:var(--text-label);line-height:1.7; }
.principle-card p,.guidance-card p,.material-card p { font-size:var(--text-body);line-height:1.7; }
.card-title,.primitive-name { font-size:var(--text-content);font-weight:650; }.card-subtitle { font-size:var(--text-label); }
.kpi-label { font-size:var(--text-body); }.kpi-value { font-size:2rem; }.kpi-bottom { font-size:var(--text-meta); }
.table-card :is(th,td) { font-size:var(--text-label);padding-block:14px; }.project-cell strong { font-size:var(--text-body); }
.table-card table { min-width:600px; }.status { font-size:var(--text-meta); }
:root[data-density="compact"] .message { margin-bottom:16px; }
:root[data-density="compact"] .messages { padding-block:18px; }
:root[data-density="compact"] .mail-item { padding-block:10px; }
:root[data-density="compact"] .issue-card { padding:12px; }
/* Persistent contextual panels are optional, not space reserved for the screenshot. */
.chat-shell.context-closed { grid-template-columns:240px minmax(0,1fr); }
.chat-shell.context-closed .chat-context { display:none; }
.chat-shell.context-open { grid-template-columns:240px minmax(0,1fr) 264px; }
.chat-shell.context-open .chat-context { display:block; }
.ide-shell.context-closed { grid-template-columns:44px 218px minmax(0,1fr); }
.ide-shell.context-closed .editor-assistant { display:none; }
.ide-shell.context-open { grid-template-columns:44px 218px minmax(0,1fr) 264px; }
.ide-shell.context-open .editor-assistant { display:flex; }
.context-toggle { background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--muted);padding:7px 10px;font-size:var(--text-label);cursor:pointer;white-space:nowrap; }
.context-toggle[aria-expanded="true"] { color:var(--accent-text);background:var(--accent-soft);border-color:var(--accent-text); }
/* Wiki: a generous home, but article headers get directly to the work. */
.wiki-cover { padding:0 0 20px;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; }
.wiki-cover::before,.wiki-cover::after { display:none; }
.wiki-cover h1 { font-size:clamp(1.625rem,2.6vw,2rem);letter-spacing:-.035em;margin:8px 0 10px; }
.wiki-cover p { font-size:var(--text-content);line-height:1.7;max-width:65ch;color:var(--muted); }
.wiki-kicker { font-size:var(--text-meta);letter-spacing:.08em;color:var(--muted); }
.wiki-page { max-width:1120px;padding:32px clamp(22px,3vw,40px) 40px;margin:0 auto; }
.wiki-properties { gap:8px 18px;padding-block:14px;font-size:var(--text-meta); }
.wiki-layout { grid-template-columns:minmax(0,1fr) 188px;gap:36px; }
.wiki-prose { max-width:var(--reading-measure); }.wiki-aside { font-size:var(--text-label); }
.wiki-tile-grid { grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 28px; }
.wiki-tile { text-align:left;min-height:0;padding:14px;display:block;border-radius:10px; }
.wiki-tile>i { display:none; }.wiki-tile strong { font-size:var(--text-body);display:block; }.wiki-tile span { font-size:var(--text-label);display:block;margin-top:6px;line-height:1.55; }
.wiki-tile.amb-mat-shiny { background-image:none;filter:none; }
.wiki-page[data-page-kind="article"] .wiki-cover { padding-bottom:14px; }
.wiki-page[data-page-kind="article"] .wiki-cover h1 { font-size:1.625rem; }
.wiki-toolbar { background:var(--shell)!important;backdrop-filter:none;box-shadow:none!important;min-height:64px; }
.wiki-editor-title { font-size:1.5rem; }.wiki-editor textarea { font:var(--text-body)/1.75 var(--font-code); }
.wiki-edit-state { display:flex;align-items:center;gap:10px;font-size:var(--text-meta);color:var(--muted); }
.wiki-edit-state .draft-dot { width:7px;height:7px;background:var(--amber);border-radius:50%; }
.wiki-page-link { font-size:var(--text-body);min-height:38px; }
/* The chart is a readable data display, not an unlabeled illustration. */
.chart-well { padding:8px 12px 0; }
.chart-svg { height:260px;aspect-ratio:auto;width:100%;overflow:visible; }
.chart-grid-line { stroke:var(--line);stroke-width:1; }.chart-axis { fill:var(--muted);font-size:12px; }
.chart-line { stroke:var(--accent-fill); }.chart-line-secondary { stroke:var(--muted);stroke-dasharray:7 5;opacity:1; }
.chart-legend { display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:var(--text-label);color:var(--muted);padding:4px 0 16px; }
.chart-legend>span { display:inline-flex;align-items:center;gap:8px; }.chart-legend i { width:22px;height:0;border-top:3px solid var(--accent-fill); }.chart-legend .baseline-line { border-top:2px dashed var(--muted); }
.chart-point { fill:var(--accent-fill);stroke:var(--panel);stroke-width:2;cursor:crosshair; }
.chart-point:focus { outline:none;stroke:var(--focus-ring);stroke-width:5; }
.chart-crosshair { stroke:var(--control-border);stroke-dasharray:3 4;pointer-events:none; }
.chart-readout { min-height:42px;margin:4px 0 0;padding:10px 0;font-size:var(--text-label);line-height:1.5;color:var(--ink);border-top:1px solid var(--line); }
.chart-readout span { color:var(--muted);margin-left:10px; }
.chart-footnote { margin:0;font-size:var(--text-meta);color:var(--muted); }
.chart-data-table { margin-top:16px;width:100%;border-collapse:collapse;font-size:var(--text-label); }
.chart-data-table th,.chart-data-table td { text-align:left;padding:10px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums; }
.chart-details { margin-top:12px; }.chart-details summary { cursor:pointer;color:var(--accent-text);font-size:var(--text-label);min-height:32px; }
.chart-well>.tooltip { display:none; }.health-row>div>span { font-size:var(--text-label); }
.health-heading { display:flex;align-items:center;justify-content:space-between;gap:12px; }.metric-help { border:1px solid var(--control-border);border-radius:50%;background:transparent;color:var(--muted);width:28px;height:28px;cursor:pointer;flex:none; }
.chart-card .card-actions { position:relative; }.overflow-menu { position:absolute;right:0;top:42px;min-width:208px;padding:6px;background:var(--panel);border:1px solid var(--control-border);border-radius:10px;box-shadow:0 12px 32px rgb(var(--shadow-rgb)/.18);z-index:15; }html[data-mode="light"] .overflow-menu { box-shadow:0 12px 32px rgb(var(--shadow-rgb)/.12); }
.overflow-menu button { display:block;text-align:left;background:transparent;border:0;min-height:36px;width:100%;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:var(--text-body); }
.overflow-menu button:hover,.overflow-menu button:focus { background:var(--accent-soft); }
/* Nonmodal laboratories. Focus moves into the panel; Escape returns to the launcher. */
.lab { position:fixed;top:82px;right:24px;width:min(410px,calc(100vw - 28px));max-height:calc(100dvh - 100px);border:1px solid var(--control-border);padding:20px;border-radius:var(--radius-overlay); }
.lab-head { background:var(--panel);top:-20px;padding-top:12px;padding-bottom:12px;font-size:var(--text-content); }
.lab-caption,.local-note,.lab-label,.preset-name,.preset-status,.theme-note { font-size:var(--text-meta); }
.lab-head .lab-close { width:32px;min-height:32px; }.control { grid-template-columns:70px minmax(0,1fr) 42px;gap:8px;font-size:var(--text-label); }
.theme-palette { gap:6px; }.theme-swatch span { font-size:var(--text-meta); }.theme-swatch code { font-size:.6875rem; }
.theme-palette .theme-swatch { min-width:0; }
.preset-name input { min-height:38px; }.preset-actions button { padding-inline:10px;font-size:var(--text-label); }
.lab-switch-row { display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--text-label);margin-top:10px; }
.lab-switch-row select { background:var(--panel);border:1px solid var(--control-border);border-radius:8px;padding:7px;max-width:180px;font-size:var(--text-label); }
.scene-review-note { font-size:var(--text-meta);line-height:1.65;color:var(--muted); }
.scene-check-summary { padding:12px;border:1px solid var(--line);background:var(--panel-dark);border-radius:8px;font-size:var(--text-label);line-height:1.6; }
.scene-check-summary strong { display:block; }.scene-check-summary[data-state="fail"] { border-color:var(--danger); }.scene-check-summary[data-state="pass"] { border-color:var(--success); }
.scene-check-summary[data-state="caution"] { border-color:var(--amber); }
.lab-action-row { display:flex;flex-wrap:wrap;gap:8px;margin-top:10px; }
.lab-action-row button { font-size:var(--text-label); }
.scene-compare-bar { position:fixed;z-index:85;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;border:1px solid var(--control-border);background:var(--panel);color:var(--ink);padding:10px 14px;border-radius:12px;box-shadow:0 10px 32px rgb(var(--shadow-rgb)/.2);font-size:var(--text-label);max-width:calc(100vw - 24px); }html[data-mode="light"] .scene-compare-bar { box-shadow:0 10px 32px rgb(var(--shadow-rgb)/.12); }
.scene-compare-bar>strong { white-space:nowrap; }.scene-compare-bar > button { min-height:32px;border:1px solid var(--control-border);border-radius:7px;background:var(--panel);padding:5px 10px;cursor:pointer; }

.audit-list { width:100%;border-collapse:collapse;font-size:var(--text-label); }.audit-list td,.audit-list th { text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top; }
.audit-list .audit-fail { color:var(--danger);font-weight:700; }.audit-list .audit-pass { color:var(--success);font-weight:700; }
/* Gallery: real state coverage. Existing component classes, not alternate replicas. */
.gallery-shell { --gallery-columns:2; }.primitive-grid { grid-template-columns:repeat(var(--gallery-columns),minmax(0,1fr));gap:20px; }
.primitive-card { padding:20px; }.primitive-stage { padding:16px; }.primitive-description { font-size:var(--text-label);line-height:1.6; }
.gallery-testbar { display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 24px;border-bottom:1px solid var(--line);background:var(--shell);font-size:var(--text-label); }
.gallery-testbar label { display:flex;align-items:center;gap:7px; }.gallery-testbar select { border:1px solid var(--control-border);border-radius:7px;background:var(--panel);padding:6px;font-size:var(--text-label);max-width:170px; }
.state-matrix { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.state-example { padding:14px;border:1px solid var(--line);border-radius:8px;min-width:0; }.state-example>span { display:block;font-size:var(--text-meta);color:var(--muted);margin-bottom:9px; }
.state-example .demo-btn { max-width:100%;white-space:normal; }
.specimen-hover { filter:brightness(.94);background:var(--panel-2); }
.specimen-pressed { transform:translateY(1px);--amb-elevation:0!important;--amb-thickness:.1!important; }
.specimen-focus { outline:2px solid var(--focus-ring);outline-offset:3px; }
.specimen-state-note { margin:10px 0;font-size:var(--text-meta);color:var(--muted); }
.field-help,.field-error { font-size:var(--text-meta);margin:6px 0;line-height:1.5; }.field-help { color:var(--muted); }.field-error { color:var(--danger); }
[aria-invalid="true"] { border-color:var(--danger)!important; }
.status-dot { display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:7px; }
.loading-spinner { width:14px;height:14px;display:inline-block;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:origo-spin .8s linear infinite;margin-right:7px;vertical-align:middle; }
@keyframes origo-spin { to { transform:rotate(360deg); } }
.loading-skeleton { height:12px;background:var(--line);border-radius:4px;margin:10px 0; }.gallery-test-results { font-size:var(--text-label);line-height:1.7; }
/* The implementation guide uses the same reading hierarchy as documentation. */
.origo-hero { padding-block:0 28px; }.origo-hero h1 { font-size:2rem;max-width:25ch; }.origo-hero p { font-size:var(--text-reading);line-height:1.8; }
.origo-article { max-width:900px; }.origo-section>p { font-size:var(--text-reading);line-height:1.8; }
.principles-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }.principle-card { padding:20px; }
.contract-table { width:100%;border-collapse:collapse;font-size:var(--text-body);margin:18px 0; }.contract-table th,.contract-table td { padding:12px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.65; }
.contract-table th { color:var(--muted);font-weight:600; }.contract-table code { font-size:var(--text-label);color:var(--accent-text);font-family:var(--font-code);overflow-wrap:anywhere; }
.contract-table-wrap { overflow:auto; }.rule-pair { display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px; }.rule-pair>div { padding:16px;border:1px solid var(--line);border-radius:10px; }.rule-pair h4 { margin:0 0 8px;font-size:var(--text-body); }.rule-pair p { font-size:var(--text-body);margin:0;line-height:1.7; }.rule-pair .do-rule { border-left:3px solid var(--success); }.rule-pair .avoid-rule { border-left:3px solid var(--danger); }
:where(.wiki-prose,.doc-body,.origo-article) a { color:var(--accent-text);text-decoration:underline;text-underline-offset:.2em; }
/* No narrow-screen page overflow; individual data surfaces may scroll. */
@media (max-width:1400px) {
.chat-shell.context-open { grid-template-columns:218px minmax(0,1fr) 240px; }
.ide-shell.context-open { grid-template-columns:40px 190px minmax(0,1fr) 240px; }
.wiki-layout { grid-template-columns:minmax(0,1fr) 160px;gap:24px; }
}
@media (max-width:1100px) {
.chat-shell.context-open,.ide-shell.context-open { position:relative; }
.chat-shell.context-open { grid-template-columns:218px minmax(0,1fr); }
.ide-shell.context-open { grid-template-columns:40px 190px minmax(0,1fr); }
.chat-shell.context-open .chat-context,.ide-shell.context-open .editor-assistant { position:absolute;right:0;top:0;bottom:0;width:min(320px,85%);z-index:19;background:var(--panel);border-left:1px solid var(--control-border);box-shadow:-10px 0 25px rgb(0 0 0/.1);overflow:auto; }
.wiki-layout { grid-template-columns:minmax(0,1fr); }.wiki-aside { position:static;border-left:0;border-top:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px; }
.gallery-shell { --gallery-columns:1; }
.dashboard-main { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:820px) {
.topbar { min-height:68px;padding-block:10px; }
.chat-shell.context-closed,.chat-shell.context-open { grid-template-columns:minmax(0,1fr); }
.ide-shell.context-closed,.ide-shell.context-open { grid-template-columns:minmax(0,1fr); }
.context-toggle { font-size:var(--text-meta);padding:5px 8px; }
.wiki-page { padding:24px 20px; }.wiki-tile-grid { gap:10px; }.wiki-tile { padding:12px; }
.chart-svg { height:230px; }.chart-card { min-width:0; }
.gallery-testbar { padding:12px 18px; }
.theme-swatch code { font-size:var(--text-meta); }
.lab { top:78px;right:12px;max-height:calc(100dvh - 94px); }
.origo-hero h1 { font-size:1.75rem; }.origo-article { min-width:0; }
.table-card table { min-width:580px; }
}
@media(max-width:560px) {
:root { --control-size:40px; }
.top-actions { gap:5px; }.topbar .primary-btn { padding-inline:10px; }
.topbar :is(.icon-btn,.soft-btn) { min-height:38px; }
.messages { padding:20px 16px; }.message { gap:10px;grid-template-columns:32px minmax(0,1fr);margin-bottom:22px; }.message-avatar { width:32px;height:32px; }
.message-main { max-width:100%; }.message-bubble { font-size:var(--text-content); }
.composer-wrap { padding:10px 14px; }.composer-hint { flex-wrap:wrap;gap:3px; }
.shared-object { display:flex;flex-wrap:wrap; }.shared-object>div { flex:1;min-width:120px; }.shared-object strong { overflow-wrap:anywhere; }.shared-icon { display:none; }
.wiki-tile-grid { grid-template-columns:1fr; }.wiki-aside { grid-template-columns:1fr; }.wiki-properties { flex-wrap:wrap; }
.wiki-cover h1 { font-size:1.5rem; }.wiki-cover p { font-size:var(--text-body); }
.wiki-actions { gap:5px; }.wiki-actions button { padding-inline:8px;font-size:var(--text-label); }
.rule-pair,.state-matrix,.principles-grid { grid-template-columns:1fr; }
.primitive-card { padding:16px; }.primitive-stage { padding:12px; }
.scene-compare-bar { flex-wrap:wrap;gap:6px;justify-content:center;width:max-content; }.scene-compare-bar>strong { width:100%;text-align:center; }
.chart-readout span { display:block;margin:4px 0 0; }.chart-svg { height:220px; }
.chart-legend { gap:14px; }.gallery-testbar { align-items:flex-start; }
.work-dialog-head,.work-dialog-body,.work-dialog-footer { padding:16px; }
.lab-action-row button { flex:1; }
.contract-table th,.contract-table td { padding:10px 7px;font-size:var(--text-label); }
}
@media(pointer:coarse) {
:where(.nav-item,.channel-item,.wiki-page-link,.doc-tree-button,.mail-folder,.lab-close,.icon-btn,.mini-icon-btn,.text-action,.demo-btn,.soft-btn,.primary-btn,.context-toggle) { min-height:44px; }
:where(input,textarea,select) { font-size:max(16px,1em); }
}
@media(prefers-reduced-motion:reduce) {
*,*::before,*::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }
.loading-spinner { border-style:dotted; }
}

/* Reading and content-height contracts override legacy component rules. */
.message-bubble,.message-bubble p,.doc-body p,.doc-body li,.doc-generated-body,.doc-generated-body p,.doc-generated-body li,.wiki-prose p,.wiki-prose li,.reader-body,.mail-body,.principle-card p {color:var(--ink);}
.gallery-content {grid-template-rows:auto auto minmax(0,1fr);min-height:0;}
.chart-well {height:auto;min-height:0;overflow:visible;padding-bottom:12px;}

/* Opaque working layers make content colors independent of decorative illumination. */
html[data-mode] .topbar,html[data-mode] .sidebar {background:var(--shell);}
html[data-mode] .chat-thread,html[data-mode] .mail-reader {background:var(--panel);}
html[data-mode] .mail-list {background:var(--shell);}
html[data-mode] .mail-item.active {background:var(--accent-surface);}
html[data-mode] .composer {background:var(--panel-dark);box-shadow:none;border:1px solid var(--control-border);}
#chatInput,.reader-body {font-size:var(--text-content);line-height:1.75;color:var(--ink);}
.doc-body,.doc-generated-body,.wiki-prose {font-size:var(--text-reading);line-height:1.8;}
.doc-body p,.doc-body li,.doc-generated-body p,.doc-generated-body li,.wiki-prose p,.wiki-prose li {font-size:inherit;line-height:inherit;}
:is(.message-avatar,.channel-avatar,.mail-avatar,.assignee,.avatar-stack span,.member-list>div>span,.demo-avatar-stack i) {background:color-mix(in srgb,var(--avatar,var(--accent-fill)) 20%,var(--panel));color:var(--ink);box-shadow:none;}
.user-card .avatar {background:var(--accent-surface);color:var(--accent-text);}
html[data-mode] .sidebar-bottom .mini-insight {display:none;}
@media(max-width:820px){:root {--topbar-height:68px;}}

.code-stage {background:var(--panel);}
.editor-main,.editor-tabs,.terminal-panel {background:var(--panel);}
.editor-assistant {background:var(--panel-2);}
.editor-breadcrumbs strong,.line-code {color:var(--ink);}
.tok-fn {color:var(--accent-2);}.tok-str {color:var(--success);}.tok-key {color:var(--accent-3);}.tok-type,.tok-num {color:var(--amber);}.tok-comment {color:var(--muted);}
#composeBody,.compose-field input {font-size:var(--text-content);}

/* Explicit shrinkable tracks keep the message composer in the viewport. */
.chat-shell {grid-template-rows:minmax(0,1fr);}
.chat-thread {min-height:0;grid-template-columns:minmax(0,1fr);overflow:hidden;}
.messages {min-width:0;width:100%;}
.composer-wrap,.composer {min-width:0;}
.chat-header>div:first-child {min-width:0;overflow:hidden;}
.chat-header>div:first-child strong,.chat-header>div:first-child span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.chat-header-actions {flex-shrink:0;}
#docBody p,#docBody li {font-size:var(--text-reading);line-height:1.8;color:var(--ink);}
#docBody h3 {font-size:1.25rem;line-height:1.4;}
@media(max-width:820px){.app:not(.menu-open)>.sidebar {visibility:hidden;box-shadow:none;}.app.menu-open>.sidebar {visibility:visible;}}
@media(max-width:560px){.chat-header {gap:8px;padding:10px 12px;}.chat-header-actions .icon-btn {display:none;}}

/* The code toolbar reflows instead of hiding commands outside a clipped pane. */
.editor-main {grid-template-rows:37px auto minmax(0,1fr) 148px;}
.editor-breadcrumbs {min-height:40px;flex-wrap:wrap;padding-block:6px;gap:7px;}
.editor-tools {min-width:0;flex-wrap:wrap;}
@media(max-width:1100px){.editor-branch-inline {display:none!important;}}
@media(max-width:560px){
.editor-breadcrumbs>span,.editor-breadcrumbs>strong,.editor-breadcrumbs>b,.editor-breadcrumb-spacer {display:none;}
.editor-tools {width:100%;margin:0;gap:6px;display:flex;}
#codeSaveState {flex:1;min-width:75px;}
.editor-tools button:not(.origo-button) {min-height:32px;padding:5px 7px;font-size:var(--text-meta);}
}
@media(pointer:coarse){.topbar :is(.icon-btn,.soft-btn,.primary-btn),.local-pane-toggle,.context-toggle {min-height:44px;}}

.lab-head {position:sticky;top:0;z-index:4;background:var(--panel);padding-block:6px;border-bottom:1px solid var(--line);}

@media(max-width:820px){input,textarea,select,#chatInput,#codeTextarea,.compose-field input,#composeBody {font-size:16px!important;}}

.demo-btn.secondary {background:var(--panel);border:1px solid var(--control-border);}
.sidebar-bottom .workspace-status {background:transparent;box-shadow:none;--amb-thickness:0;--amb-elevation:0;}


.origo-action { display:inline-flex; align-items:center; justify-content:center; gap:var(--space-6); min-height:44px; padding:var(--space-3) var(--space-5); font:600 var(--text-content)/1.5 var(--font-ui); text-decoration:none; }
/* Origo 0.4: 80% reading field, 20% tangible action.
AmbientCSS casts the shadow. Specular layers enhance the interaction plane.
Stable opaque reading tokens do not inherit decorative light exposure. */
:root { --space-control-x:14px;--space-control-y:8px;--header-size:64px;--action-radius:10px;--action-lift:.42;--action-body:.7;--action-edge:.55;--action-sheen:.095;--action-glass-opacity:88%;--action-hover-sheen:.14; }
html[data-mode="light"] { --action-sheen:.055;--action-hover-sheen:.085;--action-edge:.7;--action-glass-opacity:91%; }
.workspace-view { --action-lift:.42;--action-body:.7; }
.workspace-view[data-depth="quiet"] { --action-lift:.22;--action-body:.5; }
.workspace-view[data-depth="sculpted"] { --action-lift:.75;--action-body:1.05; }
/* Reserve depth for actual controls. Generic containers don't inherit it. */
:is(#ambientScene,.origo-scene) .workspace-view :is(.card,.primitive-card,.principle-card,.guidance-card,.material-card,.wiki-cover,.doc-reader,.arch-node,.insight,.system-note,.shared-object,.kpi-icon) {
box-shadow:none;--amb-elevation:0;--amb-thickness:0;
}
:is(#ambientScene,.origo-scene) .workspace-view .health-card {box-shadow:none;--amb-thickness:0;}
:is(#ambientScene,.origo-scene) .workspace-view .health-card .gauge-wrap {--amb-elevation:.12;--amb-thickness:.35;--amb-fillet:.45;box-shadow:var(--amb-box-shadow);}
/* High-specificity semantic roles intentionally supersede legacy per-app effects. */
:is(#ambientScene,.origo-scene) [data-material="action"],:is(#ambientScene,.origo-scene) [data-material="primary"],:is(#ambientScene,.origo-scene) [data-material="glass"] {
--amb-elevation:var(--action-lift);--amb-thickness:var(--action-body);--amb-chamfer:0;--amb-fillet:var(--action-edge);--amb-fillet-width:1;
--action-base:var(--panel-2);--amb-albedo:var(--action-base);
--action-angle:calc(atan2(var(--amb-light-y),var(--amb-light-x)) + 90deg);
--action-shine-x:calc(50% + var(--amb-light-x) * 70%);--action-shine-y:calc(50% + var(--amb-light-y) * 80%);
position:relative;isolation:isolate;overflow:visible;
border:1px solid color-mix(in srgb,var(--control-border) 52%,transparent);border-radius:var(--action-radius);
background-color:var(--action-base);
background-image:linear-gradient(var(--action-angle),rgb(0 0 0 / calc(.04 + var(--amb-key-light-intensity) * .055)),transparent 46%,rgb(255 255 255 / calc(var(--amb-key-light-intensity) * var(--action-sheen))));
box-shadow:var(--amb-box-shadow);filter:none;backdrop-filter:none;
color:var(--ink);cursor:pointer;transform:none;
transition:transform var(--duration-state) ease,box-shadow var(--duration-state) ease,border-color var(--duration-state) ease;
}
:is(#ambientScene,.origo-scene) [data-material="primary"] {--action-base:var(--accent-fill);color:var(--on-accent);border-color:color-mix(in srgb,var(--accent-fill),var(--ink) 13%);--action-body:.85;}
:is(#ambientScene,.origo-scene) [data-material="glass"] {
--action-base:color-mix(in srgb,var(--panel-2) var(--action-glass-opacity),transparent);
-webkit-backdrop-filter:blur(16px) saturate(1.12);backdrop-filter:blur(16px) saturate(1.12);
background-image:radial-gradient(ellipse at var(--action-shine-x) var(--action-shine-y),hsl(var(--amb-light-hue) var(--amb-light-saturation) 95% / calc(var(--amb-key-light-intensity) * .21)),transparent 70%),linear-gradient(var(--action-angle),rgb(0 0 0/.05),transparent 40%,rgb(255 255 255/.055));
}
/* Bounded reflection behind the label. No gradient or filter is applied to text. */
:is(#ambientScene,.origo-scene) :is([data-material="action"],[data-material="primary"],[data-material="glass"]):not(#primaryAction):not(.notification-pulse)::after {
content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;z-index:-1;
background:radial-gradient(ellipse at var(--pointer-x,var(--action-shine-x)) var(--pointer-y,var(--action-shine-y)),rgb(255 255 255 / var(--action-hover-sheen)),transparent 70%);
opacity:0;transition:opacity var(--duration-state) ease;
}
@media(hover:hover) and (pointer:fine) {
:is(#ambientScene,.origo-scene) :is([data-material="action"],[data-material="primary"],[data-material="glass"]):hover:not(:disabled):not([aria-disabled="true"]) {
--amb-elevation:calc(var(--action-lift) + .28);--amb-fillet:.85;transform:translateY(-1px);z-index:2;border-color:color-mix(in srgb,var(--control-border) 90%,transparent);filter:none;
}
:is(#ambientScene,.origo-scene) :is([data-material="action"],[data-material="primary"],[data-material="glass"]):hover:not(:disabled):not(#primaryAction):not(.notification-pulse)::after {opacity:1;}
}
:is(#ambientScene,.origo-scene) :is([data-material="action"],[data-material="primary"],[data-material="glass"]):focus-visible {
--amb-elevation:calc(var(--action-lift) + .28);--amb-fillet:.85;z-index:3;
outline:2px solid var(--focus-ring);outline-offset:3px;
}
:is(#ambientScene,.origo-scene) :is([data-material="action"],[data-material="primary"],[data-material="glass"]):focus-visible::after {opacity:1;}
:is(#ambientScene,.origo-scene) :is([data-material="action"],[data-material="primary"],[data-material="glass"]):active:not(:disabled):not([aria-disabled="true"]) {
--amb-elevation:0;--amb-thickness:.16;--amb-fillet:.2;transform:translateY(1px);box-shadow:var(--amb-box-shadow),inset 0 1px 3px rgb(0 0 0/.16);filter:none;
}
:is(#ambientScene,.origo-scene) :is([data-material="action"],[data-material="glass"])[aria-pressed="true"] {--action-base:var(--accent-surface);border-color:var(--accent-text);color:var(--accent-text);}
:is(#ambientScene,.origo-scene) [data-material]:disabled,:is(#ambientScene,.origo-scene) [data-material][aria-disabled="true"] {--amb-elevation:0;--amb-thickness:0;box-shadow:none;background-image:none;transform:none;backdrop-filter:none;filter:none;opacity:.64;cursor:not-allowed;}
:is(#ambientScene,.origo-scene) [data-material]:disabled:not(#primaryAction):not(.notification-pulse)::after {display:none;}

@media(prefers-reduced-motion:reduce){.origo-scene [data-material]{transform:none!important;transition:none!important;}.origo-scene [data-material]::after{transition:none!important;background:none;}}
@media(forced-colors:active){.origo-scene [data-material]{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none;}.origo-scene [data-material]::after{display:none;}}

/* Origo Button: the one Ambient recipe for every action control (docs/ORIGO-BUTTON-TOGGLE-SPEC.md, section 1).
   <button class="origo-button" data-variant="primary|secondary|quiet|destructive" data-size="compact|default|large"
   [data-shape="icon"] [data-surface="glass"] [data-inline="true"] [data-block="true"]>; data-state is written by
   OrigoButton.paint(). Tokens only, no colour literals. Names from 01-tokens-extended.css carry their documented values
   as fallbacks because the sigma.global demo does not load that file. Not scoped to #ambientScene, so the isolated
   specimen renders the same. Source order is the painted priority, lowest first (Quint painted(): disabled > busy >
   pressed > hover > focused > base): rest, :focus-visible, :hover, :active, pending, disabled. The browser owns hover,
   focus and press; the chart owns pending and disabled. tools/origo-button-compat.mjs derives button-compat.css from
   this file; edit here and regenerate. */

/* 1. Rest */
.origo-button {
--_button-fill:var(--panel-2);--_button-ink:var(--ink);--_button-edge:var(--control-border);
--amb-albedo:var(--_button-fill);--amb-elevation:var(--action-lift);--amb-thickness:var(--action-body);--amb-fillet:var(--action-edge);--amb-fillet-width:1;--amb-chamfer:0;
--action-angle:calc(atan2(var(--amb-light-y),var(--amb-light-x)) + 90deg);
--action-shine-x:calc(50% + var(--amb-light-x) * 70%);--action-shine-y:calc(50% + var(--amb-light-y) * 80%);
/* Ambient shadow composition, copied verbatim from ambient-core.css .ambient so the recipe needs no .ambient class. */
--_amb-chamfer-w:max(-1 * var(--amb-thickness),min(var(--amb-chamfer-width),var(--amb-thickness)));
--_amb-fillet-w:max(-1 * var(--amb-thickness),min(var(--amb-fillet-width),var(--amb-thickness)));
--_amb-sh-gate:max(0,min(var(--amb-elevation) + var(--amb-thickness),1));
--_amb-body-gate:max(0,min(var(--amb-thickness),1));
--_amb-sweep-a:calc(var(--_amb-sh-gate) * var(--_amb-body-gate) * max(0,1 - var(--amb-elevation) / 3) * (var(--amb-thickness) * .02 + .047));
--amb-box-shadow:
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-shadow-strength,1) * var(--_amb-sh-gate) * ((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .13 + var(--amb-elevation) * -.077 + .368 - var(--_amb-body-gate) * max(0,1 - var(--amb-elevation)) * .14)))
calc(var(--amb-light-x) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(3.8px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-light-y) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(3.8px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-elevation) * calc(4.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(2.7px * var(--amb-shadow-scale,1))) calc(.8px * var(--amb-shadow-scale,1)),
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_amb-sweep-a) * var(--amb-shadow-strength,1)))
calc(var(--amb-light-x) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(2.85px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-light-y) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(2.85px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-elevation) * calc(4.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(2px * var(--amb-shadow-scale,1))) calc(var(--amb-thickness) * calc(.9px * var(--amb-shadow-scale,1))),
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_amb-sweep-a) * var(--amb-shadow-strength,1)))
calc(var(--amb-light-x) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(1.9px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-light-y) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(1.9px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-elevation) * calc(4.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(1.35px * var(--amb-shadow-scale,1))) calc(var(--amb-thickness) * calc(.6px * var(--amb-shadow-scale,1))),
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_amb-sweep-a) * var(--amb-shadow-strength,1)))
calc(var(--amb-light-x) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(.95px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-light-y) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(.95px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-elevation) * calc(4.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(.7px * var(--amb-shadow-scale,1))) calc(var(--amb-thickness) * calc(.3px * var(--amb-shadow-scale,1))),
inset calc(var(--amb-light-x) * var(--_amb-chamfer-w) * calc(-1px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--_amb-chamfer-w) * calc(-1px * var(--amb-shadow-scale,1))) 0 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-chamfer) * max(0,min(var(--amb-thickness),1)) * (var(--amb-key-light-intensity) * 1.57 + var(--amb-fill-light-intensity) * .85 - 1.03))),
inset calc(var(--amb-light-x) * var(--_amb-chamfer-w) * calc(1px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--_amb-chamfer-w) * calc(1px * var(--amb-shadow-scale,1))) 0 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-chamfer) * max(0,min(var(--amb-thickness),1)) * ((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .19 + .24))),
inset calc(var(--amb-light-x) * var(--_amb-fillet-w) * calc(-1.4px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--_amb-fillet-w) * calc(-1.4px * var(--amb-shadow-scale,1))) calc(2px * var(--amb-shadow-scale,1)) 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-fillet) * max(0,min(var(--amb-thickness),1)) * (var(--amb-key-light-intensity) * 1.44 + var(--amb-fill-light-intensity) * .85 - .99))),
inset calc(var(--amb-light-x) * var(--_amb-fillet-w) * calc(1.4px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--_amb-fillet-w) * calc(1.4px * var(--amb-shadow-scale,1))) calc(2px * var(--amb-shadow-scale,1)) 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-fillet) * max(0,min(var(--amb-thickness),1)) * ((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .23 + .3)));
appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);
position:relative;isolation:isolate;overflow:visible;vertical-align:middle;
min-height:var(--control-size);margin:0;padding:0 var(--space-control-x);
font:600 var(--text-body)/1.35 var(--font-ui);letter-spacing:normal;text-transform:none;text-align:center;text-decoration:none;white-space:normal;
color:var(--_button-ink);background-color:var(--_button-fill);
background-image:linear-gradient(var(--action-angle),rgb(0 0 0 / calc(.04 + var(--amb-key-light-intensity) * .055)),transparent 46%,rgb(255 255 255 / calc(var(--amb-key-light-intensity) * var(--action-sheen))));
border:1px solid var(--_button-edge);border-radius:var(--radius-control);
box-shadow:var(--amb-box-shadow);filter:none;backdrop-filter:none;transform:none;
cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;
transition:transform var(--duration-state) ease,box-shadow var(--duration-state) ease,border-color var(--duration-state) ease,background-color var(--duration-state) ease,color var(--duration-state) ease;
}
/* Bounded reflection behind the label; it follows --pointer-x/--pointer-y from the shell's one delegated listener. */
.origo-button::after {content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;z-index:-1;background:radial-gradient(ellipse at var(--pointer-x,var(--action-shine-x)) var(--pointer-y,var(--action-shine-y)),rgb(255 255 255 / var(--action-hover-sheen)),transparent 70%);opacity:0;transition:opacity var(--duration-state) ease;}
.origo-button > [data-part="icon"] {flex:none;display:block;width:var(--icon-size,16px);height:var(--icon-size,16px);}
.origo-button > [data-part="pending"] {display:none;}
.origo-button[data-size="compact"] {min-height:var(--control-size-compact,32px);padding-inline:var(--space-3);font-size:var(--text-label);}
.origo-button[data-size="compact"] > [data-part="icon"] {width:var(--icon-size-small,13px);height:var(--icon-size-small,13px);}
.origo-button[data-size="large"] {min-height:var(--control-size-large,44px);padding-inline:var(--space-5);font-size:var(--text-content);line-height:1.5;border-radius:var(--action-radius);}
.origo-button[data-size="large"] > [data-part="icon"] {width:var(--icon-size-large,20px);height:var(--icon-size-large,20px);}
.origo-button[data-shape="icon"] {display:inline-grid;place-items:center;padding:0;width:var(--control-size);min-width:var(--control-size);height:var(--control-size);}
.origo-button[data-shape="icon"][data-size="compact"] {width:var(--control-size-compact,32px);min-width:var(--control-size-compact,32px);height:var(--control-size-compact,32px);}
.origo-button[data-shape="icon"][data-size="large"] {width:var(--control-size-large,44px);min-width:var(--control-size-large,44px);height:var(--control-size-large,44px);}
.origo-button[data-variant="primary"] {--_button-fill:var(--accent-fill);--_button-ink:var(--on-accent);--_button-edge:color-mix(in srgb,var(--accent-fill),var(--ink) 13%);--amb-thickness:.85;}
/* Quiet is planar: no lift, no sheen, no reflection. An icon-only button without a variant is quiet. */
.origo-button[data-variant="quiet"],.origo-button[data-shape="icon"]:not([data-variant]) {--_button-fill:transparent;--_button-ink:var(--accent-text);--_button-edge:transparent;--amb-elevation:0;--amb-thickness:0;--amb-fillet:0;background-image:none;box-shadow:none;padding-inline:10px;}
.origo-button[data-variant="quiet"][data-size="large"] {padding-inline:var(--space-5);}
.origo-button[data-variant="quiet"][data-shape="icon"],.origo-button[data-shape="icon"]:not([data-variant]) {--_button-ink:var(--muted);padding:0;}
.origo-button[data-variant="quiet"]::after,.origo-button[data-shape="icon"]:not([data-variant])::after {display:none;}
/* Destructive is outlined: danger ink and border on the panel, never a solid fill (--danger is text-grade). */
.origo-button[data-variant="destructive"] {--_button-fill:var(--panel);--_button-ink:var(--danger);--_button-edge:var(--danger);}
.origo-button[data-surface="glass"] {--_button-fill:color-mix(in srgb,var(--panel-2) var(--action-glass-opacity),transparent);-webkit-backdrop-filter:blur(16px) saturate(1.12);backdrop-filter:blur(16px) saturate(1.12);background-image:radial-gradient(ellipse at var(--action-shine-x) var(--action-shine-y),hsl(var(--amb-light-hue) var(--amb-light-saturation) 95% / calc(var(--amb-key-light-intensity) * .21)),transparent 70%),linear-gradient(var(--action-angle),rgb(0 0 0 / .05),transparent 40%,rgb(255 255 255 / .055));}
.origo-button[data-inline="true"] {display:inline;min-height:0;padding:0;border:0;font:inherit;vertical-align:baseline;text-align:inherit;}
.origo-button[data-block="true"] {display:flex;width:100%;}
/* Fill a card or column between its own side margins without width-plus-margin overflow. */
.origo-button[data-inset="true"] {display:flex;align-self:stretch;width:auto;min-width:0;max-width:100%;justify-content:flex-start;overflow-wrap:anywhere;}
/* Toggled (aria-pressed): the selection material. The border carries the state; the wash alone is about 1.2:1. */
.origo-button[aria-pressed="true"] {--_button-fill:var(--accent-surface);--_button-ink:var(--accent-text);--_button-edge:var(--accent-text);--amb-elevation:.14;--amb-thickness:.52;box-shadow:var(--amb-box-shadow);}
/* An icon-only toggle keeps the toggled ink too (the quiet icon rule would otherwise mute it). */
.origo-button[data-shape="icon"][aria-pressed="true"] {--_button-ink:var(--accent-text);}
/* The glyph carries the state as well as the wash: a pressed toggle's icon fills with its ink (a filled star, bookmark or
   pin). Strokes stay; a line glyph that must never fill declares fill="none" on its own paths. */
.origo-button[aria-pressed="true"] > [data-part="icon"] {fill:currentColor;}
/* A refused change (OrigoToggle and OrigoSegmented write data-outcome="error" for a moment and announce the message):
   the edge turns to the text-grade danger colour (about 7.5:1 dark, 6.5:1 light against the panel). */
.origo-button[data-outcome="error"] {--_button-edge:var(--danger);}

/* 2. Focus (keyboard): the ring sits outside the control on the surrounding surface; focus also gets the hover lift. */
.origo-button:focus-visible {outline:var(--focus-width,2px) solid var(--focus-ring);outline-offset:var(--focus-offset,3px);z-index:3;}
.origo-button:focus-visible:not(:disabled):not([aria-disabled="true"]) {--amb-elevation:calc(var(--action-lift) + .28);--amb-fillet:.85;transform:translateY(-1px);}
.origo-button:focus-visible:not(:disabled):not([aria-disabled="true"])::after {opacity:1;}
.origo-button[data-variant="quiet"]:focus-visible:not(:disabled):not([aria-disabled="true"]),.origo-button[data-shape="icon"]:not([data-variant]):focus-visible:not(:disabled):not([aria-disabled="true"]) {--amb-elevation:0;--amb-fillet:0;transform:none;}

/* 3. Hover: light, not colour. No brightness filter, which would also filter the label. */
@media (hover:hover) {
.origo-button:hover:not(:disabled):not([aria-disabled="true"]) {--amb-elevation:calc(var(--action-lift) + .28);--amb-fillet:.85;transform:translateY(-1px);z-index:2;filter:none;}
.origo-button:hover:not(:disabled):not([aria-disabled="true"])::after {opacity:1;}
.origo-button:not([data-variant]):hover:not(:disabled):not([aria-disabled="true"]),.origo-button[data-variant="secondary"]:hover:not(:disabled):not([aria-disabled="true"]) {--_button-fill:color-mix(in srgb,var(--panel-2),var(--ink) 6%);--_button-edge:var(--subtle);}
.origo-button[data-surface="glass"]:hover:not(:disabled):not([aria-disabled="true"]) {--_button-fill:color-mix(in srgb,var(--panel-2) var(--action-glass-opacity),transparent);}
.origo-button[data-variant="destructive"]:hover:not(:disabled):not([aria-disabled="true"]) {--_button-fill:var(--danger-soft);}
.origo-button[data-variant="quiet"]:hover:not(:disabled):not([aria-disabled="true"]) {--_button-fill:var(--accent-surface);--amb-elevation:0;--amb-fillet:0;transform:none;}
.origo-button[data-variant="quiet"][data-shape="icon"]:hover:not(:disabled):not([aria-disabled="true"]),.origo-button[data-shape="icon"]:not([data-variant]):hover:not(:disabled):not([aria-disabled="true"]) {--_button-fill:rgb(var(--overlay-rgb) / .06);--_button-ink:var(--ink);--amb-elevation:0;--amb-fillet:0;transform:none;}
.origo-button[data-inline="true"]:hover:not(:disabled):not([aria-disabled="true"]) {--_button-fill:transparent;text-decoration:underline;text-underline-offset:.2em;transform:none;}
.origo-button[aria-pressed="true"]:hover:not(:disabled):not([aria-disabled="true"]) {--_button-fill:color-mix(in srgb,var(--accent-surface),var(--ink) 4%);--_button-ink:var(--accent-text);--_button-edge:var(--accent-text);}
.origo-button[data-shape="icon"][aria-pressed="true"]:hover:not(:disabled):not([aria-disabled="true"]) {--_button-fill:color-mix(in srgb,var(--accent-surface),var(--ink) 4%);--_button-ink:var(--accent-text);}
}

/* 4. Pressed */
.origo-button:active:not(:disabled):not([aria-disabled="true"]) {--amb-elevation:0;--amb-thickness:.16;--amb-fillet:.2;transform:translateY(1px);box-shadow:var(--amb-box-shadow),inset 0 1px 3px rgb(0 0 0 / .16);filter:none;}
.origo-button:not([data-variant]):active:not(:disabled):not([aria-disabled="true"]),.origo-button[data-variant="secondary"]:active:not(:disabled):not([aria-disabled="true"]) {--_button-fill:color-mix(in srgb,var(--panel-2),var(--ink) 9%);--_button-edge:var(--subtle);}
.origo-button[data-variant="destructive"]:active:not(:disabled):not([aria-disabled="true"]) {--_button-fill:color-mix(in srgb,var(--danger-soft),var(--ink) 6%);}
.origo-button[data-variant="quiet"]:active:not(:disabled):not([aria-disabled="true"]) {--_button-fill:color-mix(in srgb,var(--accent-surface),var(--ink) 4%);--amb-thickness:0;--amb-fillet:0;box-shadow:none;}
.origo-button[data-variant="quiet"][data-shape="icon"]:active:not(:disabled):not([aria-disabled="true"]),.origo-button[data-shape="icon"]:not([data-variant]):active:not(:disabled):not([aria-disabled="true"]) {--_button-fill:rgb(var(--overlay-rgb) / .1);--_button-ink:var(--ink);--amb-thickness:0;--amb-fillet:0;box-shadow:none;}
.origo-button[data-inline="true"]:active:not(:disabled):not([aria-disabled="true"]) {--_button-fill:transparent;transform:none;}

/* 5. Pending: rest paint, no lift (aria-disabled gates hover and press), and a spinner in the button's ink. The width
   never changes: the label turns transparent (colour, not visibility, so the accessible name stays) and the spinner is
   centred over it; a pending label replaces it in an overlay. Focus never moves. */
.origo-button[data-state="pending"] {cursor:progress;}
.origo-button[data-state="pending"] > [data-part="icon"] {opacity:0;}
.origo-button[data-state="pending"] > [data-part="label"] {color:transparent;}
.origo-button[data-state="pending"] > [data-part="label"]::before,.origo-button[data-state="pending"] > [data-part="pending"]::before,.origo-button[data-shape="icon"][data-state="pending"]::before {content:"";box-sizing:border-box;width:16px;height:16px;color:var(--_button-ink);border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:origo-button-spin var(--duration-spin,900ms) linear infinite;}
.origo-button[data-state="pending"] > [data-part="label"]::before,.origo-button[data-shape="icon"][data-state="pending"]::before {position:absolute;top:50%;left:50%;margin:-8px 0 0 -8px;}
.origo-button[data-state="pending"] > [data-part="pending"] {display:flex;position:absolute;inset:0;align-items:center;justify-content:center;gap:var(--space-2);padding-inline:inherit;border-radius:inherit;white-space:nowrap;}
.origo-button[data-state="pending"] > [data-part="pending"]::before {display:inline-block;flex:none;}
.origo-button[data-state="pending"] > [data-part="pending"] ~ [data-part="label"]::before {display:none;}
/* Toggles show no spinner: the optimistic flip is the feedback (spec 3.1). Label and icon stay as they are. */
.origo-button[aria-pressed][data-state="pending"] > [data-part="label"] {color:inherit;}
.origo-button[aria-pressed][data-state="pending"] > [data-part="icon"] {opacity:1;}
.origo-button[aria-pressed][data-state="pending"] > [data-part="label"]::before,.origo-button[aria-pressed][data-shape="icon"][data-state="pending"]::before {content:none;}
@keyframes origo-button-spin {to {transform:rotate(1turn);}}
@media (prefers-reduced-motion:reduce) {
.origo-button[data-state="pending"] > [data-part="label"]::before,.origo-button[data-state="pending"] > [data-part="pending"]::before,.origo-button[data-shape="icon"][data-state="pending"]::before {content:"\00b7\00b7\00b7";width:auto;height:auto;border:0;border-radius:0;animation:none;letter-spacing:.08em;}
.origo-button[data-state="pending"] > [data-part="label"]::before,.origo-button[data-shape="icon"][data-state="pending"]::before {margin:0;transform:translate(-50%,-50%);}
}

/* 6. Disabled: reads as dead at a glance (.52); exempt from contrast (WCAG 1.4.3). aria-disabled without pending is the
   focusable disabled control (editor undo/redo). */
.origo-button:disabled,.origo-button[aria-disabled="true"]:not([data-state="pending"]) {opacity:.52;--amb-elevation:0;--amb-thickness:0;box-shadow:none;background-image:none;backdrop-filter:none;transform:none;filter:none;cursor:not-allowed;}
.origo-button:disabled::after,.origo-button[aria-disabled="true"]:not([data-state="pending"])::after {display:none;}

/* 7. Environment */
/* Coarse pointers: every size is a 44px target, and compact renders as default. No pseudo-element hit extenders. */
@media (pointer:coarse) {
.origo-button:not([data-inline="true"]) {min-height:var(--control-size-large,44px);}
.origo-button[data-size="compact"]:not([data-inline="true"]) {padding-inline:var(--space-control-x);font-size:var(--text-body);}
.origo-button[data-shape="icon"]:not([data-inline="true"]) {width:var(--control-size-large,44px);min-width:var(--control-size-large,44px);height:var(--control-size-large,44px);padding:0;}
}
@media (forced-colors:active) {
.origo-button,.origo-button[data-variant] {background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none;}
.origo-button::after {display:none;}
/* Pressed toggles and checked segments opt out of forced-colour adjustment and paint system colours themselves:
   otherwise the Canvas backplate the browser puts behind their text hides HighlightText on Highlight. */
.origo-button:is([aria-pressed="true"],[aria-checked="true"]) {forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight;box-shadow:none;background-image:none;}
.origo-button:is([aria-pressed="true"],[aria-checked="true"]):focus-visible {outline-color:CanvasText;}
}

.origo-context-menu{position:fixed;z-index:2147483646;display:grid;gap:2px;min-width:190px;max-width:min(320px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:6px;border:1px solid var(--line);border-radius:var(--radius-control,9px);background:var(--panel);color:var(--ink);box-shadow:0 18px 48px rgb(0 0 0 / .3);font:var(--text-body)/1.4 var(--font-ui)}
.origo-context-menu button{display:block;min-height:34px;width:100%;padding:7px 10px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.origo-context-menu button:hover,.origo-context-menu button:focus-visible{background:var(--accent-surface);color:var(--accent-text);outline:0}
.origo-context-menu button:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-ring,var(--accent-text))}
.origo-context-menu button:disabled{color:var(--muted);cursor:default;opacity:.7;background:transparent;box-shadow:none}
.origo-context-separator{height:1px;margin:4px 6px;background:var(--line)}
.origo-context-feedback{position:fixed;right:16px;bottom:16px;z-index:2147483647;max-width:min(360px,calc(100vw - 32px));padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-control,9px);background:var(--panel);color:var(--ink);box-shadow:0 12px 36px rgb(0 0 0 / .25);font:var(--text-body)/1.4 var(--font-ui);pointer-events:none}
@media(prefers-reduced-motion:no-preference){.origo-context-menu{animation:origo-context-in .1s ease-out}@keyframes origo-context-in{from{opacity:.7;transform:translateY(-3px)}to{opacity:1;transform:none}}}

/* Origo Segmented: one exclusive choice (docs/ORIGO-BUTTON-TOGGLE-SPEC.md 1.4, 3.2).
   <div class="origo-segmented" role="radiogroup" aria-label="…" [data-layout="tiles|filters"] [data-size="default"]>
   with origo-button segments (data-part="segment", role="radio", aria-checked). The checked segment is the one raised
   object in the groove. data-state, aria-busy and aria-checked are written by OrigoSegmented, never by authors or
   per-site CSS. Tokens only; loaded right after button.css, whose states it refines. Every selector begins with
   .origo-segmented. Source order is the painted priority, lowest first: rest, focus, hover, pending. */

/* 1. Rest: the groove and its segments */
.origo-segmented {display:inline-flex;align-items:stretch;gap:3px;padding:3px;box-sizing:border-box;position:relative;max-width:100%;vertical-align:middle;
border-radius:calc(var(--radius-control) + 3px);background:var(--panel-dark);border:1px solid var(--line);
box-shadow:inset 0 1px 2px rgb(0 0 0 / calc(.1 + var(--amb-key-light-intensity,1) * .06)),inset 0 -1px 0 rgb(255 255 255 / calc(var(--amb-key-light-intensity,1) * .035));}
.origo-segmented > .origo-button[data-part="segment"] {--_button-fill:transparent;--_button-ink:var(--muted);--_button-edge:transparent;--amb-elevation:0;--amb-thickness:0;--amb-fillet:0;background-image:none;box-shadow:none;border-radius:var(--radius-control);}
.origo-segmented > .origo-button[data-part="segment"]:not([data-shape="icon"]) {min-width:44px;}
/* Checked: the selection material, raised in the groove; its edge is the control border at 60%. */
.origo-segmented > .origo-button[data-part="segment"][aria-checked="true"] {--_button-fill:var(--panel-2);--_button-ink:var(--ink);--_button-edge:color-mix(in srgb,var(--control-border) 60%,transparent);--amb-elevation:.14;--amb-thickness:.52;--amb-fillet:var(--action-edge);box-shadow:var(--amb-box-shadow);background-image:linear-gradient(var(--action-angle),rgb(0 0 0 / calc(.04 + var(--amb-key-light-intensity) * .055)),transparent 46%,rgb(255 255 255 / calc(var(--amb-key-light-intensity) * var(--action-sheen))));}
/* Tiles: detached secondary segments (the layout name the listbox shares; "card" means only the sign-in smart card); checked is the secondary toggled paint (accent edge carries the state). */
/* Layout resets use :where() so a host layout hook (a divider, grid columns, its own gap) wins over them. */
.origo-segmented:where([data-layout="tiles"]) {gap:var(--space-3);padding:0;background:none;border:0;border-radius:0;box-shadow:none;flex-wrap:wrap;}
.origo-segmented[data-layout="tiles"] > .origo-button[data-part="segment"] {--_button-fill:var(--panel-2);--_button-ink:var(--ink);--_button-edge:var(--control-border);--amb-elevation:var(--action-lift);--amb-thickness:var(--action-body);--amb-fillet:var(--action-edge);box-shadow:var(--amb-box-shadow);background-image:linear-gradient(var(--action-angle),rgb(0 0 0 / calc(.04 + var(--amb-key-light-intensity) * .055)),transparent 46%,rgb(255 255 255 / calc(var(--amb-key-light-intensity) * var(--action-sheen))));}
.origo-segmented[data-layout="tiles"] > .origo-button[data-part="segment"][aria-checked="true"] {--_button-fill:var(--accent-surface);--_button-ink:var(--accent-text);--_button-edge:var(--accent-text);--amb-elevation:.14;--amb-thickness:.52;}
/* Filters: a chip row; checked is the quiet toggled paint with the text-grade accent edge (the 32% accent line fails 3:1). */
.origo-segmented:where([data-layout="filters"]) {gap:var(--space-1);padding:0;background:none;border:0;border-radius:0;box-shadow:none;flex-wrap:wrap;}
.origo-segmented[data-layout="filters"] > .origo-button[data-part="segment"][aria-checked="true"] {--_button-fill:var(--accent-surface);--_button-ink:var(--accent-text);--_button-edge:var(--accent-text);--amb-elevation:0;--amb-thickness:0;box-shadow:none;background-image:none;}
.origo-segmented[data-size="default"] > .origo-button[data-part="segment"] {min-height:var(--control-size);}
/* A refused selection (data-outcome="error", written for a moment by OrigoSegmented, which also announces the message). */
.origo-segmented[data-outcome="error"] {outline:1px solid var(--danger);outline-offset:2px;}

/* 2. Focus: the ring sits inside the segment so a neighbour never covers it; segments do not lift. */
.origo-segmented > .origo-button[data-part="segment"]:focus-visible {outline-offset:var(--focus-offset-inset,-2px);}
.origo-segmented > .origo-button[data-part="segment"]:focus-visible:not(:disabled):not([aria-disabled="true"]) {transform:none;}
.origo-segmented[data-layout="tiles"] > .origo-button[data-part="segment"]:focus-visible {outline-offset:var(--focus-offset,3px);}

/* 3. Hover */
@media (hover:hover) {
.origo-segmented > .origo-button[data-part="segment"]:hover:not(:disabled):not([aria-disabled="true"]) {--_button-fill:rgb(var(--overlay-rgb) / .05);--_button-ink:var(--ink);--amb-elevation:0;transform:none;}
.origo-segmented > .origo-button[data-part="segment"][aria-checked="true"]:hover:not(:disabled):not([aria-disabled="true"]) {--_button-fill:color-mix(in srgb,var(--panel-2),var(--ink) 4%);--amb-elevation:.14;}
.origo-segmented[data-layout="tiles"] > .origo-button[data-part="segment"]:hover:not(:disabled):not([aria-disabled="true"]) {--_button-fill:color-mix(in srgb,var(--panel-2),var(--ink) 6%);--_button-edge:var(--subtle);--amb-elevation:calc(var(--action-lift) + .28);transform:translateY(-1px);}
.origo-segmented[data-layout="tiles"] > .origo-button[data-part="segment"][aria-checked="true"]:hover:not(:disabled):not([aria-disabled="true"]) {--_button-fill:color-mix(in srgb,var(--accent-surface),var(--ink) 4%);--_button-ink:var(--accent-text);--_button-edge:var(--accent-text);}
.origo-segmented[data-layout="filters"] > .origo-button[data-part="segment"][aria-checked="true"]:hover:not(:disabled):not([aria-disabled="true"]) {--_button-fill:color-mix(in srgb,var(--accent-surface),var(--ink) 4%);--_button-ink:var(--accent-text);--amb-elevation:0;}
}

/* 4. Pending: the optimistic segment already paints checked; one 12px spinner at the group's inline end, outside the
   group box so nothing moves, never inside a segment (segments are too dense). */
.origo-segmented[data-state="pending"] {cursor:progress;}
.origo-segmented[data-state="pending"]::after {content:"";position:absolute;top:50%;inset-inline-start:calc(100% + 6px);width:12px;height:12px;margin-top:-6px;box-sizing:border-box;color:var(--muted);border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:origo-segmented-spin var(--duration-spin,900ms) linear infinite;}
@keyframes origo-segmented-spin {to {transform:rotate(1turn);}}
@media (prefers-reduced-motion:reduce) {
.origo-segmented[data-state="pending"]::after {content:"\00b7\00b7\00b7";width:auto;height:auto;margin-top:0;border:0;border-radius:0;animation:none;transform:translateY(-50%);}
}

/* 5. Environment */
@media (pointer:coarse) {
.origo-segmented[data-layout="filters"] {row-gap:var(--space-2);}
/* Every segment is a 44px target on touch, whatever the group's size (the default-size rule above would win otherwise). */
.origo-segmented > .origo-button[data-part="segment"],.origo-segmented[data-size="default"] > .origo-button[data-part="segment"] {min-height:var(--control-size-large,44px);}
}
@media (forced-colors:active) {
.origo-segmented {border:1px solid ButtonText;background:Canvas;box-shadow:none;}
/* The checked segment opts out of forced-colour adjustment and paints system colours itself: otherwise the Canvas
   backplate the browser puts behind its text hides HighlightText on Highlight. */
.origo-segmented > .origo-button[data-part="segment"][aria-checked="true"] {forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight;box-shadow:none;background-image:none;}
.origo-segmented > .origo-button[data-part="segment"][aria-checked="true"]:focus-visible {outline-color:CanvasText;}
}

.origo-marking{display:grid;gap:12px;min-width:0;color:var(--ink)}
.origo-marking h3,.origo-marking p{margin:0}
.origo-marking h3{font-size:var(--text-subtitle)}
.origo-marking-note,.origo-marking-source{color:var(--muted);font-size:var(--text-meta);line-height:1.5}
.origo-marking-facts{display:grid;gap:7px;margin:0}
.origo-marking-facts>div{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,1fr);gap:12px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--page)}
.origo-marking-facts dt{color:var(--muted);font-size:var(--text-meta)}
.origo-marking-facts dd{margin:0;overflow-wrap:anywhere;font-weight:650}
.origo-marking-choice-label{font-size:var(--text-meta);font-weight:650}
.marking-options{display:flex;flex-wrap:wrap;max-width:100%}
.marking-options .origo-button{white-space:normal;text-align:center}
.origo-marking .origo-marking-preview{padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--accent-surface);color:var(--accent-text);line-height:1.45}
.origo-marking .origo-marking-blocked{font-weight:650}
@media(max-width:600px){.origo-marking-facts>div{grid-template-columns:1fr;gap:3px}.marking-options{display:grid;grid-template-columns:1fr 1fr;width:100%}.marking-options .origo-button{min-width:0}}

/* Origo Listbox / tile list (docs/ORIGO-LISTBOX-STEPPER-SPEC.md 1.1-1.2).
   <div class="origo-listbox" role="listbox|radiogroup" data-semantics="listbox|radio" data-layout="rows|tiles"
   data-selection="follows-focus|manual" [data-size="compact"]> with <div data-part="option" role="option|radio"
   aria-selected|aria-checked tabindex> options holding [data-part="icon"], "label", "meta" and "content", and a
   [data-part="status"] spinner slot. data-state, aria-busy, the selected state and tabindex are written by OrigoListbox,
   never by authors or per-site CSS. Tokens only; names from 01-tokens-extended.css carry their documented values as
   fallbacks because the sigma.global demo does not load that file. Not scoped to #ambientScene. Every selector begins
   with .origo-listbox. Sections follow the painted priority, lowest first (listrow.qnt painted(): disabled > selected >
   hover > focused > base): rest, focus, hover, selected (pending paints as selected), disabled. Source order alone does
   not decide it (the guarded hover rules outrank the selected rules), so the selected-hover rules restate the selection
   and tests/origo-visual.test.mjs checks the computed cascade for every combination of states. */

/* 1. Rest */
.origo-listbox {display:flex;flex-direction:column;gap:0;position:relative;box-sizing:border-box;min-width:0;margin:0;padding:0;}
/* Rows: planar, a vertical list of --row-size rows (40; 44 on coarse pointers). The 4px block padding changes no
   one-line row; it keeps a wrapped label off the row's edges. */
.origo-listbox > [data-part="option"] {--_listbox-fill:transparent;--_listbox-ink:var(--ink);--_listbox-edge:transparent;
box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:0;position:relative;
min-height:var(--row-size,40px);margin:0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-control);
font:600 var(--text-body)/1.35 var(--font-ui);text-align:start;color:var(--_listbox-ink);background-color:var(--_listbox-fill);
cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;
transition:background-color var(--duration-state) ease,color var(--duration-state) ease,border-color var(--duration-state) ease,box-shadow var(--duration-state) ease,transform var(--duration-state) ease;}
.origo-listbox > [data-part="option"] > [data-part="icon"] {grid-column:1;display:block;flex:none;width:var(--icon-size,16px);height:var(--icon-size,16px);margin-inline-end:var(--space-2);}
.origo-listbox > [data-part="option"] > [data-part="label"] {grid-column:2;min-width:0;font-size:var(--text-body);font-weight:600;color:inherit;overflow-wrap:anywhere;}
.origo-listbox > [data-part="option"] > [data-part="meta"] {grid-column:3;margin-inline-start:var(--space-2);font-size:var(--text-label);font-weight:400;color:var(--muted);white-space:nowrap;}
.origo-listbox > [data-part="option"] > [data-part="content"] {grid-column:2 / -1;min-width:0;font-weight:400;}
.origo-listbox[data-size="compact"] > [data-part="option"] {min-height:var(--control-size-compact,32px);}
/* Tiles: detached tiles, the secondary Ambient recipe of the button family (panel-2, control border, action lift). */
.origo-listbox[data-layout="tiles"] {gap:var(--space-3);}
.origo-listbox[data-layout="tiles"] > [data-part="option"] {--_listbox-fill:var(--panel-2);--_listbox-edge:var(--control-border);
--amb-albedo:var(--_listbox-fill);--amb-elevation:var(--action-lift);--amb-thickness:var(--action-body);--amb-fillet:var(--action-edge);--amb-fillet-width:1;--amb-chamfer:0;
--action-angle:calc(atan2(var(--amb-light-y),var(--amb-light-x)) + 90deg);
/* Ambient shadow composition, copied verbatim from ambient-core.css .ambient so the recipe needs no .ambient class. */
--_amb-chamfer-w:max(-1 * var(--amb-thickness),min(var(--amb-chamfer-width),var(--amb-thickness)));
--_amb-fillet-w:max(-1 * var(--amb-thickness),min(var(--amb-fillet-width),var(--amb-thickness)));
--_amb-sh-gate:max(0,min(var(--amb-elevation) + var(--amb-thickness),1));
--_amb-body-gate:max(0,min(var(--amb-thickness),1));
--_amb-sweep-a:calc(var(--_amb-sh-gate) * var(--_amb-body-gate) * max(0,1 - var(--amb-elevation) / 3) * (var(--amb-thickness) * .02 + .047));
--amb-box-shadow:
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-shadow-strength,1) * var(--_amb-sh-gate) * ((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .13 + var(--amb-elevation) * -.077 + .368 - var(--_amb-body-gate) * max(0,1 - var(--amb-elevation)) * .14)))
calc(var(--amb-light-x) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(3.8px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-light-y) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(3.8px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-elevation) * calc(4.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(2.7px * var(--amb-shadow-scale,1))) calc(.8px * var(--amb-shadow-scale,1)),
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_amb-sweep-a) * var(--amb-shadow-strength,1)))
calc(var(--amb-light-x) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(2.85px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-light-y) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(2.85px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-elevation) * calc(4.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(2px * var(--amb-shadow-scale,1))) calc(var(--amb-thickness) * calc(.9px * var(--amb-shadow-scale,1))),
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_amb-sweep-a) * var(--amb-shadow-strength,1)))
calc(var(--amb-light-x) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(1.9px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-light-y) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(1.9px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-elevation) * calc(4.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(1.35px * var(--amb-shadow-scale,1))) calc(var(--amb-thickness) * calc(.6px * var(--amb-shadow-scale,1))),
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_amb-sweep-a) * var(--amb-shadow-strength,1)))
calc(var(--amb-light-x) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(.95px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-light-y) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(.95px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-elevation) * calc(4.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(.7px * var(--amb-shadow-scale,1))) calc(var(--amb-thickness) * calc(.3px * var(--amb-shadow-scale,1))),
inset calc(var(--amb-light-x) * var(--_amb-chamfer-w) * calc(-1px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--_amb-chamfer-w) * calc(-1px * var(--amb-shadow-scale,1))) 0 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-chamfer) * max(0,min(var(--amb-thickness),1)) * (var(--amb-key-light-intensity) * 1.57 + var(--amb-fill-light-intensity) * .85 - 1.03))),
inset calc(var(--amb-light-x) * var(--_amb-chamfer-w) * calc(1px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--_amb-chamfer-w) * calc(1px * var(--amb-shadow-scale,1))) 0 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-chamfer) * max(0,min(var(--amb-thickness),1)) * ((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .19 + .24))),
inset calc(var(--amb-light-x) * var(--_amb-fillet-w) * calc(-1.4px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--_amb-fillet-w) * calc(-1.4px * var(--amb-shadow-scale,1))) calc(2px * var(--amb-shadow-scale,1)) 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-fillet) * max(0,min(var(--amb-thickness),1)) * (var(--amb-key-light-intensity) * 1.44 + var(--amb-fill-light-intensity) * .85 - .99))),
inset calc(var(--amb-light-x) * var(--_amb-fillet-w) * calc(1.4px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--_amb-fillet-w) * calc(1.4px * var(--amb-shadow-scale,1))) calc(2px * var(--amb-shadow-scale,1)) 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-fillet) * max(0,min(var(--amb-thickness),1)) * ((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .23 + .3)));
grid-template-columns:auto minmax(0,1fr);align-items:start;row-gap:2px;isolation:isolate;
min-height:var(--control-size-large,44px);padding:var(--space-3) var(--space-4);border:1px solid var(--_listbox-edge);border-radius:var(--action-radius,10px);
background-image:linear-gradient(var(--action-angle),rgb(0 0 0 / calc(.04 + var(--amb-key-light-intensity) * .055)),transparent 46%,rgb(255 255 255 / calc(var(--amb-key-light-intensity) * var(--action-sheen))));
box-shadow:var(--amb-box-shadow);}
.origo-listbox[data-layout="tiles"] > [data-part="option"] > [data-part="icon"] {grid-row:1 / span 3;margin-top:1px;}
.origo-listbox[data-layout="tiles"] > [data-part="option"] > [data-part="meta"] {grid-column:2;margin-inline-start:0;white-space:normal;}
.origo-listbox[data-layout="tiles"] > [data-part="option"] > [data-part="content"] {grid-column:2;}
/* The pending spinner's slot: absolutely positioned inside the group, over the first row's trailing padding, so a pending
   list never changes size and a host that clips its overflow (the gallery card) still shows it. Painted in section 4. */
.origo-listbox > [data-part="status"] {display:none;position:absolute;z-index:4;top:calc(var(--row-size,40px) / 2 - 6px);inset-inline-end:var(--space-2);width:12px;height:12px;box-sizing:border-box;color:var(--muted);pointer-events:none;}
.origo-listbox[data-size="compact"] > [data-part="status"] {top:calc(var(--control-size-compact,32px) / 2 - 6px);}
.origo-listbox[data-layout="tiles"] > [data-part="status"] {top:calc(var(--space-3) + 3px);}
/* A refused selection (data-outcome="error", written for 1.6 s by OrigoListbox, which also announces the message). */
.origo-listbox[data-outcome="error"] {outline:1px solid var(--danger);outline-offset:2px;border-radius:var(--radius-control);}

/* 2. Focus (keyboard): rows keep the ring inside the row so a neighbour never covers it; tiles put it outside and lift. */
.origo-listbox > [data-part="option"]:focus-visible {outline:var(--focus-width,2px) solid var(--focus-ring);outline-offset:var(--focus-offset-inset,-2px);z-index:1;}
.origo-listbox[data-layout="tiles"] > [data-part="option"]:focus-visible {outline-offset:var(--focus-offset,3px);z-index:3;}
.origo-listbox[data-layout="tiles"]:not([data-state="disabled"]) > [data-part="option"]:focus-visible:not([aria-disabled="true"]) {--amb-elevation:calc(var(--action-lift) + .28);transform:translateY(-1px);}

/* 3. Hover: a planar wash on rows (no lift: a row is planar); light, not colour, on tiles. */
@media (hover:hover) {
.origo-listbox:not([data-state="disabled"]) > [data-part="option"]:hover:not([aria-disabled="true"]) {--_listbox-fill:rgb(var(--overlay-rgb) / .05);}
.origo-listbox[data-layout="tiles"]:not([data-state="disabled"]) > [data-part="option"]:hover:not([aria-disabled="true"]) {--_listbox-fill:color-mix(in srgb,var(--panel-2),var(--ink) 6%);--_listbox-edge:var(--subtle);--amb-elevation:calc(var(--action-lift) + .28);transform:translateY(-1px);z-index:2;}
}

/* 4. Selected (aria-selected or aria-checked; the optimistic option while pending). Rows: the accent wash and a 3px
   accent bar that carries the state (the wash alone is about 1.2:1). Tiles: the selection material with an accent edge. */
.origo-listbox > [data-part="option"]:is([aria-selected="true"],[aria-checked="true"]) {--_listbox-fill:var(--accent-surface);--_listbox-ink:var(--accent-text);box-shadow:inset 3px 0 0 var(--accent-text);}
.origo-listbox[data-layout="tiles"] > [data-part="option"]:is([aria-selected="true"],[aria-checked="true"]) {--_listbox-fill:var(--accent-surface);--_listbox-edge:var(--accent-text);--amb-elevation:.14;--amb-thickness:.52;box-shadow:var(--amb-box-shadow);}
@media (hover:hover) {
.origo-listbox:not([data-state="disabled"]) > [data-part="option"]:is([aria-selected="true"],[aria-checked="true"]):hover:not([aria-disabled="true"]) {--_listbox-fill:color-mix(in srgb,var(--accent-surface),var(--ink) 4%);}
.origo-listbox[data-layout="tiles"]:not([data-state="disabled"]) > [data-part="option"]:is([aria-selected="true"],[aria-checked="true"]):hover:not([aria-disabled="true"]) {--_listbox-fill:color-mix(in srgb,var(--accent-surface),var(--ink) 4%);--_listbox-edge:var(--accent-text);--amb-elevation:calc(var(--action-lift) + .28);}
}
/* Pending: the optimistic option already paints selected; a 12px spinner in the status slot, never inside an option. In
   rows the spinner takes the first row's trailing meta slot, so that meta fades out (it keeps its box and its name). */
.origo-listbox[data-state="pending"] {cursor:progress;}
.origo-listbox[data-state="pending"] > [data-part="option"] {cursor:progress;}
.origo-listbox[data-state="pending"]:not([data-layout="tiles"]) > [data-part="option"]:first-of-type > [data-part="meta"] {opacity:0;}
.origo-listbox[data-state="pending"] > [data-part="status"] {display:block;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:origo-listbox-spin var(--duration-spin,900ms) linear infinite;}
@keyframes origo-listbox-spin {to {transform:rotate(1turn);}}

/* 5. Disabled: reads as dead (.52), skipped by arrows, still in the count for assistive tech. A disabled group dims as a
   whole. Exempt from contrast (WCAG 1.4.3). */
.origo-listbox > [data-part="option"][aria-disabled="true"] {--_listbox-fill:transparent;--_listbox-ink:var(--ink);opacity:.52;cursor:not-allowed;box-shadow:none;transform:none;}
.origo-listbox[data-layout="tiles"] > [data-part="option"][aria-disabled="true"] {--_listbox-fill:var(--panel-2);--_listbox-edge:var(--control-border);--amb-elevation:0;--amb-thickness:0;background-image:none;box-shadow:none;}
.origo-listbox[data-state="disabled"] {opacity:.52;cursor:not-allowed;}
.origo-listbox[data-state="disabled"] > [data-part="option"] {cursor:not-allowed;transform:none;}

/* 6. Environment */
/* Coarse pointers: every row and tile is a 44px target, compact included. */
@media (pointer:coarse) {
.origo-listbox > [data-part="option"],.origo-listbox[data-size="compact"] > [data-part="option"] {min-height:var(--control-size-large,44px);}
.origo-listbox > [data-part="status"],.origo-listbox[data-size="compact"] > [data-part="status"] {top:calc(var(--control-size-large,44px) / 2 - 6px);}
}
@media (prefers-reduced-motion:reduce) {
.origo-listbox > [data-part="option"] {transition:none;}
.origo-listbox[data-layout="tiles"]:not([data-state="disabled"]) > [data-part="option"]:is(:hover,:focus-visible):not([aria-disabled="true"]) {transform:none;}
.origo-listbox[data-state="pending"] > [data-part="status"] {width:auto;height:auto;border:0;border-radius:0;animation:none;line-height:12px;}
.origo-listbox[data-state="pending"] > [data-part="status"]::before {content:"\00b7\00b7\00b7";letter-spacing:.08em;}
}
@media (forced-colors:active) {
.origo-listbox > [data-part="option"] {border:1px solid transparent;box-shadow:none;background-image:none;}
.origo-listbox[data-layout="tiles"] > [data-part="option"] {border-color:CanvasText;}
/* The selected option opts out of forced-colour adjustment and paints system colours itself: otherwise the browser's
   Canvas backplate behind its text hides HighlightText on Highlight. */
.origo-listbox > [data-part="option"]:is([aria-selected="true"],[aria-checked="true"]),.origo-listbox[data-layout="tiles"] > [data-part="option"]:is([aria-selected="true"],[aria-checked="true"]) {forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight;box-shadow:none;}
.origo-listbox > [data-part="option"]:is([aria-selected="true"],[aria-checked="true"]) > [data-part="meta"] {color:HighlightText;}
.origo-listbox > [data-part="option"]:is([aria-selected="true"],[aria-checked="true"]):focus-visible {outline-color:CanvasText;}
.origo-listbox > [data-part="option"][aria-disabled="true"],.origo-listbox[data-state="disabled"] > [data-part="option"] {color:GrayText;}
}

/* Origo Check list (docs/ORIGO-LISTBOX-STEPPER-SPEC.md 2.3-2.4). <ol class="origo-checklist"> of
   <li data-part="step" data-state="pending|running|passed|refused|stopped"> with [data-part="mark"] (aria-hidden),
   "label" and a visually hidden "status" word. data-state and aria-current are written by OrigoChecklist.paint, never by
   authors or per-site CSS. Tokens only; names from 01-tokens-extended.css carry their documented fallbacks. Every
   selector begins with .origo-checklist. Source order is the painted priority, lowest first (refused > running > passed >
   pending): pending, stopped, passed, running, refused. The mark carries the colour; label text stays readable. */

/* 1. Pending (rest): a hollow circle in --line, the label muted. */
.origo-checklist {display:grid;row-gap:var(--space-2);margin:0;padding:0;list-style:none;}
.origo-checklist > [data-part="step"] {position:relative;display:grid;grid-template-columns:var(--icon-size,16px) minmax(0,1fr);column-gap:var(--space-2);align-items:start;min-height:var(--control-size-compact,32px);margin:0;padding:0;color:var(--muted);font:400 var(--text-body)/1.45 var(--font-ui);}
.origo-checklist > [data-part="step"] > [data-part="mark"] {grid-column:1;position:relative;display:block;box-sizing:border-box;width:var(--icon-size,16px);height:var(--icon-size,16px);margin-top:calc((1.45em - var(--icon-size,16px)) / 2);border:1.5px solid var(--line);border-radius:50%;color:var(--muted);}
.origo-checklist > [data-part="step"] > [data-part="label"] {grid-column:2;min-width:0;overflow-wrap:anywhere;}
.origo-checklist > [data-part="step"] > [data-part="status"] {position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}

/* 2. Stopped: a dash in --muted; the label stays muted. */
.origo-checklist > [data-part="step"][data-state="stopped"] > [data-part="mark"] {border-color:transparent;}
.origo-checklist > [data-part="step"][data-state="stopped"] > [data-part="mark"]::after {content:"";position:absolute;left:3px;right:3px;top:50%;height:2px;margin-top:-1px;border-radius:1px;background:currentColor;}

/* 3. Passed: a check in --accent-text; the label in --ink. */
.origo-checklist > [data-part="step"][data-state="passed"] {color:var(--ink);}
.origo-checklist > [data-part="step"][data-state="passed"] > [data-part="mark"] {border-color:transparent;color:var(--accent-text);}
.origo-checklist > [data-part="step"][data-state="passed"] > [data-part="mark"]::after {content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);}

/* 4. Running: the button family's spinner in the step's ink; the label in --ink. */
.origo-checklist > [data-part="step"][data-state="running"] {color:var(--ink);}
.origo-checklist > [data-part="step"][data-state="running"] > [data-part="mark"] {color:var(--ink);border:2px solid currentColor;border-right-color:transparent;animation:origo-checklist-spin var(--duration-spin,900ms) linear infinite;}
@keyframes origo-checklist-spin {to {transform:rotate(1turn);}}

/* 5. Refused: a cross in --danger; the label stays --ink so it reads (the cross carries the colour). */
.origo-checklist > [data-part="step"][data-state="refused"] {color:var(--ink);}
.origo-checklist > [data-part="step"][data-state="refused"] > [data-part="mark"] {border-color:transparent;color:var(--danger);}
.origo-checklist > [data-part="step"][data-state="refused"] > [data-part="mark"]::before,.origo-checklist > [data-part="step"][data-state="refused"] > [data-part="mark"]::after {content:"";position:absolute;left:1px;right:1px;top:50%;height:2px;margin-top:-1px;border-radius:1px;background:currentColor;transform:rotate(45deg);}
.origo-checklist > [data-part="step"][data-state="refused"] > [data-part="mark"]::after {transform:rotate(-45deg);}

/* 6. Environment */
@media (prefers-reduced-motion:reduce) {
.origo-checklist > [data-part="step"][data-state="running"] > [data-part="mark"] {animation:none;border-color:transparent;}
.origo-checklist > [data-part="step"][data-state="running"] > [data-part="mark"]::after {content:"\00b7\00b7\00b7";position:absolute;inset:0;display:grid;place-items:center;font-weight:700;line-height:1;letter-spacing:.04em;}
}
/* Forced colours would repaint the marks' backgrounds (the cross and the dash) as Canvas: the mark opts out and paints
   system colours itself. */
@media (forced-colors:active) {
.origo-checklist > [data-part="step"] > [data-part="mark"] {forced-color-adjust:none;color:CanvasText;border-color:CanvasText;}
.origo-checklist > [data-part="step"]:is([data-state="passed"],[data-state="stopped"],[data-state="refused"]) > [data-part="mark"] {border-color:transparent;}
.origo-checklist > [data-part="step"][data-state="running"] > [data-part="mark"] {border-color:CanvasText;border-right-color:transparent;}
.origo-checklist > [data-part="step"][data-state="refused"] > [data-part="mark"] {color:Highlight;}
}

/* Shared action material is supplied by origo-action-material at the preceding cascade position. */
/* Navigation stays planar until selected; the active object sits on the rail. */
#ambientScene [data-material="selection"] {
--amb-elevation:.24;--amb-thickness:.65;--amb-fillet:.65;--amb-fillet-width:1;--amb-chamfer:0;
--action-angle:calc(atan2(var(--amb-light-y),var(--amb-light-x)) + 90deg);
background:linear-gradient(var(--action-angle),transparent 40%,rgb(255 255 255 / calc(var(--amb-key-light-intensity) * var(--action-sheen)))),var(--accent-surface);
color:var(--accent-text);border:1px solid color-mix(in srgb,var(--accent-text) 24%,transparent);box-shadow:var(--amb-box-shadow);isolation:isolate;position:relative;
}
#ambientScene .nav-item[data-material="selection"] {border-radius:12px;}
#ambientScene :is(.seg-btn,.widget-tab,.theme-mode button,.forge-tabs button)[data-material="selection"] {--amb-elevation:.14;--amb-thickness:.52;background-color:var(--panel-2);color:var(--ink);}
/* Row actions emerge without giving every row a permanent shadow. */
#ambientScene [data-material="row"] {--amb-elevation:0;--amb-thickness:0;box-shadow:none;transition:background-color 140ms,border-color 140ms;}
#ambientScene [data-material="row"]:is(:hover,:focus-visible) {background-color:var(--accent-surface);color:var(--ink);}
#ambientScene .issue-card {--amb-elevation:.2;--amb-thickness:.46;--amb-chamfer:0;--amb-fillet:.35;box-shadow:var(--amb-box-shadow);transition:transform 140ms,box-shadow 140ms;}
#ambientScene .issue-card:is(:hover,:focus-visible) {--amb-elevation:.6;--amb-thickness:.68;--amb-fillet:.7;transform:translateY(-1px);outline:1px solid var(--control-border);}
#ambientScene .issue-card.dragging {--amb-elevation:1.6;transform:rotate(-.4deg);box-shadow:var(--amb-box-shadow);}
/* Text entry is a well. A focus rim, not a dramatic outer lift. */
#ambientScene :is(.search-field,.composer,.demo-input-shell,.forge-branch) {--amb-elevation:0;--amb-thickness:.25;--amb-chamfer:0;border:1px solid var(--control-border);background:var(--panel-dark);box-shadow:inset calc(var(--amb-light-x) * -1px) calc(var(--amb-light-y) * -1px) 2px rgb(0 0 0/.08);}
#ambientScene :is(.search-field,.composer,.demo-input-shell,.forge-branch):focus-within {border-color:var(--accent-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-text) 16%,transparent),inset 0 1px 2px rgb(0 0 0/.08);}
/* Temporary layers: bright rim, frosted exterior, opaque text-bearing interior. */
#ambientScene :is(.lab,.command-dialog,.compose-dialog,.work-dialog,.overflow-menu,.widget-menu) {
--amb-elevation:1.8;--amb-thickness:.9;--amb-fillet:.8;--amb-fillet-width:1;--amb-chamfer:0;
background:color-mix(in srgb,var(--panel) 97%,transparent);border:1px solid color-mix(in srgb,var(--control-border) 65%,transparent);
box-shadow:var(--amb-box-shadow),0 22px 56px rgb(0 0 0 / .16);border-radius:16px;
backdrop-filter:blur(22px) saturate(1.1);-webkit-backdrop-filter:blur(22px) saturate(1.1);
}
#ambientScene .lab:not(.open) {box-shadow:none;}
#ambientScene .lab-head {background:var(--panel);border-radius:12px 12px 0 0;}
#ambientScene .light-response-study {background:var(--panel-dark);border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0 20px;}
.light-response-copy strong {display:block;font-size:14px;margin-bottom:4px;}.light-response-copy span {display:block;font-size:12px;line-height:1.6;color:var(--muted);}
.light-response-row {display:flex;align-items:center;justify-content:space-around;gap:16px;margin:24px 0;}
.passive-specimen {font-size:13px;padding:8px 12px;color:var(--muted);}
.light-direction-readout {display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);}
/* Actual interaction study: the same rule as the applications. */
.affordance-study {margin-bottom:36px;scroll-margin-top:20px;}
.gallery-section-head {display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap;}
.gallery-section-head h2 {font-size:22px;line-height:1.35;margin:4px 0 0;letter-spacing:-.03em;}
.section-kicker,.specimen-overline {font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:650;line-height:1.6;}
.affordance-stage {display:grid;grid-template-columns:1fr 1.3fr;border:1px solid var(--line);border-radius:14px;overflow:visible;background:var(--panel);}
.passive-card,.action-specimen {padding:24px;min-width:0;}.passive-card {border-right:1px solid var(--line);}
.passive-card>strong {display:block;font-size:16px;margin-top:16px;}.passive-card p {line-height:1.65;margin:8px 0 18px;}
.action-specimen {border-radius:0 14px 14px 0;background:radial-gradient(ellipse at 20% 0%,color-mix(in srgb,var(--accent-fill) 7%,transparent),transparent 70%);}
.affordance-buttons {display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 0;}
.action-specimen p {margin:0 0 12px;font-size:13px;line-height:1.6;color:var(--muted);}
.affordance-state-strip {display:flex;flex-wrap:wrap;gap:12px 28px;padding:16px 0;font-size:12px;font-weight:650;}
.affordance-state-strip i {display:block;font-weight:400;font-style:normal;color:var(--muted);margin-top:3px;}
/* The three choices are full-size actionable controls, not tiny swatches. */
.curated-section {margin:18px 0;border-bottom:1px solid var(--line);padding-bottom:18px;}
.curated-themes {display:grid;gap:10px;margin-top:12px;}
.curated-theme {display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;}
.curated-palette {display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 12px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);cursor:pointer;min-width:0;}
.curated-palette:hover {border-color:var(--control-border);}
.curated-palette[aria-pressed="true"] {border-color:var(--accent-text);box-shadow:0 0 0 1px var(--accent-text);}
.palette-preview {display:flex;width:43px;height:32px;border:1px solid rgb(128 128 128/.25);border-radius:8px;overflow:hidden;flex-shrink:0;}
.palette-preview i {width:33.333%;height:100%;}
.curated-palette strong {display:block;font-size:13px;line-height:1.4;}.curated-palette small {display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:3px;}
.curated-scene-action {font-size:12px;line-height:1.3;max-width:76px;padding:6px 2px;min-height:40px;background:none;color:var(--accent-text);border:0;cursor:pointer;}
.curated-scene-action:hover {text-decoration:underline;text-underline-offset:3px;}
.curated-lights {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;}
.curated-lights > [data-part="segment"] {padding:8px 6px;}
.curated-lights [data-part="label"] {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;}
.curated-lights strong {font-size:12px;}.curated-lights small {font-size:11px;color:var(--muted);font-weight:400;}
.light-preset-icon {font-size:20px;line-height:1;}
@media(max-width:720px){.affordance-stage {grid-template-columns:1fr;}.passive-card {border-right:0;border-bottom:1px solid var(--line);}.action-specimen {border-radius:0 0 14px 14px;}}
@media(prefers-reduced-motion:reduce){#ambientScene [data-material],#ambientScene .issue-card {transform:none!important;transition:none!important;}#ambientScene [data-material]:not(#primaryAction):not(.notification-pulse)::after {transition:none!important;background:none;}}
@media(prefers-reduced-transparency:reduce){#ambientScene [data-material="glass"],#ambientScene :is(.lab,.command-dialog,.compose-dialog,.work-dialog,.overflow-menu) {background-color:var(--panel);backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}}
@supports not (backdrop-filter:blur(1px)){#ambientScene [data-material="glass"] {background-color:var(--panel-2);}}
@media(forced-colors:active){#ambientScene [data-material],#ambientScene :is(.lab,.work-dialog) {background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none;backdrop-filter:none;}#ambientScene [data-material]:not(#primaryAction):not(.notification-pulse)::after {display:none;}#ambientScene [data-material="selection"] {border:2px solid Highlight;color:Highlight;}}


/* Optical alignment and shrink/overflow contracts; one spacing scale per component. */
:root {--topbar-height:76px;}
*,*::before,*::after {box-sizing:border-box;}
button,input,select,textarea {font-family:var(--font-ui);}
button {vertical-align:middle;}
:is(button,summary,[role="button"]) svg {flex-shrink:0;}
:is(.icon-btn,.mini-icon-btn,.lab-close,.local-pane-toggle) {display:inline-grid;place-items:center;flex-shrink:0;padding:0;line-height:1;width:36px;height:36px;min-height:36px;min-width:36px;}
:is(.icon-btn,.mini-icon-btn,.local-pane-toggle) svg {width:18px;height:18px;display:block;}
:is(.soft-btn,.primary-btn,.demo-btn,.text-action) {display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.35;white-space:normal;}
:is(.soft-btn,.primary-btn,.demo-btn) {padding:8px 14px;min-height:38px;}
button kbd {margin-left:6px;}
:is(.search-field,.search-field.compact) {height:auto;min-height:38px;padding:6px 10px;gap:8px;}
.search-field input {min-width:0;width:100%;line-height:1.4;padding:2px 0;font-size:13px;}
.search-field kbd {line-height:1.2;margin:0;padding:3px 4px;white-space:nowrap;}
:is(.card-header,.primitive-top,.doc-title-row,.wiki-actions,.editor-tools,.mail-header-actions) {gap:12px;}
:is(.card-header,.primitive-top)>div:first-child {min-width:0;}
:is(.card-header,.primitive-top)>:is(button,.card-actions) {flex-shrink:0;}
.card-title,.primitive-name {font-size:15px;line-height:1.4;}
.card-subtitle {margin-top:5px;line-height:1.55;font-size:13px;}
:is(.kpi-value,.gauge-number,.allocation-row strong,.health-row strong,output) {font-variant-numeric:tabular-nums;}
.card {padding:20px;}.kpi {padding:18px;}.kpi-value {margin-top:12px;line-height:1.1;font-size:32px;}
.kpi-top {gap:12px;align-items:center;}.kpi-icon {flex-shrink:0;background:none!important;color:var(--muted);}
.kpi-label {line-height:1.4;}.kpi-bottom {gap:12px;flex-wrap:wrap;margin-top:14px;}.kpi-note {text-align:right;margin-left:auto;line-height:1.4;}
.content-grid {gap:20px;}.right-stack {gap:20px;}.bottom-grid {gap:20px;margin-top:20px;}
.chart-card .card-header {align-items:flex-start;}.chart-legend {margin:18px 0 14px;gap:12px 20px;flex-wrap:wrap;}
.chart-well {padding:8px 12px 14px;}.chart-readout {padding-top:12px;margin:4px 0 0;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;}
.chart-readout span {margin:0;}.chart-footnote {line-height:1.5;margin:12px 0 10px;}.chart-details summary {padding-block:6px;min-height:32px;}
.chart-details {overflow:auto;}.chart-details table {min-width:400px;}
.health-heading {gap:12px;}.health-score {gap:20px;margin-top:18px;align-items:center;}
.health-list {min-width:0;flex:1;}.health-row {row-gap:8px;column-gap:12px;}.health-row+.health-row {margin-top:14px;}
.health-row>span {line-height:1.4;}.health-row>strong {align-self:start;line-height:1.4;}.health-row .meter {grid-column:1 / -1;}
.gauge-wrap {flex-shrink:0;}.gauge-number small {margin-top:3px;}
.insight {gap:12px;padding:12px 0;background:none!important;}.insight+.insight {border-top:1px solid var(--line);}
.insight-icon {flex-shrink:0;align-self:start;margin-top:2px;}.insight strong {font-size:13px;line-height:1.5;}.insight span {margin-top:5px;font-size:13px;line-height:1.55;}
.insight-list {margin-top:12px;gap:0;}
.allocation-layout {gap:24px;align-items:center;}.allocation-row {gap:10px;min-height:30px;}.allocation-row .dot {flex-shrink:0;}.allocation-row strong {margin-left:auto;}
.table-card .card-header {margin-bottom:18px;}.table-card :is(td,th) {padding:14px 12px;line-height:1.45;vertical-align:middle;}.project-cell {gap:12px;}.project-cell>div {min-width:0;}.project-cell strong {line-height:1.45;}.project-cell span {margin-top:3px;}
/* Shell supports ten applications, including short desktop viewports. */
.topbar {height:var(--topbar-height);min-height:var(--topbar-height);padding:14px 24px;gap:16px;}
.top-actions {align-items:center;gap:10px;flex-shrink:0;}.breadcrumbs {min-width:0;gap:8px;overflow:hidden;}
.topbar .soft-btn {min-height:38px;padding:8px 14px;}.topbar .primary-btn {min-height:38px;}
#appearanceBadge {min-height:26px;padding:3px 8px;font-size:11px;line-height:1.4;border-color:var(--line);background:transparent;color:var(--muted);}
.sidebar {padding:18px 12px 14px;display:flex;flex-direction:column;gap:0;height:100dvh;}
.brand {margin:0 8px 18px;min-height:40px;flex-shrink:0;gap:10px;padding:0;}
.brand-mark {width:34px;height:34px;flex-shrink:0;}
.surface-switcher {min-height:0;overflow-y:auto;overflow-x:hidden;flex:1;padding:3px 2px 10px;scrollbar-width:thin;}
.nav-item {gap:12px;padding:10px 12px;min-height:42px;line-height:1.35;width:100%;margin:0 0 4px;border:1px solid transparent;}
.nav-icon {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;}.nav-icon svg {width:18px;height:18px;display:block;}
.nav-text {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.nav-label {margin:18px 10px 10px;padding:0;font-size:11px;}.nav-label:first-child {margin-top:0;}
.nav-badge {flex-shrink:0;margin-left:auto;min-width:20px;padding:2px 5px;height:auto;line-height:1.25;}
.sidebar-bottom {margin-top:10px;padding-top:12px;border-top:1px solid var(--line);gap:12px;flex-shrink:0;}
.sidebar-bottom .workspace-status {padding:0 8px;gap:9px;}.workspace-status strong {font-size:12px;line-height:1.5;}.workspace-status p {margin:2px 0 0;font-size:11px;line-height:1.4;}
.user-card {padding:10px 8px;gap:10px;min-width:0;width:100%;}.user-card>.avatar {flex-shrink:0;width:32px;height:32px;}.user-meta {min-width:0;flex:1;}.user-meta :is(strong,span) {overflow:hidden;text-overflow:ellipsis;line-height:1.5;}.user-meta strong {font-size:12px;}.user-meta span {font-size:12px;}.online-dot {flex-shrink:0;}
/* Native application toolbars and rows. */
.chat-header,.wiki-toolbar {min-height:64px;height:auto;padding:12px 20px;gap:16px;}
.chat-header-actions {gap:10px;}.chat-header strong {line-height:1.5;font-size:14px;}.chat-header>div:first-child span {line-height:1.5;}
.chat-header .context-toggle {min-height:36px;padding:7px 12px;}
.chat-sidebar {padding:18px 14px;}.chat-sidebar-head {margin-bottom:16px;align-items:center;gap:8px;}
.channel-group {margin-top:22px;}.channel-item {padding:8px 10px;min-height:38px;gap:10px;line-height:1.4;}.channel-item b {flex-shrink:0;}
.channel-avatar {flex-shrink:0;}.message-meta {display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:5px;line-height:1.4;}
.messages {padding:24px;}.message {margin-bottom:26px;}.date-divider {margin:2px 0 26px;line-height:1.4;}
.message-reactions {display:flex;flex-wrap:wrap;gap:6px;}
.composer-wrap {padding:14px 20px 12px;}.composer {grid-template-columns:36px minmax(0,1fr) 40px;gap:10px;padding:8px;align-items:end;}
#chatInput {min-height:40px;max-height:160px;padding:8px 2px;margin:0;width:100%;min-width:0;line-height:1.6;}
.composer .send-btn {width:40px;height:40px;min-height:40px;min-width:40px;display:grid;place-items:center;padding:0;align-self:end;}
.composer .send-btn svg {width:18px;height:18px;}.composer .mini-icon-btn {height:40px;min-height:40px;}
.composer-hint {display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;line-height:1.4;margin-top:8px;font-size:11px;}
.shared-object {padding:14px;margin-top:14px;gap:12px;align-items:center;}.shared-object>div {min-width:0;}.shared-object strong {line-height:1.5;}.shared-object button {padding:7px 12px;}
.context-header {gap:12px;align-items:center;}.context-close {flex-shrink:0;}
.docs-nav {padding:16px;}.doc-tree-button {min-height:38px;padding:8px;line-height:1.45;align-items:center;gap:8px;}.doc-tree-button span {min-width:0;}
.doc-title-row {align-items:flex-start;flex-wrap:wrap;}.doc-title-row h2 {line-height:1.2;}.doc-actions {display:flex;gap:10px;flex-shrink:0;}
.doc-callout {gap:14px;padding:16px;align-items:start;}.callout-icon {flex-shrink:0;}.doc-callout p {line-height:1.65;}
.doc-section {margin-top:32px;}.doc-body :is(h2,h3) {margin-top:28px;margin-bottom:12px;}.doc-body p {margin:10px 0 16px;}.doc-body li {margin-bottom:8px;}
.doc-right {padding:18px;}.doc-right .context-label {margin-bottom:12px;}
.wiki-toolbar {align-items:center;}.wiki-breadcrumb {min-width:0;flex:1;overflow:hidden;}.wiki-actions {gap:10px;flex-shrink:0;}.wiki-actions button {min-height:36px;}
.wiki-sidebar {padding:20px 14px;}.wiki-page-link {min-height:36px;padding:8px 10px;line-height:1.4;gap:10px;}.wiki-page-link>span {flex-shrink:0;}
.wiki-page {padding:28px 32px;}.wiki-cover h1 {line-height:1.2;}.wiki-properties {display:flex;flex-wrap:wrap;gap:8px 20px;line-height:1.5;padding:18px 0;}
.wiki-comment {gap:12px;align-items:flex-start;}.wiki-comment .avatar {flex-shrink:0;}.wiki-comment p {line-height:1.65;}.wiki-comment-form {gap:12px;align-items:start;}.wiki-comment-form input {min-width:0;min-height:40px;line-height:1.5;}
.wiki-editor-title {width:100%;line-height:1.3;padding:12px;}.wiki-editor-split textarea {line-height:1.7;padding:16px;}
.mail-item {gap:12px;padding:16px;}.mail-sender {align-items:baseline;gap:12px;line-height:1.45;}.mail-sender strong {min-width:0;}.mail-sender time {white-space:nowrap;flex-shrink:0;}.mail-summary b {line-height:1.5;display:block;}.mail-summary small {line-height:1.6;display:block;margin-top:5px;}
.mail-reader-toolbar {height:auto;min-height:64px;padding:12px 20px;gap:12px;flex-wrap:wrap;}.mail-reader-content {padding:26px 28px;}.mail-reader-content h2 {line-height:1.25;margin:0 0 18px;}
.mail-attachments {gap:12px;flex-wrap:wrap;}.mail-attachment {min-width:0;}.mail-attachment>div {min-width:0;overflow-wrap:anywhere;}
.compose-field {min-height:52px;padding-block:10px;gap:12px;}.compose-field input {min-width:0;line-height:1.5;}.compose-footer {gap:12px;flex-wrap:wrap;}
.workflow-toolbar {padding:16px 20px;gap:14px;flex-wrap:wrap;}.board-column {padding:14px;}.board-column-header {min-height:36px;align-items:center;gap:8px;margin-bottom:16px;}
.issue-card {padding:16px;}.issue-card h3 {line-height:1.5;margin:10px 0 12px;font-size:14px;}.issue-tags {display:flex;flex-wrap:wrap;gap:6px;}.issue-tag {line-height:1.3;max-width:100%;overflow-wrap:anywhere;}.issue-footer {gap:10px;line-height:1.5;margin-top:16px;}.issue-footer .avatar {flex-shrink:0;}
.issue-list {gap:12px;}.board-add {margin-top:12px;min-height:36px;line-height:1.4;padding:8px;}
.editor-main {grid-template-rows:44px auto minmax(0,1fr) 160px;}.editor-tabs {min-height:44px;align-items:stretch;padding:0 10px;}.editor-tab {height:auto;min-height:44px;padding:10px 14px;line-height:1.4;gap:8px;}
.editor-breadcrumbs {padding:10px 16px;min-height:52px;gap:10px;}.editor-tools {gap:8px;}.editor-tools button:not(.origo-button) {min-height:32px;line-height:1.4;padding:6px 10px;}
.file-panel {padding-bottom:14px;}.tree-row {min-height:32px;padding-block:7px;line-height:1.45;gap:7px;}.terminal-tabs {min-height:36px;gap:16px;}.terminal-output {padding:14px 18px;line-height:1.65;}
/* Gallery: labels and specimens use intrinsic height. */
.gallery-scroll {padding:24px 28px;}.primitive-grid {gap:20px;}.primitive-card {padding:20px;}.primitive-top {align-items:flex-start;flex-wrap:wrap;margin-bottom:12px;}.primitive-name {line-height:1.45;}.primitive-token {line-height:1.45;overflow-wrap:anywhere;}
.primitive-stage {padding:20px;min-height:0;gap:16px;}.primitive-caption {margin-top:12px;line-height:1.65;font-size:12px;}.demo-buttons {gap:12px;flex-wrap:wrap;}
.demo-field {display:flex;flex-direction:column;gap:8px;min-width:0;}.demo-field label {line-height:1.45;}.demo-input {min-width:0;line-height:1.5;padding-block:7px;}.demo-select {min-height:40px;padding:8px 32px 8px 10px;line-height:1.4;width:100%;}
.form-field {gap:8px;line-height:1.45;}.form-field :is(input,select) {min-height:40px;padding:9px 12px;line-height:1.4;}.form-field textarea {padding:12px;line-height:1.65;}
.demo-toggle-row {gap:12px;align-items:center;}.demo-check {display:inline-flex;gap:10px;align-items:flex-start;line-height:1.5;}.demo-check input {flex-shrink:0;margin:2px 0 0;width:18px;height:18px;}
.widget-tab {height:auto;min-height:38px;padding:8px 12px;line-height:1.4;}.widget-tabs {gap:6px;flex-wrap:wrap;padding:6px;}.widget-tab-panel {padding:16px;line-height:1.65;}
.widget-stepper {gap:12px;}.widget-step {min-width:0;gap:8px;}.widget-step span {line-height:1.45;}.widget-wizard-actions {gap:12px;flex-wrap:wrap;}
.demo-data-table :is(th,td) {padding:12px 10px;vertical-align:middle;line-height:1.5;}.demo-data-table input[type=checkbox] {width:18px;height:18px;vertical-align:middle;margin:0;}
.state-example {min-width:0;padding:14px;}.state-example>label {line-height:1.5;margin-bottom:10px;}.state-example button {max-width:100%;}.state-example p {line-height:1.6;margin-top:10px;}
.origo-article {min-width:0;}.origo-section {scroll-margin-top:24px;}.origo-section h2 {line-height:1.3;}.principle-card h3 {line-height:1.4;}.principle-card p {line-height:1.7;}.principle-number {margin-bottom:12px;}
.depth-row {align-items:start;}.depth-row p {line-height:1.65;}.contract-table th {white-space:normal;}
/* Labs, dialogs and menu edges keep content out of bevels and close buttons. */
.lab {width:410px;max-width:calc(100vw - 32px);padding:18px;right:20px;top:calc(var(--topbar-height) + 12px);max-height:calc(100dvh - var(--topbar-height) - 28px);}
.lab-head {min-height:48px;gap:12px;padding:4px 0 12px;align-items:center;}.lab-head strong {font-size:15px;line-height:1.4;}.lab-head .lab-close {flex-shrink:0;}
.lab .control {height:auto;min-height:42px;display:grid;grid-template-columns:52px minmax(0,1fr) 42px;gap:14px;align-items:center;margin:4px 0;}
.lab .control input {min-width:0;width:100%;height:26px;}.lab .control output {text-align:right;font-size:12px;line-height:1.4;}.lab .control label {font-size:13px;line-height:1.4;}
.lab .light-presets {margin:10px 0 16px;}
.lab-label {display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;line-height:1.5;font-size:13px;}.lab-label>span {font-size:11px;}
.theme-summary {gap:12px;margin-top:14px;}.theme-name-wrap {min-width:0;}.theme-name-wrap strong {font-size:18px;line-height:1.35;}.theme-mode {flex-shrink:0;}
.theme-palette {gap:8px;margin:18px 0;}.theme-swatch span {line-height:1.4;font-size:11px;}.theme-swatch code {font-size:10px;line-height:1.4;}.theme-swatch i {height:32px;}
.theme-harmony {padding:12px;}.theme-harmony-top {gap:12px;align-items:baseline;}.theme-harmony-top strong {line-height:1.5;text-align:right;}.theme-harmony p {line-height:1.65;font-size:12px;margin-top:8px;}
.theme-actions {gap:12px;}.theme-generate,.theme-reset {padding:10px 14px;line-height:1.4;min-height:40px;}.theme-note {line-height:1.65;gap:10px;}
.preset-name {gap:8px;}.preset-name input {min-width:0;min-height:40px;padding:9px 12px;line-height:1.5;}.preset-actions {gap:12px;}.preset-status {line-height:1.6;}
.lab-section {margin-top:22px;padding-top:20px;}.depth-picker {gap:10px;margin-top:14px;}.depth-picker > [data-part="segment"] {min-height:58px;padding:10px 6px;}.depth-info {line-height:1.65;font-size:12px;}.depth-reset {line-height:1.5;min-height:32px;}
.light-study {gap:12px;margin:18px 0;}.light-study-swatch {min-height:48px;line-height:1.4;display:grid;place-items:center;}
.work-dialog-head {padding:20px 24px;gap:20px;align-items:flex-start;}.work-dialog-head>div {min-width:0;}.work-dialog-head h2 {font-size:22px;line-height:1.3;}.work-dialog-head small {display:block;margin-top:8px;line-height:1.6;}.work-dialog-body {padding:20px 24px;}.work-dialog-footer {gap:12px;padding:18px 24px;flex-wrap:wrap;}
.work-dialog-footer button {min-width:84px;}.overflow-menu {padding:6px;min-width:210px;}.overflow-menu button {padding:10px 12px;line-height:1.45;min-height:38px;}
.toast {max-width:calc(100vw - 32px);padding:12px 16px;gap:12px;line-height:1.55;}.toast-icon {flex-shrink:0;}
@media(max-width:1180px) and (min-width:821px){
.sidebar {padding:18px 10px 12px;}.brand {margin-inline:auto;}.nav-item {padding:10px;justify-content:center;width:44px;min-width:44px;margin-inline:auto;}.nav-icon {margin:0;}.nav-item .nav-text,.nav-item .nav-badge {display:none;}.sidebar-bottom {padding-top:12px;}.sidebar-bottom .workspace-status {display:none!important;}.user-card {padding:6px;justify-content:center;width:44px;height:44px;margin-inline:auto;}.user-card>.online-dot {display:none;}
}
@media(max-width:1100px){.content-grid {grid-template-columns:minmax(0,1fr);}.right-stack {display:grid;grid-template-columns:1fr 1fr;}.health-score {gap:14px;}.topbar {padding-inline:20px;}.gallery-scroll {padding:24px;}}
@media(max-width:900px){.right-stack {grid-template-columns:1fr;}.bottom-grid {grid-template-columns:1fr;}}
@media(max-width:820px){
:root {--topbar-height:68px;}.topbar {padding:10px 14px;height:68px;gap:8px;}.top-actions {gap:8px;}.breadcrumbs {font-size:13px;}.sidebar {padding:18px 12px;}.nav-item {width:100%;justify-content:flex-start;}.brand {margin-inline:8px;}.user-card {width:100%;height:auto;}.nav-item .nav-text {display:block;}.sidebar-bottom .workspace-status {display:flex!important;}
.docs-nav {padding:14px;}.wiki-page {padding:24px;}.wiki-toolbar {padding:12px 16px;gap:12px;}.chat-header {padding:12px 16px;}.mail-reader-content {padding:24px;}.gallery-scroll {padding:20px;}.lab {right:12px;max-width:calc(100vw - 24px);top:78px;max-height:calc(100dvh - 90px);}
.editor-main {grid-template-rows:44px auto minmax(0,1fr) 145px;}
}
@media(max-width:560px){
.top-actions {gap:6px;}.topbar .soft-btn {padding:8px;min-width:36px;}.topbar .primary-btn {padding-inline:10px;}.topbar .icon-btn {width:36px;min-width:36px;}.breadcrumbs {max-width:100%;}.breadcrumbs #topSection,.breadcrumbs .crumb-slash {display:none;}.breadcrumbs #topTitle {font-size:13px;}#appearanceBadge {display:none;}
.workspace-pad,.workspace-content {padding:20px 16px;}.card {padding:16px;}.kpi {padding:16px;}.kpi-value {font-size:28px;}.kpi-bottom {gap:6px;}.kpi-note {margin-left:0;text-align:left;}.content-grid,.right-stack,.bottom-grid {gap:16px;}.card-title {font-size:15px;}.card-subtitle {font-size:12px;}
.chart-well {padding:6px 8px 12px;}.chart-svg {height:auto;min-height:160px;}.chart-readout {line-height:1.6;font-size:12px;}.health-score {gap:16px;}.health-row {row-gap:7px;}.allocation-layout {gap:20px;}
.messages {padding:20px 14px;}.message {gap:10px;}.composer-wrap {padding:10px 12px;}.composer {gap:8px;padding:7px;grid-template-columns:28px minmax(0,1fr) 38px;}.composer .mini-icon-btn {width:28px;min-width:28px;}.composer .send-btn {width:38px;min-width:38px;}.composer-hint {font-size:10px;}
.chat-header {gap:10px;padding:10px 12px;min-height:62px;}.chat-header-actions {gap:8px;}.chat-header .context-toggle {padding:7px 9px;}.chat-header>div:first-child {flex:1;}
.wiki-toolbar {gap:10px;padding:10px 14px;flex-wrap:wrap;}.wiki-actions {gap:8px;}.wiki-page {padding:22px 18px;}.wiki-properties {gap:8px 14px;}.wiki-comment-form {flex-wrap:wrap;}.wiki-comment-form input {flex:1;min-width:140px;}.wiki-actions button {padding:7px 9px;}
.mail-reader-toolbar {padding:10px 14px;}.mail-reader-content {padding:22px 18px;}.mail-reader-content h2 {font-size:22px;}.mail-sender time {font-size:11px;}.compose-footer {padding:12px;}
.gallery-scroll {padding:20px 16px;}.primitive-card {padding:16px;}.primitive-stage {padding:16px;}.passive-card,.action-specimen {padding:20px;}.affordance-buttons {gap:12px;}.affordance-buttons button {width:100%;}.gallery-section-head {align-items:flex-start;}.gallery-section-head h2 {font-size:21px;}
.editor-tabs {padding:0 4px;}.editor-tab {padding:10px;}.editor-breadcrumbs {padding:8px 10px;}.editor-tools {gap:8px;}.editor-tools button:not(.origo-button) {padding:6px 9px;}.terminal-output {padding:10px 12px;}
.lab {padding:14px;}.lab .control {grid-template-columns:45px minmax(0,1fr) 40px;gap:10px;}.curated-theme {gap:6px;}.curated-palette {gap:10px;padding:10px;}.curated-scene-action {max-width:62px;font-size:11px;}.curated-lights {gap:8px;}
.work-dialog-head,.work-dialog-body {padding:18px;}.work-dialog-footer {padding:16px 18px;gap:10px;}.work-dialog-head {gap:12px;}.work-dialog-head h2 {font-size:20px;}.rule-pair {gap:12px;}
}
@media(pointer:coarse){:is(button.soft-btn,button.primary-btn,.nav-item,.channel-item,.wiki-page-link,.doc-tree-button,.mail-folder,.local-pane-toggle,.lab-close,.icon-btn) {min-height:44px;}.composer .send-btn {min-height:44px;height:44px;}.topbar {min-height:68px;}}

/* A title and its actions must wrap as a group, never as orphaned buttons. */
.doc-title-row {display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;}
.doc-title-row>h2 {flex:1;min-width:180px;margin:0;}
.doc-page-tools {display:flex;align-items:center;gap:10px;flex-shrink:0;}
.doc-meta {display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;line-height:1.5;}
#stateForm {display:flex;flex-direction:column;align-items:flex-start;gap:12px;}
#stateForm>.form-field {width:100%;display:grid;gap:7px;}
#stateForm>.form-field>.field-help {margin:0;line-height:1.4;}
#stateForm>.form-field>input {width:100%;margin-top:2px;}
#stateForm>.field-help {margin:0;}
#stateForm+.state-example {margin-top:20px;}
.primitive-card-head {align-items:flex-start;gap:12px;}
.primitive-card-head>code {font-size:11px;max-width:100%;overflow-wrap:anywhere;}
@media(max-width:560px){.doc-title-row>h2 {flex-basis:100%;}.doc-page-tools {width:auto;}.wiki-properties {padding-block:14px;margin-bottom:24px;}}


/* Forge uses document/table precision, not a second dashboard. */
#view-forge {min-height:0;height:calc(100dvh - var(--topbar-height));overflow:hidden;}
.forge-shell {height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);background:var(--panel);}
.forge-top {display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 32px 20px;border-bottom:1px solid var(--line);}
.forge-identity {display:flex;align-items:center;gap:14px;min-width:0;}.forge-mark {display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:12px;background:var(--accent-surface);color:var(--accent-text);}.forge-mark svg {width:24px;height:24px;}
.forge-owner {font-size:12px;color:var(--muted);display:block;margin-bottom:6px;line-height:1.4;}.forge-top h1 {font-size:24px;letter-spacing:-.03em;line-height:1.3;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.repo-visibility {font-size:11px;line-height:1.3;letter-spacing:0;font-weight:500;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:3px 7px;}
.forge-top-actions {display:flex;gap:12px;flex-shrink:0;}
.forge-tabs {display:flex;gap:6px;padding:10px 32px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin;}
.forge-tabs button {flex-shrink:0;min-height:38px;padding:8px 14px;border-radius:9px;color:var(--muted);background:none;border:1px solid transparent;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;line-height:1.4;}
.forge-tabs button span {font-size:11px;padding:1px 6px;border-radius:8px;background:var(--panel-dark);font-variant-numeric:tabular-nums;}
.forge-scroll {overflow:auto;min-height:0;padding:24px 32px 32px;scrollbar-gutter:stable;}
.forge-controlbar {display:flex;align-items:center;gap:12px;margin-bottom:20px;min-width:0;}
.forge-branch {display:flex;align-items:center;gap:8px;min-height:38px;padding:4px 8px 4px 12px;border-radius:9px;max-width:300px;min-width:120px;}
.forge-branch select {min-width:0;max-width:100%;color:var(--ink);background:transparent;border:0;padding:6px 3px;font-size:13px;line-height:1.4;}.forge-branch select:focus {outline:none;}
.forge-search {margin-left:auto;max-width:300px;flex:1;grid-template-columns:18px minmax(0,1fr);}
.forge-repo-layout {display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:32px;}
.forge-repo-layout>div {min-width:0;}.forge-file-list,.forge-file-view,.forge-pr-list,.forge-pipeline-list,.forge-activity {border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.forge-latest {display:flex;align-items:center;gap:12px;background:var(--panel-dark);padding:14px 16px;border-bottom:1px solid var(--line);}
.forge-avatar {display:inline-grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:8px;background:var(--accent-surface);color:var(--accent-text);font-size:11px;font-weight:700;}
.forge-latest>div {flex:1;min-width:0;}.forge-latest strong {display:block;font-size:13px;line-height:1.5;}.forge-latest span:not(.forge-avatar) {display:block;font-size:11px;color:var(--muted);line-height:1.4;margin-top:3px;}.forge-latest button {font:12px/1.4 var(--font-code);white-space:nowrap;}
.forge-file-row {width:100%;display:grid;grid-template-columns:18px minmax(130px,.85fr) minmax(130px,1fr) auto;align-items:center;gap:12px;min-height:50px;border:0;border-bottom:1px solid var(--line);background:var(--panel);text-align:left;color:var(--ink);padding:12px 16px;cursor:pointer;line-height:1.5;}
.forge-file-row:last-of-type {border-bottom:0;}.forge-file-icon {font-size:20px;line-height:1;color:var(--muted);}.forge-file-row strong {font-size:13px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.forge-file-row>span:not(.forge-file-icon),.forge-file-row time {font-size:12px;color:var(--muted);}.forge-file-row>span:not(.forge-file-icon) {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.forge-file-row time {font-size:11px;white-space:nowrap;}
.forge-file-footer {padding:10px 16px;font-size:11px;line-height:1.4;color:var(--muted);border-top:1px solid var(--line);background:var(--shell);}
.forge-readme {margin-top:24px;border:1px solid var(--line);border-radius:12px;overflow:hidden;}.forge-readme>header {display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line);font-size:13px;font-weight:600;}.forge-readme>header button {margin-left:auto;}.forge-readme>.wiki-prose {padding:22px 26px;}.forge-readme .wiki-prose h2 {margin-top:0;font-size:24px;}.forge-readme .wiki-prose h3 {margin-top:24px;font-size:18px;}
.forge-about {padding:2px 0;min-width:0;}.forge-about h2 {margin:0 0 14px;font-size:14px;line-height:1.4;}.forge-about p {font-size:13px;line-height:1.75;color:var(--muted);margin:0 0 16px;}.forge-about h3 {font-size:13px;margin:24px 0 10px;}
.forge-topics {display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px;}.forge-topics span {font-size:11px;padding:4px 8px;border-radius:5px;background:var(--accent-surface);color:var(--accent-text);}
.forge-about dl {margin:0;padding:14px 0;border-block:1px solid var(--line);}.forge-about dl>div {display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:12px;line-height:1.5;}.forge-about dt {color:var(--muted);}.forge-about dd {margin:0;font-weight:550;}
.forge-about .text-action {font-size:12px;justify-content:flex-start;line-height:1.5;padding:0;min-height:32px;}
.forge-local-note {display:flex;align-items:center;gap:8px;margin-top:30px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;line-height:1.6;color:var(--muted);}.local-status-dot {height:5px;width:5px;border-radius:50%;background:var(--subtle);flex-shrink:0;}
.forge-path {display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;margin-bottom:18px;line-height:1.6;}.forge-path button {border:0;background:none;color:var(--accent-text);padding:4px 0;cursor:pointer;overflow-wrap:anywhere;}.forge-path>span {color:var(--subtle);}
.forge-file-head {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--shell);}.forge-file-head>span {font-size:12px;color:var(--muted);}.forge-file-head>div {display:flex;gap:10px;flex-wrap:wrap;}.forge-file-head button {font-size:12px;min-height:32px;padding:6px 10px;}
.forge-code {overflow:auto;padding:18px 0;}.forge-code-line {display:grid;grid-template-columns:48px minmax(max-content,1fr);gap:14px;min-height:24px;font:13px/24px var(--font-code);}.forge-code-line>span {text-align:right;color:var(--subtle);user-select:none;}.forge-code-line code {font:inherit;white-space:pre;padding-right:20px;}
.forge-section-heading {display:flex;justify-content:space-between;align-items:center;gap:16px;margin:2px 0 20px;flex-wrap:wrap;}.forge-section-heading h2 {font-size:21px;line-height:1.4;margin:0 0 5px;}.forge-section-heading p {font-size:13px;line-height:1.6;color:var(--muted);margin:0;}
.forge-filters {display:flex;gap:6px;flex-wrap:wrap;}.forge-filters [data-part="label"] > span {font-size:11px;}
.forge-pr-row,.forge-pipeline-row,.forge-commit-row {width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:20px;border:0;border-bottom:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;}
:is(.forge-pr-row,.forge-pipeline-row,.forge-commit-row):last-child {border-bottom:0;}.forge-pr-symbol {font-size:25px;width:24px;color:var(--success);flex-shrink:0;}.forge-pr-symbol.merged {color:var(--accent-3);}
.forge-pr-copy {min-width:0;flex:1;}.forge-pr-copy strong {display:block;font-size:14px;line-height:1.55;overflow-wrap:anywhere;}.forge-pr-copy small {display:block;font-size:12px;color:var(--muted);line-height:1.6;margin-top:5px;overflow-wrap:anywhere;}
.forge-pr-signals {display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:220px;}
.forge-status {display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:550;line-height:1.4;padding:4px 7px;border-radius:6px;border:1px solid var(--line);color:var(--muted);white-space:nowrap;}
.forge-status>i {font-style:normal;font-size:12px;line-height:1;}.forge-status:is(.passed,.approved,.open) {color:var(--success);background:color-mix(in srgb,var(--success) 6%,var(--panel));}.forge-status:is(.failed,.changes) {color:var(--danger);background:color-mix(in srgb,var(--danger) 5%,var(--panel));}.forge-status:is(.running,.pending) {color:var(--amber);}.forge-status.merged {color:var(--accent-3);background:color-mix(in srgb,var(--accent-3) 7%,var(--panel));}
.forge-back {margin-bottom:18px;padding:0;justify-content:flex-start;font-size:13px;}.forge-pr-heading {margin-bottom:24px;}.forge-pr-heading h2 {font-size:26px;line-height:1.35;letter-spacing:-.025em;margin:0 0 14px;}.forge-pr-heading h2>span {color:var(--muted);font-weight:400;}.forge-pr-heading>div {display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);line-height:1.5;}.forge-pr-heading>div strong {font-family:var(--font-code);font-size:12px;color:var(--ink);}
.forge-review-layout {display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;}.forge-review-layout>div {min-width:0;}.forge-review-tabs {display:flex;gap:6px;padding:6px;border:1px solid var(--line);border-radius:11px;background:var(--panel-dark);margin-bottom:20px;}.forge-review-tabs button {padding:9px 12px;min-height:36px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;font-size:13px;line-height:1.4;}.forge-review-tabs span {margin-left:6px;font-size:11px;}
.forge-review-message {border:1px solid var(--line);border-radius:12px;overflow:hidden;}.forge-review-message header {display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px;background:var(--shell);border-bottom:1px solid var(--line);font-size:13px;}.forge-review-message>.wiki-prose {padding:18px 22px;font-size:14px;}.forge-review-message p {margin-top:0;}.forge-review-message p:last-child {margin-bottom:0;}
.forge-review-comment {margin-top:16px;padding:18px;border:1px solid var(--line);border-radius:10px;}.forge-review-comment header {display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;}.forge-review-comment time {font-size:11px;color:var(--muted);}.forge-review-comment p {margin:10px 0 0;font-size:14px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap;}
.forge-comment-form {display:flex;flex-direction:column;gap:10px;margin-top:24px;}.forge-comment-form>label {font-size:13px;font-weight:600;}.forge-comment-form textarea {resize:vertical;min-height:110px;padding:14px;border:1px solid var(--control-border);border-radius:10px;background:var(--panel-dark);color:var(--ink);font-size:14px;line-height:1.65;width:100%;}.forge-comment-form>div {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.forge-review-panel {align-self:start;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--shell);}.forge-review-panel h3 {font-size:14px;margin:0 0 16px;line-height:1.5;}.forge-gate-row {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;font-size:12px;line-height:1.5;}.forge-gate-row>span:first-child {color:var(--muted);}.forge-gate-row strong {font-weight:550;font-size:12px;}
.forge-review-actions {display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);}.forge-review-actions button {font-size:13px;}.forge-merge-action {border-top:1px solid var(--line);padding-top:18px;margin-top:14px;}.forge-merge-action button {width:100%;font-size:13px;}.forge-merge-action p {font-size:12px;color:var(--muted);line-height:1.65;margin:14px 0 0;}
.forge-merge-complete {margin-top:18px;padding-top:18px;border-top:1px solid var(--line);}.forge-merge-complete strong {font-size:14px;color:var(--accent-3);}.forge-merge-complete p {font-size:13px;line-height:1.65;color:var(--muted);}
.forge-diff {border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:20px;}.forge-diff>header {display:flex;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--shell);font-size:12px;line-height:1.5;border-bottom:1px solid var(--line);}.forge-diff>header span {color:var(--muted);}.forge-diff-lines {overflow:auto;padding-block:12px;}.forge-diff-line {display:grid;grid-template-columns:32px 32px 18px minmax(max-content,1fr);gap:8px;font:12px/24px var(--font-code);padding:0 12px;min-width:max-content;}.forge-diff-line>span {color:var(--muted);text-align:right;user-select:none;}.forge-diff-line b {font-weight:500;text-align:center;}.forge-diff-line code {white-space:pre;font:inherit;}.forge-diff-line.added {background:color-mix(in srgb,var(--success) 11%,var(--panel));}.forge-diff-line.removed {background:color-mix(in srgb,var(--danger) 9%,var(--panel));}.forge-diff-line.added b {color:var(--success);}.forge-diff-line.removed b {color:var(--danger);}
.forge-checks {padding:24px;border:1px solid var(--line);border-radius:12px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;}.forge-checks h3 {margin:0;font-size:16px;width:100%;overflow-wrap:anywhere;}.forge-checks p {margin:0;width:100%;color:var(--muted);font-size:13px;line-height:1.6;}
.forge-job-dots {display:flex;align-items:center;gap:6px;flex-shrink:0;}.forge-job-dots i {display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);font-size:12px;font-style:normal;}.forge-job-dots i.passed {color:var(--success);}.forge-job-dots i.failed {color:var(--danger);}.forge-job-dots b {font-weight:400;color:var(--line);}
.forge-pipeline-dialog {display:grid;gap:10px;}.forge-pipeline-dialog>div {display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px;border:1px solid var(--line);border-radius:8px;font-size:13px;}
.forge-run-log {margin:20px 0 0;padding:18px;background:var(--panel-dark);border:1px solid var(--line);border-radius:8px;font:12px/1.7 var(--font-code);white-space:pre-wrap;overflow-wrap:anywhere;}.forge-edit-source {font:13px/1.6 var(--font-code);white-space:pre;}
.forge-commit-row code {font:12px/1.5 var(--font-code);color:var(--accent-text);}
.forge-empty {text-align:center;padding:44px 24px;}.forge-empty>span {font-size:28px;color:var(--muted);}.forge-empty h2 {font-size:18px;line-height:1.4;margin:12px 0 8px;}.forge-empty p {font-size:13px;line-height:1.7;color:var(--muted);margin:0;}
@media(max-width:1200px){.forge-repo-layout {grid-template-columns:minmax(0,1fr) 200px;gap:24px;}.forge-file-row {grid-template-columns:18px minmax(100px,1fr) minmax(100px,1fr);}.forge-file-row time {display:none;}}
@media(max-width:1024px){.forge-repo-layout {grid-template-columns:minmax(0,1fr);}.forge-about {border-top:1px solid var(--line);padding-top:20px;}.forge-about dl {max-width:400px;}.forge-review-layout {grid-template-columns:minmax(0,1fr);}.forge-review-panel {max-width:none;}.forge-review-actions {flex-direction:row;flex-wrap:wrap;}.forge-merge-action button {width:auto;}.forge-pr-signals {max-width:150px;}}
@media(max-width:820px){.forge-top {padding:20px 24px;}.forge-tabs {padding:10px 24px;}.forge-scroll {padding:20px 24px;}}
@media(max-width:560px){
.forge-top {padding:18px 16px;align-items:flex-start;gap:12px;flex-wrap:wrap;}.forge-identity {gap:12px;}.forge-mark {width:36px;height:36px;}.forge-top h1 {font-size:20px;gap:8px;}.repo-visibility {font-size:10px;}.forge-top-actions {gap:10px;margin-left:48px;}.forge-top-actions button {font-size:12px;min-height:32px;padding:6px 12px;}
.forge-tabs {padding:10px 16px;gap:6px;}.forge-tabs button {font-size:12px;padding:8px 12px;}.forge-scroll {padding:18px 16px;}.forge-controlbar {flex-wrap:wrap;gap:10px;}.forge-branch {flex:1;max-width:calc(100% - 105px);}.forge-controlbar>.soft-btn {font-size:12px;min-height:38px;padding:8px 10px;}.forge-search {order:3;flex-basis:100%;max-width:none;margin-left:0;}
.forge-latest {padding:12px;gap:10px;align-items:start;}.forge-latest>button {display:none;}.forge-latest strong {font-size:12px;}.forge-file-row {grid-template-columns:18px minmax(0,1fr);padding:12px;gap:10px;min-height:46px;}.forge-file-row>span:not(.forge-file-icon) {display:none;}.forge-file-row strong {font-size:13px;}.forge-readme>.wiki-prose {padding:20px 18px;font-size:15px;}.forge-readme .wiki-prose h2 {font-size:21px;}.forge-readme>header {padding:12px;}
.forge-pr-row {flex-wrap:wrap;gap:10px;padding:16px;align-items:start;}.forge-pr-copy {flex-basis:calc(100% - 40px);}.forge-pr-copy strong {font-size:14px;}.forge-pr-copy small {font-size:11px;}.forge-pr-signals {margin-left:34px;max-width:100%;justify-content:flex-start;}.forge-pr-heading h2 {font-size:23px;}.forge-pr-heading>div {gap:8px;font-size:11px;}.forge-review-tabs {gap:4px;}.forge-review-tabs button {font-size:12px;padding:8px 10px;}.forge-review-layout {gap:20px;}
.forge-review-message header {padding:12px;}.forge-review-message>.wiki-prose {padding:16px;}.forge-review-comment {padding:16px;}.forge-comment-form>div {align-items:flex-start;}.forge-comment-form>div>span {max-width:160px;}.forge-review-panel {padding:18px;}.forge-diff-line {font-size:11px;line-height:23px;grid-template-columns:24px 24px 14px minmax(max-content,1fr);gap:5px;padding-inline:8px;}
.forge-pipeline-row {flex-wrap:wrap;padding:16px;gap:12px;}.forge-pipeline-row>.forge-status {order:0;}.forge-pipeline-row>.forge-pr-copy {order:2;flex-basis:100%;}.forge-job-dots {margin-left:auto;}.forge-section-heading h2 {font-size:20px;}.forge-section-heading p {font-size:12px;}.forge-commit-row {padding:16px;flex-wrap:wrap;gap:10px;}.forge-commit-row code {margin-left:40px;}
.forge-file-head {padding:12px;}.forge-file-head button {font-size:11px;padding:6px 8px;}.forge-code-line {grid-template-columns:32px minmax(max-content,1fr);gap:10px;font-size:12px;}.forge-local-note {align-items:flex-start;font-size:10px;}.local-status-dot {margin-top:6px;}
}


/* Origo responsive contract: one working pane first, then persistent navigation,
then optional context. Width belongs to the task, not to a screenshot.
This file owns shell dimensions; component rhythm lives in 55-rhythm.css. */
:root {
--topbar-height:64px;--sidebar:0px;--viewport-height:100dvh;
--page-gutter:16px;--working-measure:1920px;--reading-frame:1540px;
--conversation-measure:980px;--safe-bottom:env(safe-area-inset-bottom,0px);
}
html {scroll-padding-top:calc(var(--topbar-height) + 16px);}
body {min-width:280px;}
#ambientScene.app {display:grid;grid-template-columns:minmax(0,1fr);min-height:var(--viewport-height);width:100%;}
#ambientScene>.main {grid-column:1;min-width:0;min-height:0;}
#ambientScene>.sidebar {position:fixed;top:0;bottom:0;left:0;width:min(304px,calc(100vw - 48px));height:var(--viewport-height);z-index:150;transform:translateX(-110%);visibility:hidden;box-shadow:none;transition:transform 180ms ease,visibility 180ms;}
#ambientScene.menu-open>.sidebar {transform:none;visibility:visible;box-shadow:12px 0 36px rgb(0 0 0/.22);}
#ambientScene>.sidebar .brand-copy,#ambientScene>.sidebar .nav-item>span,#ambientScene>.sidebar .user-copy {display:block;}
#ambientScene>.sidebar .nav-badge {display:inline-flex;}
#ambientScene>.sidebar .nav-item {width:100%;min-width:0;justify-content:flex-start;padding:10px 12px;gap:12px;}
#ambientScene>.sidebar .nav-label {display:block;}
#ambientScene>.sidebar .user-card {width:100%;height:auto;min-width:0;justify-content:flex-start;grid-template-columns:32px minmax(0,1fr) auto;padding:10px 8px;}
#ambientScene>.sidebar .brand {margin:0 8px 18px;justify-content:flex-start;}
#ambientScene>.sidebar .workspace-status {display:flex!important;width:100%;height:auto;}
#ambientScene>.sidebar .workspace-status-copy {display:block;}
#ambientScene>.sidebar .online-dot {display:block;}
#ambientScene>.sidebar-scrim {position:fixed;inset:0;z-index:149;display:none;background:rgb(0 0 0/.3);border:0;}
#ambientScene.menu-open>.sidebar-scrim {display:block;opacity:1;pointer-events:auto;}
#ambientScene .topbar {height:var(--topbar-height);min-height:var(--topbar-height);padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));gap:8px;}
#mobileMenu {display:inline-grid;}
.topbar>div:first-child {min-width:0;flex:1;}
#ambientScene .topbar .breadcrumbs {min-width:0;overflow:hidden;}
#topTitle {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#ambientScene .top-actions {gap:8px;flex:0 0 auto;}
#ambientScene .topbar :is(.icon-btn,.soft-btn,.primary-btn) {min-height:40px;}
#ambientScene .topbar :is(.icon-btn,#mobileMenu) {width:40px;min-width:40px;}
/* A view never animates by translating its scroll or fixed-position containing block. */
.workspace-view {animation:none;min-width:0;min-height:calc(var(--viewport-height) - var(--topbar-height));}
:is(#view-chat,#view-mail,#view-code,#view-wiki,#view-forge,#view-gallery,#view-origo) {height:calc(var(--viewport-height) - var(--topbar-height));min-height:0;overflow:hidden;}
.native-app-page {height:100%;min-height:0;padding:0;max-width:none;}
:is(.chat-shell,.mail-shell,.ide-shell,.wiki-shell,.gallery-shell,.origo-shell) {height:100%;min-height:0;max-height:none;min-width:0;}
:is(.chat-thread,.mail-reader,.editor-main,.wiki-main,.gallery-content) {min-height:0;min-width:0;}
:is(.messages,.mail-list,.mail-reader-content,.file-panel,.code-stage,.wiki-scroll,.gallery-scroll,.origo-document,.forge-scroll) {min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable;}
.chat-thread {grid-template-rows:auto minmax(0,1fr) auto;}
#ambientScene .composer-wrap {padding-bottom:max(12px,var(--safe-bottom));}
#ambientScene .messages>*,#ambientScene .composer-wrap>* {max-width:var(--conversation-measure);margin-inline:auto;}
#ambientScene .message-main {max-width:76ch;}
.messages>.date-divider {max-width:var(--conversation-measure);}
#ambientScene .chat-header .local-pane-toggle {display:inline-grid;}
/* Mobile readers get a drawer, not several screens of navigation before the text. */
.docs-native-page {position:relative;width:100%;max-width:var(--reading-frame);padding:0;margin-inline:auto;}
.docs-mobile-toolbar,.origo-mobile-toolbar {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--shell);font-size:12px;color:var(--muted);}
.origo-mobile-toolbar {position:sticky;top:0;z-index:8;}
#ambientScene .text-pane-toggle {display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;min-height:40px;padding:8px 12px;font-size:13px;line-height:1.3;white-space:nowrap;}
#ambientScene :is(#docsShell,#galleryShell,#origoShell)>.local-pane-scrim {position:fixed;inset:var(--topbar-height) 0 0;display:none;z-index:60;background:rgb(0 0 0/.32);border:0;}
#ambientScene :is(#docsShell,#galleryShell,#origoShell).local-pane-open>.local-pane-scrim {display:block;}
#ambientScene :is(#docsShell .docs-nav,#galleryShell .gallery-sidebar,#origoShell .origo-nav) {position:fixed;top:var(--topbar-height);bottom:0;left:0;width:min(304px,calc(100vw - 42px));height:auto;max-height:calc(var(--viewport-height) - var(--topbar-height));z-index:61;visibility:hidden;transform:translateX(-108%);overflow-y:auto;overscroll-behavior:contain;transition:transform 180ms ease,visibility 180ms;box-shadow:none;background:var(--panel);border:0;border-right:1px solid var(--control-border);padding:20px 16px;}
#ambientScene :is(#docsShell.local-pane-open .docs-nav,#galleryShell.local-pane-open .gallery-sidebar,#origoShell.local-pane-open .origo-nav) {visibility:visible;transform:none;box-shadow:12px 0 30px rgb(0 0 0/.18);}
#docsShell .docs-layout {display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start;}
#docsShell .docs-nav :is(.doc-tree,.tree-section) {display:block;}
#docsShell .doc-reader {width:100%;padding:24px 20px;border:0;border-radius:0;}
#docsShell .doc-reader>* {max-width:78ch;margin-inline:auto;}
#docsShell .doc-right {display:none;}
#galleryShell {grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);}
#galleryShell .gallery-content {height:100%;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);}
#galleryShell .gallery-category-list {display:grid;grid-template-columns:minmax(0,1fr);}
#galleryShell .gallery-foundation {display:block;}
#galleryShell .gallery-toolbar {padding:12px 16px;min-height:0;gap:10px;flex-wrap:wrap;}
#galleryShell .gallery-toolbar>div {min-width:0;flex:1;}
#galleryShell .gallery-search {width:100%;max-width:none;flex:1 1 100%;}
#galleryShell .gallery-testbar {padding:8px 16px;gap:8px 16px;flex-wrap:wrap;min-height:0;}
#galleryShell .gallery-scroll {min-height:0;padding:24px 16px;container-type:inline-size;container-name:gallery;}
#galleryScroll>.primitive-section,#galleryScroll>.affordance-study {max-width:1760px;margin-inline:auto;}
#galleryShell .primitive-grid {grid-template-columns:minmax(0,1fr);}
#galleryShell .state-matrix {grid-template-columns:minmax(0,1fr);}
#galleryShell .affordance-stage {grid-template-columns:minmax(0,1fr);}
#galleryShell .passive-card {border-right:0;border-bottom:1px solid var(--line);}
#origoShell {grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);max-width:1600px;margin-inline:auto;}
#origoShell .origo-nav-list {display:flex;flex-direction:column;}
#origoShell .origo-nav-note {display:block;}
#origoShell .origo-document {padding:0;overflow:auto;}
#origoShell .origo-article {padding:26px 20px;width:100%;max-width:960px;margin-inline:auto;}
#origoShell .origo-rail {display:none;}
#origoShell .principles-grid {grid-template-columns:minmax(0,1fr);}
/* Component capacity, not screen labels, determines these changes. */
@container gallery (min-width:720px) {
#galleryShell .primitive-grid,#galleryShell .state-matrix {grid-template-columns:repeat(2,minmax(0,1fr));}
#galleryShell .affordance-stage {grid-template-columns:1fr 1.3fr;}
#galleryShell .passive-card {border-right:1px solid var(--line);border-bottom:0;}
}
@container gallery (min-width:1420px) {#galleryShell .primitive-grid {grid-template-columns:repeat(3,minmax(0,1fr));}}
/* A dashboard has a bounded working canvas; text doesn't scale with the monitor. */
#view-dashboard .dashboard {width:100%;max-width:var(--working-measure);padding:24px var(--page-gutter) 40px;margin-inline:auto;container-type:inline-size;container-name:dashboard;}
#view-dashboard .kpis {grid-template-columns:minmax(0,1fr);gap:16px;}
#view-dashboard .content-grid,#view-dashboard .bottom-grid {grid-template-columns:minmax(0,1fr);gap:20px;}
#view-dashboard .right-stack {grid-template-columns:minmax(0,1fr);display:grid;}
@container dashboard (min-width:370px) {#view-dashboard .kpis {grid-template-columns:repeat(2,minmax(0,1fr));}}
@container dashboard (min-width:720px) {
#view-dashboard .kpis {grid-template-columns:repeat(4,minmax(0,1fr));}
#view-dashboard .right-stack {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@container dashboard (min-width:1120px) {
#view-dashboard .content-grid {grid-template-columns:minmax(0,1.55fr) minmax(360px,1fr);}
#view-dashboard .right-stack {grid-template-columns:minmax(0,1fr);}
#view-dashboard .bottom-grid {grid-template-columns:minmax(0,1.55fr) minmax(360px,1fr);}
}
/* Functional code/board scrollers retain their dimensions instead of compressing. */
#ambientScene .native-workflow-page {max-width:2000px;width:100%;margin-inline:auto;padding:20px var(--page-gutter) 32px;}
#ambientScene .workflow-board {display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:16px;max-width:100%;overflow:auto;scroll-snap-type:x proximity;align-items:stretch;}
#ambientScene .board-column {min-width:0;scroll-snap-align:start;}
#ambientScene .editor-main {grid-template-rows:auto auto minmax(0,1fr) auto;}
#ambientScene .editor-tabs {height:auto;min-height:44px;overflow-x:auto;}
#ambientScene .editor-breadcrumbs {height:auto;min-height:40px;}
#ambientScene .editor-tools {flex-wrap:wrap;min-width:0;gap:8px;}
#ambientScene .terminal-panel {min-height:0;height:clamp(110px,19dvh,200px);overflow:hidden;}
#ambientScene .terminal-panel[hidden] {display:none;}
#terminalToggle[aria-expanded="true"] {border-color:var(--accent-text);color:var(--accent-text);}
#ambientScene .mail-reader-content {min-width:0;width:100%;padding:24px 20px;}
#ambientScene .mail-reader-content>* {max-width:82ch;margin-inline:auto;}
/* Repository: modest reading measure in the README, generous room for source/diffs. */
#view-forge .forge-shell {grid-template-rows:auto auto minmax(0,1fr);}
#view-forge .forge-scroll {padding:20px var(--page-gutter) 32px;container-type:inline-size;container-name:repository;}
#forgeContent,.forge-controlbar {max-width:1680px;width:100%;margin-inline:auto;min-width:0;}
.forge-repo-layout {grid-template-columns:minmax(0,1fr);}
.forge-about {align-self:start;}
.forge-readme>.wiki-prose {max-width:82ch;}
.forge-review-layout {grid-template-columns:minmax(0,1fr);}
@container repository (min-width:1020px) {
.forge-repo-layout {grid-template-columns:minmax(0,1fr) 240px;}
.forge-review-layout {grid-template-columns:minmax(0,1fr) 280px;}
.forge-review-panel {position:sticky;top:4px;}
.forge-about {border-top:0;padding-top:0;}
}
/* Add panes only once the primary task still has useful room. */
@media(min-width:561px) {
:root {--page-gutter:24px;}
#galleryShell .gallery-search {flex:1 1 200px;max-width:320px;}
#view-dashboard .dashboard {padding-top:28px;}
}
@media(min-width:821px) {
:root {--topbar-height:72px;--sidebar:72px;--page-gutter:28px;}
#ambientScene.app {grid-template-columns:var(--sidebar) minmax(0,1fr);}
#ambientScene>.main {grid-column:2;}
#ambientScene>.sidebar {position:sticky;top:0;bottom:auto;width:var(--sidebar);grid-column:1;transform:none;visibility:visible;z-index:40;height:var(--viewport-height);padding:18px 10px 12px;}
#ambientScene.menu-open>.sidebar {box-shadow:none;}
#ambientScene>.sidebar .brand-copy,#ambientScene>.sidebar .nav-item>span,#ambientScene>.sidebar .nav-badge,#ambientScene>.sidebar .user-copy,#ambientScene>.sidebar .online-dot {display:none;}
#ambientScene>.sidebar .nav-item {width:44px;min-width:44px;justify-content:center;margin-inline:auto;padding:10px;}
#ambientScene>.sidebar .nav-label {display:none;}
#ambientScene>.sidebar .nav-label-system {display:block;height:1px;width:28px;padding:0;margin:10px auto;background:var(--line);font-size:0;}
#ambientScene>.sidebar .user-card {width:44px;height:44px;display:flex;justify-content:center;padding:6px;margin-inline:auto;}
#ambientScene>.sidebar .workspace-status {display:none!important;}
#ambientScene>.sidebar .brand {justify-content:center;margin-inline:auto;}
#ambientScene #mobileMenu,#ambientScene>.sidebar-scrim {display:none;}
#ambientScene .topbar {padding-inline:24px;gap:16px;}
#ambientScene .chat-header .local-pane-toggle {display:none;}
.docs-mobile-toolbar,.origo-mobile-toolbar,#ambientScene .text-pane-toggle {display:none;}
#ambientScene :is(#docsShell .docs-nav,#galleryShell .gallery-sidebar,#origoShell .origo-nav) {position:sticky;left:auto;top:0;bottom:auto;width:auto;height:100%;max-height:none;visibility:visible;transform:none;z-index:auto;box-shadow:none;transition:none;background:var(--shell);border-right:1px solid var(--line);padding:20px 16px;}
#ambientScene :is(#docsShell,#galleryShell,#origoShell)>.local-pane-scrim {display:none!important;}
#docsShell .docs-layout {grid-template-columns:216px minmax(0,1fr);}
#docsShell .docs-nav {height:auto;max-height:calc(var(--viewport-height) - var(--topbar-height));top:var(--topbar-height);}
#docsShell .doc-reader {padding:36px clamp(24px,3vw,48px);}
#galleryShell {grid-template-columns:196px minmax(0,1fr);}
#galleryShell .gallery-scroll {padding:28px;}
#galleryShell .gallery-toolbar {padding:16px 24px;}
#galleryShell .gallery-testbar {padding-inline:24px;}
#origoShell {grid-template-columns:196px minmax(0,1fr);}
#origoShell .origo-article {padding:36px clamp(24px,3vw,48px);}
#origoShell .principles-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
#ambientScene .messages {padding:28px;}
#ambientScene .composer-wrap {padding-inline:28px;}
#ambientScene .mail-reader-content {padding:36px;}
}
@media(min-width:1181px) {
:root {--sidebar:224px;--page-gutter:32px;}
#ambientScene>.sidebar {padding:20px 12px 16px;}
#ambientScene>.sidebar .brand-copy,#ambientScene>.sidebar .nav-item>span,#ambientScene>.sidebar .user-copy,#ambientScene>.sidebar .online-dot {display:block;}
#ambientScene>.sidebar .nav-badge {display:inline-flex;}
#ambientScene>.sidebar .nav-item {width:100%;min-width:0;justify-content:flex-start;padding:10px 12px;}
#ambientScene>.sidebar .nav-label {display:block;}
#ambientScene>.sidebar .nav-label-system {width:auto;height:auto;font-size:11px;background:none;margin:18px 10px 10px;}
#ambientScene>.sidebar .brand {margin-inline:8px;justify-content:flex-start;}
#ambientScene>.sidebar .user-card {width:100%;height:auto;display:grid;grid-template-columns:32px minmax(0,1fr) auto;justify-content:normal;padding:10px 8px;}
#ambientScene>.sidebar .workspace-status {display:flex!important;}
#galleryShell {grid-template-columns:220px minmax(0,1fr);}
}
@media(min-width:1440px) {
#docsShell .docs-layout {grid-template-columns:230px minmax(0,1fr) 210px;}
#docsShell .doc-right {display:block;position:sticky;top:var(--topbar-height);}
#origoShell {grid-template-columns:216px minmax(0,1fr) 218px;}
#origoShell .origo-rail {display:block;overflow:auto;}
}
@media(min-width:1920px) {
#ambientScene .chat-shell.context-closed {grid-template-columns:272px minmax(0,1fr);}
#ambientScene .chat-shell.context-open {grid-template-columns:272px minmax(0,1fr) 320px;}
#ambientScene .mail-shell {grid-template-columns:208px 380px minmax(0,1fr);}
#ambientScene .ide-shell.context-closed {grid-template-columns:44px 260px minmax(0,1fr);}
#ambientScene .ide-shell.context-open {grid-template-columns:44px 260px minmax(0,1fr) 330px;}
#ambientScene .wiki-shell {grid-template-columns:272px minmax(0,1fr);}
.forge-top,.forge-tabs {padding-inline:max(32px,calc((100% - 1680px) / 2));}
}
/* Height is a layout constraint too: landscape phones and shallow desktop windows. */
@media(max-height:560px) {
:root {--topbar-height:56px;}
#ambientScene .topbar {padding-block:6px;}
#ambientScene .chat-header {min-height:50px;padding-block:6px;}
#ambientScene .chat-heading>span,#ambientScene .chat-presence-inline,#ambientScene .composer-hint {display:none;}
#ambientScene .composer-wrap {padding:6px 12px max(6px,var(--safe-bottom));}
#ambientScene .composer {padding:4px 7px;}
#chatInput {min-height:36px;padding:6px 2px;}
#ambientScene .gallery-toolbar,#ambientScene .gallery-testbar {padding-block:7px;}
#ambientScene .forge-top {padding-block:10px;}
#ambientScene .forge-top h1 {font-size:20px;}
#ambientScene .forge-owner {margin-bottom:3px;}
#ambientScene .forge-tabs {padding-block:6px;}
#ambientScene .lab {top:calc(var(--topbar-height) + 8px);max-height:calc(var(--viewport-height) - var(--topbar-height) - 16px);}
#ambientScene>.sidebar .workspace-status {display:none!important;}
#ambientScene>.sidebar .brand {margin-bottom:8px;}
#ambientScene>.sidebar .sidebar-bottom {margin-top:6px;padding-top:6px;}
}
/* Overlay limits are tied to the usable viewport, including an on-screen keyboard. */
#ambientScene .lab {top:calc(var(--topbar-height) + 10px);max-height:calc(var(--viewport-height) - var(--topbar-height) - 22px - var(--safe-bottom));overflow:auto;overscroll-behavior:contain;}
#ambientScene .work-dialog {max-height:calc(var(--viewport-height) - 32px);}
#ambientScene .work-dialog[open] {display:flex;flex-direction:column;}
.work-dialog-head,.work-dialog-footer {flex-shrink:0;}
.work-dialog-body {min-height:0;overflow:auto;overscroll-behavior:contain;}
#ambientScene .compose-dialog {max-height:calc(var(--viewport-height) - 24px);}
:is(.doc-reader,.wiki-page,.origo-article) :is(img,svg,video) {max-width:100%;}
@media(pointer:coarse) {
#ambientScene :is(.icon-btn,.mini-icon-btn,.local-pane-toggle,.lab-close,.soft-btn,.primary-btn,.demo-btn,.context-toggle,.forge-tabs button,.widget-tab,.board-mode button) {min-height:44px;}
#ambientScene :is(.icon-btn,.mini-icon-btn,.lab-close,.local-pane-toggle:not(.text-pane-toggle)) {min-width:44px;}
#ambientScene :is(.message-reactions button,.gallery-category,.doc-tree-button,.origo-nav-button,.forge-file-row,.channel-item,.folder-item) {min-height:40px;}
#ambientScene .topbar .icon-btn,#ambientScene #mobileMenu {width:44px;min-width:44px;}
#ambientScene .top-actions {gap:6px;}
}
@media(prefers-reduced-motion:reduce) {
#ambientScene>.sidebar,#ambientScene :is(#docsShell .docs-nav,#galleryShell .gallery-sidebar,#origoShell .origo-nav) {transition:none;}
}
.drawer-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid var(--line);}
.drawer-heading strong {font-size:14px;line-height:1.4;}
@media(min-width:821px){.drawer-heading {display:none;}}
/* Mail has a mobile folder selector and drawer heading in addition to its header. */
@media(max-width:820px){
#mailShell .mail-list-pane {grid-template-rows:auto auto auto auto auto minmax(0,1fr);}
#mailShell .mail-list-pane>.drawer-heading {padding:12px 14px 8px;margin-bottom:0;}
}
/* Icon wrappers must never be hidden by compact-rail label rules. */
#ambientScene>.sidebar .nav-item>.nav-icon {display:inline-flex;align-items:center;justify-content:center;}
/* Toolbars lay out controls, never auto-size a search box to a grid row. */
#galleryShell .gallery-toolbar {display:flex;flex-direction:row;align-items:center;}
#galleryShell .gallery-search {display:flex;align-items:center;height:40px;min-height:40px;margin:0;}
#galleryShell .gallery-search input {min-width:0;flex:1;}
#galleryShell .gallery-search svg {flex:0 0 18px;width:18px;height:18px;}
#ambientScene .editor-tab {flex:0 0 auto;max-width:260px;white-space:nowrap;}
@media(min-width:821px){#ambientScene [data-pane-toggle] {display:none;}}

/* GENERATED by tools/origo-button-compat.mjs from src/origo/widgets/button.css. Do not edit; regenerate.
   Transition sheet (docs/ORIGO-BUTTON-TOGGLE-SPEC.md 4.3): literal legacy-class buttons render with the Origo recipe
   until their view migrates. Mapped: .primary-btn primary, .soft-btn secondary, .text-action quiet, .mini-icon-btn quiet compact icon, .icon-btn secondary icon, .send-btn primary icon, .demo-btn.primary primary, .demo-btn.secondary secondary, .demo-btn.quiet quiet, .demo-btn.danger destructive, .theme-generate primary, .theme-reset secondary.
   Painter-only rules (data-state, data-part) are omitted. Placed after the legacy button sheets (20-70), so it wins at
   equal specificity; view-specific layout rules with higher specificity keep their local sizing. Deleted at step 5. */
.primary-btn,.soft-btn,.text-action,.mini-icon-btn,.icon-btn,.send-btn,.demo-btn.primary,.demo-btn.secondary,.demo-btn.quiet,.demo-btn.danger,.theme-generate,.theme-reset {--_button-fill:var(--panel-2);--_button-ink:var(--ink);--_button-edge:var(--control-border);
--amb-albedo:var(--_button-fill);--amb-elevation:var(--action-lift);--amb-thickness:var(--action-body);--amb-fillet:var(--action-edge);--amb-fillet-width:1;--amb-chamfer:0;
--action-angle:calc(atan2(var(--amb-light-y),var(--amb-light-x)) + 90deg);
--action-shine-x:calc(50% + var(--amb-light-x) * 70%);--action-shine-y:calc(50% + var(--amb-light-y) * 80%);

--_amb-chamfer-w:max(-1 * var(--amb-thickness),min(var(--amb-chamfer-width),var(--amb-thickness)));
--_amb-fillet-w:max(-1 * var(--amb-thickness),min(var(--amb-fillet-width),var(--amb-thickness)));
--_amb-sh-gate:max(0,min(var(--amb-elevation) + var(--amb-thickness),1));
--_amb-body-gate:max(0,min(var(--amb-thickness),1));
--_amb-sweep-a:calc(var(--_amb-sh-gate) * var(--_amb-body-gate) * max(0,1 - var(--amb-elevation) / 3) * (var(--amb-thickness) * .02 + .047));
--amb-box-shadow:
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-shadow-strength,1) * var(--_amb-sh-gate) * ((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .13 + var(--amb-elevation) * -.077 + .368 - var(--_amb-body-gate) * max(0,1 - var(--amb-elevation)) * .14)))
calc(var(--amb-light-x) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(3.8px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-light-y) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(3.8px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-elevation) * calc(4.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(2.7px * var(--amb-shadow-scale,1))) calc(.8px * var(--amb-shadow-scale,1)),
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_amb-sweep-a) * var(--amb-shadow-strength,1)))
calc(var(--amb-light-x) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(2.85px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-light-y) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(2.85px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-elevation) * calc(4.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(2px * var(--amb-shadow-scale,1))) calc(var(--amb-thickness) * calc(.9px * var(--amb-shadow-scale,1))),
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_amb-sweep-a) * var(--amb-shadow-strength,1)))
calc(var(--amb-light-x) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(1.9px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-light-y) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(1.9px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-elevation) * calc(4.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(1.35px * var(--amb-shadow-scale,1))) calc(var(--amb-thickness) * calc(.6px * var(--amb-shadow-scale,1))),
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_amb-sweep-a) * var(--amb-shadow-strength,1)))
calc(var(--amb-light-x) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(.95px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-light-y) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(.95px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-elevation) * calc(4.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(.7px * var(--amb-shadow-scale,1))) calc(var(--amb-thickness) * calc(.3px * var(--amb-shadow-scale,1))),
inset calc(var(--amb-light-x) * var(--_amb-chamfer-w) * calc(-1px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--_amb-chamfer-w) * calc(-1px * var(--amb-shadow-scale,1))) 0 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-chamfer) * max(0,min(var(--amb-thickness),1)) * (var(--amb-key-light-intensity) * 1.57 + var(--amb-fill-light-intensity) * .85 - 1.03))),
inset calc(var(--amb-light-x) * var(--_amb-chamfer-w) * calc(1px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--_amb-chamfer-w) * calc(1px * var(--amb-shadow-scale,1))) 0 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-chamfer) * max(0,min(var(--amb-thickness),1)) * ((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .19 + .24))),
inset calc(var(--amb-light-x) * var(--_amb-fillet-w) * calc(-1.4px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--_amb-fillet-w) * calc(-1.4px * var(--amb-shadow-scale,1))) calc(2px * var(--amb-shadow-scale,1)) 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-fillet) * max(0,min(var(--amb-thickness),1)) * (var(--amb-key-light-intensity) * 1.44 + var(--amb-fill-light-intensity) * .85 - .99))),
inset calc(var(--amb-light-x) * var(--_amb-fillet-w) * calc(1.4px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--_amb-fillet-w) * calc(1.4px * var(--amb-shadow-scale,1))) calc(2px * var(--amb-shadow-scale,1)) 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-fillet) * max(0,min(var(--amb-thickness),1)) * ((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .23 + .3)));
appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);
position:relative;isolation:isolate;overflow:visible;vertical-align:middle;
min-height:var(--control-size);margin:0;padding:0 var(--space-control-x);
font:600 var(--text-body)/1.35 var(--font-ui);letter-spacing:normal;text-transform:none;text-align:center;text-decoration:none;white-space:normal;
color:var(--_button-ink);background-color:var(--_button-fill);
background-image:linear-gradient(var(--action-angle),rgb(0 0 0 / calc(.04 + var(--amb-key-light-intensity) * .055)),transparent 46%,rgb(255 255 255 / calc(var(--amb-key-light-intensity) * var(--action-sheen))));
border:1px solid var(--_button-edge);border-radius:var(--radius-control);
box-shadow:var(--amb-box-shadow);filter:none;backdrop-filter:none;transform:none;
cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;
transition:transform var(--duration-state) ease,box-shadow var(--duration-state) ease,border-color var(--duration-state) ease,background-color var(--duration-state) ease,color var(--duration-state) ease;}
.primary-btn::after,.soft-btn::after,.text-action::after,.mini-icon-btn::after,.icon-btn::after,.send-btn::after,.demo-btn.primary::after,.demo-btn.secondary::after,.demo-btn.quiet::after,.demo-btn.danger::after,.theme-generate::after,.theme-reset::after {content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;z-index:-1;background:radial-gradient(ellipse at var(--pointer-x,var(--action-shine-x)) var(--pointer-y,var(--action-shine-y)),rgb(255 255 255 / var(--action-hover-sheen)),transparent 70%);opacity:0;transition:opacity var(--duration-state) ease;}
.mini-icon-btn {min-height:var(--control-size-compact,32px);padding-inline:var(--space-3);font-size:var(--text-label);}
.mini-icon-btn,.icon-btn,.send-btn {display:inline-grid;place-items:center;padding:0;width:var(--control-size);min-width:var(--control-size);height:var(--control-size);}
.mini-icon-btn {width:var(--control-size-compact,32px);min-width:var(--control-size-compact,32px);height:var(--control-size-compact,32px);}
.primary-btn,.send-btn,.demo-btn.primary,.theme-generate {--_button-fill:var(--accent-fill);--_button-ink:var(--on-accent);--_button-edge:color-mix(in srgb,var(--accent-fill),var(--ink) 13%);--amb-thickness:.85;}
.text-action,.mini-icon-btn,.demo-btn.quiet {--_button-fill:transparent;--_button-ink:var(--accent-text);--_button-edge:transparent;--amb-elevation:0;--amb-thickness:0;--amb-fillet:0;background-image:none;box-shadow:none;padding-inline:10px;}
.mini-icon-btn {--_button-ink:var(--muted);padding:0;}
.text-action::after,.mini-icon-btn::after,.demo-btn.quiet::after {display:none;}
.demo-btn.danger {--_button-fill:var(--panel);--_button-ink:var(--danger);--_button-edge:var(--danger);}
.primary-btn[aria-pressed="true"],.soft-btn[aria-pressed="true"],.text-action[aria-pressed="true"],.mini-icon-btn[aria-pressed="true"],.icon-btn[aria-pressed="true"],.send-btn[aria-pressed="true"],.demo-btn.primary[aria-pressed="true"],.demo-btn.secondary[aria-pressed="true"],.demo-btn.quiet[aria-pressed="true"],.demo-btn.danger[aria-pressed="true"],.theme-generate[aria-pressed="true"],.theme-reset[aria-pressed="true"] {--_button-fill:var(--accent-surface);--_button-ink:var(--accent-text);--_button-edge:var(--accent-text);--amb-elevation:.14;--amb-thickness:.52;box-shadow:var(--amb-box-shadow);}
.mini-icon-btn[aria-pressed="true"],.icon-btn[aria-pressed="true"],.send-btn[aria-pressed="true"] {--_button-ink:var(--accent-text);}
.primary-btn[data-outcome="error"],.soft-btn[data-outcome="error"],.text-action[data-outcome="error"],.mini-icon-btn[data-outcome="error"],.icon-btn[data-outcome="error"],.send-btn[data-outcome="error"],.demo-btn.primary[data-outcome="error"],.demo-btn.secondary[data-outcome="error"],.demo-btn.quiet[data-outcome="error"],.demo-btn.danger[data-outcome="error"],.theme-generate[data-outcome="error"],.theme-reset[data-outcome="error"] {--_button-edge:var(--danger);}
.primary-btn:focus-visible,.soft-btn:focus-visible,.text-action:focus-visible,.mini-icon-btn:focus-visible,.icon-btn:focus-visible,.send-btn:focus-visible,.demo-btn.primary:focus-visible,.demo-btn.secondary:focus-visible,.demo-btn.quiet:focus-visible,.demo-btn.danger:focus-visible,.theme-generate:focus-visible,.theme-reset:focus-visible {outline:var(--focus-width,2px) solid var(--focus-ring);outline-offset:var(--focus-offset,3px);z-index:3;}
.primary-btn:focus-visible:not(:disabled):not([aria-disabled="true"]),.soft-btn:focus-visible:not(:disabled):not([aria-disabled="true"]),.text-action:focus-visible:not(:disabled):not([aria-disabled="true"]),.mini-icon-btn:focus-visible:not(:disabled):not([aria-disabled="true"]),.icon-btn:focus-visible:not(:disabled):not([aria-disabled="true"]),.send-btn:focus-visible:not(:disabled):not([aria-disabled="true"]),.demo-btn.primary:focus-visible:not(:disabled):not([aria-disabled="true"]),.demo-btn.secondary:focus-visible:not(:disabled):not([aria-disabled="true"]),.demo-btn.quiet:focus-visible:not(:disabled):not([aria-disabled="true"]),.demo-btn.danger:focus-visible:not(:disabled):not([aria-disabled="true"]),.theme-generate:focus-visible:not(:disabled):not([aria-disabled="true"]),.theme-reset:focus-visible:not(:disabled):not([aria-disabled="true"]) {--amb-elevation:calc(var(--action-lift) + .28);--amb-fillet:.85;transform:translateY(-1px);}
.primary-btn:focus-visible:not(:disabled):not([aria-disabled="true"])::after,.soft-btn:focus-visible:not(:disabled):not([aria-disabled="true"])::after,.text-action:focus-visible:not(:disabled):not([aria-disabled="true"])::after,.mini-icon-btn:focus-visible:not(:disabled):not([aria-disabled="true"])::after,.icon-btn:focus-visible:not(:disabled):not([aria-disabled="true"])::after,.send-btn:focus-visible:not(:disabled):not([aria-disabled="true"])::after,.demo-btn.primary:focus-visible:not(:disabled):not([aria-disabled="true"])::after,.demo-btn.secondary:focus-visible:not(:disabled):not([aria-disabled="true"])::after,.demo-btn.quiet:focus-visible:not(:disabled):not([aria-disabled="true"])::after,.demo-btn.danger:focus-visible:not(:disabled):not([aria-disabled="true"])::after,.theme-generate:focus-visible:not(:disabled):not([aria-disabled="true"])::after,.theme-reset:focus-visible:not(:disabled):not([aria-disabled="true"])::after {opacity:1;}
.text-action:focus-visible:not(:disabled):not([aria-disabled="true"]),.mini-icon-btn:focus-visible:not(:disabled):not([aria-disabled="true"]),.demo-btn.quiet:focus-visible:not(:disabled):not([aria-disabled="true"]) {--amb-elevation:0;--amb-fillet:0;transform:none;}
@media (hover:hover) {
.primary-btn:hover:not(:disabled):not([aria-disabled="true"]),.soft-btn:hover:not(:disabled):not([aria-disabled="true"]),.text-action:hover:not(:disabled):not([aria-disabled="true"]),.mini-icon-btn:hover:not(:disabled):not([aria-disabled="true"]),.icon-btn:hover:not(:disabled):not([aria-disabled="true"]),.send-btn:hover:not(:disabled):not([aria-disabled="true"]),.demo-btn.primary:hover:not(:disabled):not([aria-disabled="true"]),.demo-btn.secondary:hover:not(:disabled):not([aria-disabled="true"]),.demo-btn.quiet:hover:not(:disabled):not([aria-disabled="true"]),.demo-btn.danger:hover:not(:disabled):not([aria-disabled="true"]),.theme-generate:hover:not(:disabled):not([aria-disabled="true"]),.theme-reset:hover:not(:disabled):not([aria-disabled="true"]) {--amb-elevation:calc(var(--action-lift) + .28);--amb-fillet:.85;transform:translateY(-1px);z-index:2;filter:none;}
.primary-btn:hover:not(:disabled):not([aria-disabled="true"])::after,.soft-btn:hover:not(:disabled):not([aria-disabled="true"])::after,.text-action:hover:not(:disabled):not([aria-disabled="true"])::after,.mini-icon-btn:hover:not(:disabled):not([aria-disabled="true"])::after,.icon-btn:hover:not(:disabled):not([aria-disabled="true"])::after,.send-btn:hover:not(:disabled):not([aria-disabled="true"])::after,.demo-btn.primary:hover:not(:disabled):not([aria-disabled="true"])::after,.demo-btn.secondary:hover:not(:disabled):not([aria-disabled="true"])::after,.demo-btn.quiet:hover:not(:disabled):not([aria-disabled="true"])::after,.demo-btn.danger:hover:not(:disabled):not([aria-disabled="true"])::after,.theme-generate:hover:not(:disabled):not([aria-disabled="true"])::after,.theme-reset:hover:not(:disabled):not([aria-disabled="true"])::after {opacity:1;}
.soft-btn:hover:not(:disabled):not([aria-disabled="true"]),.icon-btn:hover:not(:disabled):not([aria-disabled="true"]),.demo-btn.secondary:hover:not(:disabled):not([aria-disabled="true"]),.theme-reset:hover:not(:disabled):not([aria-disabled="true"]) {--_button-fill:color-mix(in srgb,var(--panel-2),var(--ink) 6%);--_button-edge:var(--subtle);}
.demo-btn.danger:hover:not(:disabled):not([aria-disabled="true"]) {--_button-fill:var(--danger-soft);}
.text-action:hover:not(:disabled):not([aria-disabled="true"]),.mini-icon-btn:hover:not(:disabled):not([aria-disabled="true"]),.demo-btn.quiet:hover:not(:disabled):not([aria-disabled="true"]) {--_button-fill:var(--accent-surface);--amb-elevation:0;--amb-fillet:0;transform:none;}
.mini-icon-btn:hover:not(:disabled):not([aria-disabled="true"]) {--_button-fill:rgb(var(--overlay-rgb) / .06);--_button-ink:var(--ink);--amb-elevation:0;--amb-fillet:0;transform:none;}
.primary-btn[aria-pressed="true"]:hover:not(:disabled):not([aria-disabled="true"]),.soft-btn[aria-pressed="true"]:hover:not(:disabled):not([aria-disabled="true"]),.text-action[aria-pressed="true"]:hover:not(:disabled):not([aria-disabled="true"]),.mini-icon-btn[aria-pressed="true"]:hover:not(:disabled):not([aria-disabled="true"]),.icon-btn[aria-pressed="true"]:hover:not(:disabled):not([aria-disabled="true"]),.send-btn[aria-pressed="true"]:hover:not(:disabled):not([aria-disabled="true"]),.demo-btn.primary[aria-pressed="true"]:hover:not(:disabled):not([aria-disabled="true"]),.demo-btn.secondary[aria-pressed="true"]:hover:not(:disabled):not([aria-disabled="true"]),.demo-btn.quiet[aria-pressed="true"]:hover:not(:disabled):not([aria-disabled="true"]),.demo-btn.danger[aria-pressed="true"]:hover:not(:disabled):not([aria-disabled="true"]),.theme-generate[aria-pressed="true"]:hover:not(:disabled):not([aria-disabled="true"]),.theme-reset[aria-pressed="true"]:hover:not(:disabled):not([aria-disabled="true"]) {--_button-fill:color-mix(in srgb,var(--accent-surface),var(--ink) 4%);--_button-ink:var(--accent-text);--_button-edge:var(--accent-text);}
.mini-icon-btn[aria-pressed="true"]:hover:not(:disabled):not([aria-disabled="true"]),.icon-btn[aria-pressed="true"]:hover:not(:disabled):not([aria-disabled="true"]),.send-btn[aria-pressed="true"]:hover:not(:disabled):not([aria-disabled="true"]) {--_button-fill:color-mix(in srgb,var(--accent-surface),var(--ink) 4%);--_button-ink:var(--accent-text);}
}
.primary-btn:active:not(:disabled):not([aria-disabled="true"]),.soft-btn:active:not(:disabled):not([aria-disabled="true"]),.text-action:active:not(:disabled):not([aria-disabled="true"]),.mini-icon-btn:active:not(:disabled):not([aria-disabled="true"]),.icon-btn:active:not(:disabled):not([aria-disabled="true"]),.send-btn:active:not(:disabled):not([aria-disabled="true"]),.demo-btn.primary:active:not(:disabled):not([aria-disabled="true"]),.demo-btn.secondary:active:not(:disabled):not([aria-disabled="true"]),.demo-btn.quiet:active:not(:disabled):not([aria-disabled="true"]),.demo-btn.danger:active:not(:disabled):not([aria-disabled="true"]),.theme-generate:active:not(:disabled):not([aria-disabled="true"]),.theme-reset:active:not(:disabled):not([aria-disabled="true"]) {--amb-elevation:0;--amb-thickness:.16;--amb-fillet:.2;transform:translateY(1px);box-shadow:var(--amb-box-shadow),inset 0 1px 3px rgb(0 0 0 / .16);filter:none;}
.soft-btn:active:not(:disabled):not([aria-disabled="true"]),.icon-btn:active:not(:disabled):not([aria-disabled="true"]),.demo-btn.secondary:active:not(:disabled):not([aria-disabled="true"]),.theme-reset:active:not(:disabled):not([aria-disabled="true"]) {--_button-fill:color-mix(in srgb,var(--panel-2),var(--ink) 9%);--_button-edge:var(--subtle);}
.demo-btn.danger:active:not(:disabled):not([aria-disabled="true"]) {--_button-fill:color-mix(in srgb,var(--danger-soft),var(--ink) 6%);}
.text-action:active:not(:disabled):not([aria-disabled="true"]),.mini-icon-btn:active:not(:disabled):not([aria-disabled="true"]),.demo-btn.quiet:active:not(:disabled):not([aria-disabled="true"]) {--_button-fill:color-mix(in srgb,var(--accent-surface),var(--ink) 4%);--amb-thickness:0;--amb-fillet:0;box-shadow:none;}
.mini-icon-btn:active:not(:disabled):not([aria-disabled="true"]) {--_button-fill:rgb(var(--overlay-rgb) / .1);--_button-ink:var(--ink);--amb-thickness:0;--amb-fillet:0;box-shadow:none;}
.primary-btn:disabled,.soft-btn:disabled,.text-action:disabled,.mini-icon-btn:disabled,.icon-btn:disabled,.send-btn:disabled,.demo-btn.primary:disabled,.demo-btn.secondary:disabled,.demo-btn.quiet:disabled,.demo-btn.danger:disabled,.theme-generate:disabled,.theme-reset:disabled,.primary-btn[aria-disabled="true"],.soft-btn[aria-disabled="true"],.text-action[aria-disabled="true"],.mini-icon-btn[aria-disabled="true"],.icon-btn[aria-disabled="true"],.send-btn[aria-disabled="true"],.demo-btn.primary[aria-disabled="true"],.demo-btn.secondary[aria-disabled="true"],.demo-btn.quiet[aria-disabled="true"],.demo-btn.danger[aria-disabled="true"],.theme-generate[aria-disabled="true"],.theme-reset[aria-disabled="true"] {opacity:.52;--amb-elevation:0;--amb-thickness:0;box-shadow:none;background-image:none;backdrop-filter:none;transform:none;filter:none;cursor:not-allowed;}
.primary-btn:disabled::after,.soft-btn:disabled::after,.text-action:disabled::after,.mini-icon-btn:disabled::after,.icon-btn:disabled::after,.send-btn:disabled::after,.demo-btn.primary:disabled::after,.demo-btn.secondary:disabled::after,.demo-btn.quiet:disabled::after,.demo-btn.danger:disabled::after,.theme-generate:disabled::after,.theme-reset:disabled::after,.primary-btn[aria-disabled="true"]::after,.soft-btn[aria-disabled="true"]::after,.text-action[aria-disabled="true"]::after,.mini-icon-btn[aria-disabled="true"]::after,.icon-btn[aria-disabled="true"]::after,.send-btn[aria-disabled="true"]::after,.demo-btn.primary[aria-disabled="true"]::after,.demo-btn.secondary[aria-disabled="true"]::after,.demo-btn.quiet[aria-disabled="true"]::after,.demo-btn.danger[aria-disabled="true"]::after,.theme-generate[aria-disabled="true"]::after,.theme-reset[aria-disabled="true"]::after {display:none;}
@media (pointer:coarse) {
.primary-btn:not([data-inline="true"]),.soft-btn:not([data-inline="true"]),.text-action:not([data-inline="true"]),.mini-icon-btn:not([data-inline="true"]),.icon-btn:not([data-inline="true"]),.send-btn:not([data-inline="true"]),.demo-btn.primary:not([data-inline="true"]),.demo-btn.secondary:not([data-inline="true"]),.demo-btn.quiet:not([data-inline="true"]),.demo-btn.danger:not([data-inline="true"]),.theme-generate:not([data-inline="true"]),.theme-reset:not([data-inline="true"]) {min-height:var(--control-size-large,44px);}
.mini-icon-btn:not([data-inline="true"]) {padding-inline:var(--space-control-x);font-size:var(--text-body);}
.mini-icon-btn:not([data-inline="true"]),.icon-btn:not([data-inline="true"]),.send-btn:not([data-inline="true"]) {width:var(--control-size-large,44px);min-width:var(--control-size-large,44px);height:var(--control-size-large,44px);padding:0;}
}
@media (forced-colors:active) {
.primary-btn,.soft-btn,.text-action,.mini-icon-btn,.icon-btn,.send-btn,.demo-btn.primary,.demo-btn.secondary,.demo-btn.quiet,.demo-btn.danger,.theme-generate,.theme-reset,.primary-btn[data-variant],.soft-btn[data-variant],.text-action[data-variant],.mini-icon-btn[data-variant],.icon-btn[data-variant],.send-btn[data-variant],.demo-btn.primary[data-variant],.demo-btn.secondary[data-variant],.demo-btn.quiet[data-variant],.demo-btn.danger[data-variant],.theme-generate[data-variant],.theme-reset[data-variant] {background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none;}
.primary-btn::after,.soft-btn::after,.text-action::after,.mini-icon-btn::after,.icon-btn::after,.send-btn::after,.demo-btn.primary::after,.demo-btn.secondary::after,.demo-btn.quiet::after,.demo-btn.danger::after,.theme-generate::after,.theme-reset::after {display:none;}
.primary-btn:is([aria-pressed="true"],[aria-checked="true"]),.soft-btn:is([aria-pressed="true"],[aria-checked="true"]),.text-action:is([aria-pressed="true"],[aria-checked="true"]),.mini-icon-btn:is([aria-pressed="true"],[aria-checked="true"]),.icon-btn:is([aria-pressed="true"],[aria-checked="true"]),.send-btn:is([aria-pressed="true"],[aria-checked="true"]),.demo-btn.primary:is([aria-pressed="true"],[aria-checked="true"]),.demo-btn.secondary:is([aria-pressed="true"],[aria-checked="true"]),.demo-btn.quiet:is([aria-pressed="true"],[aria-checked="true"]),.demo-btn.danger:is([aria-pressed="true"],[aria-checked="true"]),.theme-generate:is([aria-pressed="true"],[aria-checked="true"]),.theme-reset:is([aria-pressed="true"],[aria-checked="true"]) {forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight;box-shadow:none;background-image:none;}
.primary-btn:is([aria-pressed="true"],[aria-checked="true"]):focus-visible,.soft-btn:is([aria-pressed="true"],[aria-checked="true"]):focus-visible,.text-action:is([aria-pressed="true"],[aria-checked="true"]):focus-visible,.mini-icon-btn:is([aria-pressed="true"],[aria-checked="true"]):focus-visible,.icon-btn:is([aria-pressed="true"],[aria-checked="true"]):focus-visible,.send-btn:is([aria-pressed="true"],[aria-checked="true"]):focus-visible,.demo-btn.primary:is([aria-pressed="true"],[aria-checked="true"]):focus-visible,.demo-btn.secondary:is([aria-pressed="true"],[aria-checked="true"]):focus-visible,.demo-btn.quiet:is([aria-pressed="true"],[aria-checked="true"]):focus-visible,.demo-btn.danger:is([aria-pressed="true"],[aria-checked="true"]):focus-visible,.theme-generate:is([aria-pressed="true"],[aria-checked="true"]):focus-visible,.theme-reset:is([aria-pressed="true"],[aria-checked="true"]):focus-visible {outline-color:CanvasText;}
}
.origo-button:is(.amb-chamfer,.amb-chamfer-2) {--amb-chamfer:0;}


/* Shared authoring primitives. Explicit children avoid inherited icon/metadata collisions. */
.mail-avatar,.shared-icon,.avatar,.forge-avatar,.entity-icon {display:inline-grid;place-items:center;flex-shrink:0;line-height:1;margin:0;text-align:center;align-self:center;}
.reader-sender>.mail-avatar {display:inline-grid;place-items:center;margin:0;color:var(--ink);}
.shared-object>.shared-icon {display:inline-grid;place-items:center;margin:0;color:var(--accent-text);}
.shared-object {grid-template-columns:38px minmax(0,1fr) auto;}.shared-icon {width:38px;height:38px;}
.entity-trigger {display:inline-flex;align-items:center;gap:10px;min-height:42px;max-width:100%;padding:8px 12px;border:1px solid var(--control-border,var(--line));border-radius:9px;background:var(--panel);color:var(--ink);font:600 var(--text-body)/1.4 var(--font-ui,system-ui);cursor:pointer;text-align:left;}
.entity-trigger .picker-value {display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.entity-trigger>svg {width:16px;height:16px;flex-shrink:0;}
.branch-picker-shell {padding:0!important;max-width:320px;min-width:180px;border:0!important;box-shadow:none!important;background:none!important;}
.branch-picker-shell .branch-trigger {width:100%;min-width:0;}
.branch-picker-shell select[hidden] {display:none!important;}
.entity-popover {position:fixed;inset:auto;margin:0;padding:0;background:var(--panel);color:var(--ink);border:1px solid var(--control-border,var(--line));border-radius:14px;overflow:hidden;box-shadow:0 14px 36px rgb(var(--shadow-rgb)/.23),inset 0 1px 0 rgb(var(--overlay-rgb)/.18);z-index:10010;max-width:calc(100vw - 24px);font-size:14px;display:flex;flex-direction:column;}
html[data-mode="light"] .entity-popover {box-shadow:0 14px 36px rgb(var(--shadow-rgb)/.14),inset 0 1px 0 rgb(var(--overlay-rgb)/.18);}
.entity-popover:not(:popover-open):not([data-fallback]) {display:none;}
.entity-picker-head {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px 5px;flex-shrink:0;}
.entity-picker-head label {font-size:13px;font-weight:650;color:var(--muted);}
.entity-popover>input {display:block;min-height:42px;width:calc(100% - 24px);margin:5px 12px 8px;padding:8px 11px;border:1px solid var(--control-border);border-radius:8px;background:var(--page);color:var(--ink);font:inherit;flex-shrink:0;}
.entity-popover>input:focus {outline:2px solid var(--accent-text);outline-offset:1px;}
.entity-options {overflow:auto;min-height:0;max-height:330px;padding:2px 6px;overscroll-behavior:contain;}
.entity-options>[role=option] {display:flex;gap:11px;align-items:center;min-height:54px;padding:9px 10px;border-radius:8px;cursor:pointer;border:1px solid transparent;}
.entity-options>[role=option].highlighted {background:var(--accent-surface);border-color:var(--control-border);}
.entity-options>[aria-disabled=true] {opacity:.55;cursor:not-allowed;}
.entity-icon {width:32px;height:32px;border-radius:9px;background:var(--accent-surface);color:var(--accent-text);font:700 12px/1 var(--font-ui,system-ui);}
.entity-copy {display:block;min-width:0;flex:1;}.entity-copy>strong {display:block;font-size:14px;line-height:1.4;overflow-wrap:anywhere;font-weight:600;}.entity-copy>small {display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:2px;overflow-wrap:anywhere;}
.entity-check {margin-left:auto;color:var(--accent-text);font-size:17px;}.entity-picker-hint {font-size:11px;color:var(--muted);padding:9px 15px;margin:0;border-top:1px solid var(--line);flex-shrink:0;}.entity-empty {padding:22px 12px;color:var(--muted);}.entity-footer {padding:12px!important;margin:0 6px 6px!important;text-align:left;flex-shrink:0;}
.entity-trigger:hover,.entity-trigger[aria-expanded=true] {border-color:var(--accent-text);}
.inline-property-host {display:block;min-width:0;}.inline-property-form {display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin:0;}
.inline-property-form>input,.inline-property-form>textarea {min-width:0;flex:1;width:100%;font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--accent-text);border-radius:8px;padding:9px 10px;resize:vertical;}
.inline-property-actions {display:flex;gap:4px;}.property-error {display:block;color:var(--danger-text,var(--danger));font-size:13px;line-height:1.45;width:100%;margin:0;}.property-error:empty {display:none;}
.private-draft-note {display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;padding:9px 12px;border-left:3px solid var(--accent-text);background:var(--accent-surface);color:var(--ink);margin:12px 0 22px;}
.draft-indicator {width:7px;height:7px;background:var(--accent-text);border-radius:50%;flex-shrink:0;}
.editable-heading {outline:0;border-radius:3px;box-shadow:0 1px 0 var(--accent-text);overflow-wrap:anywhere;}.editable-heading:focus {outline:2px solid var(--accent-text);outline-offset:5px;}
.author-surface {position:relative;outline:1px solid color-mix(in srgb,var(--accent-text) 30%,transparent);outline-offset:10px;border-radius:2px;}
.origo-rich-document {font:400 var(--text-reading,16px)/1.75 var(--font-ui,system-ui);color:var(--ink);overflow-wrap:break-word;}
.origo-rich-document p {margin:0 0 1em;color:inherit;}.origo-rich-document h1,.origo-rich-document h2,.origo-rich-document h3 {color:var(--ink);line-height:1.3;margin:1.55em 0 .6em;letter-spacing:-.025em;}
.origo-rich-document h1 {font-size:1.9em;}.origo-rich-document h2 {font-size:1.45em;}.origo-rich-document h3 {font-size:1.15em;}
.origo-rich-document>:first-child {margin-top:0;}.origo-rich-document ul,.origo-rich-document ol {padding-left:1.45em;margin:0 0 1em;}.origo-rich-document li>p {margin:0 0 .35em;}
.origo-rich-document a {color:var(--accent-text);text-decoration:underline;text-underline-offset:3px;}.origo-rich-document code {font-family:var(--font-code,monospace);font-size:.9em;background:var(--panel-2);border-radius:4px;padding:.12em .3em;color:var(--ink);}
.origo-rich-document pre {white-space:pre-wrap;overflow-x:auto;background:var(--panel-dark);border:1px solid var(--line);padding:16px;border-radius:9px;line-height:1.65;margin:1em 0;}.origo-rich-document pre code {padding:0;background:none;}
.origo-rich-document blockquote {margin:1em 0;border-left:3px solid var(--accent-text);padding:3px 0 3px 18px;color:var(--muted);}.origo-rich-document blockquote p:last-child {margin-bottom:0;}
.origo-rich-document hr {border:0;border-top:1px solid var(--line);margin:1.8em 0;}.origo-rich-document img {display:block;max-width:100%;height:auto;}
.origo-rich-document .rich-callout {padding:15px 18px;border-left:3px solid var(--accent-text);background:var(--accent-surface);margin:1em 0;border-radius:0 8px 8px 0;}.rich-callout>:last-child {margin-bottom:0;}
.origo-rich-document ul[data-task-list] {list-style:none;padding-left:0;}.origo-rich-document li[data-task-item] {position:relative;display:flex;gap:10px;align-items:flex-start;padding:2px 0;}.origo-rich-document li[data-task-item]>div {flex:1;min-width:0;}.task-marker {cursor:pointer;color:var(--accent-text);font-size:18px;line-height:1.55;user-select:none;}
.workspace-reference {border:0;border-bottom:1px solid color-mix(in srgb,var(--accent-text) 45%,transparent);background:var(--accent-surface);color:var(--accent-text);border-radius:4px;padding:1px 5px;cursor:pointer;font:inherit;font-size:.94em;}
.frozen-reference {padding:12px;border:1px dashed var(--line);border-radius:10px;background:var(--panel-dark);margin:1em 0;}.frozen-reference::after {content:'Embedded reference · read only';display:block;font:11px/1.5 var(--font-ui);color:var(--muted);margin-top:12px;}
.ProseMirror {position:relative;word-wrap:break-word;white-space:pre-wrap;font-variant-ligatures:none;outline:none;min-height:120px;}.ProseMirror [contenteditable=false] {white-space:normal;}.ProseMirror-selectednode {outline:2px solid var(--accent-text);outline-offset:4px;}.ProseMirror-gapcursor {display:none;pointer-events:none;position:absolute;margin:0;}.ProseMirror-gapcursor:after {content:'';display:block;position:absolute;top:-2px;width:20px;border-top:2px solid var(--accent-text);animation:origo-caret 1.1s steps(2,start) infinite;}.ProseMirror-focused .ProseMirror-gapcursor {display:block;}@keyframes origo-caret {to{visibility:hidden;}}
.author-tools {position:fixed;z-index:240;bottom:12px;width:max-content;min-width:280px;background:color-mix(in srgb,var(--panel) 98%,transparent);color:var(--ink);border:1px solid var(--control-border);border-radius:14px;box-shadow:0 12px 42px rgb(var(--shadow-rgb)/.24),inset 0 1px 0 rgb(var(--overlay-rgb)/.16);backdrop-filter:blur(14px);overflow:hidden;}
html[data-mode="light"] .author-tools {box-shadow:0 12px 42px rgb(var(--shadow-rgb)/.14),inset 0 1px 0 rgb(var(--overlay-rgb)/.16);}
.author-tools-header {display:flex;gap:12px;align-items:center;justify-content:space-between;padding:9px 12px 6px;}.author-tools-header>div {display:flex;gap:12px;align-items:center;min-width:0;}.author-tools-header strong {font-size:12px;color:var(--ink);font-weight:650;}.author-tools-header [data-author-status] {font-size:11px;color:var(--muted);}.author-tools-header .author-close {min-width:32px;min-height:30px;}
.author-toolbar {display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:5px 9px 10px;}

.author-tool-divider {height:20px;border-left:1px solid var(--line);margin:0 5px;}.author-tool-spacer {flex:1;min-width:8px;}.author-toolbar>.soft-btn,.author-toolbar>.primary-btn {font-size:12px;min-height:36px;padding:7px 12px;}
.author-feedback {font-size:12px;line-height:1.5;padding:0 13px;max-width:800px;overflow-wrap:anywhere;}.author-feedback:not(:empty) {padding-bottom:12px;}.author-feedback>span {display:block;margin-bottom:8px;}.author-feedback .error {color:var(--danger);}
.author-link-form {display:flex;gap:8px;align-items:end;flex-wrap:wrap;}.author-link-form label {display:grid;gap:3px;flex:1;min-width:180px;}.author-link-form input {font:inherit;background:var(--page);color:var(--ink);border:1px solid var(--control-border);padding:8px;border-radius:6px;}
.inline-mail-compose {max-width:860px;margin:0 auto;padding-bottom:180px;}.inline-mail-compose>header {display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:25px;}.inline-mail-compose h2 {margin:8px 0 0;font-size:24px;line-height:1.25;}.mail-compose-fields {display:grid;gap:0;border-block:1px solid var(--line);margin-bottom:25px;}.mail-compose-fields>label {display:flex;gap:16px;align-items:center;min-height:54px;}.mail-compose-fields>label+label {border-top:1px solid var(--line);}.mail-compose-fields>label>span {font-size:13px;color:var(--muted);width:54px;flex-shrink:0;}.mail-compose-fields input {width:100%;min-width:0;padding:10px 0;background:none;border:0;color:var(--ink);font:inherit;outline-offset:4px;}.mail-author-body {min-height:240px;}.reply-original {padding:18px;border-left:2px solid var(--line);margin-bottom:25px;color:var(--muted);font-size:14px;}.reply-original summary {cursor:pointer;font-weight:600;}.reply-original .origo-rich-document {font-size:14px;margin-top:14px;}
.engine-note {display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--panel-dark);padding:14px 16px;border:1px solid var(--line);border-radius:10px;font-size:13px;line-height:1.5;}.engine-note>div {flex:1;min-width:200px;}.engine-note strong {display:block;color:var(--ink);}.engine-note p {margin:4px 0 0;color:var(--muted);}.engine-note button {white-space:normal;}
@media(max-width:600px){
.entity-trigger {font-size:14px;min-height:44px;}.branch-picker-shell {min-width:0;width:100%;max-width:none;}.entity-picker-hint {display:none;}.entity-popover>input {font-size:16px;}.entity-options>[role=option] {min-height:56px;}
.author-tools {border-radius:12px;}.author-tools-header {align-items:start;}.author-tools-header>div {display:grid;gap:2px;}.author-tools-header [data-author-status] {font-size:11px;}.author-toolbar {gap:3px;padding:4px 8px 8px;}.author-tool {min-width:36px;min-height:40px;}.author-tool[data-author-add]>span,.author-tool[data-author-block]>span {display:none;}.author-tool-spacer {display:none;}.author-toolbar>.author-keep {margin-left:auto;}.author-toolbar>.primary-btn,.author-toolbar>.soft-btn {min-height:40px;}.author-tool-divider {margin:0 1px;}.author-feedback {max-height:132px;overflow:auto;}
.origo-rich-document {font-size:16px;}.author-surface {outline-offset:6px;}.inline-mail-compose>header {flex-wrap:wrap;}.inline-mail-compose h2 {font-size:21px;}.mail-compose-fields input {font-size:16px;}.mail-compose-fields>label {gap:10px;}.inline-mail-compose {padding-bottom:240px;}.inline-property-form>input {font-size:16px;}
}
@media(prefers-reduced-motion:reduce){.ProseMirror-gapcursor:after{animation:none;}}
.author-tools-status {display:flex;align-items:center;gap:9px;padding:9px 12px 6px;}.author-tools-status strong {font-size:12px;line-height:1.4;}.author-tools-status [data-author-status] {font-size:11px;color:var(--muted);line-height:1.5;flex:1;}.author-status-dot {width:6px;height:6px;background:var(--accent-text);border-radius:50%;flex-shrink:0;}.author-tools-status .author-close {min-height:30px;min-width:30px;}
@media(max-width:600px){.author-tools-status {flex-wrap:wrap;gap:5px 8px;}.author-tools-status [data-author-status] {flex-basis:75%;order:3;margin-left:14px;}.author-tools-status .author-close {margin-left:auto;}.author-tools-status>strong {max-width:calc(100% - 65px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}}

#ambientScene .entity-popover.ambient,#ambientScene .author-tools.ambient {--amb-elevation:1.15;--amb-thickness:.65;--amb-fillet:.55;--amb-fillet-width:1;--amb-chamfer:0;box-shadow:var(--amb-box-shadow);}


/* A board is a saved view, not a workflow. Mobile: one working pane. */
#view-workflow {padding:0!important;overflow:hidden!important;}
.workflow-v5 {--issue-pane-width:520px;height:calc(100dvh - var(--topbar-height));min-height:0;display:flex;flex-direction:column;background:var(--page);overflow:hidden;}
.workflow-v5 .wf-header {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:16px 18px 10px;border-bottom:0;flex-shrink:0;}
.wf-header>div {display:flex;align-items:center;gap:9px;min-width:0;}.wf-header .entity-trigger {font-size:17px;font-weight:650;border-color:transparent;background:none;padding-left:0;}
.wf-header .entity-trigger .picker-value {max-width:360px;}
.workflow-v5 .wf-controls {display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 18px 14px;border-bottom:1px solid var(--line);flex-shrink:0;}
.wf-controls .search-field {width:100%;max-width:360px;flex:1;min-width:160px;min-height:42px;}.wf-controls .search-field input {font-size:14px;}
.wf-controls .board-mode {margin-left:auto;display:flex;gap:4px;}.wf-controls #boardFilterStatus {font-size:12px;line-height:1.5;color:var(--muted);}
.wf-controls #boardScopePicker {white-space:nowrap;font-size:13px;}
.wf-workarea {display:flex;min-height:0;min-width:0;flex:1;overflow:hidden;position:relative;}
.wf-board-pane {flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;}
.workflow-v5 .workflow-board {display:flex;gap:14px;padding:18px;align-items:stretch;overflow:auto;min-height:0;flex:1;scrollbar-gutter:stable;scroll-padding:18px;overscroll-behavior-x:contain;width:100%;height:auto;}
.workflow-v5 .board-column {display:flex;flex-direction:column;flex:0 0 min(300px,calc(100vw - 60px));width:min(300px,calc(100vw - 60px));min-width:0;min-height:0;max-height:none;border:1px solid var(--line);border-radius:12px;background:var(--panel-dark);padding:0;box-shadow:none;}
.workflow-v5 .board-column-header {display:flex;align-items:center;gap:7px;padding:13px 12px 10px;min-height:52px;flex-shrink:0;background:transparent;}.board-column-header h3 {font-size:14px;line-height:1.4;flex:1;min-width:0;margin:0;overflow-wrap:anywhere;}.board-column-header .column-count {font-size:12px;min-width:23px;padding:3px 6px;border-radius:6px;background:var(--panel);color:var(--muted);line-height:1.25;}
.workflow-v5 .board-column-header>.mini-icon-btn {width:30px;height:30px;min-width:30px;min-height:30px;}
.workflow-v5 .issue-stack {display:flex;flex-direction:column;gap:10px;padding:2px 9px 10px;overflow-y:auto;min-height:100px;flex:1;}
.workflow-v5 .issue-card {flex-shrink:0;border:1px solid var(--control-border);border-radius:9px;padding:12px;background:var(--panel);min-width:0;cursor:default;transition:border-color .12s,transform .12s;}
.workflow-v5 .issue-card.selected {border-color:var(--accent-text);box-shadow:0 0 0 1px var(--accent-text)!important;}.workflow-v5 .issue-card:hover {border-color:var(--accent-text);}
.workflow-v5 .issue-key-row {font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;color:var(--muted);}.workflow-v5 .issue-key {font-weight:600;letter-spacing:.02em;}
.workflow-v5 .issue-open {display:block;width:100%;border:0;background:none;color:var(--ink);text-align:left;font:600 14px/1.5 var(--font-ui);padding:3px 0 9px;cursor:pointer;overflow-wrap:anywhere;min-width:0;}
.workflow-v5 .issue-tags {gap:5px;display:flex;flex-wrap:wrap;margin-bottom:10px;}.workflow-v5 .issue-tag {font-size:11px;padding:3px 6px;line-height:1.35;border-radius:4px;background:var(--accent-surface);color:var(--accent-text);}
.workflow-v5 .issue-bottom {display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:12px;}.workflow-v5 .issue-bottom .priority {font-size:11px;}.workflow-v5 .issue-meta {display:flex;align-items:center;gap:8px;}.workflow-v5 .assignee {font-style:normal;width:28px;height:28px;display:grid;place-items:center;font-size:10px;border-radius:8px;background:var(--accent-surface);color:var(--accent-text);font-weight:650;}
.workflow-v5 .issue-move {display:grid;place-items:center;min-width:28px;width:28px;min-height:28px;padding:0;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:6px;font-size:17px;cursor:pointer;}
.workflow-v5 .add-issue {margin:0 9px 9px;min-height:38px;flex-shrink:0;text-align:left;padding:8px;font-size:13px;color:var(--muted);border:1px dashed var(--control-border);border-radius:7px;background:none;cursor:pointer;}.workflow-v5 .add-issue:hover {color:var(--accent-text);border-color:var(--accent-text);}
.workflow-v5 .column-empty {padding:20px 10px;color:var(--muted);font-size:13px;line-height:1.6;}.workflow-v5 .wip-note {margin:0 12px 8px;font-size:11px;color:var(--amber-text,var(--amber));}.workflow-v5 .board-column.wip-exceeded {border-color:var(--amber-text,var(--amber));}.workflow-v5 .board-column.drag-over {outline:2px dashed var(--accent-text);outline-offset:-3px;background:var(--accent-surface);}
.workflow-v5 .issue-card.dragging {transform:rotate(-1deg) translateY(-2px);opacity:.85;box-shadow:0 12px 24px rgb(var(--shadow-rgb)/.24)!important;}.workflow-v5 .board-column.unmapped-column {border-style:dashed;}
.workflow-v5 .wf-footer {display:flex;gap:12px;align-items:center;justify-content:space-between;padding:8px 18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);flex-shrink:0;min-height:36px;}.workflow-v5 .wf-footer button {font-size:12px;}
.wf-list {overflow:auto;flex:1;padding:16px;}.workflow-table {border-collapse:collapse;width:100%;font-size:14px;text-align:left;min-width:600px;}.workflow-table th {font-size:12px;color:var(--muted);font-weight:600;background:var(--panel-dark);padding:12px;white-space:nowrap;}.workflow-table td {padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:middle;}.workflow-table td:first-child {white-space:nowrap;}.workflow-table .issue-open {font-size:14px;}
.issue-detail {display:none;min-width:0;min-height:0;background:var(--panel);overflow:auto;overscroll-behavior:contain;border-left:1px solid var(--line);flex:1;}
.workflow-v5.issue-open .issue-detail {display:block;}.workflow-v5.issue-open .wf-board-pane {display:none;}.workflow-v5.issue-open .wf-controls {display:none;}.workflow-v5.issue-open .wf-header {padding:9px 14px;border-bottom:1px solid var(--line);}.workflow-v5.issue-open .wf-header .wf-header-actions {display:none;}
.wf-splitter {display:none;}.issue-detail-header {position:sticky;top:0;display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:1px solid var(--line);background:var(--panel);z-index:3;}.issue-detail-header>strong {font:650 12px/1.5 var(--font-code,monospace);color:var(--muted);flex:1;}.issue-detail-header .soft-btn {font-size:12px;min-height:36px;padding:7px 10px;}
.issue-detail-scroll {padding:22px 20px 150px;max-width:980px;margin:0 auto;}.issue-detail-scroll .issue-title-edit {display:block;font:650 clamp(21px,2vw,28px)/1.35 var(--font-ui);letter-spacing:-.025em;background:none;border:1px solid transparent;color:var(--ink);padding:3px 0;text-align:left;width:100%;overflow-wrap:anywhere;cursor:text;border-radius:4px;margin:0 0 20px;}.issue-title-edit:hover {border-color:var(--line);}
.issue-property-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;padding:16px 0 22px;border-bottom:1px solid var(--line);margin-bottom:25px;}.issue-property-grid>div {min-width:0;}.issue-property-grid label {display:block;color:var(--muted);font-size:12px;margin-bottom:5px;}.issue-property-grid .entity-trigger {min-height:38px;max-width:100%;width:100%;padding:7px 10px;font-size:13px;justify-content:space-between;overflow-wrap:anywhere;}
.section-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px;}.section-heading h3 {font-size:15px;margin:0;}.section-heading button {font-size:12px;min-height:34px;}.issue-description {font-size:15px;min-height:64px;}.issue-description>:last-child {margin-bottom:0;}
.issue-detail-scroll .issue-activity {border-top:1px solid var(--line);margin-top:26px;padding-top:8px;}.issue-activity-row {display:flex;align-items:flex-start;gap:12px;padding:18px 0;border-bottom:1px solid var(--line);}.issue-activity-row>div {flex:1;min-width:0;}.issue-activity-row strong {font-size:13px;}.issue-activity-row time {font-size:11px;color:var(--muted);margin-left:8px;}.issue-activity-row .origo-rich-document {font-size:14px;margin-top:7px;}.issue-activity-row .origo-rich-document p {margin-bottom:.5em;}
.issue-comment-composer {border:1px solid var(--control-border);padding:15px;border-radius:9px;margin-top:15px;background:var(--page);}.issue-comment-placeholder {padding:13px 15px;width:100%;border:1px solid var(--control-border);border-radius:9px;background:var(--page);color:var(--muted);text-align:left;font:14px/1.5 var(--font-ui);cursor:text;margin-top:15px;}
.wf-arrange {padding:16px 18px;border-block:1px solid var(--line);background:var(--panel);overflow:auto;max-height:56vh;flex-shrink:0;}.arrange-heading {display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:16px;}.arrange-heading>div:last-child {display:flex;gap:8px;align-items:start;}.arrange-heading h3 {margin:0;font-size:16px;}.arrange-heading p {margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5;}.board-meta-fields {display:flex;flex-wrap:wrap;gap:15px;align-items:end;margin-bottom:16px;}.board-meta-fields>label {display:grid;gap:5px;font-size:12px;flex:1;min-width:200px;}.board-meta-fields input,.column-config-row input {min-width:0;min-height:38px;border:1px solid var(--control-border);background:var(--page);color:var(--ink);border-radius:7px;padding:8px 10px;font:14px/1.3 var(--font-ui);width:100%;}.board-order-actions {display:flex;gap:6px;flex-wrap:wrap;}.board-order-actions button {font-size:12px;min-height:36px;padding:7px 10px;}
.column-config-list {display:grid;gap:8px;}.column-config-row {display:grid;grid-template-columns:24px minmax(110px,1fr) minmax(110px,1fr) 90px auto;gap:10px;align-items:center;}.column-config-row>label {min-width:0;}.config-order {font:12px/1.5 var(--font-code);color:var(--muted);text-align:center;}.column-config-row>.soft-btn {min-height:38px;font-size:13px;overflow-wrap:anywhere;}.wip-config {display:flex;gap:5px;align-items:center;font-size:11px;color:var(--muted);}.wip-config input {width:56px;padding:6px;}.config-move-actions {display:flex;gap:4px;}.config-move-actions .mini-icon-btn {min-width:32px;min-height:34px;}.arrange-footer {display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:14px;}.arrange-footer .local-note {font-size:11px;}.column-drag-handle {cursor:grab;font-size:15px;}
@media(min-width:1200px){
.workflow-v5.issue-open:not(.detail-full) .wf-board-pane {display:flex;}.workflow-v5.issue-open:not(.detail-full) .issue-detail {flex:0 0 var(--issue-pane-width);width:var(--issue-pane-width);}.workflow-v5.issue-open:not(.detail-full) .wf-splitter {display:block;width:7px;flex:0 0 7px;background:var(--page);border:0;border-inline:1px solid var(--line);cursor:col-resize;outline-offset:-2px;}.wf-splitter:hover,.wf-splitter:focus {background:var(--accent-surface)!important;}.workflow-v5.issue-open .wf-controls {display:flex;}.workflow-v5.issue-open .wf-header {padding:16px 18px 10px;border-bottom:0;}.workflow-v5.issue-open .wf-header .wf-header-actions {display:flex;}
}
@media(min-width:1800px){.workflow-v5 .board-column {flex-basis:320px;width:320px;}.workflow-v5 .workflow-board {gap:18px;padding:24px;}.issue-detail-scroll {padding:30px 28px 160px;}}
@media(max-width:700px){
.workflow-v5 .wf-header {padding:12px 12px 7px;gap:8px;}.wf-header .entity-trigger {font-size:16px;max-width:calc(100vw - 55px);}.wf-header>div {flex-wrap:wrap;}.workflow-v5 .wf-controls {padding:5px 12px 11px;gap:7px;}.wf-controls .search-field {order:0;min-width:0;max-width:none;flex-basis:calc(100% - 85px);}.wf-controls #boardFilterStatus {order:4;width:100%;}.wf-controls #boardScopePicker {order:2;}.wf-controls .board-mode {order:3;}.workflow-v5 .workflow-board {padding:12px;gap:12px;}.workflow-v5 .wf-footer {padding-inline:12px;font-size:11px;}.workflow-v5 .issue-open {font-size:14px;min-height:44px;}.workflow-v5 .issue-move {min-width:34px;min-height:34px;}.issue-detail-scroll {padding:20px 16px 220px;}.issue-detail-header {padding:9px 12px;}.issue-detail-header [data-issue-expand] {display:none;}.wf-arrange {padding:13px 12px;max-height:65vh;}.column-config-row {grid-template-columns:20px minmax(0,1fr) auto;gap:7px;border-bottom:1px solid var(--line);padding-bottom:10px;}.column-config-row>label:not(.wip-config) {grid-column:2;}.column-config-row>[data-config-status] {grid-column:2;grid-row:2;font-size:12px;}.column-config-row>.wip-config {grid-column:3;grid-row:2;}.config-move-actions {grid-column:3;grid-row:1;}.board-order-actions {gap:5px;}.workflow-v5 .issue-property-grid {gap:12px 8px;}.workflow-v5 .issue-property-grid .entity-trigger {font-size:12px;min-height:42px;}.workflow-v5 input {font-size:16px;}.workflow-v5 .arrange-heading button {min-height:40px;}
}

.wf-board-title {display:flex;flex-direction:column;align-items:start!important;gap:2px!important;}.wf-eyebrow {font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:650;}.wf-header-actions {display:flex;gap:8px;}.wf-view-modes {margin-left:auto;}
.wf-mobile-column-row {display:flex;align-items:center;gap:10px;padding:8px 12px 0;}.wf-mobile-column-row .local-note {font-size:10px;line-height:1.4;}.wf-mobile-column-row button {font-size:12px;min-height:34px;}.workflow-v5.issue-open .wf-mobile-column-row {display:none;}
.board-column-header .column-title {display:flex;align-items:center;gap:8px;flex:1;min-width:0;font-size:14px;line-height:1.4;font-weight:650;overflow-wrap:anywhere;}.column-dot {width:7px;height:7px;border-radius:50%;background:var(--muted);flex-shrink:0;}.column-dot[data-category=active] {background:var(--accent-text);}.column-dot[data-category=done] {background:var(--success);}.column-arrange-preview {display:grid;gap:12px;padding:18px;text-align:center;align-content:center;min-height:150px;color:var(--muted);font-size:12px;}.column-arrange-preview>strong {font-size:28px;color:var(--ink);}.column-arrange-preview>div {display:flex;justify-content:center;gap:10px;}.unmapped-column>header {display:flex;justify-content:space-between;gap:10px;padding:14px;font-size:14px;}.unmapped-column>.local-note {padding:0 12px;line-height:1.6;font-size:12px;}
.entity-avatar {display:inline-grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:10px;background:var(--accent-surface);color:var(--accent-text);font:700 11px/1 var(--font-ui);}.entity-avatar.small {width:26px;height:26px;border-radius:7px;font-size:10px;}
.issue-property-grid>div>span {font-size:12px;color:var(--muted);display:block;margin-bottom:6px;}.issue-property-grid .property-value {display:flex;align-items:center;gap:8px;min-height:42px;width:100%;text-align:left;padding:8px 10px;color:var(--ink);background:var(--panel-dark);border:1px solid var(--control-border);border-radius:8px;font:500 13px/1.4 var(--font-ui);cursor:pointer;}.issue-property-grid .property-value:hover {border-color:var(--accent-text);}.issue-draft-flag {font-size:11px;color:var(--amber-text,var(--amber));}.issue-description-section>.origo-rich-document {font-size:15px;}.issue-activity .section-heading>span {font-size:12px;color:var(--muted);}.issue-activity-row small {display:block;font-size:11px;color:var(--muted);margin:3px 0 10px;}.issue-activity-row strong {font-size:13px;}.comment-author-placeholder {margin:16px 0 10px;min-height:55px;padding:12px;border:1px solid var(--control-border);border-radius:8px;font-size:14px!important;background:var(--page);}.comment-author-placeholder>p {margin:0;color:var(--muted);}.empty-author-prompt {color:var(--muted);}.issue-detail .section-heading h3 {font-size:15px;}.issue-detail .section-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;}.issue-detail .section-heading>.text-action {font-size:12px;}
@media(min-width:800px){.wf-mobile-column-row {display:none;}}
@media(max-width:700px){.workflow-v5 .wf-header {align-items:start;}.wf-header-actions {margin-left:auto;}.wf-header-actions .soft-btn,.wf-header-actions .primary-btn {font-size:12px;min-height:40px;padding:7px 10px;}.wf-controls .wf-view-modes {order:3;}.wf-controls #boardFilterStatus {order:4;}.issue-property-grid .property-value {font-size:12px;padding:7px;}.issue-detail .issue-expand {display:none;}}
/* Override the v4 board grid deliberately; cards keep intrinsic width at every size. */
#view-workflow .workflow-v5 #workflowBoard {display:flex!important;grid-template-columns:none!important;gap:14px!important;padding:18px!important;width:100%;min-width:0;}
#view-workflow .workflow-v5 .board-column {width:290px;flex:0 0 290px;}
#view-workflow .workflow-v5 .board-column-header {text-transform:none;letter-spacing:normal;min-height:53px;margin:0;padding:12px;}
#view-workflow .workflow-v5 .column-title {font-size:14px;text-transform:none;letter-spacing:normal;}
#view-workflow .workflow-v5 .wf-footer {flex-wrap:wrap;gap:5px 12px;}
#view-workflow .workflow-v5.can-dock.issue-open:not(.detail-full) .wf-board-pane {display:flex;}
#view-workflow .workflow-v5.can-dock.issue-open:not(.detail-full) .issue-detail {flex:0 0 var(--issue-pane-width);width:var(--issue-pane-width);}
#view-workflow .workflow-v5.can-dock.issue-open:not(.detail-full) .wf-splitter {display:block;flex:0 0 7px;width:7px;border:0;border-inline:1px solid var(--line);background:var(--page);cursor:col-resize;}
#view-workflow .workflow-v5:not(.can-dock).issue-open .wf-board-pane {display:none;}
#view-workflow .workflow-v5:not(.can-dock).issue-open .issue-detail {flex:1;width:100%;}
#view-workflow .workflow-v5:not(.can-dock) .wf-splitter {display:none;}
#view-workflow .workflow-v5.detail-full .issue-detail {border-left:0;}
@media(max-width:600px){#view-workflow .workflow-v5 #workflowBoard {padding:12px!important;gap:12px!important;}#view-workflow .workflow-v5 .board-column {width:calc(100vw - 50px);flex-basis:calc(100vw - 50px);}#view-workflow .workflow-v5 .issue-stack {min-height:0;}.wf-footer>span:nth-child(2) {display:none;}}
html[data-mode="light"] .workflow-v5 .issue-card.dragging {box-shadow:0 12px 24px rgb(var(--shadow-rgb)/.14)!important;}


.forge-inline-form {max-width:900px;margin:0 auto;padding:5px 0 200px;}.forge-inline-form>header {display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:25px;}.forge-inline-form>header h2 {margin:8px 0 0;font-size:26px;line-height:1.3;}.forge-inline-form>form {max-width:560px;display:grid;gap:15px;}.forge-inline-form .form-field input {font:inherit;min-width:0;min-height:44px;}.forge-markdown-reading {padding:28px;max-width:960px;margin:0 auto;}.forge-readme header {display:flex;align-items:center;flex-wrap:wrap;gap:12px;}.forge-readme header .soft-btn {font-size:12px;min-height:35px;padding:7px 10px;}.forge-readme .origo-rich-document {padding-block:24px;}
.forge-commit-strip {padding:20px;border-top:1px solid var(--line);margin-top:28px;background:var(--panel-dark);}.forge-commit-strip>label {display:grid;gap:7px;font-size:13px;font-weight:600;}.forge-commit-strip input {font:14px/1.5 var(--font-ui);width:100%;min-width:0;border:1px solid var(--control-border);border-radius:8px;padding:10px;background:var(--panel);color:var(--ink);}.forge-commit-strip .local-note {font-size:12px;line-height:1.6;margin:10px 0 0;}.forge-commit-strip h3 {font-size:15px;line-height:1.5;}.forge-commit-strip .forge-diff-lines {margin-top:12px;max-height:400px;overflow:auto;}
.forge-inline-source {padding-bottom:170px;}.forge-inline-source textarea {display:block;width:100%;min-height:370px;max-height:65vh;resize:vertical;border:0;outline-offset:-3px;padding:20px;background:var(--panel);color:var(--ink);font:14px/1.7 var(--font-code,monospace);tab-size:2;}.forge-inline-source .forge-commit-strip {margin-top:0;}.source-commit-actions {display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 20px;}.source-commit-actions .local-note {margin-left:auto;font-size:12px;}.forge-inline-source .property-error {padding:0 20px;}.forge-pr-author-meta {display:grid;gap:18px;margin-bottom:25px;}.forge-pr-author-meta input {min-height:44px;font:16px/1.4 var(--font-ui);}.forge-pr-branch-row {display:flex;align-items:center;flex-wrap:wrap;gap:14px;min-width:0;}.forge-new-pr-body {min-height:250px;border-block:1px solid var(--line);padding:24px 0;}.forge-comment-form .origo-rich-document {font-size:15px;min-height:90px;padding:16px;border:1px solid var(--line);border-radius:9px;margin-bottom:12px;}.forge-conversation .forge-review-message>.text-action {margin:0 0 12px 0;font-size:12px;}.forge-conversation .origo-rich-document {font-size:15px;}
@media(max-width:600px){.forge-markdown-reading {padding:20px 16px;}.forge-inline-source textarea {font-size:14px;padding:16px;min-height:290px;}.forge-commit-strip {padding:16px;}.forge-commit-strip input,.forge-inline-form input {font-size:16px!important;}.source-commit-actions {padding:14px;gap:8px;}.source-commit-actions button {font-size:12px;}.source-commit-actions .local-note {margin-left:0;width:100%;}.forge-inline-form>header h2 {font-size:22px;}.forge-pr-branch-row .entity-trigger {max-width:100%;}.forge-inline-form {padding-bottom:240px;}}


.primitive-section-head {display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px;}.primitive-section-head h2 {font-size:24px;letter-spacing:-.025em;margin:8px 0 0;line-height:1.3;}.primitive-section-head>.local-note {font-size:12px;}
#gallery-authoring .primitive-grid {grid-template-columns:1fr;gap:18px;}#gallery-authoring .primitive-card {padding:22px;min-width:0;}#gallery-authoring .primitive-card-head {align-items:start;gap:12px;flex-wrap:wrap;}#gallery-authoring .primitive-card-head h3 {font-size:16px;margin:0;line-height:1.4;}#gallery-authoring .primitive-card-head code {font-size:11px;white-space:normal;overflow-wrap:anywhere;}
.primitive-intro {font-size:14px;line-height:1.65;color:var(--muted);margin:12px 0 20px;}.primitive-footer {font-size:12px;line-height:1.6;color:var(--muted);margin:18px 0 0;}.specimen-label {display:block;font-size:12px;color:var(--muted);margin-bottom:8px;}.specimen-result {font-size:12px;line-height:1.6;color:var(--muted);margin-top:14px;padding-top:12px;border-top:1px solid var(--line);}.gallery-property-value {display:block;text-align:left;width:100%;background:none;border:1px solid transparent;border-radius:6px;padding:10px 0;color:var(--ink);font:600 18px/1.4 var(--font-ui);cursor:text;overflow-wrap:anywhere;}.gallery-property-value:hover {border-bottom-color:var(--accent-text);}.gallery-property-value>span {color:var(--muted);font-size:14px;margin-left:6px;}
.gallery-author-heading {display:flex;align-items:start;gap:20px;justify-content:space-between;}.gallery-author-heading .primitive-intro {max-width:560px;}.gallery-author-heading button {margin-top:12px;flex-shrink:0;}.gallery-author-prose {max-width:740px;padding:22px 0 10px;border-block:1px solid var(--line);margin:5px 0 0;}.gallery-author-prose h2 {font-size:23px;}.gallery-master-detail {border:1px solid var(--line);border-radius:9px;overflow:hidden;display:grid;grid-template-columns:1fr;}.gallery-master-list {display:grid;background:var(--panel-dark);padding:7px;}.gallery-detail-preview {padding:16px;min-width:0;}.gallery-detail-preview>strong {font-size:15px;}.gallery-detail-preview>p {font-size:14px;line-height:1.6;margin:8px 0 15px;}.gallery-detail-preview>.text-action {display:block;margin-top:14px;font-size:12px;}
.sortable-row {display:flex;align-items:center;gap:11px;min-width:0;padding:12px 0;border-bottom:1px solid var(--line);}.sortable-row:last-child {border-bottom:0;}.sort-grip {color:var(--muted);cursor:grab;font-size:22px;}.sortable-actions {display:flex;gap:4px;}.sortable-actions button {min-width:30px;min-height:34px;}.sortable-row.dragging {opacity:.65;background:var(--accent-surface);}.gallery-category .category-symbol {display:inline-grid;place-items:center;width:20px;height:20px;flex-shrink:0;font-size:19px;}
.replica-section {padding:0 0 10px;}.lab-status-pill {font-size:12px;border:1px solid var(--line);border-radius:99px;padding:6px 12px;color:var(--muted);}.replica-controls {display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:18px 0;}.replica-controls button {font-size:12px;min-height:38px;}.replica-state-summary {font-size:13px;line-height:1.6;color:var(--muted);margin:12px 0 18px;}.replica-panes {display:grid;grid-template-columns:1fr;gap:16px;}.replica-panes>section {min-width:0;border:1px solid var(--control-border);border-radius:12px;background:var(--panel);overflow:hidden;}.replica-panes>section>header {display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--line);}.replica-panes>section>header>div {flex:1;min-width:0;}.replica-panes strong {font-size:14px;display:block;}.replica-panes small {font-size:11px;color:var(--muted);display:block;margin-top:3px;overflow-wrap:anywhere;}.replica-editor {padding:24px;min-height:270px;font-size:15px;}.replica-editor .ProseMirror {min-height:230px;}.replica-editor h2 {font-size:21px;}.replica-results {font-size:13px;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--panel-dark);margin-top:18px;line-height:1.6;}.replica-results>strong {font-size:14px;color:var(--ink);}.replica-results p {margin:7px 0 0;color:var(--muted);}.replica-check-list {display:grid;gap:8px;margin-top:12px;}.replica-check-list>div {display:flex;align-items:start;gap:10px;color:var(--ink);}.replica-check-list .passed>span {color:var(--success);}.replica-check-list .failed>span {color:var(--danger);}
@media(min-width:1100px){#gallery-authoring .primitive-grid {grid-template-columns:repeat(2,minmax(0,1fr));}#gallery-authoring .primitive-wide {grid-column:1/-1;}.replica-panes {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){#gallery-authoring .primitive-card {padding:17px;}.primitive-section-head h2 {font-size:22px;}.gallery-author-heading {flex-wrap:wrap;gap:0;}.gallery-author-heading button {margin:0 0 16px;}.replica-editor {padding:18px;min-height:220px;}.replica-controls {gap:7px;}.replica-controls button {min-height:42px;}.replica-section .engine-note {padding:13px;}.engine-note button {font-size:12px;}.gallery-property-value {font-size:17px;}}
#origo-authoring {scroll-margin-top:28px;}#origo-authoring>h2 {font-size:30px;line-height:1.2;margin:12px 0 20px;letter-spacing:-.03em;}#origo-authoring>h3 {font-size:19px;line-height:1.4;margin:30px 0 12px;}#origo-authoring>p {font-size:16px;line-height:1.75;color:var(--ink);}.author-contract-grid {display:grid;grid-template-columns:1fr;gap:18px;margin:28px 0;}.author-contract-grid article {padding-left:16px;border-left:2px solid var(--line);}.author-contract-grid h3 {font-size:16px;margin:0 0 9px;line-height:1.4;}.author-contract-grid p {font-size:14px;line-height:1.7;color:var(--muted);margin:0;}.origo-rule-pair {display:grid;grid-template-columns:1fr;gap:15px;padding:20px 0;border-block:1px solid var(--line);margin:25px 0;}.origo-rule-pair strong {font-size:14px;}.origo-rule-pair p {font-size:14px;line-height:1.7;color:var(--muted);margin:7px 0 0;}.author-availability-note {display:flex;gap:10px;justify-content:space-between;font-size:11px;padding:14px 0;border-top:1px solid var(--line);margin-top:18px;color:var(--muted);}.author-availability-note button {font-size:11px;}
@media(min-width:1050px){.author-contract-grid,.origo-rule-pair {grid-template-columns:repeat(2,minmax(0,1fr));}}


/* Sigma M1 / additive shell. All thirteen Origo stylesheet blocks remain unchanged. */
#ambientScene .sigma-brand-home {border:0;color:inherit;background:none;cursor:pointer;text-align:left;font:inherit;}
#ambientScene .sigma-mark {font:600 23px/1 Georgia,serif;color:var(--accent-text);background:var(--accent-surface);border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;width:34px;height:34px;flex:none;}
.sigma-brand-version {font:500 11px/1.4 var(--font-ui);letter-spacing:.01em;color:var(--muted);display:block;margin-top:3px;}
.sigma-sidebar-switch {padding:0 2px 12px;flex:none;}
#ambientScene #sigmaProductSwitcher {width:100%;min-height:44px;display:flex;gap:10px;align-items:center;justify-content:flex-start;max-width:100%;font-size:13px;line-height:1.4;padding:10px 12px;border:1px solid var(--control-border);border-radius:10px;background:var(--panel);}
#sigmaProductSwitcher .sigma-switch-label {flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#sigmaProductSwitcher svg {width:18px;height:18px;flex:none;}

/* M1.4 sidebar workspace model */
#ambientScene .sidebar{display:flex;flex-direction:column;gap:10px;}
#ambientScene .sidebar nav{display:flex;flex-direction:column;min-height:0;flex:1;}
.sigma-sidebar-head{display:grid;gap:10px;flex:none;padding:0 2px 2px;}
#ambientScene .sigma-global-switch{width:100%;min-height:44px;display:flex;gap:10px;align-items:center;justify-content:flex-start;max-width:100%;font-size:13px;line-height:1.4;padding:10px 12px;border:1px solid var(--control-border);border-radius:10px;background:var(--panel);}
.sigma-sidebar-brand{display:grid;gap:2px;justify-items:start;width:100%;padding:12px 12px 10px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-fill) 7%,transparent),transparent 80%),var(--panel);color:var(--ink);text-align:left;cursor:pointer;}
.sigma-sidebar-brand-name{font:650 22px/1.15 var(--font-ui);letter-spacing:-.03em;}
.sigma-sidebar-brand-version{font:500 11px/1.45 var(--font-ui);color:var(--muted);}
.s13-pinned-products{display:grid;gap:2px;}
.sigma-sidebar-account-wrap{margin-top:auto;padding-top:8px;border-top:1px solid var(--line);}
.sigma-sidebar-account{display:flex;align-items:center;gap:12px;width:100%;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);padding:10px;cursor:pointer;text-align:left;}
.sigma-sidebar-account:hover,.sigma-sidebar-brand:hover{border-color:var(--control-border);background:var(--panel-2);}
.sigma-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:var(--accent-surface);color:var(--accent-text);font:650 12px/1 var(--font-ui);flex:none;}
.sigma-account-copy{display:grid;min-width:0;}
.sigma-account-copy strong{font:600 13px/1.35 var(--font-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sigma-account-copy small{font:12px/1.4 var(--font-ui);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#ambientScene .topbar .breadcrumbs{min-width:0;}
#ambientScene .topbar .breadcrumbs strong{display:none;}
#ambientScene .topbar .sigma-product-crumb{display:none;}
#ambientScene .topbar .crumb-sep{display:none!important;}
#ambientScene .topbar{justify-content:space-between;}
#ambientScene .topbar>div:first-child{flex:none;}
#ambientScene .top-actions{margin-left:auto;}
@media(min-width:821px) and (max-width:1180px){
  .sigma-sidebar-brand{padding:10px 8px;justify-items:center;}
  .sigma-sidebar-brand-name{font-size:13px;letter-spacing:0;}
  .sigma-sidebar-brand-version,.sigma-account-copy{display:none;}
  #ambientScene .sidebar .sigma-sidebar-account{padding:8px;justify-content:center;}
  #ambientScene .sidebar .sigma-sidebar-account .sigma-avatar{width:32px;height:32px;}
  #ambientScene .sidebar .sigma-sidebar-brand{border-radius:10px;}
}
@media(max-width:820px){
  .sigma-sidebar-head{padding:0 0 4px;}
  #ambientScene .sidebar .sigma-sidebar-brand{padding:10px 12px;}
  #ambientScene .sidebar .sigma-sidebar-account{padding:10px 12px;}
}

.sigma-context-label {color:var(--muted);font-size:11px;letter-spacing:.07em;margin:16px 10px 10px;line-height:1.6;text-transform:uppercase;}
#ambientScene .sigma-context-parent {font-size:13px;}
#ambientScene .sigma-context-parent .sigma-small-mono {width:18px;font-size:11px;font-weight:700;text-align:center;color:var(--accent-text);}
.sigma-source-label {font-size:11px;color:var(--muted);border-left:1px solid var(--line);margin-left:3px;padding-left:12px;white-space:nowrap;}
.sigma-product-crumb {border:0;background:none;padding:0;font:inherit;color:var(--muted);cursor:pointer;}
.sigma-product-crumb:hover {color:var(--accent-text);text-decoration:underline;text-underline-offset:4px;}
.sigma-page {width:100%;max-width:1600px;padding:32px var(--page-gutter) 60px;margin-inline:auto;min-width:0;}
.sigma-overline {font-size:11px;color:var(--accent-text);font-weight:650;letter-spacing:.13em;text-transform:uppercase;line-height:1.6;margin:0 0 12px;display:flex;align-items:center;gap:9px;}
.sigma-overline::before {content:'';width:18px;border-top:1px solid currentColor;}
.sigma-hero {display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:30px;}
.sigma-hero h1 {font-size:clamp(28px,3.4vw,40px);letter-spacing:-.045em;line-height:1.12;font-weight:680;margin:0;}
.sigma-lead {font-size:15px;line-height:1.7;max-width:76ch;margin:12px 0 0;color:var(--muted);}
.sigma-version {display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:7px 11px;white-space:nowrap;color:var(--muted);font-size:11px;line-height:1.4;}
.sigma-version i {display:block;width:6px;height:6px;background:var(--accent-text);border-radius:50%;}
.sigma-starter {display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:18px;margin-bottom:30px;}
.sigma-start-card {padding:21px 22px;border:1px solid var(--line);border-radius:12px;min-width:0;background:var(--panel);display:flex;flex-direction:column;align-items:flex-start;}
.sigma-start-card:first-child {border-color:color-mix(in srgb,var(--accent-text) 28%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--accent-fill) 5%,transparent),transparent 70%),var(--panel);}
.sigma-start-card h2 {font-size:18px;letter-spacing:-.025em;margin:9px 0 0;line-height:1.4;font-weight:650;}
.sigma-start-card p {font-size:13px;line-height:1.65;margin:8px 0 18px;color:var(--muted);max-width:52ch;}
.sigma-start-card button {margin-top:auto;font-size:13px;min-height:38px;}
.sigma-eyebrow {font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:650;}
.sigma-directory-tools {display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px;margin-bottom:20px;flex-wrap:wrap;}
.sigma-directory-tools h2,.sigma-section-heading h2 {font-size:20px;line-height:1.35;letter-spacing:-.025em;margin:0;}
.sigma-directory-tools p,.sigma-section-heading p {color:var(--muted);font-size:12px;line-height:1.6;margin:5px 0 0;}
.sigma-filter {width:min(340px,100%);display:flex;align-items:center;gap:10px;border:1px solid var(--control-border);background:var(--panel-dark);border-radius:9px;padding:9px 12px;}
.sigma-filter:focus-within {outline:2px solid var(--focus-ring);outline-offset:2px;}
.sigma-filter svg {width:17px;height:17px;flex:none;color:var(--muted);}
.sigma-filter input {border:0;outline:0!important;background:none;min-width:0;width:100%;color:var(--ink);font:14px/1.5 var(--font-ui);}
.sigma-group {margin:24px 0 28px;}
.sigma-group-head {display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;}
.sigma-group-head h3 {font-size:12px;color:var(--muted);font-weight:650;letter-spacing:.045em;margin:0;line-height:1.5;}
.sigma-group-head>span {font-size:11px;color:var(--muted);}
.sigma-products {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.sigma-products[data-layout="environment"] {grid-template-columns:repeat(4,minmax(0,1fr));}
.sigma-products[data-layout="operations"] {grid-template-columns:minmax(0,1fr);}
.sigma-product-card {border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:19px;min-width:0;display:flex;flex-direction:column;gap:14px;}
.sigma-product-card header {display:flex;align-items:center;gap:12px;min-width:0;}
.sigma-monogram {width:37px;height:37px;display:grid;place-items:center;background:var(--accent-surface);border:1px solid color-mix(in srgb,var(--accent-text) 16%,transparent);border-radius:10px;color:var(--accent-text);font:650 15px/1 var(--font-ui);letter-spacing:-.025em;flex:none;}
.sigma-product-card h4 {font-size:17px;font-weight:650;letter-spacing:-.02em;margin:0;line-height:1.3;}
.sigma-product-card header small {display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:3px;}
.sigma-product-card>p {font-size:13px;color:var(--muted);line-height:1.65;margin:0;flex:1;}
.sigma-product-card footer {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px;flex-wrap:wrap;}
.sigma-product-card footer button {font-size:12px;min-height:36px;white-space:nowrap;padding:7px 12px;}
.sigma-availability {font-size:10px;line-height:1.5;letter-spacing:.01em;color:var(--muted);display:inline-flex;align-items:center;gap:6px;}
.sigma-availability::before {content:'';width:5px;height:5px;border:1px solid var(--muted);border-radius:50%;flex:none;}
.sigma-availability.available::before {background:var(--accent-text);border-color:var(--accent-text);}
.sigma-products[data-layout="operations"] .sigma-product-card {display:grid;grid-template-columns:minmax(210px,.85fr) minmax(260px,2fr) auto;align-items:center;gap:22px;}
.sigma-products[data-layout="operations"] .sigma-product-card footer {flex-direction:column;align-items:flex-end;}
.sigma-note {display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-left:2px solid var(--accent-text);background:var(--panel-dark);font-size:13px;line-height:1.7;color:var(--muted);margin:24px 0;}
.sigma-note strong {color:var(--ink);font-weight:600;}
.sigma-note p {margin:0;}
.sigma-recent {border-top:1px solid var(--line);padding-top:24px;margin-top:30px;}
.sigma-section-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap;}
.sigma-section-heading button {font-size:12px;}
.sigma-recent-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.sigma-recent-entry {min-width:0;display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:13px 14px;cursor:pointer;color:var(--ink);}
.sigma-recent-entry:hover {border-color:var(--control-border);background:var(--accent-surface);}
.sigma-recent-entry>div {min-width:0;flex:1;}.sigma-recent-entry strong {display:block;font-size:13px;font-weight:550;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sigma-recent-entry small {display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:4px;}
.sigma-empty {border:1px dashed var(--line);border-radius:10px;padding:22px;color:var(--muted);font-size:13px;line-height:1.7;}
.sigma-empty strong {display:block;color:var(--ink);font-weight:600;font-size:15px;margin-bottom:5px;}
.sigma-document-foot {margin:30px 0 0;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:11px;line-height:1.7;}
.sigma-product-heading {display:flex;align-items:center;gap:16px;}.sigma-product-heading>.sigma-monogram {width:54px;height:54px;font-size:22px;border-radius:15px;}
.sigma-product-page .sigma-hero {margin-top:24px;}
.sigma-back {font-size:12px!important;justify-content:flex-start!important;}
.sigma-product-layout {display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.8fr);gap:32px;align-items:start;}
.sigma-product-main {min-width:0;}
.sigma-prototype-list {border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.sigma-prototype {padding:21px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--panel);}
.sigma-prototype+.sigma-prototype {border-top:1px solid var(--line);}.sigma-prototype>div {min-width:0;}
.sigma-prototype strong {display:block;font-size:15px;line-height:1.45;font-weight:600;}
.sigma-prototype p {font-size:13px;line-height:1.65;color:var(--muted);margin:6px 0 0;max-width:64ch;}
.sigma-prototype button {flex:none;font-size:12px;min-height:38px;}
.sigma-source-excerpt {padding:23px;border:1px solid var(--line);background:var(--panel);border-radius:12px;}
.sigma-source-excerpt h2 {font-size:14px;font-weight:650;margin:8px 0 14px;line-height:1.5;}
.sigma-source-excerpt blockquote {margin:0;font-size:14px;line-height:1.8;color:var(--ink);}
.sigma-source-excerpt button {font-size:12px;margin-top:18px;justify-content:flex-start!important;}
.sigma-related {border-top:1px solid var(--line);padding-top:20px;margin-top:22px;}
.sigma-related strong {display:block;font-size:12px;line-height:1.5;margin-bottom:10px;}
.sigma-related>div {display:flex;gap:8px;flex-wrap:wrap;}.sigma-related button {font-size:12px!important;min-height:34px;padding:6px 11px!important;}
.sigma-planned {padding:26px 24px;border:1px dashed var(--control-border);border-radius:12px;}
.sigma-planned h2 {font-size:19px;line-height:1.4;margin:10px 0;letter-spacing:-.02em;}
.sigma-planned p {font-size:14px;line-height:1.8;margin:0 0 20px;max-width:64ch;color:var(--muted);}
.sigma-planned .soft-btn {font-size:13px;}
.sigma-concept-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0;}
.sigma-concept {border:1px solid var(--line);background:var(--panel);padding:23px;border-radius:12px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;}
.sigma-concept h2 {font-size:19px;margin:9px 0 0;line-height:1.4;letter-spacing:-.02em;}
.sigma-concept p {font-size:14px;line-height:1.7;color:var(--muted);margin:10px 0 20px;flex:1;}
.sigma-concept button {font-size:13px;}
#view-architecture {height:calc(var(--viewport-height) - var(--topbar-height));min-height:0;overflow:hidden;}
.sigma-architecture {height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--shell);}
.sigma-reference-head {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 26px;border-bottom:1px solid var(--line);flex-wrap:wrap;}
.sigma-reference-head h1 {font-size:22px;line-height:1.3;letter-spacing:-.03em;margin:0;}
.sigma-reference-head p {margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.6;}
.sigma-reference-actions {display:flex;gap:9px;align-items:center;flex-wrap:wrap;}.sigma-reference-actions button {font-size:12px;min-height:38px;}
.sigma-reference-body {display:grid;grid-template-columns:218px minmax(0,1fr);min-height:0;}
.sigma-reference-toc {padding:20px 14px;border-right:1px solid var(--line);overflow:auto;}
.sigma-reference-toc h2 {font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 10px 12px;}
.sigma-reference-toc button {display:block;text-align:left;width:100%;padding:10px;border:1px solid transparent;color:var(--muted);background:none;font:13px/1.5 var(--font-ui);cursor:pointer;border-radius:8px;}
.sigma-reference-toc button:hover,.sigma-reference-toc button[aria-current="true"] {color:var(--accent-text);background:var(--accent-surface);}
.sigma-reference-frame-wrap {min-height:0;position:relative;min-width:0;background:var(--panel-dark);}
#sigmaWhitepaperFrame {width:100%;height:100%;display:block;border:0;}
#sigmaReferenceLoading {position:absolute;inset:0;display:grid;place-items:center;background:var(--panel);color:var(--muted);font-size:14px;}
.sigma-ledger-page {max-width:1440px;}
.sigma-ledger-summary {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0;}
.sigma-ledger-summary>div {padding:20px;border:1px solid var(--line);border-radius:11px;background:var(--panel);}
.sigma-ledger-summary strong {display:block;font-size:26px;font-weight:650;letter-spacing:-.03em;margin-bottom:5px;line-height:1.3;}
.sigma-ledger-summary span {font-size:12px;color:var(--muted);line-height:1.6;}
.sigma-ledger-source {border:1px solid var(--line);border-radius:11px;padding:20px;margin:14px 0;}
.sigma-ledger-source h3 {margin:0 0 8px;font-size:15px;line-height:1.5;}
.sigma-ledger-source p {margin:5px 0 0;font-size:13px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere;}
.sigma-ledger-source code {font:11px/1.7 var(--font-code);overflow-wrap:anywhere;color:var(--muted);}
.sigma-ledger-table-wrap {overflow-x:auto;margin:20px 0;border:1px solid var(--line);border-radius:11px;}
.sigma-ledger-table {width:100%;min-width:660px;table-layout:fixed;border-collapse:collapse;}
.sigma-ledger-table th,.sigma-ledger-table td {white-space:normal;overflow-wrap:anywhere;line-height:1.7;vertical-align:top;text-align:left;padding:16px 18px;font-size:13px;border-bottom:1px solid var(--line);}
.sigma-ledger-table th {font-size:11px;color:var(--muted);background:var(--panel-dark);text-transform:uppercase;letter-spacing:.06em;}
.sigma-ledger-table td small {display:block;color:var(--muted);font-size:11px;line-height:1.7;margin-top:5px;}
.sigma-ledger-table th:first-child {width:22%;}.sigma-ledger-table th:nth-child(2) {width:17%;}
.sigma-ledger-table td:last-child {color:var(--muted);}
.sigma-status {display:inline-block;padding:3px 7px;border-radius:5px;border:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.5;}
.sigma-check-results {border:1px solid var(--line);border-radius:11px;padding:20px;margin:16px 0;background:var(--panel-dark);font-size:13px;line-height:1.7;}
.sigma-check-results p {margin:0;color:var(--muted);}.sigma-check-results ul {margin:12px 0 0;padding-left:20px;}.sigma-check-results li {margin:7px 0;}
.sigma-milestones {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0;}
.sigma-milestones article {border-top:2px solid var(--line);padding:16px 4px;min-width:0;}
.sigma-milestones article:first-child {border-color:var(--accent-text);}.sigma-milestones small {font-size:11px;color:var(--muted);line-height:1.5;}
.sigma-milestones h3 {font-size:14px;line-height:1.5;margin:8px 0;}
.sigma-milestones p {font-size:12px;color:var(--muted);line-height:1.7;margin:0;}
.sigma-storage-notice {border:1px solid var(--line);border-left:2px solid var(--amber);border-radius:8px;padding:12px 15px;font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:22px;}
.sigma-storage-notice strong {color:var(--ink);}
@media(min-width:1920px){.sigma-page {padding-top:44px;}.sigma-starter {gap:24px;}.sigma-products {gap:20px;}.sigma-product-card {padding:23px;}}
@media(max-width:1300px){.sigma-products[data-layout="environment"] {grid-template-columns:repeat(2,minmax(0,1fr));}.sigma-source-label {display:none;}.sigma-product-layout {gap:24px;}}
@media(max-width:1180px) and (min-width:821px){#ambientScene #sigmaProductSwitcher {width:44px;min-width:44px;padding:10px;margin:auto;justify-content:center;}#sigmaProductSwitcher .sigma-switch-label,#sigmaProductSwitcher .sigma-switch-chevron,.sigma-context-label {display:none!important;}.sigma-sidebar-switch {padding-inline:0;}#ambientScene .sigma-context-parent .sigma-small-mono {display:inline-block!important;}}
@media(max-width:980px){.sigma-starter {grid-template-columns:1.3fr 1fr;}.sigma-starter .sigma-start-card:last-child {grid-column:1/-1;display:grid;grid-template-columns:1fr auto;column-gap:24px;}.sigma-starter .sigma-start-card:last-child h2,.sigma-starter .sigma-start-card:last-child .sigma-eyebrow {grid-column:1;}.sigma-starter .sigma-start-card:last-child p {grid-column:1;margin-bottom:0;}.sigma-starter .sigma-start-card:last-child button {grid-column:2;grid-row:1/4;align-self:center;}.sigma-products {grid-template-columns:repeat(2,minmax(0,1fr));}.sigma-products[data-layout="operations"] .sigma-product-card {grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);}.sigma-products[data-layout="operations"] .sigma-product-card footer {grid-column:1/-1;flex-direction:row;align-items:center;}.sigma-product-layout {grid-template-columns:1fr;}.sigma-source-excerpt blockquote {max-width:90ch;}.sigma-milestones {grid-template-columns:repeat(3,minmax(0,1fr));}.sigma-reference-body {grid-template-columns:185px minmax(0,1fr);}}
@media(max-width:820px){.sigma-page {padding-top:26px;}.sigma-source-label {display:none;}.sigma-hero {gap:18px;}.sigma-hero h1 {font-size:32px;}.sigma-reference-head {padding:18px;}.sigma-reference-body {grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);}.sigma-reference-toc {padding:8px 12px;display:flex;gap:5px;overflow:auto;max-height:62px;border-right:0;border-bottom:1px solid var(--line);}.sigma-reference-toc h2 {display:none;}.sigma-reference-toc button {flex:0 0 auto;width:auto;white-space:nowrap;padding:9px 12px;font-size:12px;}.sigma-recent-list {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.sigma-hero {flex-direction:column;gap:16px;margin-bottom:24px;}.sigma-hero h1 {font-size:31px;}.sigma-lead {font-size:14px;}.sigma-starter {grid-template-columns:1fr;gap:12px;}.sigma-starter .sigma-start-card:last-child {display:flex;}.sigma-start-card {padding:20px;}.sigma-start-card h2 {font-size:18px;}.sigma-starter .sigma-start-card:last-child p {margin-bottom:18px;}.sigma-starter .sigma-start-card:last-child button {align-self:flex-start;}.sigma-directory-tools {gap:16px;}.sigma-filter {width:100%;}.sigma-products,.sigma-products[data-layout="environment"] {grid-template-columns:1fr;}.sigma-product-card {padding:19px;}.sigma-products[data-layout="operations"] .sigma-product-card {display:flex;}.sigma-products[data-layout="operations"] .sigma-product-card footer {flex-direction:row;align-items:center;}.sigma-product-card h4 {font-size:18px;}.sigma-prototype {flex-wrap:wrap;padding:20px;gap:16px;}.sigma-product-heading>.sigma-monogram {width:47px;height:47px;font-size:20px;border-radius:12px;}.sigma-product-heading {gap:14px;}.sigma-source-excerpt {padding:20px;}.sigma-note {padding:14px 16px;font-size:13px;}.sigma-recent-list,.sigma-concept-grid {grid-template-columns:1fr;}.sigma-reference-head h1 {font-size:19px;}.sigma-reference-head {gap:12px;padding:16px;}.sigma-reference-head p {font-size:11px;}.sigma-reference-actions {gap:8px;}.sigma-reference-actions button {font-size:11px;padding:7px 10px;}.sigma-ledger-summary {grid-template-columns:1fr;gap:10px;}.sigma-ledger-summary>div {padding:16px;display:flex;gap:14px;align-items:center;}.sigma-ledger-summary strong {margin:0;font-size:25px;min-width:38px;}.sigma-milestones {grid-template-columns:1fr 1fr;}.sigma-overline {font-size:10px;}.sigma-check-results {padding:16px;}.sigma-context-label {margin-top:12px;}}
@media(max-width:380px){.sigma-product-card footer {align-items:flex-start;}.sigma-version {font-size:10px;}.sigma-filter input {font-size:16px;}.sigma-reference-head .sigma-reference-actions button {min-height:34px;}.sigma-reference-head {padding:12px;}.sigma-milestones {grid-template-columns:1fr;}}
@media(pointer:coarse){.sigma-page button,.sigma-product-card footer button,.sigma-start-card button,.sigma-prototype button,#sigmaProductSwitcher {min-height:44px!important;}.sigma-filter input {font-size:16px;}}
.sigma-home-tools {display:flex;align-items:flex-end;flex-direction:column;gap:10px;flex:none;}
.sigma-home-tools .text-action {font-size:12px;min-height:34px;}
#sigmaDirectoryTitle {scroll-margin-top:calc(var(--topbar-height) + 18px);}
@media(max-width:600px){.sigma-home-tools {flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%;}.sigma-home-tools .text-action {min-height:38px;}}
.sigma-ledger-source h3 {overflow-wrap:anywhere;}


/* Sigma M1.1 · Review Center. Uses the retained Origo tokens and components. */
#view-review{height:calc(var(--viewport-height) - var(--topbar-height));min-height:0;overflow:hidden;}
.sigma-review{height:100%;display:flex;flex-direction:column;min-height:0;background:var(--page);}
.sigma-review-head{padding:24px clamp(16px,3vw,36px) 18px;border-bottom:1px solid var(--line);flex:none;}
.sigma-review-head>.sigma-overline{margin:0 0 8px;}
.sigma-review-title{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.sigma-review-title h1{font-size:28px;line-height:1.2;letter-spacing:-.035em;}
.sigma-review-title p{font-size:14px;line-height:1.6;max-width:72ch;margin:8px 0 0;color:var(--muted);}
.sigma-review-title .sigma-version{white-space:nowrap;}
.sigma-review-layout{display:grid;grid-template-columns:196px minmax(0,1fr);min-height:0;flex:1;}
.sigma-review-nav{padding:18px 12px;display:flex;flex-direction:column;gap:5px;border-right:1px solid var(--line);background:var(--shell);overflow:auto;}
.sigma-review-nav button{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px;border:1px solid transparent;border-radius:9px;background:none;color:var(--muted);text-align:left;cursor:pointer;font:600 13px/1.4 var(--font-ui);}
.sigma-review-nav button[aria-selected=true]{background:var(--accent-surface);border-color:var(--control-border);color:var(--accent-text);}
.sigma-review-nav button>span:first-child{display:inline-grid;place-items:center;width:20px;flex:none;font-size:16px;}
.sigma-review-nav small{display:block;padding:18px 12px 0;margin-top:auto;color:var(--muted);font-size:11px;line-height:1.7;}
.sigma-review-scroll{min-height:0;min-width:0;overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain;padding:28px clamp(16px,3vw,38px) 60px;}
.sigma-review-panel{max-width:1200px;min-width:0;margin:0 auto;}
.sigma-review-panel h2{font-size:22px;letter-spacing:-.025em;margin:0 0 10px;line-height:1.35;}
.sigma-review-panel h3{font-size:16px;line-height:1.45;margin:24px 0 10px;}
.sigma-review-panel p,.sigma-review-panel li{font-size:14px;line-height:1.75;overflow-wrap:anywhere;}
.sigma-review-panel p{margin:8px 0 14px;}.sigma-review-panel .muted{color:var(--muted);}
.sigma-review-panel :is(code,pre){font-family:var(--font-code);font-size:12px;overflow-wrap:anywhere;}
.sigma-review-panel pre{white-space:pre-wrap;background:var(--panel-dark);border:1px solid var(--line);padding:14px;border-radius:9px;max-height:400px;overflow:auto;}
.sigma-review-panel ul{padding-left:22px;}.sigma-review-panel li+li{margin-top:5px;}
.sigma-review-callout{border-left:3px solid var(--accent-text);background:var(--accent-surface);padding:14px 18px;margin:18px 0 24px;line-height:1.65;font-size:14px;}
.sigma-review-callout.warning{border-left-color:var(--amber);background:color-mix(in srgb,var(--amber) 6%,var(--panel));}
.sigma-review-callout p{margin:5px 0 0;}
.sigma-review-statbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);margin:22px 0 24px;}
.sigma-review-statbar>div{padding:18px 20px 18px 0;min-width:0;}.sigma-review-statbar strong{display:block;font-size:29px;letter-spacing:-.04em;line-height:1.2;font-variant-numeric:tabular-nums;}.sigma-review-statbar span{display:block;font-size:12px;color:var(--muted);line-height:1.6;margin-top:6px;}
.sigma-review-worklist{display:grid;gap:0;border-block:1px solid var(--line);margin:16px 0 26px;}
.sigma-review-worklist>article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:14px;padding:18px 0;align-items:start;}
.sigma-review-worklist>article+article{border-top:1px solid var(--line);}.sigma-review-worklist .step{display:grid;place-items:center;width:30px;height:30px;background:var(--accent-surface);color:var(--accent-text);border-radius:9px;font-size:12px;}.sigma-review-worklist h3{margin:0;font-size:15px;}.sigma-review-worklist p{margin:5px 0 0;color:var(--muted);}.sigma-review-worklist button{align-self:center;font-size:12px;}
.sigma-review-panel details{margin:12px 0;border:1px solid var(--line);border-radius:10px;background:var(--panel);}
.sigma-review-panel details>summary{padding:14px 16px;cursor:pointer;font-size:13px;line-height:1.5;font-weight:600;overflow-wrap:anywhere;}
.sigma-review-panel details>.review-detail-content{padding:0 16px 16px;}
.sigma-review-panel .sigma-ledger-page{padding:0;max-width:none;}.sigma-review-panel .sigma-ledger-summary{margin-top:18px;}.sigma-review-panel .sigma-ledger-table{min-width:0;table-layout:fixed;}.sigma-review-panel .sigma-ledger-table :is(th,td){white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.65;}
.sigma-review-filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap;border-block:1px solid var(--line);padding:16px 0;margin:20px 0 12px;}
.sigma-review-filter label{display:grid;gap:6px;font-size:12px;color:var(--muted);min-width:0;}.sigma-review-filter select,.sigma-review-filter input{background:var(--panel-dark);border:1px solid var(--control-border);border-radius:8px;padding:9px 10px;min-height:40px;color:var(--ink);font:14px/1.4 var(--font-ui);width:100%;}.sigma-review-filter .review-search{flex:1;min-width:160px;}.sigma-review-filter .review-build{min-width:220px;}
.review-qa-count{font:12px/1.6 var(--font-ui);color:var(--muted);margin:10px 0 16px;}
.sigma-review-panel .review-check{margin:8px 0;}
.review-check summary{display:flex;align-items:center;gap:10px;list-style:none;}.review-check summary::after{content:'+';margin-left:auto;color:var(--muted);font-size:18px;}.review-check[open] summary::after{content:'−';}.review-check summary>strong{font-size:13px;line-height:1.55;font-weight:550;min-width:0;overflow-wrap:anywhere;}
.review-state{font:650 10px/1.4 var(--font-ui);text-transform:uppercase;letter-spacing:.05em;padding:4px 7px;border:1px solid var(--line);border-radius:6px;flex:none;color:var(--muted);}.review-state.pass{color:var(--success);}.review-state.fail{color:var(--danger);}.review-state.blocked,.review-state.not-verified{color:var(--amber);}
.review-scope{font:12px/1.6 var(--font-ui);color:var(--muted);}
.review-source-strip{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;}
.review-source-strip button{font-size:12px;min-height:34px;}.review-runtime-grid{display:grid;grid-template-columns:minmax(120px,.45fr) minmax(0,1fr);border-top:1px solid var(--line);margin:20px 0;}.review-runtime-grid dt,.review-runtime-grid dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.65;overflow-wrap:anywhere;}.review-runtime-grid dt{color:var(--muted);padding-right:16px;}.review-runtime-grid dd{font-variant-numeric:tabular-nums;}
.review-runtime-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0;}.review-runtime-actions button{font-size:13px;}.review-runtime-status{min-height:24px;font-size:13px;color:var(--muted);line-height:1.65;}
.review-notes table{min-width:0;width:100%;table-layout:fixed;margin:18px 0;font-size:13px;}.review-notes :is(th,td){white-space:normal;overflow-wrap:anywhere;vertical-align:top;font-size:13px;line-height:1.6;padding:10px;}.review-notes :is(h1,h2){margin:28px 0 12px;font-size:21px;}.review-notes h1:first-child{margin-top:0;}.review-notes blockquote{border-left:2px solid var(--accent-text);padding-left:16px;margin-inline:0;}
.sigma-review-home-entry{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:18px 20px;border:1px solid var(--control-border);border-radius:12px;background:var(--panel);margin:0 0 26px;}.sigma-review-home-entry>div{min-width:0;}.sigma-review-home-entry strong{display:block;font-size:15px;line-height:1.4;}.sigma-review-home-entry p{margin:5px 0 0;font-size:13px;color:var(--muted);line-height:1.6;}.sigma-review-home-entry button{white-space:nowrap;flex:none;}
/* A source reader isolated by styles, not by an inaccessible child browsing context. */
#sigmaWhitepaperFrame{display:block;width:100%;height:100%;min-height:0;overflow:auto;background:#eef2f4;color:#18242e;border:0;overscroll-behavior:contain;scrollbar-gutter:stable;}
@media(max-width:820px){.sigma-review-head{padding:18px 16px 14px;}.sigma-review-title h1{font-size:24px;}.sigma-review-title .sigma-version{font-size:11px;}.sigma-review-layout{display:flex;flex-direction:column;}.sigma-review-nav{flex-direction:row;gap:6px;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto;flex:none;}.sigma-review-nav button{white-space:nowrap;flex:none;min-height:42px;padding:9px 12px;font-size:12px;}.sigma-review-nav small{display:none;}.sigma-review-nav button>span:first-child{width:16px;font-size:14px;}.sigma-review-scroll{padding:22px 16px 48px;}.sigma-review-statbar strong{font-size:25px;}.sigma-review-worklist>article{grid-template-columns:30px minmax(0,1fr);gap:10px;}.sigma-review-worklist button{grid-column:2;justify-self:start;}.sigma-review-home-entry{flex-wrap:wrap;gap:12px;padding:16px;}.sigma-review-filter .review-build{width:100%;}.review-check summary{gap:8px;padding:12px;}.review-runtime-grid{grid-template-columns:minmax(100px,.5fr) minmax(0,1fr);}.sigma-review-panel .sigma-ledger-table{table-layout:auto;}.sigma-review-panel .sigma-ledger-table th:nth-child(2),.sigma-review-panel .sigma-ledger-table td:nth-child(2){max-width:88px;}.review-notes table{table-layout:auto;}}
@media(max-height:560px){.sigma-review-head{padding:12px 18px;}.sigma-review-title h1{font-size:22px;}.sigma-review-title p{display:none;}.sigma-review-head>.sigma-overline{font-size:10px;margin:0 0 4px;}.sigma-review-nav{padding-block:6px;}}
@media(pointer:coarse){.sigma-review-nav button,.sigma-review-filter :is(input,select){min-height:44px;font-size:16px;}}

/* M1.2 · Focused workspaces, contextual capabilities. Original Origo CSS above is unchanged. */
:root{--sigma-context-height:0px;--sigma-work-height:calc(var(--viewport-height) - var(--topbar-height) - var(--sigma-context-height));}
#ambientScene .topbar{position:sticky;top:0;z-index:80;background:var(--shell);border-bottom:1px solid var(--line);gap:12px;}
#ambientScene .topbar>div:first-child{flex:1;gap:12px!important;min-width:0;}
#ambientScene .sigma-global-home{border:0;background:transparent;color:var(--accent-text);font:650 25px/1 Georgia,serif;cursor:pointer;flex:none;width:38px;height:40px;border-radius:8px;}
#ambientScene .sigma-global-home:hover{background:var(--accent-surface);}
#ambientScene .sigma-global-switch{width:auto;min-width:140px;max-width:225px;padding:8px 12px;font-size:14px;background:transparent;gap:10px;}
.sigma-global-switch .sigma-switch-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sigma-global-switch .nav-icon{width:17px;height:17px;}
#ambientScene .breadcrumbs{flex:1;display:flex;border-left:1px solid var(--line);padding-left:16px;gap:0;}
#ambientScene .breadcrumbs #topTitle{font-size:13px;font-weight:500;color:var(--muted);}
#ambientScene .topbar #primaryAction{font-size:12px;min-height:38px;max-width:156px;}
#ambientScene .topbar #primaryAction[hidden]{display:none!important;}
#sigmaWorkspaceMenu{font-size:24px;}
#sigmaGlobalAttention{position:relative;}
#sigmaGlobalAttention::after{display:none;}
#sigmaGlobalAttention[data-has-attention="true"]::after{content:"";display:block;position:absolute;width:5px;height:5px;border-radius:100%;background:var(--amber);top:8px;right:9px;}
#ambientScene>.sidebar .brand{height:36px;min-height:36px;flex-basis:auto;margin-bottom:20px;}
#ambientScene>.sidebar .sigma-mark{font-size:23px;width:30px;height:30px;}
#ambientScene>.sidebar .brand-copy{font-size:15px;}
#ambientScene>.sidebar .sigma-brand-version{font-size:10px;}
#ambientScene>.sidebar .surface-switcher{display:flex;flex-direction:column;gap:0;}
#sigmaContextNav,#sigmaSurfaceNav{display:flex;flex-direction:column;gap:2px;}
#sigmaContextNav[hidden],#sigmaSurfaceNav[hidden]{display:none!important;}
#sigmaContextLabel,#sigmaSurfaceLabel{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;padding:8px 10px 12px;margin:0;}
#ambientScene>.sidebar .nav-item{font-size:13px;min-height:42px;border-radius:8px;}
#ambientScene .nav-item[aria-current="page"]{background:var(--accent-surface);color:var(--accent-text);}
.sigma-mode-label,.sigma-submode-label{color:var(--muted);font-size:10px;letter-spacing:.1em;line-height:1.5;text-transform:uppercase;padding:8px 10px;}
.sigma-mode-label{padding-top:15px;}
.sigma-submode-section{border-top:1px solid var(--line);margin-top:13px;padding-top:9px;}
.sigma-submode-section[hidden]{display:none!important;}
#sigmaSubmodeList{display:flex;flex-direction:column;gap:2px;}
#ambientScene>.sidebar .sigma-submode-section .nav-item{min-height:38px;padding-left:18px;font-size:12px;}
#ambientScene>.sidebar .sigma-mode-button[disabled]{opacity:.5;cursor:default;}
@media(min-width:821px) and (max-width:1180px){.sigma-mode-label,.sigma-submode-label{font-size:0;padding:5px 0;}.sigma-submode-section{margin-top:8px;}#ambientScene>.sidebar .sigma-submode-section .nav-item{padding:10px;justify-content:center;}}
#ambientScene .sigma-surface-links{display:flex;gap:6px;margin-bottom:6px;}
.sigma-surface-links>button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;flex:1;background:none;border:1px solid var(--line);border-radius:8px;color:var(--muted);font:12px/1.4 var(--font-ui);cursor:pointer;}
.sigma-surface-links>button:hover{background:var(--panel-2);color:var(--ink);}
.sigma-surface-links>button>span:first-child{color:var(--accent-text);font-size:17px;}
#ambientScene>.sidebar .workspace-status{display:none!important;}
.m12-context-strip{height:var(--sigma-context-height);display:flex;align-items:center;gap:16px;padding:8px 24px;background:var(--panel);border-bottom:1px solid var(--line);min-width:0;}
.m12-context-copy{display:flex;align-items:center;gap:10px;flex:1;min-width:0;font-size:12px;}
.m12-context-copy>span{color:var(--muted);white-space:nowrap;}
.m12-context-copy>strong{font-weight:550;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.m12-provider{font-size:10px;color:var(--muted);border-left:1px solid var(--line);padding-left:14px;white-space:nowrap;}
.m12-context-actions{display:flex;gap:6px;flex:none;}
.m12-context-actions button{padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--accent-text);font:12px/1.4 var(--font-ui);cursor:pointer;min-height:32px;}
.m12-context-actions button:hover{background:var(--accent-surface);}
#sigmaContextReturn{font-size:12px;max-width:210px;min-width:0;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;justify-content:flex-start;min-height:32px;}
#ambientScene .workspace-view{min-height:var(--sigma-work-height);}
#ambientScene :is(#view-chat,#view-mail,#view-code,#view-wiki,#view-forge,#view-gallery,#view-origo){height:var(--sigma-work-height);min-height:0;}
#ambientScene .workflow-v5{height:var(--sigma-work-height);}
#ambientScene .m12-page,#ambientScene .m12-design-page{padding:32px clamp(18px,3vw,44px) 48px;max-width:1500px;margin:auto;}
.m12-page-head{margin-bottom:28px;max-width:900px;}
.m12-page-head h1{font-size:32px;line-height:1.15;letter-spacing:-.035em;}
.m12-page-head>p:not(.sigma-overline){font-size:14px;line-height:1.7;color:var(--muted);margin:12px 0 0;max-width:76ch;}
#ambientScene .m12-home{padding:32px clamp(18px,3vw,40px) 32px;max-width:1540px;}
.m12-home-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;}
.m12-home-head h1{font-size:clamp(27px,3vw,36px);line-height:1.15;}
.m12-home-head .sigma-lead{font-size:14px;margin-top:10px;}
.m12-home-head-actions{display:grid;justify-items:end;gap:12px;flex:none;}
.m12-local-pill{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px;}
.m12-local-pill>i{width:5px;height:5px;border-radius:50%;background:var(--subtle);}
.m12-home-head-actions .text-action{font-size:12px;}
.m12-home-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.9fr);gap:22px;align-items:start;}
.m12-panel{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:22px;min-width:0;}
.m12-panel h2{font-size:16px;line-height:1.5;margin:0;font-weight:650;}
.m12-panel h3{font-size:15px;line-height:1.5;}
.m12-panel>p{font-size:13px;line-height:1.7;color:var(--muted);}
.m12-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;}
.m12-panel-head h2{font-size:16px;line-height:1.5;margin:0;}
.m12-panel-head p{color:var(--muted);font-size:12px;line-height:1.5;margin:5px 0 0;}
.m12-panel-head .text-action{font-size:12px;min-height:28px;flex:none;}
.m12-count{display:inline-grid;place-items:center;min-width:24px;padding:2px 6px;background:var(--accent-surface);color:var(--accent-text);font-size:12px;font-weight:650;border-radius:6px;margin-left:6px;}
.m12-filter-strip{display:flex;gap:5px;padding-bottom:14px;border-bottom:1px solid var(--line);flex-wrap:wrap;}
.m12-filter-strip button{border:1px solid transparent;border-radius:7px;min-height:32px;padding:6px 10px;background:transparent;color:var(--muted);font:12px/1.4 var(--font-ui);cursor:pointer;}
.m12-filter-strip button[aria-pressed="true"]{background:var(--accent-surface);border-color:color-mix(in srgb,var(--accent-text) 20%,transparent);color:var(--accent-text);}
.m12-object-list{display:flex;flex-direction:column;}
.m12-object-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px 1px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);width:100%;text-align:left;cursor:pointer;}
.m12-object-row:hover,.m12-object-row:focus-visible{background:color-mix(in srgb,var(--accent-surface) 55%,transparent);}
.m12-object-row:last-child{border-bottom:0;}
.m12-object-icon{font-size:16px;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:9px;color:var(--accent-text);}
.m12-object-row[data-kind="pipeline"] .m12-object-icon{color:var(--danger);}
.m12-object-row strong{display:block;font-size:13px;line-height:1.5;font-weight:550;overflow-wrap:anywhere;}
.m12-object-row small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:4px;overflow-wrap:anywhere;}
.m12-object-trailing{font-size:11px;color:var(--muted);max-width:115px;text-align:right;line-height:1.5;}
.m12-data-note{font-size:11px!important;color:var(--muted);line-height:1.65;margin:15px 0 0;}
.m12-resume{display:grid;gap:20px;}
.m12-resume-entry{border-bottom:1px solid var(--line);padding:13px 0;display:flex;align-items:center;gap:11px;width:100%;color:var(--ink);background:none;text-align:left;border-inline:0;border-top:0;cursor:pointer;}
.m12-resume-entry:last-child{border-bottom:0;}
.m12-resume-entry>span:first-child{width:33px;height:33px;border-radius:9px;background:var(--accent-surface);color:var(--accent-text);display:grid;place-items:center;font-size:12px;flex:none;}
.m12-resume-entry>span:nth-child(2){flex:1;min-width:0;}
.m12-resume-entry strong{font-size:13px;font-weight:550;display:block;}
.m12-resume-entry small{font-size:11px;color:var(--muted);line-height:1.5;margin-top:4px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.m12-resume-entry:hover{color:var(--accent-text);}
.m12-recent-details{margin-top:18px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;}
.m12-recent-details>summary{cursor:pointer;color:var(--muted);padding:6px 0;}
#sigmaClearRecent{font-size:11px;margin-top:12px;}
.m12-workbench-links>.sigma-overline{margin-top:0;font-size:10px;}
.m12-workbench-links>button{display:flex;align-items:center;gap:12px;padding:13px 0;background:none;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);text-align:left;cursor:pointer;}
.m12-workbench-links>button:last-child{border:0;padding-bottom:0;}
.m12-workbench-links>button>span:nth-child(2){flex:1;}
.m12-workbench-symbol{font-size:23px;color:var(--accent-text);width:30px;text-align:center;}
.m12-workbench-links strong{font-size:13px;font-weight:600;display:block;}
.m12-workbench-links small{font-size:11px;line-height:1.6;color:var(--muted);display:block;margin-top:3px;}
.m12-activity{grid-column:1/-1;}
.m12-activity .m12-object-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;}
.m12-pill{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:10px;line-height:1.5;}
.m12-directory{margin-top:24px;border:1px solid var(--line);border-radius:12px;}
.m12-directory>summary{padding:20px 22px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;color:var(--muted);}
.m12-directory>summary strong{display:block;font-size:14px;font-weight:600;color:var(--ink);}
.m12-directory>summary small{display:block;font-size:11px;margin-top:4px;}
.m12-directory[open]>summary{border-bottom:1px solid var(--line);}
.m12-directory-tools{padding:20px 22px 0;display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted);}
.m12-directory-tools .search-field{max-width:430px;flex:1;grid-template-columns:16px minmax(0,1fr);}
#sigmaProductGroups{padding:0 22px 22px;}
#sigmaProductGroups .sigma-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
#sigmaProductGroups .sigma-product-card{padding:14px;min-height:0;}
#sigmaProductGroups .sigma-product-card .sigma-responsibility,#sigmaProductGroups .sigma-card-summary{display:none;}
.m12-home-footer{display:flex;align-items:center;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:26px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;}
.m12-home-footer .text-action{font-size:11px;}
.m12-design-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.m12-design-links>button{text-align:left;padding:26px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:12px;cursor:pointer;}
.m12-design-links>button:hover{border-color:var(--accent-text);}
.m12-design-links>button>span{font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;display:block;margin-bottom:22px;}
.m12-design-links strong{display:block;font-size:22px;line-height:1.35;font-weight:600;}
.m12-design-links p{font-size:14px;line-height:1.7;color:var(--muted);margin:12px 0 22px;}
.m12-design-links small{font-size:12px;color:var(--accent-text);}
.m12-design-library{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;}
.m12-design-library p{font-size:13px;line-height:1.65;color:var(--muted);margin:7px 0 0;}
.m12-design-library button{flex:none;}
.m12-lab-launchers{display:none;}
.m12-lab-grid{display:grid;grid-template-columns:minmax(310px,430px) minmax(0,1fr);gap:32px;align-items:start;}
#ambientScene .m12-lab-mount .lab{position:static;inset:auto;width:100%;max-width:none;max-height:none;visibility:visible;transform:none;display:block;border-radius:12px;box-shadow:none;backdrop-filter:none;background:var(--panel);padding:22px;overflow:visible;}
#ambientScene .m12-lab-mount .lab .lab-head{position:static;}
.m12-design-preview{min-width:0;position:sticky;top:calc(var(--topbar-height) + 24px);}
.m12-specimen{padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--panel);}
.m12-specimen h3{font-size:24px;letter-spacing:-.025em;margin:22px 0 12px;}
.m12-specimen p{font-size:15px;line-height:1.8;max-width:60ch;}
.m12-specimen-meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:24px 0;}
.m12-specimen hr{border:0;border-top:1px solid var(--line);margin:24px 0;}
.m12-specimen .form-field{font-size:12px;}
.m12-specimen-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px;}
.m12-specimen-actions button{font-size:13px;}
.m12-specimen-status{font-size:12px!important;color:var(--muted);margin-top:24px;}
.m12-inspect-preview{margin-top:24px;}
.m12-inspection-card{border:1px solid color-mix(in srgb,var(--accent-text) 30%,var(--line));background:var(--accent-surface);padding:18px 22px;border-radius:10px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;}
.m12-inspection-card strong{font-size:14px;display:block;}
.m12-inspection-card p{font-size:12px;line-height:1.6;margin:7px 0 0;color:var(--muted);}
.m12-inspection-card button{flex:none;font-size:12px;}
.m12-preferences{max-width:960px!important;}
.m12-preferences .m12-panel{margin-bottom:22px;padding:26px;}
.m12-preferences .m12-panel h2:not(:first-child){margin-top:30px;}
.m12-mode-options{margin:20px 0;}.m12-mode-options+.m12-mode-caption{margin:-8px 0 20px;}

.m12-preset-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;}
.m12-preset-options button{border:1px solid var(--line);background:var(--panel-dark);padding:16px;border-radius:10px;text-align:left;color:var(--ink);cursor:pointer;}
.m12-preset-options button[aria-pressed="true"]{border-color:var(--accent-text);box-shadow:0 0 0 1px var(--accent-text);}
.m12-preset-options strong{display:block;font-size:13px;margin-top:14px;}
.m12-preset-options small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:6px;}
.m12-preset-swatches{display:flex;height:28px;border-radius:6px;overflow:hidden;}
.m12-preset-swatches i{flex:1;}
.m12-object-domain{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0 16px;margin-bottom:12px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);}
.m12-object-domain strong{font-size:12px;color:var(--ink);}
.m12-object-domain button{font-size:11px;margin-left:auto;}
.m12-guard-note{font-size:11px;line-height:1.65;color:var(--muted);margin:10px 0 0;}
.m12-profile-note{font-size:11px;color:var(--muted);line-height:1.6;}
#sigmaHomeSearchResults .m12-object-row{padding:12px;}
.m12-workspace-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.m12-workspace-choice>button{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:9px;padding:15px;background:var(--panel);color:var(--ink);font:13px/1.5 var(--font-ui);cursor:pointer;text-align:left;}
.m12-workspace-choice small{font-size:10px;display:block;color:var(--muted);margin-top:3px;}
.m12-product-intro{margin-bottom:24px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.m12-product-intro p{margin:0;color:var(--muted);font-size:13px;line-height:1.7;max-width:60ch;}
.m12-review-callout{border-left:3px solid var(--accent-text);background:var(--panel-dark);padding:18px 20px;margin:24px 0;border-radius:0 9px 9px 0;}
.m12-review-callout p{font-size:14px;line-height:1.75;}
.m12-review-links{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0;}
.m12-table-scroll{overflow:auto;max-width:100%;}
.m12-table-scroll table{min-width:540px;width:100%;}
.m12-table-scroll th,.m12-table-scroll td{font-size:12px;line-height:1.65;white-space:normal;}
.m12-requirement{padding:16px 0;border-bottom:1px solid var(--line);}
.m12-requirement summary{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;}
.m12-requirement summary>span{font-family:var(--font-code);font-size:11px;color:var(--accent-text);}
.m12-requirement p{font-size:14px;line-height:1.75;}
#sigmaNavigationSnapshot{font:12px/1.7 var(--font-code);white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:var(--panel-dark);border:1px solid var(--line);border-radius:8px;}
#review011Notes{margin:18px 0;padding:0 18px;border-left:1px solid var(--line);}
@media(min-width:821px) and (max-width:1180px){#ambientScene .sigma-surface-links{flex-direction:column;}#ambientScene .sigma-surface-links>button>span:last-child{display:none;}#sigmaContextLabel,#sigmaSurfaceLabel{font-size:0;padding:0;height:12px;}#ambientScene>.sidebar .brand{display:none;}#sigmaContextStrip{gap:10px;padding-inline:18px;}.m12-provider{display:none;}.m12-home-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);}}
@media(max-width:1000px){.m12-home-grid{grid-template-columns:minmax(0,1fr);}.m12-resume{grid-template-columns:repeat(2,minmax(0,1fr));}.m12-activity{grid-column:auto;}.m12-lab-grid{grid-template-columns:minmax(290px,390px) minmax(0,1fr);gap:20px;}.m12-specimen{padding:22px;}.m12-provider{display:none;}}
@media(max-width:820px){#ambientScene .topbar{padding-inline:12px;gap:8px;}#ambientScene .topbar>div:first-child{gap:7px!important;}#ambientScene .sigma-global-home{display:none;}#ambientScene .sigma-global-switch{min-width:0;max-width:200px;width:auto;flex:1;border-color:transparent;padding:8px;}#ambientScene .sigma-global-switch .nav-icon{display:none;}#ambientScene .breadcrumbs{display:none;}#ambientScene .topbar .top-actions{gap:6px;}#ambientScene #quickSearch{display:grid!important;}#ambientScene .topbar #primaryAction{display:none!important;}#sigmaContextStrip{padding:7px 14px;gap:10px;flex-wrap:wrap;align-content:center;}.m12-context-copy{flex-basis:45%;font-size:11px;gap:7px;}.m12-context-copy>span{display:none;}.m12-context-actions{margin-left:auto;}.m12-context-actions button{min-height:32px;font-size:11px;}#sigmaContextReturn{font-size:11px;max-width:165px;}#ambientScene>.sidebar .sigma-surface-links{display:flex;flex-direction:row;}#ambientScene .m12-home{padding:24px 18px 28px;}.m12-home-head{gap:18px;margin-bottom:24px;}.m12-home-head-actions{display:none;}.m12-home-head .sigma-lead{font-size:13px;}.m12-design-links{gap:16px;}.m12-lab-grid{grid-template-columns:minmax(0,1fr);}.m12-design-preview{position:static;}.m12-design-links>button{padding:22px;}.m12-design-links strong{font-size:21px;}.m12-design-library{align-items:start;flex-direction:column;}.m12-inspection-card{align-items:start;flex-direction:column;}.m12-directory>summary>span:last-child{display:none;}#sigmaProductGroups .sigma-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){#ambientScene .sigma-global-switch{font-size:13px;max-width:170px;padding-inline:6px;gap:6px;}#ambientScene .topbar #sigmaGlobalAttention{display:grid!important;}#ambientScene .topbar :is(.icon-btn,#mobileMenu){width:36px;min-width:36px;}.m12-panel{padding:18px;}.m12-home-grid{gap:16px;}.m12-resume{grid-template-columns:1fr;gap:16px;}.m12-home-head h1{font-size:29px;}.m12-panel-head{gap:10px;}.m12-panel-head>.text-action{display:none;}.m12-object-row{grid-template-columns:27px minmax(0,1fr);gap:11px;padding:14px 0;}.m12-object-icon{width:26px;height:28px;font-size:14px;}.m12-object-trailing{display:none;}.m12-object-row strong{font-size:13px;}.m12-activity .m12-object-list{grid-template-columns:1fr;}.m12-activity .m12-panel-head>.m12-pill{display:none;}.m12-directory>summary{padding:18px;}.m12-directory-tools{padding:18px 18px 0;}.m12-directory-tools>span{display:none;}#sigmaProductGroups{padding:0 18px 18px;}#sigmaProductGroups .sigma-product-grid{grid-template-columns:1fr;}.m12-design-links{grid-template-columns:1fr;}.m12-design-links p{font-size:13px;}.m12-design-links>button>span{margin-bottom:16px;}.m12-page-head h1{font-size:28px;}.m12-preset-options{grid-template-columns:1fr;}.m12-workspace-choice{grid-template-columns:1fr;}.m12-context-copy{display:none;}.m12-context-actions{flex:1;justify-content:flex-end;gap:5px;}.m12-context-actions button{padding-inline:6px;}#sigmaContextReturn{max-width:135px;font-size:10px;}.m12-requirement summary{flex-wrap:wrap;}.m12-review-links{gap:8px;}.m12-review-links button{font-size:12px;}.m12-inspect-preview button{width:100%;}}
@media(max-width:360px){#ambientScene .topbar #sigmaGlobalAttention{display:none!important;}#ambientScene .sigma-global-switch{max-width:150px;}.m12-context-actions button{font-size:10px;padding-inline:5px;}.m12-panel{padding:15px;}}
@media(pointer:coarse){#ambientScene .sigma-global-switch{min-height:44px;}.m12-filter-strip button,.m12-context-actions button{min-height:38px;}.m12-object-row{min-height:64px;}}
@media(prefers-reduced-motion:reduce){.m12-object-row,.sigma-global-switch{transition:none!important;}}

/* The shared switcher is intrinsic, never the old full-width sidebar selector. */
.m12-ledger-current {padding:0 0 26px;margin:0 0 26px;border-bottom:1px solid var(--line);}
.m12-ledger-current p,.m12-ledger-current dd {font-size:14px;line-height:1.65;}
.m12-ledger-current dl {display:grid;grid-template-columns:130px 1fr;gap:14px;}
.m12-ledger-current dt {font-size:13px;color:var(--muted);}.m12-ledger-current dd {margin:0;}
@media(max-width:600px){.m12-ledger-current dl {grid-template-columns:1fr;gap:8px;}.m12-ledger-current dd {margin-bottom:10px;}}

/* Destination focus is announced; focus rings remain on actionable controls. */
#ambientScene .workspace-view:focus-visible {outline:none;}

/* Sigma Home — M1.3. Working surfaces are independent of optional review assets. */
:root{--topbar-height:60px;--sidebar-expanded:196px;--s13-gutter:24px;--s13-row-min:76px;}
#ambientScene .topbar{padding:8px 24px;gap:20px;}
#ambientScene .topbar>div:first-child{flex:0 1 auto;gap:14px!important;}
#ambientScene .top-actions{flex:1;min-width:0;gap:10px;justify-content:flex-end;}
#ambientScene .topbar .sigma-global-switch{min-width:130px;max-width:208px;min-height:40px;height:40px;font-size:var(--text-body);padding:8px 12px;}
#ambientScene .topbar .breadcrumbs{border:0;padding-left:0;flex:0 1 auto;}
#ambientScene .topbar .breadcrumbs #topTitle{font-size:var(--text-body);font-weight:550;color:var(--muted);}
#ambientScene .s13-global-search{display:flex!important;align-items:center;gap:10px;width:clamp(200px,26vw,390px);min-width:180px;margin-right:auto;margin-left:clamp(4px,2vw,36px);padding:8px 12px;height:40px;min-height:40px;background:var(--panel-dark);color:var(--muted);border:1px solid var(--line);border-radius:8px;cursor:pointer;text-align:left;font:var(--text-body)/1.4 var(--font-ui);box-shadow:none;}
#ambientScene .s13-global-search:hover{border-color:var(--control-border);color:var(--ink);}
.s13-global-search svg{width:17px;height:17px;flex:none;}.s13-global-search .s13-search-label{flex:1;white-space:nowrap;}.s13-global-search kbd{font:12px/1.4 var(--font-ui);border:1px solid var(--line);border-radius:4px;padding:1px 5px;color:var(--subtle);margin:0;}
#ambientScene .s13-account{display:grid;place-items:center;width:36px;height:36px;min-width:36px;padding:0;background:var(--accent-surface);color:var(--accent-text);border:1px solid var(--line);border-radius:50%;font:650 12px/1 var(--font-ui);cursor:pointer;}
#ambientScene>.sidebar{padding-top:16px;gap:0;}
#ambientScene>.sidebar .surface-switcher{padding-top:0;}
#ambientScene>.sidebar .sidebar-bottom{gap:2px;padding-top:10px;margin-top:10px;}
#ambientScene>.sidebar .nav-item{min-height:42px;font-size:var(--text-body);padding:10px 12px;border-radius:8px;margin:0 0 2px;}
#sigmaSurfaceLabel:empty{display:none;}
.s13-nav-label{font-size:var(--text-meta);line-height:1.4;font-weight:600;color:var(--subtle);padding:20px 12px 10px;}
.s13-product-mark{font:650 11px/1 var(--font-ui);border:1px solid var(--line);border-radius:5px;width:22px!important;height:22px!important;}
#sigmaPinnedProducts{display:flex;flex-direction:column;gap:2px;}
#sigmaPinnedProducts[hidden]{display:none;}
#ambientScene>.sidebar #nav-recent{display:none!important;}
#ambientScene[data-sigma-surface="sigma"] #sigmaSurfaceNav>.sigma-context-label{display:none;}
/* Home has finite summary windows. Full collections are separate routes. */
#view-home{height:calc(var(--viewport-height) - var(--topbar-height));min-height:0!important;overflow:visible;}
#ambientScene .s13-home{padding:18px var(--s13-gutter) 24px;height:100%;min-height:0;width:100%;max-width:1880px;margin:0 auto;display:flex;flex-direction:column;gap:14px;}
.s13-home-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;min-height:24px;}
.s13-overview-label{font-size:var(--text-meta);font-weight:600;line-height:1.5;color:var(--muted);}
.s13-home-tabs{display:none;}
.s13-home-grid{display:grid;flex:1;min-height:0;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);grid-template-rows:minmax(0,.44fr) minmax(0,.56fr);gap:20px;grid-template-areas:"attention resume" "attention activity";}
.s13-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:0 20px;box-shadow:none;}
.s13-attention{grid-area:attention;}.s13-resume{grid-area:resume;}.s13-activity{grid-area:activity;}
.s13-panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:16px 0 12px;flex:none;}
.s13-panel-header h2{font:650 var(--text-reading)/1.4 var(--font-ui);letter-spacing:-.01em;margin:0;display:flex;align-items:center;gap:9px;min-width:0;}
.s13-count{display:inline-grid;place-items:center;padding:2px 7px;min-width:24px;background:var(--accent-surface);color:var(--accent-text);border-radius:6px;font:650 var(--text-meta)/1.4 var(--font-ui);font-variant-numeric:tabular-nums;}
.s13-filters{display:flex;align-items:center;gap:6px;padding:0 0 10px;flex:none;border-bottom:1px solid var(--line);}


.s13-list-window{flex:1;min-height:0;overflow:hidden;position:relative;}
.s13-list{display:flex;flex-direction:column;min-width:0;}
#ambientScene .s13-row{display:flex;align-items:center;gap:12px;flex:none;width:100%;min-width:0;min-height:var(--s13-row-min);margin:0;padding:13px 2px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);text-align:left;font:var(--text-content)/1.4 var(--font-ui);cursor:pointer;box-shadow:none;transform:none;}
#ambientScene .s13-row:hover{background:color-mix(in srgb,var(--accent-surface) 55%,transparent);}
#ambientScene .s13-row:focus-visible{outline-offset:-2px;background:var(--accent-surface);}
#ambientScene .s13-row[hidden]{display:none!important;}
.s13-row-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid var(--line);border-radius:8px;color:var(--accent-text);font:600 15px/1 var(--font-ui);}
.s13-row-icon svg{width:17px;height:17px;}
.s13-row[data-kind="pipeline"] .s13-row-icon,.s13-row[data-urgency="blocked"] .s13-row-icon{color:var(--danger);}
.s13-row-copy{flex:1;min-width:0;}
.s13-row-copy strong{font-size:var(--text-content);font-weight:600;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;}
.s13-row-copy small{display:block;margin-top:5px;color:var(--muted);font-size:var(--text-meta);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.s13-row-copy .s13-reason{color:var(--ink);font-weight:450;}
.s13-row-arrow{font-size:14px;color:var(--subtle);flex:none;margin-left:2px;}
.s13-row:focus-visible .s13-row-arrow,.s13-row:hover .s13-row-arrow{color:var(--accent-text);}
.s13-row-draft{font:500 var(--text-meta)/1.5 var(--font-ui);color:var(--amber);flex:none;}
.s13-panel-footer{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);flex:none;}
.s13-panel-footer>span{font-size:var(--text-meta);color:var(--muted);font-variant-numeric:tabular-nums;line-height:1.5;}
#ambientScene .s13-panel-footer button{font-size:var(--text-body);min-height:36px;padding:4px 0;text-align:right;white-space:nowrap;}
#sigmaHomeUpdates{font-size:var(--text-meta);min-height:26px;padding:0;}
.s13-empty{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:22px 4px;min-height:100px;font-size:var(--text-body);line-height:1.6;color:var(--muted);}
.s13-empty strong{color:var(--ink);font-size:var(--text-content);font-weight:550;}.s13-empty p{margin:0;}.s13-empty .text-action{align-self:flex-start;font-size:var(--text-body);padding:2px 0;}
/* Single-region Home: deliberate composition rather than stacked scrollboxes. */
html[data-home-layout="single"] .s13-home-grid{display:flex;flex-direction:column;gap:0;}
html[data-home-layout="single"] .s13-panel:not([hidden]){flex:1;}
html[data-home-layout="single"] .s13-overview-label{display:none;}
html[data-home-layout="single"] .s13-home-tabs{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0;}
.s13-home-tabs button{display:flex;align-items:center;gap:5px;min-height:40px;padding:8px 12px;border:1px solid transparent;border-radius:7px;background:none;color:var(--muted);font:550 var(--text-body)/1.4 var(--font-ui);cursor:pointer;white-space:nowrap;}
.s13-home-tabs button[aria-selected="true"]{background:var(--accent-surface);border-color:var(--line);color:var(--accent-text);}
#homeTabCount{font-size:var(--text-meta);}
/* Accessibility fallback: a real content scroller, never hidden clipped work. */
html[data-home-fallback="scroll"] #view-home{height:auto;overflow:visible;}
html[data-home-fallback="scroll"] .s13-home{height:auto;min-height:calc(var(--viewport-height) - var(--topbar-height));}
html[data-home-fallback="scroll"] .s13-home-grid{flex:none;}
html[data-home-fallback="scroll"] .s13-panel{min-height:0;}
html[data-home-fallback="scroll"] .s13-list-window{height:auto;overflow:visible;flex:none;}
/* Collection surfaces have a single main scroller; they are not dashboard expansions. */
#ambientScene .s13-collection{height:calc(var(--viewport-height) - var(--topbar-height));min-height:0!important;display:flex;flex-direction:column;background:var(--page);}
#ambientScene .s13-collection[hidden]{display:none!important;}
.s13-collection-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px var(--s13-gutter) 16px;flex:none;}
.s13-collection-head h1{font:650 24px/1.3 var(--font-ui);letter-spacing:-.025em;}.s13-collection-head .s13-back{font-size:var(--text-meta);margin-bottom:10px;min-height:30px;padding:0;}
.s13-collection-head>span{font-size:var(--text-meta);color:var(--muted);white-space:nowrap;}
.s13-collection-tools{padding:0 var(--s13-gutter) 16px;display:flex;gap:20px;align-items:center;flex:none;flex-wrap:wrap;border-bottom:1px solid var(--line);}
.s13-collection-tools>.search-field{width:clamp(220px,40vw,420px);max-width:100%;}.s13-collection-tools>.search-field input{font-size:var(--text-body);}.s13-collection-tools>.s13-filters{padding:0;border:0;}
.s13-collection-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 var(--s13-gutter) 24px;}
.s13-collection-list{max-width:1100px;width:100%;margin:0 auto;}
.s13-collection-list .s13-row-copy strong{display:block;-webkit-line-clamp:unset;overflow:visible;}.s13-collection-list .s13-row-copy small{white-space:normal;overflow:visible;}
.s13-product-directory{max-width:1440px;margin:0 auto;padding:16px 0;}.s13-product-group{margin:12px 0 30px;}.s13-product-group>h2{font:600 var(--text-body)/1.5 var(--font-ui);color:var(--muted);margin:0 0 12px;}
.s13-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:12px;}
.s13-product-tile{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);text-align:left;font:var(--text-content)/1.5 var(--font-ui);cursor:pointer;min-width:0;}
.s13-product-tile:hover{border-color:var(--control-border);background:var(--panel-2);}.s13-product-tile>span:nth-child(2){flex:1;min-width:0;}.s13-product-tile strong,.s13-product-tile small{display:block;}.s13-product-tile small{font-size:var(--text-meta);color:var(--muted);margin-top:4px;}.s13-product-tile em{display:block;font:var(--text-meta)/1.5 var(--font-ui);color:var(--subtle);margin-top:5px;}
.s13-product-monogram{display:grid;place-items:center;border-radius:10px;width:42px;height:42px;background:var(--accent-surface);color:var(--accent-text);flex:none;font-size:14px;font-weight:650;}
.s13-product-overview{max-width:1040px;margin:auto;padding:32px var(--s13-gutter);}.s13-product-overview h1{font:650 28px/1.3 var(--font-ui);letter-spacing:-.025em;}.s13-domain{font-size:var(--text-body);color:var(--muted);margin:10px 0 28px;}
.s13-capability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px;}.s13-capability-grid button{display:flex;flex-direction:column;align-items:start;gap:6px;min-height:104px;border:1px solid var(--line);border-radius:10px;padding:18px;background:var(--panel);color:var(--ink);cursor:pointer;text-align:left;font-size:var(--text-content);}.s13-capability-grid button:hover{border-color:var(--control-border);background:var(--panel-2);}.s13-capability-grid button small{font-size:var(--text-meta);color:var(--muted);line-height:1.6;}
.s13-developer-tools{border-top:1px solid var(--line);padding:20px 0;font-size:var(--text-body);}.s13-developer-tools summary{cursor:pointer;color:var(--muted);padding:8px 0;}.s13-developer-tools>.soft-btn{margin:12px 0;}
@media(min-width:1181px){:root{--sidebar:196px;}#ambientScene>.sidebar{padding:16px 10px 12px;}}
@media(min-width:821px) and (max-width:1180px){:root{--sidebar:72px;}#ambientScene>.sidebar{padding:16px 10px 12px;}#ambientScene>.sidebar .nav-item{width:44px;min-width:44px;justify-content:center;padding:10px;margin-inline:auto;}#ambientScene>.sidebar .s13-nav-label{height:1px;background:var(--line);margin:16px 8px 12px;padding:0;font-size:0;}#ambientScene>.sidebar .sidebar-bottom .nav-text{display:none;}}
@media(max-width:1080px){#ambientScene .s13-global-search{width:auto;min-width:180px;flex:1;margin-left:0;}#ambientScene .topbar .breadcrumbs{display:none;}#ambientScene .topbar{gap:12px;}.s13-home-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}}
@media(max-width:820px){:root{--topbar-height:64px;--s13-gutter:18px;}#ambientScene .topbar{padding:8px 12px;gap:10px;}#ambientScene .topbar>div:first-child{flex:none;gap:8px!important;}#mobileMenu{order:-1;}#ambientScene .top-actions{gap:6px;}#sigmaWorkspaceMenu{display:none;}#ambientScene>.sidebar{padding:18px 12px 14px;}#ambientScene .s13-home{padding-top:14px;padding-bottom:18px;gap:14px;}#ambientScene .s13-global-search{margin:0;min-width:40px;max-width:none;width:40px;flex:0 0 40px;justify-content:center;padding:0;border:0;background:transparent;}#ambientScene .s13-global-search .s13-search-label,#ambientScene .s13-global-search kbd{display:none;}#ambientScene .top-actions{justify-content:flex-end;}#ambientScene .topbar .breadcrumbs{display:none;}.s13-home-toolbar{flex-wrap:wrap;}.s13-panel{padding-inline:18px;}.s13-home-tabs button{min-height:42px;}}
@media(max-width:520px){:root{--s13-gutter:12px;}#ambientScene .s13-home{padding-top:10px;padding-bottom:max(12px,var(--safe-bottom));gap:10px;}#ambientScene .topbar{gap:4px;padding-inline:10px;}#ambientScene .topbar>div:first-child{gap:6px!important;}#ambientScene .sigma-global-switch>.nav-icon{display:none;}#ambientScene .top-actions{gap:4px;}#ambientScene #sigmaGlobalAttention{display:none!important;}.s13-home-tabs{gap:3px;}.s13-home-tabs button{font-size:var(--text-body);padding:8px 10px;}.s13-panel{padding:0 14px;}.s13-panel-header{min-height:54px;padding:14px 0 10px;}.s13-panel-header h2{font-size:var(--text-content);}.s13-row-icon{width:28px;height:28px;border-radius:7px;}#ambientScene .s13-row{gap:10px;padding-block:12px;}.s13-row-arrow{display:none;}.s13-panel-footer{min-height:48px;gap:8px;}.s13-panel-footer>span{font-size:var(--text-meta);}.s13-panel-footer .text-action{font-size:var(--text-label)!important;}.s13-collection-head{padding-top:20px;gap:12px;flex-wrap:wrap;}.s13-collection-head h1{font-size:22px;}.s13-collection-tools{gap:12px;}.s13-collection-tools>.search-field{width:100%;}.s13-product-overview{padding-top:24px;}}
@media(max-height:679px) and (min-width:821px){:root{--topbar-height:56px;}#ambientScene .topbar{padding-block:6px;}#ambientScene .s13-home{padding-top:12px;padding-bottom:16px;gap:10px;}#ambientScene>.sidebar{padding-top:10px;}#ambientScene>.sidebar .nav-item{min-height:38px;padding-block:8px;}.s13-nav-label{padding-top:12px;}.s13-panel-header{min-height:48px;padding-block:12px 8px;}}
@media(pointer:coarse){#ambientScene .s13-global-search,#ambientScene .s13-account{min-height:44px;min-width:44px;}#ambientScene .s13-home-tabs button,#ambientScene .s13-panel-footer button{min-height:44px;}}
@media(prefers-reduced-motion:reduce){.s13-row{transition:none!important;}}

/* Closed legacy overlays are not reading surfaces or keyboard destinations. */
.overlay-scrim:not(.open),.toast:not(.show){visibility:hidden;}

/* Visibility attributes must win over earlier mobile toolbar recipes. */
#ambientScene .topbar #sigmaGlobalAttention[hidden]{display:none!important;}

/* Measured sidebar capacity. Other shell and dashboard styling is unchanged.
   CSS reserves the header, directory route and account; JS selects full rows. */
/* Origo count badge: centers one or many digits in both grid and flex navigation. */
.origo-count-badge {
  align-items:center; justify-content:center; place-items:center; text-align:center;
  min-width:20px; min-height:20px; line-height:1; white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
#ambientScene > .sidebar > .surface-switcher {
  min-height:0; flex:1 1 0; overflow:visible;
}
#ambientScene > .sidebar #sigmaSurfaceNav {
  flex:1 1 0; min-height:0; gap:2px;
}
#ambientScene > .sidebar #sigmaSurfacePrimary {
  display:flex; flex-direction:column; gap:2px;
  flex:0 1 auto; min-height:0; overflow:auto;
  overscroll-behavior:contain; scrollbar-width:thin;
}
#ambientScene > .sidebar #sigmaSurfacePrimary > .nav-item,
#ambientScene > .sidebar #sigmaContextNav > .nav-item,
#ambientScene > .sidebar #nav-products {
  flex:0 0 auto;
}
#ambientScene > .sidebar #sigmaContextNav {
  flex:1 1 0; min-height:0; overflow:auto;
  overscroll-behavior:contain; scrollbar-width:thin;
}
#ambientScene[data-sigma-surface="sigma"] #sigmaSurfacePrimary > .sigma-context-label {
  display:none;
}
#ambientScene > .sidebar #sigmaPinnedProducts {
  flex:1 1 0; min-height:0; overflow:clip; gap:2px;
}
#ambientScene > .sidebar #sigmaPinnedProducts > .s13-nav-label {
  flex:0 0 auto;
}
#ambientScene > .sidebar #sigmaPinnedRows {
  display:flex; flex-direction:column; flex:1 1 0; min-height:0;
  gap:2px; padding:2px 0 5px;
}
#ambientScene > .sidebar #sigmaPinnedRows > .nav-item {
  flex:0 0 auto;
}
/* Insets preserve a visible focus ring even in the narrow icon rail. */
#ambientScene > .sidebar :is(#sigmaPinnedRows,#sigmaSurfacePrimary,#sigmaContextNav) > .nav-item:focus-visible {
  outline:2px solid var(--focus-ring); outline-offset:-3px;
}
#ambientScene > .sidebar #nav-products {
  margin-top:4px;
}
/* On non-Sigma surfaces the existing local navigation uses the free space. */
#ambientScene > .sidebar #sigmaSurfaceNav:has(#sigmaPinnedProducts[hidden]) #sigmaSurfacePrimary {
  flex:1 1 0;
}
/* Extreme-height / enlarged-text fallback: reachable content, never clipping.
   Enabled only when even the fixed controls cannot occupy the viewport. */
#ambientScene > .sidebar[data-sidebar-fit="scroll"] {
  overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin;
}
#ambientScene > .sidebar[data-sidebar-fit="scroll"] > .surface-switcher,
#ambientScene > .sidebar[data-sidebar-fit="scroll"] :is(#sigmaSurfaceNav,#sigmaSurfacePrimary,#sigmaContextNav) {
  flex:0 0 auto; min-height:auto; overflow:visible;
}
#ambientScene > .sidebar[data-sidebar-fit="scroll"] #sigmaPinnedProducts {
  display:none;
}


/* Priority 2: workspace switching is an action; application identity is quiet text.
   The measured-fit controller and all original Origo styles are retained. */
#ambientScene > .sidebar .sigma-sidebar-head {gap:0;padding:0 2px 2px;}
#ambientScene > .sidebar .sigma-sidebar-switch {padding:0;}
#ambientScene > .sidebar #sigmaProductSwitcher {width:100%;min-width:0;max-width:100%;gap:10px;padding:10px;min-height:44px;font-size:var(--text-body);}
#ambientScene > .sidebar #sigmaProductSwitcher .sigma-switch-mark {display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;color:var(--accent-text);font:600 23px/1 Georgia,serif;}
#ambientScene > .sidebar #sigmaProductSwitcher .sigma-switch-label {display:block;white-space:nowrap;overflow:visible;text-overflow:clip;}
#ambientScene > .sidebar #sigmaProductSwitcher .sigma-switch-chevron {display:block;flex:none;color:var(--muted);}
#ambientScene > .sidebar #sigmaSidebarBrand {display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:5px;margin:0;padding:18px 10px 14px;width:100%;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none;filter:none;transform:none;cursor:default;user-select:text;}
#ambientScene > .sidebar #sigmaSidebarBrand::before,#ambientScene > .sidebar #sigmaSidebarBrand::after {content:none;display:none;}
#ambientScene > .sidebar #sigmaSidebarBrand:hover {background:transparent;border:0;box-shadow:none;transform:none;}
#ambientScene > .sidebar .sigma-sidebar-brand-name {display:block;color:var(--ink);font:650 24px/1.2 var(--font-ui);letter-spacing:-.035em;white-space:normal;overflow-wrap:normal;overflow:visible;text-overflow:clip;}
#ambientScene > .sidebar .sigma-sidebar-brand-version {display:block;color:var(--muted);font:450 var(--text-meta)/1.5 var(--font-ui);letter-spacing:.01em;font-variant-numeric:tabular-nums;white-space:nowrap;}
#ambientScene > .sidebar .sigma-sidebar-monogram {display:none;}
#ambientScene > .sidebar :is(#sigmaSurfaceLabel,#sigmaContextLabel) {display:none;}
@media(min-width:821px) and (max-width:1180px) {
 #ambientScene > .sidebar #sigmaProductSwitcher {width:44px;min-width:44px;padding:10px;margin-inline:auto;justify-content:center;}
 #ambientScene > .sidebar #sigmaProductSwitcher :is(.sigma-switch-label,.sigma-switch-chevron) {display:none;}
 #ambientScene > .sidebar #sigmaSidebarBrand {justify-items:center;padding:14px 0 12px;}
 #ambientScene > .sidebar .sigma-sidebar-monogram {display:block;color:var(--ink);font:650 19px/1.4 var(--font-ui);letter-spacing:-.025em;}
 /* The full application name/version remains the accessible control description. */
 #ambientScene > .sidebar #sigmaSidebarBrand :is(.sigma-sidebar-brand-name,.sigma-sidebar-brand-version) {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
}

/* Priority 3: one profile/preferences control. The earlier shell sizing and
   complete-row fitting remain authoritative; only the account contents change. */
#ambientScene > .sidebar #sigmaAccount {
 display:flex;align-items:center;gap:10px;width:100%;min-width:0;
 min-height:56px;padding:9px 8px;border:1px solid var(--line);
 border-radius:10px;background:transparent;color:var(--ink);text-align:left;
}
#ambientScene > .sidebar #sigmaAccount:hover {
 background:var(--panel);border-color:var(--control-border);
}
#ambientScene > .sidebar #sigmaAccount:focus-visible {
 outline:2px solid var(--focus-ring);outline-offset:-3px;
}
#ambientScene > .sidebar #sigmaAccount .sigma-avatar {
 display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;
 border-radius:50%;background:var(--accent-surface);color:var(--accent-text);
}
#ambientScene > .sidebar #sigmaAccount .sigma-avatar svg {display:block;width:23px;height:23px;}
#ambientScene > .sidebar #sigmaAccount .sigma-account-copy {display:grid;min-width:0;flex:1;gap:2px;}
#ambientScene > .sidebar #sigmaAccountName {
 display:block;font:600 var(--text-label)/1.35 var(--font-ui);
 white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip;
}
#ambientScene > .sidebar #sigmaAccount .sigma-account-copy small {
 display:block;font:400 var(--text-meta)/1.4 var(--font-ui);
 color:var(--muted);white-space:normal;overflow:visible;text-overflow:clip;
}
@media(min-width:821px) and (max-width:1180px) {
 #ambientScene > .sidebar #sigmaAccount {
  width:44px;min-width:44px;min-height:44px;padding:5px;gap:0;margin-inline:auto;justify-content:center;
 }
 #ambientScene > .sidebar #sigmaAccount .sigma-avatar {width:32px;height:32px;flex-basis:32px;}
 #ambientScene > .sidebar #sigmaAccount .sigma-account-copy {display:none;}
}


/* 2026-09-06.9 — global command strip and Home framing only.
   Existing row, panel, sidebar, account, and domain styles are unchanged. */
:root {--topbar-height:56px;--sigma-home-measure:1880px;}
#ambientScene>.main>#sigmaGlobalHeader {
 height:auto;min-height:max(56px,calc(var(--text-body) * 1.4 + 33px));max-height:none;padding-block:7px;
 padding-inline:max(var(--s13-gutter),calc((100% - var(--sigma-home-measure)) / 2 + var(--s13-gutter)));
 gap:10px;align-items:center;
}
#ambientScene #sigmaGlobalHeader>.sigma-header-leading {display:none;}
#ambientScene #sigmaGlobalHeader>.top-actions {margin:0;flex:1;min-width:0;gap:10px;}
#ambientScene #sigmaGlobalHeader .s13-global-search {
 margin-left:0;margin-right:auto;height:auto;min-height:40px;
 flex:0 1 clamp(200px,26vw,390px);min-width:max-content;
}
#ambientScene #sigmaGlobalHeader .s13-global-search kbd {white-space:nowrap;}
#ambientScene #sigmaGlobalHeader #sigmaHomeUpdates {
 min-height:40px;padding:6px 10px;gap:8px;font:500 var(--text-body)/1.4 var(--font-ui);
 border:1px solid var(--line);border-radius:8px;flex:0 0 auto;white-space:nowrap;
}
#ambientScene #sigmaGlobalHeader #sigmaHomeUpdates:hover {background:var(--accent-surface);border-color:var(--control-border);}
#sigmaHomeUpdates svg {width:17px;height:17px;flex:none;}
#sigmaHomeUpdates .sigma-updates-short {display:none;}
#ambientScene .s13-home {max-width:var(--sigma-home-measure);}
#ambientScene #sigmaHomeToolbar[hidden] {display:none!important;}
/* Compact the update label before it competes with enlarged search text. */
@media(max-width:1080px) {
 #sigmaHomeUpdates .sigma-updates-full {display:none;}
 #sigmaHomeUpdates .sigma-updates-short {display:inline;}
}
/* A narrow/shallow Home still needs its section tabs. It has no static introduction. */
@media(max-width:820px) {
 #ambientScene #sigmaGlobalHeader>.sigma-header-leading {display:flex;flex:none;align-items:center;gap:0!important;}
 #ambientScene #sigmaGlobalHeader .s13-global-search {flex:0 0 40px;min-width:40px;width:40px;margin:0;margin-right:auto;}
 #ambientScene #sigmaGlobalHeader #sigmaHomeUpdates {font-size:var(--text-label);}
 #sigmaHomeUpdates .sigma-updates-full {display:none;}
 #sigmaHomeUpdates .sigma-updates-short {display:inline;}
}
@media(pointer:coarse) {
 #ambientScene>.main>#sigmaGlobalHeader {min-height:max(60px,calc(var(--text-body) * 1.4 + 33px));}
 #ambientScene #sigmaGlobalHeader :is(.s13-global-search,#sigmaHomeUpdates,.icon-btn,.primary-btn) {min-height:44px;}
 #ambientScene #sigmaGlobalHeader #mobileMenu {height:44px;min-height:44px;width:44px;min-width:44px;}
}
@media(max-width:820px) and (pointer:coarse) {
 #ambientScene #sigmaGlobalHeader .s13-global-search {width:44px;min-width:44px;flex-basis:44px;}
}

/* 2026-09-06.10 · workspace search and user feedback. Original Origo blocks unchanged. */
#ambientScene #sigmaGlobalHeader>.top-actions{min-width:0;gap:12px;align-items:center;}
#ambientScene .sigma-workspace-search{display:flex;align-items:center;position:relative;gap:10px;min-width:0;flex:0 1 520px;width:100%;margin:0 auto 0 0;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-dark);box-shadow:inset 0 1px 2px rgb(0 0 0 / .06);}
#ambientScene .sigma-workspace-search:focus-within{border-color:var(--accent-text);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-text) 13%,transparent);}
.sigma-workspace-search>svg{flex:none;width:18px;height:18px;color:var(--muted);}
#ambientScene .sigma-workspace-search #quickSearch{display:block!important;flex:1;min-width:0;width:100%;border:0;border-radius:0;background:none;box-shadow:none;color:var(--ink);font:400 var(--text-content)/1.5 var(--font-ui);padding:8px 0;margin:0;outline:0;min-height:38px;}
#ambientScene .sigma-workspace-search #quickSearch::placeholder{color:var(--muted);opacity:1;}
.sigma-workspace-search kbd{font:400 12px/1.3 var(--font-ui);color:var(--subtle);padding:2px 4px;white-space:nowrap;flex:none;}
#ambientScene #sigmaFeedbackOpen{display:inline-grid;flex:none;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;box-shadow:none;color:var(--muted);}
#ambientScene #sigmaFeedbackOpen:hover,#ambientScene #sigmaFeedbackOpen[aria-expanded="true"]{border-color:var(--control-border);background:var(--panel);color:var(--accent-text);}
#sigmaFeedbackOpen svg{width:21px;height:21px;}
#ambientScene #sigmaGlobalHeader #sigmaHomeUpdates{margin:0;flex:none;}
.sigma-search-popover{position:fixed;z-index:280;background:var(--panel);color:var(--ink);border:1px solid var(--control-border);border-radius:10px;box-shadow:0 14px 34px rgb(0 0 0 / .2);overflow:hidden;display:flex;flex-direction:column;max-width:calc(100vw - 20px);}
.sigma-search-popover[hidden]{display:none!important;}
.sigma-search-popover-head{padding:12px 16px 8px;font:500 var(--text-meta)/1.5 var(--font-ui);color:var(--muted);flex:none;}
#sigmaSearchSuggestions{overflow:auto;overscroll-behavior:contain;min-height:0;padding:4px 7px;scroll-padding-block:5px;}
.sigma-search-option{display:flex;gap:12px;align-items:start;min-height:62px;padding:12px 10px;border:1px solid transparent;border-radius:7px;cursor:pointer;}
.sigma-search-option:hover,.sigma-search-option[aria-selected="true"]{background:var(--accent-surface);border-color:var(--line);}
.sigma-search-icon{display:grid;place-items:center;width:29px;height:29px;flex:none;border:1px solid var(--line);border-radius:7px;color:var(--muted);font:600 12px/1 var(--font-ui);}
.sigma-search-copy{min-width:0;flex:1;}
.sigma-search-copy strong{display:block;font:600 var(--text-content)/1.45 var(--font-ui);overflow-wrap:anywhere;}
.sigma-search-copy small{display:block;font:400 var(--text-meta)/1.6 var(--font-ui);color:var(--muted);margin-top:3px;overflow-wrap:anywhere;}
.sigma-search-copy p{font:400 var(--text-body)/1.65 var(--font-ui);margin:6px 0 0;color:var(--muted);overflow-wrap:anywhere;}
.sigma-search-option .sigma-search-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.sigma-search-copy mark{background:color-mix(in srgb,var(--accent-text) 18%,transparent);color:var(--ink);font-weight:550;border-radius:2px;padding:0;}
.sigma-search-popover-footer{padding:8px 16px;border-top:1px solid var(--line);flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.sigma-search-popover-footer button{font:500 var(--text-body)/1.5 var(--font-ui);min-height:36px;}
.sigma-search-popover-footer span{font:400 var(--text-meta)/1.5 var(--font-ui);color:var(--muted);}
.sigma-search-empty{padding:22px 16px;font:400 var(--text-body)/1.65 var(--font-ui);color:var(--muted);}
.sigma-search-empty strong{display:block;color:var(--ink);font-size:var(--text-content);margin-bottom:6px;}
#ambientScene #view-search{height:calc(var(--viewport-height) - var(--topbar-height));min-height:0;display:flex;flex-direction:column;background:var(--page);}
#view-search[hidden]{display:none!important;}
.sigma-search-results-heading{flex:none;padding:22px var(--s13-gutter) 18px;border-bottom:1px solid var(--line);}
.sigma-search-results-heading>div{max-width:1120px;margin:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.sigma-search-results-heading h1{font:650 24px/1.35 var(--font-ui);letter-spacing:-.025em;margin:10px 0 6px;overflow-wrap:anywhere;}
.sigma-search-results-heading p{font:400 var(--text-body)/1.65 var(--font-ui);color:var(--muted);margin:0;}
.sigma-search-results-heading .text-action{font-size:var(--text-body);min-height:36px;}
.sigma-search-results-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.sigma-search-results-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:8px var(--s13-gutter) 28px;}
#sigmaSearchResultList{max-width:1120px;margin:auto;}
.sigma-search-result{display:flex;align-items:flex-start;gap:14px;width:100%;padding:20px 4px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);text-align:left;cursor:pointer;}
.sigma-search-result:hover{background:color-mix(in srgb,var(--accent-surface) 45%,transparent);}
.sigma-search-result .sigma-search-copy{max-width:92ch;}
.sigma-search-result>span:last-child:not(.sigma-search-copy){color:var(--subtle);margin-left:auto;}
.sigma-search-target{outline:2px solid var(--accent-text);outline-offset:3px;}
/* The primary action is the same retained node, hosted by the active working surface. */
#ambientScene .workspace-view #primaryAction{flex:none;font-size:var(--text-body);min-height:38px;width:auto;height:auto;padding:8px 12px;white-space:normal;}
#ambientScene .workspace-view #primaryAction[hidden]{display:none!important;}
#ambientScene .workspace-view #primaryAction::after{content:none!important;}
.sigma-workspace-tools{margin-top:24px;border-top:1px solid var(--line);padding-top:16px;font-size:var(--text-body);}
.sigma-workspace-tools summary{color:var(--muted);cursor:pointer;padding:8px 0;}
.sigma-workspace-tools button{margin-top:8px;}
/* Non-modal feedback: opaque writing surface, no backdrop and no task reflow. */
#ambientScene .sigma-feedback-panel{position:fixed;right:0;top:var(--topbar-height);bottom:var(--safe-bottom);width:min(410px,100vw);z-index:260;display:flex;flex-direction:column;min-height:0;max-height:calc(var(--viewport-height) - var(--topbar-height) - var(--safe-bottom));border:0;border-left:1px solid var(--control-border);background:var(--panel);box-shadow:-10px 0 28px rgb(0 0 0 / .16);color:var(--ink);}
#ambientScene .sigma-feedback-panel[hidden]{display:none!important;}
.sigma-feedback-head{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:16px 20px;flex:none;}
.sigma-feedback-head h2{font:650 20px/1.4 var(--font-ui);margin:0;letter-spacing:-.02em;}
.sigma-feedback-scroll{overflow:auto;min-height:0;padding:20px;overscroll-behavior:contain;flex:1;}
.sigma-feedback-scroll form{display:grid;gap:18px;}
.sigma-feedback-scroll .form-field textarea{min-height:180px;resize:vertical;font-size:var(--text-content);line-height:1.7;}
.sigma-feedback-scroll .form-field select{font-size:var(--text-body);}
.sigma-feedback-context{border-block:1px solid var(--line);padding:14px 0;font-size:var(--text-meta);}
.sigma-feedback-check{display:flex;align-items:center;gap:9px;min-height:36px;font-size:var(--text-body);cursor:pointer;}
.sigma-feedback-check input{width:17px;height:17px;flex:none;margin:0;}
.sigma-feedback-context dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:12px 0 0;line-height:1.65;}
.sigma-feedback-context dt{color:var(--muted);}
.sigma-feedback-context dd{margin:0;overflow-wrap:anywhere;}
.sigma-feedback-note,.sigma-feedback-status{font:400 var(--text-meta)/1.7 var(--font-ui);color:var(--muted);margin:0;}
.sigma-feedback-status{min-height:1.7em;}
.sigma-feedback-status[data-error="true"]{color:var(--danger);}
.sigma-feedback-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.sigma-feedback-actions button{min-height:40px;}
.sigma-feedback-success{display:grid;gap:14px;font-size:var(--text-body);line-height:1.7;}
.sigma-feedback-success>strong{font-size:var(--text-content);}
.sigma-feedback-success p{margin:0;color:var(--muted);}
.sigma-feedback-archive{margin-top:26px;border-top:1px solid var(--line);padding-top:16px;font-size:var(--text-body);}
.sigma-feedback-archive>summary{cursor:pointer;padding:6px 0;color:var(--muted);}
.sigma-feedback-record{padding:14px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere;}
.sigma-feedback-record>strong{font-size:var(--text-body);}
.sigma-feedback-record small{display:block;color:var(--muted);font-size:var(--text-meta);margin-top:4px;}
.sigma-feedback-record p{white-space:pre-wrap;font-size:var(--text-body);line-height:1.7;margin:9px 0;}
.sigma-feedback-archive .text-action{margin-top:16px;min-height:40px;}
@media(max-width:820px){
 #ambientScene #sigmaGlobalHeader>.top-actions{gap:8px;}
 #ambientScene .sigma-workspace-search{flex:1;max-width:none;width:auto;padding:0 10px;gap:8px;}
 #ambientScene .sigma-workspace-search kbd{display:none;}
 #ambientScene .sigma-workspace-search #quickSearch{font-size:16px;}
 #ambientScene .sigma-feedback-panel{width:100%;border-left:0;box-shadow:none;}
 .sigma-search-results-heading{padding-block:16px;}
 .sigma-search-results-heading h1{font-size:22px;}
 #ambientScene #sigmaGlobalHeader #sigmaHomeUpdates{padding-inline:8px;min-width:36px;}
 #sigmaGlobalHeader #sigmaHomeUpdates .sigma-updates-short{display:none;}
}
@media(max-width:360px){
 #ambientScene #sigmaGlobalHeader>.top-actions{gap:5px;}
 #ambientScene .sigma-workspace-search{padding-inline:8px;gap:6px;}
 .sigma-search-popover-head{padding-inline:12px;}
 .sigma-search-option{gap:9px;padding-inline:6px;}
 .sigma-feedback-head,.sigma-feedback-scroll{padding:16px;}
 .sigma-feedback-scroll .form-field textarea{min-height:132px;}
 .sigma-search-popover-footer span{display:none;}
}
@media(pointer:coarse){
 #ambientScene #sigmaFeedbackOpen{height:44px;min-height:44px;width:44px;min-width:44px;}
 #ambientScene .sigma-workspace-search{min-height:44px;}
 #ambientScene .sigma-workspace-search #quickSearch{min-height:42px;}
 .sigma-search-popover-footer button,.sigma-feedback-actions button{min-height:44px;}
}
@media(forced-colors:active){.sigma-workspace-search,.sigma-search-popover,.sigma-feedback-panel{border:1px solid CanvasText!important;}.sigma-search-option[aria-selected="true"]{outline:2px solid Highlight;}.sigma-search-copy mark{background:Highlight;color:HighlightText;}}

/* 2026-09-06.11 · Universal attention uses the existing object projection.
   Header utilities are outline glyphs, not raised/filled action surfaces. */
#ambientScene #sigmaGlobalHeader :is(#sigmaAttentionOpen,#sigmaFeedbackOpen){
 display:inline-flex;align-items:center;justify-content:center;flex:none;
 height:40px;min-height:40px;padding:0;border:1px solid transparent;
 border-radius:8px;background:transparent;box-shadow:none;background-image:none;
 color:var(--muted);transform:none;filter:none;
}
#ambientScene #sigmaGlobalHeader #sigmaFeedbackOpen{width:40px;min-width:40px;}
#ambientScene #sigmaGlobalHeader #sigmaAttentionOpen{width:68px;min-width:68px;gap:5px;}
#ambientScene #sigmaGlobalHeader :is(#sigmaAttentionOpen,#sigmaFeedbackOpen):is(:hover,[aria-expanded="true"]){
 background:transparent;border-color:transparent;box-shadow:none;color:var(--accent-text);
}
#ambientScene #sigmaGlobalHeader :is(#sigmaAttentionOpen,#sigmaFeedbackOpen):focus-visible{
 outline:2px solid var(--focus-ring);outline-offset:2px;
}
#ambientScene #sigmaGlobalHeader :is(#sigmaAttentionOpen,#sigmaFeedbackOpen)::after{content:none;}
#sigmaAttentionOpen>svg,#sigmaFeedbackOpen>svg{width:21px;height:21px;flex:none;color:currentColor;}
.sigma-attention-count{display:inline-flex;align-items:center;justify-content:center;flex:none;
 min-width:23px;min-height:20px;padding:1px 4px;border:1px solid var(--control-border);
 border-radius:5px;background:transparent;font:550 var(--text-meta)/1.35 var(--font-ui);
 font-variant-numeric:tabular-nums;color:var(--ink);}
#sigmaAttentionOpen[data-count="0"] .sigma-attention-count{color:var(--muted);border-color:var(--line);}
#sigmaAttentionOpen[data-state="unavailable"] .sigma-attention-count{border-style:dashed;}
#ambientScene .sigma-attention-panel{position:fixed;z-index:270;display:flex;flex-direction:column;
 min-height:0;max-width:100%;overflow:hidden;background:var(--panel);color:var(--ink);
 border:1px solid var(--control-border);border-radius:12px;box-shadow:0 14px 34px rgb(0 0 0 / .18);}
#ambientScene .sigma-attention-panel[hidden]{display:none!important;}
.sigma-attention-head{display:flex;align-items:flex-start;gap:12px;padding:18px 18px 10px;flex:none;}
.sigma-attention-head>div{min-width:0;flex:1;}
.sigma-attention-head h2{font:650 19px/1.4 var(--font-ui);letter-spacing:-.02em;margin:0;}
.sigma-attention-head p{font:400 var(--text-meta)/1.6 var(--font-ui);color:var(--muted);margin:3px 0 0;}
#ambientScene .sigma-attention-head .mini-icon-btn{background:none;border:0;border-radius:7px;box-shadow:none;flex:none;}
#sigmaAttentionClose svg{width:19px;height:19px;}
.sigma-attention-filters{display:flex;gap:5px;flex-wrap:wrap;padding:0 18px 12px;flex:none;border-bottom:1px solid var(--line);}


.sigma-attention-notice{padding:10px 18px;border-bottom:1px solid var(--line);flex:none;}
.sigma-attention-notice .text-action{font-size:var(--text-body);min-height:36px;}
.sigma-attention-notice p{margin:0 0 4px;font:400 var(--text-meta)/1.65 var(--font-ui);color:var(--muted);}
.sigma-attention-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:3px 12px;scroll-padding-block:8px;}
#ambientScene .sigma-attention-panel .s13-row{padding:14px 7px;gap:12px;min-height:70px;width:100%;border-radius:0;align-items:start;}
#ambientScene .sigma-attention-panel .s13-row .s13-row-icon{margin-top:1px;}
#ambientScene .sigma-attention-panel .s13-row strong{font-size:var(--text-content);line-height:1.5;display:block;overflow:visible;-webkit-line-clamp:unset;overflow-wrap:anywhere;}
#ambientScene .sigma-attention-panel .s13-row small{font-size:var(--text-meta);line-height:1.65;white-space:normal;overflow-wrap:anywhere;}
#ambientScene .sigma-attention-panel .s13-row .s13-row-arrow{margin-top:4px;}
#ambientScene .sigma-attention-panel .s13-row:last-child{border-bottom:0;}
.sigma-attention-empty{padding:24px 8px;font:400 var(--text-body)/1.7 var(--font-ui);color:var(--muted);}
.sigma-attention-empty strong{display:block;color:var(--ink);font-size:var(--text-content);margin-bottom:5px;}
.sigma-attention-empty p{margin:0;}
.sigma-attention-foot{padding:10px 18px;flex:none;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.sigma-attention-foot>span{font:400 var(--text-meta)/1.5 var(--font-ui);color:var(--muted);}
.sigma-attention-foot button{min-height:36px;font-size:var(--text-body);}
#ambientScene .sigma-attention-panel[data-short="true"]{overflow:auto;}
#ambientScene .sigma-attention-panel[data-short="true"] .sigma-attention-list{overflow:visible;flex:none;}
@media(max-width:820px){
 #ambientScene .sigma-attention-panel{border-radius:0;border-left:0;border-right:0;box-shadow:none;}
 .sigma-attention-head{padding:16px 16px 10px;}
 .sigma-attention-filters{padding-inline:16px;}
 .sigma-attention-list{padding-inline:10px;}
 .sigma-attention-foot{padding:10px 16px max(10px,var(--safe-bottom));}
}
@media(max-width:360px){
 #ambientScene #sigmaGlobalHeader #sigmaAttentionOpen{width:62px;min-width:62px;gap:4px;}
 .sigma-attention-filters{gap:3px;}
}
@media(pointer:coarse){
 #ambientScene #sigmaGlobalHeader :is(#sigmaAttentionOpen,#sigmaFeedbackOpen){height:44px;min-height:44px;}
 #ambientScene #sigmaGlobalHeader #sigmaFeedbackOpen{width:44px;min-width:44px;}
 .sigma-attention-foot button,.sigma-attention-notice button{min-height:44px;}
}
@media(forced-colors:active){
 #sigmaAttentionOpen,#sigmaFeedbackOpen{color:ButtonText!important;}
 .sigma-attention-count{border-color:ButtonText;color:ButtonText;}
 .sigma-attention-panel{border:1px solid CanvasText!important;}

}

/* Shared object rows: object, purpose, context. No alternate miniature specimens. */
#ambientScene .s13-row.s12-object-row{padding:11px 2px;min-height:76px;align-items:center;gap:12px;border-bottom:1px solid var(--line);border-top:0;box-shadow:none;background-image:none;transform:none;}
#ambientScene .s12-object-row:last-child,#ambientScene .s12-object-row.s12-last-visible{border-bottom-color:transparent;}
#ambientScene .s12-object-row .s13-row-icon{align-self:flex-start;margin-top:2px;width:28px;height:28px;border:0;background:transparent;box-shadow:none;border-radius:6px;color:var(--muted);}
#ambientScene .s12-object-row .s13-row-icon svg{width:18px;height:18px;stroke-width:1.5;}
#ambientScene .s12-object-row .s13-row-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;}
#ambientScene .s12-object-row .s13-row-copy>strong{font:600 var(--text-content)/1.4 var(--font-ui);color:var(--ink);margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow:hidden;overflow-wrap:anywhere;}
#ambientScene .s12-row-secondary{display:block;font:450 var(--text-label)/1.4 var(--font-ui);color:var(--muted);min-width:0;}
#ambientScene .s12-row-reason{color:var(--ink);}
#ambientScene .s12-object-row[data-tone="critical"] .s12-row-reason,#ambientScene .s12-object-row[data-tone="critical"] .s13-row-icon{color:var(--danger);}
#ambientScene .s12-object-row[data-tone="important"] .s12-row-reason{color:var(--amber);}
#ambientScene .s12-row-location{color:var(--muted);}
#ambientScene .s12-row-excerpt{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#ambientScene .s12-row-meta{font:400 var(--text-meta)/1.4 var(--font-ui);color:var(--muted);display:block;min-width:0;overflow-wrap:anywhere;}
#ambientScene .s12-row-meta time{font-variant-numeric:tabular-nums;}
#ambientScene .s12-draft{color:var(--amber);font-weight:550;}
#ambientScene .s13-collection-list .s12-object-row .s13-row-copy>strong{-webkit-line-clamp:unset;overflow:visible;}
#ambientScene .s13-collection-list .s12-row-excerpt{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#ambientScene .s12-object-row:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:6px;}
.s12-shell-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0;}
.s12-shell-actions button{font-size:var(--text-body);min-height:40px;}
.s12-shell-contracts{display:grid;gap:14px;margin-top:22px;}
.s12-shell-contracts article{border-top:1px solid var(--line);padding-top:14px;min-width:0;}
.s12-shell-contracts h3{font-size:var(--text-content);line-height:1.5;margin:0 0 7px;}
.s12-shell-contracts code{font:var(--text-meta)/1.5 var(--font-code);color:var(--muted);display:block;}
.s12-shell-contracts p{font-size:var(--text-body);line-height:1.75;margin:6px 0;}
.s12-shell-examples{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:20px 0;}
.s12-shell-example{border:1px solid var(--line);border-radius:10px;padding:16px;background:var(--panel);min-width:0;}
.s12-shell-example>h3{font-size:var(--text-body);margin:0 0 12px;line-height:1.4;}
.s12-shell-example .s13-row{width:100%;}.s12-shell-empty{font-size:var(--text-body);line-height:1.6;color:var(--muted);margin:0;}
.s12-shell-handoff{font:var(--text-label)/1.7 var(--font-code);white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:var(--panel-dark);border:1px solid var(--line);border-radius:8px;}
@media(min-width:1440px){#galleryShell .s12-shell-examples{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:520px){#ambientScene .s13-row.s12-object-row{padding-block:12px;gap:9px;}#ambientScene .s12-object-row .s13-row-icon{width:24px;height:24px;}.s12-shell-example{padding:12px;}}
@media(forced-colors:active){#ambientScene .s12-object-row{forced-color-adjust:auto;border-bottom-color:CanvasText;color:CanvasText;}#ambientScene .s12-row-reason,#ambientScene .s12-row-meta,#ambientScene .s12-row-secondary,#ambientScene .s12-draft,#ambientScene .s12-object-row .s13-row-icon{color:CanvasText;}#ambientScene .s12-object-row:focus-visible{outline-color:Highlight;}#ambientScene .s12-object-row:last-child,#ambientScene .s12-object-row.s12-last-visible{border-bottom-color:transparent;}}
/* The narrowest Home tabs keep their full labels without a two-pixel page spill. */
@media(max-width:320px){#ambientScene .s13-home-tabs{gap:2px;max-width:100%;}#ambientScene .s13-home-tabs button{padding-inline:8px;}}

/* Vesta Access — Origo working surfaces. Identity, approvals and onboarding,
   with the same typography, inputs, action materials and shared shell. */
html[data-vesta-boot="pending"] #ambientScene{visibility:hidden}
#view-vesta,#view-account{height:calc(var(--viewport-height) - var(--topbar-height));min-height:0!important;overflow:hidden}
.vesta-surface{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--page);color:var(--ink);font:var(--text-body)/1.55 var(--font-ui)}
.vesta-surface :is(h1,h2,h3,p){margin:0}.vesta-surface h1{font-size:26px;line-height:1.25;letter-spacing:-.035em;font-weight:650}.vesta-surface h2{font-size:19px;line-height:1.35;letter-spacing:-.02em}.vesta-surface h3{font-size:15px;line-height:1.45}
.vesta-head{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:22px var(--s13-gutter,24px) 18px;flex:none;border-bottom:1px solid var(--line)}
.vesta-head p{font-size:13px;color:var(--muted);margin-top:5px}.vesta-head-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.vesta-head-actions .text-action{font-size:13px}
.vesta-eyebrow{display:block;color:var(--muted);font:600 12px/1.5 var(--font-ui);margin-bottom:10px;letter-spacing:.05em}.vesta-muted{color:var(--muted);font-size:13px;line-height:1.6}.vesta-muted:empty{display:none}
.vesta-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.vesta-reading{max-width:880px;margin:0 auto;padding:28px var(--s13-gutter,24px) 40px;width:100%}
.vesta-reading>.vesta-lead{margin:9px 0 24px;color:var(--muted);font-size:15px;line-height:1.7;max-width:62ch}.vesta-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.vesta-actions .text-action{font-size:14px}.vesta-surface .primary-btn,.vesta-surface .soft-btn{min-height:42px}
.vesta-surface .vesta-btn-quiet{border:0;box-shadow:none;background:none;color:var(--muted);font:500 14px/1.5 var(--font-ui);padding:8px;cursor:pointer}.vesta-surface .vesta-btn-quiet:hover{color:var(--ink)}
.vesta-status{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);line-height:1.5;white-space:nowrap}.vesta-status:before{content:'';height:6px;width:6px;border-radius:50%;background:currentColor}.vesta-status[data-state="active"]{color:var(--success)}.vesta-status[data-state="changes"],.vesta-status[data-state="expired"]{color:var(--amber)}
.vesta-surface .form-field{font-size:14px;color:var(--ink);gap:7px}.vesta-surface .form-field input,.vesta-surface .form-field select,.vesta-surface .form-field textarea{font:400 15px/1.5 var(--font-ui);min-height:44px;background:var(--panel-dark);border:1px solid var(--control-border);border-radius:8px;padding:10px 12px}.vesta-surface .form-field textarea{resize:vertical;min-height:100px}
.vesta-field-help{font-size:12px;color:var(--muted);line-height:1.5}.vesta-surface .form-field input[readonly]{background:transparent;border-color:var(--line);color:var(--muted)}.vesta-form{display:grid;gap:20px}.vesta-form-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vesta-field-error{font-size:13px;color:var(--danger);line-height:1.5}.vesta-field-error:empty{display:none}
.vesta-foot{display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap;padding:12px var(--s13-gutter,24px);border-top:1px solid var(--line);flex:none;min-height:58px;background:var(--page)}.vesta-foot>small{font-size:12px;color:var(--muted);line-height:1.45}.vesta-foot .text-action{font-size:13px}
.vesta-stepper{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:24px;font-size:13px}.vesta-stepper span{display:flex;gap:8px;color:var(--muted);align-items:center}.vesta-stepper b{font-weight:500;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:12px}.vesta-stepper [aria-current="step"]{color:var(--accent-text)}.vesta-stepper [aria-current="step"] b{background:var(--accent-surface);border-color:var(--accent-text)}
.vesta-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;margin-top:26px;border-top:1px solid var(--line)}.vesta-form-bottom .text-action{font-size:14px}
.vesta-evidence{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px;padding:22px 0;margin:18px 0;border-block:1px solid var(--line)}.vesta-evidence>div{min-width:0}.vesta-evidence dt{font-size:12px;color:var(--muted);margin-bottom:4px}.vesta-evidence dd{margin:0;font-size:15px;overflow-wrap:anywhere}.vesta-evidence dd code{font-size:13px}
.vesta-callout{border-left:3px solid var(--accent-text);padding:12px 16px;background:var(--accent-surface);font-size:14px;line-height:1.65;margin:20px 0}.vesta-callout p{margin-top:6px}.vesta-callout[data-tone="warning"]{border-color:var(--amber);background:color-mix(in srgb,var(--amber) 7%,transparent)}
.vesta-timeline{list-style:none;padding:0;margin:28px 0;display:grid;gap:0}.vesta-timeline li{position:relative;display:flex;gap:14px;align-items:start;padding:0 0 22px;min-height:40px}.vesta-timeline li:not(:last-child):before{content:'';position:absolute;top:22px;bottom:1px;left:10px;border-left:1px solid var(--line)}.vesta-timeline .vesta-step-dot{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:22px;height:22px;flex:none;color:var(--muted);font-size:12px}.vesta-timeline li[data-done="true"] .vesta-step-dot{border-color:var(--accent-text);color:var(--accent-text)}.vesta-timeline li[aria-current="step"] strong{color:var(--accent-text)}.vesta-timeline strong{font-size:14px;font-weight:550}.vesta-timeline small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.vesta-history{margin-top:26px;border-top:1px solid var(--line);padding-top:16px}.vesta-history summary{font-size:13px;color:var(--muted);cursor:pointer;padding:6px 0}.vesta-history ol{padding-left:22px;font-size:13px}.vesta-history li{margin:10px 0}.vesta-history time{display:block;color:var(--muted);font-size:12px}
/* The public entry is not an authenticated portfolio with its navigation covered. */
html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #ambientScene{grid-template-columns:minmax(0,1fr)}html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #ambientScene>.main{grid-column:1}html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #ambientScene>.sidebar{display:none!important}html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #mobileMenu{display:none!important}
#vestaPublicBrand{display:none;font:650 18px/1.3 var(--font-ui);letter-spacing:-.025em;gap:10px;align-items:center;color:var(--ink);white-space:nowrap}#vestaPublicBrand>span{color:var(--accent-text);font-family:Georgia,serif;font-size:25px}html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #vestaPublicBrand{display:flex}html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #sigmaSearchForm{max-width:360px;margin-left:auto}html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #sigmaAttentionOpen{display:none!important}
.vesta-entry{width:min(510px,100%);margin:auto;padding:clamp(24px,5vh,58px) 24px}.vesta-entry .vesta-wordmark{color:var(--accent-text);font-size:14px;font-weight:600;margin-bottom:26px;display:flex;gap:8px;align-items:center}.vesta-entry h1{font-size:32px;line-height:1.2}.vesta-entry>.vesta-lead{font-size:16px;color:var(--muted);line-height:1.7;margin:14px 0 28px}.vesta-provider-list{display:grid;gap:12px}.vesta-provider{display:flex;gap:14px;align-items:center;min-height:58px;width:100%;text-align:left;padding:14px 18px;border-radius:9px;font-size:15px}.vesta-provider>svg{height:21px;width:21px;flex:none}.vesta-provider>span{flex:1}.vesta-entry-help{border-top:1px solid var(--line);padding-top:18px;margin-top:28px;font-size:13px;color:var(--muted)}.vesta-entry-help summary{cursor:pointer;padding:5px 0}.vesta-entry-help p{margin:10px 0;line-height:1.7}.vesta-provider-confirm{padding:18px 0;border-block:1px solid var(--line);margin:20px 0}.vesta-provider-confirm>strong{display:block;font-size:17px}.vesta-provider-confirm p{margin-top:6px}.vesta-provider-confirm+.vesta-actions{margin-top:26px}
/* Review workspace. The queue and detail are working panes, not modal dialogs. */
.vesta-review-tools{display:flex;align-items:center;gap:16px;padding:12px var(--s13-gutter,24px);flex:none;border-bottom:1px solid var(--line)}.vesta-review-tools>.search-field{flex:1;max-width:330px;min-width:120px}.vesta-review-tabs{display:flex;gap:8px;margin-left:auto}.vesta-review-tabs button{background:none;border:1px solid transparent;min-height:38px;padding:7px 10px;border-radius:7px;font-size:13px;color:var(--muted);cursor:pointer}.vesta-review-tabs button[aria-pressed="true"]{background:var(--accent-surface);border-color:var(--line);color:var(--accent-text)}
.vesta-review-grid{display:grid;grid-template-columns:minmax(260px,310px) minmax(0,1fr);flex:1;min-height:0;overflow:hidden}.vesta-queue{overflow:auto;min-height:0;border-right:1px solid var(--line);padding:8px;scrollbar-gutter:stable;overscroll-behavior:contain}.vesta-queue-item{width:100%;min-height:74px;display:flex;align-items:center;gap:12px;padding:14px 12px;border:1px solid transparent;border-radius:8px;background:none;text-align:left;color:var(--ink);cursor:pointer;line-height:1.5}.vesta-queue-item[aria-current="true"]{background:var(--accent-surface);border-color:var(--control-border)}.vesta-queue-item:hover{background:var(--panel)}.vesta-queue-item>span{min-width:0;flex:1}.vesta-queue-item strong{display:block;font-size:15px;font-weight:550}.vesta-queue-item small{display:block;font-size:12px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.vesta-queue-item>i{font-size:12px;font-style:normal;color:var(--muted)}
.vesta-review-detail{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;background:var(--panel)}.vesta-review-copy{padding:26px 30px;max-width:920px;width:100%;margin:0 auto;overflow:auto;flex:1;min-height:0;scrollbar-gutter:stable}.vesta-review-copy h2{font-size:24px}.vesta-review-copy>.vesta-muted{margin-top:6px}.vesta-review-copy>.vesta-evidence{margin:20px 0}.vesta-purpose{font-size:15px;line-height:1.75;overflow-wrap:anywhere;margin:9px 0 22px!important}.vesta-review-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px 26px;border-top:1px solid var(--line);flex:none;background:var(--panel)}.vesta-review-actions>:is(.primary-btn,.origo-button[data-variant="primary"]){margin-left:auto}.vesta-review-actions>p{flex:1 1 100%}.vesta-review-fields{display:grid;gap:16px;padding-top:20px;border-top:1px solid var(--line);margin-top:20px}.vesta-review-fields .form-field>select{max-width:420px}.vesta-review-fields input[type=date]{max-width:230px}.vesta-radio-row{display:flex;flex-wrap:wrap;gap:12px}.vesta-radio-row label{display:flex;gap:9px;align-items:center;border:1px solid var(--control-border);padding:10px 12px;border-radius:8px;font-size:14px;cursor:pointer}.vesta-radio-row input{margin:0;width:17px;height:17px}.vesta-decision-note{margin-top:22px;display:grid;gap:14px;padding:20px;background:var(--page);border:1px solid var(--line);border-radius:9px}.vesta-decision-note h3{font-size:16px}.vesta-mobile-back{display:none}.vesta-review-empty{display:grid;align-content:center;justify-items:start;gap:12px;padding:30px;max-width:640px;margin:auto;min-height:200px}.vesta-review-empty h2{font-size:24px}.vesta-review-progress{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
/* Account: identity and preferences share a global self-service destination. */
.vesta-identity-head>div{min-width:0}.vesta-identity-head :is(h2,p){overflow-wrap:anywhere}.vesta-identity-icon{flex:none}
.vesta-account-tabs{display:flex;gap:6px;padding:0 var(--s13-gutter,24px);border-bottom:1px solid var(--line);flex:none}.vesta-account-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:13px 16px;color:var(--muted);font-size:14px;cursor:pointer;min-height:46px}.vesta-account-tabs button[aria-selected="true"]{color:var(--accent-text);border-bottom-color:var(--accent-text)}.vesta-account-panel{min-height:0;overflow:auto;flex:1;scrollbar-gutter:stable;overscroll-behavior:contain}.vesta-account-panel[hidden]{display:none!important}.vesta-account-preferences>.m12-page{max-width:1000px}.vesta-account-preferences .m12-page-head{display:none}.vesta-identity{max-width:1080px;margin:0 auto;padding:28px var(--s13-gutter,24px) 50px}.vesta-identity-head{display:flex;align-items:center;gap:16px;margin-bottom:26px}.vesta-identity-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--accent-surface);color:var(--accent-text)}.vesta-identity-icon svg{width:26px;height:26px}.vesta-identity-head h2{font-size:24px}.vesta-identity-head p{font-size:14px;color:var(--muted);margin-top:4px}.vesta-identity-section{padding:22px 0;border-top:1px solid var(--line)}.vesta-section-title{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:18px}.vesta-section-title>div{min-width:0}.vesta-section-title p{font-size:13px;color:var(--muted);margin-top:4px}.vesta-identity .vesta-evidence{padding:0;margin:0;border:0}
.vesta-identifiers{margin-top:22px}.vesta-identifiers summary{font-size:13px;color:var(--accent-text);cursor:pointer;padding:6px 0}.vesta-identifiers dl{margin-top:18px!important}.vesta-identifier-value{display:flex;gap:8px;align-items:center;justify-content:space-between}.vesta-identifier-value code{overflow-wrap:anywhere}.vesta-identifier-value button{flex:none;font-size:12px}
.vesta-credential{display:flex;align-items:start;gap:14px;padding:18px 0;border-top:1px solid var(--line)}.vesta-credential:first-child{border-top:0;padding-top:0}.vesta-credential>svg{width:21px;height:21px;margin-top:4px;color:var(--muted);flex:none}.vesta-credential>div{flex:1;min-width:0}.vesta-credential strong{font-size:15px;display:block;font-weight:550}.vesta-credential p{font-size:13px;color:var(--muted);margin-top:4px;line-height:1.6}.vesta-credential .text-action{font-size:13px}.vesta-inline-panel{border:1px solid var(--line);border-radius:10px;padding:22px;margin:12px 0;background:var(--panel)}.vesta-inline-panel .vesta-form-columns{margin:16px 0}.vesta-inline-panel>.vesta-actions{margin-top:18px}.vesta-inline-panel .vesta-muted{margin-top:7px}
.vesta-generator{padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--panel);display:grid;gap:16px}.vesta-generator-controls{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.vesta-generator-controls .form-field{max-width:180px;flex:1}.vesta-generator-result{display:flex;align-items:center;gap:8px}.vesta-generator-result input{width:100%;min-width:0;padding:14px 12px;font:15px/1.7 var(--font-code);border:1px solid var(--control-border);border-radius:8px;background:var(--panel-dark);color:var(--ink)}.vesta-generator-result button{flex:none}.vesta-generator-result textarea{resize:none;width:100%;font:15px/1.7 var(--font-code);padding:14px;min-height:82px;line-height:1.7;border:1px solid var(--control-border);border-radius:8px;background:var(--panel-dark)}
.vesta-nav .nav-icon{font-size:17px}.vesta-nav[hidden]{display:none!important}.vesta-lab-controls{display:grid;gap:20px}.vesta-fixture-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.vesta-fixture-grid>button{display:grid;gap:6px;align-content:start;text-align:left;padding:16px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);cursor:pointer;min-height:95px}.vesta-fixture-grid strong{font-size:14px}.vesta-fixture-grid small{font-size:12px;line-height:1.6;color:var(--muted)}.vesta-lab-actors{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.vesta-lab-actors label{flex:1;min-width:180px}.vesta-lab-log{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 var(--font-code);max-height:450px;overflow:auto;background:var(--panel-dark);padding:16px;border:1px solid var(--line);border-radius:8px}
@media(min-width:1800px){.vesta-review-grid{grid-template-columns:360px minmax(0,1fr)}.vesta-review-copy{padding-inline:38px}}
@media(max-width:1000px){.vesta-review-grid{grid-template-columns:245px minmax(0,1fr)}.vesta-review-copy{padding:22px}.vesta-review-actions{padding:14px 20px;gap:10px}.vesta-review-actions :is(.primary-btn,.origo-button[data-variant="primary"]){width:100%;margin-left:0}.vesta-head{padding-top:18px}}
@media(max-width:700px){.vesta-head{padding:18px 16px;align-items:flex-start;gap:12px}.vesta-head h1{font-size:23px}.vesta-head-actions{gap:8px}.vesta-head p{font-size:12px}.vesta-review-tools{padding:10px 12px;gap:10px;flex-wrap:wrap}.vesta-review-tabs{margin-left:0}.vesta-review-tools>.search-field{max-width:none;flex-basis:100%}.vesta-review-grid{display:flex}.vesta-queue{width:100%;border:0}.vesta-review-detail{display:none;flex:1}.vesta-review-grid[data-detail="true"] .vesta-queue{display:none}.vesta-review-grid[data-detail="true"] .vesta-review-detail{display:flex}.vesta-review-copy{padding:20px 18px}.vesta-mobile-back{display:inline-flex;font-size:13px;margin-bottom:18px}.vesta-review-actions{padding:12px 18px max(12px,var(--safe-bottom))}.vesta-reading{padding:24px 18px 32px}.vesta-form-columns,.vesta-evidence{grid-template-columns:1fr}.vesta-evidence{gap:14px;padding:18px 0}.vesta-identity{padding:22px 18px}.vesta-identity-head h2{font-size:22px}.vesta-section-title{align-items:flex-start;gap:12px;flex-wrap:wrap}.vesta-identity .vesta-evidence{grid-template-columns:1fr 1fr}.vesta-generator{padding:16px}.vesta-inline-panel{padding:16px}.vesta-stepper{gap:15px}.vesta-stepper span{gap:6px}.vesta-stepper b{width:22px;height:22px}.vesta-provider-list .vesta-provider{min-height:58px}.vesta-entry{padding:32px 20px}.vesta-entry h1{font-size:29px}.vesta-foot{padding-inline:16px}.vesta-account-tabs{padding-inline:6px}.vesta-form-bottom{gap:12px}.vesta-generator-result{flex-wrap:wrap}.vesta-generator-result input{flex-basis:100%}.vesta-generator-result .soft-btn{margin-left:auto}html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #sigmaSearchForm{max-width:none;width:auto;flex:1;min-width:80px}html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #vestaPublicBrand{font-size:16px}html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #vestaPublicBrand>span{display:none}.vesta-account-panel .m12-page{padding:20px 16px}}
@media(max-width:380px){.vesta-stepper{gap:10px;font-size:12px}.vesta-identity .vesta-evidence{grid-template-columns:1fr}.vesta-head-actions .vesta-status{display:none}.vesta-entry{padding-inline:16px}.vesta-credential{gap:10px;flex-wrap:wrap}.vesta-credential>.text-action{margin-left:31px}}
@media(max-height:560px){.vesta-head{padding-block:12px}.vesta-review-tools{padding-block:8px}.vesta-entry{padding-block:22px}.vesta-entry .vesta-wordmark{margin-bottom:16px}.vesta-entry-help{margin-top:18px}.vesta-review-copy{padding-top:16px}.vesta-foot{min-height:48px;padding-block:9px}}
@media(forced-colors:active){.vesta-status,.vesta-eyebrow,.vesta-muted,.vesta-field-help{color:CanvasText}.vesta-provider,.vesta-inline-panel,.vesta-generator,.vesta-queue-item[aria-current="true"]{border:1px solid ButtonText}.vesta-step-dot{border-color:CanvasText}.vesta-queue-item[aria-current="true"]{border:2px solid Highlight}}
/* Complete labels and decision controls are more useful than excess framing. */
#ambientScene .vesta-provider{display:flex;justify-content:flex-start;gap:14px;text-align:left;min-height:58px}
#ambientScene .vesta-provider>span{flex:none}
#ambientScene .vesta-provider>span:not([aria-hidden]){flex:1;white-space:normal;text-align:left}
#ambientScene .vesta-provider>span[aria-hidden]{width:22px;text-align:center}
#ambientScene .vesta-provider>span[aria-hidden]:last-child{margin-left:auto;width:18px}
html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #sigmaGlobalHeader .sigma-header-leading{display:flex!important;flex:0 0 auto!important}
html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #sigmaGlobalHeader .top-actions{flex:1;min-width:0}
html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #sigmaGlobalHeader #sigmaSearchForm{margin-left:22px;margin-right:auto}
.vesta-review-copy>.vesta-evidence{padding:16px 0;margin:16px 0;gap:12px 26px}
.vesta-review-copy .vesta-purpose{margin-bottom:16px!important}
.vesta-review-fields{gap:12px;margin-top:16px;padding-top:16px}
@media(min-width:1001px){
 .vesta-review-fields:has([name="vestaContract"]){grid-template-columns:minmax(0,1fr) 200px}
 .vesta-review-fields:has([name="vestaContract"])>h3{grid-column:1/-1}
 .vesta-review-fields:has([name="vestaContract"])>fieldset{grid-column:1;grid-row:2}
 .vesta-review-fields:has([name="vestaContract"])>label:has(#vestaDecisionExpires){grid-column:2;grid-row:2;align-self:start}
 .vesta-review-fields #vestaContractField{grid-column:1/-1}
}

/* Quiet actions keep their 10px hit padding but their text meets the gutter (Origo button release, review finding 5). */
.vesta-mobile-back,.vesta-head-actions>[data-va="sign-out"]{margin-inline:-10px}
.vesta-surface .vesta-form-error-slot{margin-top:20px}
.vesta-surface .vesta-status-title{margin-top:16px;font-size:26px}

#vestaOnboardingAccountSlot .sigma-sidebar-account{width:auto;padding:6px 8px;min-width:0}
#vestaOnboardingAccountSlot .sigma-account-copy{max-width:150px}
#vestaOnboardingAccountSlot .sigma-avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px}
#vestaOnboardingAccountSlot .sigma-avatar svg{width:20px;height:20px}
@media(max-width:640px){#vestaOnboardingAccountSlot .sigma-account-copy{display:none}}

/* M2.1 runtime entry: use existing Origo typography and control tokens. */
.vesta-runtime-gate{width:min(100%,650px);margin:clamp(24px,8vh,96px) auto;padding:24px clamp(20px,4vw,40px);}
.vesta-runtime-gate h1{font-size:clamp(25px,3vw,34px);line-height:1.25;margin:16px 0;letter-spacing:-.035em;}
.vesta-runtime-intro{font-size:var(--text-reading);line-height:1.7;color:var(--muted);}
.vesta-runtime-gate progress{width:100%;height:6px;margin:18px 0;accent-color:var(--accent-fill);}
.vesta-runtime-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0;}
.vesta-runtime-gate details{margin:28px 0;border-top:1px solid var(--line);padding-top:16px;font-size:var(--text-body);line-height:1.65;color:var(--muted);}
.vesta-runtime-gate summary,.vesta-runtime-tools summary,.vesta-runtime-review summary{cursor:pointer;min-height:36px;line-height:1.5;}
.vesta-runtime-tools{margin-top:22px;min-width:0;}.vesta-runtime-tools p{line-height:1.7;}
.vesta-runtime-tools pre,.vesta-runtime-review pre{font:var(--text-label)/1.6 var(--font-code);white-space:pre-wrap;overflow-wrap:anywhere;max-height:460px;overflow:auto;border:1px solid var(--line);background:var(--panel-dark);border-radius:8px;padding:16px;min-width:0;}
.vesta-runtime-review{border-top:1px solid var(--line);margin-top:28px;padding-top:24px;}.vesta-runtime-review h2{font-size:22px;}.vesta-runtime-review p{font-size:var(--text-body);line-height:1.7;color:var(--muted);}
.vesta-runtime-review details{margin:18px 0;}
@media(max-width:560px){.vesta-runtime-gate{margin:18px auto;padding:20px;}.vesta-runtime-actions{gap:10px;}.vesta-runtime-gate .vesta-runtime-actions button{width:100%;min-height:44px;}}

/* Review Center's panels, hosted by Demo Center's Advanced mode (sigma-demo-app.js), which supplies the header and rail. */
#reviewCenterPanels{display:flex;flex-direction:column;min-width:0;min-height:0;color:var(--ink);background:var(--page);font:14px/1.55 var(--font-ui);}
#reviewCenterPanels[hidden]{display:none!important;}
#reviewCenterPanels *{box-sizing:border-box;}
.rc-icon{display:inline-grid;place-items:center;border:0;background:none;color:var(--muted);border-radius:8px;min-height:36px;min-width:36px;font-size:23px;line-height:1;cursor:pointer;}.rc-icon:hover{color:var(--ink);background:var(--accent-surface);}
.rc-status{color:var(--muted);font-size:12px;display:inline-flex;align-items:center;gap:7px;}.rc-status::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--amber);}.rc-status[data-ready="true"]::before{background:var(--success);}
.rc-footer{display:flex;gap:16px;justify-content:space-between;padding:10px 24px;min-height:40px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);flex:none;background:var(--shell);}.rc-footer>span{overflow-wrap:anywhere;}
#rcPane{padding:26px 28px;overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;scrollbar-gutter:stable;}#rcMessage{background:var(--accent-surface);border-bottom:1px solid var(--control-border);color:var(--ink);padding:10px 24px;font-size:13px;flex:none;overflow-wrap:anywhere;}#rcMessage[data-tone="error"]{color:var(--danger);}
.rc-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px;}.rc-heading h2{font-size:24px;line-height:1.25;margin:0;letter-spacing:-.035em;}.rc-heading p{margin:8px 0 0;color:var(--muted);font-size:14px;max-width:78ch;}.rc-heading>div{min-width:0;}.rc-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}.rc-actions .soft-btn,.rc-actions .primary-btn{font-size:13px;min-height:40px;}
.rc-banner{border:1px solid var(--line);border-radius:10px;padding:14px 16px;display:flex;justify-content:space-between;gap:14px;align-items:center;margin:0 0 22px;font-size:13px;background:var(--panel);}.rc-banner p{margin:3px 0 0;color:var(--muted);}.rc-banner strong{font-weight:600;}.rc-banner .text-action{font-size:13px;flex:none;}
.rc-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);padding:14px 0;gap:20px;margin:0 0 22px;}.rc-summary small{display:block;color:var(--muted);font-size:12px;margin-bottom:5px;}.rc-summary strong{font-size:14px;font-weight:550;overflow-wrap:anywhere;}
.rc-master-detail{display:grid;grid-template-columns:minmax(225px,.85fr) minmax(320px,1.5fr);gap:24px;min-height:0;}.rc-browser{min-width:0;}.rc-search{display:flex;gap:9px;align-items:center;border:1px solid var(--control-border);border-radius:8px;background:var(--panel-dark);padding:8px 11px;margin-bottom:12px;}.rc-search input{min-width:0;width:100%;border:0;background:none;color:var(--ink);padding:2px 0;outline:none;font-size:14px;}.rc-search:focus-within{outline:2px solid var(--focus-ring);outline-offset:2px;}
.rc-list{display:grid;gap:4px;align-content:start;max-height:53dvh;overflow:auto;padding:3px;scrollbar-gutter:stable;}.rc-person{display:flex;gap:12px;align-items:center;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;width:100%;padding:11px;color:var(--ink);cursor:pointer;}.rc-person[aria-pressed="true"]{border-color:var(--control-border);background:var(--accent-surface);}.rc-person:hover{background:var(--panel);}.rc-person>span:last-child{min-width:0;}.rc-person strong{display:block;font-size:14px;font-weight:600;line-height:1.4;}.rc-person small{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:3px;overflow-wrap:anywhere;}.rc-avatar{width:34px;height:34px;border-radius:11px;background:var(--panel-2);display:grid;place-items:center;flex:none;font-size:11px;font-weight:600;color:var(--accent-text);}
.rc-detail{min-width:0;border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--panel);align-self:start;}.rc-detail h3{font-size:21px;margin:0 0 4px;letter-spacing:-.025em;}.rc-detail h4{font-size:14px;margin:22px 0 9px;}.rc-detail p{font-size:14px;line-height:1.65;margin:6px 0 12px;color:var(--muted);}.rc-detail>small{color:var(--muted);font-size:12px;display:block;}.rc-facts{display:grid;gap:8px;margin:16px 0;}.rc-facts>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:14px;font-size:13px;line-height:1.6;}.rc-facts dt{color:var(--muted);}.rc-facts dd{margin:0;overflow-wrap:anywhere;}
.rc-credential{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);padding:12px;border-radius:8px;margin:8px 0;cursor:pointer;}.rc-credential:has(input:checked){border-color:var(--accent-text);background:var(--accent-surface);}.rc-credential input{margin:4px 0 0;flex:none;}.rc-credential>span:not(.rc-pill){flex:1;min-width:0;}.rc-credential>.rc-pill{flex:none;}.rc-credential strong{display:block;font-size:14px;}.rc-credential small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:3px;}.rc-pill{display:inline-block;padding:3px 7px;border:1px solid var(--line);border-radius:6px;font-size:11px;color:var(--muted);white-space:nowrap;font-style:normal;}.rc-pill[data-state="passed"],.rc-pill[data-state="valid"]{color:var(--success);}.rc-pill[data-state="failed"],.rc-pill[data-state="expired"],.rc-pill[data-state="revoked"]{color:var(--danger);}.rc-pill[data-state="blocked"],.rc-pill[data-state="paused"]{color:var(--amber);}
.rc-detail-footer{border-top:1px solid var(--line);margin-top:18px;padding-top:18px;}.rc-detail-footer p{font-size:12px;margin:0 0 12px;}.rc-count-note{font-size:12px;color:var(--muted);margin:8px 3px;}.rc-empty{padding:28px 16px;color:var(--muted);font-size:14px;line-height:1.7;}.rc-empty strong{display:block;color:var(--ink);font-size:17px;margin-bottom:7px;}
.rc-next{border-left:3px solid var(--accent-text);border-radius:0 10px 10px 0;background:var(--panel);padding:18px 20px;margin:18px 0 24px;}.rc-next small{font-size:12px;color:var(--accent-text);}.rc-next h3{font-size:18px;margin:5px 0 9px;}.rc-next p{color:var(--muted);font-size:14px;max-width:80ch;margin:0 0 14px;}.rc-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.75fr);gap:24px;}.rc-columns h3{font-size:16px;margin:0 0 16px;}.rc-steps{list-style:none;padding:0;margin:0;}.rc-step{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);}.rc-step-index{width:25px;height:25px;display:grid;place-items:center;flex:none;border:1px solid var(--line);border-radius:50%;font-size:12px;color:var(--muted);}.rc-step[data-state="passed"] .rc-step-index{color:var(--success);border-color:var(--success);}.rc-step[data-state="next"] .rc-step-index{color:var(--accent-text);border-color:var(--accent-text);}.rc-step strong{display:block;font-size:14px;font-weight:550;}.rc-step small{display:block;font-size:12px;color:var(--muted);margin-top:4px;}.rc-participant{display:flex;gap:10px;width:100%;padding:10px 0;border:0;background:transparent;align-items:center;color:var(--ink);text-align:left;cursor:pointer;}.rc-participant strong{display:block;font-size:13px;}.rc-participant small{display:block;font-size:12px;color:var(--muted);}.rc-participant:hover strong{color:var(--accent-text);}
.rc-library{display:grid;grid-template-columns:185px minmax(250px,1fr) minmax(275px,1.1fr);gap:20px;}.rc-tree{min-width:0;}.rc-tree h3{font-size:12px;margin:0 0 8px;color:var(--muted);font-weight:600;}.rc-tree button{display:block;min-height:34px;width:100%;border:0;border-radius:6px;background:none;color:var(--muted);padding:7px 9px;text-align:left;font-size:13px;cursor:pointer;}.rc-tree button[aria-pressed="true"]{background:var(--accent-surface);color:var(--accent-text);}.rc-tree details{margin:4px 0;}.rc-tree summary{font-size:13px;cursor:pointer;color:var(--ink);padding:8px 4px;}.rc-tree details>button{padding-left:18px;}.rc-library-tools{display:flex;gap:12px;align-items:center;margin-bottom:18px;}.rc-library-tools .rc-search{margin:0;flex:1;}.rc-library-tools select,.rc-select{border:1px solid var(--control-border);background:var(--panel);color:var(--ink);border-radius:8px;padding:9px;font-size:13px;min-height:40px;max-width:100%;}.rc-scenario-row{width:100%;display:block;text-align:left;background:none;border:1px solid transparent;border-bottom-color:var(--line);padding:13px 11px;color:var(--ink);cursor:pointer;border-radius:8px;}.rc-scenario-row[aria-pressed="true"]{background:var(--accent-surface);border-color:var(--control-border);}.rc-scenario-row strong{display:block;font-size:14px;line-height:1.45;}.rc-scenario-row small{display:block;font-size:12px;color:var(--muted);margin-top:5px;line-height:1.5;}.rc-path{font-size:12px!important;color:var(--accent-text)!important;}.rc-tags{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0;}.rc-confirm{padding:16px;border:1px solid var(--amber);border-radius:10px;background:var(--panel);margin:14px 0;}.rc-confirm p{font-size:13px;color:var(--ink);}.rc-page-controls{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:10px;font-size:12px;color:var(--muted);}.rc-page-controls button{font-size:12px;min-height:34px;}
.rc-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0;}.rc-stats>[data-part="segment"]{padding:16px;justify-content:flex-start;text-align:left;min-width:0;}.rc-stats [data-part="label"]{display:block;}.rc-stats strong{display:block;font-size:30px;line-height:1.15;font-variant-numeric:tabular-nums;font-weight:600;}.rc-stats [data-part="label"]>span{display:block;font-size:12px;color:var(--muted);margin-top:9px;font-weight:400;}.rc-stats [data-rc-evidence="passed"] strong{color:var(--success);}.rc-stats [data-rc-evidence="failed"] strong{color:var(--danger);}.rc-coverage{height:8px;background:var(--panel-2);border-radius:6px;display:flex;overflow:hidden;margin:0 0 12px;}.rc-coverage i{display:block;min-width:0;background:var(--subtle);}.rc-coverage i[data-state="passed"]{background:var(--success);}.rc-coverage i[data-state="failed"]{background:var(--danger);}.rc-coverage i[data-state="blocked"]{background:var(--amber);}.rc-coverage i[data-state="running"],.rc-coverage i[data-state="paused"]{background:var(--accent-text);}.rc-evidence-meta{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:14px 0 24px;}.rc-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;}.rc-table{width:100%;min-width:580px;border-collapse:collapse;font-size:13px;}.rc-table th{font-size:11px;text-transform:none;letter-spacing:0;background:var(--shell);color:var(--muted);padding:12px;white-space:nowrap;}.rc-table td{font-size:13px;padding:13px 12px;white-space:normal;line-height:1.6;vertical-align:top;}.rc-table td small{display:block;color:var(--muted);font-size:11px;}.rc-table .text-action{font-size:12px;min-height:30px;}.rc-subhead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 12px;}.rc-subhead h3{font-size:16px;margin:0;}.rc-runtime-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}.rc-runtime-card{border:1px solid var(--line);border-radius:10px;padding:20px;background:var(--panel);}.rc-runtime-card h3{font-size:15px;margin:0 0 14px;}.rc-runtime-card p{font-size:13px;color:var(--muted);line-height:1.7;}.rc-runtime-card .rc-facts>div{grid-template-columns:130px minmax(0,1fr);}.rc-runtime-card .rc-actions{margin-top:16px;}.rc-pre{font:12px/1.7 var(--font-code);white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:var(--panel-dark);border:1px solid var(--line);border-radius:9px;max-height:400px;overflow:auto;}.rc-runtime-card details{margin-top:18px;font-size:13px;}.rc-runtime-card summary{cursor:pointer;color:var(--muted);}
#rcBuildPanel{min-height:0;flex:1;overflow:auto;}#rcBuildPanel #view-review{height:auto!important;display:block!important;min-height:0!important;max-height:none;}#rcBuildPanel .sigma-review{height:auto!important;min-height:0;}#rcBuildPanel [data-review-tab="vesta"],#rcBuildPanel [data-review-panel="vesta"]{display:none!important;}
/* Guide is non-modal and never changes the application viewport. */
#scenarioGuide{position:fixed;z-index:10030;width:min(350px,calc(100vw - 24px));max-height:calc(100dvh - 24px);display:flex;flex-direction:column;border:1px solid var(--control-border);border-radius:13px;background:color-mix(in srgb,var(--panel) 93%,transparent);backdrop-filter:blur(16px);box-shadow:0 14px 42px rgb(var(--shadow-rgb)/.25);color:var(--ink);font:13px/1.55 var(--font-ui);overflow:hidden;}#scenarioGuide[hidden]{display:none!important;}#rcGuideHandle{display:flex;align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid var(--line);touch-action:none;cursor:grab;background:var(--shell);flex:none;}#rcGuideHandle>strong{font-size:12px;flex:1;}#rcGuideHandle .rc-icon{font-size:19px;width:28px;height:30px;min-width:28px;min-height:30px;}.rc-grip{color:var(--muted);font-size:19px;}.rc-guide-body{padding:16px;overflow:auto;min-height:0;}.rc-guide-body small{font-size:11px;color:var(--muted);}.rc-guide-body h3{font-size:16px;margin:8px 0;line-height:1.45;}.rc-guide-body p{font-size:13px;margin:0 0 12px;line-height:1.65;color:var(--muted);}.rc-guide-body .rc-actions{gap:7px;}.rc-guide-body .rc-actions button{font-size:12px;padding:7px 9px;min-height:34px;}.rc-guide-foot{padding:8px 12px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);flex:none;}.rc-guide-foot label{display:flex;align-items:center;gap:6px;}.rc-guide-foot select{max-width:145px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--ink);font:11px var(--font-ui);padding:5px;}.rc-driver-target{outline:3px solid var(--focus-ring)!important;outline-offset:4px!important;}
@media(max-width:1250px){.rc-library{grid-template-columns:160px minmax(0,1fr);}.rc-library>.rc-detail{grid-column:2;}.rc-columns{grid-template-columns:minmax(0,1fr);}.rc-runtime-grid{grid-template-columns:minmax(0,1fr);}}
@media(max-width:850px){#rcPane{padding:20px;}.rc-master-detail{grid-template-columns:minmax(0,1fr);gap:18px;}.rc-list{max-height:250px;}.rc-summary{gap:12px;}.rc-summary strong{font-size:13px;}.rc-stats{grid-template-columns:repeat(3,minmax(0,1fr));}.rc-library{grid-template-columns:minmax(0,1fr);}.rc-library>.rc-detail{grid-column:auto;}.rc-tree{display:flex;gap:8px;flex-wrap:wrap;}.rc-tree h3{width:100%;}.rc-tree details{min-width:110px;}.rc-library-tools{flex-wrap:wrap;}.rc-footer{padding-inline:18px;}}
@media(max-width:600px){#rcPane{padding:18px 14px;}.rc-heading{gap:10px;margin-bottom:16px;flex-wrap:wrap;}.rc-heading h2{font-size:22px;}.rc-summary{grid-template-columns:1fr;gap:10px;padding-block:12px;margin-bottom:16px;}.rc-summary>div{display:grid;grid-template-columns:115px minmax(0,1fr);gap:10px;}.rc-summary small{margin:0;}.rc-banner{flex-wrap:wrap;padding:12px;font-size:12px;}.rc-detail{padding:16px;}.rc-detail h3{font-size:20px;}.rc-facts>div{grid-template-columns:105px minmax(0,1fr);font-size:12px;gap:10px;}.rc-credential{padding:10px;}.rc-footer{padding:7px 14px;min-height:34px;font-size:11px;}.rc-footer #rcSessionFoot{display:none;}.rc-list{max-height:230px;}.rc-stats{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));}.rc-stats>[data-part="segment"]{padding:12px;}.rc-stats strong{font-size:25px;}.rc-stats [data-part="label"]>span{font-size:11px;}.rc-runtime-card{padding:16px;}.rc-next{padding:15px;}.rc-guide-body{padding:13px;}}
@media(max-height:600px) and (min-width:601px){#rcPane{padding-block:18px;}.rc-footer{padding-block:7px;}.rc-list{max-height:40dvh;}}
@media(pointer:coarse){#reviewCenterPanels .rc-icon,#scenarioGuide .rc-icon{min-height:44px;min-width:40px;}#reviewCenterPanels :is(input,select,textarea){font-size:16px;}}
@media(prefers-reduced-transparency:reduce){#scenarioGuide{background:var(--panel);backdrop-filter:none;}}
@media(forced-colors:active){#reviewCenterPanels,#scenarioGuide{background:Canvas;color:CanvasText;border:2px solid ButtonText;box-shadow:none;}.rc-pill,.rc-credential,.rc-person[aria-pressed=true]{border:1px solid ButtonText;}.rc-coverage i{background:Highlight;}}

/* Essential loading actions stay at the edge of the detail pane, not below a long catalog. */
.rc-detail-scroll{min-width:0;}
@media(min-width:851px){
 #rcPane[data-rc-view="identity"]{display:flex;flex-direction:column;overflow:hidden;}
 #rcPane[data-rc-view="identity"]>.rc-heading,#rcPane[data-rc-view="identity"]>.rc-banner,#rcPane[data-rc-view="identity"]>.rc-summary{flex:none;}
 #rcPane[data-rc-view="identity"]>.rc-master-detail{flex:1;min-height:0;}
 .rc-master-detail>.rc-browser{display:flex;flex-direction:column;min-height:0;}
 .rc-master-detail .rc-list{max-height:none;min-height:0;flex:1;}
 .rc-identity-detail{display:flex;flex-direction:column;padding:0;height:100%;min-height:0;align-self:stretch;overflow:hidden;}
 .rc-identity-detail>.rc-detail-scroll{padding:20px;overflow:auto;min-height:0;flex:1;}
 .rc-identity-detail>.rc-detail-footer{flex:none;padding:14px 20px;margin:0;background:var(--panel);}
 .rc-identity-detail>.rc-detail-footer :is(.primary-btn,.origo-button[data-variant="primary"]){width:100%;}
}
@media(min-width:1251px){
 #rcPane[data-rc-view="library"]{display:flex;flex-direction:column;overflow:hidden;}
 #rcPane[data-rc-view="library"]>.rc-heading,#rcPane[data-rc-view="library"]>.rc-banner,#rcPane[data-rc-view="library"]>.rc-library-tools{flex:none;}
 #rcPane[data-rc-view="library"]>.rc-library{min-height:0;flex:1;}
 .rc-library>.rc-tree{overflow:auto;min-height:0;}
 .rc-library>section:not(.rc-detail){display:flex;flex-direction:column;min-height:0;}
 .rc-library .rc-list{flex:1;min-height:0;max-height:none;}
 .rc-library-detail{display:flex;flex-direction:column;padding:0;height:100%;min-height:0;align-self:stretch;overflow:hidden;}
 .rc-library-detail>.rc-detail-scroll{padding:20px;overflow:auto;min-height:0;flex:1;}
 .rc-library-detail>.rc-detail-footer{flex:none;padding:14px 20px;margin:0;background:var(--panel);}
}
@media(max-width:850px){.rc-identity-detail>.rc-detail-scroll{padding:0;}.rc-identity-detail>.rc-detail-footer{margin-top:16px;}}
html[data-mode="light"] #scenarioGuide{box-shadow:0 14px 42px rgb(var(--shadow-rgb)/.14);}
.rc-card-change{margin:0 0 12px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);}
.rc-card-change-reader{position:relative;height:68px;overflow:hidden;border:1px dashed var(--control-border);border-radius:7px;background:var(--panel);}
.rc-card-change-reader>span{position:absolute;top:10px;left:calc(50% - 60px);display:flex;flex-direction:column;justify-content:center;width:120px;height:46px;padding:4px 8px;border:1px solid var(--accent-text);border-radius:6px;background:var(--accent-surface);color:var(--ink);font-weight:650;text-align:center;line-height:1.2;}
.rc-card-change-reader small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;}
.rc-card-change[data-phase="out"] .rc-card-change-out{transform:translateX(calc(-155px * var(--rc-swap-progress)));opacity:calc(1 - var(--rc-swap-progress));}
.rc-card-change[data-phase="out"] .rc-card-change-in,.rc-card-change[data-phase="in"] .rc-card-change-out{visibility:hidden;}
.rc-card-change[data-phase="ready"] .rc-card-change-out{visibility:hidden;}
.rc-card-change[data-phase="empty"] .rc-card-change-reader>span{visibility:hidden;}
.rc-card-change[data-phase="in"] .rc-card-change-in{transform:translateX(calc(155px * (1 - var(--rc-swap-progress))));opacity:var(--rc-swap-progress);}
.rc-guide-body .rc-card-change>p{margin:7px 0 0;text-align:center;color:var(--ink);}
@media(prefers-reduced-motion:reduce){.rc-card-change-reader>span{transform:none!important;opacity:1!important;}}


/* Vesta identity and routing, 2026-09-07.5. Shared Origo contracts remain intact. */
.rc-identity-detail .rc-detail-scroll>small{display:block;font-size:var(--text-meta);line-height:1.6;margin-top:4px;overflow-wrap:anywhere;}
.vesta-identity-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;padding:18px 0 24px;border-bottom:1px solid var(--line);margin-bottom:22px;}
.vesta-identity-fields>div{min-width:0;}.vesta-identity-fields span{display:block;font-size:var(--text-meta);color:var(--muted);margin-bottom:6px;}.vesta-identity-fields strong{font-size:var(--text-content);font-weight:600;overflow-wrap:anywhere;}
.vesta-org-combo{position:relative;}.vesta-org-popover{position:absolute;top:calc(100% - 2px);left:0;right:0;z-index:35;border:1px solid var(--control-border);border-radius:10px;background:var(--panel);box-shadow:0 10px 30px rgb(0 0 0/.20);padding:6px;}
#vestaOrgOptions{max-height:min(238px,38dvh);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;}
#vestaOrgOptions [role=option]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;min-height:44px;border-radius:6px;cursor:pointer;}
#vestaOrgOptions [role=option] strong{font-size:var(--text-body);font-weight:500;line-height:1.5;}#vestaOrgOptions [role=option]>span{font-size:var(--text-meta);color:var(--muted);}
#vestaOrgOptions [role=option]:hover,#vestaOrgOptions [role=option][aria-selected=true]{background:var(--accent-surface);color:var(--accent-text);}
.vesta-org-empty{padding:10px;}.vesta-contract-summary{padding:14px 0 16px;border-bottom:1px solid var(--line);margin-bottom:18px;}.vesta-contract-summary>span,.vesta-contract-summary>strong,.vesta-contract-summary>small{display:block;}.vesta-contract-summary>span,.vesta-contract-summary>small{font-size:var(--text-meta);line-height:1.6;color:var(--muted);}.vesta-contract-summary>strong{font-size:var(--text-content);line-height:1.55;margin:5px 0;font-weight:600;}
.vesta-review-fields select{width:100%;min-width:0;max-width:100%;}.vesta-review-fields input[readonly]{background:var(--panel-dark);color:var(--muted);}
[data-sigma-user-id]{overflow-wrap:anywhere;font-family:var(--font-code);}.vesta-identity-head h2,.rc-person strong,.vesta-queue-item strong{overflow-wrap:anywhere;}
.vesta-review-copy{container-type:inline-size;container-name:vesta-decision;}
@container vesta-decision (min-width:620px){
 .vesta-review-fields:has(.vesta-contract-summary){grid-template-columns:minmax(0,1fr) minmax(190px,.65fr);column-gap:24px;align-items:start;}
 .vesta-review-fields:has(.vesta-contract-summary)>h3{grid-column:1/-1;}
 .vesta-review-fields:has(.vesta-contract-summary)>.vesta-contract-summary{padding:0;margin:0;border:0;}
 .vesta-review-fields>label:has(#vestaDecisionExpires){grid-column:2;grid-row:2;}
 .vesta-review-fields:has(.vesta-contract-summary)>.text-action{grid-column:1/-1;justify-self:start;font-size:var(--text-meta);}
}
@media(max-width:520px){.vesta-org-popover{max-width:100%;}#vestaOrgOptions [role=option]{padding:10px;}.vesta-identity-fields{gap:16px;}}
@media(forced-colors:active){.vesta-org-popover{background:Canvas;border-color:CanvasText;box-shadow:none;}#vestaOrgOptions [aria-selected=true]{outline:2px solid Highlight;}}


/* Scoped Vesta input and approval semantics, using the existing Origo tokens. */
.vesta-approver-fields{padding:0;border:0;margin:10px 0 0;min-width:0;}
.vesta-approver-fields legend{font-size:var(--text-content);font-weight:600;padding:0;margin-bottom:14px;}
.vesta-approver-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.vesta-word-combo{position:relative;min-width:0;}
.vesta-word-popover{position:absolute;left:0;right:0;z-index:24;background:var(--panel);border:1px solid var(--control-border);border-radius:9px;box-shadow:0 10px 24px rgb(var(--shadow-rgb)/.2);padding:5px;}html[data-mode="light"] .vesta-word-popover{box-shadow:0 10px 24px rgb(var(--shadow-rgb)/.12);}
.vesta-word-popover [role=listbox]{overflow:auto;overscroll-behavior:contain;}
.vesta-word-popover [role=option]{min-height:40px;padding:10px;border-radius:5px;font:var(--text-body)/1.4 var(--font-ui);cursor:pointer;}
.vesta-word-popover [role=option] strong{font-weight:500;}
.vesta-word-popover [role=option]:hover,.vesta-word-popover [aria-selected=true]{background:var(--accent-surface);color:var(--accent-text);}
.vesta-word-popover p{font-size:var(--text-meta);line-height:1.6;margin:8px;color:var(--muted);}
.vesta-expiration-summary{padding:14px 0;border-top:1px solid var(--line);margin-top:16px;}
.vesta-expiration-summary>span,.vesta-expiration-summary>strong,.vesta-expiration-summary>small{display:block;}
.vesta-expiration-summary>span{font-size:var(--text-label);color:var(--muted);}
.vesta-expiration-summary>strong{font-size:var(--text-content);margin:6px 0;}
.vesta-expiration-summary>small{font-size:var(--text-meta);color:var(--muted);line-height:1.6;}
.vesta-expiration-details{font-size:var(--text-label);margin:0 0 16px;}
.vesta-expiration-details summary{min-height:36px;cursor:pointer;color:var(--accent-text);padding:8px 0;}
#view-vesta .vesta-review-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;}
#view-vesta .vesta-review-fields>h3,#view-vesta .vesta-review-fields>p,#view-vesta .vesta-review-fields>div,#view-vesta .vesta-review-fields>dl,#view-vesta .vesta-review-fields>button{grid-column:1/-1;}
#view-vesta .vesta-review-fields>h3{margin:0 0 4px;}
#view-vesta .vesta-review-fields>label.form-field{margin:0;min-width:0;}
#view-vesta .vesta-review-fields>label.form-field:only-of-type{grid-column:1/-1;}
#view-vesta .vesta-review-fields>p{margin:0;}
@media(max-width:700px){#view-vesta .vesta-review-fields{grid-template-columns:minmax(0,1fr);}}
.vesta-identity-fields[data-identity-issued=false]{grid-template-columns:repeat(2,minmax(0,1fr));}
@media(max-width:390px){.vesta-approver-grid{gap:14px 10px;}.vesta-approver-grid input{padding-inline:9px!important;}}
@media(pointer:coarse){.vesta-word-popover [role=option]{min-height:44px;}}


.vesta-date-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0;}
.vesta-date-actions input{flex:1 1 170px;min-width:0;}
.vesta-date-actions .soft-btn{flex:0 0 auto;min-height:42px;padding:9px 14px;}
#vestaApprovalPolicy strong{color:var(--ink);font-weight:600;}
#vestaApprovalDateError:empty{display:none;}
#vestaAffiliationField>label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;}
.vesta-fixed-note{font-size:var(--text-meta);font-weight:400;color:var(--muted);}
#vestaAffiliationField input[readonly]{background:var(--panel);border-color:var(--line);color:var(--ink);cursor:default;}
#vestaAffiliationHelp{margin:0;}
@media(max-width:420px){.vesta-date-actions{gap:10px;}.vesta-date-actions .soft-btn{padding-inline:10px;}}

/* Review Center composition. Product screens and shared Origo rules are unchanged. */
.rc-kind-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px;padding:4px;border:1px solid var(--line);border-radius:10px;width:fit-content;background:var(--panel-dark);}
.rc-kind-tabs button{min-height:38px;padding:8px 14px;border:1px solid transparent;border-radius:7px;background:none;color:var(--muted);cursor:pointer;font:550 var(--text-body)/1.4 var(--font-ui);}
.rc-kind-tabs button[aria-pressed="true"]{color:var(--accent-text);border-color:var(--control-border);background:var(--panel);}
.rc-flow-tree{list-style:none;margin:0;padding:0;display:grid;gap:10px;min-width:0;}
.rc-flow-tree .rc-flow-tree{border-left:1px solid var(--line);padding-left:14px;margin:12px 0;}
.rc-flow-node{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:0 14px;min-width:0;}
.rc-flow-node>summary{list-style:none;cursor:pointer;display:flex;gap:12px;align-items:center;padding:14px 0;min-height:54px;}
.rc-flow-node>summary::before{content:'›';color:var(--accent-text);font-size:22px;flex:none;}
.rc-flow-node[open]>summary::before{transform:rotate(90deg);}
.rc-flow-heading{flex:1;min-width:0;}.rc-flow-heading strong{display:block;font-size:15px;line-height:1.45;}.rc-flow-heading small{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:4px;overflow-wrap:anywhere;}
.rc-flow-progress{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;}
.rc-flow-leaf{display:flex;gap:12px;align-items:flex-start;padding:9px 0;font-size:14px;line-height:1.5;}.rc-flow-leaf>span:last-child{min-width:0;}.rc-flow-leaf small{display:block;color:var(--muted);font-size:12px;}
.rc-flow-check{width:26px;flex:none;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;}.rc-flow-leaf[data-state="passed"] .rc-flow-check{color:var(--success);}
.rc-composition{margin:24px 0;}.rc-composition .rc-flow-tree .rc-flow-tree{padding-left:8px;}.rc-composition .rc-flow-heading strong{font-size:14px;}.rc-composition .rc-flow-heading small{font-size:12px;}.rc-composition .rc-flow-node>summary{flex-wrap:wrap;gap:7px;}.rc-composition .rc-flow-progress{margin-left:20px;}
.rc-starting{border-top:1px solid var(--line);margin-top:22px;padding-top:16px;}.rc-starting strong{font-size:14px;}.rc-starting summary,.rc-plan-details summary{font-size:13px;cursor:pointer;padding:12px 0;color:var(--accent-text);}.rc-starting ul{padding-left:20px;font-size:13px;line-height:1.7;color:var(--muted);}
.rc-plan-details{margin:16px 0;}.rc-used-by{display:grid;gap:8px;margin-bottom:20px;}.rc-used-by button{display:block;text-align:left;overflow-wrap:anywhere;}.rc-used-by small{display:block;color:var(--muted);font-size:12px;}
.rc-outputs{list-style:none;padding:0;display:grid;gap:10px;font-size:13px;}.rc-outputs span{display:block;font-size:12px;color:var(--muted);margin-top:3px;}.rc-flows-browser{margin-top:16px;}
.rc-guide-path{font-size:12px;line-height:1.5;color:var(--accent-text);padding:9px 0 4px;}.rc-guide-path span{color:var(--muted);margin:0 5px;}
@media(max-width:700px){.rc-flow-node{padding:0 10px;}.rc-flow-node>summary{align-items:flex-start;flex-wrap:wrap;gap:8px;}.rc-flow-progress{margin-left:20px;width:100%;}.rc-flow-tree .rc-flow-tree{padding-left:8px;}.rc-flow-heading small{overflow-wrap:anywhere;}.rc-kind-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr;}.rc-kind-tabs button{min-height:44px;}.rc-flows-browser{display:grid;grid-template-columns:1fr;}}

#rcRunEvidence{scroll-margin-top:20px;}

/* First-ISO setup shares Origo reading measures and control materials. */
#ambientScene .vesta-commission-entry{max-width:760px;}
#ambientScene .vesta-commission-entry h1{font-size:clamp(26px,3.2vw,38px);line-height:1.18;margin-top:16px;}
.vesta-commission-entry .vesta-wordmark{margin-bottom:32px;}
.vesta-commission-entry .vesta-lead{font-size:var(--text-reading);line-height:1.7;max-width:62ch;}
.vesta-invitation-link{margin-top:20px;}
.vesta-invitation-input{display:flex;gap:12px;align-items:center;min-width:0;}
.vesta-invitation-input input{flex:1;min-width:0;min-height:46px;padding:12px;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--panel-dark);font:var(--text-content)/1.5 var(--font-ui);}
.vesta-invitation-input button{flex:none;min-width:44px;}
.vesta-acceptance{display:flex;gap:12px;align-items:flex-start;padding:18px 0;margin:10px 0 16px;font-size:var(--text-content);line-height:1.6;cursor:pointer;}
.vesta-acceptance input{width:20px;height:20px;flex:none;margin-top:3px;}
.vesta-initial-user-id{overflow-wrap:anywhere;font-family:var(--font-code);}
.rc-handoff{padding:20px;border:1px solid var(--control-border);border-radius:12px;background:var(--panel);margin:0 0 24px;}
.rc-handoff h3{margin:6px 0 10px;}
.rc-handoff p{max-width:78ch;line-height:1.65;color:var(--muted);font-size:var(--text-body);}
.rc-handoff-phrase{margin:16px 0 8px;width:100%;padding:14px;border:1px solid var(--control-border);border-radius:8px;background:var(--panel-dark);color:var(--ink);font:500 16px/1.6 var(--font-ui);}
@media(max-width:560px){.vesta-commission-entry .vesta-wordmark{margin-bottom:22px;}.vesta-commission-entry .vesta-actions{align-items:stretch;gap:12px;}.vesta-commission-entry .vesta-actions button{min-height:44px;}.vesta-invitation-input{gap:8px;}.vesta-invitation-input input{font-size:16px;}.rc-handoff{padding:16px;}}

/* Origo-based organizational governance. Working controls remain in the product. */
.vgo-checks{border:0;padding:0;margin:8px 0 22px;display:grid;gap:14px;min-width:0;}
.vgo-checks legend{font-size:15px;font-weight:600;padding:0 0 14px;}
.vgo-checks label,.vesta-acceptance{display:flex;align-items:flex-start;gap:12px;line-height:1.6;}
.vgo-checks input[type=checkbox],.vesta-acceptance input{width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px;margin:3px 0 0;accent-color:var(--accent-text);}
.vgo-checks p{margin:0;}
.vgo-org-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:28px;max-width:1280px;margin:0 auto;padding:24px 28px;}
.vgo-org-list{display:flex;flex-direction:column;gap:4px;min-width:0;align-self:start;}
.vgo-org-list button{padding:14px;border:1px solid transparent;background:none;border-radius:9px;text-align:left;cursor:pointer;}
.vgo-org-list button[aria-current=true],.vgo-org-list button:hover{background:var(--accent-surface);border-color:var(--line);}
.vgo-org-list strong{font-size:15px;line-height:1.5;display:block;overflow-wrap:anywhere;}.vgo-org-list small{font-size:12px;line-height:1.6;color:var(--muted);display:block;margin-top:6px;}
.vgo-org-detail{min-width:0;padding:8px 16px 30px;border-left:1px solid var(--line);}
.vgo-org-detail h2{font-size:24px;line-height:1.4;margin:0 0 6px;}.vgo-org-detail h3{font-size:16px;}
.vgo-routing-id{display:block;font-size:13px;overflow-wrap:anywhere;margin-top:14px;}
.vgo-dates{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 14px;}
.vgo-start-hint{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px;line-height:1.6;font-size:14px;color:var(--muted);}
.vgo-start-hint button{font-size:13px;}.vgo-activate-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin:24px 0;}.vgo-detail-back{display:none;}
#vestaOperatorDecision{border-top:1px solid var(--line);padding-top:22px;margin-top:22px;}
#vestaOperatorDecision input[type=date]{width:100%;min-width:0;}#vestaOperatorCopy h2{overflow-wrap:anywhere;}
@media(max-width:850px){.vgo-org-layout{grid-template-columns:1fr;gap:18px;padding:20px;}.vgo-org-detail{border-left:0;border-top:1px solid var(--line);padding:20px 0;}}
@media(max-width:700px){.vgo-dates{grid-template-columns:1fr;}.vgo-review-grid .vesta-review-detail{display:none!important;}.vgo-review-grid[data-mobile-detail=true] .vesta-review-detail{display:flex!important;}.vgo-review-grid[data-mobile-detail=true] .vesta-queue{display:none!important;}.vgo-review-grid .vesta-queue{display:block!important;}.vgo-detail-back{display:inline-flex;margin-bottom:16px;}}
/* Lines of accounting (D8): people on a line, the pickers, the session chooser and the account control's line. */
.vgo-line-people{list-style:none;margin:8px 0 14px;padding:0;display:grid;gap:4px;}
.vgo-line-people li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere;}
.vgo-line-pick{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:8px 0 18px;}
.vgo-line-pick .form-field{flex:1 1 240px;margin:0;min-width:0;}
.vgo-line-choices{border:0;margin:18px 0;padding:0;display:grid;gap:10px;min-width:0;}
.vgo-line-choice{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:10px;cursor:pointer;}
.vgo-line-choice>span{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere;}
.vgo-line-choice small{color:var(--muted);}
.vgo-line-charge{margin-top:18px;}
#sigmaAccountLine[data-line-state=none],#sigmaAccountLine[data-line-state=skipped],#sigmaAccountLine[data-line-state=lost],#sigmaAccountLine[data-line-state=choose]{font-style:italic;}


/* Contracts use the same intrinsic form rhythm and bounded review panes as Access. */
.vct-fields{display:grid;gap:20px;margin:20px 0;min-width:0;}.vct-fields .form-field{min-width:0;}
.vct-embedded{border-top:1px solid var(--line);padding-top:22px;margin-top:8px;}.vct-embedded h3{font-size:18px;line-height:1.4;}
.vct-summary{display:grid;gap:6px;border-block:1px solid var(--line);padding:16px 0;margin:18px 0;font-size:14px;}.vct-summary strong{font-size:16px;}.vct-summary small{color:var(--muted);font-size:12px;}.vct-state{font-size:14px;color:var(--accent-text);margin:12px 0;}
#vestaContractFilter{border:1px solid var(--control-border);border-radius:8px;background:var(--panel-dark);color:var(--ink);padding:9px;min-height:40px;font:inherit;max-width:100%;}
#vestaContractCopy h2{font-size:24px;line-height:1.35;overflow-wrap:anywhere;}#vestaContractCopy .vesta-history{margin-top:24px;}#vestaContractCopy .vesta-history details{padding:12px 0;}#vestaContractGate strong{display:block;}#vestaContractGate p{margin:8px 0;}
@media(max-width:700px){[data-vesta-screen="contracts"][data-mobile-detail="true"]>.vesta-review-tools{display:none;}}
@media(max-width:600px){.vct-fields{gap:16px;}#vestaContractCopy h2{font-size:21px;}.vct-fields .vgo-dates{grid-template-columns:1fr;}[data-vesta-screen="contracts"] .vesta-review-tools{gap:10px;flex-wrap:wrap;}}

/* Narrated playback: presentation only. Product geometry and domain styles are unchanged. */
#scenarioGuide{width:min(362px,calc(100vw - 24px));background:color-mix(in srgb,var(--panel) 80%,transparent);border-color:color-mix(in srgb,var(--ink) 17%,transparent);backdrop-filter:blur(14px);box-shadow:0 8px 28px rgb(var(--shadow-rgb)/.16);}
#rcGuideHandle{background:transparent;border-bottom-color:color-mix(in srgb,var(--ink) 8%,transparent);padding:6px 10px;}
#rcGuideBody{padding:16px 18px 12px;}
#rcGuideBody .rc-guide-context{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:12px;color:var(--muted);}
#rcGuideBody .rc-guide-context>span{min-width:0;overflow-wrap:anywhere;}
#rcGuideBody .rc-guide-context>small{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;}
#rcGuideBody h3{font-size:17px;line-height:1.35;margin:10px 0;letter-spacing:-.015em;}
#rcGuideBody .rc-narration-copy{font-size:14px;line-height:1.65;color:var(--ink);margin:0 0 15px;overflow-wrap:anywhere;}
.rc-reading-meter{height:2px;background:color-mix(in srgb,var(--ink) 8%,transparent);margin:10px 0 14px;overflow:hidden;border-radius:3px;}
.rc-reading-meter i{display:block;width:0;height:100%;background:var(--accent-text);}
#rcGuideBody .rc-actions{gap:6px;flex-wrap:wrap;}#rcGuideBody .rc-actions button{background:transparent;font-size:12px;min-height:34px;padding:6px 10px;border-color:color-mix(in srgb,var(--ink) 18%,transparent);box-shadow:none;}
#rcGuideBody .rc-playback-status{font-size:12px;color:var(--muted);margin:4px 0 12px;}
#rcGuideBody .rc-playback-error{color:var(--danger);font-size:13px;}
#scenarioGuide .rc-guide-foot{border-top:0;background:transparent;padding:5px 12px 10px;font-size:11px;}
#scenarioGuide .rc-guide-foot label{font-size:0;}#rcGuidePosition{font-size:11px!important;background:transparent;border:0!important;padding:3px;max-width:132px;}
#rcDemoCursor{position:fixed;left:0;top:0;z-index:10025;width:28px;height:32px;pointer-events:none!important;will-change:transform;filter:drop-shadow(0 2px 3px rgb(0 0 0/.5));}
#rcDemoCursor[hidden]{display:none!important;}#rcDemoCursor>*{pointer-events:none!important;}
#rcDemoCursor svg{transform:translate(-4px,-3px);}
.rc-cursor-ring{position:absolute;left:0;top:0;width:48px;height:48px;border:3px solid var(--accent-text);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.3);background:color-mix(in srgb,var(--accent-text) 12%,transparent);}
#rcDemoCursor.is-pressed .rc-cursor-ring{opacity:1!important;transform:translate(-50%,-50%) scale(.7)!important;}
@media(max-width:480px){#scenarioGuide{width:min(336px,calc(100vw - 24px));}#rcGuideBody{padding:12px 14px 10px;}#rcGuideBody h3{font-size:16px;}#rcGuideBody .rc-narration-copy{font-size:14px;}}
@media(pointer:coarse){#rcGuideBody .rc-actions button{min-height:44px;}#rcGuidePosition{min-height:36px;}}
@media(prefers-reduced-transparency:reduce){#scenarioGuide{background:var(--panel);backdrop-filter:none;}}
@media(forced-colors:active){#scenarioGuide{background:Canvas;color:CanvasText;backdrop-filter:none;border:2px solid CanvasText;}.rc-cursor-ring{border-color:Highlight;background:transparent;}#rcDemoCursor svg path{fill:CanvasText;stroke:Canvas;}.rc-reading-meter i{background:Highlight;}}
#rcGuideBody .rc-actions button:is(.primary-btn,.origo-button[data-variant="primary"]){color:var(--accent-text);background:var(--accent-surface);border-color:var(--control-border);}


/* Explicitly themed controls; the title strip is a stable interaction zone. */
#scenarioGuide #rcGuidePin{width:32px;min-width:32px;height:32px;min-height:32px;padding:6px;flex:none;touch-action:manipulation;}
#rcGuidePin svg{width:18px;height:18px;transition:transform 140ms ease;}
#rcGuideHandle{user-select:none;}
#rcGuideHandle .rc-icon:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;}
#scenarioGuide .rc-guide-foot #rcGuidePosition{background-color:var(--panel);color:var(--ink);color-scheme:inherit;border:1px solid var(--control-border)!important;border-radius:6px;padding:5px 7px;font:12px/1.4 var(--font-ui)!important;max-width:150px;min-height:32px;}
#scenarioGuide #rcGuidePosition option{background-color:var(--panel);color:var(--ink);}
html[data-mode="dark"] #scenarioGuide{color-scheme:dark;}
html[data-mode="light"] #scenarioGuide{color-scheme:light;}
#rcReadingProgress{transition:none!important;}
@media(pointer:coarse){#scenarioGuide #rcGuidePin{width:40px;min-width:40px;height:44px;min-height:44px;}#scenarioGuide .rc-guide-foot #rcGuidePosition{min-height:44px;}}
@media(forced-colors:active){#scenarioGuide .rc-guide-foot #rcGuidePosition,#scenarioGuide #rcGuidePosition option{background:Canvas;color:CanvasText;}}
/* A manual installation handoff and its product form must remain reachable on a phone. */
@media(max-width:480px){
 #scenarioGuide.has-manual-invitation{position:relative;grid-column:1/-1;grid-row:1;left:auto!important;top:auto!important;margin:16px auto;max-height:none;}
 #scenarioGuide.has-manual-invitation~.main{grid-column:1/-1;grid-row:2;}
}

/* Scenario discovery uses the settled Origo controls, separate from product UX. */
.rc-model-tools{display:grid;grid-template-columns:minmax(240px,1fr) minmax(130px,190px) minmax(160px,220px);gap:14px;align-items:end;margin:20px 0 12px;}
.rc-model-tools>label:not(.rc-search),.rc-model-filterline label,.rc-more-filters label{display:grid;gap:5px;font-size:var(--text-meta);color:var(--muted);}
.rc-model-filterline{display:flex;gap:16px;align-items:start;flex-wrap:wrap;margin-bottom:18px;}
.rc-model-filterline label{min-width:135px;max-width:100%;}.rc-model-filterline select{max-width:380px;width:100%;}
.rc-model-tools select,.rc-model-filterline select,.rc-model-filterline input{background:var(--panel-dark);color:var(--ink);border:1px solid var(--control-border);padding:8px;border-radius:8px;min-height:38px;}
.rc-more-filters{margin-left:auto;border:1px solid var(--line);border-radius:8px;padding:9px;max-width:100%;}.rc-more-filters summary{cursor:pointer;font-size:var(--text-label);}.rc-more-filters[open]{display:grid;gap:12px;}
.rc-model-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(360px,1.25fr);gap:22px;align-items:start;margin-top:18px;min-width:0;}.rc-model-layout>*{min-width:0;}.rc-model-layout>.rc-detail{padding:20px;}
.rc-model-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border-block:1px solid var(--line);padding:16px 0;margin:18px 0;}.rc-model-metrics div{min-width:0;}.rc-model-metrics dt{font-size:var(--text-meta);color:var(--muted);}.rc-model-metrics dd{margin:3px 0 0;font-size:20px;font-weight:650;}
.rc-model-row-metrics{display:block;margin-top:7px;color:var(--accent-text);font-size:var(--text-meta);}.rc-model-detail .rc-detail-scroll{max-height:62vh;}.rc-model-layout .rc-list{max-height:65vh;overflow:auto;}
.rc-model-step{padding:10px 4px;border-bottom:1px solid var(--line);}.rc-model-step summary{cursor:pointer;}.rc-model-step summary small{display:block;color:var(--muted);font-size:var(--text-meta);}.rc-model-step code{overflow-wrap:anywhere;font-size:var(--text-meta);}.rc-model-step ol{padding-left:20px;}
.rc-context-evidence{border-left:2px solid var(--accent-text);margin:12px 0;padding:6px 12px;color:var(--muted);font-size:var(--text-meta);}.rc-action-evidence{margin:8px 0;}.rc-action-evidence summary{cursor:pointer;font-size:var(--text-meta);}.rc-action-evidence li{font-size:var(--text-meta);overflow-wrap:anywhere;padding-block:4px;}
@media(max-width:1000px){.rc-model-tools{grid-template-columns:1fr 1fr;}.rc-model-tools>.rc-search{grid-column:1/-1;}.rc-model-layout{grid-template-columns:minmax(200px,.75fr) minmax(290px,1.2fr);}}
@media(max-width:720px){.rc-model-layout{grid-template-columns:1fr;}.rc-model-layout .rc-list{max-height:34vh;}.rc-model-detail .rc-detail-scroll{max-height:none;}.rc-model-tools{grid-template-columns:1fr 1fr;gap:10px;}.rc-model-filterline{gap:10px;}.rc-model-filterline label{min-width:0;flex:1;}.rc-more-filters{margin:0;width:100%;}.rc-model-layout>.rc-detail{padding:14px;}.rc-model-metrics{gap:12px;}.rc-model-metrics dd{font-size:18px;}}

.rc-model-layout>.rc-detail>label{display:grid;gap:8px;max-width:270px;margin-bottom:14px}.rc-model-layout>.rc-detail>.rc-actions{margin-top:14px}.rc-context-evidence{line-height:1.7}
.rc-model-tools>label,.rc-model-filterline>label{min-width:0}.rc-model-tools select,.rc-model-filterline select{min-width:0;max-width:100%;width:100%}.rc-model-metrics dd{overflow-wrap:anywhere}
@media(max-width:420px){.rc-model-tools{grid-template-columns:minmax(0,1fr)}.rc-model-tools>.rc-search{grid-column:auto}.rc-model-filterline{display:grid;grid-template-columns:minmax(0,1fr)}.rc-model-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.rc-model-detail .rc-path,.rc-model-detail code,.rc-flow-heading small{overflow-wrap:anywhere}}


/* Library-only layout contract. Product surfaces, guide and execution model are unchanged. */
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]){display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;padding:18px 24px 0;gap:12px;scrollbar-gutter:auto;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser])>.rc-library-head,:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser])>.rc-library-discovery,:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser])>.rc-banner{flex:none;min-width:0;margin:0;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-heading{align-items:center;margin:0;gap:12px;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-heading h2{font-size:22px;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-heading .rc-actions button{min-height:38px;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-banner{padding:10px 12px;font-size:12px;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-banner p{margin:2px 0;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-tools{display:grid;grid-template-columns:minmax(200px,1fr) minmax(130px,160px) minmax(155px,200px) auto;align-items:end;gap:12px;margin:0;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-tools>label{display:grid;gap:5px;min-width:0;color:var(--muted);font-size:var(--text-meta);}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-tools .rc-search{display:flex;align-items:center;gap:9px;padding:0 11px;margin:0;width:100%;height:40px;min-height:40px;border:1px solid var(--control-border);border-radius:8px;background:var(--panel-dark);}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-tools .rc-search svg{width:16px;height:16px;flex:none;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-tools .rc-search input{border:0;background:transparent;width:100%;min-width:0;height:100%;margin:0;padding:0;font:var(--text-body)/1.4 var(--font-ui);color:var(--ink);}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-tools .rc-search:focus-within{outline:2px solid var(--focus-ring);outline-offset:2px;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-tools .rc-search input:focus{outline:none;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-tools select,:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-filter-toggle{height:40px;min-height:40px;margin:0;font-size:var(--text-body);}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-filter-toggle{display:flex;gap:6px;white-space:nowrap;background:transparent;box-shadow:none;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-filter-toggle[aria-expanded=true]{background:var(--accent-surface);color:var(--accent-text);border-color:var(--accent-text);}
.rc-filter-count{font-size:12px;min-width:18px;text-align:center;border-radius:5px;background:var(--accent-surface);}
.rc-filter-summary{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:9px;font-size:var(--text-meta);max-height:70px;overflow:auto;}
.rc-filter-summary>span{border:1px solid var(--line);border-radius:5px;padding:3px 7px;color:var(--muted);}
.rc-filter-summary>.soft-btn{background:none;border:0;box-shadow:none;font-size:12px;min-height:26px;padding:2px 6px;color:var(--accent-text);}
.rc-library-filters{display:grid;grid-template-columns:1fr 1.4fr .7fr .85fr 1fr auto;gap:12px;align-items:end;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--shell);max-height:min(220px,30dvh);overflow:auto;}
.rc-library-filters[hidden]{display:none!important;}
.rc-library-filters>label{display:grid;gap:5px;min-width:0;font-size:var(--text-meta);color:var(--muted);}
.rc-library-filters :is(select,input){min-height:40px;width:100%;min-width:0;border:1px solid var(--control-border);border-radius:8px;background:var(--panel-dark);color:var(--ink);padding:8px;font-size:var(--text-body);}
.rc-library-filters>.soft-btn{min-height:40px;font-size:13px;white-space:nowrap;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser])>.rc-model-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(380px,1.28fr);gap:0;align-items:stretch;flex:1;min-height:0;min-width:0;margin:0;border-top:1px solid var(--line);}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-library-results{display:flex;flex-direction:column;min-width:0;min-height:0;padding-right:16px;overflow:hidden;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-result-count{margin:0;padding:12px 4px 8px;flex:none;font-size:var(--text-meta);}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) :is(#rcScenarioList,.origo-scenario-list){flex:1;min-height:0;height:auto;max-height:none;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;padding:4px;scroll-padding:6px;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-scenario-row{padding:12px 10px;margin:0 0 3px;width:100%;border-radius:8px;line-height:1.5;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-scenario-row>strong{font-size:var(--text-body);font-weight:600;line-height:1.5;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-scenario-row>small{margin-top:5px;line-height:1.5;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-row-metrics{margin-top:5px;line-height:1.6;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-page-controls{display:flex;flex:none;gap:10px;align-items:center;justify-content:space-between;margin:0;padding:10px 4px;border-top:1px solid var(--line);background:var(--page);font-size:var(--text-meta);}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-page-controls button{font-size:13px;min-height:38px;padding:6px 9px;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-detail{display:flex;flex-direction:column;align-self:stretch;min-width:0;min-height:0;height:100%;overflow:hidden;padding:0;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;container-type:inline-size;container-name:library-detail;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-detail>.rc-detail-scroll{flex:1;min-height:0;min-width:0;height:auto;max-height:none;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;padding:16px 8px 24px 22px;scroll-padding:14px;}
:is(#rcLibraryDetailTitle,.origo-scenario-detail-title){font-size:22px;line-height:1.35;letter-spacing:-.025em;margin:8px 0!important;overflow-wrap:anywhere;}
.rc-library-detail-heading{display:flex;gap:12px;align-items:baseline;justify-content:space-between;min-width:0;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-library-detail-heading .rc-path{margin:0;font-size:var(--text-meta);overflow-wrap:anywhere;}
.rc-browsing-label{flex:none;color:var(--muted);font-size:var(--text-meta);white-space:nowrap;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-scenario-goal{font-size:var(--text-body);line-height:1.65;margin:8px 0 12px;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;padding:12px 0;margin:14px 0 4px;border-block:1px solid var(--line);}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-metrics dd{font-size:19px;line-height:1.4;margin:3px 0 0;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-metrics dt{line-height:1.4;font-size:var(--text-meta);}
.rc-metric-link{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;text-align:left;min-height:28px;}
.rc-metric-link>span{font-size:12px;color:var(--accent-text);}
.rc-metric-link:hover{color:var(--accent-text);}
.rc-library-disclosure{border-bottom:1px solid var(--line);padding:8px 0;min-width:0;}
.rc-library-disclosure>summary{cursor:pointer;min-height:32px;padding:6px 0;font-size:var(--text-body);color:var(--muted);}
.rc-library-disclosure[open]>summary{color:var(--ink);}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-library-disclosure p{font-size:var(--text-body);line-height:1.65;margin:8px 0;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-metric-explanation{border:0;padding:3px 0 6px;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-metric-explanation>summary{font-size:var(--text-meta);padding:4px 0;}
.rc-library-composition{margin:8px 0 18px;}
.rc-library-composition>h4{font-size:16px;line-height:1.4;font-weight:600;margin:0 0 10px;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-flow-node{border-radius:6px;padding:10px;background:transparent;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-flow-heading>small{font-size:11px;color:var(--subtle);}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-flow-node>summary{gap:8px;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-flow-heading>strong{font-size:var(--text-body);}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-flow-leaf{font-size:var(--text-body);}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-detail>.rc-detail-footer{display:flex;flex:none;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:12px 8px 12px 22px;border-top:1px solid var(--line);background:var(--page);max-height:60%;overflow:auto;}
.rc-load-note{min-width:0;font-size:var(--text-meta);line-height:1.55;color:var(--muted);}
.rc-load-note strong,.rc-load-note span{display:block;}.rc-load-note strong{color:var(--ink);font-weight:500;}
.rc-runtime-required{color:var(--amber);margin-top:3px;}
#rcLibraryActionBar>.primary-btn{flex:none;min-height:42px;white-space:nowrap;}
/* The Origo button keeps the bar layout; its height follows the recipe. */
#rcLibraryActionBar>.origo-button{flex:none;white-space:nowrap;}
.rc-library-confirm{width:100%;min-width:0;}.rc-library-confirm>strong{font-size:var(--text-body);line-height:1.5;}.rc-library-confirm>p{font-size:var(--text-meta)!important;line-height:1.6;margin:6px 0 10px!important;}.rc-library-confirm>.rc-actions{justify-content:flex-end;}
.rc-library-back{display:none;flex:none;}
.rc-library-empty .rc-empty{padding:32px 22px;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-used-by{display:grid;gap:4px;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-used-by button{min-height:36px;padding:6px 0;text-align:left;line-height:1.5;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-starting{margin:10px 0;border:0;padding:0;background:none;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-starting>h3{display:none;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-facts>div{grid-template-columns:minmax(100px,.6fr) minmax(0,1fr);}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-pre{max-height:none;overflow:visible;white-space:pre-wrap;overflow-wrap:anywhere;}
/* Responsiveness is based on the library's capacity, not the full window. */
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser])[data-library-narrow="true"] .rc-model-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser])[data-library-narrow="true"] .rc-search-label{grid-column:1/-1;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser])[data-library-narrow="true"] .rc-library-filters{grid-template-columns:repeat(2,minmax(0,1fr));}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser])[data-library-narrow="true"]>.rc-model-layout{grid-template-columns:minmax(0,1fr);}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser])[data-library-narrow="true"] .rc-library-results{padding:0;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser])[data-library-narrow="true"][data-library-detail="false"] .rc-model-detail{display:none;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser])[data-library-narrow="true"][data-library-detail="true"]>.rc-library-head,:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser])[data-library-narrow="true"][data-library-detail="true"]>.rc-library-discovery,:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser])[data-library-narrow="true"][data-library-detail="true"] .rc-library-results{display:none;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser])[data-library-narrow="true"] .rc-model-detail{border-left:0;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser])[data-library-narrow="true"] .rc-library-back{display:flex;padding:4px 0 8px;border-bottom:1px solid var(--line);}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser])[data-library-narrow="true"] .rc-model-detail>.rc-detail-scroll{padding:14px 4px 20px;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser])[data-library-narrow="true"] .rc-model-detail>.rc-detail-footer{padding:12px 0;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser])[data-library-narrow="true"] .rc-model-layout{border-top:0;}
@container library-detail (min-width:700px){:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;}}
@media(max-width:1150px){.rc-library-filters{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:600px){:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]){padding:12px 14px 0;gap:10px;}:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-heading h2{font-size:20px;}:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-heading .soft-btn{font-size:12px;padding-inline:9px;min-height:38px;}:is(#rcLibraryDetailTitle,.origo-scenario-detail-title){font-size:20px;}.rc-library-detail-heading{flex-wrap:wrap;gap:4px;}.rc-library-detail-heading .rc-path{flex:1 1 200px;}.rc-load-note br{display:none;}:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-detail-footer{gap:10px;}#rcLibraryActionBar>.primary-btn{min-height:44px;font-size:13px;padding-inline:12px;}:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-metrics{gap:10px;}.rc-library-disclosure .rc-pre{padding:10px;font-size:11px;}}
@media(max-height:600px){:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]){padding-top:10px;gap:8px;}:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-detail-footer{padding-block:8px;}:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-tools>label>span:first-child:not(.rc-search){display:none;}:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-result-count{padding-block:7px;}:is(#rcLibraryDetailTitle,.origo-scenario-detail-title){font-size:20px;}.rc-library-filters{max-height:28dvh;}}
@media(pointer:coarse){:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-tools select,:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-tools .rc-search,:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-filter-toggle{height:44px;min-height:44px;}:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-library-filters input,:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-library-filters select{min-height:44px;}:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-tools .rc-search input{font-size:16px;}}
@media(forced-colors:active){:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-scenario-row[aria-pressed=true]{outline:2px solid Highlight;}.rc-filter-count{border:1px solid ButtonText;}.rc-metric-link{color:LinkText;}}
/* Collapsed phases are an outline, not a second layer of tall cards. */
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-model-tools select{min-width:0;width:100%;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-library-composition .rc-flow-tree{gap:6px;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-flow-node{padding:0 10px;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-flow-node>summary{padding:10px 0;min-height:48px;}
:is(#rcPane[data-rc-view="library"],[data-origo-scenario-browser]) .rc-flow-node:not([open])>summary .rc-flow-heading small{display:none;}

:is(.sigma-entry-page,.origo-entry-surface) {--entry-line:rgb(111 165 210 / .065);--entry-tile:rgb(84 132 189 / .027);--entry-glow:rgb(33 117 193 / .07);position:relative;isolation:isolate;background:var(--page);}
:is(.sigma-entry-page,.origo-entry-surface)::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background-image:linear-gradient(60deg,transparent 49.6%,var(--entry-line) 49.8%,var(--entry-line) 50.2%,transparent 50.4%),linear-gradient(-60deg,transparent 49.6%,var(--entry-line) 49.8%,var(--entry-line) 50.2%,transparent 50.4%),linear-gradient(0deg,var(--entry-line) 1px,transparent 1px),conic-gradient(from 30deg at 50% 50%,transparent 0deg 120deg,var(--entry-tile) 120deg 180deg,transparent 180deg 360deg);
 background-size:144px 249.4px,144px 249.4px,144px 124.7px,288px 498.8px;
 mask-image:linear-gradient(100deg,#000,rgba(0,0,0,.65) 50%,rgba(0,0,0,.35));}
:is(.sigma-entry-page,.origo-entry-surface)::after {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 25% 48%,var(--entry-glow),transparent 60%);}
html[data-mode="light"] :is(.sigma-entry-page,.origo-entry-surface) {--entry-line:rgb(88 126 182 / .042);--entry-tile:rgb(82 126 202 / .036);--entry-glow:rgb(62 145 239 / .025);}
html[data-mode="light"] :is(.sigma-entry-page,.origo-entry-surface)::before {
 background-image:conic-gradient(from 30deg at 50% 50%,var(--entry-tile) 0deg 60deg,transparent 60deg 180deg,var(--entry-tile) 180deg 240deg,transparent 240deg 360deg),linear-gradient(60deg,transparent 49.75%,var(--entry-line) 50%,transparent 50.25%),linear-gradient(-60deg,transparent 49.75%,var(--entry-line) 50%,transparent 50.25%);
 background-size:216px 374.1px,216px 374.1px,216px 374.1px;
 mask-image:linear-gradient(110deg,#000,rgba(0,0,0,.55));
}

@media(forced-colors:active){.origo-entry-surface::before,.origo-entry-surface::after{display:none;}}


/* Sigma public entry · 2026-09-09.4. Scoped to the unauthenticated entrance.
   Repeating gradients are CSS; brand artwork is the approved vector geometry. */
html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #sigmaGlobalHeader {
  --entry-header-pad:clamp(20px,4vw,64px);
  padding-inline:var(--entry-header-pad); background:var(--shell);
  border-bottom:1px solid var(--line);
}

/* Keep the brand and version separate from setup controls on small screens. */
@media (max-width:640px){
 html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]){--topbar-height:116px;}
 html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #sigmaGlobalHeader{display:grid;height:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:center;row-gap:8px;}
 html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #sigmaGlobalHeader .sigma-header-leading{width:100%;min-width:0;}
 html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #sigmaGlobalHeader>.top-actions{width:100%;justify-content:flex-end;flex-wrap:wrap;gap:8px;}
 #vestaOnboardingReturn{white-space:nowrap;flex:none;}
}
@media (max-width:360px){html[data-vesta-shell="onboarding"]:has(#vestaOnboardingReturn:not([hidden])){--topbar-height:164px;}}
html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #sigmaGlobalHeader>.top-actions {margin-left:auto;flex:0 0 auto;}
html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #sigmaGlobalHeader #sigmaSearchForm,
html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #sigmaSearchPopover {display:none!important;}
html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #vestaPublicBrand {display:flex;min-width:0;width:144px;padding:0;}
#vestaPublicBrand .sigma-brand-lockup {width:100%;height:auto;max-height:44px;color:var(--ink);}
.sigma-entry-scroll {flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:auto;}
.sigma-entry-layout {width:min(1200px,100%);min-height:100%;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,480px);gap:clamp(44px,7vw,112px);align-items:center;padding:clamp(24px,5dvh,56px) clamp(24px,5vw,64px);}
.sigma-entry-hero {display:flex;align-items:center;justify-content:center;min-width:0;padding:12px;}
.sigma-entry-hero svg {width:min(100%,380px);height:auto;max-height:calc(100dvh - var(--sigma-header-block-size,56px) - 120px);color:var(--ink);}
.sigma-entry-card {min-width:0;padding:clamp(28px,3vw,40px);border:1px solid var(--line);border-radius:var(--radius-overlay,16px);background:color-mix(in srgb,var(--panel) 95%,transparent);color:var(--ink);box-shadow:none;}
.sigma-entry-card h1 {font:650 clamp(1.5rem,2.5vw,1.875rem)/1.2 var(--font-ui);letter-spacing:-.035em;margin:0 0 30px;}
.sigma-entry-card .vesta-provider-list {display:grid;gap:12px;}
#ambientScene .sigma-entry-card .vesta-provider {width:100%;min-height:56px;padding:14px 16px;display:flex;gap:14px;border-radius:var(--radius-control,8px);font:600 .9375rem/1.5 var(--font-ui);color:var(--ink);border:1px solid var(--control-border);background:linear-gradient(180deg,var(--surface-highlight),transparent),var(--panel-2);box-shadow:inset 0 1px 0 rgb(255 255 255/.07),0 2px 5px rgb(0 0 0/.08);}
#ambientScene .sigma-entry-card .vesta-provider[data-method="CAC / PIV"] {background:linear-gradient(180deg,color-mix(in srgb,var(--accent-2) 11%,transparent),transparent),var(--panel);border-color:color-mix(in srgb,var(--accent-2) 52%,var(--control-border));}
#ambientScene .sigma-entry-card .vesta-provider:hover:not(:disabled){border-color:var(--accent-text);background-color:color-mix(in srgb,var(--panel-2) 94%,var(--accent-2));}
#ambientScene .sigma-entry-card .vesta-provider:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 3px rgb(0 0 0/.12);}
#ambientScene .sigma-entry-card .vesta-provider>svg {width:22px;height:22px;flex:none;}
#ambientScene .sigma-entry-card .vesta-provider>span[aria-hidden="true"]:last-child {font-weight:400;font-size:21px;}
.sigma-entry-divider {display:flex;align-items:center;gap:16px;color:var(--muted);font:400 .75rem/1.4 var(--font-ui);margin:24px 0 16px;}
.sigma-entry-divider::before,.sigma-entry-divider::after {content:"";height:1px;flex:1;background:var(--line);}
#ambientScene .sigma-entry-request {display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:48px;background:transparent;border:1px solid var(--control-border);border-radius:var(--radius-control,8px);font:600 .9375rem/1.5 var(--font-ui);color:var(--accent-text);cursor:pointer;}
#ambientScene .sigma-entry-request:hover{background:var(--accent-soft);border-color:var(--accent-text);}
.sigma-entry-invitation {display:flex;justify-content:center;margin-top:12px;}
/* Quiet, low-emphasis ink at rest; the hover is the Origo recipe's wash (one hover style), with the ink turning accent. */
.sigma-entry-invitation :is(.text-action,.origo-button[data-variant="quiet"]) {--_button-ink:var(--muted);}
.sigma-entry-invitation :is(.text-action,.origo-button[data-variant="quiet"]):hover:not(:disabled) {--_button-ink:var(--accent-text);}
.sigma-entry-back {display:inline-flex;align-items:center;gap:8px;min-height:36px;border:0;background:none;color:var(--muted);font:400 .875rem/1.5 var(--font-ui);padding:0;cursor:pointer;margin:-6px 0 16px;}
.sigma-entry-back:hover {color:var(--accent-text);}
.sigma-entry-card[data-entry-mode="request"] h1 {margin-bottom:22px;}
.sigma-entry-card[data-entry-mode="initial"] .vesta-lead {margin:0 0 24px;}
.sigma-entry-process {display:grid;gap:16px;list-style:none;padding:0;margin:0 0 24px;}
.sigma-entry-process li {display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;}
.sigma-entry-process .sigma-entry-number {width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);font:.75rem/1 var(--font-ui);margin-top:1px;}
.sigma-entry-process strong {font:600 .875rem/1.5 var(--font-ui);display:block;color:var(--ink);}
.sigma-entry-process p {font:400 .875rem/1.55 var(--font-ui);color:var(--muted);margin:3px 0 0;overflow-wrap:anywhere;}
.sigma-entry-runtime {margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line);font:.875rem/1.55 var(--font-ui);color:var(--muted);}
.sigma-entry-runtime p{margin:0 0 12px;}
.sigma-entry-runtime progress{display:block;width:100%;height:4px;accent-color:var(--accent-text);}
.sigma-entry-card [data-vesta-error]:empty{display:none;}
@media (max-width:900px){.sigma-entry-layout {grid-template-columns:minmax(0,1fr) minmax(340px,430px);gap:32px;padding-inline:28px;}.sigma-entry-card{padding:28px;}}
@media (max-width:740px){
 .sigma-entry-layout {grid-template-columns:minmax(0,1fr);max-width:500px;gap:20px;align-content:center;padding:24px 20px;}
 .sigma-entry-hero {padding:0;}.sigma-entry-hero svg{width:140px;height:auto;max-height:none;}
 .sigma-entry-card{padding:26px;}.sigma-entry-card h1{font-size:1.5rem;margin-bottom:24px;}
 html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #vestaPublicBrand {width:116px;}
 .sigma-entry-page[data-entry-mode="request"] .sigma-entry-hero{display:none;}
}
@media (max-height:720px) and (max-width:740px){.sigma-entry-hero{display:none;}.sigma-entry-layout{align-content:center;padding-block:20px;}}
@media (max-height:600px){
 .sigma-entry-layout {padding-block:16px;}.sigma-entry-card{padding:22px 26px;}.sigma-entry-card h1{margin-bottom:18px;font-size:1.5rem;}
 #ambientScene .sigma-entry-card .vesta-provider{min-height:48px;padding-block:10px;}.sigma-entry-card .vesta-provider-list{gap:10px;}
 .sigma-entry-divider{margin:16px 0 12px;}.sigma-entry-invitation{margin-top:6px;}.sigma-entry-process{gap:12px;margin-bottom:18px;}
 .sigma-entry-back {margin-bottom:12px;}.sigma-entry-card[data-entry-mode="request"] h1{margin-bottom:16px;}
}
@media (max-width:360px){.sigma-entry-layout{padding-inline:14px;}.sigma-entry-card{padding:24px 18px;}#ambientScene .sigma-entry-card .vesta-provider{padding-inline:12px;gap:10px;}.sigma-entry-process li{gap:8px;}.sigma-entry-card h1{font-size:1.375rem;}}
@media (forced-colors:active){.sigma-entry-page::before,.sigma-entry-page::after{display:none;}.sigma-entry-card,#ambientScene .sigma-entry-card .vesta-provider,#ambientScene .sigma-entry-request {border:1px solid ButtonText;background:Canvas;color:CanvasText;box-shadow:none;}.sigma-brand-wordmark{fill:CanvasText!important;}.sigma-entry-hero svg [fill^="url"],#vestaPublicBrand svg [fill^="url"]{fill:CanvasText;}}
@media (max-height:460px) and (min-width:741px){
 .sigma-entry-layout{padding-block:10px;}
 .sigma-entry-card{padding:18px 26px;}
 .sigma-entry-card h1{margin-bottom:14px;}
 #ambientScene .sigma-entry-card .vesta-provider{min-height:44px;padding-block:8px;}
 .sigma-entry-card .vesta-provider-list{gap:8px;}
 .sigma-entry-divider{margin:12px 0 8px;}
 #ambientScene .sigma-entry-request{min-height:44px;}
 .sigma-entry-invitation{margin-top:8px;}

}

/* R1 card-first sign-in, revision 4 (docs/R1-CARD-SIGN-IN-SPEC.md sections 1.2, 1.6, 2.4). The entry page's frame is kept;
   these rules lay out the provider buttons (Origo buttons: secondary, large, full width, leading icon), the screen before
   the hand-off (SP), the result screens and the card link's refusal. Tokens only, no hex: light and dark come from the
   Ambient tokens. Paint of the buttons belongs to their Origo recipe. */

/* S0 and the Bind step: provider buttons with the icon and label on the left and the arrow on the right. */
.sigma-entry-card .vesta-provider-list {display:grid;gap:12px;}
.sigma-entry-card .vesta-provider-list .origo-button,
.sigma-entry-card > .origo-button[data-va="onboarding-open"] {justify-content:flex-start;gap:14px;min-height:56px;text-align:left;}
.sigma-entry-card .vesta-provider-list .origo-button > [data-part="icon"] {width:22px;height:22px;flex:none;}
.sigma-entry-card .vesta-provider-list .origo-button > [data-part="label"],
.sigma-entry-card > .origo-button[data-va="onboarding-open"] > [data-part="label"] {display:flex;align-items:center;gap:12px;flex:1;min-width:0;}
.sigma-entry-card .vesta-provider-label {flex:1;min-width:0;white-space:normal;}
.sigma-entry-card .vesta-provider-arrow {flex:none;font-weight:400;font-size:1.3rem;line-height:1;}
.sigma-entry-card > .origo-button[data-va="onboarding-open"] .vesta-provider-label {text-align:center;}
.vesta-commission-entry .vesta-provider-list {display:grid;gap:12px;margin:var(--space-4,16px) 0 var(--space-3,12px);}
.vesta-commission-entry .vesta-provider-label {flex:1;min-width:0;white-space:normal;}
.vesta-commission-entry .vesta-provider-arrow {flex:none;font-weight:400;font-size:1.3rem;line-height:1;}
.vesta-commission-entry .vesta-provider-list .origo-button {justify-content:flex-start;gap:14px;text-align:left;}
.vesta-commission-entry .vesta-provider-list .origo-button > [data-part="label"] {display:flex;align-items:center;gap:12px;flex:1;min-width:0;}

/* SP and the result screens: one column in the entry card; every action at least 44px tall; the heading takes focus on
   arrival without painting a ring for a programmatic focus. */
.sigma-entry-card h1[tabindex="-1"]:focus:not(:focus-visible),
.vesta-card-section h1[tabindex="-1"]:focus:not(:focus-visible) {outline:none;}
.vesta-card-section h1 {margin:0 0 var(--space-4,16px);}
.vesta-card-section .vesta-lead {margin:0 0 var(--space-5,20px);color:var(--ink);overflow-wrap:anywhere;}
.vesta-card-section .vesta-lead strong {font-weight:650;}
.vesta-card-actions {display:flex;flex-wrap:wrap;gap:var(--space-3,12px);margin-top:var(--space-5,20px);}
.vesta-card-actions .origo-button {min-height:44px;}

/* S3: the "not accepted" glyph is --danger; the text stays --ink. */
.vesta-card-mark {display:inline-flex;width:40px;height:40px;margin:0 0 var(--space-3,12px);align-items:center;justify-content:center;border:1px solid var(--danger);border-radius:999px;color:var(--danger);}
.vesta-card-mark svg {width:24px;height:24px;}

@media (max-width:740px){
 .vesta-card-actions .origo-button {flex:1 1 auto;}
}
@media (forced-colors:active){
 .vesta-card-mark {border-color:CanvasText;color:CanvasText;}
}

:root:root{--control-border:#7B808A;--panel-2:#282A2E;--on-accent:#08110e;--accent:#94D6E0;--shadow-rgb:0 0 0;--line:rgb(230 239 235 / .13);--accent-surface:#293135;--shell:#18191B;--muted:#B5B8C0;--panel:#1F2023;--subtle:#9B9FA6;--accent-fill:#83CDD8;--page:#131416;--accent-2:#9CA0DE;--ink:#F1F2F3;--accent-3:#D9A4DF;--focus-ring:color-mix(in srgb,#94D6E0 78%,white);--overlay-rgb:255 255 255;--accent-soft:#293135;--panel-dark:#18191B;--accent-text:#94D6E0;}:root:root[data-mode="light"]{--control-border:#7D828C;--panel-2:#F2F2F3;--on-accent:#ffffff;--accent:#1C707D;--shadow-rgb:20 28 25;--line:rgb(25 35 32 / .13);--accent-surface:#E9F1F2;--shell:#FCFCFD;--muted:#525760;--panel:#FFFFFF;--subtle:#63676F;--accent-fill:#206E7A;--page:#F7F7F8;--accent-2:#272D82;--ink:#1D2026;--accent-3:#792B82;--focus-ring:color-mix(in srgb,#1C707D 78%,black);--overlay-rgb:18 32 26;--accent-soft:#E9F1F2;--panel-dark:#ECEDEE;--accent-text:#1C707D;}html[data-sigma-entry-static="true"]{--topbar-height:56px;--sigma-context-height:0px;--viewport-height:100dvh;}@media(max-width:820px){html[data-sigma-entry-static="true"]{--topbar-height:60px;}}

/* 2026-09-09.5: stable public first paint and reserved runtime status. */
.sigma-public-version{display:none;font:500 .75rem/1.4 var(--font-ui);color:var(--muted);white-space:nowrap;flex:none;letter-spacing:0;}
html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #sigmaPublicVersion{display:inline-block;}
html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) .sigma-header-leading{display:flex;align-items:center;gap:14px;}
html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #vestaPublicBrand{flex:0 0 144px;}
.sigma-entry-runtime-slot{flex:0 0 56px;min-height:56px;padding:0 20px 12px;display:flex;align-items:center;justify-content:center;}
.sigma-entry-runtime-slot .sigma-entry-runtime{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 14px;max-width:100%;margin:0;padding:0;border:0;min-height:32px;color:var(--muted);font:.8125rem/1.4 var(--font-ui);}
.sigma-entry-runtime-slot .text-action{min-height:32px;padding:4px 6px;font-size:inherit;}
.sigma-entry-spinner{width:15px;height:15px;flex:none;border:2px solid var(--line);border-top-color:var(--accent-text);border-radius:50%;animation:sigma-prepare-spin .9s linear infinite;}
@keyframes sigma-prepare-spin{to{transform:rotate(360deg);}}
@media(max-width:740px){html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #vestaPublicBrand{flex-basis:108px;width:108px;}html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) .sigma-header-leading{gap:10px;}.sigma-public-version{font-size:.6875rem;}.sigma-entry-runtime-slot{flex-basis:60px;min-height:60px;padding-inline:14px;}}
@media(max-height:460px){.sigma-entry-runtime-slot{flex-basis:40px;min-height:40px;padding-bottom:4px;}}
html:is([data-vesta-phase="public"],[data-vesta-shell="onboarding"]) #view-vesta{animation:none;}
html[data-sigma-entry-static="true"] #ambientScene{visibility:visible;}
html[data-sigma-entry-static="true"] .workspace-view:not(#view-vesta){display:none!important;}
html[data-sigma-entry-static="true"] #view-vesta{display:block!important;}
@media(prefers-reduced-motion:reduce){.sigma-entry-spinner{animation:none;}}

.sigma-entry-runtime-idle{visibility:hidden}

/* Account execution uses the shared Origo content and status contracts. */
.vesta-execution{margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:var(--radius-object);background:var(--panel-dark);min-width:0;}
.vesta-execution h3{margin:0;font-size:var(--text-reading);line-height:1.5;}
.vesta-execution p{margin:8px 0 14px;max-width:65ch;font-size:var(--text-body);line-height:1.65;overflow-wrap:anywhere;}
.vesta-execution[data-execution-state="failed"],.vesta-execution[data-execution-state="blocked"]{border-inline-start:3px solid var(--amber);}
.vesta-execution[data-execution-state="complete"]{border-inline-start:3px solid var(--success);}
.vesta-execution-stages{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;color:var(--muted);font-size:var(--text-body);}
.vesta-execution-stages [data-done="true"]{color:var(--success);}
.vesta-execution>button{margin:8px 12px 8px 0;}
.vesta-execution .vesta-history{margin-top:14px;}
.vesta-execution .vesta-history ol{padding-left:20px;font-size:var(--text-label);line-height:1.6;}
.vesta-execution .vesta-history time{display:block;color:var(--muted);font-size:var(--text-meta);}
@media(max-width:520px){.vesta-execution{padding:14px;}.vesta-execution-stages{gap:8px 14px;}}
@media(forced-colors:active){.vesta-execution{border-color:CanvasText;}.vesta-execution-stages [data-done="true"]{color:CanvasText;}}

/* Static styles that were inline style="" attributes. The estate's CSP (style-src 'self') refuses inline style
 * attributes, so product markup carries these classes instead. Each rule keeps the declarations exactly. Two id-level
 * :not(#_) raise its specificity above the rules of the cascade, as an inline style was, so nothing else wins where the
 * attribute used to; a script that sets an inline style through CSSOM (element.style) still wins, as before. No element
 * has the id "_". Values a script computes are set through CSSOM, never as an attribute. */
.st-amb-albedo-688a23:not(#_):not(#_){--amb-albedo:color-mix(in srgb,var(--accent) 20%,var(--panel-2))}
.st-avatar-accent:not(#_):not(#_){--avatar:var(--accent)}
.st-avatar-accent-2:not(#_):not(#_){--avatar:var(--accent-2)}
.st-avatar-accent-3:not(#_):not(#_){--avatar:var(--accent-3)}
.st-avatar-amber:not(#_):not(#_){--avatar:var(--amber)}
.st-avatar-ff9e9e:not(#_):not(#_){--avatar:#ff9e9e}
.st-bg-accent:not(#_):not(#_){background:var(--accent)}
.st-bg-accent-2:not(#_):not(#_){background:var(--accent-2)}
.st-bg-accent-3:not(#_):not(#_){background:var(--accent-3)}
.st-bg-accent-soft-color-accent:not(#_):not(#_){background:var(--accent-soft);color:var(--accent)}
.st-bg-amber:not(#_):not(#_){background:var(--amber)}
.st-bg-panel:not(#_):not(#_){background:var(--panel)}
.st-color-8ea39a:not(#_):not(#_){color:#8ea39a}
.st-color-accent:not(#_):not(#_){color:var(--accent)}
.st-color-accent-text-w-30:not(#_):not(#_){color:var(--accent-text);width:30px}
.st-color-amber:not(#_):not(#_){color:var(--amber)}
.st-color-subtle-fs-8-5:not(#_):not(#_){color:var(--subtle);font-size:8.5px}
.st-column-738078:not(#_):not(#_){--column:#738078}
.st-column-accent:not(#_):not(#_){--column:var(--accent)}
.st-column-accent-2:not(#_):not(#_){--column:var(--accent-2)}
.st-column-accent-3:not(#_):not(#_){--column:var(--accent-3)}
.st-depth-shadow-0-13-24-rgb-shadow-rgb-28:not(#_):not(#_){--depth-shadow:0 13px 24px rgb(var(--shadow-rgb) / .28)}
.st-depth-shadow-0-3-6-rgb-shadow-rgb-18:not(#_):not(#_){--depth-shadow:0 3px 6px rgb(var(--shadow-rgb) / .18)}
.st-depth-shadow-0-7-14-rgb-shadow-rgb-22:not(#_):not(#_){--depth-shadow:0 7px 14px rgb(var(--shadow-rgb) / .22)}
.st-depth-shadow-none:not(#_):not(#_){--depth-shadow:none}
.st-display-flex-items-center-gap-15:not(#_):not(#_){display:flex;align-items:center;gap:15px}
.st-flex-1:not(#_):not(#_){flex:1}
.st-fs-12:not(#_):not(#_){font-size:12px}
.st-label-accent:not(#_):not(#_){--label:var(--accent)}
.st-label-accent-2:not(#_):not(#_){--label:var(--accent-2)}
.st-label-accent-3:not(#_):not(#_){--label:var(--accent-3)}
.st-label-amber:not(#_):not(#_){--label:var(--amber)}
.st-m-0:not(#_):not(#_){margin:0}
.st-m-0-pt-12:not(#_):not(#_){margin:0;padding-top:12px}
.st-mt-10:not(#_):not(#_){margin-top:10px}
.st-mt-18:not(#_):not(#_){margin-top:18px}
.st-mt-5-color-a9d18f:not(#_):not(#_){margin-top:5px;color:#a9d18f}
.st-padding-10:not(#_):not(#_){padding:10px}
.st-swatch-accent-2:not(#_):not(#_){--swatch:var(--accent-2)}
.st-swatch-accent-3:not(#_):not(#_){--swatch:var(--accent-3)}
.st-swatch-accent-fill:not(#_):not(#_){--swatch:var(--accent-fill)}
.st-swatch-page:not(#_):not(#_){--swatch:var(--page)}
.st-swatch-panel:not(#_):not(#_){--swatch:var(--panel)}
.st-tab-color-accent-3:not(#_):not(#_){--tab-color:var(--accent-3)}
.st-token-accent:not(#_):not(#_){--token:var(--accent)}
.st-token-accent-2:not(#_):not(#_){--token:var(--accent-2)}
.st-token-accent-3:not(#_):not(#_){--token:var(--accent-3)}
.st-token-accent-fill:not(#_):not(#_){--token:var(--accent-fill)}
.st-token-accent-surface:not(#_):not(#_){--token:var(--accent-surface)}
.st-token-accent-text:not(#_):not(#_){--token:var(--accent-text)}
.st-token-control-border:not(#_):not(#_){--token:var(--control-border)}
.st-token-ink:not(#_):not(#_){--token:var(--ink)}
.st-token-muted:not(#_):not(#_){--token:var(--muted)}
.st-token-on-accent:not(#_):not(#_){--token:var(--on-accent)}
.st-token-panel:not(#_):not(#_){--token:var(--panel)}
.st-value-68:not(#_):not(#_){--value:68%}
.st-value-72:not(#_):not(#_){--value:72}
.st-w-100-minh-180:not(#_):not(#_){width:100%;min-height:180px}
.st-w-48:not(#_):not(#_){width:48%}
.st-w-60:not(#_):not(#_){width:60%}
.st-w-63:not(#_):not(#_){width:63%}
.st-w-68:not(#_):not(#_){width:68%}
.st-w-74:not(#_):not(#_){width:74%}
.st-w-75:not(#_):not(#_){width:75%}
.st-w-76:not(#_):not(#_){width:76%}
.st-w-84:not(#_):not(#_){width:84%}
.st-w-88:not(#_):not(#_){width:88%}
.st-w-91:not(#_):not(#_){width:91%}
.st-w-95:not(#_):not(#_){width:95%}
.st-ws-pre-wrap:not(#_):not(#_){white-space:pre-wrap}

.vesta-desktop-dialog { width: min(680px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); overflow: auto; padding: 24px; color: var(--ink); background: var(--panel); border: 1px solid var(--line); border-radius: 16px; }
.vesta-desktop-dialog::backdrop { background: rgba(0, 0, 0, .55); }
.vesta-desktop-dialog h2 { margin-top: 0; }
.vesta-desktop-dialog .origo-button { margin: 8px 8px 0 0; }
.vesta-desktop-screen { display: block; max-width: 100%; max-height: 70vh; width: auto; height: auto; background: #111; touch-action: none; }
.vesta-desktop-review + .vesta-desktop-review { padding-top: 18px; margin-top: 18px; border-top: 1px solid var(--line); }
.vesta-desktop-dialog .form-field { max-width: 260px; }

.siem-workspace{--siem-gutter:var(--s13-gutter,24px);min-width:0;container:siem/inline-size}.siem-workspace *{box-sizing:border-box}.siem-workspace a{color:var(--accent-text);text-underline-offset:.2em}.siem-workspace :is(a,summary,select,input,.siem-toggle):focus-visible{outline:2px solid var(--focus-ring,var(--accent-text));outline-offset:2px;border-radius:4px}.siem-workspace h1:focus{outline:0}.siem-none{color:var(--subtle,var(--muted))}.siem-you{color:var(--muted)}.siem-head{flex-wrap:wrap;gap:10px 20px}.siem-head>div:first-child{min-width:0}.siem-head h1{overflow-wrap:anywhere}.siem-head time,.siem-sources small{font-variant-numeric:tabular-nums}.siem-head .vesta-head-actions{margin-left:auto}.siem-head .siem-counts{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 6px 0 0;font-size:13px;color:var(--muted)}.siem-counts strong{color:var(--ink);font-weight:650;font-variant-numeric:tabular-nums}.siem-tools{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px;margin:0;padding:10px var(--siem-gutter) 12px;border-bottom:1px solid var(--line);flex:none}.siem-field{display:grid;gap:4px;min-width:0;font-size:12px;line-height:1.3;color:var(--muted)}.siem-field :is(input,select){width:100%;min-width:0;min-height:var(--space-8);padding:4px 8px;font:400 13px/1.3 var(--font-ui);color:var(--ink);background:var(--panel-dark);border:1px solid var(--control-border);border-radius:var(--radius-control)}.siem-field-search{flex:1 1 120px;max-width:340px}.siem-field-scope{flex:0 1 180px}.siem-field-date input{width:184px}.siem-fields{display:contents}.siem-workspace .origo-button[data-siem-filters]{display:none}.siem-tools-actions{display:flex;align-items:center;gap:4px}.siem-workspace :is(.siem-pivot,.siem-alert){flex:1 0 100%;margin:0;font-size:13px;line-height:1.5}.siem-pivot{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;color:var(--muted)}.siem-pivot strong{color:var(--ink);font-weight:550;overflow-wrap:anywhere}.siem-workspace .siem-alert{color:var(--danger)}.siem-body{padding:16px var(--siem-gutter) 40px}.siem-workspace :is(.siem-loading,.siem-note){margin:0 0 10px;font-size:13px;color:var(--muted)}.siem-workspace .siem-table{width:100%;min-width:0;border-collapse:collapse;font-size:13px;line-height:1.45}.siem-table th{padding:7px 14px 7px 0;text-align:left;font-weight:550;font-size:12px;color:var(--muted);white-space:nowrap;border-bottom:1px solid var(--line)}.siem-workspace .siem-table td{padding:9px 14px 9px 0;vertical-align:top;white-space:normal;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.siem-body>.siem-table th{position:sticky;top:0;z-index:1;background:var(--page);border-bottom:0;box-shadow:inset 0 -1px 0 var(--line)}.siem-table :is(th,td):first-child{padding-left:8px}.siem-table :is(th,td):last-child{padding-right:8px}.siem-table .num{text-align:right;font-variant-numeric:tabular-nums}.siem-table td.c-time{color:var(--muted);font-variant-numeric:tabular-nums}.siem-workspace .siem-table :is(.c-time,.c-outcome,.c-severity,.c-status,.c-id,.c-kind,.c-expected,.c-state){white-space:nowrap}.siem-table td strong{font-weight:550}.siem-table td small{display:block;margin-top:2px;font-size:12px;color:var(--muted)}.siem-table td.c-detail,.siem-table td.c-id{color:var(--muted)}.siem-events .c-detail{width:28%}.siem-row{cursor:pointer}.siem-row.is-open>td{background:var(--panel);border-bottom-color:transparent}.siem-incident .c-title a{color:var(--ink);font-weight:550;text-decoration:none}.siem-incident .c-title a:hover{text-decoration:underline}.siem-toggle{appearance:none;display:inline-flex;align-items:baseline;gap:9px;margin:0;padding:0;border:0;background:none;color:var(--ink);font:550 13px/1.45 var(--font-ui);text-align:left;cursor:pointer}.siem-toggle:before{content:'';flex:none;width:6px;height:6px;margin-left:1px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:translateY(-2px) rotate(-45deg);transition:transform var(--duration-state) ease}.siem-toggle[aria-expanded=true]:before{transform:translateY(-3px) rotate(45deg)}.siem-table .siem-record>td{padding:14px 16px 18px 24px;background:var(--panel);cursor:default}.siem-status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.siem-status:before{content:'';flex:none;width:7px;height:7px;border-radius:50%;background:var(--muted)}.siem-status[data-tone=risk]:before{background:var(--danger)}.siem-status[data-tone=warn]:before{background:var(--amber)}.siem-status[data-tone=good]:before{background:var(--success)}.siem-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px 24px;margin:0}.siem-facts>div{min-width:0}.siem-facts dt{margin-bottom:2px;font-size:12px;color:var(--muted)}.siem-facts dd{margin:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.siem-workspace code,.siem-raw pre{font:12px/1.5 var(--font-code)}.siem-facts code{color:var(--muted)}.siem-workspace code.siem-id{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.siem-pivot code.siem-id{display:inline-block;max-width:min(60ch,100%);vertical-align:bottom}.siem-record-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.siem-raw{margin-top:14px}.siem-raw summary{width:max-content;font-size:12px;color:var(--accent-text);cursor:pointer}.siem-raw pre{max-height:320px;margin:8px 0 0;padding:12px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);background:var(--panel-dark);border:1px solid var(--line);border-radius:8px}.siem-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.siem-workspace a.siem-tile{display:grid;gap:2px;align-content:start;min-width:0;padding:10px 16px 12px;color:var(--ink);text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-object)}.siem-tile>span{font-size:13px;color:var(--muted)}.siem-workspace .siem-tile>p{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px;line-height:1.2}.siem-tile strong{font-size:26px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.siem-tile small{font-size:13px;color:var(--muted)}.siem-tile small b{color:var(--ink);font-weight:550}.siem-columns{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:8px 32px;align-items:start}.siem-columns>*{min-width:0}.siem-section{min-width:0;margin-bottom:26px}.siem-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}.siem-section-head a{font-size:13px}.siem-workspace :is(.siem-section,.siem-notes) h2{font-size:14px;line-height:1.4;letter-spacing:0}.siem-tally{margin-left:6px;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}.siem-sources{margin:6px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.siem-sources li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:9px 0;font-size:13px;line-height:1.45;border-bottom:1px solid var(--line)}.siem-sources strong{font-weight:550;overflow-wrap:anywhere}.siem-sources small{grid-column:1/-1;font-size:12px;color:var(--muted)}.siem-split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr)}.siem-queue{min-height:0;padding:8px;overflow:auto;overscroll-behavior:contain;border-right:1px solid var(--line)}.siem-workspace a.siem-queue-item{display:block;padding:10px 12px;color:var(--ink);line-height:1.4;text-decoration:none;border:1px solid transparent;border-radius:8px}.siem-queue-item strong{display:block;font-size:13px;font-weight:550}.siem-queue-item small{display:block;margin-top:3px;font-size:12px;color:var(--muted)}.siem-workspace a.siem-queue-item[aria-current=true]{background:var(--accent-surface);border-color:var(--control-border)}.siem-detail{min-width:0;min-height:0;padding:18px var(--siem-gutter) 40px;overflow:auto;overscroll-behavior:contain}.siem-facts.siem-facts-row{grid-template-columns:repeat(auto-fit,minmax(130px,max-content));gap:12px 40px;padding-bottom:16px;border-bottom:1px solid var(--line)}.siem-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 40px;padding:16px 0 22px}.siem-workspace .siem-notes p{max-width:68ch;margin-top:6px;font-size:13px;line-height:1.6}.siem-state{display:grid;gap:10px;justify-items:start;max-width:640px;margin:0 auto;padding:9vh 6px 0}.siem-workspace .siem-state h1{font-size:24px}.siem-workspace .siem-state p{font-size:15px;line-height:1.6;color:var(--muted)}.siem-state-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.siem-empty{display:grid;gap:6px;justify-items:start;padding:26px 8px}.siem-workspace .siem-empty h2{font-size:15px;letter-spacing:0}.siem-workspace .siem-empty p{font-size:13px;color:var(--muted)}.siem-empty .origo-button{margin-top:8px}.siem-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 0 0;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.siem-legend{display:grid;gap:8px;max-width:760px;margin:22px 0 0;padding:0 8px;font-size:12px;line-height:1.5}.siem-legend>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px}.siem-legend dt{color:var(--ink);font-weight:550}.siem-legend dd{margin:0;color:var(--muted)}#siemSubmodeSection .nav-item{width:100%}.siem-demo-entry{margin:20px 0;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.siem-demo-entry p{max-width:720px}.siem-demo-entry [role=status]{font-size:12px;color:var(--muted)}@media(hover:hover){.siem-row:hover>td,.siem-workspace a.siem-queue-item:hover{background:var(--panel)}.siem-workspace a.siem-tile:hover{background:var(--panel-2);border-color:var(--control-border)}}@media(pointer:coarse){.siem-field :is(input,select){min-height:44px}.siem-toggle{min-height:28px}}@media(forced-colors:active){.siem-status:before{background:CanvasText}.siem-workspace a.siem-queue-item[aria-current=true]{border-color:Highlight}}
@media(max-width:700px){.siem-workspace{--siem-gutter:16px}}@container siem (max-width:1000px){.siem-events .c-detail{display:none}.siem-columns{grid-template-columns:minmax(0,1fr)}.siem-split{grid-template-columns:minmax(0,1fr)}.siem-queue{display:none}.siem-notes{grid-template-columns:minmax(0,1fr)}}
@container siem (max-width:700px){.siem-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 12px}.siem-head .vesta-head-actions{display:contents}.siem-head .siem-counts{grid-column:1/-1;grid-row:2;margin:0}.siem-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding-block:8px 10px}.siem-workspace .origo-button[data-siem-filters]{display:flex;justify-content:flex-start;align-items:center;gap:4px 12px;width:100%;min-height:36px;padding-block:6px;text-align:left}.origo-button[data-siem-filters]>[data-part=label]{display:contents}.origo-button[data-siem-filters] small{font-size:12px;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}.origo-button[data-siem-filters]>[data-part=label]:after{content:'';flex:none;width:6px;height:6px;margin:0 2px 2px auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}.origo-button[data-siem-filters][aria-expanded=true]>[data-part=label]:after{transform:translateY(3px) rotate(-135deg)}.siem-tools[data-open=false] .siem-fields{display:none}.siem-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}.siem-fields>:is(.siem-field-search,.siem-field-scope,.siem-field-date,.siem-tools-actions){grid-column:1/-1;max-width:none}.siem-field-date input{width:100%}.siem-tools>:is(.siem-pivot,.siem-alert){grid-column:1/-1}.siem-body{padding-top:10px}.siem-metrics{gap:8px;margin-bottom:18px}.siem-workspace a.siem-tile{padding:10px 12px 12px}.siem-tile>span{font-size:12px}.siem-tile strong{font-size:22px}.siem-tile small{font-size:12px}.siem-table,.siem-table tbody{display:block}.siem-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.siem-table tr:is(.siem-row,.siem-plain){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 0;border-bottom:1px solid var(--line)}.siem-table tr:is(.siem-row,.siem-plain)>td{display:block;padding:0;border:0;background:none}.siem-workspace .siem-table tr>td.is-empty{display:none}.siem-table tr.is-open{border-bottom-color:transparent}.siem-table :is(.c-event,.c-title,.c-source){grid-column:1;white-space:normal}.siem-table :is(.c-outcome,.c-severity,.c-state,.num){grid-column:2;grid-row:1;justify-self:end}.siem-table :is(.c-who,.c-detail,.c-org,.c-id,.c-status,.c-kind,.c-expected,.c-time){grid-column:1/-1;font-size:12px}.siem-events td.c-detail{display:block;width:auto}.siem-events .c-source,.siem-incidents .c-id,.siem-incidents .c-status{display:inline}.siem-events tr.siem-row{grid-template-columns:minmax(0,1fr) auto}.siem-events .c-event{grid-row:1}.siem-events .c-who{grid-row:2;font-size:13px}.siem-events .c-detail{grid-row:3}.siem-events .c-time{grid-column:1;grid-row:4}.siem-events .c-source{grid-column:2;grid-row:4;justify-self:end;font-size:12px;color:var(--muted)}.siem-audit .c-event{grid-row:1}.siem-audit .c-who{grid-row:2;font-size:13px}.siem-audit .c-org{grid-row:3;color:var(--muted)}.siem-audit .c-time{grid-row:4}.siem-incidents .c-title{grid-row:1}.siem-incidents .c-id{grid-column:1;grid-row:2}.siem-incidents .c-status{grid-column:2;grid-row:2;justify-self:end;color:var(--muted)}.siem-incidents .c-org{grid-row:3;color:var(--muted)}.siem-network .c-source{grid-row:1}.siem-network .num{grid-column:2;grid-row:1}.siem-network .c-outcome{grid-column:1/-1;grid-row:2;justify-self:start}.siem-coverage .c-source{grid-row:1}.siem-coverage :is(.c-kind,.c-expected){grid-column:auto;color:var(--muted)}.siem-coverage .c-expected:before{content:'Coverage: '}.siem-coverage .c-time:before{content:'Latest event '}.siem-table tr.siem-record{display:block}.siem-table tr.siem-record[hidden]{display:none}.siem-table .siem-record>td{display:block;padding:12px;border-radius:8px}.siem-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.siem-facts.siem-facts-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.siem-legend>div{grid-template-columns:minmax(0,1fr);gap:0}.siem-state{padding-top:5vh}.siem-pager{justify-content:space-between}}

/* Shared dialog recipe for every confirmation consumer. */
.origo-confirm-dialog {max-width:min(440px,calc(100vw - 32px));color:var(--ink);background:var(--panel);border:1px solid var(--control-border);border-radius:16px;padding:24px;}
.origo-confirm-dialog button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;}
.origo-confirm-dialog::backdrop {background:rgb(0 0 0 / .42);}
.origo-confirm-dialog .origo-dialog-actions {display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-block:16px;border-top:1px solid var(--line);}

/* Matte writing surface; scene-lit actions reuse the prototype Ambient material. */
.sibyl-composer {max-width:900px;margin-inline:auto;padding-bottom:24px;}
.sibyl-composer .mail-compose-fields input {border:1px solid var(--control-border);border-radius:var(--radius-control);padding:10px 12px;color:var(--ink);}
.sibyl-composer :is(input,button,.ProseMirror):focus-visible {outline:2px solid var(--focus-ring);outline-offset:3px;}
.sibyl-composer .mail-author-body {min-height:120px;padding:18px 4px;box-shadow:none;}
.sibyl-composer .ProseMirror {min-height:120px;}
.sibyl-mail-format,.sibyl-mail-actions,.sibyl-mail-status {display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.sibyl-mail-format {padding-block:12px;border-bottom:1px solid var(--line);}
.sibyl-mail-format button {min-width:38px;}
.sibyl-mail-status {min-height:36px;font-size:13px;color:var(--muted);}
.sibyl-mail-status [data-state=saveFailed],.sibyl-mail-status [data-state=sendFailed],#inlineMailError {color:var(--ink);font-weight:600;}
.sibyl-mail-actions {padding-block:16px;border-top:1px solid var(--line);}
/* Send and Save stay on screen while a long reply scrolls, at presentation height too. */
.sibyl-composer .sibyl-mail-actions {position:sticky;bottom:0;background:var(--panel);z-index:2;}
.sibyl-mail-actions .local-note {margin-left:auto;}
.mail-artifact-toolbar,.mail-artifact-picker,.mail-artifact-actions {display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.mail-artifact-toolbar {padding:10px 0;color:var(--muted);font-size:12px;}
.mail-artifact-picker {padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);}
.mail-artifact-picker[hidden] {display:none;}
.mail-artifact-picker label {display:grid;gap:4px;min-width:min(100%,270px);color:var(--muted);font-size:12px;}
.mail-artifact-picker select {max-width:100%;padding:8px;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);}
.mail-artifact-picker p {flex-basis:100%;margin:0;color:var(--muted);font-size:12px;}
.mail-artifact {display:grid;gap:5px;min-width:0;max-width:520px;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:12px;}
.mail-artifact strong {font-size:13px;}.mail-artifact span,.mail-artifact small {overflow-wrap:anywhere;}.mail-artifact small {color:var(--muted);}
.mail-artifact-actions button {padding:7px 10px;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);cursor:pointer;}
.mail-artifact details {border-top:1px solid var(--line);padding-top:6px;}.mail-artifact summary {cursor:pointer;color:var(--muted);}
.mail-artifact dl {display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;margin:8px 0 0;}.mail-artifact dt {color:var(--muted);}.mail-artifact dd {margin:0;overflow-wrap:anywhere;}
@media(max-width:600px){.sibyl-composer header{flex-wrap:wrap;gap:12px;}.sibyl-mail-actions .local-note{width:100%;margin-left:0;}.sibyl-composer .mail-compose-fields input{min-width:0;width:100%;}}

/* Keep published reading surfaces matte; use existing scene-lit action materials. */
.sibyl-wiki-editor {min-width:0;padding-bottom:24px;}
.wiki-draft-note,.wiki-draft-toolbar,.wiki-draft-actions {display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.wiki-draft-note {padding:12px 0;color:var(--muted);font-size:13px;}
.wiki-draft-note strong {color:var(--ink);}
.sibyl-wiki-editor>label {display:grid;gap:6px;margin:12px 0;color:var(--muted);font-size:13px;}
.sibyl-wiki-editor input {width:100%;min-width:0;color:var(--ink);background:var(--panel);border:1px solid var(--control-border);border-radius:var(--radius-control);padding:10px 12px;font:inherit;}
.wiki-draft-toolbar {padding:12px 0;border-block:1px solid var(--line);}
.wiki-draft-toolbar button {min-height:36px;}
#wikiDraftBody .ProseMirror {min-height:260px;padding:20px 4px;box-shadow:none;}
.wiki-draft-feedback {min-height:36px;font-size:13px;color:var(--muted);}
#wikiDraftError {color:var(--ink);font-weight:600;}
.wiki-draft-actions {border-top:1px solid var(--line);padding-top:16px;}
.sibyl-wiki-editor :is(input,button,.ProseMirror):focus-visible {outline:2px solid var(--focus-ring);outline-offset:3px;}
.wiki-artifact-picker{display:flex;align-items:end;flex-wrap:wrap;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.wiki-artifact-picker[hidden]{display:none}.wiki-artifact-picker label{display:grid;gap:5px;min-width:min(100%,280px);font-size:12px;color:var(--muted)}
.wiki-artifact-picker select{max-width:100%;padding:9px;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--panel);color:var(--ink)}
.wiki-artifact-picker p{flex-basis:100%;margin:0;font-size:12px;color:var(--muted)}
.wiki-artifacts{display:grid;gap:10px;min-width:0;margin:14px 0 20px}.wiki-artifacts h3{margin:0;font-size:14px}
.wiki-artifact{display:grid;gap:5px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:12px}
.wiki-artifact strong{font-size:13px}.wiki-artifact span,.wiki-artifact small{overflow-wrap:anywhere}.wiki-artifact small{color:var(--muted)}
.wiki-artifact-actions{display:flex;gap:8px;flex-wrap:wrap}.wiki-artifact-actions button{padding:7px 10px;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);cursor:pointer}
.wiki-artifact details{border-top:1px solid var(--line);padding-top:6px}.wiki-artifact summary{cursor:pointer;color:var(--muted)}
.wiki-artifact dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;margin:8px 0 0}.wiki-artifact dt{color:var(--muted)}.wiki-artifact dd{margin:0;overflow-wrap:anywhere}
@media(max-width:600px){.wiki-draft-toolbar{gap:6px}.wiki-draft-actions{align-items:stretch}.wiki-draft-actions button{flex:1 1 auto;}.sibyl-wiki-editor{padding-bottom:16px}}

/* Quiet draft feedback under the existing scene-lit composer. */
#view-chat .composer-wrap {min-width:0;}
#view-chat .composer-hint {flex-wrap:wrap;}
.chat-draft-feedback,.chat-draft-attachment {display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;font-size:var(--text-meta);color:var(--muted);}
.chat-draft-feedback {padding-top:8px;min-height:28px;}
.chat-draft-feedback [data-state=saveFailed],.chat-draft-feedback [data-state=sendFailed],#chatDraftError {color:var(--ink);font-weight:600;}
.chat-draft-attachment {padding-block:6px;overflow-wrap:anywhere;}
#chatDraftError {margin:8px 0 0;font-size:var(--text-meta);}
#view-chat .composer-wrap :is(button,textarea):focus-visible {outline:2px solid var(--focus-ring);outline-offset:3px;}
#view-chat .composer-wrap [hidden] {display:none;}
#view-chat #chatInput {resize:none;}
.chat-diagram-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:6px;font-size:var(--text-meta)}
.chat-diagram-controls>button{padding:4px 0}.chat-diagram-controls #chatDiagramPicker{display:flex;align-items:end;flex-wrap:wrap;gap:8px}
.chat-diagram-controls #chatDiagramPicker[hidden]{display:none}.chat-diagram-controls label{display:grid;gap:4px;color:var(--muted)}
.chat-diagram-controls select{max-width:min(100%,290px);padding:7px;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--panel);color:var(--ink)}
#chatDiagramFeedback{color:var(--muted)}.chat-artifact{display:grid;gap:4px;min-width:0;max-width:440px;margin:8px 0;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:12px}
.chat-artifact strong{font-size:13px}.chat-artifact span,.chat-artifact small{overflow-wrap:anywhere}.chat-artifact small{color:var(--muted)}
.chat-artifact-actions{display:flex;gap:8px;flex-wrap:wrap}.chat-artifact-actions button{padding:6px 9px;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);cursor:pointer}
.chat-artifact details{border-top:1px solid var(--line);padding-top:5px}.chat-artifact summary{cursor:pointer;color:var(--muted)}
.chat-artifact dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 8px;margin:7px 0 0}.chat-artifact dt{color:var(--muted)}.chat-artifact dd{margin:0;overflow-wrap:anywhere}

/* Sigma materials: calm paper for time, raised actions for commitments. */
#calendarRoot {max-width:1540px;margin:0 auto;padding:28px clamp(16px,3vw,40px) 40px;color:var(--ink);}
.calendar-title-row,.calendar-toolbar,.calendar-range-controls,.calendar-detail-actions {display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.calendar-title-row {justify-content:space-between;margin-bottom:28px;}
.calendar-eyebrow {font-size:11px;letter-spacing:.12em;color:var(--muted);font-weight:700;margin:0 0 10px;}
.calendar-title-row h1 {font-size:clamp(24px,3vw,34px);letter-spacing:-.035em;margin:0;}
.calendar-intro {color:var(--muted);margin:10px 0 0;font-size:14px;}
.calendar-toolbar {margin-bottom:18px;}
#calendarRoot[data-calendar-mode="week"] .calendar-range-controls {flex-basis:100%;}
.calendar-week-options[hidden] {display:none;}
.calendar-week-options select {font-size:12px!important;}
.calendar-range-controls {flex:1;}.calendar-range-controls h2 {font-size:20px;margin:0 12px;}
.calendar-search input {width:180px;}
.calendar-layout {display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;align-items:start;}
.calendar-main,.calendar-side {min-width:0;}.calendar-month {border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);}
.calendar-week {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));}
.calendar-weekdays {background:color-mix(in srgb,var(--page) 65%,var(--panel));color:var(--muted);font-size:11px;text-align:center;padding:12px 0;}
.calendar-day {min-width:0;min-height:112px;border-top:1px solid var(--line);border-right:1px solid var(--line);padding:5px;}
.calendar-day:last-child {border-right:0;}.calendar-day.outside {background:color-mix(in srgb,var(--page) 65%,var(--panel));}
.calendar-day.selected {background:color-mix(in srgb,var(--accent) 7%,var(--panel));box-shadow:inset 0 0 0 1px var(--accent);}
.calendar-date {display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:transparent;color:var(--ink);font-size:12px;min-height:28px;padding:4px;cursor:pointer;border-radius:6px;}
.calendar-date[aria-current=date] {font-weight:800;color:var(--accent);}.calendar-day-count {font-size:10px;color:var(--muted);}
.calendar-event-chip {width:100%;min-width:0;text-align:left;padding:7px 8px;margin-top:5px;display:flex;flex-direction:column;gap:3px;background:color-mix(in srgb,var(--accent) 8%,var(--panel));color:var(--ink);border:0;border-left:2px solid var(--accent);border-radius:5px;cursor:pointer;}
.calendar-event-chip span {font-size:10px;color:var(--muted);}.calendar-event-chip strong {font-size:12px;line-height:1.35;overflow-wrap:anywhere;font-weight:600;}
.calendar-day-events .calendar-event-chip strong {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.calendar-side {padding-left:22px;border-left:1px solid var(--line);}.calendar-side h2 {font-size:20px;line-height:1.3;margin:0 0 14px;overflow-wrap:anywhere;}.calendar-side h3 {font-size:12px;margin:22px 0 8px;}
.calendar-side p {font-size:13px;line-height:1.65;}.calendar-side small,.calendar-empty-note,.calendar-zone {color:var(--muted);font-size:11px;line-height:1.6;}
.calendar-zone {margin:12px 0;}.calendar-description {white-space:pre-wrap;overflow-wrap:anywhere;}.calendar-event-time {font-weight:600;}
.calendar-context-link,.calendar-draft-link {display:block;border:0;background:transparent;color:var(--ink);text-align:left;width:100%;padding:10px 0;cursor:pointer;overflow-wrap:anywhere;}.calendar-context-link {color:var(--accent);font-size:12px;}.calendar-draft-link span,.calendar-draft-link small {display:block;}.calendar-draft-link span {font-size:13px;}
.calendar-context-missing {color:var(--muted);font-size:12px;}
.calendar-artifact-toolbar,.calendar-artifact-picker,.calendar-artifact-actions {display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.calendar-artifact-toolbar {margin-top:14px;color:var(--muted);font-size:11px;}.calendar-artifact-toolbar span {overflow-wrap:anywhere;}
.calendar-artifact-picker {margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);}
.calendar-artifact-picker[hidden] {display:none;}.calendar-artifact-picker label {min-width:min(100%,240px);}.calendar-artifact-picker p {flex-basis:100%;margin:0;color:var(--muted);font-size:11px;}
.calendar-artifact {display:grid;gap:5px;min-width:0;margin:12px 0;padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:12px;}
.calendar-artifact strong {font-size:13px;}.calendar-artifact span,.calendar-artifact small {overflow-wrap:anywhere;}.calendar-artifact small {color:var(--muted);}
.calendar-artifact-actions button {padding:7px 9px;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);cursor:pointer;}
.calendar-artifact details {border-top:1px solid var(--line);padding-top:6px;}.calendar-artifact summary {cursor:pointer;color:var(--muted);}.calendar-artifact dl {display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 8px;margin:8px 0 0;}.calendar-artifact dt {color:var(--muted);}.calendar-artifact dd {margin:0;overflow-wrap:anywhere;}
.calendar-drafts {border-top:1px solid var(--line);margin-top:26px;}.calendar-detail-actions {margin-top:20px;}.calendar-empty {padding:36px;}
.calendar-agenda section {display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:18px 0;border-top:1px solid var(--line);}.calendar-agenda h3 {font-size:13px;color:var(--muted);margin:10px 0;}
#calendarEditor label {display:flex;flex-direction:column;gap:6px;font-size:12px;margin:14px 0 0;color:var(--muted);}
#calendarRoot :is(input,textarea,select) {min-width:0;max-width:100%;padding:9px 10px;border:1px solid var(--control-border);border-radius:8px;background:var(--panel);color:var(--ink);font:inherit;}
#calendarEditor :is(input:not([type=checkbox]),textarea,select) {width:100%;box-sizing:border-box;font-size:13px;}
#calendarEditor .calendar-checkbox {flex-direction:row;align-items:center;gap:8px;}.calendar-draft-feedback {font-size:12px;color:var(--muted);margin-top:18px;}
#calendarDraftError {color:var(--ink);font-weight:600;}.calendar-draft-feedback button {margin-top:8px;}
#calendarRoot :is(button,input,textarea,select):focus-visible {outline:2px solid var(--focus-ring);outline-offset:2px;}
/* Reuse the repository time-grid geometry (48px/hour), with Sigma materials. */
.calendar-layout[data-calendar-mode=week] {grid-template-columns:minmax(0,1fr) 280px;gap:20px;}
#calendarRoot .calendar-time-scroller {width:100%;max-height:560px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-sizing:border-box;}
#calendarRoot .calendar-time-scroller:focus-visible {outline:2px solid var(--focus-ring);outline-offset:2px;}
#calendarRoot .calendar-time-grid {--calendar-hour-height:48px;display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:54px auto 1152px;min-width:calc(52px + 85px * var(--calendar-day-count));background:var(--panel);}
#calendarRoot :is(.calendar-day-headings,.calendar-all-day-row,.calendar-day-columns) {display:grid;grid-column:2;grid-template-columns:repeat(var(--calendar-day-count),minmax(0,1fr));}
#calendarRoot :is(.calendar-time-corner,.calendar-day-headings) {grid-row:1;position:sticky;top:0;z-index:4;background:var(--panel);border-bottom:1px solid var(--line);}
#calendarRoot .calendar-time-corner {grid-column:1;left:0;z-index:5;border-right:1px solid var(--line);}
#calendarRoot .calendar-day-heading {min-width:0;border-right:1px solid var(--line);padding:3px;}
#calendarRoot .calendar-day-heading .calendar-date {height:47px;min-height:0;flex-direction:column;justify-content:center;gap:3px;font-size:11px;}
#calendarRoot .calendar-day-heading .calendar-date strong {font-size:16px;}
#calendarRoot .calendar-day-heading .calendar-date[aria-pressed=true] {background:color-mix(in srgb,var(--accent) 12%,var(--panel));box-shadow:inset 0 0 0 1px var(--accent);}
#calendarRoot :is(.calendar-all-day-label,.calendar-all-day-row) {grid-row:2;position:sticky;top:54px;min-height:38px;background:var(--panel);border-bottom:1px solid var(--line);z-index:3;}
#calendarRoot .calendar-all-day-label {grid-column:1;left:0;z-index:4;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted);border-right:1px solid var(--line);}
#calendarRoot .calendar-all-day-cell {min-width:0;padding:3px;border-right:1px solid var(--line);}
#calendarRoot .calendar-time-rail {display:grid;grid-column:1;grid-row:3;grid-template-rows:repeat(24,48px);position:sticky;left:0;z-index:2;border-right:1px solid var(--line);background:var(--panel);}
#calendarRoot .calendar-time-rail>div {padding:3px 6px 0 0;text-align:right;color:var(--muted);font-size:10px;border-bottom:1px solid var(--line);}
#calendarRoot .calendar-day-columns {grid-row:3;}
#calendarRoot .calendar-day-column {position:relative;min-width:0;border-right:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 47px,var(--line) 47px,var(--line) 48px);}
#calendarRoot :is(.calendar-timed-event,.calendar-all-day-event) {font:inherit;text-align:left;cursor:pointer;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-left:2px solid var(--accent);border-radius:5px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--ink);padding:4px 5px;box-sizing:border-box;overflow:hidden;}
#calendarRoot .calendar-timed-event {position:absolute;z-index:1;top:var(--event-top);left:calc(var(--event-left) + 2px);width:calc(var(--event-width) - 4px);height:var(--event-height);min-height:24px;}
#calendarRoot .calendar-all-day-event {display:block;width:100%;margin-bottom:3px;}
#calendarRoot :is(.calendar-timed-event,.calendar-all-day-event) :is(time,strong,span) {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;}
#calendarRoot :is(.calendar-timed-event,.calendar-all-day-event) :is(time,span) {font-size:10px;color:var(--muted);}
#calendarRoot :is(.calendar-timed-event,.calendar-all-day-event):focus-visible {z-index:2;outline-offset:-2px;}
.calendar-scroll-hint {display:none;color:var(--muted);font-size:11px;}
@media(max-width:1100px){.calendar-layout[data-calendar-mode=week]{grid-template-columns:1fr;}.calendar-layout[data-calendar-mode=week] .calendar-side{padding:22px 0 0;border-left:0;border-top:1px solid var(--line);}.calendar-scroll-hint{display:block;}}
@media(max-width:1100px){.calendar-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px;}.calendar-side{padding-left:16px;}.calendar-range-controls{min-width:100%;}}
@media(max-width:820px){#calendarRoot{padding-top:22px;}.calendar-layout{grid-template-columns:1fr;}.calendar-side{padding:22px 0 0;border-left:0;border-top:1px solid var(--line);}.calendar-day{min-height:68px;}.calendar-day-events{display:none;}.calendar-date{min-height:50px;flex-direction:column;justify-content:center;gap:6px;}.calendar-title-row{align-items:flex-start;}.calendar-search{flex:1;}.calendar-search input{width:100%;box-sizing:border-box;}.calendar-range-controls h2{margin-left:4px;font-size:18px;}.calendar-agenda section{grid-template-columns:90px minmax(0,1fr);}}

/* Reuse Sigma materials; quiet drafts and a single bright commit action. */
.workflow-draft-shelf{display:flex;gap:10px;align-items:center;overflow:auto;padding:10px 18px;border-bottom:1px solid var(--line);flex-shrink:0}
.workflow-draft-shelf>strong{font-size:11px;white-space:nowrap;color:var(--muted)}
.workflow-draft-link{display:grid;gap:3px;text-align:left;min-width:150px;max-width:260px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink)}
.workflow-draft-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-draft-link small{font-size:10px;color:var(--muted)}
.workflow-notice{margin:0;padding:10px 18px;color:var(--ink);font-size:12px;border-bottom:1px solid var(--line);flex-shrink:0}
#workflowEditor{display:grid;gap:14px}#workflowEditor h2,.workflow-reading h2{font-size:24px;line-height:1.25;overflow-wrap:anywhere;margin:0 0 6px}
.workflow-eyebrow{font-size:10px;letter-spacing:.1em;font-weight:700;color:var(--muted);margin:0}.workflow-intro{font-size:12px;color:var(--muted);margin:0}
#workflowEditor label{display:grid;gap:6px;font-size:12px;color:var(--muted)}
#workflowEditor input,#workflowEditor select,#workflowEditor textarea{box-sizing:border-box;width:100%;min-width:0;padding:10px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;font-size:13px}
#workflowEditor textarea{resize:vertical;min-height:120px;line-height:1.55}.workflow-edit-properties{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.workflow-draft-actions,.workflow-reading-actions{display:flex;gap:8px;flex-wrap:wrap}.workflow-draft-feedback{font-size:12px;min-height:20px}.workflow-draft-feedback [role=alert]{color:var(--ink);border-left:3px solid var(--accent);padding:8px;margin:8px 0}
.workflow-description p{white-space:pre-wrap}.workflow-facts{display:flex;gap:24px;flex-wrap:wrap;font-size:12px}.workflow-facts dt{color:var(--muted);margin-bottom:5px}.workflow-facts dd{margin:0}.workflow-reading h3{font-size:13px;margin-top:24px}
.workflow-artifact{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:12px}.workflow-artifact strong{font-size:13px}.workflow-artifact span,.workflow-artifact small{overflow-wrap:anywhere}.workflow-artifact small{color:var(--muted)}.workflow-artifact button{justify-self:start;padding:7px 10px;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);cursor:pointer}.workflow-artifact details{border-top:1px solid var(--line);padding-top:6px}.workflow-artifact summary{cursor:pointer;color:var(--muted)}.workflow-artifact dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;margin:8px 0 0}.workflow-artifact dt{color:var(--muted)}.workflow-artifact dd{margin:0;overflow-wrap:anywhere}
@media(max-width:600px){.workflow-edit-properties{grid-template-columns:1fr 1fr}.workflow-draft-shelf{padding:8px 12px}.workflow-draft-actions button{min-height:42px}.workflow-reading h2,#workflowEditor h2{font-size:21px}}
@media(max-width:600px){#workflowEditor input,#workflowEditor select,#workflowEditor textarea{font-size:16px}.workflow-v5 .issue-move,.workflow-v5 #closeIssueDetail{min-width:44px;min-height:44px}}

#sigmaDemoLaunch{white-space:nowrap;gap:8px;min-height:36px;padding:6px 12px;font-size:var(--text-body)}
#sigmaDemoLaunch kbd{font:500 var(--text-meta) var(--font-ui);opacity:.75}
#sigmaDemoWelcome{position:fixed;right:20px;top:76px;z-index:220;width:min(345px,calc(100vw - 32px));padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);box-shadow:0 8px 32px #0004;font:var(--text-body)/1.5 var(--font-ui)}#sigmaDemoWelcome strong{font-size:var(--text-content)}#sigmaDemoWelcome p{margin:8px 0 12px;color:var(--muted)}#sigmaDemoWelcome .demo-welcome-actions{display:flex;justify-content:space-between;gap:10px}#sigmaDemoWelcome[hidden]{display:none}
@media(max-width:740px){#sigmaDemoLaunch kbd{display:none}#sigmaDemoWelcome{right:16px}}

/* Demo Center's Basic mode (docs/DEMO-CENTER-V2.md slice 2), laid out as the wireframes' landing page and app pages
   (sigma-demo-app.css supplies the palette): the journey, Choose an app, Highlights, Explore as someone, What's new beside
   the AI card, then each app's page of tours. Every target is at least 44px; nothing scrolls sideways at 390px. */
.sigma-demo-center{max-width:1240px;margin:0 auto;padding:36px 32px 56px;display:flex;flex-direction:column;gap:28px;outline:none}
:is(.sigma-demo-center,.sigma-demo-scope) [hidden]{display:none!important}
.sigma-demo-page{display:flex;flex-direction:column;gap:40px;min-width:0}
.sigma-demo-hero{display:flex;flex-direction:column;gap:10px}
.sigma-demo-hero h1,.sigma-demo-app-head h1{margin:0;font-size:2.5rem;line-height:1.15;font-weight:700;outline:none}
.sigma-demo-hero p{margin:0;max-width:760px;font-size:1.125rem;line-height:1.5;color:var(--muted)}
.sigma-demo-section{display:flex;flex-direction:column;gap:16px;min-width:0}
.sigma-demo-section-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.sigma-demo-section-head h2{margin:0;font-size:1.375rem;line-height:1.3}
.sigma-demo-section-head p{margin:0;font-size:.9375rem;color:var(--muted)}
.sigma-demo-card{margin:0;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0}
.sigma-demo-muted{color:var(--muted);margin:4px 0 0}
.sigma-demo-center .origo-button,.sigma-demo-scope .origo-button{min-height:44px}
:is(.sigma-demo-center,.sigma-demo-scope) h1:focus,:is(.sigma-demo-center,.sigma-demo-scope) :is(h2,h3)[tabindex="-1"]:focus{outline:none}

/* Tags: the app, Uses AI, Part of the journey, and the duration. */
.sigma-demo-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sigma-demo-tag{padding:3px 10px;border-radius:999px;background:var(--accent-surface);color:var(--accent-text);font-size:.8125rem;font-weight:600;line-height:1.4}
.sigma-demo-tag[data-tone="ai"]{background:var(--dc-warn-surface,var(--accent-surface));color:var(--dc-warn-ink,var(--accent-text))}
.sigma-demo-tag[data-tone="part"]{background:transparent;border:1px solid var(--line);color:var(--muted);font-weight:500}
.sigma-demo-duration{margin-left:auto;font-size:.8125rem;color:var(--muted)}

/* The journey: the landing page's lead card, its parts and where it starts. */
.sigma-demo-journey{display:flex;flex-direction:column;gap:18px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.sigma-demo-journey-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.sigma-demo-journey-head .sigma-demo-duration{margin-left:0}
.sigma-demo-journey h2{margin:0;font-size:1.75rem;line-height:1.25}
.sigma-demo-lede{margin:0;max-width:820px;font-size:1rem;line-height:1.5;color:var(--muted)}
/* The parts read as one sequence: one row on a wide screen, three by two, then one column on a phone. */
.sigma-demo-parts{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.sigma-demo-part{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);min-width:0}
.sigma-demo-part[data-chosen="true"]{border-color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--accent-text)}
.sigma-demo-part-n{font-size:.8125rem;font-weight:700;color:var(--accent-text)}
.sigma-demo-part strong{font-size:.9375rem;line-height:1.35}
.sigma-demo-part-line{flex:1 1 auto;font-size:.875rem;line-height:1.45;color:var(--muted)}
.sigma-demo-part .origo-button{align-self:flex-start}

/* Choose an app: a tile per app; on an app's page, the same apps as a list. */
.sigma-demo-apps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.sigma-demo-apps a{display:flex;flex-direction:column;gap:6px;min-height:96px;height:100%;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none}
.sigma-demo-apps a:hover{border-color:var(--accent-text)}
.sigma-demo-apps strong{font-size:1.0625rem}
.sigma-demo-apps span{font-size:.875rem;line-height:1.4;color:var(--muted);flex:1 1 auto}
.sigma-demo-apps small{font-size:.8125rem;color:var(--accent-text);font-weight:600}

/* Workflow cards: Highlights on the landing page, tours on an app's page. */
.sigma-demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.sigma-demo-tours{display:flex;flex-direction:column;gap:14px}
.sigma-demo-tour-card{display:flex;flex-direction:column;gap:12px}
.sigma-demo-tour-card h2,.sigma-demo-tour-card h3{margin:0;font-size:1.1875rem;line-height:1.3}
.sigma-demo-tours .sigma-demo-tour-card h2{font-size:1.25rem}
.sigma-demo-tour-card>p{margin:0;font-size:.9375rem;line-height:1.5;color:var(--muted);max-width:860px}
.sigma-demo-grid .sigma-demo-tour-card>p{flex:1 1 auto}
.sigma-demo-starts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sigma-demo-starts-label{font-size:.875rem;font-weight:600}
.sigma-demo-card-actions{display:flex;flex-wrap:wrap;gap:10px}
.sigma-demo-start-note{margin:0;padding:10px 12px;border:1px solid var(--accent-text);border-radius:10px;background:var(--accent-surface);color:var(--ink);font-size:.875rem;line-height:1.5}
.sigma-demo-start-note .origo-button{margin-left:4px;vertical-align:middle}
.sigma-demo-start-note[data-quiet]{border:0;padding:0;background:none;color:var(--accent-text);font-weight:600}
/* The inline confirmation (Basic opens no dialog). */
.sigma-demo-confirm{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid var(--accent-text);border-radius:10px;background:var(--accent-surface)}
.sigma-demo-confirm p{margin:0;line-height:1.5}
.sigma-demo-confirm-actions{display:flex;flex-wrap:wrap;gap:10px}

/* Explore as someone. */
.sigma-demo-personas{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.sigma-demo-persona{display:flex;flex-direction:column;gap:8px;padding:16px}
.sigma-demo-persona p{margin:0;font-size:.875rem;line-height:1.45}
.sigma-demo-persona .sigma-demo-muted{flex:1 1 auto;font-size:.8125rem}
.sigma-demo-persona-who{display:flex;align-items:center;gap:10px;min-width:0}
.sigma-demo-persona-who>div{display:flex;flex-direction:column;min-width:0}
.sigma-demo-persona-who strong{font-size:.9375rem;overflow-wrap:anywhere}
.sigma-demo-persona-who span:not(.sigma-demo-initials){font-size:.8125rem;color:var(--muted)}
.sigma-demo-initials{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--panel-2);border:1px solid var(--line);font-weight:700;font-size:.9375rem}
.sigma-demo-more{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0}
.sigma-demo-more .sigma-demo-muted{margin:0;font-size:.875rem}

/* What's new beside the AI card (one column when there is nothing new to show). */
.sigma-demo-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;align-items:start}
.sigma-demo-pair[data-single]{grid-template-columns:minmax(0,1fr)}
.sigma-demo-news h2,.sigma-demo-ai h2{margin:0 0 8px;font-size:1.25rem;line-height:1.3}
.sigma-demo-news-list{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.sigma-demo-news-list li{display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;background:var(--panel-2)}
.sigma-demo-news-list li span{flex:1 1 240px;font-size:.9375rem;line-height:1.45}
.sigma-demo-ai:not(:has(.sigma-ai-panel)){display:none}
.sigma-demo-ai .sigma-demo-body .sigma-ai-panel{margin:0;padding:20px;border-radius:12px;background:var(--panel)}

/* An app's page: the breadcrumb, the apps, the app's tours, what is coming, and looking around. */
.sigma-demo-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;font-size:.9375rem}
.sigma-demo-crumbs li+li::before{content:"›";margin-right:6px;color:var(--muted)}
.sigma-demo-crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent-text)}
.sigma-demo-crumbs [aria-current]{display:inline-flex;align-items:center;min-height:44px}
.sigma-demo-app-layout{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.sigma-demo-app-nav{flex:1 1 200px;max-width:220px}
.sigma-demo-app-nav ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.sigma-demo-app-nav a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:.9375rem}
.sigma-demo-app-nav a:hover{background:var(--panel-2)}
.sigma-demo-app-nav a[aria-current="page"]{background:var(--accent-surface);color:var(--accent-text);font-weight:600}
.sigma-demo-app-main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:20px}
.sigma-demo-app-head{display:flex;flex-direction:column;gap:8px}
.sigma-demo-app-head h1{font-size:2rem}
.sigma-demo-app-head p{margin:0;max-width:760px;font-size:1.0625rem;line-height:1.5;color:var(--muted)}
.sigma-demo-planned{display:flex;flex-direction:column;gap:10px}
.sigma-demo-planned h2,.sigma-demo-look h2{margin:0;font-size:1.125rem}
.sigma-demo-planned ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.sigma-demo-planned-card{display:flex;flex-direction:column;gap:6px;border-style:dashed;background:transparent}
.sigma-demo-planned-card span{font-size:.875rem;line-height:1.45}
.sigma-demo-look{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.sigma-demo-empty{margin:0}

.sigma-demo-notice,.sigma-demo-status{margin:0;padding:12px 16px;border:1px solid var(--accent-text);border-radius:10px;background:var(--accent-surface);color:var(--ink)}
.sigma-demo-status{border-color:var(--line);background:var(--panel)}.sigma-demo-status[data-error=true]{border-color:var(--danger)}
.sigma-demo-context{padding:16px 20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between}
.sigma-demo-foot{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}
.sigma-demo-foot p{margin:0;max-width:72ch}
.sigma-demo-outdated{padding:16px 18px;border:1px solid var(--accent-text);border-radius:12px;background:var(--accent-surface)}.sigma-demo-outdated h2{font-size:1.1rem;margin:0 0 8px}.sigma-demo-outdated p{margin:0 0 10px}
.sigma-demo-outdated-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.sigma-demo-outdated-error{padding:10px 12px;border:1px solid var(--danger);border-radius:8px}

/* The generated population in Advanced › People & credentials (#demoCenterPeople): its settings, the full picker, the
   simulated card reader with its controls, and the read-only sign-in trace. */
.sigma-demo-scope fieldset{border:0;padding:0;margin:0;min-width:0}
.sigma-demo-scope legend{font-weight:600;margin-bottom:8px;padding:0}
.sigma-demo-scope input[type=radio],.sigma-demo-scope input[type=checkbox]{width:20px;height:20px;margin:0;accent-color:var(--accent-fill);flex:none}
.sigma-demo-scope label{font-weight:500}
.sigma-demo-scope :is(input[type=search],input[type=text],input[type=number],select){display:block;width:100%;min-width:0;min-height:44px;margin-top:6px;padding:9px 12px;border:1px solid var(--control-border);border-radius:8px;background:var(--panel-2);color:var(--ink);font:inherit}
.sigma-demo-scope select[size]{min-height:120px;padding:4px}.sigma-demo-scope option{padding:8px}
.sigma-demo-scope :disabled{opacity:.55;cursor:not-allowed}
#demoFields{display:flex;flex-direction:column;gap:16px}
.sigma-demo-filters{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin:16px 0 12px}
.sigma-demo-person{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
.sigma-demo-person-pick{min-width:0}
.sigma-demo-scope .sigma-demo-actions{position:sticky;bottom:0;z-index:1;display:flex;justify-content:flex-end;padding:12px 0;background:var(--panel);border-top:1px solid var(--line)}
#demoPopulationSettings{margin-top:4px;padding:12px;border:1px solid var(--line);border-radius:10px}#demoPopulationSettings summary{cursor:pointer;font-weight:600;overflow-wrap:anywhere;min-height:28px}.sigma-demo-population-fields{display:grid;grid-template-columns:110px 1fr;gap:12px;margin-top:12px}.sigma-demo-population-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}
.sigma-demo-appointments{padding-left:20px;margin:8px 0;color:var(--ink);font-size:var(--text-meta)}#demoAccounts{margin-top:10px;font-size:var(--text-meta)}#demoAccounts summary{cursor:pointer;font-weight:600;min-height:28px}#demoAccountList{padding-left:20px;overflow-wrap:anywhere;margin-bottom:4px}#demoCardList{padding-left:20px;overflow-wrap:anywhere;margin-top:0}
/* R1 card reader (simulated) and the read-only sign-in trace. */
.sigma-demo-reader{min-width:0;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}.sigma-demo-reader h3{font-size:1rem;margin:0}.sigma-demo-reader h4{font-size:.875rem;margin:12px 0 4px;color:var(--ink)}
.sigma-demo-reader-cards label{display:flex;align-items:center;gap:10px;min-height:44px}
.sigma-demo-reader-facts{display:grid;gap:4px;margin:8px 0}.sigma-demo-reader-facts>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;font-size:var(--text-meta)}.sigma-demo-reader-facts dt{color:var(--muted)}.sigma-demo-reader-facts dd{margin:0;overflow-wrap:anywhere}
.sigma-demo-reader-controls{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.sigma-demo-trace{margin:0;padding-left:20px;display:grid;gap:2px;font:400 .8125rem/1.45 var(--font-code,ui-monospace,monospace);color:var(--muted);overflow-wrap:anywhere}.sigma-demo-trace [data-logged]{color:var(--ink);font-weight:600}

@media(max-width:1100px){.sigma-demo-parts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.sigma-demo-center{padding:20px 16px 28px;gap:20px}.sigma-demo-page{gap:28px}.sigma-demo-hero h1{font-size:1.75rem}.sigma-demo-app-head h1{font-size:1.625rem}.sigma-demo-journey{padding:18px}.sigma-demo-journey h2{font-size:1.375rem}
 .sigma-demo-app-nav{flex:1 1 100%;max-width:none}.sigma-demo-app-nav ul{flex-direction:row;flex-wrap:wrap}.sigma-demo-app-nav a{border:1px solid var(--line)}}
@media(max-width:600px){.sigma-demo-grid,.sigma-demo-pair,.sigma-demo-personas{grid-template-columns:minmax(0,1fr)}.sigma-demo-parts{grid-template-columns:repeat(2,minmax(0,1fr))}.sigma-demo-part-line{display:none}.sigma-demo-part .origo-button{align-self:stretch}.sigma-demo-apps{grid-template-columns:repeat(2,minmax(0,1fr))}.sigma-demo-apps a{min-height:88px;padding:12px}
 .sigma-demo-card{padding:16px}.sigma-demo-card-actions .origo-button{flex:1 1 0}.sigma-demo-filters{grid-template-columns:1fr 1fr}.sigma-demo-filters label:first-child{grid-column:1/-1}.sigma-demo-scope .sigma-demo-actions #demoStart{width:100%}.sigma-demo-population-fields{grid-template-columns:90px minmax(0,1fr)}}

/* Demo Center's app layer (sigma-demo-app.js): one full-screen surface above the workspace, demo-only. Its palette is the
   wireframes' contrast-safe one (GitHub-style neutrals and blue, docs/DEMO-CENTER-V2.md), applied by remapping the app's
   own tokens inside the layer, so Origo buttons and Review Center's panels take it too. Dark is the default, as in the
   app; html[data-mode="light"] switches. Every target is at least 44px; nothing scrolls sideways at 390px. */
#demoCenterApp{
 --page:#0D1117;--shell:#151B23;--panel:#151B23;--panel-2:#1C2128;--panel-dark:#0D1117;--ink:#F0F6FC;--muted:#9198A1;--subtle:#9198A1;
 --line:#3D444D;--control-border:#6E7681;--accent:#1F6FEB;--accent-fill:#1F6FEB;--accent-text:#79C0FF;--accent-surface:#0C2D6B;--accent-soft:#0C2D6B;
 --on-accent:#FFFFFF;--focus-ring:#4493F8;--dc-warn-surface:#3D1D0B;--dc-warn-ink:#FFA657;
 position:fixed;inset:0;z-index:10010;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain;
 background:var(--page);color:var(--ink);font:var(--text-content,.9375rem)/1.5 var(--font-ui);color-scheme:dark;
}
:root[data-mode="light"] #demoCenterApp{
 --page:#F6F8FA;--shell:#FFFFFF;--panel:#FFFFFF;--panel-2:#F6F8FA;--panel-dark:#EAEEF2;--ink:#1F2328;--muted:#59636E;--subtle:#59636E;
 --line:#D1D9E0;--control-border:#8C959F;--accent:#0969DA;--accent-fill:#0969DA;--accent-text:#0550AE;--accent-surface:#DDF4FF;--accent-soft:#DDF4FF;
 --on-accent:#FFFFFF;--focus-ring:#0969DA;--dc-warn-surface:#FFF1E7;--dc-warn-ink:#9A3412;color-scheme:light;
}
#demoCenterApp[hidden]{display:none!important}
html[data-demo-center="open"],html[data-demo-center="open"] body{overflow:hidden}
#demoCenterApp *{box-sizing:border-box}
#demoCenterApp :is(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
#demoCenterApp [tabindex="-1"]:focus{outline:none}

/* Header: Back to Sigma, the title, the mode switch, the AI status. */
.dc-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 24px;background:var(--shell);border-bottom:1px solid var(--line);flex:none}
.dc-head #demoClose{min-height:44px}
.dc-title{display:flex;flex-direction:column;margin:0;min-width:0}
.dc-title strong{font-size:1.125rem;line-height:1.3}
.dc-subtitle{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.8125rem;color:var(--muted)}
#demoCenterApp[data-mode="basic"] .dc-subtitle .dc-runtime,#demoCenterApp[data-mode="advanced"] #demoCenterBuild{display:none}
.dc-head-gap{flex:1 1 auto}
.dc-mode>.origo-button[data-part="segment"]{min-height:44px;padding-inline:18px}
.dc-chip{display:inline-block;max-width:min(320px,40vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:36px;min-height:36px;padding:0 12px;border-radius:999px;background:var(--dc-warn-surface);color:var(--dc-warn-ink);font-size:.875rem;font-weight:600}
.dc-chip[data-tone="ready"]{background:var(--accent-surface);color:var(--accent-text)}
.dc-chip[hidden]{display:none}

/* Body: the Advanced rail beside the main region. */
.dc-body{flex:1 1 auto;min-height:0;display:flex}
.dc-rail{flex:0 0 240px;display:flex;flex-direction:column;gap:12px;padding:16px 12px;background:var(--shell);border-right:1px solid var(--line);overflow:auto}
.dc-rail[hidden]{display:none}
.dc-rail ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.dc-rail a{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:.9375rem}
.dc-rail a:hover{background:var(--panel-2)}
.dc-rail a[aria-current="page"]{background:var(--accent-surface);color:var(--accent-text);font-weight:600}
.dc-rail .rc-nav-count{margin-left:auto;font-size:.75rem;color:var(--muted);font-weight:400}
.dc-rail-foot{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.dc-rail-foot #rcGuideOpen{min-height:44px}
.dc-rail-foot small{font-size:.75rem;line-height:1.8;color:var(--muted)}
.dc-main{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.dc-notice{margin:0;padding:10px 24px;background:var(--accent-surface);color:var(--ink);border-bottom:1px solid var(--line);flex:none}
.dc-notice[hidden]{display:none}
.dc-basic-host{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}
.dc-basic-host[hidden],.dc-advanced-host[hidden]{display:none}
.dc-advanced-host{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.dc-section-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Review Center's panels, as Advanced's content; Build › Runtime beside the Runtime tab in Data & runtime. */
#demoCenterApp #reviewCenterPanels{flex:1 1 auto}
#demoCenterApp .rc-panels-tools{display:none}
.rc-panels-columns{flex:1 1 auto;min-height:0;display:flex}
.rc-panels-columns>#rcPane{flex:1 1 0;min-width:0}
.dc-build-runtime{display:none}
#demoCenterApp[data-section="data"] .dc-build-runtime{display:block;flex:0 0 clamp(320px,34%,460px);min-width:0;overflow:auto;padding:26px 24px;border-left:1px solid var(--line);background:var(--panel)}
.dc-build-runtime>h2{margin:0 0 12px;font-size:1.125rem}
/* People & credentials: the generated population (sigma-demo-center.js, #demoCenterPeople) beside the Identity pane. */
.dc-people{display:none}
#demoCenterApp[data-section="people"] .dc-people{display:block;flex:0 0 clamp(360px,42%,560px);min-width:0;overflow:auto;padding:26px 24px;border-left:1px solid var(--line);background:var(--panel)}
.dc-people>h2{margin:0 0 4px;font-size:1.125rem}

/* Narrow or short: one scrolling column, the rail as a grid of sections above the content. */
@media(max-width:900px),(max-height:560px){
 .dc-body{flex-direction:column;overflow:auto;overscroll-behavior:contain}
 .dc-rail{flex:none;padding:8px 12px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}
 .dc-rail ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px}
 .dc-rail-foot{flex-direction:row;flex-wrap:wrap;align-items:center;margin:0}
 .dc-rail-foot small{display:none}
 .dc-main,.dc-advanced-host,.dc-basic-host,#demoCenterApp #reviewCenterPanels,.rc-panels-columns{overflow:visible;min-height:auto;flex:none}
 .rc-panels-columns{flex-direction:column}
 .rc-panels-columns>#rcPane{flex:none}
 #demoCenterApp[data-section="data"] .dc-build-runtime,#demoCenterApp[data-section="people"] .dc-people{border-left:0;border-top:1px solid var(--line);flex:none;width:auto;overflow:visible}
}
@media(max-width:600px){
 .dc-head{padding:8px 12px;gap:8px}
 .dc-head #demoClose{min-width:44px;padding-inline:0;justify-content:center}
 .dc-head #demoClose [data-part="label"]{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .dc-title strong{font-size:1.0625rem}
 .dc-subtitle,.dc-chip{display:none}
 .dc-mode>.origo-button[data-part="segment"]{padding-inline:12px}
 .dc-rail ul{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dc-rail a{padding:0 10px;font-size:.875rem}
}
@media(forced-colors:active){#demoCenterApp{border:0;background:Canvas;color:CanvasText}.dc-rail a[aria-current="page"]{outline:2px solid Highlight}}

/* Demo simulation disclosures (sigma-demo-disclosure.js): demo-only, off the product screens. The scenario
   guide steers around the banner (placeGuide); the page reserves the banner's measured height at the end
   of the scrolling panes so it never covers their last actions, and toasts rise above it. */
.sigma-demo-disclosure{position:fixed;left:50%;bottom:calc(16px + var(--safe-bottom,0px));transform:translateX(-50%);z-index:40;box-sizing:border-box;width:max-content;max-width:min(720px,calc(100vw - 32px));display:flex;gap:10px;align-items:baseline;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel-2);color:var(--muted);font:var(--text-meta)/1.45 var(--font-ui);box-shadow:0 6px 18px rgb(var(--shadow-rgb)/.18)}
html[data-mode="light"] .sigma-demo-disclosure{box-shadow:0 6px 18px rgb(var(--shadow-rgb)/.1)}
.sigma-demo-disclosure strong{flex:none;color:var(--accent-text);font-weight:600}
.sigma-demo-disclosure[hidden]{display:none}
.has-demo-disclosure :is(.vesta-scroll,.vesta-account-panel){padding-bottom:calc(var(--demo-disclosure-space,96px) + 32px + var(--safe-bottom,0px))}
.has-demo-disclosure .toast{bottom:calc(var(--demo-disclosure-space,96px) + 28px + var(--safe-bottom,0px))}
@media(forced-colors:active){.sigma-demo-disclosure{border-color:CanvasText}}

/* Demo only: the simulated Login (docs/R1-CARD-SIGN-IN-SPEC.md revision 4, section 1.3). It uses the app's tokens and an
   entry-card frame, under its own header, "Sigma sign-in service", so it never reads as an app screen. It covers the app
   while it is on stage (z-index 90, above the top bar at 80); everything else in the page is inert meanwhile. The demo
   banner (95 while the stage is up), dialogs and the scenario guide stay above it and usable. */
.sigma-demo-login {position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);overflow:auto;}
.sigma-demo-login[hidden] {display:none;}
.sigma-demo-login-frame {display:flex;flex-direction:column;min-height:100%;padding-bottom:calc(var(--demo-disclosure-space,0px) + 24px);}
.sigma-demo-login-head {display:flex;align-items:center;gap:10px;padding:14px clamp(16px,4vw,40px);border-bottom:1px solid var(--line);background:var(--panel);font:600 var(--text-body,.9375rem)/1.4 var(--font-ui);color:var(--ink);}
.sigma-demo-login-mark {display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:8px;background:var(--accent-soft,var(--panel-2));color:var(--accent-text);font-weight:700;}
.sigma-demo-login-card {box-sizing:border-box;width:min(480px,calc(100vw - 32px));margin:clamp(24px,10vh,96px) auto 0;padding:clamp(20px,4vw,32px);border:1px solid var(--line);border-radius:var(--radius-card,14px);background:var(--panel);box-shadow:0 10px 30px rgb(var(--shadow-rgb,0 0 0)/.08);}
.sigma-demo-login-card h1 {margin:0 0 var(--space-4,16px);font:650 1.5rem/1.25 var(--font-display,var(--font-ui));}
.sigma-demo-login-card h1[tabindex="-1"]:focus:not(:focus-visible) {outline:none;}
.sigma-demo-login-lead {margin:0 0 var(--space-5,20px);color:var(--ink);}
.sigma-demo-login-cardline {display:grid;gap:2px;margin:0 0 var(--space-4,16px);padding:var(--space-3,12px) var(--space-4,16px);border:1px solid var(--line);border-radius:var(--radius-control,8px);background:var(--panel-2);}
.sigma-demo-login-cardline strong {font-weight:650;overflow-wrap:anywhere;}
.sigma-demo-login-cardline span {color:var(--muted);font:400 var(--text-label,.8125rem)/1.45 var(--font-ui);}
.sigma-demo-login-card .origo-checklist {margin:var(--space-2,8px) 0 0;}
.sigma-demo-login-actions {display:flex;flex-wrap:wrap;gap:var(--space-3,12px);margin-top:var(--space-5,20px);}
.sigma-demo-login-actions .origo-button {min-height:44px;}
body.sigma-demo-login-open #view-vesta {visibility:hidden;}
body.sigma-demo-login-staged .sigma-demo-disclosure {z-index:95;}
@media (max-width:740px){.sigma-demo-login-actions .origo-button {flex:1 1 auto;}}
@media (forced-colors:active){.sigma-demo-login-card,.sigma-demo-login-cardline {border-color:CanvasText;}}

/* Demo Center's card reader (R1 section 7.1): the card picker, the selected card's simulated details, the controls and the
   read-only sign-in trace. */
.sigma-demo-reader-cards {display:grid;gap:6px;margin:8px 0;border:0;padding:0;}
.sigma-demo-reader-cards label {display:flex;gap:8px;align-items:baseline;min-height:32px;}
.sigma-demo-reader-facts {display:grid;gap:4px;margin:8px 0;font-size:.8125rem;}
.sigma-demo-reader-facts > div {display:grid;grid-template-columns:minmax(64px,6em) minmax(0,1fr);gap:8px;}
.sigma-demo-reader-facts dt {color:var(--muted);}
.sigma-demo-reader-facts dd {margin:0;overflow-wrap:anywhere;}
.sigma-demo-reader-controls {display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;}
.sigma-demo-reader-note {margin:4px 0;color:var(--muted);font-size:.8125rem;}
/* Shown only when the simulated sign-in service could not start: loud, never silent. */
.sigma-demo-login-error {position:fixed;left:16px;right:16px;top:16px;z-index:96;padding:12px 16px;border:1px solid var(--danger);border-radius:var(--radius-control,8px);background:var(--panel);color:var(--ink);font:500 var(--text-body,.9375rem)/1.4 var(--font-ui);}

/* Rubigo Workstations is a browser-local concept on the Sigma product surface. */
#view-rubigo .s13-product-overview{max-width:1280px;}
.rubigo-demo{color:var(--ink);font:var(--text-body)/1.5 var(--font-ui);}
.rubigo-demo *{box-sizing:border-box;}
.rubigo-demo-notice{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:12px 16px;margin-bottom:24px;border:1px solid var(--line);border-left:3px solid var(--accent-text);border-radius:var(--radius-control);background:var(--accent-surface);}
.rubigo-demo-notice strong{color:var(--accent-text);}
.rubigo-demo-notice span,.rubigo-demo-heading p,.rubigo-demo-caption,.rubigo-demo-scope{color:var(--muted);}
.rubigo-demo-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;}
.rubigo-demo-heading h2{font:650 var(--text-title)/1.3 var(--font-ui);margin:0;}
.rubigo-demo-heading p{margin:6px 0 0;}
.rubigo-demo-heading button{flex:none;}
.rubigo-demo-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.35fr);gap:16px;align-items:stretch;}
.rubigo-demo-panel,.rubigo-demo-activity{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-object);padding:18px;}
.rubigo-demo-panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;}
.rubigo-demo-panel-head h3{font:650 var(--text-content)/1.4 var(--font-ui);margin:0;}
.rubigo-demo-panel-head span{color:var(--muted);font-size:var(--text-meta);}
.rubigo-demo-vm{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:var(--panel-2);color:var(--ink);border:1px solid var(--accent-text);border-radius:var(--radius-control);padding:13px;font:inherit;cursor:default;}
.rubigo-demo-vm>span:nth-child(2){min-width:0;flex:1;}
.rubigo-demo-vm strong,.rubigo-demo-vm small{display:block;}
.rubigo-demo-vm small{color:var(--muted);font-size:var(--text-meta);margin-top:3px;}
.rubigo-demo-vm-mark{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:7px;color:var(--accent-text);background:var(--accent-surface);font-size:18px;}
.rubigo-demo-state{font-size:var(--text-meta);font-weight:650;color:var(--accent-text);}
.rubigo-demo-facts{margin:14px 0;border-top:1px solid var(--line);}
.rubigo-demo-facts>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line);}
.rubigo-demo-facts span{color:var(--muted);}
.rubigo-demo-facts strong{text-align:right;font-weight:600;overflow-wrap:anywhere;}
.rubigo-demo-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;}
#ambientScene .rubigo-demo-actions button{min-height:40px;white-space:normal;line-height:1.35;}
.rubigo-demo button:disabled{opacity:.45;cursor:not-allowed;}
.rubigo-demo-viewer{min-height:330px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#121821;}
.rubigo-demo-placeholder{height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:#d0d8e2;padding:20px;}
.rubigo-demo-placeholder>span{font-size:38px;opacity:.65;}
.rubigo-demo-placeholder strong{font-size:var(--text-content);}
.rubigo-demo-placeholder p{margin:0;color:#9eabb9;}
.rubigo-demo-desktop{position:relative;height:330px;overflow:hidden;background:linear-gradient(135deg,#112545,#217b9c 58%,#afd6e3);color:#182533;}
.rubigo-demo-wallpaper{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:flex-end;padding:15px;color:#e7f5fc;text-shadow:0 1px 3px #183241;font-size:var(--text-meta);}
.rubigo-demo-guest-window{position:absolute;top:48px;left:8%;width:84%;max-width:390px;min-height:190px;background:#f7f9fc;border:1px solid #9baabb;border-radius:8px;box-shadow:0 14px 40px #10273788;overflow:hidden;}
.rubigo-demo-guest-bar{display:flex;justify-content:space-between;background:#e9eef4;padding:7px 10px;font-size:12px;}
.rubigo-demo-guest-window label{display:block;padding:12px 12px 6px;font-size:12px;line-height:1.4;}
.rubigo-demo-guest-window textarea{display:block;width:calc(100% - 24px);min-height:75px;margin:0 12px 12px;padding:8px;border:1px solid #97a6b7;border-radius:5px;background:white;color:#172331;font:13px/1.4 var(--font-ui);resize:vertical;}
.rubigo-demo-taskbar{position:absolute;inset:auto 0 0;height:35px;display:flex;align-items:center;gap:9px;padding:0 12px;background:#e9f0f7e8;font-size:12px;}
.rubigo-demo-caption{margin:10px 0 0;font-size:var(--text-meta);line-height:1.5;}
.rubigo-demo-activity{margin-top:16px;}
.rubigo-demo-activity p{margin:0 0 10px;}
.rubigo-demo-activity ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;}
.rubigo-demo-activity li{border:1px solid var(--line);border-radius:6px;padding:4px 7px;font-size:var(--text-meta);color:var(--muted);}
.rubigo-demo-scope{font-size:var(--text-meta);line-height:1.6;margin:18px 0 0;}
.rubigo-demo-scope strong{color:var(--ink);}
@media(max-width:850px){.rubigo-demo-grid{grid-template-columns:1fr;}}
@media(max-width:520px){.rubigo-demo-heading{flex-direction:column;}.rubigo-demo-actions{grid-template-columns:1fr;}.rubigo-demo-panel,.rubigo-demo-activity{padding:14px;}.rubigo-demo-vm{flex-wrap:wrap;}.rubigo-demo-state{margin-left:46px;}.rubigo-demo-viewer,.rubigo-demo-placeholder,.rubigo-demo-desktop{min-height:270px;height:270px;}}
@media(prefers-reduced-motion:reduce){.rubigo-demo *{scroll-behavior:auto;}}

.sibyl-files{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--page);color:var(--ink)}
.sibyl-files *{box-sizing:border-box}
.sibyl-files .sf-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 22px;border-bottom:1px solid var(--line);background:var(--panel)}
.sibyl-files button{cursor:pointer}
.sibyl-files .sf-toolbar button:not(.origo-button),.sibyl-files .sf-address button{border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);padding:7px 11px}
.sibyl-files button:not(.origo-button):hover,.sibyl-files button:not(.origo-button):focus-visible{background:var(--accent-surface);color:var(--accent-text)}
.sibyl-files button:not(.origo-button):disabled{opacity:.45;cursor:default}
.sibyl-files .sf-toolbar-separator{height:24px;border-left:1px solid var(--line);margin:0 4px}
.sibyl-files .sf-address{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:52px;padding:8px 22px;border-bottom:1px solid var(--line);font-size:var(--text-meta)}
.sibyl-files .sf-address button{border:0;background:transparent;padding:4px 6px;font-weight:600}
.sibyl-files .sf-address .sf-count{margin-left:auto;color:var(--muted)}
.sibyl-files .sf-feedback{padding:7px 22px;border-bottom:1px solid var(--line);font-size:var(--text-meta);color:var(--muted)}.sibyl-files .sf-feedback:empty{display:none}
.sibyl-files .sf-explorer{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 270px;flex:1}
.sibyl-files .sf-list{min-width:0;overflow:auto}
.sibyl-files table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:var(--text-meta)}
.sibyl-files th{position:sticky;top:0;z-index:1;padding:10px 12px;background:var(--panel);border-bottom:1px solid var(--line);color:var(--muted);text-align:left;font-weight:600;white-space:nowrap}
.sibyl-files th button{max-width:100%;padding:2px 0;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sibyl-files th button:hover,.sibyl-files th button:focus-visible{color:var(--accent-text);background:transparent}.sibyl-files th[aria-sort]{color:var(--ink)}
.sibyl-files th:first-child{width:33%;padding-left:22px}.sibyl-files th:nth-child(2),.sibyl-files th:nth-child(3){width:21%}.sibyl-files th:nth-child(4){width:16%}.sibyl-files th:nth-child(5){width:9%;text-align:right}
.sibyl-files td{padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sibyl-files td:first-child{padding-left:22px}.sibyl-files td:last-child{text-align:right}
.sibyl-files tr[data-selected=true]{background:var(--accent-surface)}.sibyl-files tr:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px}.sibyl-files tr{cursor:pointer}
.sibyl-files .sf-file-name{display:flex;align-items:center;gap:10px;min-width:0;font-weight:600}.sibyl-files .sf-file-name span:last-child{overflow:hidden;text-overflow:ellipsis}
.sibyl-files .sf-file-icon{width:24px;flex:none;color:var(--accent-text);font-size:18px;text-align:center}
.sibyl-files .sf-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;padding:3px 7px;border-radius:5px;background:var(--panel-2);border:1px solid var(--line)}
.sibyl-files .sf-inspector{overflow:auto;border-left:1px solid var(--line);padding:24px 20px;background:var(--panel)}
.sibyl-files .sf-inspector h2{font-size:var(--text-title);line-height:1.2;overflow-wrap:anywhere;margin:10px 0 6px}.sibyl-files .sf-inspector p{color:var(--muted);font-size:var(--text-meta)}
.sibyl-files .sf-inspector dl{display:grid;gap:13px;margin:22px 0}.sibyl-files .sf-inspector dt{color:var(--muted);font-size:var(--text-meta)}.sibyl-files .sf-inspector dd{margin:2px 0 0;overflow-wrap:anywhere;font-size:var(--text-meta)}
.sibyl-files .sf-source-details{padding:10px 0;border-top:1px solid var(--line)}.sibyl-files .sf-source-details summary{cursor:pointer;font-size:var(--text-meta)}.sibyl-files .sf-source-details dl{margin:12px 0}
.sibyl-files .sf-reviews{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.sibyl-files .sf-reviews h3{margin:0;font-size:var(--text-meta)}.sibyl-files .sf-reviews>button:not(.sf-review-card){padding:8px;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);text-align:left}
.sf-review-card{display:grid;gap:4px;width:100%;padding:10px;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);text-align:left;cursor:pointer}.sf-review-card span{font-size:var(--text-meta);color:var(--muted)}.sf-review-stale{color:var(--ink)!important;font-weight:650}
.sibyl-files .sf-note{padding:12px 22px;border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-meta)}
.sibyl-files .sf-empty{padding:40px 22px;color:var(--muted)}
:is(.sf-dialog,.sf-tour-dialog){width:min(440px,calc(100vw - 28px));max-height:min(600px,calc(100dvh - 28px));padding:0;border:1px solid var(--control-border);border-radius:12px;background:var(--panel);color:var(--ink);box-shadow:0 24px 60px rgb(0 0 0 / .25)}
.sf-tour-dialog{overflow:auto}
:is(.sf-dialog,.sf-tour-dialog).sf-review-dialog{width:min(640px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto}
:is(.sf-dialog,.sf-tour-dialog)::backdrop{background:rgb(0 0 0 / .46)}
:is(.sf-dialog,.sf-tour-dialog) .sf-form{display:grid;gap:14px;padding:24px}:is(.sf-dialog,.sf-tour-dialog) h2{margin:0;font-size:var(--text-title)}:is(.sf-dialog,.sf-tour-dialog) p{margin:0;color:var(--muted);font-size:var(--text-meta)}
:is(.sf-dialog,.sf-tour-dialog)[aria-label="Sibyl guided Tour"] .sf-form>small{display:block;margin-top:-10px;color:var(--muted);font-size:var(--text-meta)}
:is(.sf-dialog,.sf-tour-dialog) label{display:grid;gap:6px;font-size:var(--text-meta);font-weight:650}:is(.sf-dialog,.sf-tour-dialog) input,:is(.sf-dialog,.sf-tour-dialog) select,:is(.sf-dialog,.sf-tour-dialog) textarea{width:100%;padding:9px 10px;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--page);color:var(--ink)}:is(.sf-dialog,.sf-tour-dialog) details{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px}:is(.sf-dialog,.sf-tour-dialog) details[open] label{margin-top:10px}:is(.sf-dialog,.sf-tour-dialog) summary{cursor:pointer;font-size:var(--text-meta);font-weight:650}:is(.sf-dialog,.sf-tour-dialog) .sf-review-list{display:grid;gap:8px;max-height:320px;overflow:auto}:is(.sf-dialog,.sf-tour-dialog) dd{overflow-wrap:anywhere}
:is(.sf-dialog,.sf-tour-dialog) .sf-action-fields:not([hidden]){display:grid;gap:14px}:is(.sf-dialog,.sf-tour-dialog) [data-sf-handoff-field][hidden]{display:none}:is(.sf-dialog,.sf-tour-dialog) .sf-review-body{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}:is(.sf-dialog,.sf-tour-dialog) .sf-source-details dl{margin-top:12px}
:is(.sf-dialog,.sf-tour-dialog) .sf-workflow-error:empty{display:none}
:is(.sf-dialog,.sf-tour-dialog) .sf-error{min-height:1em;color:var(--ink);font-weight:650}:is(.sf-dialog,.sf-tour-dialog) .sf-form-actions{display:flex;justify-content:flex-end;gap:8px}
:is(.sf-dialog,.sf-tour-dialog) button:not(.origo-button){border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);padding:8px 12px;cursor:pointer}:is(.sf-dialog,.sf-tour-dialog) button[type=submit]{background:var(--accent-surface);color:var(--accent-text)}
:is(.sf-dialog,.sf-tour-dialog) dl:not(.origo-marking-facts){display:grid;grid-template-columns:auto 1fr;gap:7px 12px;margin:0;font-size:var(--text-meta)}:is(.sf-dialog,.sf-tour-dialog) dt{color:var(--muted)}:is(.sf-dialog,.sf-tour-dialog) dd{margin:0}
@media(max-width:900px){.sibyl-files .sf-explorer{grid-template-columns:1fr}.sibyl-files .sf-inspector{display:none}.sibyl-files th:nth-child(3),.sibyl-files td:nth-child(3){display:none}.sibyl-files th:first-child{width:45%}.sibyl-files th:nth-child(2){width:30%}.sibyl-files th:nth-child(4){width:17%}.sibyl-files th:nth-child(5){width:8%}}
@media(max-width:600px){.sibyl-files .sf-toolbar,.sibyl-files .sf-address,.sibyl-files .sf-feedback{padding-inline:12px}.sibyl-files th:first-child,.sibyl-files td:first-child{padding-left:12px}.sibyl-files th:nth-child(2),.sibyl-files td:nth-child(2),.sibyl-files th:nth-child(4),.sibyl-files td:nth-child(4){display:none}.sibyl-files th:first-child{width:75%}.sibyl-files th:nth-child(5){width:25%}}

.sf-selection-menu{position:relative}.sf-selection-menu>summary{cursor:pointer;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-control);font-size:12px}.sf-selection-menu>div{position:absolute;top:100%;right:0;z-index:10;display:grid;gap:6px;width:210px;padding:10px;background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 20px #0002}.sf-selection-menu>div button{width:100%}

.sibyl-diagrams{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--page);color:var(--ink)}
.sibyl-diagrams *{box-sizing:border-box}
.sibyl-diagrams .sd-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--line);background:var(--panel)}
.sibyl-diagrams .sd-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.sibyl-diagrams .sd-toolbar-actions button{border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);padding:7px 11px;cursor:pointer}
.sibyl-diagrams .sd-toolbar-actions button:hover,.sibyl-diagrams .sd-toolbar-actions button:focus-visible{background:var(--accent-surface);color:var(--accent-text)}
.sibyl-diagrams .sd-toolbar-actions button:disabled{opacity:.45;cursor:default}
.sibyl-diagrams .sd-modes{flex:0 0 auto}
.sibyl-diagrams .sd-sketch-note{font-size:var(--text-meta);color:var(--muted);white-space:nowrap}
.sibyl-diagrams .sd-toolbar strong{margin-right:auto}.sibyl-diagrams .sd-workarea{flex:1;min-height:0;display:grid;grid-template-columns:minmax(290px,36%) minmax(0,1fr)}
.sibyl-diagrams[data-sd-mode=canvas] .sd-workarea,.sibyl-diagrams[data-sd-mode=source] .sd-workarea,.sibyl-diagrams[data-sd-mode=sketch] .sd-workarea{grid-template-columns:minmax(0,1fr)}
.sibyl-diagrams[data-sd-mode=canvas] .sd-workarea,.sibyl-diagrams[data-sd-mode=source] .sd-workarea,.sibyl-diagrams[data-sd-mode=sketch] .sd-workarea{grid-template-rows:minmax(0,1fr)}
.sibyl-diagrams[data-sd-mode=canvas] .sd-source,.sibyl-diagrams[data-sd-mode=source] .sd-preview,.sibyl-diagrams[data-sd-mode=sketch] .sd-source{display:none}
.sibyl-diagrams[data-sd-mode=source] .sd-source{border-right:0}
.sibyl-diagrams .sd-source{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line)}
.sibyl-diagrams .sd-source header,.sibyl-diagrams .sd-preview header{padding:12px 16px;border-bottom:1px solid var(--line);font-size:var(--text-meta);font-weight:650;color:var(--muted)}
.sibyl-diagrams .sd-node-editor{display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.sibyl-diagrams .sd-node-editor[hidden]{display:none}.sibyl-diagrams .sd-node-editor strong{font-size:var(--text-meta)}.sibyl-diagrams .sd-node-editor label{display:grid;gap:3px;font-size:var(--text-meta)}.sibyl-diagrams .sd-node-editor input{min-width:180px;padding:6px 8px;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--page);color:var(--ink)}.sibyl-diagrams .sd-node-editor button{padding:6px 9px;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);cursor:pointer}.sibyl-diagrams .sd-node-editor button:hover,.sibyl-diagrams .sd-node-editor button:focus-visible{background:var(--accent-surface);color:var(--accent-text)}.sibyl-diagrams .sd-node-error{width:100%;font-size:var(--text-meta)}
.sibyl-diagrams .sd-edge-editor{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.sibyl-diagrams .sd-edge-editor[hidden]{display:none}.sibyl-diagrams .sd-edge-editor strong{font-size:var(--text-meta);margin-right:auto}.sibyl-diagrams .sd-edge-editor button{padding:6px 9px;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);cursor:pointer}.sibyl-diagrams .sd-edge-editor button:hover,.sibyl-diagrams .sd-edge-editor button:focus-visible{background:var(--accent-surface);color:var(--accent-text)}.sibyl-diagrams .sd-edge-error{width:100%;font-size:var(--text-meta)}
.sibyl-diagrams textarea{flex:1;min-height:220px;resize:none;border:0;background:var(--panel);color:var(--ink);padding:18px;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;outline-offset:-3px;tab-size:2}
.sibyl-diagrams .sd-preview{display:flex;flex-direction:column;min-width:0;min-height:0}
.sibyl-diagrams .sd-sketch-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.sibyl-diagrams .sd-sketch-tools[hidden]{display:none}.sibyl-diagrams .sd-sketch-tools span{font-size:var(--text-meta);color:var(--muted);flex:1;min-width:240px}.sibyl-diagrams #sdSketchActionMount{display:flex;gap:6px;flex-wrap:wrap}
.sibyl-diagrams .sd-canvas{flex:1;min-height:0;overflow:auto;display:grid;place-items:center;padding:24px;background-color:var(--page);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:20px 20px}
.sibyl-diagrams .sd-canvas svg{display:block;width:100%;height:auto;max-height:calc(100dvh - 360px);min-height:180px}
.sibyl-diagrams[data-sd-mode=sketch] .sd-canvas{touch-action:none}.sibyl-diagrams[data-sd-mode=sketch] .sd-canvas svg{cursor:crosshair}.sibyl-diagrams[data-sd-mode=sketch] [data-sd-stroke]{cursor:grab}
.sibyl-diagrams [data-sd-stroke] .sd-stroke-hit{pointer-events:stroke}.sibyl-diagrams [data-sd-stroke][data-selected=true] .sd-stroke-ink,.sibyl-diagrams [data-sd-stroke]:focus-visible .sd-stroke-ink{stroke-width:7}.sibyl-diagrams .sd-stroke-preview{fill:none;stroke:var(--accent-text);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:.7;pointer-events:none}
.sibyl-diagrams svg{display:block;max-width:100%;height:auto;min-width:500px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 30px rgb(0 0 0 / .1)}
.sibyl-diagrams [data-sd-node]{cursor:pointer}.sibyl-diagrams [data-sd-node][data-selected=true] rect,.sibyl-diagrams [data-sd-node]:focus-visible rect{stroke-width:4}
.sibyl-diagrams [data-sd-node],.sibyl-diagrams [data-sd-node] *{touch-action:none}.sibyl-diagrams [data-sd-node][data-dragging=true]{opacity:.7}.sibyl-diagrams [data-sd-node][data-dragging=true] rect{stroke-dasharray:8 5;stroke-width:4}
.sibyl-diagrams [data-sd-edge]{cursor:pointer}.sibyl-diagrams [data-sd-edge] .sd-edge-hit{pointer-events:stroke}.sibyl-diagrams [data-sd-edge][data-selected=true] .sd-edge-line,.sibyl-diagrams [data-sd-edge]:focus-visible .sd-edge-line{stroke:var(--accent-text);stroke-width:4}
.sibyl-diagrams .sd-status{padding:9px 16px;border-top:1px solid var(--line);font-size:var(--text-meta);color:var(--muted)}
.sibyl-diagrams .sd-status[data-error=true]{color:var(--ink);font-weight:650}
.sd-dialog{width:min(440px,calc(100vw - 28px));padding:0;border:1px solid var(--control-border);border-radius:12px;background:var(--panel);color:var(--ink);box-shadow:0 24px 60px rgb(0 0 0 / .25)}
.sd-dialog::backdrop{background:rgb(0 0 0 / .46)}
.sd-dialog .sd-form{display:grid;gap:14px;padding:24px}.sd-dialog h2{margin:0;font-size:var(--text-title)}.sd-dialog p{margin:0;color:var(--muted);font-size:var(--text-meta)}
.sd-dialog label{display:grid;gap:6px;font-size:var(--text-meta);font-weight:650}.sd-dialog input,.sd-dialog select{width:100%;padding:9px 10px;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--page);color:var(--ink)}
.sd-dialog .sd-error{min-height:1em;color:var(--ink);font-weight:650}.sd-dialog .sd-form-actions{display:flex;justify-content:flex-end;gap:8px}.sd-dialog button{border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);padding:8px 12px;cursor:pointer}.sd-dialog button[type=submit]{background:var(--accent-surface);color:var(--accent-text)}
@media(max-width:760px){.sibyl-diagrams .sd-toolbar{display:block;padding:8px 12px}.sibyl-diagrams .sd-toolbar strong{display:block;margin-bottom:6px}.sibyl-diagrams .sd-toolbar-actions{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:3px}.sibyl-diagrams .sd-toolbar-actions button{flex:0 0 auto}.sibyl-diagrams .sd-workarea{grid-template-columns:1fr;grid-template-rows:minmax(200px,38%) minmax(260px,1fr)}.sibyl-diagrams .sd-source{border-right:0;border-bottom:1px solid var(--line)}.sibyl-diagrams .sd-node-editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:6px;padding:8px 12px}.sibyl-diagrams .sd-node-editor strong,.sibyl-diagrams .sd-node-editor label,.sibyl-diagrams .sd-node-error{grid-column:1/-1}.sibyl-diagrams .sd-node-editor input{min-width:0;width:100%}.sibyl-diagrams .sd-node-editor button{min-width:0;padding:6px 4px;font-size:var(--text-meta)}.sibyl-diagrams svg{min-width:420px}}
@media(max-width:760px){.sibyl-diagrams .sd-edge-editor{padding:8px 12px}.sibyl-diagrams .sd-edge-editor strong{flex-basis:100%}.sibyl-diagrams .sd-edge-editor button{min-height:40px}.sibyl-diagrams svg{min-width:420px}}

.sd-more-actions{position:relative}.sd-more-actions>summary{cursor:pointer;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-control);font-size:12px}.sd-more-actions>div{position:absolute;top:100%;right:0;z-index:10;display:grid;gap:6px;width:210px;padding:10px;background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 20px #0002}

/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */

/**
 *  Default styles for xterm.js
 */

.xterm {
    cursor: text;
    position: relative;
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.xterm.focus,
.xterm:focus {
    outline: none;
}

.xterm .xterm-helpers {
    position: absolute;
    top: 0;
    /**
     * The z-index of the helpers must be higher than the canvases in order for
     * IMEs to appear on top.
     */
    z-index: 5;
}

.xterm .xterm-helper-textarea {
    padding: 0;
    border: 0;
    margin: 0;
    /* Move textarea out of the screen to the far left, so that the cursor is not visible */
    position: absolute;
    opacity: 0;
    left: -9999em;
    top: 0;
    width: 0;
    height: 0;
    z-index: -5;
    /** Prevent wrapping so the IME appears against the textarea at the correct position */
    white-space: nowrap;
    overflow: hidden;
    resize: none;
}

.xterm .composition-view {
    /* TODO: Composition position got messed up somewhere */
    background: #000;
    color: #FFF;
    display: none;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

.xterm .composition-view.active {
    display: block;
}

.xterm .xterm-viewport {
    /* On OS X this is required in order for the scroll bar to appear fully opaque */
    background-color: #000;
    overflow-y: scroll;
    cursor: default;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.xterm .xterm-screen {
    position: relative;
}

.xterm .xterm-screen canvas {
    position: absolute;
    left: 0;
    top: 0;
}

.xterm .xterm-scroll-area {
    visibility: hidden;
}

.xterm-char-measure-element {
    display: inline-block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -9999em;
    line-height: normal;
}

.xterm.enable-mouse-events {
    /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
    cursor: default;
}

.xterm.xterm-cursor-pointer,
.xterm .xterm-cursor-pointer {
    cursor: pointer;
}

.xterm.column-select.focus {
    /* Column selection mode */
    cursor: crosshair;
}

.xterm .xterm-accessibility:not(.debug),
.xterm .xterm-message {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    color: transparent;
    pointer-events: none;
}

.xterm .xterm-accessibility-tree:not(.debug) *::selection {
  color: transparent;
}

.xterm .xterm-accessibility-tree {
  user-select: text;
  white-space: pre;
}

.xterm .live-region {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.xterm-dim {
    /* Dim should not apply to background, so the opacity of the foreground color is applied
     * explicitly in the generated class and reset to 1 here */
    opacity: 1 !important;
}

.xterm-underline-1 { text-decoration: underline; }
.xterm-underline-2 { text-decoration: double underline; }
.xterm-underline-3 { text-decoration: wavy underline; }
.xterm-underline-4 { text-decoration: dotted underline; }
.xterm-underline-5 { text-decoration: dashed underline; }

.xterm-overline {
    text-decoration: overline;
}

.xterm-overline.xterm-underline-1 { text-decoration: overline underline; }
.xterm-overline.xterm-underline-2 { text-decoration: overline double underline; }
.xterm-overline.xterm-underline-3 { text-decoration: overline wavy underline; }
.xterm-overline.xterm-underline-4 { text-decoration: overline dotted underline; }
.xterm-overline.xterm-underline-5 { text-decoration: overline dashed underline; }

.xterm-strikethrough {
    text-decoration: line-through;
}

.xterm-screen .xterm-decoration-container .xterm-decoration {
	z-index: 6;
	position: absolute;
}

.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer {
	z-index: 7;
}

.xterm-decoration-overview-ruler {
    z-index: 8;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}

.xterm-decoration-top {
    z-index: 2;
    position: relative;
}

.rd-app{font:var(--text-body)/1.5 var(--font-ui);color:var(--ink);padding-bottom:24px}
.rd-app *{box-sizing:border-box}.rd-app [hidden],#rd-workstation[hidden]{display:none!important}
#view-rubigo>.s13-product-overview>h1,#view-rubigo>.s13-product-overview>.s13-domain{display:none}
.rd-notice{display:flex;gap:12px;flex-wrap:wrap;align-items:center;border:1px solid var(--line);border-left:3px solid var(--accent-text);padding:10px 14px;background:var(--accent-surface);border-radius:var(--radius-control);font-size:var(--text-meta);margin-bottom:24px}
.rd-notice strong{color:var(--accent-text)}.rd-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:22px}.rd-heading h2{font-size:30px;line-height:1.15;letter-spacing:-.6px;margin:4px 0 8px}.rd-heading p{margin:0;color:var(--muted)}.rd-heading .rd-eyebrow{font-size:11px;letter-spacing:1.2px;font-weight:650;color:var(--accent-text)}
.rd-scenario-label{display:grid;gap:6px;font-size:var(--text-meta);min-width:220px;max-width:340px}.rd-app select{font:inherit;color:var(--ink);border:1px solid var(--line);background:var(--panel);padding:9px 12px;border-radius:var(--radius-control);max-width:100%;min-height:40px}
.rd-context{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-object);overflow:hidden;margin-bottom:22px}.rd-context>div{padding:13px 15px;background:var(--panel);min-width:0}.rd-context span{display:block;color:var(--muted);font-size:var(--text-meta);margin-bottom:4px}.rd-context strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}
.rd-local-nav{display:none;flex-wrap:wrap;gap:7px;margin-bottom:18px}.rd-status{padding:12px 15px;border:1px solid var(--line);border-left:3px solid var(--accent-text);border-radius:var(--radius-control);background:var(--panel-2);margin-bottom:18px}
.rd-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px;align-items:start}.rd-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-object);padding:21px;margin-bottom:18px;min-width:0}.rd-panel h3{font-size:17px;line-height:1.3;margin:0 0 12px;font-weight:650}.rd-panel p{margin:0 0 15px}.rd-panel p:last-child{margin-bottom:0}.rd-panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.rd-panel-top h3{margin:0}.rd-panel-top>span:last-child{font-size:var(--text-meta);color:var(--muted)}
.rd-muted{color:var(--muted);font-size:var(--text-meta)}.rd-badge{display:inline-block;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);border-radius:30px;font-size:11px;padding:4px 9px;text-transform:capitalize;font-weight:600;white-space:nowrap}.rd-badge[data-state=ready],.rd-badge[data-state=succeeded]{color:var(--accent-text);background:var(--accent-surface)}.rd-badge[data-state=blocked],.rd-badge[data-state=needs-inspection],.rd-badge[data-state=waiting]{color:var(--ink);border-style:dashed}
.rd-steps{list-style:none;padding:0;margin:12px 0 0}.rd-steps li{margin:0}.rd-steps button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 9px;border:1px solid transparent;border-bottom-color:var(--line);border-radius:var(--radius-control);font:inherit;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.rd-steps button:hover{background:var(--panel-2)}.rd-steps button[aria-current=step]{background:var(--accent-surface);border-color:var(--accent-text)}.rd-step-number{display:grid;place-items:center;flex:none;width:28px;height:28px;background:var(--panel-2);border:1px solid var(--line);border-radius:50%;font-size:12px}.rd-step-number[data-state=succeeded]{color:var(--accent-text)}.rd-steps button>span:nth-child(2){flex:1;min-width:0}.rd-steps strong{display:block;font-size:13px;font-weight:600}.rd-steps small{display:block;font-size:11px;color:var(--muted);text-transform:capitalize}
.rd-observation{border-left:2px solid var(--line);padding:3px 0 3px 12px;margin:18px 0}.rd-observation strong{font-size:11px;color:var(--muted);font-weight:600}.rd-observation p{font-size:13px;margin:4px 0 0}.rd-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.rd-actions>div{display:grid;align-content:start;gap:7px;max-width:100%}.rd-actions small{font-size:11px;color:var(--muted);max-width:230px}.rd-actions button{white-space:normal;text-align:left}.rd-safety{background:var(--panel-2)}.rd-safety p{font-size:12px}.rd-safety strong{font-weight:600}
.rd-field{display:grid;gap:7px;max-width:340px;margin:18px 0;font-size:12px}.rd-table-wrap{overflow:auto;margin:16px 0}.rd-app table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.45;text-align:left}.rd-app th{font-weight:600;color:var(--muted);font-size:11px;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.rd-app td{padding:13px 10px;border-bottom:1px solid var(--line);vertical-align:top}.rd-app code{font-family:var(--font-mono);font-size:12px}.rd-facts{margin:16px 0}.rd-facts>div{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,1fr);gap:15px;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.rd-facts dt{color:var(--muted);text-transform:capitalize}.rd-facts dd{margin:0;overflow-wrap:anywhere}.rd-warning{padding:12px;background:var(--panel-2);border-left:3px solid var(--accent-text);font-size:12px}.rd-empty{border:1px dashed var(--line);padding:24px;text-align:center;border-radius:var(--radius-control);margin:20px 0;color:var(--muted)}.rd-json{font:12px/1.5 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto;padding:15px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-control)}.rd-app summary{cursor:pointer;font-size:12px;margin:12px 0}
.rd-scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rd-scenario-grid>button{height:auto;padding:18px;text-align:left;white-space:normal}.rd-scenario-grid>button>[data-part="label"]{display:grid;gap:10px;align-content:start}.rd-scenario-grid strong{font-size:14px}.rd-scenario-grid [data-part="label"]>span:last-child{font-size:12px;color:var(--muted)}.rd-scenario-grid .rd-badge{justify-self:start}.rd-log{padding:0;list-style:none}.rd-log li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.rd-log li span{color:var(--muted);min-width:20px}
.rd-terminal-panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius-object);overflow:hidden}.rd-terminal-bar{display:flex;justify-content:space-between;gap:14px;padding:16px 18px;background:var(--panel-2);border-bottom:1px solid var(--line)}.rd-terminal-bar>span{font-size:11px;color:var(--muted)}#rd-terminal-hint{margin:0;padding:12px 18px;font-size:12px;color:var(--muted)}.rd-terminal-screen{height:480px;padding:14px 12px;background:#111a21;overflow:hidden}.rd-terminal-screen .xterm{height:100%}.rd-terminal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;font-size:11px;color:var(--muted)}#rd-sidebar .sigma-submode-section{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
@media(max-width:1050px){.rd-context{grid-template-columns:repeat(2,minmax(0,1fr))}.rd-heading{align-items:start}.rd-grid{grid-template-columns:1fr}.rd-heading h2{font-size:27px}}
@media(max-width:600px){.rd-heading{flex-direction:column;gap:16px}.rd-scenario-label{max-width:none;width:100%}.rd-context{grid-template-columns:1fr 1fr}.rd-context>div{padding:11px}.rd-panel{padding:16px}.rd-notice{gap:4px}.rd-local-nav{display:flex}.rd-app select{font-size:16px}.rd-scenario-grid{grid-template-columns:1fr}.rd-facts>div{grid-template-columns:1fr;gap:5px}.rd-terminal-bar,.rd-terminal-footer{flex-direction:column;align-items:start}.rd-terminal-screen{height:430px;padding:8px}.rd-app .origo-button{max-width:100%;white-space:normal}.rd-panel-top{align-items:start}.rd-panel-top>span:last-child{text-align:right}}

.part-shell .rd-local-nav{display:flex}

.sigma-ai-panel{border:1px solid var(--line);border-radius:var(--radius-object);padding:18px;margin-bottom:20px;background:var(--panel-2)}.sigma-ai-panel h2{margin:0 0 8px;font-size:var(--text-subhead)}.sigma-ai-panel p{font-size:var(--text-meta);color:var(--muted);line-height:1.5}.sigma-ai-fields{display:grid;gap:10px;margin:18px 0;font-size:var(--text-label)}.sigma-ai-fields label{display:grid;gap:8px}.sigma-ai-fields input,.sigma-ai-fields textarea,.sigma-ai-output{width:100%;padding:12px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-control);font:var(--text-body)/1.5 var(--font-ui);resize:vertical}.sigma-ai-fields button{justify-self:start}.sigma-ai-output{margin:12px 0;min-height:220px}#demoAIUnlock[hidden],#demoAILock[hidden],#demoAIForm[hidden],#sibylAICancel[hidden]{display:none!important}.sigma-ai-held{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--ink)}.sigma-ai-held[hidden]{display:none}
.sibyl-ai-dialog{width:min(860px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow:auto}.sibyl-ai-dialog .origo-dialog-actions{position:sticky;bottom:0;background:var(--panel);padding-block:14px;z-index:2}.sibyl-ai-content{display:grid;gap:14px;margin-block:18px}.sibyl-ai-content label{display:grid;gap:7px;font-size:var(--text-label)}.sibyl-ai-content :is(input:not([type=checkbox]),textarea,select){width:100%;padding:10px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);font:inherit}.sibyl-ai-content textarea{line-height:1.6;resize:vertical}.sibyl-ai-content pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;font:inherit;line-height:1.6}.sibyl-ai-sources{display:grid;gap:10px}.sibyl-ai-sources>label{display:grid;grid-template-columns:auto 1fr;padding:12px;border:1px solid var(--line);border-radius:var(--radius-control)}.sibyl-ai-sources details{grid-column:2}.sibyl-ai-sources a{color:var(--accent-text)}.sibyl-ai-task{display:grid;gap:12px;border:1px solid var(--line);border-radius:var(--radius-object);padding:16px}.sibyl-ai-task h3{margin:0}.sibyl-ai-review-actions,.sibyl-ai-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sibyl-ai-toolbar{padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel);flex-shrink:0}.sibyl-ai-toolbar>span{font-size:11px;color:var(--muted);flex-basis:100%;overflow-wrap:anywhere}.sibyl-ai-feedback{color:var(--muted);font-size:var(--text-meta)}.sibyl-ai-diagram{border:1px solid var(--line);padding:12px;border-radius:var(--radius-object)}.sibyl-ai-diagram svg{width:100%;max-height:360px;color:var(--ink)}

.sibyl-ai-toolbar button{font-size:12px;padding:7px 10px}.sibyl-ai-content :is(input,textarea,select):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}

.origo-confirm-dialog.sibyl-ai-dialog{width:min(860px,calc(100vw - 40px));max-width:min(860px,calc(100vw - 40px))}

/* Room for the AI toolbar, only where one is mounted. */
#ambientScene .chat-thread:has(> .sibyl-ai-toolbar){grid-template-rows:auto auto minmax(0,1fr) auto}#ambientScene .mail-reader:has(> .sibyl-ai-toolbar){grid-template-rows:auto auto minmax(0,1fr)}

/* Demo Center's services card: the phrase form, inline (no dialog). */
.sigma-ai-unlock{display:grid;gap:8px;margin:12px 0}.sigma-ai-unlock label{font-weight:600;font-size:var(--text-body)}.sigma-ai-unlock-row{display:flex;flex-wrap:wrap;gap:10px}.sigma-ai-unlock-row input{flex:1 1 200px;min-width:0;min-height:44px;padding:0 12px;border:1px solid var(--control-border,var(--line));border-radius:8px;background:var(--panel-2);color:var(--ink);font:inherit}.sigma-ai-panel .origo-button{min-height:44px}#demoAIStatus{margin:8px 0 0}

.sibyl-mail-sources,.sibyl-connected-actions {display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.sibyl-mail-page {display:flex;flex-direction:column;min-width:0;}
.sibyl-mail-page>.sibyl-mail-sources {flex:0 0 auto;}
.sibyl-mail-page>:is(.sibyl-connected,#mailShell) {flex:1 1 0;min-height:0;}
.sibyl-mail-sources {padding:8px 0 14px;color:var(--muted);font-size:13px;}
.sibyl-connected {overflow:auto;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);padding:20px;min-height:420px;}
.sibyl-connected[hidden],#mailShell[hidden] {display:none!important;}
.sibyl-connected-grid {display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:24px;margin-top:20px;}
.sibyl-connected-list {border-right:1px solid var(--line);padding-right:16px;}
.sibyl-connected-row {display:block;width:100%;margin-top:10px;text-align:left;}
.sibyl-connected-reader {max-width:820px;}
.sibyl-connected-reader label {display:grid;gap:6px;margin-block:12px;color:var(--muted);font-size:13px;}
.sibyl-connected-reader :is(input,textarea) {width:100%;box-sizing:border-box;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);padding:10px 12px;font:inherit;}
.sibyl-connected-reader textarea {min-height:220px;resize:vertical;}
.sibyl-connected :focus-visible {outline:2px solid var(--focus-ring);outline-offset:3px;}
@media(max-width:800px){.sibyl-connected-grid{grid-template-columns:1fr;}.sibyl-connected-list{border-right:0;border-bottom:1px solid var(--line);padding-bottom:16px;}}


/* Origo 0.3 · Shared contracts. Business content is never smaller than its metadata. */
:root {
--font-ui: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--font-code: ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, monospace;
--text-meta: .75rem; --text-label: .8125rem; --text-body: .875rem;
--text-content: .9375rem; --text-reading: 1rem; --text-subhead: 1.125rem;
--text-title: 1.5rem; --text-display: 2rem;
--space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
--space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px;
--radius-control:8px; --radius-object:12px; --radius-overlay:16px;
--control-size:36px; --reading-measure:72ch;
--duration-state:140ms; --duration-spatial:220ms;
--amb-shadow-strength:.7; --amb-shadow-scale:.85;
--surface-shine:.12; --surface-outline:var(--line);
}
:root[data-mode="light"] { --amb-shadow-strength:.30; --amb-shadow-scale:.65; --surface-shine:.06; }
:root[data-density="compact"] { --text-content:.875rem; --control-size:32px; }
@media (prefers-reduced-motion:reduce) { :root { --duration-state:0ms; --duration-spatial:0ms; } }



:where(.ambient.amb-surface, .ambient.amb-surface-convex) {
background-color: var(--amb-albedo, #222925);
box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 8px 22px rgba(0,0,0,.22);
}
:where(.ambient.amb-surface-concave) {
background-color: var(--amb-albedo, #171c19);
box-shadow: inset 3px 4px 10px rgba(0,0,0,.36), inset -1px -1px 2px rgba(255,255,255,.035);
}

/*
* Embedded AmbientCSS core, curated from packages/ambient-css/src/ambient.css
* https://github.com/kikkupico/ambientcss (reviewed 2026-09-04).
* Includes calibrated shadows, surface exposure, edges, recesses, curved
* surfaces, shiny and glass materials. Texture/grain components are omitted.
* v0.4: repaired malformed decimal/negative calc() dimension tokens.
* Whitespace and comments condensed; --amb-box-shadow extracted for composition.
*
* MIT License
* Copyright (c) 2026 Ramakrishnan Veeraragavan
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*/
@property --amb-elevation {syntax:"<number>";inherits:false;initial-value:0;}
:root {
--amb-light-x:-1;--amb-light-y:-1;--amb-key-light-intensity:.9;--amb-fill-light-intensity:.7;
--amb-light-hue:234;--amb-light-saturation:15%;--amb-chamfer:0;--amb-fillet:0;--amb-thickness:0;--amb-elevation:0;
--amb-chamfer-width:1;--amb-fillet-width:1;--amb-albedo:color(srgb-linear .82 .82 .82);--amb-shade:1;--amb-curve-scale:1;
}
* {
--amb-curve-delta:calc(((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * 3.16 + 3.78) * var(--amb-curve-scale));
--amb-exposure:calc(var(--amb-key-light-intensity) * .6396 + var(--amb-fill-light-intensity) * .5496);
--_amb-diffuse:color(from var(--amb-albedo) srgb-linear calc(r * var(--amb-shade) * var(--amb-exposure)) calc(g * var(--amb-shade) * var(--amb-exposure)) calc(b * var(--amb-shade) * var(--amb-exposure)));
--amb-lit:color-mix(in srgb,var(--_amb-diffuse),hsl(from var(--_amb-diffuse) var(--amb-light-hue) calc(100 - s) l) var(--amb-light-saturation));
}
.amb-chamfer {--amb-chamfer:1;--amb-thickness:1;}
.amb-chamfer-2 {--amb-chamfer:1;--amb-chamfer-width:2;--amb-thickness:2;}
.amb-fillet {--amb-fillet:1;--amb-thickness:1;}
.amb-fillet-2 {--amb-fillet:1;--amb-fillet-width:2;--amb-thickness:2;}
.amb-groove {--amb-thickness:1;}
.amb-thickness-0 {--amb-thickness:0;}.amb-thickness-1 {--amb-thickness:1;}.amb-thickness-2 {--amb-thickness:2;}
.amb-elevation-0 {--amb-elevation:0;}.amb-elevation-1 {--amb-elevation:1;}.amb-elevation-2 {--amb-elevation:2;}.amb-elevation-3 {--amb-elevation:3;}
.ambient {
--_amb-chamfer-w:max(-1 * var(--amb-thickness),min(var(--amb-chamfer-width),var(--amb-thickness)));
--_amb-fillet-w:max(-1 * var(--amb-thickness),min(var(--amb-fillet-width),var(--amb-thickness)));
--_amb-sh-gate:max(0,min(var(--amb-elevation) + var(--amb-thickness),1));
--_amb-body-gate:max(0,min(var(--amb-thickness),1));
--_amb-sweep-a:calc(var(--_amb-sh-gate) * var(--_amb-body-gate) * max(0,1 - var(--amb-elevation) / 3) * (var(--amb-thickness) * .02 + .047));
--amb-box-shadow:
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-shadow-strength,1) * var(--_amb-sh-gate) * ((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .13 + var(--amb-elevation) * -.077 + .368 - var(--_amb-body-gate) * max(0,1 - var(--amb-elevation)) * .14)))
calc(var(--amb-light-x) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(3.8px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-light-y) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(3.8px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-elevation) * calc(4.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(2.7px * var(--amb-shadow-scale,1))) calc(.8px * var(--amb-shadow-scale,1)),
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_amb-sweep-a) * var(--amb-shadow-strength,1)))
calc(var(--amb-light-x) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(2.85px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-light-y) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(2.85px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-elevation) * calc(4.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(2px * var(--amb-shadow-scale,1))) calc(var(--amb-thickness) * calc(.9px * var(--amb-shadow-scale,1))),
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_amb-sweep-a) * var(--amb-shadow-strength,1)))
calc(var(--amb-light-x) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(1.9px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-light-y) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(1.9px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-elevation) * calc(4.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(1.35px * var(--amb-shadow-scale,1))) calc(var(--amb-thickness) * calc(.6px * var(--amb-shadow-scale,1))),
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_amb-sweep-a) * var(--amb-shadow-strength,1)))
calc(var(--amb-light-x) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(.95px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-light-y) * (var(--amb-elevation) * calc(6.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(.95px * var(--amb-shadow-scale,1))) * -1)
calc(var(--amb-elevation) * calc(4.8px * var(--amb-shadow-scale,1)) + var(--amb-thickness) * calc(.7px * var(--amb-shadow-scale,1))) calc(var(--amb-thickness) * calc(.3px * var(--amb-shadow-scale,1))),
inset calc(var(--amb-light-x) * var(--_amb-chamfer-w) * calc(-1px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--_amb-chamfer-w) * calc(-1px * var(--amb-shadow-scale,1))) 0 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-chamfer) * max(0,min(var(--amb-thickness),1)) * (var(--amb-key-light-intensity) * 1.57 + var(--amb-fill-light-intensity) * .85 - 1.03))),
inset calc(var(--amb-light-x) * var(--_amb-chamfer-w) * calc(1px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--_amb-chamfer-w) * calc(1px * var(--amb-shadow-scale,1))) 0 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-chamfer) * max(0,min(var(--amb-thickness),1)) * ((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .19 + .24))),
inset calc(var(--amb-light-x) * var(--_amb-fillet-w) * calc(-1.4px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--_amb-fillet-w) * calc(-1.4px * var(--amb-shadow-scale,1))) calc(2px * var(--amb-shadow-scale,1)) 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-fillet) * max(0,min(var(--amb-thickness),1)) * (var(--amb-key-light-intensity) * 1.44 + var(--amb-fill-light-intensity) * .85 - .99))),
inset calc(var(--amb-light-x) * var(--_amb-fillet-w) * calc(1.4px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--_amb-fillet-w) * calc(1.4px * var(--amb-shadow-scale,1))) calc(2px * var(--amb-shadow-scale,1)) 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-fillet) * max(0,min(var(--amb-thickness),1)) * ((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .23 + .3)));
box-shadow:var(--amb-box-shadow);
}
.amb-surface {background-color:var(--amb-lit);}
.amb-groove {
--_amb-groove-exposure:calc(var(--amb-key-light-intensity) * .6623 + var(--amb-fill-light-intensity) * .5527);
--_amb-groove-diffuse:color(from var(--amb-albedo) srgb-linear calc(r * var(--amb-shade) * var(--_amb-groove-exposure)) calc(g * var(--amb-shade) * var(--_amb-groove-exposure)) calc(b * var(--amb-shade) * var(--_amb-groove-exposure)));
background-color:color-mix(in srgb,var(--_amb-groove-diffuse),hsl(from var(--_amb-groove-diffuse) var(--amb-light-hue) calc(100 - s) l) var(--amb-light-saturation));
--amb-box-shadow:inset calc(var(--amb-light-x) * var(--amb-thickness) * calc(-3.6px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--amb-thickness) * calc(-3.6px * var(--amb-shadow-scale,1))) calc(var(--amb-thickness) * calc(2.7px * var(--amb-shadow-scale,1))) 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(max(0,min(var(--amb-thickness),1)) * ((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .24 + .31))),
inset calc(var(--amb-light-x) * var(--amb-thickness) * calc(2.7px * var(--amb-shadow-scale,1))) calc(var(--amb-light-y) * var(--amb-thickness) * calc(2.7px * var(--amb-shadow-scale,1))) calc(var(--amb-thickness) * calc(5.1px * var(--amb-shadow-scale,1))) 0
hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(max(0,min(var(--amb-thickness),1)) * max(0,min(var(--amb-key-light-intensity) * 1.5 + var(--amb-fill-light-intensity) * .72 - .96,1))));
box-shadow:var(--amb-box-shadow);
}
.amb-surface-concave,.amb-surface-convex {
--_concave-y:max(-1,min(var(--amb-light-y),1));
--_concave-delta:calc(var(--_concave-y) * var(--amb-curve-delta));
background:linear-gradient(hsl(from var(--amb-lit) h s calc(l + var(--_concave-delta))) 0%,hsl(from var(--amb-lit) h s calc(l + var(--_concave-delta) * .33)) 35%,hsl(from var(--amb-lit) h s l) 50%,hsl(from var(--amb-lit) h s calc(l - var(--_concave-delta) * .33)) 65%,hsl(from var(--amb-lit) h s calc(l - var(--_concave-delta))) 100%);
}
.amb-surface-convex {--_concave-delta:calc(var(--_concave-y) * var(--amb-curve-delta) * -1);}
.amb-mat-shiny {
--_shiny-angle:calc(atan2(var(--amb-light-y),var(--amb-light-x)) + 270deg);
background-image:linear-gradient(var(--_shiny-angle),hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-key-light-intensity) * .09 + .07)) 0%,transparent 10%,transparent 24%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-key-light-intensity) * .04 + .31)) 30%,transparent 36%,transparent 100%),
linear-gradient(to bottom,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-fill-light-intensity) * .22)) 0%,transparent 45%,transparent 60%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-fill-light-intensity) * .1)) 100%);
filter:brightness(1.04) contrast(1.01);
}
.amb-mat-glass {
--_shiny-angle:calc(atan2(var(--amb-light-y),var(--amb-light-x)) + 270deg);
background-image:linear-gradient(var(--_shiny-angle),hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-key-light-intensity) * .12)) 0%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-key-light-intensity) * .06)) 40%,transparent 75%);
background-blend-mode:screen;background-color:hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--amb-key-light-intensity) * 100%) / calc(.05 + var(--amb-key-light-intensity) * .1));
backdrop-filter:blur(calc(calc(8px * var(--amb-shadow-scale,1)) + var(--amb-key-light-intensity) * calc(8px * var(--amb-shadow-scale,1)))) saturate(160%);
border:calc(1px * var(--amb-shadow-scale,1)) solid hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(.1 + var(--amb-key-light-intensity) * .15));
}


.origo-action { display:inline-flex; align-items:center; justify-content:center; gap:var(--space-6); min-height:44px; padding:var(--space-3) var(--space-5); font:600 var(--text-content)/1.5 var(--font-ui); text-decoration:none; }
/* Origo 0.4: 80% reading field, 20% tangible action.
AmbientCSS casts the shadow. Specular layers enhance the interaction plane.
Stable opaque reading tokens do not inherit decorative light exposure. */
:root { --space-control-x:14px;--space-control-y:8px;--header-size:64px;--action-radius:10px;--action-lift:.42;--action-body:.7;--action-edge:.55;--action-sheen:.095;--action-glass-opacity:88%;--action-hover-sheen:.14; }
html[data-mode="light"] { --action-sheen:.055;--action-hover-sheen:.085;--action-edge:.7;--action-glass-opacity:91%; }
.workspace-view { --action-lift:.42;--action-body:.7; }
.workspace-view[data-depth="quiet"] { --action-lift:.22;--action-body:.5; }
.workspace-view[data-depth="sculpted"] { --action-lift:.75;--action-body:1.05; }
/* Reserve depth for actual controls. Generic containers don't inherit it. */
:is(#ambientScene,.origo-scene) .workspace-view :is(.card,.primitive-card,.principle-card,.guidance-card,.material-card,.wiki-cover,.doc-reader,.arch-node,.insight,.system-note,.shared-object,.kpi-icon) {
box-shadow:none;--amb-elevation:0;--amb-thickness:0;
}
:is(#ambientScene,.origo-scene) .workspace-view .health-card {box-shadow:none;--amb-thickness:0;}
:is(#ambientScene,.origo-scene) .workspace-view .health-card .gauge-wrap {--amb-elevation:.12;--amb-thickness:.35;--amb-fillet:.45;box-shadow:var(--amb-box-shadow);}
/* High-specificity semantic roles intentionally supersede legacy per-app effects. */
:is(#ambientScene,.origo-scene) [data-material="action"],:is(#ambientScene,.origo-scene) [data-material="primary"],:is(#ambientScene,.origo-scene) [data-material="glass"] {
--amb-elevation:var(--action-lift);--amb-thickness:var(--action-body);--amb-chamfer:0;--amb-fillet:var(--action-edge);--amb-fillet-width:1;
--action-base:var(--panel-2);--amb-albedo:var(--action-base);
--action-angle:calc(atan2(var(--amb-light-y),var(--amb-light-x)) + 90deg);
--action-shine-x:calc(50% + var(--amb-light-x) * 70%);--action-shine-y:calc(50% + var(--amb-light-y) * 80%);
position:relative;isolation:isolate;overflow:visible;
border:1px solid color-mix(in srgb,var(--control-border) 52%,transparent);border-radius:var(--action-radius);
background-color:var(--action-base);
background-image:linear-gradient(var(--action-angle),rgb(0 0 0 / calc(.04 + var(--amb-key-light-intensity) * .055)),transparent 46%,rgb(255 255 255 / calc(var(--amb-key-light-intensity) * var(--action-sheen))));
box-shadow:var(--amb-box-shadow);filter:none;backdrop-filter:none;
color:var(--ink);cursor:pointer;transform:none;
transition:transform var(--duration-state) ease,box-shadow var(--duration-state) ease,border-color var(--duration-state) ease;
}
:is(#ambientScene,.origo-scene) [data-material="primary"] {--action-base:var(--accent-fill);color:var(--on-accent);border-color:color-mix(in srgb,var(--accent-fill),var(--ink) 13%);--action-body:.85;}
:is(#ambientScene,.origo-scene) [data-material="glass"] {
--action-base:color-mix(in srgb,var(--panel-2) var(--action-glass-opacity),transparent);
-webkit-backdrop-filter:blur(16px) saturate(1.12);backdrop-filter:blur(16px) saturate(1.12);
background-image:radial-gradient(ellipse at var(--action-shine-x) var(--action-shine-y),hsl(var(--amb-light-hue) var(--amb-light-saturation) 95% / calc(var(--amb-key-light-intensity) * .21)),transparent 70%),linear-gradient(var(--action-angle),rgb(0 0 0/.05),transparent 40%,rgb(255 255 255/.055));
}
/* Bounded reflection behind the label. No gradient or filter is applied to text. */
:is(#ambientScene,.origo-scene) :is([data-material="action"],[data-material="primary"],[data-material="glass"]):not(#primaryAction):not(.notification-pulse)::after {
content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;z-index:-1;
background:radial-gradient(ellipse at var(--pointer-x,var(--action-shine-x)) var(--pointer-y,var(--action-shine-y)),rgb(255 255 255 / var(--action-hover-sheen)),transparent 70%);
opacity:0;transition:opacity var(--duration-state) ease;
}
@media(hover:hover) and (pointer:fine) {
:is(#ambientScene,.origo-scene) :is([data-material="action"],[data-material="primary"],[data-material="glass"]):hover:not(:disabled):not([aria-disabled="true"]) {
--amb-elevation:calc(var(--action-lift) + .28);--amb-fillet:.85;transform:translateY(-1px);z-index:2;border-color:color-mix(in srgb,var(--control-border) 90%,transparent);filter:none;
}
:is(#ambientScene,.origo-scene) :is([data-material="action"],[data-material="primary"],[data-material="glass"]):hover:not(:disabled):not(#primaryAction):not(.notification-pulse)::after {opacity:1;}
}
:is(#ambientScene,.origo-scene) :is([data-material="action"],[data-material="primary"],[data-material="glass"]):focus-visible {
--amb-elevation:calc(var(--action-lift) + .28);--amb-fillet:.85;z-index:3;
outline:2px solid var(--focus-ring);outline-offset:3px;
}
:is(#ambientScene,.origo-scene) :is([data-material="action"],[data-material="primary"],[data-material="glass"]):focus-visible::after {opacity:1;}
:is(#ambientScene,.origo-scene) :is([data-material="action"],[data-material="primary"],[data-material="glass"]):active:not(:disabled):not([aria-disabled="true"]) {
--amb-elevation:0;--amb-thickness:.16;--amb-fillet:.2;transform:translateY(1px);box-shadow:var(--amb-box-shadow),inset 0 1px 3px rgb(0 0 0/.16);filter:none;
}
:is(#ambientScene,.origo-scene) :is([data-material="action"],[data-material="glass"])[aria-pressed="true"] {--action-base:var(--accent-surface);border-color:var(--accent-text);color:var(--accent-text);}
:is(#ambientScene,.origo-scene) [data-material]:disabled,:is(#ambientScene,.origo-scene) [data-material][aria-disabled="true"] {--amb-elevation:0;--amb-thickness:0;box-shadow:none;background-image:none;transform:none;backdrop-filter:none;filter:none;opacity:.64;cursor:not-allowed;}
:is(#ambientScene,.origo-scene) [data-material]:disabled:not(#primaryAction):not(.notification-pulse)::after {display:none;}

@media(prefers-reduced-motion:reduce){.origo-scene [data-material]{transform:none!important;transition:none!important;}.origo-scene [data-material]::after{transition:none!important;background:none;}}
@media(forced-colors:active){.origo-scene [data-material]{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none;}.origo-scene [data-material]::after{display:none;}}

:is(.sigma-entry-page,.origo-entry-surface) {--entry-line:rgb(111 165 210 / .065);--entry-tile:rgb(84 132 189 / .027);--entry-glow:rgb(33 117 193 / .07);position:relative;isolation:isolate;background:var(--page);}
:is(.sigma-entry-page,.origo-entry-surface)::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background-image:linear-gradient(60deg,transparent 49.6%,var(--entry-line) 49.8%,var(--entry-line) 50.2%,transparent 50.4%),linear-gradient(-60deg,transparent 49.6%,var(--entry-line) 49.8%,var(--entry-line) 50.2%,transparent 50.4%),linear-gradient(0deg,var(--entry-line) 1px,transparent 1px),conic-gradient(from 30deg at 50% 50%,transparent 0deg 120deg,var(--entry-tile) 120deg 180deg,transparent 180deg 360deg);
 background-size:144px 249.4px,144px 249.4px,144px 124.7px,288px 498.8px;
 mask-image:linear-gradient(100deg,#000,rgba(0,0,0,.65) 50%,rgba(0,0,0,.35));}
:is(.sigma-entry-page,.origo-entry-surface)::after {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 25% 48%,var(--entry-glow),transparent 60%);}
html[data-mode="light"] :is(.sigma-entry-page,.origo-entry-surface) {--entry-line:rgb(88 126 182 / .042);--entry-tile:rgb(82 126 202 / .036);--entry-glow:rgb(62 145 239 / .025);}
html[data-mode="light"] :is(.sigma-entry-page,.origo-entry-surface)::before {
 background-image:conic-gradient(from 30deg at 50% 50%,var(--entry-tile) 0deg 60deg,transparent 60deg 180deg,var(--entry-tile) 180deg 240deg,transparent 240deg 360deg),linear-gradient(60deg,transparent 49.75%,var(--entry-line) 50%,transparent 50.25%),linear-gradient(-60deg,transparent 49.75%,var(--entry-line) 50%,transparent 50.25%);
 background-size:216px 374.1px,216px 374.1px,216px 374.1px;
 mask-image:linear-gradient(110deg,#000,rgba(0,0,0,.55));
}

@media(forced-colors:active){.origo-entry-surface::before,.origo-entry-surface::after{display:none;}}

:root{color-scheme:dark;--page:#131416;--shell:#18191B;--panel:#1F2023;--panel-2:#282A2E;--panel-dark:#18191B;--ink:#F1F2F3;--muted:#B5B8C0;--subtle:#9B9FA6;--line:rgb(230 239 235 / .13);--accent:#94D6E0;--accent-text:#94D6E0;--accent-fill:#83CDD8;--accent-surface:#293135;--control-border:#7B808A;--accent-2:#9CA0DE;--accent-3:#D9A4DF;--accent-soft:#293135;--accent-bright:#88D2DD;--accent-2-bright:#969BDE;--accent-3-bright:#D99FDF;--on-accent:#08110e;--amber:#EBC584;--danger:#EB9C99;--success:#8EE1B1;--overlay-rgb:255 255 255;--shadow-rgb:0 0 0;--shade-rgb:7 11 9;--focus-ring:color-mix(in srgb,#94D6E0 78%,white);--neutral:#B5B8C0;--success-soft:#2A3331;--amber-soft:#33312D;--danger-soft:#332C2F;--neutral-soft:#2E2F33;--accent-line:color-mix(in srgb,#94D6E0 32%,transparent);--success-line:color-mix(in srgb,#8EE1B1 32%,transparent);--amber-line:color-mix(in srgb,#EBC584 32%,transparent);--danger-line:color-mix(in srgb,#EB9C99 32%,transparent);--on-danger:#08110e;--scrim:rgb(7 11 9 / .58);--amb-light-x:-.72;--amb-light-y:-.7;--amb-key-light-intensity:.96;--amb-fill-light-intensity:.42;--amb-light-hue:210;--amb-light-saturation:6%;}@media (prefers-color-scheme:light){:root:not([data-mode="dark"]){color-scheme:light;--page:#F7F7F8;--shell:#FCFCFD;--panel:#FFFFFF;--panel-2:#F2F2F3;--panel-dark:#ECEDEE;--ink:#1D2026;--muted:#525760;--subtle:#63676F;--line:rgb(25 35 32 / .13);--accent:#1C707D;--accent-text:#1C707D;--accent-fill:#206E7A;--accent-surface:#E9F1F2;--control-border:#7D828C;--accent-2:#272D82;--accent-3:#792B82;--accent-soft:#E9F1F2;--accent-bright:#88D2DD;--accent-2-bright:#969BDE;--accent-3-bright:#D99FDF;--on-accent:#ffffff;--amber:#8C5D0B;--danger:#B42722;--success:#18753F;--overlay-rgb:18 32 26;--shadow-rgb:20 28 25;--shade-rgb:30 40 35;--focus-ring:color-mix(in srgb,#1C707D 78%,black);--neutral:#525760;--success-soft:#E8F1EC;--amber-soft:#F4EFE7;--danger-soft:#F8E9E9;--neutral-soft:#EEEEEF;--accent-line:color-mix(in srgb,#1C707D 32%,transparent);--success-line:color-mix(in srgb,#18753F 32%,transparent);--amber-line:color-mix(in srgb,#8C5D0B 32%,transparent);--danger-line:color-mix(in srgb,#B42722 32%,transparent);--on-danger:#ffffff;--scrim:rgb(30 40 35 / .40);}}:root[data-mode="light"]{color-scheme:light;--page:#F7F7F8;--shell:#FCFCFD;--panel:#FFFFFF;--panel-2:#F2F2F3;--panel-dark:#ECEDEE;--ink:#1D2026;--muted:#525760;--subtle:#63676F;--line:rgb(25 35 32 / .13);--accent:#1C707D;--accent-text:#1C707D;--accent-fill:#206E7A;--accent-surface:#E9F1F2;--control-border:#7D828C;--accent-2:#272D82;--accent-3:#792B82;--accent-soft:#E9F1F2;--accent-bright:#88D2DD;--accent-2-bright:#969BDE;--accent-3-bright:#D99FDF;--on-accent:#ffffff;--amber:#8C5D0B;--danger:#B42722;--success:#18753F;--overlay-rgb:18 32 26;--shadow-rgb:20 28 25;--shade-rgb:30 40 35;--focus-ring:color-mix(in srgb,#1C707D 78%,black);--neutral:#525760;--success-soft:#E8F1EC;--amber-soft:#F4EFE7;--danger-soft:#F8E9E9;--neutral-soft:#EEEEEF;--accent-line:color-mix(in srgb,#1C707D 32%,transparent);--success-line:color-mix(in srgb,#18753F 32%,transparent);--amber-line:color-mix(in srgb,#8C5D0B 32%,transparent);--danger-line:color-mix(in srgb,#B42722 32%,transparent);--on-danger:#ffffff;--scrim:rgb(30 40 35 / .40);}