:root{color-scheme:light;--bg:#101118;--panel:#191b24;--line:#2b2d3a;--muted:#8e90a4;--text:#f0eff7;--violet:#8071ed;--green:#86c6a3}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text)}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #b0a5ff;outline-offset:3px}input,textarea,select{color:var(--text);background:#242632;border:1px solid #3a3d50;border-radius:10px;padding:12px;font-size:16px;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #8273e5;outline-offset:1px}input,textarea{width:100%}label{display:block;font-size:12px;color:#c9c7d8;margin:15px 0 7px}svg{display:block}h1,h2,h3,p{margin:0}h1,h2{font-size:19px;font-weight:650;letter-spacing:-.4px}h3{font-size:15px;margin-bottom:10px}.eyebrow{color:#9b94b5;letter-spacing:1.8px;font-size:9px;font-weight:650}.muted{color:var(--muted);font-size:12px;line-height:1.7}.icon-button{width:42px;height:42px;display:grid;place-items:center;border:0;background:transparent;color:#cecadf;border-radius:12px;font-size:25px}.icon-button:hover{background:#ffffff09}.icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.primary,.secondary{border-radius:11px;padding:12px 18px;font-weight:600;min-height:44px}.primary{border:0;background:var(--violet);color:white}.secondary{background:#292b38;border:1px solid #424456;color:#dcd8f2}.text-button{border:0;background:transparent;color:#baaaff;font-size:12px;white-space:nowrap}.appbar{height:66px;border-bottom:1px solid var(--line);background:#15171e;display:flex;align-items:center;justify-content:space-between;padding:10px 25px}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-size:16px;font-weight:700}.brand img{width:38px;height:38px;border-radius:12px}.brand small{display:block;font-size:8px;color:var(--muted);letter-spacing:1.5px}.appbar-right{display:flex;align-items:center;gap:20px}.appbar-right>span{font-size:10px;color:#aaa4c4}.connection{display:flex;align-items:center;gap:6px}.connection:before{content:'';width:5px;height:5px;background:var(--green);border-radius:50%}#app{height:100dvh;display:flex;flex-direction:column}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(440px,1fr);max-width:1600px;width:100%;margin:auto}.chat-pane{display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;border-right:1px solid var(--line);background:#111219}.pane-heading{display:flex;align-items:center;gap:12px;min-height:80px;padding:15px 24px;background:#191b23;border-bottom:1px solid var(--line)}.pane-title{flex:1;min-width:0}.pane-title p{color:var(--muted);font-size:11px;margin-top:3px}.chat-emblem{display:grid;place-items:center;background:linear-gradient(140deg,#9180f0,#534184);width:43px;height:43px;border-radius:16px;font-size:27px;color:#e8e0ff;box-shadow:0 0 20px #9275d11c}.chat-search{padding:10px 16px;display:flex;gap:6px;background:#191b23;border-bottom:1px solid var(--line)}.chat-search input{flex:1;font-size:14px}.chat-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#393747 transparent;background-color:#111219;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23588eb1' stroke-width='1.2' opacity='.55'%3E%3Cpath d='m22 23 3-7 3 7 7 3-7 3-3 7-3-7-7-3Zm111 78 3-7 3 7 7 3-7 3-3 7-3-7-7-3Z'/%3E%3Ccircle cx='107' cy='42' r='17'/%3E%3Cellipse cx='107' cy='42' rx='29' ry='7' transform='rotate(-30 107 42)'/%3E%3Cpath d='m31 121 24-18 14 7-6 17-30 14 7-13-9-7Zm11 7 18-15M145 155l9-9m-5-5 9 9M67 65l-4 6m-4-5 8 5'/%3E%3Ccircle cx='87' cy='151' r='3'/%3E%3C/g%3E%3C/svg%3E")}#messages{padding:24px 24px 30px;min-height:100%;display:flex;flex-direction:column;gap:14px}.day-label{font-size:10px;align-self:center;color:#b6b3c7;border:1px solid #393447;background:#23202ebf;padding:3px 11px;border-radius:12px;margin:4px 0}.message{display:flex;gap:8px;max-width:88%;align-self:flex-start;min-width:0}.message.outgoing{align-self:flex-end}.bubble{background:#252630;border:1px solid #30303d;border-radius:16px 16px 16px 4px;padding:12px 14px;min-width:100px;box-shadow:0 3px 6px #00000014;overflow-wrap:anywhere}.outgoing .bubble{background:linear-gradient(125deg,#7564d9,#6556ba);border-color:#8673e255;border-radius:16px 16px 4px 16px}.bubble-author{color:#baa5ff;font-size:11px;font-weight:650;margin-bottom:7px}.message-body{font-size:13px;line-height:1.75;white-space:pre-wrap}.message-body strong{font-weight:700;color:#fff}.message-body .msg-heading{display:block;font-weight:650;font-size:14px;color:#f1edf9;margin-top:5px}.bubble-title{font-size:11px;color:#b6b1ca;margin-bottom:7px;border-left:2px solid #83749e;padding-left:8px}.bubble-meta{display:flex;justify-content:flex-end;align-items:center;gap:7px;font-size:9px;color:#aca6c2;margin-top:7px}.outgoing .bubble-meta{color:#d0c8f2}.copy-message{font-size:10px;color:#aaa2c4;border:0;background:transparent;padding:3px 0;margin-right:auto}.avatar-mini{width:30px;height:34px;flex-shrink:0;background:#333044;border-radius:10px;overflow:hidden;margin-top:3px}.avatar-mini .person{width:36px;height:44px;margin:-3px -3px}.status-message .bubble{background:#20212bd9;border-style:dashed}.typing-dots{display:inline-flex;gap:3px;margin-right:6px}.typing-dots i{width:4px;height:4px;background:#a896e1;border-radius:50%;animation:dot 1.5s infinite}.typing-dots i:nth-child(2){animation-delay:.18s}.typing-dots i:nth-child(3){animation-delay:.36s}@keyframes dot{50%{opacity:.3;transform:translateY(-2px)}}.chat-composer{background:#191a22;border-top:1px solid var(--line);padding:11px 18px 10px}.recipient-row{display:flex;align-items:center;gap:7px;margin-bottom:9px;min-height:28px}.recipient-label{font-size:10px;color:#817b99}.recipient-row select{font-size:11px;padding:4px 26px 4px 7px;border:0;background:#2e293f;border-radius:7px;color:#cbbaf5;max-width:220px}.recipient-row>span:last-child{font-size:9px;color:#8f88a4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-row{display:flex;align-items:flex-end;gap:10px;background:#262731;border:1px solid #353441;border-radius:16px;padding:8px 8px 8px 14px}.compose-row textarea{padding:4px 0;background:transparent;border:0;outline:0;resize:none;min-height:31px;max-height:170px;font-size:15px;line-height:1.6;scrollbar-width:thin}.compose-row textarea:focus{outline:0}.compose-row textarea::placeholder{color:#8d879e}#send{width:38px;height:38px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;background:#8976e8;color:white;border:0}#send svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.6}.compose-foot{display:flex;justify-content:space-between;color:#666276;font-size:8px;padding:7px 3px 0}.new-messages{position:absolute;right:22px;bottom:148px;background:#8571e3;color:white;border:1px solid #b39bff70;border-radius:20px;padding:9px 15px;font-size:11px;box-shadow:0 4px 20px #0005}.chat-welcome{margin:auto;max-width:340px;text-align:center;padding:30px 12px;color:#a39bb7;font-size:13px}.chat-welcome>span{display:block;font-size:40px;color:#b3a1ee;margin-bottom:16px}.chat-welcome h2{color:#e6defa;font-size:23px;margin-bottom:12px}.quick-start{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:24px}.quick-start button{border:1px solid #494058;background:#272031;color:#c0b3d8;padding:8px 12px;border-radius:16px;font-size:11px}.office-pane{min-width:0;display:flex;flex-direction:column;background:#1d1d29;min-height:0}.office-pane .pane-heading{background:#1f202b}.office-counter{font-size:11px;color:#b6a8dd;background:#373145;padding:5px 11px;border-radius:10px}.office-scroll{flex:1;overflow:auto;padding:23px 24px 30px;scrollbar-width:thin;scrollbar-color:#393747 transparent}.office-intro{display:flex;align-items:center;justify-content:space-between;margin:0 2px 20px;gap:10px}.office-intro p{color:#90879f;font-size:12px;line-height:1.7}.office-intro strong{font-weight:500;color:#d5cce2}.office-legend{display:flex;align-items:center;gap:6px;font-size:9px;color:#b3aaC1;white-space:nowrap}.office-legend i{width:6px;height:6px;background:#9abd9e;border-radius:50%}.office-room{background:#292634;border:1px solid #3f3749;border-radius:18px;padding:15px 13px 10px;box-shadow:0 14px 35px #11101930;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:30px 30px}.room-sign{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#83738f;border-bottom:1px solid #403747;padding:0 5px 13px;margin-bottom:14px}.room-sign b{font-weight:500;color:#b4a1c2;font-size:9px}.room-sign>span:last-child{color:#c5a565;font-size:17px}.agents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 9px}.agent{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center;background:#342f3d;border:1px solid #48404e;border-radius:12px;color:#e6deec;padding:7px 5px 10px;transition:background .15s,border-color .15s;position:relative}.agent:hover{background:#3d354a}.agent[aria-pressed=true]{border-color:#bca1f4;background:#40334e;box-shadow:0 0 0 1px #bca1f426}.workstation{height:113px;width:100%;position:relative;display:grid;place-items:center}.workstation:before{content:'';position:absolute;width:69px;height:40px;background:#655a7845;bottom:7px;transform:skewY(-8deg);border-radius:50%}.person{width:96px;height:115px;position:relative;z-index:1}.workstation .desk{height:18px;background:#7e6688;border-top:5px solid #ac91af;width:86%;max-width:105px;position:absolute;bottom:3px;border-radius:4px;z-index:2;box-shadow:0 9px 0 -4px #1b182560}.workstation .desk:before,.workstation .desk:after{content:'';height:12px;width:5px;background:#69546f;position:absolute;top:12px}.workstation .desk:before{left:6px}.workstation .desk:after{right:6px}.agent-name{font-size:10px;font-weight:650;line-height:1.35;margin-top:9px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-status{font-size:8px;color:#9c92a5;margin-top:3px;display:flex;align-items:center;gap:4px}.agent-status i{width:4px;height:4px;background:#89ae94;border-radius:50%}.agent-task{font-size:8px;color:#c1afd9;line-height:1.5;min-height:24px;margin:5px 2px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.agent.working .agent-status{color:#dfc88e}.agent.working .agent-status i{background:#e1c274;box-shadow:0 0 5px #e1c27470}.agent.working .person .hands{animation:type .6s infinite alternate;transform-origin:center}.agent.working .person .screen{animation:screen 2s infinite alternate}.agent.error .agent-status{color:#eea092}.agent.error .agent-status i{background:#eea092}@keyframes type{to{transform:translateY(2px)}}@keyframes screen{to{fill:#c9b9fc}}.room-footer{display:flex;justify-content:center;align-items:center;gap:8px;color:#817188;font-size:8px;padding-top:17px}.room-footer i{width:3px;height:3px;border-radius:50%;background:#817188}.office-hint{display:flex;align-items:center;gap:9px;padding:20px 1px;color:#8f859f}.office-hint>span{font-size:22px;color:#b8a3e1}.office-hint p{flex:1;font-size:10px;line-height:1.7}.office-hint strong{font-size:11px;font-weight:600;color:#c4b9d6}.mobile-nav{display:none}.modal{position:fixed;inset:0;background:#070710ad;backdrop-filter:blur(5px);z-index:40;display:flex;justify-content:flex-end}.settings-sheet{width:min(500px,100%);height:100%;background:#1c1c27;box-shadow:-10px 0 60px #0005;display:flex;flex-direction:column}.settings-sheet .pane-heading{justify-content:space-between}.settings-body{padding:20px;overflow:auto;flex:1}.settings-card{background:#242330;border:1px solid #363242;padding:19px;border-radius:14px;margin-bottom:16px}.settings-card p{margin:8px 0 14px}.settings-card input{margin-bottom:7px}.settings-card details{margin-top:15px}.settings-card summary{font-size:12px;color:#c4b2ec;cursor:pointer;padding:5px 0}.consent{display:flex;align-items:flex-start;gap:9px;font-size:11px;font-weight:400}.consent input{width:16px;height:16px;flex-shrink:0;margin-top:2px}.settings-note{font-size:10px;color:#81788f;line-height:1.7}#knowledge-state p{font-size:11px;color:#b3a8c3}#knowledge-state b{color:#e0d6f0;font-weight:550}.login{max-width:400px;padding:30px;margin:8vh auto;color:#b6acc8}.login img{width:76px;height:76px;border-radius:23px;display:block;margin-bottom:26px}.login h1{font-size:38px;line-height:1.2;margin:12px 0 18px;color:#f0e9ff;letter-spacing:-1.2px}.login p{font-size:13px;margin-bottom:25px}.login .primary{width:100%;margin-top:15px}.toast,.error-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#665589;border:1px solid #b199d770;box-shadow:0 5px 25px #0005;border-radius:12px;padding:12px 18px;max-width:90%;font-size:12px;z-index:60}.error-toast{background:#704546;border-color:#a56868;bottom:auto;top:75px}.check{font-size:12px;color:#d0bcff}
@media(max-width:1050px){.workspace{display:block}.chat-pane,.office-pane{height:100%;border:0}.appbar{height:58px;padding:8px 16px}.appbar-right{gap:9px}.brand{font-size:14px}.brand img{width:34px;height:34px}.appbar-right>span{font-size:9px}.connection{display:none}.pane-heading{padding:12px 17px;min-height:72px}.pane-title h1,.pane-title h2{font-size:17px}.pane-title p{font-size:10px}.chat-emblem{width:38px;height:38px;border-radius:14px}.mobile-nav{height:calc(61px + env(safe-area-inset-bottom));padding:5px 15px calc(5px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #35303f;background:#1c1b25;flex-shrink:0}.mobile-nav button{border:0;background:transparent;color:#877f97;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;position:relative}.mobile-nav button[aria-current=page]{color:#cdbbf5;background:#362c48}.mobile-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}.mobile-nav b{font-size:9px;min-width:16px;height:16px;border-radius:50%;background:#8b73d9;color:white;display:grid;place-items:center}.mobile-nav i{width:5px;height:5px;border-radius:50%;background:#e0bc6d}body[data-view=chat] .office-pane{display:none}body[data-view=office] .chat-pane{display:none}#messages{padding:18px 14px 24px;gap:13px}.message{max-width:93%}.bubble{padding:10px 12px}.message-body{font-size:13px}.avatar-mini{width:25px;height:29px;border-radius:9px}.avatar-mini .person{width:31px;height:39px}.chat-composer{padding:9px 12px 7px}.recipient-row{gap:6px;margin-bottom:7px}.recipient-row select{max-width:200px;font-size:10px}.recipient-row>span:last-child{font-size:8px}.compose-row{padding:7px 7px 7px 12px}.compose-row textarea{font-size:16px}.compose-foot{font-size:8px;padding-top:5px}.keyboard-tip{display:none}.new-messages{bottom:131px;right:18px}.office-scroll{padding:20px 19px 24px}.office-room{max-width:640px;margin:auto}.office-intro,.office-hint{max-width:640px;margin-left:auto;margin-right:auto}.workstation{height:122px}.person{width:105px;height:127px}.agent-name{font-size:11px}.agent-status,.agent-task{font-size:9px}.agent-task{min-height:27px}.agents{gap:16px 11px}.toast{bottom:calc(77px + env(safe-area-inset-bottom))}.settings-body{padding:16px}.settings-card{padding:16px}}
@media(max-width:400px){.office-scroll{padding:16px 12px}.office-room{padding:13px 9px 10px}.agents{gap:12px 7px}.workstation{height:96px}.person{width:83px;height:100px}.agent-name{font-size:9px}.agent-task{font-size:8px}.agent-status{font-size:8px}.office-intro p{font-size:11px}.recipient-row>span:last-child{display:none}.bubble{padding:10px}.message-body{font-size:12px}.brand small{font-size:7px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Light office: white surfaces, sky-blue conversation and pastel workspaces. */
:root{--bg:#f4f8fb;--panel:#fff;--line:#dbe6ec;--muted:#657b89;--text:#203b48;--violet:#388dab;--green:#3f997d}
input,textarea,select{background:#f6fafc;border-color:#ccdce5}label{color:#526c7b}.eyebrow{color:#648896}.icon-button{color:#526c7b}.icon-button:hover{background:#edf5f9}.secondary{background:#f3f8fb;border-color:#cedfe9;color:#355e72}.text-button{color:#287f9c}
.appbar,.pane-heading,.office-pane .pane-heading,.chat-search,.chat-composer{background:#fff}.brand{color:#203b48}.appbar-right>span{color:#627b89}.chat-pane{background:#dcf0fa}.chat-emblem{background:linear-gradient(140deg,#84cadd,#4fabc5);color:#fff;box-shadow:0 4px 15px #4996b21c}
.chat-scroll{background-color:#d8eef8;background-image:linear-gradient(160deg,#c6e5fa44,#c8f0e94d),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cg fill='none' stroke='%23588eb1' stroke-width='1.2' opacity='.22'%3E%3Cpath d='m22 23 3-7 3 7 7 3-7 3-3 7-3-7-7-3Zm111 78 3-7 3 7 7 3-7 3-3 7-3-7-7-3Z'/%3E%3Ccircle cx='107' cy='42' r='17'/%3E%3Cellipse cx='107' cy='42' rx='29' ry='7' transform='rotate(-30 107 42)'/%3E%3Cpath d='m31 121 24-18 14 7-6 17-30 14 7-13-9-7Zm11 7 18-15M145 155l9-9m-5-5 9 9M67 65l-4 6m-4-5 8 5'/%3E%3Ccircle cx='87' cy='151' r='3'/%3E%3C/g%3E%3C/svg%3E");scrollbar-color:#a9c8d6 transparent}
.day-label{background:#fff9;border-color:#b7d7e4;color:#547b8e}.bubble{background:#fff;border-color:#e2edf1;box-shadow:0 2px 5px #436b7b0a}.outgoing .bubble{background:linear-gradient(125deg,#e5fcf8,#d5f4f3);border-color:#c5e9e6}.bubble-author{color:#2682a0}.message-body strong,.message-body .msg-heading{color:#173b4d}.bubble-title{color:#657d8a;border-left-color:#95c7d4}.bubble-meta,.outgoing .bubble-meta,.copy-message{color:#66838f}.avatar-mini{background:#edf2f9}.status-message .bubble{background:#f5fbfbe8;border-color:#b6d2dc}.typing-dots i{background:#5d9db4}.recipient-label,.recipient-row>span:last-child{color:#6f8793}.recipient-row select{background:#eaf6fa;color:#28718a}.compose-row{background:#f7fafc;border-color:#d9e6ec}.compose-row textarea::placeholder{color:#889ba5}#send{background:#449db8}.compose-foot{color:#7c939e}.new-messages{background:#408fac;border-color:#87bfd1}.chat-welcome{color:#567c8d}.chat-welcome>span,.chat-welcome h2{color:#347b98}.quick-start button{background:#fff9;border-color:#a8cdda;color:#39758b}.check{color:#4293a5}
.office-pane{background:#f5f5fa}.office-counter{background:#e9e7f3;color:#75668e}.office-intro p{color:#7b7d90}.office-intro strong{color:#53556d}.office-legend{color:#6c8076}.office-room{background-color:#f0edf5;border-color:#ddd7e8;box-shadow:0 12px 32px #6c57820b;background-image:linear-gradient(#b8a8ca12 1px,transparent 1px),linear-gradient(90deg,#b8a8ca12 1px,transparent 1px)}.room-sign{color:#93849e;border-color:#ded6e7}.room-sign b{color:#786688}.agent{background:#ffffffbd;border-color:#e1dbe9;color:#454256}.agent:hover{background:#fff}.agent[aria-pressed=true]{border-color:#a99ac4;background:#fdfbff;box-shadow:0 0 0 2px #ab97c41a}.agent-status{color:#748a7e}.agent-task{color:#81708f}.agent.working .agent-status{color:#9b741c}.agent.working .agent-status i{background:#c59630}.agent.error .agent-status{color:#bb5b58}.room-footer,.office-hint{color:#91829e}.room-footer i{background:#ac9eb6}.office-hint>span{color:#9d86b6}.office-hint strong{color:#79618c}
.modal{background:#354c6459}.settings-sheet{background:#f6f9fc;box-shadow:-10px 0 60px #23415526}.settings-card{background:white;border-color:#dce6ed}.settings-card summary{color:#467e98}.settings-note{color:#738694}#knowledge-state p{color:#6c7c8b}#knowledge-state b{color:#354f64}.login{color:#617a8a}.login h1{color:#254b61}.toast{background:#fff;color:#355c71;border-color:#bad5e2;box-shadow:0 5px 25px #23415526}.error-toast{background:#fff0ee;color:#973e37;border-color:#e8b5af}.mobile-nav{background:#fff;border-color:#dbe6ec}.mobile-nav button{color:#81909c}.mobile-nav button[aria-current=page]{background:#eaf5fa;color:#3186a4}.mobile-nav b{background:#449db8}

/* Employee inbox, with separate direct conversations. */
.employee-list{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid #e1e8ee;border-radius:18px;overflow:hidden}.employee-row{display:flex;align-items:center;gap:15px;width:100%;padding:17px 16px;background:#fff;border:0;text-align:left;color:var(--text);min-width:0;min-height:105px}.employee-row+.employee-row{border-top:1px solid #edf0f4}.employee-row:hover{background:#f5faff}.employee-row.selected{background:#eaf5fa}.employee-avatar{width:62px;height:62px;flex-shrink:0;border-radius:50%;background:#f0edf6;position:relative}.employee-avatar .person{width:68px;height:79px;clip-path:circle(31px at 31px 31px);margin:0 0 0 0}.employee-avatar i{position:absolute;bottom:0;right:0;width:12px;height:12px;border:2px solid white;border-radius:50%;background:#5eaa8a}.employee-avatar i.working{background:#e2b34e}.employee-content{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.employee-top{display:flex;gap:9px;align-items:center;justify-content:space-between;min-width:0}.employee-top strong{font-size:14px;line-height:1.4;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-top time{font-size:10px;color:#899ba6;flex-shrink:0}.employee-status{font-size:10px;color:#5b927f}.employee-status.working{color:#a9832f}.employee-preview{font-size:12px;color:#7a8b98;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.employee-chevron{font-size:23px;color:#abb9c3}.chat-emblem .person{width:42px;height:46px;border-radius:14px;background:#eee9f4}.msg-quote{display:block;border-left:3px solid #88becb;padding-left:10px;color:#547583;margin:6px 0}.office-scroll{padding:18px}.office-intro{margin-bottom:14px}.office-pane{background:#f6f8fc}#chat-back{flex-shrink:0}.pane-title{overflow:hidden}#chat-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1050px){.employee-row{padding:18px 14px;min-height:111px}.employee-top strong{font-size:15px}.employee-preview{font-size:13px}.employee-avatar{width:58px;height:58px}.employee-avatar .person{clip-path:circle(29px at 29px 29px)}.office-scroll{padding:14px 12px}.employee-list{border-radius:14px}.recipient-row>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-emblem .person{width:38px;height:42px}#chat-back{width:26px}}

/* Readable messenger typography and compact phone layout. */
:root{--text:#202a30;--muted:#77838b;--line:#e7ecef}body{font-family:Roboto,"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.message-body{font-size:16px;line-height:1.55;color:#202a30;letter-spacing:0}.message-body strong{font-weight:600;color:#17252c}.message-body .msg-heading{font-size:17px;font-weight:600}.message-body em{color:#667780;font-size:.9em}.bubble-author{font-size:13px;font-weight:600}.bubble-title{font-size:12px}.bubble-meta{font-size:11px}.copy-message{font-size:11px}.bubble{border:0;border-radius:18px 18px 18px 5px;padding:12px 15px}.outgoing .bubble{border-radius:18px 18px 5px 18px}.pane-title h1,.pane-title h2{font-size:20px;font-weight:600;letter-spacing:-.3px}.pane-title p{font-size:12px;color:#7a858c}.employee-top strong{font-size:16px;font-weight:600}.employee-preview{font-size:14px;color:#7a8288}.employee-status,.employee-top time{font-size:12px}.employee-top strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.employee-top{align-items:flex-start}.office-intro p{font-size:14px}.office-legend,.office-counter{font-size:12px}.settings-card p,.muted,#knowledge-state p,.settings-note{font-size:14px;line-height:1.6}.settings-card h3{font-size:18px}.settings-card summary,label,.consent{font-size:14px}.text-button{font-size:13px}.mobile-settings{display:none}.compose-foot:not(.has-state){display:none}.chat-scroll{background-color:#c4e6f7;background-size:auto,180px 180px}.day-label{font-size:12px;color:#fff;background:#73b4c9bf;border:0;padding:3px 12px}.avatar-mini{width:32px;height:36px}.avatar-mini .person{width:38px;height:46px}
@media(max-width:1050px){
 #app{height:var(--app-height,100dvh)}.appbar{display:none}.mobile-settings{display:grid;width:32px;font-size:24px}.pane-heading{min-height:66px;padding:10px 14px;gap:10px}.pane-title h1,.pane-title h2{font-size:19px}.pane-title p{font-size:12px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-emblem{width:40px;height:40px;border-radius:50%}.chat-emblem .person{width:40px;height:44px;border-radius:50%}.icon-button{width:36px;height:38px}.chat-search{padding:7px 12px}.chat-search input{padding:9px;font-size:15px}#messages{padding:14px 10px 18px;gap:12px}.message{max-width:94%;gap:6px}.message-body{font-size:16px;line-height:1.5}.bubble{padding:11px 13px}.bubble-author{font-size:13px}.avatar-mini{width:27px;height:31px}.avatar-mini .person{width:33px;height:41px}.chat-composer{padding:7px 10px;border-top:1px solid #e6ecef}.recipient-row{display:none}.compose-row{padding:5px 5px 5px 13px;border-radius:25px;gap:8px;background:#fff;border-color:#e1e7eb;min-height:48px}.compose-row textarea{font-size:17px;line-height:1.4;min-height:32px;padding:5px 0;max-height:120px}#send{width:38px;height:38px;border-radius:50%;background:#48a6ca}.compose-foot.has-state{font-size:11px;padding-top:5px}.mobile-nav{height:calc(53px + env(safe-area-inset-bottom));padding:4px 12px calc(4px + env(safe-area-inset-bottom));gap:8px}.mobile-nav button{font-size:12px}.keyboard-open .mobile-nav{display:none}.keyboard-open .pane-heading{min-height:59px;padding-top:7px;padding-bottom:7px}.new-messages{bottom:72px}.employee-row{padding:17px 13px;gap:13px;min-height:106px}.employee-top strong{font-size:16px}.employee-preview{font-size:14px}.employee-status{font-size:11px}.employee-top time{font-size:11px}.office-scroll{padding:12px 10px}.office-hint p,.office-hint strong{font-size:12px}.office-intro{margin-bottom:12px}.office-intro p{font-size:13px}.office-legend{font-size:11px}
}

.feedback-button{border:0;background:transparent;color:#6b8c9e;font-size:11px;padding:3px 5px;cursor:pointer}.feedback-button:hover{color:#247ea0}#memory-scope{width:100%;font-size:14px}#memory-form textarea{font-size:15px;line-height:1.5;margin-bottom:12px}.memory-note{border-top:1px solid #e1e9ee;padding:12px 0}.memory-note strong{font-size:13px}.memory-note p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.memory-note.inactive{opacity:.5}
