:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color-scheme:dark;--bg:#0a1723;--sidebar:#0d1d2b;--surface:#102332;--raised:#142b3c;--hover:#1a3548;--border:#274052;--text:#e7eff4;--muted:#96acbc;--accent:#6bd6ef;--accent-ink:#092331;--gold:#dbc493;--green:#73c7a4;--red:#ef9295;--shadow:0 16px 45px #0002;--sidebar-width:276px;background:var(--bg);color:var(--text);font-size:14px}
:root[data-theme=light]{color-scheme:light;--bg:#f1f2e9;--sidebar:#e8ece1;--surface:#fafbf6;--raised:#e9eee3;--hover:#dfe7d8;--border:#ccd6c4;--text:#203b34;--muted:#5a7168;--accent:#286f60;--accent-ink:#fff;--gold:#977c39;--green:#367b52;--red:#b0474b;--shadow:0 12px 38px #3b4a2710}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button{color:inherit}button,select,input,textarea{border:1px solid var(--border);border-radius:9px;background:var(--surface)}button{min-height:38px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:background .15s,border-color .15s}button:hover{background:var(--hover);border-color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:650;box-shadow:0 3px 12px #56bace12}button.primary:hover{filter:brightness(1.08)}.icon{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-button{width:39px;padding:9px;flex-shrink:0}.subtle{background:transparent;border-color:transparent}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--muted)}.skip-link{position:fixed;top:-100px;z-index:100;padding:14px;background:var(--accent);color:var(--accent-ink)}.skip-link:focus{top:10px}.boot{padding:20vh 15vw;font-size:30px;letter-spacing:3px}.boot progress{display:block;margin-top:30px}.shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:25px 18px 16px;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 28px;min-height:70px;text-decoration:none}.brand img{width:43px;height:43px}.brand strong{letter-spacing:2.1px;font-size:16px;display:block}.brand small{font-size:12px;color:var(--muted);display:block;margin-top:4px;letter-spacing:.4px}.sidebar .section-label{padding:15px 15px 10px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{justify-content:flex-start;min-height:45px;width:100%;border:1px solid transparent;color:var(--muted);background:transparent;position:relative;padding:11px 14px}.nav-item:hover{color:var(--text)}.nav-item.selected{background:var(--raised);border-color:var(--border);color:var(--accent)}.nav-item.selected:before{content:'';position:absolute;left:-19px;top:13px;bottom:13px;width:3px;background:var(--accent);border-radius:4px}.nav-item .count{margin-left:auto;font-size:11px;padding:2px 7px;background:var(--bg);border-radius:5px;color:var(--muted)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border);padding-top:16px}.local-card{background:var(--raised);border:1px solid var(--border);border-radius:12px;margin:16px 4px;padding:14px;display:flex;align-items:center;gap:10px}.local-card .icon{color:var(--green)}.brand-slogan{font-size:10px;color:var(--muted);line-height:1.7;margin:12px}.sidebar-collapse{margin-left:auto;display:flex}.resizer{position:absolute;right:-4px;top:0;bottom:0;width:8px;cursor:col-resize;z-index:30}.resizer:hover,.resizer:focus-visible{background:color-mix(in srgb,var(--accent) 35%,transparent)}.resizer:after{content:'';position:absolute;top:47%;height:36px;width:3px;left:2px;background:var(--border);border-radius:3px}.collapsed{--sidebar-width:82px!important}.collapsed .brand{padding-left:0}.collapsed .brand div,.collapsed .nav-item span,.collapsed .section-label,.collapsed .local-card,.collapsed .brand-slogan,.collapsed .resizer{display:none}.collapsed .sidebar{padding-left:15px;padding-right:15px}.collapsed .nav-item{justify-content:center}.collapsed .sidebar-collapse{margin:20px auto}.main-shell{min-width:0;display:flex;flex-direction:column}.topbar{height:82px;flex:none;display:flex;align-items:center;gap:18px;padding:0 38px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:15}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:13px;white-space:nowrap}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.language{display:flex;align-items:center;gap:7px}.language .icon{color:var(--muted)}select{color:var(--text);padding:9px 29px 9px 11px;min-height:38px}.language select{background:transparent;max-width:128px;font-size:12px}.mobile-menu{display:none}main{padding:34px 38px 26px;max-width:1800px;width:100%;margin:0 auto;flex:1;min-width:0}h1{font-size:30px;letter-spacing:-.9px;line-height:1.2;margin:9px 0 10px;font-weight:600}h2{font-size:16px;letter-spacing:-.2px;margin:0;font-weight:600}h3{font-size:14px;margin:0}p{line-height:1.6}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading p{margin:0;color:var(--muted);font-size:13px}.hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:31px 33px;border:1px solid var(--border);border-radius:16px;background:radial-gradient(ellipse at 95% 10%,#318caa20,transparent 65%),linear-gradient(115deg,var(--surface),var(--raised));position:relative;overflow:hidden;margin-bottom:23px}.hero h1{font-size:32px}.hero p{color:var(--muted);max-width:510px;margin:12px 0 23px}.hero .eyebrow{color:var(--accent)}.hero-date{display:flex;align-items:center;gap:17px;margin-top:20px;color:var(--muted);font-size:12px}.hero-art{width:175px;height:150px;display:flex;align-items:center;justify-content:center;flex:none;position:relative}.hero-art:before,.hero-art:after{content:'';position:absolute;inset:10px 20px;border:1px solid var(--border);border-radius:28px;transform:rotate(-17deg)}.hero-art:after{transform:rotate(13deg);inset:24px 35px}.hero-art img{width:89px;filter:drop-shadow(0 12px 18px #0003);z-index:1}.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:26px}.stat{text-align:left;justify-content:initial;align-items:initial;display:flex;flex-direction:column;gap:15px;padding:17px 19px;border-radius:12px;min-height:110px;position:relative}.stat-label{font-size:12px;color:var(--muted)}.stat-top{display:flex;align-items:center;gap:9px}.stat .icon{width:16px;color:var(--accent)}.stat strong{font-size:27px;font-weight:600;letter-spacing:-1px}.stat .red{color:var(--red)}.stat .gold{color:var(--gold)}.stat .green{color:var(--green)}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:22px}.panel{border:1px solid var(--border);background:var(--surface);border-radius:13px;overflow:hidden;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px 23px;border-bottom:1px solid var(--border);gap:12px;min-height:69px}.panel-head button{font-size:12px;min-height:30px;padding:5px 8px}.panel-body{padding:21px 23px}.panel-stack{display:flex;flex-direction:column;gap:22px}.empty{padding:37px 22px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:195px}.empty .empty-icon{width:51px;height:51px;background:var(--raised);border:1px solid var(--border);border-radius:15px;display:grid;place-items:center;color:var(--accent)}.empty p{margin:0;max-width:330px;font-size:13px}.empty button{margin-top:3px;font-size:12px}.task-row{padding:16px 22px;display:flex;gap:13px;align-items:center;border-bottom:1px solid var(--border)}.task-row:last-child{border-bottom:0}.check-button{width:22px;height:22px;min-height:22px;padding:2px;border-radius:6px;background:transparent;flex:none}.check-button.done{color:var(--accent);background:var(--raised)}.task-detail{flex:1;min-width:0}.task-title{border:0;background:none;text-align:left;justify-content:flex-start;padding:0;min-height:23px;max-width:100%;font-weight:550;border-radius:2px;overflow-wrap:anywhere}.task-title:hover{background:none;color:var(--accent)}.task-meta{font-size:11px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:6px}.badge{font-size:10px;padding:4px 7px;border-radius:5px;background:var(--raised);color:var(--muted);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.badge.urgent{color:var(--red);background:color-mix(in srgb,var(--red) 9%,transparent)}.badge.high{color:var(--gold)}.badge.completed{color:var(--green)}.tag-dot{width:5px;height:5px;background:currentColor;border-radius:50%}.progress-heading{display:flex;justify-content:space-between;align-items:center}.progress-heading strong{font-size:26px;font-weight:500}.progress-track{height:7px;background:var(--border);border-radius:7px;overflow:hidden;margin:18px 0 13px}.progress-track div{height:100%;background:linear-gradient(90deg,var(--green),var(--accent));border-radius:7px}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:18px}.week-day{display:flex;flex-direction:column;gap:10px;padding:10px 3px;min-width:0;background:transparent;border-color:transparent;font-size:12px}.week-day small{font-size:10px;color:var(--muted)}.week-day.today{border-color:var(--accent);background:var(--raised);color:var(--accent)}.day-marker{height:4px;width:4px;border-radius:50%;background:var(--accent)}.day-marker.none{background:transparent}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.quick-actions button{font-size:12px}.activity-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);font-size:12px}.activity-row:last-child{border-bottom:0}.activity-row>.icon{color:var(--muted);width:16px}.activity-row strong{font-weight:500}.activity-row small{display:block;color:var(--muted);margin-top:5px;line-height:1.5}.activity-row time{margin-left:auto;color:var(--muted);white-space:nowrap;font-size:10px}.footer{display:flex;align-items:center;gap:9px;padding:17px 38px;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}.footer span:last-child{margin-left:auto}.status-dot{height:6px;width:6px;border-radius:50%;background:var(--green)}.status-dot.offline{background:var(--red)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.search{position:relative;flex:1;min-width:180px}.search>.icon{position:absolute;top:12px;left:12px;color:var(--muted);width:17px}.search input{width:100%;padding-left:38px}input,textarea{padding:11px 12px;color:var(--text);width:100%;min-width:0}textarea{resize:vertical;min-height:90px;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}.filter-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.filter-chips button{font-size:11px;min-height:32px;padding:6px 10px;background:transparent}.filter-chips button.active{background:var(--raised);border-color:var(--accent);color:var(--accent)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:18px}.record-card{padding:22px;display:flex;flex-direction:column;gap:17px}.record-card>p{font-size:13px;color:var(--muted);margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.record-card .record-icon{width:38px;height:38px;background:var(--raised);border-radius:10px;display:grid;place-items:center;color:var(--accent)}.record-card .card-actions{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}.record-card .card-actions button{font-size:12px}.calendar-tools{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.calendar-tools h2{text-transform:capitalize;min-width:190px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-label{padding:13px;text-align:center;color:var(--muted);font-size:11px;border-bottom:1px solid var(--border)}.calendar-day{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:112px;padding:10px;overflow:hidden}.calendar-day:nth-child(7n){border-right:none}.calendar-day.outside{opacity:.42}.calendar-day.today{background:var(--raised)}.calendar-day>button{font-size:12px;min-height:26px;padding:3px 8px;background:transparent;border-color:transparent}.calendar-day.today>button{color:var(--accent);border-color:var(--accent)}.calendar-event{display:block!important;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left!important;font-size:10px!important;background:var(--raised)!important;border-radius:5px!important;margin-top:4px}.calendar-agenda{display:none}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.setting{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:21px 23px;border-bottom:1px solid var(--border)}.setting:last-child{border:0}.setting p{font-size:12px;margin:7px 0 0;color:var(--muted)}.theme-options{display:flex;gap:7px}.theme-options button.active{border-color:var(--accent);color:var(--accent)}.notice{border:1px solid var(--border);border-left:3px solid var(--gold);padding:15px 18px;border-radius:8px;color:var(--muted);font-size:12px;line-height:1.7;background:var(--surface);margin-top:20px}.connection-error{color:var(--red);border:1px solid var(--red);padding:12px;margin-bottom:20px;border-radius:8px;display:flex;align-items:center;gap:15px}.connection-error button{margin-left:auto}dialog{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:0;max-width:min(620px,calc(100vw - 28px));width:620px;max-height:90dvh;box-shadow:0 24px 100px #0008}dialog::backdrop{background:#030b14a8;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:18px 24px;position:sticky;top:0;background:var(--surface);z-index:1}.dialog-body{padding:24px;display:flex;flex-direction:column;gap:19px}.field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:12px;font-weight:550}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field select{width:100%}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding:17px 24px;border-top:1px solid var(--border);position:sticky;bottom:0;background:var(--surface)}.dialog-footer .archive{margin-right:auto;color:var(--red)}.checklist-editor{display:flex;flex-direction:column;gap:9px}.checklist-entry{display:flex;align-items:center;gap:9px}.checklist-entry input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex:none}.form-error{color:var(--red);font-size:12px;margin:0;line-height:1.5}.form-hint{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.backdrop{display:none}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--text);color:var(--bg);border-radius:10px;padding:13px 22px;font-size:13px;box-shadow:var(--shadow);transition:transform .2s;z-index:100;max-width:90vw}#toast.visible{transform:translateX(-50%) translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1700px){main{padding-top:44px}.hero{padding:38px 40px}.hero h1{font-size:36px}.hero-art{width:240px}.hero-art img{width:100px}.stats{gap:17px}.stat{min-height:120px}.content-grid{gap:25px}}
@media(max-width:1200px){.topbar{padding:0 24px}.breadcrumb .muted{display:none}main{padding:26px 24px}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid{grid-template-columns:1.3fr 1fr}.hero-art{width:130px}.hero h1{font-size:28px}.settings-grid{grid-template-columns:1fr}.stat{min-height:90px;gap:9px}.footer{padding:16px 24px}}
@media(max-width:950px){.content-grid{grid-template-columns:1fr}.hero-art{width:110px}.hero{padding:25px}.top-actions .primary span{display:none}.top-actions .primary{width:39px;padding:9px}.calendar-day{min-height:90px}.calendar-event{padding:3px!important}}
@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;left:0;width:min(300px,86vw);transform:translateX(-105%);transition:transform .2s;height:100dvh;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.sidebar.open .brand div,.sidebar.open .nav-item span,.sidebar.open .section-label,.sidebar.open .local-card,.sidebar.open .brand-slogan{display:initial}.sidebar.open .nav-item{justify-content:flex-start}.sidebar.open .brand{padding-left:10px}.sidebar-collapse,.resizer{display:none!important}.backdrop.visible{display:block;position:fixed;inset:0;background:#030b1499;z-index:19;backdrop-filter:blur(2px)}.mobile-menu{display:inline-flex}.topbar{height:67px;padding:0 16px;gap:10px}.breadcrumb{font-size:12px}.breadcrumb>svg,.breadcrumb>.separator{display:none}.top-actions{gap:6px}.language>.icon{display:none}.language select{max-width:101px;padding-left:8px;font-size:11px}.top-actions .theme-control{display:none}.top-actions .primary{width:35px;min-height:35px}.topbar .icon-button{width:35px;min-height:35px}.hero{padding:22px;margin-bottom:18px}.hero-art{display:none}.hero h1{font-size:27px}.hero p{font-size:12px;margin-bottom:19px}.hero-date{font-size:11px;margin-top:17px}main{padding:22px 16px}.stats{gap:8px;margin-bottom:19px}.stat{padding:13px 11px;gap:10px;min-height:91px}.stat-top{gap:6px;align-items:flex-start}.stat-label{font-size:10px}.stat-top .icon{width:13px;height:13px}.stat strong{font-size:23px}.page-heading{align-items:flex-start}.page-heading h1{font-size:26px}.page-heading>button{font-size:12px}.panel-head{padding:18px}.task-row{padding:15px 18px}.task-row>.badge{display:none}.footer{padding:16px;font-size:9px}.footer span:last-child{max-width:50%;text-align:right}.calendar-grid{display:none}.calendar-agenda{display:block}.calendar-tools{gap:8px}.calendar-tools h2{min-width:0;flex:1;font-size:15px}.calendar-tools .icon-button{width:32px;min-height:32px}.setting{flex-wrap:wrap;padding:20px}.field-row{grid-template-columns:1fr}.dialog-body{padding:20px}.dialog-footer{padding:16px}.dialog-head{padding:16px 20px}.toolbar select{max-width:100%;flex:1}.cards-grid{grid-template-columns:1fr}.activity-row time{white-space:normal;text-align:right;max-width:90px}.hero .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

select option{background:var(--surface);color:var(--text)}
@media(max-width:760px){.sidebar{overflow-y:auto}.sidebar.open .local-card{display:flex}.sidebar.open .brand-slogan{display:block}.sidebar nav,.sidebar .brand,.sidebar-bottom{flex-shrink:0}}
/* Shared fixed workspace and Help Desk alert-header pattern. */
.shell{height:100dvh;overflow:hidden}.main-shell{min-width:0;height:100dvh;overflow:hidden}.sidebar{min-height:0;overflow-y:auto}.main-shell>main{flex:1;min-height:0;overflow:auto}.topbar{height:auto;min-height:100px;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:12px 24px;flex-shrink:0}.footer{flex-shrink:0}.header-alert-row,.header-controls,.header-navigation,.topbar-actions,.workspace-title{display:flex;align-items:center;gap:10px}.header-controls{justify-content:space-between}.header-alert-row{min-width:0}.header-navigation{flex-shrink:0}.workspace-title{font-size:14px}.alert-strip{display:flex;align-items:center;gap:12px;min-width:0;flex:1;min-height:40px;padding:6px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);font-size:12px}.alert-strip>svg{width:18px;flex-shrink:0}.alert-strip.warning>svg,.alert-strip.warning .alert-dot{color:#e5a147}.alert-strip.danger>svg,.alert-strip.danger .alert-dot{color:#fa7183}.severity{font-size:10px;font-weight:800;text-transform:uppercase;white-space:nowrap;padding:3px 6px;border:1px solid var(--border);border-radius:4px}.ticker-window{overflow:hidden;min-width:0;flex:1;border-left:1px solid var(--border);padding-left:12px}.ticker-track{display:flex;width:max-content;gap:28px;animation:alert-ticker 28s linear infinite}.ticker-track:hover,.ticker-track:focus-within{animation-play-state:paused}.ticker-track button{padding:0;border:0;background:none;white-space:nowrap;font-size:12px}.alert-view{border:0;background:transparent;white-space:nowrap;padding:4px;font-size:11px}.alert-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.alert-strip.clear .ticker-track{animation:none}.alert-strip.clear .alert-dot{color:#58b995}@keyframes alert-ticker{0%,15%{transform:translateX(0)}85%,100%{transform:translateX(-35%)}}.company-picker{margin:12px 14px;display:grid;gap:6px;font-size:11px}.company-picker select{width:100%;min-width:0}.sidebar-bottom{margin-top:auto;padding:12px}.sidebar-bottom .nav{width:100%}.collapsed .company-picker,.collapsed .sidebar-bottom .nav span{display:none}.auth-controls{position:fixed;right:24px;top:20px;display:flex;gap:12px;z-index:2}.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:80px 20px 30px;background:radial-gradient(ellipse at top,#163b5940,transparent 65%)}.auth-card{max-width:460px;width:100%;padding:32px}.auth-card>img{width:64px;height:64px}.auth-card h1{font-size:24px}.auth-card h2{font-size:20px;margin:28px 0 20px}.auth-card form{display:grid;gap:16px}.boot{padding:40px}.chat-layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:440px;height:calc(100dvh - 270px);overflow:hidden}.chat-contacts{border-right:1px solid var(--border);padding:12px;overflow:auto}.contact{display:flex;width:100%;gap:10px;align-items:center;margin-bottom:6px;text-align:left;padding:12px}.contact.active{background:var(--accent-soft);border-color:var(--accent)}.contact-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#3496c526;flex-shrink:0}.conversation{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-thread>header{padding:14px 20px;border-bottom:1px solid var(--border)}.message-thread{flex:1;min-height:0;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.message{max-width:85%;align-self:flex-start;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.message.mine{align-self:flex-end;background:#2299c922}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}.message small,.message time{display:block;font-size:10px;opacity:.75;margin-top:6px}.message details{font-size:12px;margin-top:8px}.translation-notice{padding:8px 16px;font-size:12px;color:#d99939}.message-composer{padding:16px;border-top:1px solid var(--border)}.message-composer textarea{width:100%;min-height:76px;resize:vertical}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.composer-actions .form-error{margin:0}.user-list{margin-top:20px;padding:8px}.user-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:16px;background:transparent;text-align:left}.user-row small{display:block;opacity:.7;margin-top:4px}.check-option{display:flex;align-items:center;gap:10px;margin:10px 0}fieldset{border:1px solid var(--border);border-radius:10px;margin-top:14px}.user-dialog{max-width:620px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.connection-error{padding:12px;display:flex;justify-content:space-between;border:1px solid #d99939;margin-bottom:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}
@media(max-width:760px){.topbar{height:auto;min-height:112px;padding:10px 12px;gap:8px}.header-alert-row{gap:6px}.header-navigation{gap:4px}.alert-strip{gap:6px;padding:6px;min-height:38px}.severity{font-size:9px}.alert-view{font-size:10px}.alert-strip>svg{display:none}.header-navigation .icon-button{width:32px;height:34px}.topbar-actions{gap:6px}.topbar-actions select{max-width:125px}.sidebar.open .company-picker{display:grid}.sidebar.open .sidebar-bottom .nav span{display:initial}.chat-layout{grid-template-columns:1fr;height:calc(100dvh - 260px);min-height:400px}.chat-contacts{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border);padding:8px;max-height:80px}.chat-contacts .contact{width:auto;flex-shrink:0;margin:0 6px 0 0;padding:8px}.conversation{min-height:320px}.message-thread{padding:12px}.message-composer{padding:10px}.message-composer .field-row{grid-template-columns:1fr 1fr}.footer{padding:10px 16px}.user-row{font-size:12px}.page-heading h1{font-size:24px}}

/* One continuous toolbar: navigation, alerts, language and appearance. */
.topbar{height:72px;min-height:72px;display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:12px;padding:12px 24px}
.header-alert-row{display:flex;align-items:center;flex:1 1 0;min-width:0;gap:10px}
.topbar-actions{display:flex;align-items:center;flex:0 0 auto;gap:10px}
.topbar .icon-button{width:40px;height:40px;min-width:40px;flex-shrink:0;padding:9px;display:inline-flex;align-items:center;justify-content:center}
.topbar .language{display:flex;align-items:center;gap:8px;height:40px}
.topbar .language select{height:40px;width:136px;margin:0}
.topbar .alert-strip{height:40px;min-height:40px;box-sizing:border-box}
.topbar .mobile-menu{display:none}
@media(max-width:760px){
 .topbar{height:64px;min-height:64px;padding:10px 12px;gap:7px}
 .topbar .mobile-menu{display:inline-flex}
 .header-alert-row,.topbar-actions,.header-navigation{gap:5px}
 .topbar .icon-button{width:34px;min-width:34px;height:40px;padding:7px}
 .topbar .language{gap:0}.topbar .language>svg{display:none}
 .topbar .language select{width:92px;max-width:92px;padding:6px}
 .alert-strip .severity,.alert-strip .alert-view{display:none}
 .alert-strip{gap:5px;padding:5px}.alert-strip>svg{display:block;width:16px;flex-shrink:0}
 .alert-strip .ticker-window{min-width:0}.alert-dot{width:5px;height:5px;flex-shrink:0}
}

/* Helpdesk navigation structure, retaining Schedule routes and drawer. */
.sidebar{overflow-y:auto}.sidebar .nav-item{border:1px solid var(--border);border-radius:8px;margin-bottom:8px}.neo-sidebar-group{margin-top:18px}.neo-sidebar-emblem{color:var(--accent);font-weight:800;min-width:22px}.neo-sidebar-group>.nav-item{width:100%}.neo-sidebar-children{border-left:1px solid var(--border);margin:4px 0 16px 12px;padding-left:10px;display:grid;gap:4px}.neo-sidebar-link{background:transparent;text-align:left;border:1px solid transparent;padding:10px 12px;color:var(--muted);font-size:12px}.neo-sidebar-link:hover,.neo-sidebar-link:focus-visible{background:var(--raised);color:var(--accent);border-color:var(--border)}.collapsed .neo-sidebar-children{display:none}.collapsed .neo-sidebar-group>.nav-item>span:not(.neo-sidebar-emblem){display:none}.sidebar.open .neo-sidebar-children{display:grid}.neo-sidebar-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* Shared NEO and team conversation frame. */
.neo-room-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.neo-room-heading h1{margin:7px 0}.neo-state{border:1px solid var(--border);border-radius:24px;padding:8px 14px;color:var(--gold);font-size:12px}.neo-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.neo-tabs button[aria-pressed=true],.neo-models button[aria-pressed=true]{border-color:var(--accent);background:var(--hover);color:var(--accent)}.neo-body{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px}.neo-conversation{overflow:hidden;display:flex;flex-direction:column;min-height:580px}.neo-welcome{padding:44px 30px;text-align:center;flex:1}.neo-emblem{margin:0 auto 22px;display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--accent);border-radius:18px;color:var(--accent);font-size:26px;background:var(--raised)}.neo-welcome h2{font-size:25px}.neo-prompts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px auto 0;max-width:570px}.neo-prompts button{display:flex;justify-content:space-between;text-align:left;padding:17px;gap:15px}.neo-prompts span{color:var(--accent)}.neo-composer{padding:18px;border-top:1px solid var(--border);background:var(--raised)}.neo-composer textarea{width:100%;min-height:95px;resize:vertical}.neo-composer-row{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:12px 0}.neo-composer-row label{display:grid;gap:5px;font-size:12px;flex:1;min-width:130px}.neo-composer select{width:100%;max-width:100%}.neo-composer small{color:var(--muted)}.neo-context,.neo-settings{padding:24px}.neo-context h2,.neo-settings h2{margin-top:0}.neo-context p,.neo-context li{line-height:1.7;color:var(--muted)}.neo-context-stat{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border)}.neo-context h3{margin-top:30px}.neo-models{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.neo-models button{display:grid;text-align:left;gap:15px;padding:22px}.neo-models span,.neo-models small{color:var(--muted)}.neo-settings dl{display:grid;grid-template-columns:1fr 1fr;gap:14px}.neo-settings dd{margin:0;color:var(--muted)}.neo-settings fieldset{border:1px solid var(--border);border-radius:12px;margin:20px 0;padding:18px}.neo-person{display:flex;gap:12px;padding:12px}.neo-proposal{margin:0 20px 20px;padding:20px;border:1px solid var(--accent);border-radius:12px;overflow-wrap:anywhere}.neo-proposal p{white-space:pre-wrap}.neo-room button:focus-visible,.neo-room input:focus-visible,.neo-room textarea:focus-visible,.neo-room select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1000px){.neo-body{grid-template-columns:1fr}.neo-context{display:none}}@media(max-width:600px){.neo-room-heading{align-items:start;flex-direction:column}.neo-welcome{padding:25px 16px}.neo-prompts,.neo-models{grid-template-columns:1fr}.neo-tabs button{flex:1}.neo-settings{padding:18px}.neo-settings dl{grid-template-columns:1fr}.neo-composer-row{align-items:stretch;flex-direction:column}.neo-conversation{min-height:0}}
.neo-sidebar-link[aria-current="page"]{background:var(--raised);color:var(--accent);border-color:var(--border)}
/* Single, quiet conversation frame shared with team messaging. */
.neo-clean{max-width:1100px;margin:auto}.neo-clean-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.neo-clean-header h1{font-size:20px;margin:0}.neo-clean-header select{max-width:200px}.neo-clean-chat{display:flex;flex-direction:column;min-height:460px;height:calc(100dvh - 290px)}.neo-clean-thread{flex:1;display:grid;place-items:center;min-height:150px}.neo-clean-welcome{text-align:center}.neo-clean-welcome h2{font-size:23px;font-weight:500}.neo-clean-composer{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px}.neo-clean-composer textarea{width:100%;resize:vertical;border:0;background:transparent;min-height:64px;max-height:200px}.neo-clean-tools,.neo-clean-tools>div{display:flex;align-items:center;gap:6px}.neo-clean-tools{justify-content:space-between}.neo-clean-tools button{min-width:44px;min-height:44px}.neo-clean-tools>div button{background:transparent;border:0;font-size:21px}.neo-send-status,.neo-inline-panel{font-size:13px;color:var(--muted);padding:8px;margin:0}.neo-files{display:flex;flex-wrap:wrap;gap:6px}.neo-files button{font-size:12px}.neo-clean button:focus-visible,.neo-clean select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:760px){.shell{grid-template-columns:minmax(0,1fr)!important}.sidebar:not(.open){visibility:hidden;pointer-events:none}.neo-clean-chat{height:calc(100dvh - 260px);min-height:360px}.neo-clean-header select{max-width:165px}.neo-clean-tools{gap:4px}.neo-clean-tools>div{gap:0}}
.unified-messenger{display:grid;grid-template-columns:230px minmax(0,1fr);height:calc(100dvh - 190px);min-height:480px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}
.room-contacts{padding:12px;border-right:1px solid var(--border);overflow:auto;min-width:0}
.room-list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 8px}
.room-list-heading button{min-width:40px;min-height:40px}
.room-contact{display:flex;align-items:center;gap:10px;width:100%;padding:12px 10px;margin:4px 0;border:1px solid transparent;background:transparent;text-align:left;border-radius:10px;overflow-wrap:anywhere}
.room-contact.active{background:var(--panel);border-color:var(--accent)}
.contact-avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--bg);color:var(--accent)}
.room-conversation{display:flex;flex-direction:column;min-width:0;min-height:0;padding:16px}
.room-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.room-heading h1{font-size:19px;margin:0}
.room-thread{flex:1;min-height:80px;overflow:auto;padding:16px 0;overflow-wrap:anywhere}
.room-thread>.neo-clean-welcome{display:grid;place-content:center;height:100%;min-height:110px}
.room-group-form{padding:12px;border-bottom:1px solid var(--border);overflow:auto;max-height:55%}
.room-group-form fieldset{border:0;padding:8px 0;display:flex;flex-wrap:wrap;gap:12px}
.room-group-form .check-option{display:flex;align-items:center;gap:8px}
.room-group-form .check-option input{width:auto}
.room-company{display:flex;align-items:center;gap:8px;font-size:12px}
.room-company select{width:auto;max-width:250px}
.neo-clean-composer{flex:none}
@media(max-width:760px){.unified-messenger{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:calc(100dvh - 180px);min-height:460px}.room-contacts{display:flex;gap:6px;align-items:center;border-right:0;border-bottom:1px solid var(--border);padding:8px;overflow-x:auto}.room-list-heading{margin:0;padding:0;flex:none;gap:8px}.room-list-heading strong{display:none}.room-contact{width:auto;flex:none;margin:0;white-space:nowrap;padding:8px}.room-conversation{padding:10px}.room-heading{padding-bottom:8px}.room-group-form{max-height:65%}}

.room-modes{display:flex;gap:8px;margin-bottom:12px}.room-modes button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#071526}.room-composer-fields{border:0;padding:0;margin:0;min-width:0}.room-composer-fields:disabled{opacity:.45}.room-group-form fieldset{max-height:220px;overflow:auto}

.neo-clean{max-width:none;width:100%}.room-send{display:grid;place-items:center;width:44px;height:44px;padding:0;flex:none}.neo-clean-tools button[aria-pressed="true"]{color:var(--accent);background:var(--raised);outline:1px solid var(--accent)}

/* Refine the existing chat frame; preserve its navigation and composer placement. */
.main-shell>main:has(>.neo-clean){display:flex;flex-direction:column;padding:24px;overflow:auto}
.neo-clean{display:flex;flex-direction:column;flex:1;min-height:0}
.neo-clean .unified-messenger{flex:1;height:auto;min-height:400px;border-radius:10px}
.room-modes{gap:4px;align-self:flex-start;padding:3px;border:1px solid var(--border);border-radius:9px;background:var(--surface);flex:none}
.room-modes button{min-height:36px;padding:7px 16px;border-radius:6px;border-color:transparent;background:transparent}
.room-modes button[aria-pressed=true]{color:var(--accent-ink);font-weight:650}
.room-modes button:focus-visible{outline-offset:1px}
.room-contacts{background:var(--bg);padding:10px}
.room-list-heading{min-height:40px;margin-bottom:6px;padding:0 8px;font-size:12px;color:var(--muted)}
.room-list-heading button{background:transparent;min-width:36px;min-height:36px;padding:6px;color:var(--text)}
.room-contact{justify-content:flex-start;min-height:48px;padding:8px 10px;border-radius:7px;line-height:1.4}
.room-contact.active{background:var(--raised);border-color:var(--accent);color:var(--text)}
.room-contact>span:last-child{min-width:0;overflow-wrap:anywhere}
.room-contact .contact-avatar{width:30px;height:30px;border-radius:7px;background:var(--surface);font-size:12px;font-weight:650}
.room-heading{min-height:44px;flex-wrap:wrap}
.room-heading h1{font-size:17px;letter-spacing:-.2px;overflow-wrap:anywhere}
.room-thread>.neo-clean-welcome{gap:12px;justify-items:center;padding:16px;text-align:center}
.room-thread .neo-clean-welcome h2{font-size:20px;line-height:1.4;max-width:30ch;margin:0;font-weight:500}
.room-group-form{padding:14px 0;flex-shrink:0}
.room-group-form>label{display:grid;gap:6px;font-size:12px;color:var(--muted)}
.room-group-form input[name=groupName]{max-width:440px;font-size:14px;color:var(--text)}
.room-group-form fieldset{gap:8px;align-items:center;margin:12px 0 6px;padding:8px 2px}
.room-group-form legend{font-size:12px;color:var(--muted)}
.room-group-form .check-option{min-height:40px;margin:0;padding:8px 12px;border:1px solid var(--border);border-radius:7px;cursor:pointer;font-size:13px}
.room-group-form .check-option:has(:checked){background:var(--raised);border-color:var(--accent)}
.room-group-form .check-option:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.room-group-form input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent)}
.room-group-form>button+button{margin-left:8px}
.neo-clean-composer{border-radius:9px;padding:8px;background:var(--bg)}
.neo-clean-composer:focus-within{border-color:var(--accent)}
.neo-clean-composer textarea{padding:10px;max-height:160px}
.neo-clean-composer textarea::placeholder{opacity:1}
.neo-clean-tools>div button{border-radius:7px;color:var(--muted)}
.neo-clean-tools>div button:hover{color:var(--text);background:var(--raised)}
.room-send{border-radius:7px;box-shadow:none!important}
.room-thread:focus-visible{outline-offset:-3px}
.room-conversation{position:relative}
.room-heading h1{flex:1;min-width:0}
.room-recipient-button{font-size:13px;white-space:nowrap;min-height:40px}
.room-heading .room-company{width:auto;max-width:180px;font-size:12px;min-height:40px}
.room-conversation>.room-group-form{position:absolute;z-index:5;top:64px;right:16px;width:min(340px,calc(100% - 32px));max-height:calc(100% - 250px);overflow:auto;margin:0;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:9px;box-shadow:0 8px 24px #0003}
.room-picker-heading{display:flex;align-items:center;justify-content:space-between;font-size:14px}
.room-picker-heading button{min-width:36px;min-height:36px;padding:4px;background:transparent;border:0;font-size:22px}
.room-group-form fieldset{display:flex;flex-direction:column;align-items:stretch;max-height:none;margin:4px 0;padding:0;border:0}
.room-group-form [data-room-all]{align-self:flex-start;padding:6px 0;background:transparent;border:0;color:var(--accent);font-size:13px;min-height:36px}
.room-group-form .check-option{border:0;padding:8px;min-height:40px}
.room-group-form details{font-size:12px;color:var(--muted);margin:8px 0}
.room-group-form summary{cursor:pointer}
.room-group-form details input{margin-top:8px}
.room-picker-done{width:100%;margin:6px 0 0}
.neo-clean-composer{flex:none;margin-top:8px;background:var(--surface);border-color:var(--muted)}
.neo-clean-composer textarea{min-height:112px;max-height:30dvh;font-size:16px;line-height:1.5;color:var(--text);resize:vertical}
.room-composer-fields{opacity:1}
.room-thread{min-height:0}
.room-thread>.neo-clean-welcome{min-height:0}
@media(max-width:760px){
 .main-shell>main:has(>.neo-clean){padding:12px}
 .neo-clean .unified-messenger{min-height:390px}
 .room-contacts{padding:6px}
 .room-contact{min-height:44px;max-width:220px;white-space:normal}
 .room-group-form{max-height:55%;padding:10px 0}
 .room-group-form fieldset{max-height:150px}
 .room-thread .neo-clean-welcome h2{font-size:17px}
 .room-company{flex-wrap:wrap}.room-company select{max-width:100%}
 .room-conversation>.room-group-form{top:58px;right:10px;width:calc(100% - 20px);max-height:calc(100% - 240px)}
 .neo-clean-composer textarea{min-height:104px}
 .room-heading .room-company{max-width:140px}
}

/* One chat toolbar: mode and recipients share a row, without repeated title strips. */
.neo-clean .unified-messenger{display:flex;min-height:360px}
.unified-messenger>.room-conversation{flex:1;width:100%;padding:12px}
.room-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;min-width:0;padding-bottom:10px;border-bottom:1px solid var(--border)}
.room-toolbar .room-modes{margin:0;align-self:auto;gap:2px;padding:2px}
.room-toolbar .room-modes button{padding:7px 12px;min-height:36px}
.room-toolbar .room-recipient-button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;max-width:55%;padding:8px 10px}
.room-recipient-button>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.neo-clean-tools>.room-company{flex:1;min-width:0;width:auto;max-width:180px;height:40px;font-size:12px;margin-left:auto}
.neo-clean-tools>.room-send{margin-left:auto}
.room-conversation>.room-group-form{top:64px}
@media(max-width:760px){
 .main-shell>main:has(>.neo-clean){padding:8px}
 .unified-messenger>.room-conversation{padding:8px}
 .room-toolbar{gap:4px;padding-bottom:8px}
 .room-toolbar .room-modes button{padding:7px 9px;font-size:13px}
 .room-toolbar .room-recipient-button{padding:7px 8px;font-size:12px;max-width:48%}
 .room-conversation>.room-group-form{top:60px}
 .neo-clean-tools>.room-company{max-width:150px}
}
.platform-panel{padding:24px}.platform-panel p{color:var(--muted);line-height:1.6}.platform-panel h3{margin-top:24px}.platform-actions{display:flex;flex-wrap:wrap;gap:10px}.platform-actions .btn{text-decoration:none;min-height:42px;display:inline-flex;align-items:center;padding:8px 14px}.platform-actions [hidden]{display:none}