/* Self-hosted Manrope 5.3.0, SIL OFL 1.1. No third-party font requests. */
@font-face{font-family:'GBC Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('/fonts/manrope-latin-wght-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
html,body{font-family:'GBC Manrope','Segoe UI',Arial,sans-serif}
button,input,textarea,select{font-family:inherit}
/* Midnight / pearl liquid glass. The panel's final color contract.
   Layout remains in panel-layout.css. Status hues are reserved for actual state;
   navigation and neutral cards deliberately do not use a rainbow of pastels. */
:root{
 --panel-ink:#253447;--panel-muted:#536477;--panel-paper:#f7f6f2;
 --panel-line:#d5dce2;--panel-surface:rgba(255,255,253,.82);
 --panel-well:#e9edef;--panel-accent:#235da5;--panel-accent-hover:#194b88;
 --panel-accent-soft:#e5edf7;--panel-teal:#176b66;
 --panel-shadow:0 7px 24px #182c4210,inset 0 1px 0 #ffffffc9;
 --blue:var(--panel-accent);--navy:#172b40;--line:var(--panel-line);--muted:var(--panel-muted);
 --surface-glass:var(--panel-surface);
 --gbc-blue:#235da5;--gbc-blue-soft:#e5edf7;
 --gbc-emerald:#196b4e;--gbc-emerald-soft:#e4f1e9;
 --gbc-teal:#176b66;--gbc-teal-soft:#e0eeeb;
 --gbc-violet:#65508a;--gbc-violet-soft:#eee9f4;
 --gbc-amber:#89580e;--gbc-amber-soft:#fbefd8;
 --gbc-coral:#a9354b;--gbc-coral-soft:#fae6e9;
}
html,body{background:#e6eaed;color:var(--panel-ink)}
body{background:radial-gradient(ellipse at 75% 0,#faf8f0 0,transparent 48%),radial-gradient(ellipse at 5% 100%,#d5e0e7 0,transparent 52%),#e8ecee}
.shell{background:transparent}
/* Only bounded navigation, popovers and toolbars blur. Large work areas do not. */
.shell>.nav,.shell.menu-open>.nav{background:linear-gradient(155deg,#20374cf5,#101f30f5)!important;border-color:#ffffff26!important;color:#d7e2ee;box-shadow:0 14px 34px #12263e30,inset 0 1px #ffffff20;backdrop-filter:blur(16px)}
.shell>.nav .workspace .nav-brand{background:#fffdf5!important;border:1px solid #ffffffdc!important;border-radius:9px!important;box-shadow:0 2px 7px #0002!important;padding:3px}
.shell>.nav .workspace-title,.shell>.nav .presence .who strong,.shell.menu-open>.nav .who strong{color:#f3f6fa}
.shell>.nav .label{color:#96acbf!important}
.shell>.nav .navitem{color:#bfcede!important;background:transparent;border-color:transparent!important}
.shell>.nav .navitem[data-route]>.icon{color:#a9bfd4}
.shell>.nav .navitem:hover{background:#ffffff0d!important;color:#fff!important}
.shell>.nav .navitem.active{background:linear-gradient(120deg,#32649a80,#386d9560)!important;border-color:#82b4e354!important;color:#fff!important;box-shadow:inset 0 1px #ffffff17!important}
.shell>.nav .navitem.active>.icon{color:#9acffa}
.shell>.nav .navitem.active::before{background:#76c7df}
.shell>.nav .navitem.active::after{content:none}
.shell>.nav .navitem b{background:#ffffff19!important;color:#dceafa!important}
.shell>.nav .presence{border-top-color:#ffffff20}
.shell>.nav .presence-control,.shell>.nav .presence-control .select-trigger{background:#ffffff0d;border-color:#ffffff26;color:#d9eee4;box-shadow:none}
.shell>.nav .presence .who small,.shell.menu-open>.nav .who small{color:#a5b9cc}
.shell>.nav .presence .avatar{background:#2b4963;border-color:#ffffff2b;color:#e5f0fa;box-shadow:none}
.shell>.nav .logout-button{color:#afc0d1}.shell>.nav .logout-button:hover{color:#fff;background:#ffffff12}
.shell.menu-open .navigation-close{background:#ffffff12;border-color:#ffffff25;color:#e8f1f9}
.shell>.nav .navigation-search{background:#ffffff0c!important;border-color:#ffffff26!important;color:#afc0d1!important;box-shadow:none}
@media(hover:hover) and (pointer:fine){.shell>.nav:hover .navigation-links,.shell>.nav:focus-within .navigation-links{scrollbar-color:#637b91 transparent}.shell>.nav:hover .navigation-links::-webkit-scrollbar-thumb,.shell>.nav:focus-within .navigation-links::-webkit-scrollbar-thumb{background:#637b91}}
.demobar{background:#f7f7f1dc;color:var(--panel-muted);border-color:var(--panel-line);backdrop-filter:blur(10px)}
.demobar strong{color:#5c6d7e}.demobar button,.demobar label .select-trigger{background:#ffffffb3;color:#3f5368;border-color:#cbd5de}
.mobile-topbar{background:#f8f7f2ed;color:var(--panel-ink);border-color:#d0d9e1}.mobile-topbar .menu-toggle{color:#243e58}
/* Shared surfaces and type. */
.shell>.list,.team-sidebar{background:var(--panel-surface);border-color:var(--panel-line);box-shadow:var(--panel-shadow);backdrop-filter:none}
.shell>.conversation,.team-chat{background:linear-gradient(150deg,#f2f2ee,#e6ecef);border-color:var(--panel-line);backdrop-filter:none}
.shell>.context,.context.drawer-open{background:#eef1efed;border-color:var(--panel-line);backdrop-filter:none}
.shell>.adminmain,.adminmain.monitor-view,.adminmain.flows-view,.operations{background:linear-gradient(145deg,#f9f8f3ed,#eef1f3db);border-color:var(--panel-line);color:var(--panel-ink);backdrop-filter:none}
.shell :is(h1,h2,h3),.viewhead h1,.listhead h2,.team-sidebar h1{color:var(--panel-ink)}
.shell :is(.muted,.hint,.viewhead p,.people-kicker,.people-result-count,.people-demo-note,.people-heading p,.monitor-heading p,.monitor-filters p,.flows-view>header p,.flows-view footer p){color:var(--panel-muted)}
.shell :is(.card,.metric,.panel,.tablecard,.performance-card,.flow-card,.people-detail,.people-scopes,.people-list,.monitor-panel){background:var(--panel-surface);border-color:var(--panel-line);box-shadow:var(--panel-shadow)}
.shell :is(.avatar,.team-avatar,.people-avatar,.performance-avatar,.client-portrait){background:#e0e8ec;color:#36576e;border-color:#cbd8e0;box-shadow:inset 0 1px #fff9}
.shell :is(button,input,textarea,select,.select-trigger){accent-color:var(--panel-accent)}
button.primary,.shell button.primary,.flows-view footer button.primary,.team-compose .team-tools button.primary{background:linear-gradient(160deg,#2d6ab1,#21548e);border-color:#21548e;color:#fff;box-shadow:inset 0 1px #ffffff30,0 3px 7px #214f851e}
button.primary:hover,.shell button.primary:hover{background:var(--panel-accent-hover)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:var(--panel-accent)}
.shell :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.select-trigger,.search,.people-search){background:#ffffffb8;color:var(--panel-ink);border-color:#cbd5de}
.shell :is(input,textarea)::placeholder{color:var(--panel-muted)}
.shell :is(th,.people-table-head){background:#e9edef;color:#536577;border-color:var(--panel-line)}
.shell :is(td,.rule,.settings-row,.people-row){border-color:#dce2e6}
/* Inbox and conversation: a quiet workspace with one strong send/accent color. */
.list .listhead,.conversation .chathead,.team-chat-head{background:#fcfbf7c9;border-color:var(--panel-line);box-shadow:inset 0 1px #fff;backdrop-filter:blur(10px)}
.list .filters,.list .listfooter{background:transparent;border-color:var(--panel-line);color:var(--panel-muted)}
.list .tabs.inbox-tabs,.config-tabs,.operations nav{background:#e6ebee;border-color:#d1dae2;box-shadow:inset 0 1px #ffffffb0}
.list .inbox-tabs>button,.list .inbox-tabs>button>span{color:var(--panel-muted)}
.list .inbox-tabs>button.on,.list .inbox-tabs>button[data-route].on,.config-tabs button.selected{background:#fffdf9;color:var(--panel-accent);box-shadow:0 2px 5px #21374b14}
.list .contact-scroll>.contact{background:#ffffff55;border-color:#dde4e8;color:var(--panel-ink)}
.list .contact-scroll>.contact:hover{background:#f4f7f9}
.list .contact-scroll>.contact.active{background:#e7eef6;border-color:#b9ccdf;box-shadow:inset 3px 0 var(--panel-accent)}
.list .contact strong{color:#2e4154}.list .contact p,.list .contact small{color:var(--panel-muted)}
.conversation .timelinebar,.conversation .chat-labels{background:#f7f8f5a6;border-color:var(--panel-line);color:var(--panel-muted)}
.conversation .timelinebar :is(button,span){color:#536b80}.conversation .timelinebar .active{background:#e0e9f2;color:#235588}
.messages .message .bubble,.team-message .team-bubble{background:#fffefa;color:#293e51;border-color:#d7dfe3;box-shadow:0 3px 10px #253a4d08}
.messages .message.out .bubble,.team-message.mine .team-bubble{background:linear-gradient(145deg,#285e95,#234e7c);color:#fff;border-color:#234e7c}
.team-message.mine .team-bubble a{color:#d4ebff}
.messages .message.private-note .bubble{background:#fbf1dc;border-color:#e3c98f;color:#72521e;box-shadow:inset 3px 0 #bf943e}
.messages .message .stamp,.message .message-author,.team-stamp,.date,.event{color:var(--panel-muted)}
.conversation .composerwrap{background:transparent}.conversation .composer,.team-view .team-compose{background:#fffefa;border-color:#c9d5de;box-shadow:0 6px 20px #263d5512,inset 0 1px #fff}
.conversation .composehead,.conversation .toolbar{background:transparent;border-color:#e0e5e8}.conversation .composehead strong{color:var(--panel-teal)}
.conversation .composer .input,.team-view .team-compose textarea{color:var(--panel-ink);background:transparent}
.conversation .composer:has(#draft:focus),.team-view .team-compose:has(textarea:focus){border-color:#5c87b3;box-shadow:0 0 0 3px #386fa519,0 6px 20px #263d5512}
.team-contact.selected{background:#e4edf6;border-color:#bccfe0}.team-contact strong{color:var(--panel-ink)}.team-contact small,.team-chat-head small,.team-sidebar-head p,.team-hint,.team-compose-label{color:var(--panel-muted)}
/* Dense metadata remains readable rather than inheriting the old icy blue. */
.shell :is(.people-person small,.people-area strong,.people-area span,.people-facts dt,.people-facts dd,.people-detail-top small,.people-detail-note,.people-filter-row>label,.people-pagination,.people-scope-foot,.people-scope-foot b,.people-scope-title,.people-scopes-content>button,.people-scopes-content>button b,.monitor-kicker,.monitor-updated,.monitor-filters label,.monitor-note,.client-card-body,.client-summary dt,.client-channel,.composerhint,.team-footer,.listhead>small,.chathead small){color:var(--panel-muted)}
.shell :is(.people-person strong,.people-detail h2){color:var(--panel-ink)}
.people-pagination,.people-demo-note,.team-footer{background:#edf0ef;border-color:var(--panel-line)}
/* Context and administration use neutral glass; only the compact status carries hue. */
.context>.client-summary-fold,.context>.client-card[data-card-kind]{background:var(--panel-surface);border-color:#d0dbe1;box-shadow:var(--panel-shadow)}
.context>.client-card[data-card-kind]{--card-tone:#456078;--card-icon:#e3eaed;--card-line:#d0dbe1}
.context>.client-card[data-card-kind] .client-card-icon{background:#e3eaed;border-color:#cbd7df}
.client-summary dd{color:#334e63}.client-summary dt,.client-channel,.client-note-preview>small{color:var(--panel-muted)}
.performance-person h3,.performance-section h2,.flow-card h2,.people-identity strong,.monitor-section-title h2{color:var(--panel-ink)}
.performance-card :is(dt,small),.performance-section>footer p,.performance-person small,.flow-card label,.flow-exception-row,.flows-view .hint{color:var(--panel-muted)}
.flows-view .flow-card:nth-child(n),.flows-view .flow-card:has([name="inactive.enabled"]){background:var(--panel-surface)}
.flow-preview-message{background:#e7efee;border-color:#c5d8d4;color:#345b57}
.operations article[data-state],.operations article{background:var(--panel-surface);border-color:var(--panel-line);border-left:3px solid #8fa6ba;box-shadow:var(--panel-shadow)}
.operations article:is([data-state=completed],[data-state=fulfilled],[data-state=published]){border-left-color:var(--gbc-emerald)}
.operations article:is([data-state=blocked],[data-state=overdue]){border-left-color:var(--gbc-coral)}
.operations article:is([data-state=pending],[data-state=draft]){border-left-color:#b78b3e}
.operations nav [data-operation-tab][aria-pressed=true]{background:#285c8f;color:#fff;border-color:#285c8f}
.adminmain.monitor-view button.monitor-metric{background:var(--panel-surface);border-color:var(--panel-line);box-shadow:var(--panel-shadow)}
.adminmain.monitor-view button.monitor-metric[aria-pressed=true]{background:#fffef9;border-color:var(--tone);box-shadow:inset 0 3px var(--tone),0 5px 15px #263d550c}
.people-row.selected{background:#e5edf5}.people-toolbar,.people-scope-foot{background:#f6f7f4;border-color:var(--panel-line)}
#modal,.operations-dialog,.select-menu,.select-menu.presence-menu{background:#fbfcf8f7;color:var(--panel-ink);border-color:#c7d3dd;box-shadow:0 20px 65px #142a4333,inset 0 1px #fff}
#modal::backdrop,.operations-dialog::backdrop{background:#12283f70;backdrop-filter:none}
.navigation-scrim:not([hidden]){backdrop-filter:none}
.select-option.highlighted{background:#e5edf5;color:#214f7e}
/* Legacy small-print colors must meet the same contrast contract as body text. */
.shell :is(.chat-labels small,.composehead small,.contexthead,.client-note-preview small,.client-note-preview h3 span,.client-card-body small,.docrow,.loc strong,.task strong,.client-card-body>p){color:var(--panel-muted)}
.shell :is(.filters button,.headrow button:not(.primary),.chat-labels button,.composehead button,.toolbar button.micro,.client-note-preview button,.docrow button,.task button){color:#3f5d77}
.shell .chip.grey{background:#e9eef2;color:#526579}.shell .chip.amber{background:var(--gbc-amber-soft);color:var(--gbc-amber)}
.shell .chip.violet{background:var(--gbc-violet-soft);color:var(--gbc-violet)}
.shell .contact .avatar{color:#304f68!important}
.shell .contact[data-wait-level=green] .wait-clock{color:var(--gbc-emerald)}
.messages .message.private-note .stamp,.client-note-preview p small{color:#765b2d}
#modal :is(label,.hint,small),.operations-dialog :is(label,.hint,small){color:var(--panel-muted)}
#modal .select-validation-error,.operations-dialog .select-validation-error{color:#a32b3e}
#modal :is(input,textarea)::placeholder,.operations-dialog :is(input,textarea)::placeholder{color:var(--panel-muted);opacity:1}
.shell :is(input,textarea)::placeholder{opacity:1}
/* Long user-supplied values cannot impose an intrinsic width on cards. */
.shell :is(.message-body,.bubble,.filecard,.filecard>div,.team-bubble,.performance-person>div,.performance-card dl>div,.metric,.flow-card,.client-card-body){min-width:0;max-width:100%}
.shell :is(.filecard strong,.filecard small,.bubble a,.team-bubble a,.performance-card dd,.metric strong,.flow-card h2,.client-card-title,.client-card-body,.headrow h2){overflow-wrap:anywhere}
.shell :is(.performance-card dd,.metric strong){white-space:normal}
.conversation .headrow h2{line-height:1.35;max-height:4.05em;overflow:auto;scrollbar-width:thin}
/* Keyboard focus stays inside the clipped, dark dock rather than disappearing at its edge. */
.shell>.nav :is(button,a,[tabindex]):focus-visible{outline:2px solid #a5dcff;outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.shell>.nav,.shell button,.conversation .composer,.team-view .team-compose{transition:none}}
@media(forced-colors:active){.shell>.nav{backdrop-filter:none}.shell>.nav,.shell>.nav .navitem.active,.shell>.nav .workspace .nav-brand{background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important}.shell>.nav :is(.workspace-title,.who strong,.who small,.navitem[data-route]>.icon){color:CanvasText}.shell>.nav .navitem{color:CanvasText!important}}

/* Client inspector: one continuous work surface, not a stack of decorative pills. */
.shell>.context,.context.drawer-open{background:var(--panel-surface);border:1px solid var(--panel-line);border-radius:16px;padding:0 12px 12px;box-shadow:var(--panel-shadow)}
.context .contexthead{padding:16px 2px 12px;font-size:10px;font-weight:650;letter-spacing:.3px}
.context>.client-summary-fold,.context>.client-card[data-card-kind]{background:transparent;border:0;border-bottom:1px solid var(--panel-line);border-radius:0;margin:0!important;box-shadow:none}
.context>.client-summary-fold{margin-bottom:4px!important}
.context>.client-summary-fold>.client-summary-toggle{padding:10px 2px 15px;min-height:62px}
.context>.client-card[data-card-kind]:last-child{border-bottom:0}
.context>.client-card[data-card-kind]>.client-card-summary{height:auto;min-height:54px;padding:13px 2px;gap:10px}
.context>.client-card[data-card-kind] .client-card-icon{width:23px;height:24px;flex:0 0 23px;background:transparent;border:0;border-radius:0;box-shadow:none;color:#49657b}
.context>.client-card[data-card-kind] .client-card-title{font-size:11px;color:#344c61}
.context>.client-card[data-card-kind] .client-card-body{padding:0 2px 14px;border-top:0}
.context>.client-card[data-card-kind][open]>.client-card-summary{color:var(--panel-accent)}
.context>.client-card[data-card-kind][open] .client-card-icon{color:var(--panel-accent)}
.context .client-card-summary:focus-visible,.context .client-summary-toggle:focus-visible{outline-offset:-2px;border-radius:6px}
/* Overlay surfaces must mask the conversation beneath; translucency is quieter
   here than on side-by-side desktop glass. */
.context.drawer-open{background:#fafbf8}
@media(max-width:800px){body:not(.real-session) .context.drawer-open{top:114px!important}}