/* Atlas light tokens mirror services/web/app/globals.css. Native system type stays offline. */
:root{
  --background:oklch(1 0 0);--foreground:oklch(.145 0 0);--card:oklch(1 0 0);
  --muted:oklch(.965 0 0);--muted-foreground:oklch(.52 0 0);--primary:oklch(.511 .096 186.391);
  --border:oklch(.922 0 0);--destructive:oklch(.577 .245 27.325);--ring:oklch(.495 .137 180.1);
  --sidebar:oklch(.985 0 0);--sidebar-accent:oklch(.94 .03 180.1);--sidebar-accent-foreground:oklch(.371 .1 180.1);
  --shell-chrome:color-mix(in srgb,var(--card) 93%,var(--foreground));
  --shell-context:color-mix(in srgb,var(--card) 96%,var(--foreground));
  --shell-content:color-mix(in srgb,var(--card) 97.5%,var(--foreground));
  --shell-icon:oklch(.56 0 0);
  --radius:10px;--radius-md:calc(var(--radius) - 2px);--radius-xl:calc(var(--radius) + 4px);
  font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;
  color:var(--foreground);background:var(--background);font-synthesis:none;-webkit-font-smoothing:antialiased;
}
*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}
button,input,textarea,select{font:inherit;color:inherit}
button,a,input,textarea,select,summary,[role=button],[role=tab],[contenteditable],.mode-tooltip{-webkit-app-region:no-drag}
button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:7px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);cursor:pointer;font-weight:500;line-height:1.4;transition:background-color .12s,border-color .12s,box-shadow .12s}
button:hover{background:var(--muted);border-color:color-mix(in oklch,var(--foreground) 18%,var(--border))}
button:active:not(:disabled){background:color-mix(in oklch,var(--foreground) 6%,var(--card))}
button.primary{background:var(--primary);color:var(--card);border-color:var(--primary);box-shadow:0 1px 2px #0000000d}
button.primary:hover{background:color-mix(in oklch,var(--primary) 90%,var(--foreground));border-color:transparent}
button:disabled{opacity:.45;cursor:default}
input,textarea,select{width:100%;min-width:0;min-height:36px;padding:8px 11px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);box-shadow:0 1px 2px #00000004}
input::placeholder,textarea::placeholder{color:var(--muted-foreground)}input:hover,select:hover,textarea:hover{border-color:color-mix(in oklch,var(--foreground) 20%,var(--border))}
textarea{min-height:100px;resize:vertical}select{max-width:100%}
:focus-visible{outline:3px solid color-mix(in oklch,var(--ring) 45%,transparent);outline-offset:2px}
h1{font-size:25px;font-weight:650;letter-spacing:-.8px;line-height:1.25;margin:0 0 9px;overflow-wrap:anywhere}
h2{font-size:15px;letter-spacing:-.2px;font-weight:600;margin:0 0 16px}h3{font-size:13px;font-weight:600;margin:0 0 8px}
p{line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.muted,.identity,.hint{color:var(--muted-foreground)}.identity,.hint{font-size:12px}
main{padding:32px 36px;min-width:0;max-width:1280px;width:100%;margin:0 auto}
main>p.muted{max-width:66ch;margin:0 0 24px;font-size:13px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:22px;margin:20px 0;box-shadow:0 1px 2px #00000004;overflow-wrap:anywhere}
.rows{display:grid;gap:8px}.row{display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);width:100%;min-width:0;font-weight:400}
.row>span:first-child{min-width:0}.row strong{display:block;font-size:13px;font-weight:550;overflow-wrap:anywhere}.row small{display:block;font-size:12px;margin-top:4px;color:var(--muted-foreground);overflow-wrap:anywhere}
.mail-thread-row{display:flex;width:100%;min-width:0;justify-content:flex-start;text-align:left;white-space:normal;overflow-wrap:anywhere}
.pill{display:inline-flex;align-items:center;flex-shrink:0;font-size:11px;font-weight:500;padding:3px 8px;border:1px solid var(--border);border-radius:99px;background:var(--muted);color:var(--muted-foreground);white-space:nowrap}
.toolbar{display:flex;gap:8px;margin:20px 0}.toolbar input{flex:1;min-width:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.grid .card{margin:0}
.facts{display:grid;grid-template-columns:140px minmax(0,1fr);gap:13px 20px;margin:0}.facts dt{color:var(--muted-foreground);font-size:12px}.facts dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.empty{text-align:center;padding:44px 20px;color:var(--muted-foreground)}.alert{border:1px solid color-mix(in oklch,var(--destructive) 25%,var(--card));border-left:3px solid var(--destructive);border-radius:var(--radius-md);padding:12px 16px;background:color-mix(in oklch,var(--destructive) 4%,var(--card));margin:16px 0;overflow-wrap:anywhere}
.native-chrome.sidebar-window-controls{display:flex;align-items:center;flex-wrap:nowrap;gap:2px;width:100%;height:44px;min-height:44px;padding:4px 8px;background:var(--shell-chrome);-webkit-app-region:drag;user-select:none}
#app[data-platform=macos] .sidebar-window-controls{padding-left:88px}
.sidebar-window-controls button,.workspace-mode-switch{-webkit-app-region:no-drag}
.sidebar-window-controls>button{color:var(--shell-icon);flex:0 0 28px;width:28px;min-height:28px;padding:4px;border:0;background:transparent;border-radius:6px}
.sidebar-window-controls>button:hover:not(:disabled){color:var(--foreground);background:color-mix(in srgb,var(--shell-chrome) 92%,var(--foreground))}
.sidebar-window-controls svg{width:18px;height:18px}
.workspace-mode-switch{display:flex;align-items:stretch;gap:2px;flex-shrink:0;margin-left:4px;padding:2px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--shell-chrome) 94%,var(--foreground))}
.workspace-mode-switch button{color:var(--shell-icon);width:32px;min-height:32px;padding:6px;border-color:transparent;background:transparent;box-shadow:none}
.workspace-mode-switch button.selected-mode{background:var(--shell-content);border-color:color-mix(in srgb,var(--shell-chrome) 90%,var(--foreground));color:var(--foreground)}
.workspace-mode-switch button:disabled{opacity:.5;color:var(--muted-foreground)}
.mode-segment{position:relative;display:inline-flex;flex-shrink:0;border-radius:var(--radius-md);-webkit-app-region:no-drag}
.mode-tooltip{position:fixed;left:8px;top:44px;z-index:20;width:max-content;max-width:min(240px,calc(100vw - 16px));padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--foreground);box-shadow:0 2px 8px #00000014;font-size:12px;line-height:1.5;white-space:normal;visibility:hidden;user-select:text}
.mode-segment:not([data-tooltip-dismissed=true]):hover .mode-tooltip,.mode-segment:not([data-tooltip-dismissed=true]):focus-within .mode-tooltip{visibility:visible}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.workspace-finder nav{display:grid;gap:4px;margin:16px 0}.workspace-finder nav button{justify-content:flex-start;text-align:left}
.signed-out-layout>.application-navigation{align-content:start}.signed-out-layout>.login{align-self:start}
.login{max-width:400px;margin:10vh auto;padding:24px}.login h1{margin-bottom:28px}.login label{display:block;margin:18px 0 8px;font-size:12px;font-weight:500}.login button{margin-top:16px}.login .actions button{margin-top:0}.login form>button{width:100%}
.answer{line-height:1.7;white-space:pre-wrap}.citation{border-left:2px solid var(--primary);padding:12px 16px;margin:12px 0;background:var(--muted);border-radius:0 var(--radius-md) var(--radius-md) 0}
.check-row{display:flex;gap:10px;align-items:center}.check-row input{width:auto}.check-row input[type=checkbox]{width:16px;height:16px;min-height:16px;accent-color:var(--primary)}.check-row button{flex:1;text-align:left}
.mono,time,.collection-count{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:24px}
.transcript{min-height:150px;max-height:55vh;overflow:auto}.message{padding:14px 16px;border-radius:var(--radius-xl);background:var(--muted);margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.message.assistant{background:var(--card);border:1px solid var(--border)}
dialog{border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;max-width:560px;width:calc(100% - 32px);max-height:85vh;overflow:auto;box-shadow:0 16px 48px #0000001a,0 2px 6px #00000008}dialog::backdrop{background:#0004}
details{margin:12px 0}summary{cursor:pointer;color:var(--muted-foreground);font-weight:500}.disabled-note{margin-top:24px;font-size:12px;color:var(--muted-foreground)}
form.card{max-width:800px}form.card>label,.card>label{display:grid;gap:7px;margin:16px 0}form.card label p{margin:8px 0}.work-step{flex-wrap:wrap}.work-step>span:first-child{flex:1;min-width:150px;overflow-wrap:anywhere}.work-step .actions{flex-basis:100%}form.card select{width:100%}
.customer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin:20px 0}.customer-form-grid label{display:grid;gap:7px;min-width:0}.customer-form-grid label span{color:var(--muted-foreground);font-size:12px}.customer-form-grid select{width:100%}.customer-form-grid textarea{min-height:120px}
/* The chrome and icon rail share one neutral shell; panes sit above it. */
.layout{display:flex;height:calc(100dvh - 44px);min-height:0;overflow:hidden;background:var(--shell-chrome)}
.application-navigation{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:minmax(0,1fr);flex:0 0 360px;min-width:0;min-height:0;height:100%;background:var(--shell-chrome)}
.primary-rail{width:56px;flex:0 0 56px;display:flex;flex-direction:column;position:relative;background:var(--shell-chrome)}
.primary-workspaces{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding:8px;flex:1}
.rail-item{position:relative;display:flex;justify-content:center;flex:0 0 40px;width:40px;margin-inline:auto}
.primary-workspaces button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;min-height:40px;padding:0;border:0;background:transparent;border-radius:var(--radius);color:var(--shell-icon)}
.primary-workspaces svg{width:20px;height:20px}
.primary-workspaces button:hover{background:color-mix(in srgb,var(--shell-chrome) 92%,var(--foreground));color:var(--foreground)}
.primary-workspaces button[aria-current=true]{color:var(--sidebar-accent-foreground);background:color-mix(in oklch,var(--sidebar-accent) 88%,var(--primary))}
.primary-workspaces button[aria-current=true]:hover{background:color-mix(in oklch,var(--sidebar-accent) 82%,var(--primary))}
.rail-tooltip{position:fixed;z-index:1000;width:max-content;max-width:248px;padding-left:8px;visibility:hidden;pointer-events:none;transition:none;animation:none;user-select:text;-webkit-app-region:no-drag}
.rail-tooltip-label{display:block;max-width:240px;padding:7px 11px;border-radius:10px;background:var(--foreground);color:var(--background);box-shadow:0 1px 3px color-mix(in srgb,var(--foreground) 15%,transparent);font-size:13px;font-weight:400;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.rail-item:not([data-tooltip-dismissed=true]):hover .rail-tooltip,.rail-item:not([data-tooltip-dismissed=true]):focus-within .rail-tooltip{visibility:visible;pointer-events:auto}
.rail-footer{display:flex;justify-content:center;flex-shrink:0;padding:12px 4px}.profile-trigger{border:0;padding:2px;background:transparent;width:40px;height:40px;border-radius:50%}
.avatar{display:flex;width:32px;height:32px;align-items:center;justify-content:center;margin:auto;background:var(--sidebar-accent);color:var(--sidebar-accent-foreground);font-weight:600;border:1px solid color-mix(in oklch,var(--primary) 12%,var(--border));border-radius:50%;font-size:11px}
.context-panel{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;border-radius:14px 0 0 0;background:var(--shell-context);box-shadow:-1px 0 0 color-mix(in srgb,var(--foreground) 5%,transparent),0 -1px 0 color-mix(in srgb,var(--foreground) 5%,transparent),-5px 0 18px color-mix(in srgb,var(--foreground) 4%,transparent)}
.context-header{height:60px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 18px;flex-shrink:0}.context-header h2{font-size:13px;margin:0;font-weight:600;letter-spacing:-.1px}
.context-links{display:flex;flex-direction:column;gap:4px;padding:8px 10px;min-height:0;overflow:auto}.context-links button{justify-content:flex-start;text-align:left;border:0;background:transparent;padding:8px 12px;min-height:34px;font-weight:400;color:var(--muted-foreground)}.context-links button[aria-current=page]{color:var(--sidebar-accent-foreground);background:var(--sidebar-accent);font-weight:550}
.layout[data-collapsed=true]>.application-navigation{flex-basis:56px;grid-template-columns:56px}
.layout[data-collapsed=true]>.application-navigation>.context-panel{display:none}
.workspace-stage{display:flex;flex-direction:column;flex:1;min-width:0;height:100%;overflow:hidden;position:relative;isolation:isolate;border-radius:var(--radius-xl) 0 0 0;clip-path:inset(0 round var(--radius-xl) 0 0 0);outline:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);outline-offset:-1px;background:var(--shell-content);box-shadow:-1px 0 0 color-mix(in srgb,var(--foreground) 5%,transparent),0 -1px 0 color-mix(in srgb,var(--foreground) 5%,transparent),-4px 0 16px color-mix(in srgb,var(--foreground) 3%,transparent);-webkit-app-region:no-drag}
/* Only unused top space drags. The separate scroll viewport never passes controls beneath it. */
.workspace-drag-edge{height:12px;flex:0 0 12px;-webkit-app-region:drag;user-select:none}
.workspace-scroll{flex:1;min-height:0;overflow:auto}
.workspace-scroll,.workspace-scroll *{-webkit-app-region:no-drag}
.workspace-scroll>main{padding-top:20px}
.account-menu{position:fixed;inset:auto auto 12px 72px;margin:0;padding:16px 10px 8px;width:260px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);border-radius:var(--radius-xl)}.account-menu::backdrop{background:transparent}
.account-menu>strong{display:block;font-size:13px;font-weight:600;padding:0 8px}.account-menu>p{margin:4px 8px 8px;overflow-wrap:anywhere;font-size:11px}.account-menu>label{display:grid;gap:7px;margin:16px 8px;padding-top:14px;border-top:1px solid var(--border);font-size:11px;color:var(--muted-foreground)}.account-menu select{width:100%;color:var(--foreground)}
.account-menu>button{display:flex;width:100%;justify-content:flex-start;text-align:left;border:0;padding:9px 8px;background:transparent;min-height:34px;font-weight:400}.account-menu>button:hover{background:var(--muted)}.account-menu .sign-out{color:var(--destructive)}
.navigation-sheet{position:fixed;inset:44px auto 0 0;margin:0;padding:0;border:0;border-radius:0;width:360px;max-width:calc(100vw - 16px);height:calc(100dvh - 44px);max-height:calc(100dvh - 44px);overflow:visible;background:var(--shell-chrome)}.navigation-sheet::backdrop{background:#0004}.navigation-sheet .application-navigation{width:100%;height:100%}.sheet-close{position:absolute;right:12px;bottom:12px;width:40px;min-height:40px;padding:4px;font-size:11px}
/* Compact collection composition: one toolbar, quiet rows, clear primary action. */
.collection-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.collection-titles{min-width:0}.collection-titles h1{margin-bottom:7px}.collection-titles p{margin:0;max-width:54ch;color:var(--muted-foreground);font-size:12px}.collection-actions{display:grid;grid-template-columns:repeat(3,max-content);justify-content:end;gap:6px;margin:0;flex-shrink:0}.collection-actions button.primary{grid-column:1/-1;justify-self:end}.collection-actions button{font-size:12px;white-space:nowrap}.collection-actions button:not(.primary){border-color:transparent;background:transparent;color:var(--muted-foreground)}.collection-actions button:not(.primary):hover{background:var(--muted);color:var(--foreground)}
.customer-filters{position:relative;margin:0 0 24px}.customer-searchbar{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px}.customer-searchbar>input{flex:1;min-width:160px;max-width:360px;background:var(--sidebar)}.customer-searchbar>button{white-space:nowrap;font-size:12px}.customer-searchbar>button:last-child{border-color:transparent;background:transparent;color:var(--muted-foreground)}
.customer-searchbar>details{margin:0}.customer-searchbar>details>summary{display:flex;align-items:center;gap:7px;min-height:36px;border:1px solid var(--border);border-radius:var(--radius-md);padding:7px 12px;list-style:none;font-size:12px;color:var(--foreground);background:var(--card)}.customer-searchbar>details>summary::-webkit-details-marker{display:none}.customer-searchbar>details>summary::before{content:'+';font-size:15px;color:var(--muted-foreground)}.customer-searchbar>details[open]>summary::before{content:'−'}
.customer-searchbar>details[open]>summary{background:var(--muted)}.customer-filters>.customer-form-grid{width:100%;padding:20px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--sidebar);grid-template-columns:repeat(3,minmax(0,1fr));margin:8px 0 0}
.collection-count{font-size:11px;color:var(--muted-foreground);margin:0 0 12px}.collection-rows{gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.collection-rows:empty{display:none}.collection-rows .row{min-height:70px;padding:14px 4px;border:0;border-radius:0;background:transparent;box-shadow:none}.collection-rows .row+.row{border-top:1px solid var(--border)}.collection-rows .row:hover{background:var(--sidebar)}.collection-rows .row strong{font-size:13px;font-weight:550}.collection-rows .row small{font-size:11px;margin-top:5px}.collection-rows .row::after{content:'›';font-size:20px;font-weight:300;color:var(--muted-foreground);flex-shrink:0}.collection-rows .row>span:first-child{flex:1}.collection-rows .pill{border:0;background:var(--muted);font-size:10px}.collection-pagination{justify-content:flex-end;gap:6px;margin:16px 0 0}.collection-pagination button{min-height:32px;padding:6px 11px;font-size:12px}
@media(max-width:1200px){.collection-heading{flex-direction:column;gap:18px}.collection-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;max-width:100%}}
@media(max-width:1023px){
.layout>.application-navigation{flex-basis:56px;grid-template-columns:56px}
.layout>.application-navigation>.context-panel{display:none}
.workspace-scroll>main{padding-top:8px}
.navigation-sheet .context-panel[hidden]{display:flex!important}.account-menu{left:16px;bottom:68px}
}

@media(max-width:700px){main{padding:20px 18px}.collection-heading{gap:14px;margin-bottom:22px}.collection-actions{gap:4px}.customer-searchbar>input{flex-basis:100%;max-width:none}.customer-filters>.customer-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:14px}.customer-form-grid{grid-template-columns:minmax(0,1fr)}.toolbar{flex-wrap:wrap}.split{display:block}.facts{grid-template-columns:100px minmax(0,1fr)}.card{padding:18px}.login{margin:5vh auto}.row{gap:12px}.collection-rows .row{padding:14px 0}.pill{white-space:normal;max-width:90px}.identity{overflow-wrap:anywhere}h1{font-size:23px}}
@media(pointer:coarse){button,input,select{min-height:44px}.primary-workspaces button{min-height:40px}.context-links button,.account-menu>button{min-height:44px}.customer-searchbar>details>summary{min-height:44px}.collection-pagination button{min-height:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.knowledge-toolbar{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(150px,1fr) minmax(140px,.8fr) auto auto;align-items:center}.knowledge-toolbar button{white-space:nowrap}
@media(max-width:1200px){.knowledge-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.knowledge-toolbar>input{grid-column:1/-1}.knowledge-toolbar button{white-space:normal}}
@media(max-width:500px){.knowledge-toolbar{grid-template-columns:minmax(0,1fr)}.knowledge-toolbar>input{grid-column:auto}}


.card>label.mail-check-row,.mail-check-row{display:flex;align-items:center;gap:8px}.mail-check-row>span{order:1}.mail-check-row input[type=checkbox]{width:18px;height:18px;min-height:18px;margin:0;box-shadow:none;accent-color:var(--primary)}

.native-chrome .chrome-language{width:auto;flex-basis:auto;padding-inline:8px;font-size:11px;white-space:nowrap}

/* Assistants is a separate composition over the existing native chrome. */
.layout[data-mode=assistants]>.application-navigation.assistants-navigation{display:flex;flex-direction:column;flex:0 0 304px;width:304px;min-width:0;min-height:0;overflow:hidden;background:var(--shell-context);border-right:1px solid color-mix(in srgb,var(--border) 65%,transparent)}
.layout[data-mode=assistants]>.workspace-stage{display:flex;flex-direction:column;overflow:hidden;background:var(--card)}
.assistant-avatar{display:block;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background-color:var(--muted);background-image:url('assets/assistant-avatars.png');background-size:400% 200%;background-repeat:no-repeat}
.assistant-avatar.large{flex-basis:96px;width:96px;height:96px}
.assistant-head{display:flex;flex-direction:column;align-items:center;gap:9px;flex-shrink:0;width:calc(100% - 24px);min-height:176px;margin:12px 12px 8px;padding:22px 14px;border:1px solid transparent;background:transparent;border-radius:14px;text-align:center}
.assistant-head .assistant-avatar.large{flex-basis:80px;width:80px;height:80px}
.assistant-head strong{max-width:100%;font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.assistant-head-caption{font-size:11px;font-weight:400;color:var(--muted-foreground)}
.assistant-head:hover,.assistant-head[aria-current=true]{background:color-mix(in srgb,var(--shell-context) 96%,var(--foreground));border-color:transparent}
.assistant-list-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;padding:8px 16px 12px}
.assistant-list-heading h2{margin:0;font-size:12px;font-weight:500;color:var(--muted-foreground)}
.assistant-new{display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:0;border:0;background:transparent;font-size:24px;font-weight:400;line-height:1}
.assistant-list{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 10px 12px}
.assistant-list-item{display:flex;justify-content:flex-start;gap:10px;flex-shrink:0;width:100%;min-width:0;min-height:64px;padding:10px 12px;border:0;border-radius:12px;background:transparent;text-align:left}
.assistant-list-item:hover{background:color-mix(in srgb,var(--shell-context) 96%,var(--foreground))}
.assistant-list-item[aria-current=true]{background:color-mix(in srgb,var(--shell-context) 92%,var(--foreground))}
.assistant-list-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.assistant-list-text strong,.assistant-list-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.assistant-list-text strong{font-size:13px;font-weight:550;line-height:1.4}
.assistant-list-text small{font-size:12px;font-weight:400;color:var(--muted-foreground)}
.assistant-list-empty,.assistant-loading{margin:0;padding:16px;font-size:12px;color:var(--muted-foreground)}
.assistant-refresh{align-self:flex-start;flex-shrink:0;min-height:34px;margin:8px 16px 16px;padding:6px 8px;border:0;background:transparent;font-size:11px;color:var(--muted-foreground)}
.layout[data-mode=assistants] main.assistants-content{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;width:100%;height:100%;max-width:none;margin:0;padding:0;overflow:hidden;background:var(--card)}
.assistant-content-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;min-height:76px;padding:18px 28px;border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent)}
.assistant-content-identity{display:flex;align-items:center;gap:12px;min-width:0}
.assistant-content-identity h1{min-width:0;margin:0;font-size:18px;line-height:1.4;letter-spacing:-.35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.assistant-edit{flex-shrink:0;min-height:32px;padding:5px 10px;font-size:11px;background:transparent}
.assistant-conversation{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:28px}
.assistant-chat-empty{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:460px;margin:auto;padding:24px 16px;text-align:center}
.assistant-chat-empty h2{margin:0;font-size:21px;line-height:1.35;letter-spacing:-.4px;overflow-wrap:anywhere}
.assistant-chat-empty p{margin:0;font-size:13px}
.assistant-composer{display:flex;align-items:flex-end;gap:12px;flex:0 0 auto;align-self:center;width:calc(100% - 48px);max-width:760px;margin:16px 24px 24px;padding:10px 12px 10px 18px;border:1px solid var(--border);border-radius:24px;background:var(--card);box-shadow:0 2px 8px color-mix(in srgb,var(--foreground) 5%,transparent)}
.assistant-composer textarea{flex:1;min-width:0;min-height:36px;height:36px;max-height:120px;margin:0;padding:8px 0;resize:none;border:0;border-radius:0;background:transparent;box-shadow:none}
.assistant-composer button{flex-shrink:0;min-height:36px;padding:7px 14px;border:0;border-radius:18px;background:var(--muted);font-size:12px}
.assistant-editor{width:min(440px,calc(100vw - 32px));max-width:440px;max-height:calc(100dvh - 32px);padding:0;border-radius:20px;overflow:auto;background:var(--card)}
.assistant-editor::backdrop{background:color-mix(in srgb,var(--foreground) 40%,transparent)}
.assistant-editor-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:18px 24px;border-bottom:1px solid var(--border)}
.assistant-editor-header h2{margin:0;font-size:20px;line-height:1.35;letter-spacing:-.4px}
.assistant-editor-close{flex-shrink:0;min-height:32px;padding:5px 8px;border:0;background:transparent;font-size:12px;color:var(--muted-foreground)}
.assistant-editor form{display:flex;flex-direction:column;min-width:0;margin:0}
.assistant-avatar-preview{display:flex;align-items:center;justify-content:center;padding:28px 24px 24px}
.assistant-name-label{margin:0 24px 8px;font-size:12px;font-weight:500;color:var(--muted-foreground)}
.assistant-editor #assistant-name{width:calc(100% - 48px);height:44px;min-height:44px;margin:0 24px;padding:10px 12px;text-align:center;font-size:15px}
.assistant-avatar-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0;margin:24px;padding:0;border:0}
.assistant-avatar-choices legend{padding:0 0 12px;font-size:12px;color:var(--muted-foreground)}
.assistant-avatar-option{position:relative;display:grid;place-items:center;min-width:0;min-height:68px;padding:6px;border:2px solid transparent;border-radius:12px;cursor:pointer}
.assistant-avatar-option .assistant-avatar{flex-basis:48px;width:48px;height:48px}
.assistant-avatar-option input{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;opacity:0;cursor:pointer}
.assistant-avatar-option:has(input:checked){border-color:var(--primary);background:var(--sidebar-accent)}
.assistant-avatar-option:focus-within{outline:3px solid color-mix(in oklch,var(--ring) 45%,transparent);outline-offset:2px}
.assistant-avatar-option:has(input:disabled){opacity:.45;cursor:default}
.assistant-editor-error{padding:0 24px}.assistant-editor-error:empty{display:none}.assistant-editor-error>.alert{margin:0 0 16px}
.assistant-editor-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--border);background:var(--card)}
.assistant-editor-footer button{min-height:36px;min-width:80px;border-radius:20px}
.layout[data-mode=assistants][data-collapsed=true]>.application-navigation.assistants-navigation{flex-basis:56px;width:56px}
.layout[data-mode=assistants][data-collapsed=true]>.assistants-navigation .assistant-head{width:40px;min-height:56px;margin:8px;padding:8px 0;gap:0}
.layout[data-mode=assistants][data-collapsed=true]>.assistants-navigation .assistant-head .assistant-avatar.large{flex-basis:40px;width:40px;height:40px}
.layout[data-mode=assistants][data-collapsed=true]>.assistants-navigation .assistant-head strong,.layout[data-mode=assistants][data-collapsed=true]>.assistants-navigation .assistant-head-caption,.layout[data-mode=assistants][data-collapsed=true]>.assistants-navigation .assistant-list-heading,.layout[data-mode=assistants][data-collapsed=true]>.assistants-navigation .assistant-list-text,.layout[data-mode=assistants][data-collapsed=true]>.assistants-navigation .assistant-refresh,.layout[data-mode=assistants][data-collapsed=true]>.assistants-navigation .assistant-list-empty{display:none}
.layout[data-mode=assistants][data-collapsed=true]>.assistants-navigation .assistant-list{padding:4px 8px}
.layout[data-mode=assistants][data-collapsed=true]>.assistants-navigation .assistant-list-item{width:40px;min-height:48px;padding:4px 0}
.navigation-sheet:has(>.assistants-navigation){width:304px}
.navigation-sheet>.application-navigation.assistants-navigation{display:flex;flex-direction:column;width:100%;min-width:0;height:100%;background:var(--shell-context)}
@media(max-width:1023px){
.layout[data-mode=assistants]>.application-navigation.assistants-navigation{flex-basis:56px;width:56px}
.layout[data-mode=assistants]>.assistants-navigation .assistant-head{width:40px;min-height:56px;margin:8px;padding:8px 0;gap:0}
.layout[data-mode=assistants]>.assistants-navigation .assistant-head .assistant-avatar.large{flex-basis:40px;width:40px;height:40px}
.layout[data-mode=assistants]>.assistants-navigation .assistant-head strong,.layout[data-mode=assistants]>.assistants-navigation .assistant-head-caption,.layout[data-mode=assistants]>.assistants-navigation .assistant-list-heading,.layout[data-mode=assistants]>.assistants-navigation .assistant-list-text,.layout[data-mode=assistants]>.assistants-navigation .assistant-refresh,.layout[data-mode=assistants]>.assistants-navigation .assistant-list-empty{display:none}
.layout[data-mode=assistants]>.assistants-navigation .assistant-list{padding:4px 8px}
.layout[data-mode=assistants]>.assistants-navigation .assistant-list-item{width:40px;min-height:48px;padding:4px 0}
}
@media(max-width:500px){
.assistant-content-header{gap:8px;min-height:68px;padding:14px 18px}.assistant-content-identity{gap:8px}.assistant-content-identity h1{font-size:16px}.assistant-edit{max-width:96px;white-space:normal}
.assistant-conversation{padding:18px}.assistant-chat-empty{padding:20px 0}.assistant-chat-empty h2{font-size:19px}
.assistant-composer{width:calc(100% - 24px);margin:12px;padding-left:14px;gap:8px}.assistant-composer button{padding-inline:10px}
.assistant-editor-header{padding-inline:20px}.assistant-avatar-choices{gap:8px}.assistant-avatar-option{min-height:60px;padding:4px}.assistant-avatar-option .assistant-avatar{width:44px;height:44px;flex-basis:44px}
}
.assistants-nav-inner{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}
.assistant-review{margin:0 28px 24px;padding:16px;background:var(--shell-context);border-radius:12px}
.assistant-review h3{margin:0 0 12px;font-size:15px}
.assistant-review p{margin:8px 0;overflow-wrap:anywhere}

/* Secondary navigation resize: presentation only; native chrome and primary rail stay unchanged. */
.layout>.application-navigation{position:relative}
.secondary-navigation-resizer{position:absolute;z-index:2;top:var(--radius-xl);right:0;bottom:0;width:8px;cursor:col-resize;touch-action:none;user-select:none;-webkit-app-region:no-drag}
.secondary-navigation-resizer::after{content:'';position:absolute;top:0;bottom:0;right:0;width:1px;background:var(--border)}
.secondary-navigation-resizer:hover::after,.secondary-navigation-resizer:focus-visible::after,.layout[data-resizing=true] .secondary-navigation-resizer::after{width:2px;background:var(--ring)}
.secondary-navigation-resizer:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}
.layout[data-resizing=true]{cursor:col-resize;user-select:none}
.layout[data-collapsed=true] .secondary-navigation-resizer,.application-navigation[data-checking=true] .secondary-navigation-resizer{display:none}
@media(min-width:1024px){
.layout:not([data-collapsed=true])>.application-navigation:not(.assistants-navigation){flex-basis:calc(56px + var(--secondary-navigation-width,228px))}
.layout[data-mode=assistants]:not([data-collapsed=true])>.application-navigation.assistants-navigation{flex-basis:var(--secondary-navigation-width,228px);width:var(--secondary-navigation-width,228px)}
.layout[data-mode=assistants] .assistant-list-heading{flex-wrap:wrap}
.layout>.application-navigation .context-links button{min-width:0;overflow-wrap:anywhere}
}
@media(max-width:1023px){.secondary-navigation-resizer{display:none}}
/* End secondary navigation resize. */

/* Assistants local drafts remain usable before the identity service responds. */
.assistant-service-status,.assistant-editor-service{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:10px 24px;background:var(--muted);font-size:12px}
.assistant-service-status p,.assistant-editor-service p{margin:0;overflow-wrap:anywhere}
.assistant-service-retry{flex-shrink:0;min-height:30px;padding:4px 8px;font-size:12px}
.assistant-editor-service{margin:0 24px 16px;padding:0;background:transparent;flex-wrap:wrap;color:var(--muted-foreground)}
.assistant-purpose{display:grid;gap:8px;margin:0 24px 20px}.assistant-purpose textarea{width:100%;resize:vertical;min-height:64px;max-height:160px}.assistant-purpose[hidden]{display:none}
.assistant-local-preview{flex-shrink:0;align-self:stretch;margin:16px 0 0;padding:16px;border:1px dashed var(--border);border-radius:var(--radius-md);white-space:pre-wrap;overflow-wrap:anywhere}
.assistant-local-preview p{margin-bottom:0}.assistant-send-reason{flex-shrink:0;margin:-12px 24px 12px;text-align:center;font-size:11px;color:var(--muted-foreground)}
.assistant-composer .assistant-preview-toggle{border:1px solid var(--border);background:transparent}
@media(max-width:700px){.assistant-service-status{padding:8px 12px;font-size:11px}.assistant-composer{flex-wrap:wrap}.assistant-composer textarea{flex-basis:100%}.assistant-composer .assistant-preview-toggle{margin-left:auto}.assistant-send-reason{margin:-4px 12px 8px}}
dialog.global-search{width:min(780px,calc(100vw - 32px));max-width:780px;max-height:calc(100dvh - 64px);margin:clamp(16px,7vh,64px) auto auto;padding:0;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);border-radius:20px;background:var(--shell-context);overflow:hidden;box-shadow:0 20px 64px #0003,0 2px 8px #00000012}
dialog.global-search[open]{display:flex;flex-direction:column}
.global-search::backdrop{background:#0003}
.global-search,.global-search *{-webkit-app-region:no-drag}
.global-search-tabs{display:flex;gap:3px;flex-shrink:0;padding:8px 10px;overflow-x:auto;scrollbar-width:thin}
.global-search-tabs button{flex-shrink:0;min-height:34px;padding:6px 11px;border:0;border-radius:18px;background:transparent;font-weight:400;color:var(--muted-foreground)}
.global-search-tabs button[aria-selected=true]{background:var(--shell-chrome);color:var(--foreground)}
.global-search-tabs button:hover{background:var(--shell-chrome);color:var(--foreground)}
.global-search-panel{display:flex;flex:1;flex-direction:column;min-height:0}
.global-search-input{flex-shrink:0;width:100%;height:58px;min-height:58px;padding:12px 22px;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:19px;font-weight:400;outline-offset:-3px}
.global-search-input:focus-visible{outline:none;box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--ring) 45%,transparent)}
.global-search-results{min-height:0;overflow:auto;padding:6px 8px 12px;border-top:1px solid var(--border);max-height:560px}
.global-search-group{margin:0 0 8px}
.global-search-group h3{margin:13px 14px 6px;font-size:12px;letter-spacing:0;font-weight:400;color:var(--muted-foreground)}
.global-search-results .global-search-result{display:flex;align-items:center;gap:12px;width:100%;min-width:0;min-height:44px;padding:9px 14px;border:0;border-radius:12px;background:transparent;text-align:left;font-weight:400;color:var(--foreground);box-shadow:none}
.global-search-results .global-search-result[aria-selected=true],.global-search-results .global-search-result:hover{background:var(--shell-chrome)}
.global-search-icon{display:flex;align-items:center;justify-content:center;flex:0 0 20px;color:var(--muted-foreground)}
.global-search-icon svg{width:18px;height:18px}
.global-search-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.global-search-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}
.global-search-snippet{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted-foreground);font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.global-search-context{max-width:25%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground);font-size:12px}
.global-search-notice,.global-search-empty{margin:12px 14px;color:var(--muted-foreground);font-size:13px}
.global-search-retry{margin:0 14px 8px;min-height:28px;padding:4px 8px;font-size:12px}
.global-search-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;padding:6px 14px;border-top:1px solid var(--border)}
.global-search-footer button{border:0;background:transparent;min-height:30px;padding:4px 8px;color:var(--muted-foreground);font-weight:400;font-size:12px}
.global-search-status{min-width:0;margin:0;color:var(--muted-foreground);font-size:12px}
.search-record-text{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:500px){dialog.global-search{width:calc(100vw - 16px);max-height:calc(100dvh - 32px);margin-top:16px;border-radius:16px}.global-search-tabs{padding-inline:6px}.global-search-tabs button{padding-inline:10px}.global-search-input{padding-inline:18px}.global-search-results{padding-inline:4px}.global-search-context{max-width:22%}.global-search-results .global-search-result{padding-inline:12px}}

/* Append to native renderer stylesheet during integration. No global overrides. */
.assistant-conversation-panel{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;gap:12px;width:100%;max-width:880px;margin:0 auto}
.assistant-conversation-toolbar{display:flex;flex:0 0 auto;align-items:center;flex-wrap:wrap;gap:8px;position:sticky;top:0;z-index:1;background:var(--card);padding:4px 0}
.assistant-conversation-toolbar label{display:flex;flex:1 1 180px;min-width:0;align-items:center;gap:8px;font-size:12px}
.assistant-conversation-toolbar select{flex:1;min-width:0;max-width:100%;margin:0}
.assistant-conversation-toolbar button{min-height:32px;margin:0;padding:6px 10px;font-size:12px}
.assistant-conversation-status{flex:0 0 auto;margin:0;color:var(--muted-foreground);font-size:12px;overflow-wrap:anywhere}
.assistant-conversation-transcript{flex:1;min-height:64px;overflow:auto;overscroll-behavior:contain;overflow-wrap:anywhere}
.assistant-conversation-message{margin:0 0 14px;padding:12px 14px;border-radius:14px;background:var(--muted)}
.assistant-conversation-message.user{margin-left:24px}
.assistant-conversation-message.assistant{margin-right:24px;background:transparent}
.assistant-conversation-message strong{font-size:12px;color:var(--muted-foreground)}
.assistant-conversation-message p{white-space:pre-wrap;margin:6px 0 0}
@media(max-width:700px){.assistant-conversation-panel{gap:8px}.assistant-conversation-toolbar{gap:6px}.assistant-conversation-toolbar label{flex-basis:100%}.assistant-conversation-toolbar button{font-size:11px}.assistant-conversation-message{padding:10px}.assistant-conversation-message.user{margin-left:12px}.assistant-conversation-message.assistant{margin-right:12px}}

/* Superpower shares the native secondary pane and never creates drag regions. */
.superpower-navigation{display:flex;flex-direction:column;gap:4px;padding:12px 8px}.superpower-navigation h2{font-size:11px;color:var(--muted-foreground);margin:14px 10px 5px;text-transform:uppercase;letter-spacing:.06em}.superpower-route{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent;padding:9px 12px;border:0;border-radius:8px;color:var(--muted-foreground)}.superpower-route[aria-current=true]{background:var(--muted);color:var(--foreground);font-weight:600}.superpower-route:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.superpower-assistants-directory{min-height:0;overflow:auto}.superpower-business-modules .row small{display:block;overflow-wrap:anywhere}.superpower-business-modules section{margin-block:20px}.superpower-business-modules .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.superpower-business-modules .row{min-width:0;gap:12px}.superpower-business-modules .row>span{min-width:0}.superpower-business-modules .actions{position:relative}.superpower-business-modules .actions [role=tooltip]{position:absolute;top:100%;right:0;z-index:5;white-space:nowrap;background:var(--background);border:1px solid var(--border)}

.superpower-route{display:flex;align-items:center;gap:10px}.superpower-route-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;font-size:17px}.superpower-route[aria-current=true]{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}
.layout[data-mode=assistants][data-collapsed=true]>.assistants-navigation .superpower-navigation{padding:8px}.layout[data-mode=assistants][data-collapsed=true]>.assistants-navigation .superpower-route{width:40px;height:40px;padding:10px;justify-content:center}.layout[data-mode=assistants][data-collapsed=true]>.assistants-navigation .superpower-route-label,.layout[data-mode=assistants][data-collapsed=true]>.assistants-navigation .superpower-navigation h2{display:none}
@media(max-width:1023px){.layout[data-mode=assistants]>.assistants-navigation .superpower-navigation{padding:8px}.layout[data-mode=assistants]>.assistants-navigation .superpower-route{width:40px;height:40px;padding:10px;justify-content:center}.layout[data-mode=assistants]>.assistants-navigation .superpower-route-label,.layout[data-mode=assistants]>.assistants-navigation .superpower-navigation h2{display:none}}

/* Both modes use a module rail and the same bounded secondary pane. */
.assistants-nav-inner>.superpower-assistants-directory{flex:1;min-height:0}
.context-panel .superpower-route[aria-current=page]{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}

/* The sidebar identifies Head; the conversation stays clear until there is output. */
.assistant-head-caption,.assistant-head-workspace .assistant-chat-empty{display:none}
.assistant-head-workspace .assistant-content-header{min-height:0;padding:0;border:0}
.assistant-head-workspace .assistant-content-identity{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.assistant-head-workspace .assistant-content-header:has(>button:not([hidden])){padding:12px 24px}
.assistant-head-workspace .assistant-conversation-toolbar[hidden]{display:none}
.assistant-head-workspace .assistant-conversation-toolbar{justify-content:flex-end}
.assistants-content>.assistant-send-reason.visually-hidden{margin:-1px;padding:0}

/* Assistant Properties keeps configuration read-only and inside a narrow window. */
.assistant-properties-menu{position:fixed;z-index:1000;padding:4px;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0002;min-width:156px}
.assistant-properties-menu button{width:100%;text-align:left;padding:8px 12px}
.assistant-properties{width:min(780px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100vh - 32px);padding:0;border:1px solid var(--border);border-radius:12px;color:inherit;background:var(--card);box-sizing:border-box}
.assistant-properties::backdrop{background:#0005}
.assistant-properties>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}
.assistant-properties h2{font-size:18px;margin:0;overflow-wrap:anywhere}.assistant-properties-close{flex-shrink:0}
.assistant-properties-body{padding:0 20px 20px;overflow:auto;max-height:calc(100vh - 120px)}
.assistant-properties section{padding:12px 0;border-bottom:1px solid var(--border)}.assistant-properties h3{font-size:15px;margin:0 0 8px}.assistant-properties p{margin:8px 0}
.assistant-properties ul{padding-left:20px;max-height:200px;overflow:auto}.assistant-properties li,.assistant-properties small{overflow-wrap:anywhere}
.assistant-properties-instructions{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13px;line-height:1.6;max-height:360px;overflow:auto}.assistant-properties-notes{font-size:12px;color:var(--muted-foreground)}