/* Shell/material values follow the accepted glass/Sales references. No prototype
   modules or simulated role controls are included in the working application. */
:root{--ui-ink:#172b42;--ui-muted:#425c78;--ui-edge:rgba(255,255,255,.8);--ui-line:rgba(68,99,141,.24);--ui-panel:244,250,255;--ui-solid:#f2f7fd;--ui-select:rgba(255,255,255,.6);--ui-shadow:rgba(27,53,91,.23);--ui-action:#225de8;--ui-on:#fff;--ui-base:#c9dff4;--ui-scene:url('/scenery.webp');--tr-text:var(--ui-ink);--tr-muted:var(--ui-muted)}
:root[data-theme=dark]{--ui-ink:#edf4fc;--ui-muted:#bdcde1;--ui-edge:rgba(176,210,250,.36);--ui-line:rgba(162,194,234,.26);--ui-panel:15,33,54;--ui-solid:#102338;--ui-select:rgba(157,194,241,.14);--ui-shadow:rgba(0,8,24,.5);--ui-action:#a3caff;--ui-on:#0d2442;--ui-base:#0b1b2e;--ui-scene:url('/scenery-dark.webp')}
body.app-shell{background:var(--ui-base);color:var(--ui-ink);font-size:14px;isolation:isolate}
body.app-shell::before{position:fixed;inset:0 0 auto;height:1100px;z-index:-2;background:var(--ui-scene) 65% top/cover no-repeat;mask-image:linear-gradient(#000 75%,transparent);pointer-events:none}
.app-shell .app-rail{position:fixed;z-index:4;left:20px;top:20px;bottom:20px;width:178px;display:flex;flex-direction:column;gap:24px;padding:25px 10px 16px;border-radius:24px;overflow-y:auto;background:linear-gradient(135deg,rgba(255,255,255,.17),transparent 60%),rgba(var(--ui-panel),.52);border:1px solid var(--ui-edge);backdrop-filter:blur(16px) saturate(1.1);box-shadow:inset 0 1px 0 #ffffff20,0 12px 30px -13px var(--ui-shadow)}
.shell-brand{display:block;align-self:center;max-width:100%;padding:0 0 7px}.shell-brand img{width:140px;height:auto;display:block}
.app-rail .nav-label{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:var(--ui-muted);margin:0;padding:0 9px 7px}
.app-rail .shell-link{display:flex;gap:10px;align-items:center;min-height:43px;padding:9px;border:1px solid transparent;border-radius:12px;font-size:12px;color:var(--ui-muted);text-decoration:none;margin:2px 0;line-height:1.4}
.shell-link svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.app-rail .shell-link:hover{background:var(--ui-select)}.app-rail .shell-link[aria-current=page]{border-color:var(--ui-edge);color:var(--ui-ink);background:linear-gradient(135deg,rgba(77,150,255,.27),rgba(110,169,246,.05)),var(--ui-select)}.shell-link[aria-current=page] svg{color:var(--ui-action)}
.shell-foot{margin-top:auto;padding:16px 8px 0;border-top:1px solid var(--ui-line);font-size:10px;color:var(--ui-muted);display:grid;gap:4px}
.shell-secondary{border-top:1px solid var(--ui-line);padding-top:6px}
.shell-secondary>summary{cursor:pointer;color:var(--ui-ink);font-size:12px;font-weight:550;min-height:44px;padding:12px 9px;overflow-wrap:anywhere}
.shell-secondary>summary:focus-visible{outline:3px solid var(--ui-action);outline-offset:2px;border-radius:8px}
.app-rail .shell-nav-note{font-size:11px;line-height:1.5;margin:10px 9px;color:var(--ui-muted)}
.app-shell .shell-context{flex-basis:100%;font-size:12px;line-height:1.5;margin:0;color:var(--ui-muted)}
.app-shell .topbar{margin:20px 22px 0 220px;padding:0;min-height:40px;border:0;background:none;backdrop-filter:none;gap:12px;flex-wrap:wrap}
.shell-crumb{font-size:11px;color:var(--ui-muted)}.shell-toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.shell-toolbar button{font-size:11px;min-height:38px;padding:8px 11px}.shell-toolbar select{width:auto;margin:0;padding:8px;max-width:145px;font-size:11px}
.app-shell main{margin:0 22px 0 220px;padding:22px 0 32px;max-width:1400px;min-width:0}.app-shell main>*{min-width:0}
.app-shell .glass{border:1px solid var(--ui-edge);background:linear-gradient(130deg,rgba(255,255,255,.12),transparent 48%),rgba(var(--ui-panel),.76);backdrop-filter:blur(16px) saturate(1.1);box-shadow:inset 0 1px 0 #ffffff20,0 12px 30px -13px var(--ui-shadow);border-radius:21px;padding:22px}
.app-shell h1{font-weight:500;letter-spacing:-1px;font-size:34px}.app-shell h2{font-weight:500;font-size:18px;line-height:1.4;letter-spacing:-.3px}.app-shell h3{font-weight:500;font-size:14px}
.app-shell p,.app-shell .fine,.app-shell .eyebrow,.app-shell footer,.app-shell .empty{color:var(--ui-muted)}.app-shell .eyebrow{font-size:10px;font-weight:500;letter-spacing:1.3px}
.app-shell a{color:var(--ui-action)}.app-shell .context-links a,.app-shell footer a{color:var(--ui-action)}
.app-shell button,.app-shell .pill{font-weight:400;border-color:var(--ui-line);background:var(--ui-select);color:var(--ui-ink);font-size:12px;min-height:39px}.app-shell button:hover{background:var(--ui-select);box-shadow:inset 0 0 0 1px var(--ui-edge)}.app-shell button.primary{background:var(--ui-action);color:var(--ui-on);border-color:transparent;box-shadow:none}.app-shell button:disabled{cursor:not-allowed}
.app-shell input,.app-shell textarea,.app-shell select{background:rgba(var(--ui-panel),.86);border-color:var(--ui-line);color:var(--ui-ink);font-size:14px}.app-shell input::placeholder,.app-shell textarea::placeholder{color:var(--ui-muted);opacity:1}.app-shell input[readonly]{background:var(--ui-select)}
.app-shell .source-text,.app-shell .task-link{background:var(--ui-select);color:var(--ui-ink)}.app-shell .task-link.active{background:var(--tr-selected);color:var(--tr-selected-text);border-color:var(--ui-action)}.app-shell .task-link small{color:var(--ui-muted)}
.app-shell .todo-row,.app-shell .history-item,.app-shell #library-notes>div,.app-shell #todo-editor,.app-shell .daily-item,.app-shell .activity-row,.app-shell .completed{border-color:var(--ui-line)}
.app-shell .notice,.app-shell dialog{color:var(--ui-ink);background:var(--ui-solid);border-color:var(--ui-line)}.app-shell .notice[data-state=error]{background:var(--tr-danger-surface);border-color:var(--tr-danger)}.app-shell .notice[data-state=saved]{background:var(--tr-success-surface);border-color:var(--tr-success)}
.app-shell .amber,.app-shell .review-note{color:var(--tr-warning);background:var(--tr-warning-surface);border-color:var(--tr-warning)}.app-shell .review-note p{color:inherit}.app-shell .receipt-paper{color:#172335}.app-shell .receipt-paper p{color:#56677d}
.app-shell .personal-main #status.error{color:var(--tr-danger)}.app-shell .review-card{border-color:var(--ui-action)}.app-shell .review-values>div{background:var(--ui-select)}.app-shell .review-values dt,.app-shell .completed summary,.app-shell .time-box{color:var(--ui-muted)}
.app-shell .workspace-grid{grid-template-columns:220px minmax(0,1fr)}.app-shell .workspace-grid .sidebar{padding:18px 12px;top:20px}.app-shell .todo-grid{gap:18px}.app-shell .section-heading{align-items:center}
.app-shell .personal-main{padding-top:22px}.app-shell .personal-main .home-hero{display:block;min-height:195px;margin:0;padding:16px 0 24px;position:relative}.home-hero::before{content:'';position:absolute;inset:-12px -20px;z-index:-1;background:radial-gradient(ellipse at left,rgba(var(--ui-panel),.42),transparent 76%)}
.app-shell .home-hero h1{font-size:38px;max-width:410px;margin:10px 0;line-height:1.18}.app-shell .home-hero p{font-size:13px;max-width:360px}.app-shell .home-hero .eyebrow{font-size:10px}
.app-shell .assistant-card{margin:0 0 18px}.app-shell .assistant-card h2{margin:0 0 10px;font-size:18px}.app-shell #ask{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 14px;align-items:end}.app-shell #ask>label[for=question],.app-shell #ask>textarea,.app-shell #ask>.fine{grid-column:1/-1}.app-shell #ask>.fine{font-size:11px;margin:0}.app-shell #ask>label{margin:0}.app-shell #question{min-height:68px;resize:vertical}.app-shell #ask>label[for=ask-mode]{grid-column:1}.app-shell #ask-mode{grid-column:1;max-width:270px}.app-shell #ask-submit{grid-column:2;grid-row:5;margin:0;min-height:42px}.app-shell #assistant-state{border-top:1px solid var(--ui-line);padding-top:12px;margin:14px 0 0}
.app-shell .connection-card{margin:18px 0;padding:20px 22px;gap:22px;grid-template-columns:minmax(0,1fr) auto}.app-shell .connection-card h2{font-size:16px;margin:0 0 6px}.app-shell .connection-card p{font-size:12px;margin:4px 0 8px}.app-shell .connection-actions{gap:10px;max-width:250px;font-size:12px}
.app-shell .personal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.app-shell .daily-column{display:contents}.app-shell .personal-main #tasks,.app-shell .personal-main #calendar{align-self:start;scroll-margin-top:22px}.app-shell .context-card{margin-top:18px}.app-shell .context-links{display:flex;flex-wrap:wrap;gap:16px;font-size:12px}.app-shell .activity-card{margin-top:18px}.app-shell .freshness{font-size:11px}.app-shell #assistant-answer:empty{display:none}.app-shell #assistant-answer{white-space:normal}
.app-shell .demo-banner{border-color:var(--tr-warning);background:var(--tr-warning-surface);color:var(--tr-warning);font-size:11px;padding:9px 13px;margin:0 0 16px}.app-shell .connection-details{margin:16px 0 8px;padding:13px 20px;font-size:12px}.app-shell footer{font-size:11px;gap:18px}
.reduced .app-shell .glass,:root.reduced .app-shell .app-rail{background:var(--ui-solid);backdrop-filter:none}.reduced .app-shell::before{background:var(--ui-base);mask-image:none}
@media(prefers-reduced-transparency:reduce){.app-shell .glass,.app-shell .app-rail{background:var(--ui-solid);backdrop-filter:none}}
@media(max-width:1050px){.app-shell .workspace-grid{grid-template-columns:1fr}.app-shell .workspace-grid .sidebar{position:static}.app-shell .todo-grid,.app-shell .review-grid{grid-template-columns:1fr}.app-shell .personal-grid{grid-template-columns:1fr}.app-shell .connection-card{grid-template-columns:1fr}.app-shell .connection-actions{max-width:none;display:flex;flex-wrap:wrap;align-items:center}}
@media(max-width:700px){.app-shell::before{height:950px;background-position:60% top}.app-shell .app-rail{position:relative;top:auto;left:auto;bottom:auto;width:auto;margin:13px 13px 0;padding:14px;display:block;border-radius:20px;overflow:visible}.shell-brand{width:140px;margin-bottom:10px}.app-rail nav{display:contents}.app-rail .nav-label,.shell-foot{display:none}.app-rail .shell-link{display:inline-flex;min-height:44px;padding:8px;gap:6px;font-size:11px;margin:0}.shell-link svg{width:15px;height:15px}.app-shell .topbar{margin:14px 14px 0;min-height:0;gap:10px}.shell-toolbar{gap:6px}.shell-toolbar button{min-height:44px;font-size:11px}.app-shell main{margin:0;padding:16px 14px 28px;max-width:none}.app-shell .glass{padding:18px;border-radius:18px}.app-shell .personal-main{padding-top:15px}.app-shell .personal-main .home-hero{min-height:185px;padding:15px 0 24px}.app-shell .home-hero h1{font-size:32px;max-width:280px}.app-shell #ask{display:flex;flex-direction:column;align-items:stretch}.app-shell #ask-mode{max-width:none}.app-shell #ask-submit{margin-top:4px}.app-shell .connection-card{padding:18px}.app-shell .connection-actions{display:grid;max-width:none}.app-shell input,.app-shell textarea,.app-shell select{font-size:16px}.app-shell button{min-height:44px}.app-shell .personal-main button{min-height:44px}.app-shell .heading{gap:12px}.app-shell .personal-main .review-grid{grid-template-columns:1fr}.app-shell .review-values{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-shell *{transition:none!important;animation:none!important}}
.shell-mobile{display:none}.app-shell #ask>label[for=question]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.app-shell #ask>textarea{grid-column:1;grid-row:1}.app-shell #ask>.fine{grid-row:auto}.app-shell #ask-submit{grid-column:2;grid-row:1}.app-shell .ask-options{grid-column:1/-1;display:flex;align-items:center;gap:12px}.app-shell .ask-options label{margin:0;font-size:11px}.app-shell .ask-options select{width:auto;max-width:270px;font-size:12px}.app-shell #ask>.fine:not([hidden])~textarea{grid-row:2}.app-shell #ask>.fine:not([hidden])~#ask-submit{grid-row:2}
.app-shell .personal-main #status{font-size:12px;padding:0;margin:0 0 12px}.app-shell .personal-main .demo-banner{margin-bottom:8px}.freshness-bar{display:flex;gap:15px;align-items:center;justify-content:space-between;margin:10px 0 16px}.app-shell .freshness-bar p{margin:0}.freshness-bar button{flex-shrink:0;font-size:11px}
@media(max-width:700px){.app-shell .app-rail{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}.shell-brand{margin:0;flex-shrink:0;width:130px}.shell-brand img{width:130px}.app-rail nav{display:none}.app-rail .shell-mobile{display:block;flex:1;max-width:180px;width:auto;min-width:0;font-size:12px;min-height:44px;margin:0;padding:8px}.app-shell .ask-options{flex-wrap:wrap}.app-shell .ask-options select{flex:1;width:100%;font-size:14px;max-width:none}.app-shell #ask-submit{min-height:44px}.app-shell .shell-crumb{width:100%}}
@media(max-width:700px){.app-shell .home-hero::before{inset:-10px 0}}
.shell-mobile-primary{display:none}
.shell-appearance-controls{display:flex;gap:7px}.shell-appearance>summary{cursor:pointer;min-height:44px;align-content:center;font-size:11px}.shell-appearance>summary:focus-visible{outline:3px solid var(--ui-action);outline-offset:3px}
@media(min-width:701px){.shell-appearance>summary{display:none}}
@media(max-width:700px){.app-shell .app-rail{margin:8px 10px 0;padding:8px 10px;gap:6px}.app-rail .shell-mobile-primary{padding-top:6px}.shell-mobile-primary .shell-link{padding:3px 2px;gap:3px}.app-shell .topbar{margin:4px 14px 0;min-height:44px;align-items:center}.shell-appearance-controls{padding:8px 0}.shell-appearance[open]{width:100%}.shell-appearance>summary{text-align:right}.shell-toolbar:has(.shell-appearance[open]){flex-basis:100%}}
.app-shell .shell-link:focus-visible,.app-shell a:focus-visible,.app-shell button:focus-visible{outline:3px solid var(--ui-action);outline-offset:3px}
@media(max-width:700px){.app-rail .shell-secondary{display:none}}
@media(max-width:700px){.app-shell .app-rail{flex-wrap:wrap;gap:6px}.app-rail .shell-mobile-primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:4px;border-top:1px solid var(--ui-line);padding-top:6px}.shell-mobile-primary .shell-link{display:flex;flex-direction:column;justify-content:center;gap:3px;font-size:11px;padding:3px 2px}.shell-mobile-primary svg{width:16px;height:16px}.app-rail .shell-mobile{max-width:130px}.app-shell .topbar{justify-content:space-between;align-items:center}.app-shell .shell-crumb{width:auto}.shell-toolbar button{font-size:10px;padding:8px}.app-shell .shell-toolbar [data-transparency-toggle]{max-width:120px}}

/* One material family: luminous navigation, quiet content, tactile controls. */
.app-shell .app-rail{gap:16px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.28),transparent 46%),rgba(var(--ui-panel),.86);backdrop-filter:blur(24px) saturate(1.25);box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #ffffff14,0 18px 45px -20px var(--ui-shadow)}
.app-rail .shell-link{font-size:13px;min-height:44px;border-radius:15px;transition:background-color .14s ease,box-shadow .14s ease}
.app-rail .shell-link:active{box-shadow:inset 0 1px 5px var(--ui-shadow)}
.app-shell .topbar{position:relative;z-index:6}
.app-shell .shell-toolbar{flex-wrap:nowrap}
.app-shell .shell-theme-toggle{width:52px;min-width:52px;height:36px;min-height:36px;border-radius:18px;padding:2px 24px 2px 3px;font-size:19px;line-height:30px;background:rgba(var(--ui-panel),.7);border:1px solid var(--ui-edge);box-shadow:inset 0 1px 0 #ffffff65,0 3px 10px -5px var(--ui-shadow);transition:padding .18s ease,background-color .18s ease}
.app-shell .shell-theme-toggle[aria-pressed=true]{padding:2px 3px 2px 24px;background:var(--ui-select)}
.app-shell .shell-appearance{position:relative}
.app-shell .shell-appearance>summary{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 13px;border:1px solid var(--ui-edge);border-radius:15px;font-size:12px;background:rgba(var(--ui-panel),.65);box-shadow:inset 0 1px 0 #ffffff55;list-style:none}
.shell-appearance>summary::-webkit-details-marker{display:none}
.app-shell .shell-appearance[open]{width:auto}
.app-shell .shell-toolbar:has(.shell-appearance[open]){flex-basis:auto}
.app-shell .shell-appearance-controls{position:absolute;z-index:25;right:0;top:calc(100% + 9px);width:250px;max-width:calc(100vw - 28px);display:flex;flex-direction:column;align-items:stretch;padding:17px;gap:10px;border:1px solid var(--ui-edge);border-radius:22px;background:var(--ui-solid);box-shadow:inset 0 1px 0 #ffffff65,0 14px 40px -12px var(--ui-shadow)}
.app-shell .shell-settings-heading{margin:0;color:var(--ui-ink);font-size:13px;font-weight:600}
.app-shell .shell-toolbar [data-transparency-toggle]{max-width:none;min-height:44px;text-align:left;font-size:12px;border-radius:12px}
.app-shell [data-transparency-toggle]::after{content:'Off';float:right;margin-left:12px;font-weight:600;color:var(--ui-muted)}
.app-shell [data-transparency-toggle][aria-pressed=true]::after{content:'On';color:var(--ui-action)}
:root[data-theme=dark] .app-shell .app-rail{background:linear-gradient(145deg,rgba(255,255,255,.06),transparent 46%),rgba(var(--ui-panel),.86);box-shadow:inset 0 1px 0 #ffffff24,inset 0 -1px 0 #ffffff08,0 18px 45px -20px #0009}
@supports(corner-shape:squircle){.app-shell .app-rail,.app-rail .shell-link,.app-shell .glass,.app-shell .shell-appearance-controls,.app-shell .shell-appearance>summary{corner-shape:squircle}}
:root.reduced .app-shell .app-rail{background:var(--ui-solid);backdrop-filter:none}
@media(prefers-reduced-transparency:reduce){:root[data-theme] .app-shell .app-rail{background:var(--ui-solid);backdrop-filter:none}}
@media(max-width:700px){.app-shell .app-rail{gap:6px;border-radius:24px}.app-shell .shell-theme-toggle{min-height:44px;height:44px;border-radius:22px}.app-rail .shell-mobile-primary .shell-link{font-size:11px}.app-shell .shell-toolbar{gap:8px}.app-shell .shell-appearance>summary{padding:8px 12px}}

@media(max-width:700px){html[data-knowledge=true] .app-rail .shell-mobile-primary{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Opt-in desktop and its same-origin app frames share material tiers. Alpha is
   on paints, never on a content ancestor. Nested panes need no extra blur. */
:root:is([data-orb-workspace],[data-workspace-frame=true]){
  --material-window:rgba(244,250,255,.52);
  --material-canvas:rgba(221,234,247,.28);
  --material-raised:rgba(255,255,255,.32);
  --material-field:rgba(255,255,255,.46);
  --material-overlay:rgba(240,248,255,.86);
  --material-highlight:rgba(255,255,255,.14);
  --material-blur:blur(14px) saturate(1.12);
  --material-shadow:0 18px 50px -30px var(--ui-shadow);
  --ui-muted:#3b526a;
}
:root:is([data-orb-workspace],[data-workspace-frame=true])[data-theme=dark]{
  --material-window:rgba(14,30,49,.44);
  --material-canvas:rgba(5,18,34,.28);
  --material-raised:rgba(167,201,236,.10);
  --material-field:rgba(174,208,242,.13);
  --material-overlay:rgba(18,37,59,.86);
  --material-highlight:rgba(221,241,255,.045);
  --ui-muted:#c6d6e8;
}
:root:is([data-orb-workspace],[data-workspace-frame=true]).reduced{
  --material-window:var(--ui-solid);--material-canvas:var(--ui-solid);
  --material-raised:var(--ui-solid);--material-field:var(--ui-solid);
  --material-overlay:var(--ui-solid);--material-highlight:transparent;
  --material-blur:none;--material-shadow:none;
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
  :root:is([data-orb-workspace],[data-workspace-frame=true])[data-theme]{
    --material-window:var(--ui-solid);--material-canvas:var(--ui-solid);
    --material-raised:var(--ui-solid);--material-field:var(--ui-solid);
    --material-overlay:var(--ui-solid);--material-highlight:transparent;
    --material-blur:none;--material-shadow:none;
  }
}
@supports not (backdrop-filter:blur(1px)){
  :root:is([data-orb-workspace],[data-workspace-frame=true])[data-theme]{--material-window:var(--ui-solid);--material-overlay:var(--ui-solid)}
}