@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700&family=IBM+Plex+Mono:wght@500;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{color:#132338;font-synthesis:none;text-rendering:optimizelegibility;--ink:#132338;--muted:#6d7f92;--border:#ccd9e6;--surface:#f7fbff;--card:#fff;--navy:#0f2136;--navy-2:#142d47;--blue:#1268f3;--aqua:#28d7ca;--green:#2ad47f;--red:#f05d73;--amber:#f0b13b;--shadow:0 24px 60px #12294229;background:#eaf1f8;font-family:IBM Plex Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.chat-page{background:radial-gradient(circle at 7% 0,#28d7ca29,#0000 24rem),radial-gradient(circle at 95% 92%,#1268f314,#0000 28rem),linear-gradient(145deg,#edf4fa,#dce8f3);min-height:100vh;padding:20px}.chat-shell{background:var(--card);width:min(1500px,100%);height:calc(100vh - 40px);min-height:650px;box-shadow:var(--shadow);border:1px solid #7f97af59;border-radius:20px;grid-template-columns:330px minmax(470px,1fr) 286px;margin:0 auto;display:grid;overflow:hidden}.sidebar{color:#eef7ff;background:linear-gradient(180deg, #ffffff0a, transparent 180px), var(--navy);flex-direction:column;min-width:0;display:flex}.sidebar-brand{border-bottom:1px solid #ffffff17;align-items:center;gap:11px;height:74px;padding:0 17px;display:flex}.brand-mark{background:linear-gradient(145deg, var(--aqua), #5beee2);color:#082d34;border-radius:14px 14px 14px 5px;place-items:center;width:46px;height:46px;font:700 15px/1 Bricolage Grotesque,sans-serif;display:grid;box-shadow:0 9px 24px #28d7ca2e}.brand-mark.small{border-radius:11px 11px 11px 4px;width:38px;height:38px;font-size:13px}.brand-name{flex-direction:column;flex:1;min-width:0;line-height:1;display:flex}.brand-name strong{letter-spacing:-.02em;font:700 17px/1 Bricolage Grotesque,sans-serif}.brand-name span{color:#82a2bd;margin-top:5px;font-size:11px}.icon-button{color:#5e7388;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;padding:0;transition:background .12s,color .12s,transform .12s;display:inline-grid}.icon-button:hover{color:#1e3a54;background:#e9f0f6}.icon-button.dark{color:#dbe9f5}.icon-button.dark:hover{color:#fff;background:#ffffff14}.identity-card{background:#ffffff0e;border:1px solid #ffffff17;border-radius:13px;align-items:center;gap:10px;margin:14px 14px 11px;padding:11px 12px;display:flex}.avatar-wrap{flex:none;position:relative}.avatar{color:#294761;background:#dceafa;border:1px solid #2d49631f;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:grid}.avatar.me{background:linear-gradient(145deg,#e4f3ff,#c9ebea)}.avatar.group{color:#123b50;background:linear-gradient(145deg,#d8e8fb,#caeee9);border-radius:11px}.header-avatar{width:42px;height:42px}.presence-dot{border:2px solid var(--navy);background:#8798a8;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:-1px}.presence-dot.available{background:var(--green)}.presence-dot.busy{background:var(--red)}.presence-dot.away{background:var(--amber)}.presence-dot.offline,.presence-dot.appear_offline{background:#8798a8}.presence-dot.static{border:0;width:9px;height:9px;position:static}.group-dot{border:2px solid var(--navy);background:var(--aqua);color:#073239;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:-2px;right:-2px}.identity-copy{flex-direction:column;flex:1;min-width:0;display:flex}.identity-copy strong{color:#f2f8fd;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.status-select{color:#89a6be;width:fit-content;margin-top:3px;position:relative}.status-select select{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;outline:0;padding:0 15px 0 0;font-size:10px}.status-select svg{pointer-events:none;color:var(--aqua);position:absolute;top:1px;right:0}.tenant-picker{flex-direction:column;gap:4px;margin:0 14px 10px;display:flex}.tenant-picker span{color:#627f98;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.tenant-picker select{color:#eef7ff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:8px 9px;font-size:11px}.search-box{border:1px solid var(--border);color:#7b8ea0;background:#fff;border-radius:10px;align-items:center;gap:8px;height:40px;display:flex}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.search-box>button{color:inherit;background:0 0;border:0;place-items:center;padding:4px;display:grid}.dark-search{background:#ffffff12;border-color:#ffffff1a;margin:0 14px 10px;padding:0 10px}.dark-search input{color:#eef7ff}.dark-search input::placeholder{color:#7895ac}.sidebar-tabs{gap:4px;padding:0 14px 8px;display:flex}.sidebar-tabs button{color:#7898b2;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:600;display:inline-flex}.sidebar-tabs button.active{color:#e4fbf9;background:#28d7ca1c}.conversation-list{flex:1;min-height:0;padding:0 8px 10px;overflow-y:auto}.conversation-row{width:100%;color:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;gap:10px;padding:10px 9px;transition:background .12s,border .12s;display:flex}.conversation-row:hover{background:#ffffff0e}.conversation-row.active{background:linear-gradient(90deg,#28d7ca21,#1268f317);border-color:#28d7ca2e}.conversation-copy{flex:1;min-width:0}.conversation-topline,.conversation-preview{align-items:center;gap:8px;display:flex}.conversation-topline strong{white-space:nowrap;text-overflow:ellipsis;color:#edf6ff;flex:1;min-width:0;font-size:12px;overflow:hidden}.conversation-topline>span{color:#7290a9;font-size:9px}.conversation-preview{margin-top:3px}.conversation-preview>span{white-space:nowrap;text-overflow:ellipsis;color:#84a0b7;flex:1;min-width:0;font-size:10px;overflow:hidden}.conversation-preview b{background:var(--aqua);color:#06333a;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:9px;display:grid}.conversation-copy small{color:#5d7b95;text-transform:uppercase;margin-top:4px;font:500 8px/1 IBM Plex Mono,monospace;display:block}.sidebar-empty{color:#6e8ca6;flex-direction:column;align-items:center;gap:7px;padding:28px 12px;font-size:11px;display:flex}.sidebar-empty button{color:var(--aqua);background:0 0;border:0;font-weight:600}.sidebar-footer{color:#64839e;border-top:1px solid #ffffff14;align-items:center;gap:8px;min-height:45px;padding:8px 14px;font-size:9px;display:flex}.sidebar-footer>span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sidebar-footer button{color:#7899b4;background:0 0;border:0;align-items:center;gap:5px;font-size:9px;display:inline-flex}.conversation-pane{background:linear-gradient(180deg, #1268f305, transparent 22rem), var(--surface);flex-direction:column;min-width:0;display:flex}.conversation-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbd;align-items:center;gap:11px;min-height:74px;padding:0 18px;display:flex}.conversation-header .presence-dot{border-color:var(--surface)}.header-copy{flex-direction:column;flex:1;min-width:0;display:flex}.header-copy strong{white-space:nowrap;text-overflow:ellipsis;font:650 15px/1.2 Bricolage Grotesque,sans-serif;overflow:hidden}.header-copy span{color:var(--muted);margin-top:4px;font-size:10px}.header-actions{gap:2px;display:flex}.mobile-back{display:none}.linked-banner{color:#2a5b5d;background:#e9faf7;border-bottom:1px solid #c8e6e3;align-items:center;gap:10px;min-height:39px;padding:7px 17px;display:flex}.linked-banner span{align-items:center;gap:5px;font-size:10px;font-weight:600;display:inline-flex}.linked-banner p{color:#628083;margin:0;font-size:10px}.error-banner{color:#993347;background:#fff0f3;border-bottom:1px solid #f2c7cf;align-items:center;gap:8px;padding:8px 13px;font-size:11px;display:flex}.error-banner span{flex:1}.error-banner button{color:inherit;background:0 0;border:0;padding:2px}.message-area{flex:1;min-height:0;padding:22px clamp(15px,4vw,45px);overflow-y:auto}.day-divider{color:#8191a1;text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:10px;margin:2px 0 20px;font-size:9px;font-weight:600;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--border);flex:1;height:1px}.message-row{align-items:flex-end;gap:8px;margin-bottom:13px;display:flex}.message-row.mine{justify-content:flex-end}.message-avatar{width:29px;height:29px;font-size:8px}.message-stack{flex-direction:column;max-width:min(72%,620px);display:flex}.message-row.mine .message-stack{align-items:flex-end}.message-author{color:#61788e;margin:0 0 4px 5px;font-size:9px;font-weight:600}.message-bubble{background:#fff;border:1px solid #cfdae5;border-radius:14px 14px 14px 4px;padding:10px 12px;box-shadow:0 1px 2px #1229420f,0 5px 15px #12294209}.message-row.mine .message-bubble{color:#fff;background:linear-gradient(145deg,#1b6df0,#125bd1);border-color:#1763dc;border-radius:14px 14px 4px}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.48}.nudge-message{color:#246660;background:#eefcf9;border-color:#afe3dc}.message-row.mine .nudge-message{background:#0d827d;border-color:#0d827d}.nudge-content{align-items:center;gap:7px;display:flex}.record-chip{color:#1760ba;background:#eaf4ff;border:1px solid #bfdbfa;border-radius:6px;align-items:center;gap:5px;margin:0 0 7px;padding:4px 7px;font:600 9px/1 IBM Plex Mono,monospace;display:inline-flex}.message-row.mine .record-chip{color:#fff;background:#ffffff1f;border-color:#ffffff3d}.attachment-card{color:#2d4a65;text-align:left;background:#f5f9fc;border:1px solid #d3e0eb;border-radius:10px;align-items:center;gap:9px;min-width:210px;max-width:100%;margin-top:8px;padding:9px 10px;display:flex}.message-row.mine .attachment-card{color:#fff;background:#ffffff1c;border-color:#ffffff38}.attachment-card span{flex-direction:column;min-width:0;display:flex}.attachment-card strong{white-space:nowrap;text-overflow:ellipsis;max-width:230px;font-size:10px;overflow:hidden}.attachment-card small{opacity:.72;margin-top:2px;font-size:8px}.message-meta{color:#8796a5;align-items:center;gap:6px;min-height:18px;margin-top:4px;font-size:8px;display:flex}.message-meta>span{align-items:center;gap:2px;display:inline-flex}.reaction-pill,.reaction-add{border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:9px;padding:2px 6px;font-size:9px}.reaction-add{color:#789;place-items:center;width:20px;height:20px;padding:0;display:grid}.message-empty{text-align:center;color:#718398;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:320px;display:flex}.empty-bubble{color:#4e7ba4;background:#e1edf8;border-radius:18px 18px 18px 6px;place-items:center;width:58px;height:58px;display:grid}.message-empty h2{color:#2b435b;margin:13px 0 5px;font:650 17px/1.2 Bricolage Grotesque,sans-serif}.message-empty p{max-width:310px;margin:0;font-size:11px;line-height:1.45}.composer{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;align-items:center;gap:5px;min-height:70px;padding:12px 13px;display:flex}.composer-input{border:1px solid var(--border);min-width:0;height:42px;color:var(--ink);background:#f6f9fc;border-radius:12px;outline:0;flex:1;padding:0 13px;font-size:12px}.composer-input:focus{border-color:#86b2ec;box-shadow:0 0 0 3px #1268f317}.composer-tool{width:34px;height:34px}.nudge-button{color:#237f79;background:#edf9f7;border:1px solid #a8dbd5;border-radius:9px;place-items:center;width:35px;height:35px;padding:0;display:grid}.send-button{background:var(--blue);color:#fff;border:0;border-radius:10px 10px 10px 4px;place-items:center;width:36px;height:36px;padding:0;display:grid;box-shadow:0 6px 14px #1268f333}.details-pane{border-left:1px solid var(--border);background:#f5f9fc;min-width:0;overflow-y:auto}.details-hero{border-bottom:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;padding:28px 18px 23px;display:flex}.detail-avatar{width:68px;height:68px;margin-bottom:12px;font-size:17px}.details-hero h2{margin:0;font:650 16px/1.2 Bricolage Grotesque,sans-serif}.details-hero p{color:var(--muted);margin:5px 0 8px;font-size:10px}.details-presence{color:#65798c;align-items:center;gap:5px;font-size:9px;display:inline-flex}.detail-section{border-bottom:1px solid var(--border);padding:16px}.detail-section>strong{color:#708294;text-transform:uppercase;letter-spacing:.07em;margin:0 5px 8px;font-size:9px;display:block}.detail-section button{color:#30485f;background:0 0;border:0;border-radius:7px;width:100%;padding:8px 7px;font-size:11px;display:flex}.detail-section button:hover{background:#e9f0f6}.detail-section button span{text-align:left;flex:1}.detail-section button b{color:#7a93aa;font-size:9px}.integration-card{color:#39706d;background:#ecfaf8;border:1px solid #c8e6e3;border-radius:11px;gap:8px;margin:16px 14px;padding:11px;display:flex}.integration-card>svg{flex:none}.integration-card strong{font-size:10px;display:block}.integration-card p{color:#668582;margin:4px 0 0;font-size:9px;line-height:1.4}.no-active-chat{text-align:center;color:#75889a;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.no-active-logo{color:#547b9c;background:#dfeaf5;border-radius:20px 20px 20px 7px;place-items:center;width:68px;height:68px;display:grid}.no-active-chat h1{color:#233e57;margin:14px 0 4px;font:700 21px/1.2 Bricolage Grotesque,sans-serif}.no-active-chat p{margin:0 0 16px;font-size:11px}.primary-button,.secondary-button{border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:11px;font-weight:600;display:inline-flex}.primary-button{background:var(--blue);color:#fff;border:0}.secondary-button{border:1px solid var(--border);color:var(--ink);background:#fff}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05111d85;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.new-chat-modal{background:#fff;border:1px solid #fff3;border-radius:18px;flex-direction:column;width:min(520px,100%);max-height:min(720px,100vh - 40px);display:flex;overflow:hidden;box-shadow:0 30px 90px #00000040}.new-chat-modal>header{align-items:flex-start;gap:12px;padding:18px 18px 12px;display:flex}.new-chat-modal>header>div{flex:1}.eyebrow{color:#678099;letter-spacing:.08em;font:600 9px/1 IBM Plex Mono,monospace}.new-chat-modal h2{color:#203c55;margin:5px 0 0;font:700 20px/1.2 Bricolage Grotesque,sans-serif}.mode-switch{background:#edf2f6;border-radius:9px;grid-template-columns:1fr 1fr;margin:0 18px 12px;padding:3px;display:grid}.mode-switch button{color:#657a8e;background:0 0;border:0;border-radius:7px;padding:7px;font-size:11px;font-weight:600}.mode-switch button.active{color:#24425d;background:#fff;box-shadow:0 1px 4px #11273d1a}.group-title{color:#65798b;text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:5px;margin:0 18px 12px;font-size:9px;font-weight:600;display:flex}.group-title input{border:1px solid var(--border);height:39px;color:var(--ink);text-transform:none;letter-spacing:normal;border-radius:9px;outline:none;padding:0 11px;font-size:12px}.modal-search{margin:0 18px 10px;padding:0 10px}.people-list{min-height:180px;max-height:390px;padding:0 10px 10px;overflow-y:auto}.people-list>button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:9px 8px;display:flex}.people-list>button:hover{background:#f0f5f9}.people-list>button>div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.people-list strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.people-list span{color:#8192a2;margin-top:2px;font-size:9px}.check-box{border:1px solid #b9c8d5;border-radius:6px;place-items:center;width:21px;height:21px;display:grid}.check-box.selected{border-color:var(--blue);background:var(--blue);color:#fff}.new-chat-modal>footer{border-top:1px solid var(--border);align-items:center;gap:10px;padding:12px 18px 16px;display:flex}.new-chat-modal>footer>span{color:#789;flex:1;font-size:10px}.auth-page,.loading-page,.empty-page{background:radial-gradient(circle at 20% 10%,#28d7ca2b,#0000 24rem),linear-gradient(145deg,#eaf2f8,#d8e5f0);place-items:center;min-height:100vh;padding:22px;display:grid}.auth-card{width:min(430px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #7e99b252;border-radius:22px;padding:28px}.auth-brand{align-items:center;gap:12px;display:flex}.auth-brand>div:last-child{flex-direction:column;line-height:1;display:flex}.auth-brand strong{font:700 18px/1 Bricolage Grotesque,sans-serif}.auth-brand span{color:#758a9d;margin-top:5px;font-size:11px}.auth-copy{margin:34px 0 23px}.auth-copy h1{color:#19334b;letter-spacing:-.03em;margin:8px 0;font:700 30px/1.08 Bricolage Grotesque,sans-serif}.auth-copy p{color:#718497;margin:0;font-size:12px;line-height:1.5}.auth-form{flex-direction:column;gap:13px;display:flex}.auth-form label{color:#586f84;flex-direction:column;gap:6px;font-size:10px;font-weight:600;display:flex}.auth-form input{border:1px solid var(--border);height:44px;color:var(--ink);background:#f8fbfd;border-radius:10px;outline:none;padding:0 12px;font-size:13px}.auth-form input:focus{border-color:#7aa9e5;box-shadow:0 0 0 3px #1268f317}.auth-message{color:#567087;background:#f0f6fb;border-radius:8px;padding:9px 10px;font-size:10px;line-height:1.4}.auth-submit{width:100%;min-height:44px;margin-top:3px}.link-button{color:#4276aa;background:0 0;border:0;font-size:10px}.auth-foot{border-top:1px solid var(--border);color:#7890a4;align-items:center;gap:7px;margin-top:25px;padding-top:16px;font-size:9px;display:flex}.loading-page{color:#5b7186;align-content:center;gap:11px;font-size:11px}.loading-orb{background:var(--navy);width:55px;height:55px;color:var(--aqua);border-radius:16px 16px 16px 6px;place-items:center;font:700 15px/1 Bricolage Grotesque,sans-serif;display:grid}.empty-card{width:min(430px,100%);box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:20px;padding:28px}.empty-card .brand-mark{margin:0 auto 17px}.empty-card h1{margin:0 0 7px;font:700 22px/1.2 Bricolage Grotesque,sans-serif}.empty-card p{color:#718497;margin:0 0 18px;font-size:11px;line-height:1.5}.nudge-pulse .chat-shell{animation:.58s ease-in-out nudge}@keyframes nudge{0%,to{transform:translate(0)}15%{transform:translate(-7px)rotate(-.15deg)}35%{transform:translate(6px)rotate(.15deg)}55%{transform:translate(-4px)}75%{transform:translate(3px)}}@media (width<=1120px){.chat-shell{grid-template-columns:320px minmax(470px,1fr)}.details-pane{display:none}}@media (width<=760px){.chat-page{padding:0}.chat-shell{width:100%;height:100dvh;min-height:0;box-shadow:none;border:0;border-radius:0;display:block}.sidebar{width:100%;height:100%}.sidebar.mobile-hidden{display:none}.conversation-pane{width:100%;height:100%;display:none}.conversation-pane.mobile-open{display:flex}.mobile-back{display:grid}.conversation-header{padding:0 10px}.header-actions .icon-button:first-child,.linked-banner p{display:none}.message-area{padding:18px 12px}.message-stack{max-width:84%}.composer{min-height:62px;padding:8px 7px}.composer-tool:nth-of-type(2),.composer-tool:nth-of-type(3),.nudge-button{display:none}.composer-input{height:40px}.auth-card{padding:23px}.auth-copy h1{font-size:27px}}