:root{--ink:#24362f;--muted:#7d8984;--line:#e5eae7;--green:#06a66a;--green-dark:#008653;--green-soft:#eaf7f0;--nav:#142b25;--paper:#fff;--canvas:#f7f9f8;--font:"Noto Sans Thai","Leelawadee UI",Tahoma,Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:var(--font);color:var(--ink);font-size:14px;line-height:1.6}body{background:var(--canvas)}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #75c5a0;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #8bccae;outline-offset:1px}input,select,textarea{min-width:0}button{border:0}a{color:var(--green-dark)}h1,h2,h3,p{margin:0}input::placeholder,textarea::placeholder{color:#98a29d}input[type=checkbox]{accent-color:var(--green)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0)}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.muted{color:var(--muted)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em}.green-text{color:var(--green-dark)}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;border-radius:8px;padding:10px 16px;font-weight:600;transition:background .15s}.primary{background:var(--green);color:white}.primary:hover:not(:disabled){background:var(--green-dark)}.secondary{background:#fff;border:1px solid #dce4df;color:#456052}.secondary:hover:not(:disabled){background:#f3f7f5}.compact{font-size:13px;min-height:34px;padding:6px 10px}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:6px;padding:6px;flex:none;min-width:28px;min-height:28px;color:var(--muted)}.icon-button:hover{background:#e8efeaaa}.avatar{width:41px;height:41px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:15px;font-weight:600;letter-spacing:-.02em;line-height:1}.avatar.small{width:31px;height:31px;font-size:12px}.avatar.large{width:66px;height:66px;font-size:23px}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:23px;letter-spacing:-.8px;line-height:1.15}.brand b{font-weight:400;color:#89bd9f}.brand small{display:block;font-size:12px;letter-spacing:2px;color:#8aa69a;margin-top:7px}.brand-mark{width:36px;height:36px;background:#13b576;border-radius:10px;color:#fff}.brand-mark,.loading-screen{display:flex;justify-content:center;align-items:center}.loading-screen{min-height:100dvh;flex-direction:column;gap:16px;color:var(--muted)}.login{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:var(--nav);color:white;padding:54px clamp(35px,6vw,100px);display:flex;flex-direction:column;justify-content:space-between;gap:60px}.login-story .eyebrow{color:#9dbcae;font-size:13px}.login-story h1{font-size:clamp(32px,3.6vw,52px);line-height:1.5;font-weight:500;letter-spacing:-1.2px;margin-top:18px}.login-story h1 span{color:#2dd992}.login-story p{color:#a7bcb2;line-height:1.9;font-size:16px;margin-top:18px}.login-story>small{color:#91a99d;font-size:12px}.login-sample{display:flex;align-items:center;gap:16px;background:#ffffff08;border:1px solid #ffffff17;border-radius:12px;padding:20px;margin-top:38px;max-width:440px}.login-sample b{font-size:15px;font-weight:500}.login-sample p{font-size:12px;margin:3px 0 0}.sample-icon{color:#70d4a3;background:#ffffff0b;display:flex;padding:12px;border-radius:8px}.sample-check{color:#55c991;margin-left:auto;flex:none}.login-form{display:flex;justify-content:center;align-items:center;background:#fff;padding:40px}.login-card{width:100%;max-width:360px}.login-card h2{font-size:29px;margin:10px 0 8px;letter-spacing:-.5px}.login-card>p{color:var(--muted);font-size:15px}.login-card form{margin-top:32px}.login-card label{display:block;margin-bottom:20px;font-weight:500}.login-card input{display:block;border:1px solid #dce4df;border-radius:8px;width:100%;padding:12px 13px;margin-top:8px;font-size:15px}.login-card .primary{width:100%;margin-top:7px;min-height:46px}.login-hint{display:flex;gap:10px;color:#87958c;background:#f6f8f7;padding:16px;border-radius:8px;margin-top:28px;font-size:12px}.login-hint svg{flex:none;margin-top:3px}.login-hint code{color:#60746a}.form-error{color:#b73737;font-size:13px;margin:10px 0 16px}.app-shell{display:grid;grid-template-columns:218px minmax(0,1fr);height:100dvh;overflow:hidden}.sidebar{background:var(--nav);padding:28px 16px 0;display:flex;flex-direction:column;color:#bdcec5;min-height:0}.sidebar>.brand{padding:0 12px}.workspace-name{display:flex;align-items:center;gap:10px;border:1px solid #ffffff13;border-radius:8px;padding:11px 10px;margin:31px 0 27px;font-size:13px;color:#edf2ef}.workspace-name small{display:block;font-size:12px;color:#92ab9f;line-height:1.6}.workspace-name>svg{margin-left:auto;color:#7b9889}.workspace-symbol{width:30px;height:32px;border-radius:7px;background:#335448;color:#ccdacb;display:flex;justify-content:center;align-items:center;font-size:17px}.nav-label{font-size:12px;letter-spacing:.5px;color:#799588;padding:0 12px;margin-bottom:9px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;background:transparent;color:#afc5b9;text-align:left;border-radius:7px;font-size:14px}.sidebar nav button:hover{background:#ffffff08}.sidebar nav button.active{background:#24553f;color:#d2f6df}.sidebar nav button.active>svg{color:#73dda5}.nav-count{font-family:Arial,sans-serif;margin-left:auto;font-size:12px;padding:1px 7px;background:#4b795d;border-radius:4px;color:#e8fff0}.oa-label{margin-top:32px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.8px}.oa-label>span{font-size:12px;color:#a1b6a8}.account-nav{display:flex;flex-direction:column;gap:4px}.account-nav button{display:flex;align-items:center;gap:11px;text-align:left;padding:9px 12px;background:transparent;color:#a7c0b2;font-size:13px;border-radius:6px}.account-nav button.chosen{background:#ffffff08;color:#e0eee5}.account-nav button:hover{background:#ffffff0b}.account-dot{width:8px;height:8px;flex:none;border-radius:50%}.all-dot{border:2px solid #759484;background:transparent}.account-count{margin-left:auto;color:#a9c4b5;font-size:12px}.sidebar-bottom{margin-top:auto;padding-top:24px}.demo-card{border:1px solid #ffffff10;border-radius:8px;padding:13px 12px;margin:0 1px 20px;background:#ffffff03}.demo-mini{font-size:12px;letter-spacing:1px;color:#80b59a}.demo-card p{font-size:12px;color:#d5e1db;margin:6px 0 2px}.demo-card small{font-size:12px;color:#859f91}.sidebar-bottom nav button{font-size:13px}.user-menu{display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff10;padding:20px 0;margin-top:10px}.user-menu .avatar{width:32px;height:32px;background:#48624d!important;color:#d9e2ce!important;font-size:12px}.user-menu b{font-weight:500;color:#ecf0ed;font-size:12px}.user-menu small{display:block;color:#7f9b8a;font-size:12px}.user-menu>button{margin-left:auto;color:#9ab4a4}.workspace{flex-direction:column;min-width:0;min-height:0;overflow:hidden}.topbar,.workspace{display:flex;background:#fff}.topbar{min-height:65px;align-items:center;justify-content:space-between;padding:0 27px;border-bottom:1px solid var(--line);gap:15px}.breadcrumb{display:flex;align-items:center;gap:11px;color:#95a099;font-size:12px}.breadcrumb strong{font-weight:500;color:#52675c}.topbar-actions{display:flex;align-items:center;gap:17px}.demo-pill{display:inline-flex;align-items:center;padding:3px 8px;background:#faf3de;border:1px solid #f1e4bb;border-radius:5px;color:#a68b44;font-size:12px;white-space:nowrap}.today{font-size:12px;color:#8e9a92}.notification-button{position:relative}.notification-button>i{position:absolute;right:6px;top:5px;height:5px;width:5px;border-radius:50%;background:#df8476;border:1px solid white}.inbox-heading{padding:25px 27px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}.inbox-heading h1{font-size:24px;font-weight:600;line-height:1.4;display:flex;align-items:center;gap:10px;letter-spacing:-.5px}.inbox-heading h1>span{font-size:12px;font-weight:500;color:#6c8b7a;background:#eff4f1;padding:2px 7px;border-radius:5px}.inbox-heading p{font-size:12px;color:#8b9891;margin-top:5px}.inbox-heading-right{display:flex;align-items:center;gap:19px}.sync-label{color:#849b8d;display:flex;align-items:center;gap:6px;font-size:12px}.inbox-grid{display:grid;grid-template-columns:310px minmax(310px,1fr) 260px;border-top:1px solid var(--line);flex:1 1;min-height:0}.conversation-list{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.list-toolbar{padding:17px 16px 0;flex:none}.search-input{display:flex;align-items:center;gap:8px;background:#f6f8f7;border:1px solid #e9eeeb;border-radius:7px;padding:7px 11px;color:#9aa79e}.search-input input{border:0;background:transparent;padding:3px 0;outline:0;flex:1 1;width:100%;font-size:12px}.search-input:focus-within{outline:2px solid #8bccae}.status-tabs{display:flex;gap:0;margin-top:15px;border-bottom:1px solid var(--line);justify-content:space-between}.status-tabs button{background:transparent;padding:8px 3px 12px;font-size:12px;color:#88958c;border-bottom:2px solid transparent;margin-bottom:-1px}.status-tabs button.selected{color:var(--green-dark);border-bottom-color:var(--green);font-weight:600}.list-filter-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;gap:5px;color:#8f9c93;font-size:12px}.list-filter-row label{display:flex;align-items:center;gap:5px;white-space:nowrap}.list-filter-row label input{margin:0;height:12px;width:12px}.list-filter-row select{font-size:12px;border:0;color:#89968d;background:white;max-width:83px}.list-filter-row>span{display:flex;align-items:center;gap:3px;white-space:nowrap}.conversation-items{overflow-y:auto;flex:1 1;scrollbar-width:thin;scrollbar-color:#dfe7e1 transparent}.conversation-item{display:flex;text-align:left;gap:10px;width:100%;padding:17px 15px;background:#fff;border-bottom:1px solid #f0f3f1;border-left:3px solid transparent;transition:background .12s}.conversation-item:hover{background:#f8faf9}.conversation-item.current{background:#eff8f3;border-left-color:var(--green)}.conversation-item .avatar{width:39px;height:39px;font-size:13px;margin-top:2px}.conversation-summary{min-width:0;flex:1 1}.conversation-title{display:flex;align-items:center;gap:6px;justify-content:space-between}.conversation-title b{font-size:13px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.unread .conversation-title b{font-weight:700;color:#244635}.conversation-title time{font-family:Arial,sans-serif;font-size:12px;color:#9aa59e;flex:none}.unread .conversation-title time{color:#6a9f80}.message-preview{display:flex;align-items:center;gap:8px;margin:5px 0 8px;color:#86968c;font-size:12px}.message-preview>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.message-preview>i{font-size:12px;font-style:normal;font-family:Arial,sans-serif;min-width:16px;height:16px;background:#de7e72;display:flex;align-items:center;justify-content:center;color:white;border-radius:50%;margin-left:auto;flex:none}.conversation-meta{display:flex;align-items:center;gap:6px}.oa-label-inline{font-size:12px;color:#7f9387;display:inline-flex;gap:4px;align-items:center;white-space:nowrap}.oa-label-inline>i{width:5px;height:5px;border-radius:50%;flex:none}.tag-pill{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;border-radius:4px;padding:1px 5px;background:#eaf5ee;color:#649c7a;font-size:12px;line-height:1.8}.tag-pill.gold{background:#fbf0d4;color:#b3944d}.tag-pill.purple{background:#f0eefa;color:#8c7bbb}.tag-pill.blue{background:#eaf2fa;color:#7b99bf}.tag-pill button{display:flex;background:transparent;padding:2px;color:inherit}.assigned-mini{width:19px;height:19px;display:inline-flex;justify-content:center;margin-left:auto;background:#edf1ed;border-radius:50%;color:#94a394}.assigned-mini,.list-footer{align-items:center;font-size:12px}.list-footer{padding:13px 16px;display:flex;gap:8px;border-top:1px solid var(--line);color:#9aa69f}.list-footer-scope{margin-left:auto}.empty-state{padding:40px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;color:#92a196;min-height:200px}.empty-state p{font-size:12px}.empty-state b{font-size:14px;color:#526f5c}.chat-panel{display:flex;flex-direction:column;min-height:0;min-width:0;background:#f8faf9}.welcome-chat{flex-direction:column;flex:1 1;text-align:center;padding:35px}.welcome-chat,.welcome-icon{display:flex;align-items:center;justify-content:center}.welcome-icon{width:88px;height:88px;background:#eaf4ee;color:#68a582;border:1px solid #daeade;border-radius:25px;margin-bottom:29px;box-shadow:0 8px 20px #36523d05}.welcome-chat .eyebrow{font-size:12px;letter-spacing:1px}.welcome-chat h2{font-size:24px;font-weight:500;margin:8px 0 13px}.welcome-chat p{font-size:13px;color:#91a093;line-height:2}.welcome-shortcuts{display:flex;align-items:center;gap:20px;border-top:1px solid #e7eee9;margin-top:30px;padding-top:24px;color:#8ba091;font-size:12px}.welcome-shortcuts span{display:flex;align-items:center;gap:7px}.chat-header{display:flex;align-items:center;gap:10px;padding:18px 21px;min-height:81px;border-bottom:1px solid var(--line);background:white;flex:none}.chat-customer{min-width:0;flex:1 1}.chat-customer h2{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-customer>span{color:#8a9a8e;font-size:12px;display:flex;align-items:center;gap:4px}.chat-customer>span>i{height:5px;width:5px;border-radius:50%;flex:none}.status-badge{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap;background:#fff4df;color:#b18c3c;border:1px solid #f2e9d5;padding:3px 7px;border-radius:5px}.status-badge>i{height:4px;width:4px;border-radius:50%;background:currentColor}.status-badge.closed{background:#edf7f0;color:#74a98a;border-color:#e4efe7}.status-badge.following{background:#f2effb;color:#9583bf;border-color:#eae4f4}.status-badge.pending{background:#edf3fa;color:#709abc;border-color:#e4edf5}.demo-chat-strip{padding:7px 15px;text-align:center;font-size:12px;color:#8b9e91;background:#f0f5f2;display:flex;align-items:center;justify-content:center;gap:6px;flex:none;border-bottom:1px solid #e8eeea}.demo-chat-strip svg{flex:none}.timeline{padding:22px;flex:1 1;min-height:80px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dfe7e1 transparent}.date-divider{display:flex;justify-content:center;margin:0 0 23px}.date-divider>span{font-size:12px;color:#91a297;border:1px solid #e6ede8;border-radius:15px;padding:3px 13px;background:#fcfdfc}.message-row{display:flex;align-items:flex-start;gap:9px;margin:0 0 20px;max-width:93%}.message-row>.avatar{margin-top:3px}.message-row>div{min-width:0}.message-bubble{padding:11px 14px;background:#fff;border:1px solid #e6ede8;border-radius:0 10px 10px 10px;color:#546c5c;font-size:13px;line-height:1.8;box-shadow:0 1px 2px #1d41250a;white-space:pre-wrap;overflow-wrap:anywhere}.message-row time{font-size:12px;color:#a1b0a6;display:block;margin-top:4px;padding-left:2px}.system-event{display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;color:#a1aea4;margin:16px 0 23px}.timeline-note{background:#fcf7e6;border:1px solid #eee7c9;border-radius:8px;padding:12px 14px;margin:20px 0 20px 40px}.timeline-note>div{display:flex;align-items:center;gap:6px;color:#baa458;font-size:12px}.timeline-note b{font-size:12px;color:#9c873f;font-weight:500}.timeline-note time{margin-left:auto;font-size:12px}.timeline-note p{font-size:12px;color:#95864f;margin-top:7px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.timeline-end{display:flex;justify-content:center;align-items:center;gap:5px;color:#a8b6ad;font-size:12px;margin-top:20px}.composer{border-top:1px solid var(--line);background:#fff;padding:0 20px 13px;flex:none}.composer-tabs{display:flex;align-items:center;gap:18px;border-bottom:1px solid #f0f3f1}.composer-tabs button{background:transparent;display:flex;align-items:center;gap:5px;padding:12px 0 10px;color:#92a094;font-size:12px;border-bottom:2px solid transparent}.composer-tabs button.active{color:#728b70;border-bottom-color:#95ac87}.composer-tabs>span{display:flex;align-items:center;gap:3px;margin-left:auto;color:#a3aea3;font-size:12px;white-space:nowrap}.composer textarea{display:block;width:100%;resize:vertical;min-height:69px;max-height:130px;border:0;padding:12px 0 5px;font-size:12px;color:#627664;background:white}.composer textarea:focus{outline-offset:1px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0 13px}.composer-bottom>span{font-size:12px;color:#b0b8ac}.composer-bottom button{font-size:12px;min-height:27px;border-color:#e4e9e2;padding:4px 9px}.handoff-area{padding-top:13px;border-top:1px solid #edf1ee}.handoff{width:100%;font-size:12px;min-height:40px;padding:8px 13px;background:#0aa66b;border-radius:7px}.handoff>svg:last-child{margin-left:auto}.handoff>svg:first-child{margin-right:auto}.handoff-area>small{display:block;text-align:center;color:#aab3aa;font-size:12px;margin-top:7px;line-height:1.7}.history-list{max-height:140px;overflow:auto;padding:8px 0}.history-list>div{display:flex;align-items:flex-start;gap:8px;padding:7px 0;color:#849486;font-size:12px}.history-list svg{margin-top:3px}.history-list small{display:block;font-size:12px;color:#a6b0a5}.customer-panel{border-left:1px solid var(--line);background:#fff;overflow-y:auto;scrollbar-width:thin}.detail-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 19px 0}.detail-heading h2{font-size:13px;font-weight:500;color:#6c8172}.customer-identity{text-align:center;padding:24px 15px 21px}.customer-identity h3{font-size:16px;font-weight:600;margin-top:13px}.customer-identity>span:last-child{display:block;font-size:12px;color:#9ca99e;margin-top:4px}.detail-section{padding:17px 19px;border-top:1px solid #edf1ed}.detail-section>label{display:flex;align-items:center;gap:5px;color:#9aa79b;font-size:12px;margin-bottom:8px}.detail-section>label:not(:first-child){margin-top:17px}.line-id{display:flex;align-items:center;gap:4px;min-width:0}.line-id code{font-size:12px;color:#788c7d;overflow-wrap:anywhere;min-width:0}.line-id>.icon-button{margin-left:auto}.contact-account{gap:7px;font-size:12px;color:#7e9182}.contact-account,.oa-square{display:flex;align-items:center}.oa-square{height:38px;width:38px;justify-content:center;color:white;border-radius:9px;flex:none}.oa-square.mini{height:23px;width:23px;border-radius:5px}.detail-section select{width:100%;border:1px solid #e0e7e1;border-radius:6px;padding:8px 9px;background:#fff;color:#748b79;font-size:12px}.customer-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:12px}.customer-tags .tag-pill{font-size:12px;padding:2px 7px}.activity>div,.customer-tags .muted{font-size:12px}.activity>div{display:flex;justify-content:space-between;gap:8px;margin-top:10px;color:#a1aea2}.activity>div>b{font-size:12px;font-weight:400;color:#7f9484}.detail-footnote{display:flex;gap:8px;align-items:center;color:#a0afa1;border-top:1px solid var(--line);padding:17px 19px;line-height:1.8}.detail-footnote>svg{flex:none;color:#9fb6a0}.detail-placeholder{height:100%;min-height:200px;justify-content:center;flex-direction:column;gap:17px;text-align:center;color:#b2beb3;font-size:12px;line-height:1.9}.detail-placeholder,.toast{display:flex;align-items:center}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#18392a;color:#effcf2;box-shadow:0 8px 24px #13281b25;border-radius:9px;gap:10px;padding:13px 14px 13px 18px;font-size:13px;z-index:100;max-width:calc(100vw - 30px);white-space:normal}.toast.error{background:#883c38}.toast>.icon-button{color:inherit}.toast>svg{flex:none}.error-strip{background:#fff1ed;color:#ad6450;padding:10px 20px;font-size:13px}.error-strip button{background:transparent;text-decoration:underline;color:inherit}.overview{padding:32px;overflow-y:auto;flex:1 1;background:#f7f9f8}.page-heading h1{font-size:27px;font-weight:600;margin-top:8px;letter-spacing:-.4px}.page-heading p{font-size:14px;color:#8b9a90;margin-top:6px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:28px 0}.metric{border:1px solid #e1e9e2;background:#fff;border-radius:10px;padding:22px;text-align:left;transition:box-shadow .2s}.metric:hover{box-shadow:0 6px 17px #16322009}.metric>span{font-size:13px;color:#83988a}.metric strong{display:flex;align-items:center;justify-content:space-between;font-family:Arial,sans-serif;font-size:38px;font-weight:500;margin:14px 0 8px;color:#345541}.metric strong svg{color:#99b8a3}.metric>small{font-size:12px;color:#a4b1a7}.overview-card{border:1px solid #e1e9e3;background:#fff;border-radius:10px;padding:10px 24px;margin-top:24px}.overview-card h2{font-size:15px;font-weight:500;padding:15px 0 20px;display:flex;align-items:center;gap:12px}.overview-card h2 span{font-size:12px;color:#9bada0}.account-row{width:100%;display:flex;align-items:center;gap:15px;background:#fff;text-align:left;border-top:1px solid #edf1ed;padding:18px 0}.account-row>span:nth-child(2){flex:1 1}.account-row b{font-size:13px;font-weight:500}.account-row small{display:block;font-size:12px;color:#9daa9d;margin-top:3px}.account-row>svg{color:#a5b8a9}.account-row-status{color:#93a895;font-size:12px}.settings-notice{display:flex;align-items:center;gap:14px;margin:26px 0 0;padding:21px;border:1px solid #e3e9d7;border-radius:8px;background:#f6f8ed;color:#899e72}.settings-notice p{font-size:12px;color:#95a182;margin-top:5px}.settings-notice b{font-size:14px;font-weight:500}.settings-notice svg{flex:none}.role-pill{background:#edf5ee;color:#90a387;border-radius:5px;padding:3px 9px;font-size:12px}.chat-back,.details-toggle,.menu-toggle,.sidebar-scrim{display:none}@media(min-width:1600px){.app-shell{grid-template-columns:232px minmax(0,1fr)}.inbox-grid{grid-template-columns:340px minmax(350px,1fr) 280px}.conversation-item{padding-top:20px;padding-bottom:20px}.timeline{padding:28px 35px}.message-bubble{font-size:14px}}@media(max-width:1279px){.inbox-grid{grid-template-columns:292px minmax(300px,1fr)}.customer-panel{display:none}.inbox-grid.show-details{grid-template-columns:292px minmax(300px,1fr)}.show-details .customer-panel{display:block;position:absolute;right:0;top:65px;bottom:0;width:290px;z-index:10;box-shadow:-8px 0 25px #16312315}.details-toggle{display:inline-flex}.inbox-heading,.topbar{padding-left:22px;padding-right:22px}.composer-tabs{gap:13px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1000px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.inbox-grid{grid-template-columns:260px minmax(280px,1fr)}.conversation-item{padding-left:9px;padding-right:9px;gap:8px}.conversation-item .avatar{width:33px;height:33px;font-size:12px}.conversation-title b{font-size:12px}.list-toolbar{padding-left:12px;padding-right:12px}.conversation-meta .tag-pill{font-size:12px}.composer-tabs>span,.sync-label{display:none}.topbar-actions{gap:10px}.today{display:none}.chat-header{padding:14px;gap:8px}.chat-header .avatar{width:33px;height:33px;font-size:12px}.chat-customer h2{font-size:14px}.chat-customer>span{font-size:12px}.timeline{padding:18px 14px}.timeline-note{margin-left:15px}.composer{padding-left:14px;padding-right:14px}.demo-chat-strip{font-size:12px}.welcome-chat{padding:25px}.welcome-chat h2{font-size:21px}.welcome-chat p{font-size:12px}.welcome-shortcuts{gap:12px}.sidebar nav button{font-size:13px}.overview{padding:24px}.page-heading h1{font-size:24px}}@media(max-width:800px){.app-shell{display:block}.sidebar{position:fixed;top:0;bottom:0;left:0;width:225px;transform:translateX(-100%);z-index:60;transition:transform .2s;padding:28px 16px 0}.sidebar-visible .sidebar{transform:translateX(0)}.sidebar-visible .sidebar-scrim{display:block;position:fixed;inset:0;background:#0c251b60;z-index:59}.workspace{height:100dvh}.menu-toggle{display:inline-flex}.topbar{min-height:57px;padding:0 16px;gap:10px}.breadcrumb{margin-right:auto}.topbar-actions{gap:7px}.inbox-heading{padding:18px 18px 17px}.inbox-heading h1{font-size:22px}.inbox-heading p{font-size:12px}.inbox-grid{grid-template-columns:285px minmax(0,1fr)}.show-details .customer-panel{top:57px}.login{grid-template-columns:1fr}.login-story{display:none}.login-form{min-height:100dvh;padding:30px}.metric strong{font-size:32px}.overview-card{padding:8px 17px}.account-row-status{font-size:12px}}@media(max-width:600px){.breadcrumb{font-size:12px;gap:7px}.breadcrumb>strong,.breadcrumb>svg{display:none}.demo-pill{font-size:12px}.inbox-heading-right .secondary{font-size:12px;padding:5px 9px}.inbox-heading h1{font-size:21px}.inbox-grid{display:block;position:relative;overflow:hidden}.conversation-list{height:100%;border-right:0}.chat-panel{display:none;height:100%;position:relative}.has-selection .chat-panel{display:flex}.has-selection .conversation-list{display:none}.conversation-item{padding:17px 18px;gap:13px}.conversation-item .avatar{width:43px;height:43px;font-size:14px}.conversation-title b{font-size:14px}.conversation-title time{font-size:12px}.message-preview{font-size:13px}.conversation-meta .tag-pill,.oa-label-inline{font-size:12px}.assigned-mini{width:23px;height:23px;font-size:12px}.list-toolbar{padding:17px 18px 0}.search-input input{font-size:14px}.status-tabs{margin-top:12px}.status-tabs button{font-size:13px;padding-left:10px;padding-right:10px}.list-filter-row{padding:13px 0}.list-filter-row label{font-size:12px}.list-filter-row select{font-size:12px;max-width:120px}.chat-back{display:inline-flex}.chat-header{min-height:72px;padding:11px 12px}.chat-header .avatar{width:36px;height:36px}.timeline{padding:18px}.message-bubble{font-size:14px}.message-row{max-width:96%}.composer textarea{min-height:60px;font-size:13px}.composer-tabs button{font-size:12px}.timeline-note{margin-left:25px}.timeline-note p{font-size:13px}.show-details .customer-panel{position:absolute;inset:0;width:100%;z-index:20}.customer-panel .detail-heading{padding:18px 24px 0}.detail-section{padding:17px 24px}.detail-section label{font-size:13px}.detail-section select{font-size:14px}.customer-identity>span:last-child{font-size:12px}.contact-account{font-size:13px}.detail-footnote{font-size:12px}.detail-section .line-id code{font-size:13px}.activity>div,.activity>div>b{font-size:12px}.detail-heading h2{font-size:16px}.account-row-status{display:none}.overview{padding:23px 17px}.page-heading h1{font-size:23px}.metric-grid{gap:10px;margin:22px 0}.metric{padding:16px}.metric strong{font-size:30px;margin:9px 0}.metric>small,.metric>span{font-size:12px}.overview-card h2{font-size:14px}.account-row{gap:10px}.account-row b{font-size:12px}.account-row .oa-square{width:32px;height:32px}.account-row .demo-pill{font-size:12px}.settings-notice{padding:16px;align-items:flex-start}.settings-notice b{font-size:13px}.settings-notice p,.toast{font-size:12px}.toast{bottom:15px;width:max-content}.inbox-heading:has(+.has-selection){display:none}.composer-bottom>span,.handoff-area>small{font-size:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#365348 transparent}.sidebar>*{flex-shrink:0}.brand small{display:none}.row-status{display:block;color:#95a79b;font-size:12px;margin-top:5px}.conversation-title b,.message-bubble{font-size:14px}.detail-section select,.detail-section>label,.status-tabs button{font-size:13px}.conversation-meta{flex-wrap:wrap}.composer-tabs{flex-wrap:wrap;gap:12px}.detail-footnote{font-size:12px}@media(max-width:800px){.sidebar{visibility:hidden}.sidebar-visible .sidebar{visibility:visible}}.activity>div,.activity>div>b,.composer-bottom>span,.customer-identity>span:last-child,.demo-chat-strip,.detail-section>label,.handoff-area>small,.message-preview,.oa-label-inline,.row-status{color:#718377}.timeline-note p{color:#877438}.conversation-title time{color:#7d9082}.source-switch{display:flex;gap:4px;background:#0b201a;border-radius:8px;padding:4px;margin:0 0 18px}.source-switch button{flex:1 1;background:transparent;color:#a3b8ae;border-radius:5px;padding:6px;font-size:12px}.source-switch button.active{color:#fff;background:#315848}.settings-page{max-width:1200px;width:100%;margin:0 auto}.connection-health{display:flex;gap:12px 24px;flex-wrap:wrap;margin:22px 0 10px;font-size:13px}.connection-health span{display:flex;align-items:center;gap:7px;color:#946f32}.connection-health i{width:7px;height:7px;border-radius:50%;background:currentColor}.connection-health .ok{color:#08794d}.tunnel-note{color:#7b6b4b;font-size:12px;padding:10px 14px;border-radius:7px;background:#faf4e8;line-height:1.8;overflow-wrap:anywhere}.connect-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0 32px}.connect-steps>div{position:relative;padding-left:35px}.connect-steps>div>span{position:absolute;left:0;top:0;width:25px;height:25px;background:#e3f2ea;color:#15865b;border-radius:50%;text-align:center;font-weight:700}.connect-steps b{font-size:13px}.connect-steps p{font-size:12px;color:#7b8981;margin-top:4px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px}.section-title h2{font-size:17px}.section-title h2>span{color:#809188;font-weight:400;margin-left:8px}.overview-card.add-account{padding:24px}.form-heading{display:flex;align-items:center;gap:13px;margin-bottom:22px}.form-heading h2{margin:0;font-size:16px}.form-heading p{font-size:12px;color:#74877b}.form-heading>a{font-size:12px;display:flex;align-items:center;gap:3px;margin-left:auto;text-decoration:none}.form-icon{width:44px;height:44px;display:grid;place-items:center;background:#eaf7f0;border-radius:12px;color:#098555}.connection-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}.connection-form label{display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:6px}.connection-form label>small{color:#7c8982;font-size:11px;font-weight:400}.connection-form input,.copy-url input{width:100%;border:1px solid #dae4de;border-radius:7px;background:#fff;padding:10px 12px;color:#24362f;font-size:13px}.connection-form .wide{grid-column:1/-1}.form-footer{justify-content:space-between;gap:16px;padding-top:7px}.form-footer,.form-footer>span{display:flex;align-items:center}.form-footer>span{gap:6px;color:#718177;font-size:11px}.connection-card{border:1px solid #e1e9e3;background:#fff;padding:23px;border-radius:11px;margin-bottom:18px}.connection-card-heading{display:flex;gap:13px;align-items:center;margin-bottom:20px}.connection-card-heading h3{font-size:16px}.connection-card-heading small{color:#839086;font-size:12px}.connection-badge{margin-left:auto;background:#fcf1d9;border:1px solid #f1e3bb;color:#8c712c;border-radius:20px;padding:4px 10px;font-size:11px;white-space:nowrap}.connection-badge.ready{background:#eaf7f0;color:#088554;border-color:#d4eddd}.field-label{font-size:12px;font-weight:600;display:block;margin-bottom:5px}.copy-url{display:flex;gap:8px}.copy-url input{background:#f8faf9;font-size:12px;font-family:Consolas,monospace}.connection-meta{display:flex;gap:10px 25px;flex-wrap:wrap;margin:12px 0;font-size:11px;color:#7b8a80}.connection-meta b{font-weight:400;color:#4f685a}.connection-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.text-button{background:transparent;color:#7e8c82;padding:4px 9px;font-size:12px;margin-left:auto}.connection-result{padding:12px 15px;background:#edf7f1;font-size:12px;border-radius:6px;margin-top:14px;line-height:1.8}.edit-account{border-top:1px solid #e4ebe6;margin-top:20px;padding-top:20px}.setup-guide{font-size:13px;color:#4e6759;line-height:2;margin:20px 0 28px;background:#f0f5f2;border:1px solid #e0e8e3;border-radius:10px;padding:16px 21px}.setup-guide summary{font-weight:600;cursor:pointer}.setup-guide ol{padding-left:22px}.setup-guide li{padding:4px 0}.setup-guide>p{font-size:12px;color:#8c703c}.event-diagnostics{border-top:1px solid #e2e8e4;padding-top:12px;margin-top:18px;font-size:12px}.event-diagnostics h4{margin:0 0 8px}.event-row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #eff2f0}.event-row small{display:block;color:#7c8c81;font-size:11px}.event-row>span:last-child{text-align:right}.media-content{display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere}.media-content img{max-width:260px;max-height:320px;object-fit:contain;border-radius:5px;width:100%}.media-content small{font-size:11px;color:#7b8e80}.media-content p{font-size:12px}.message-bubble small{display:block}.empty-state>.primary{margin-bottom:8px}.connection-actions .secondary{font-size:12px}@media(max-width:1000px){.form-heading{flex-wrap:wrap}.form-heading>a{margin-left:57px}.form-footer{align-items:flex-start;flex-direction:column}.connect-steps{gap:12px}}@media(max-width:600px){.connection-form{grid-template-columns:1fr}.connection-form .wide{grid-column:auto}.connection-card,.overview-card.add-account{padding:18px}.connect-steps{grid-template-columns:1fr;gap:15px}.connection-health{gap:8px 15px;font-size:12px}.connection-card-heading{flex-wrap:wrap}.connection-badge,.form-heading>a{margin-left:0}.form-heading>div{flex:1 1;min-width:150px}.form-footer .primary{width:100%}.connection-actions .text-button{margin-left:0}.connection-meta{flex-direction:column}.copy-url{flex-wrap:wrap}.copy-url input{flex-basis:100%}}.copy-customer{display:flex;align-items:center;gap:5px;margin:5px auto 0;font-size:11px}.browser-settings{margin:24px 0;padding:24px}.browser-settings>p{margin:10px 0}.browser-settings ol{padding-left:22px}.browser-settings li{margin:8px 0}.browser-settings .primary{margin-top:12px}.agent-item{display:flex;gap:15px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0;margin-top:10px}.agent-item small{display:block;color:var(--muted)}.pair-code{margin-top:12px}.pair-code input{width:100%;padding:9px;border:1px solid var(--line);border-radius:6px;font:12px monospace}.pair-code small{display:block;color:var(--muted);margin-top:5px}.reply-composer{font-size:12px;max-height:340px;overflow:auto;padding-top:12px}.reply-composer textarea{min-height:65px}.reply-recipient{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.reply-recipient>span{color:#aeb9b1}.reply-recipient>span.online{color:var(--green)}.reply-recipient small{color:var(--muted);margin-right:auto}.reply-bind{margin:10px 0}.reply-bind summary,.reply-queue summary{cursor:pointer;color:var(--green-dark)}.reply-bind p{margin:10px 0}.reply-job{border:1px solid var(--line);padding:10px;border-radius:8px;margin:8px 0;display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between}.reply-job>div:first-child{min-width:0;flex:1 1}.reply-job p{white-space:pre-wrap;overflow-wrap:anywhere}.reply-job small{color:var(--muted)}.reply-job.sent b{color:var(--green-dark)}.reply-job.review{border-color:#e6be70;background:#fffaf0}.review-actions{flex-basis:100%}.review-actions button{margin:7px 7px 0 0;font-size:12px}.message-row.outbound{margin-left:auto;flex-direction:row-reverse;justify-content:flex-start}.message-row.outbound .message-bubble{background:#daf4e5;border-color:#bce4ce}.message-row.outbound time{display:block;text-align:right}.composer{max-height:65%;overflow:auto;flex-shrink:0}.delivery-status{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:10px 0;background:var(--paper);color:var(--ink)}.delivery-status>div{flex:1 1;min-width:0}.delivery-status span,.delivery-status strong{display:block}.delivery-status span{color:var(--muted);font-size:11px;line-height:1.6;margin-top:3px}.delivery-status>small{white-space:nowrap;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.delivery-status.sent>svg{color:var(--green)}.delivery-status.failed,.delivery-status.review{border-color:#b88e46}.delivery-status.failed>svg,.delivery-status.review>svg{color:#c79239}.delivery-spinner{animation:delivery-spin 1s linear infinite;flex-shrink:0}@keyframes delivery-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.delivery-spinner{animation:none}}.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.line-display-name{display:block;font-size:12px;font-weight:400;color:#718096;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-workspace .topbar{min-height:46px;height:46px;padding:0 20px;flex:none}.chat-workspace .topbar-actions{gap:14px}.chat-workspace .breadcrumb{font-size:13px;color:#61717d}.chat-workspace .inbox-grid{grid-template-columns:310px minmax(0,1fr) 300px;position:relative;border-top:0}.chat-workspace .inbox-grid.hide-details{grid-template-columns:310px minmax(0,1fr)}.chat-workspace .hide-details .customer-panel{display:none}.chat-workspace .list-heading{display:flex;align-items:center;gap:8px;min-height:55px;padding:10px 18px;border-bottom:1px solid #edf0f2}.list-heading h1{font-size:17px;font-weight:600}.list-heading>span:not(.list-live){background:#eef2f5;color:#637581;padding:1px 7px;border-radius:5px;font-size:12px}.list-live{margin-left:auto;font-size:11px;color:#5a7167;display:flex;align-items:center;gap:5px}.list-live i{width:6px;height:6px;border-radius:50%;background:#08ae65}.chat-workspace .list-toolbar{padding:12px 14px 0}.account-filter{border:0;background:white;width:100%;color:#526573;font-size:13px;margin-bottom:10px;padding:3px 0}.chat-workspace .search-input{background:#f7f8fa;border-color:#dfe5e9;border-radius:6px}.chat-workspace .search-input input{font-size:14px;padding:5px 0}.chat-workspace .status-tabs{margin-top:8px}.chat-workspace .status-tabs button{font-size:12px;color:#586b78;padding:9px 3px}.chat-workspace .status-tabs button.selected{color:#009e58}.chat-workspace .list-filter-row{padding:10px 0}.chat-workspace .list-filter-row label,.chat-workspace .list-filter-row select{color:#697b87;font-size:12px}.chat-workspace .conversation-item{padding:14px 13px;gap:12px;border-bottom:1px solid #f0f2f4;position:relative}.chat-workspace .conversation-item.current{background:#eaf7ef;border-left-color:#06b569}.chat-workspace .conversation-item:hover{background:#f2f7f5}.chat-workspace .conversation-item .avatar{width:44px;height:44px;font-size:15px}.chat-workspace .conversation-title b{font-size:15px;font-weight:600;color:#2b3f4e}.chat-workspace .conversation-title time{font-size:11px;color:#7b8a97}.chat-workspace .conversation-summary>.line-display-name{font-size:11px;margin-top:1px}.chat-workspace .message-preview{font-size:13px;color:#5f707c;margin:4px 0 6px}.chat-workspace .message-preview>i{background:#06b56a;min-width:19px;height:19px}.chat-workspace .conversation-meta{gap:5px}.chat-workspace .oa-label-inline{font-size:11px;color:#73838e}.chat-workspace .assigned-mini{background:#e5eaf0;color:#5d7685}.chat-workspace .row-status{display:none}.chat-workspace .row-status.following{display:inline-block;font-size:10px;color:#6d63aa;border:1px solid #dcd7f2;border-radius:4px;padding:0 4px;margin-top:5px}.chat-workspace .list-footer{padding:8px 14px;font-size:11px;min-height:37px}.chat-workspace .chat-panel{background:#fff}.chat-workspace .chat-header{min-height:73px;padding:12px 20px;gap:12px}.chat-workspace .chat-header .avatar{width:44px;height:44px}.chat-workspace .chat-customer h2{font-size:19px;font-weight:500;color:#263c4b;line-height:1.4}.chat-workspace .chat-customer .line-display-name{font-size:13px;margin-top:2px}.chat-workspace .details-toggle{display:inline-flex}.chat-title-line{display:flex;align-items:center;gap:6px;min-width:0}.chat-title-line h2{min-width:0}.chat-title-line .copy-contact-name{flex:none}.copy-contact-name:focus-visible{outline:2px solid var(--green);outline-offset:2px}.chat-status-actions{display:flex;align-items:center;gap:8px;flex:none}.chat-status-actions .status-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font-size:13px;font-weight:600;white-space:nowrap}.chat-status-actions .needs-action{color:#226cb2;border-color:#a7c8e7}.chat-status-actions .complete-action{color:#00854b;border-color:#83cfa7}.chat-status-actions .status-action:hover:not(:disabled){background:var(--green-soft);border-color:var(--green)}.chat-status-actions .needs-action[aria-pressed=true]{background:#eaf3ff;border-color:#3387d0}.chat-status-actions .complete-action[aria-pressed=true]{background:#e3f7ec;border-color:#08a65d}.chat-status-actions .status-action:disabled{opacity:1;cursor:default}.chat-status-actions .status-action:disabled:not([aria-pressed=true]){opacity:.5}.chat-status-actions .status-action:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media(max-width:1000px){.chat-workspace .chat-header{flex-wrap:wrap}.chat-workspace .chat-status-actions{order:1;flex-basis:100%;padding-top:4px}.chat-status-actions .status-action{flex:1 1;min-height:40px}.chat-workspace .chat-customer{min-width:0;flex:1 1}}.chat-workspace .chat-header .icon-button{min-width:36px;min-height:36px;color:#526e7c}.chat-workspace .status-badge{font-size:11px;padding:3px 7px}.chat-workspace .demo-chat-strip{padding:4px 16px;font-size:11px;background:#fafbfc;color:#87939d;border-color:#f0f2f5}.chat-workspace .timeline{padding:20px 26px;background:#fff;min-height:100px;overscroll-behavior:contain}.message-image-link{display:block;width:260px;max-width:100%;line-height:0;cursor:zoom-in}.message-image-link img{display:block;min-height:80px;max-width:100%}.message-image-link:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:5px}.reply-setup-hint{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 10px;margin-bottom:8px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:12px}.reply-setup-hint>span{flex:1 1;min-width:180px}.reply-setup-hint>button{flex:none}.chat-workspace .date-divider{margin-bottom:25px}.chat-workspace .date-divider>span{background:#f0f2f5;color:#7b8791;border:0;font-size:11px;padding:3px 13px}.chat-workspace .message-row{max-width:85%;gap:10px;margin-bottom:22px}.chat-workspace .message-row>.avatar{width:34px;height:34px;font-size:12px}.chat-workspace .message-bubble{font-size:16px;line-height:1.7;color:#273b4a;background:#f0f2f5;border:0;border-radius:3px 16px 16px;box-shadow:none;padding:10px 15px}.chat-workspace .message-row.outbound .message-bubble{background:#d9f6cf;border-radius:16px 3px 16px 16px}.chat-workspace .message-row.outbound>.avatar{display:none}.chat-workspace .message-row time{font-size:11px;display:flex;gap:4px;align-items:center;color:#7d8a96;margin-top:5px}.chat-workspace .message-row.outbound time{justify-content:flex-end}.chat-workspace .timeline-end{font-size:11px;color:#a0aab2}.chat-workspace .composer{max-height:46%;overflow:auto;padding:0 20px 10px;border-color:#dde4e9;background:#fff;scrollbar-width:thin}.chat-workspace .composer-tabs{gap:20px;flex-wrap:nowrap}.chat-workspace .composer-tabs button{font-size:13px;color:#6c7d89;padding:10px 0 8px;white-space:nowrap}.chat-workspace .composer-tabs button.active{color:#079957;border-bottom-color:#08b761}.chat-workspace .composer-tabs>span{font-size:11px;color:#84958b}.chat-workspace .composer textarea{font-size:16px;line-height:1.6;min-height:84px;max-height:140px;padding:10px 2px;resize:vertical;color:#2c3f4d}.chat-workspace .reply-composer{max-height:none;overflow:visible;padding-top:7px;font-size:12px}.chat-workspace .reply-recipient{font-size:11px;color:#6b7c89;gap:5px}.chat-workspace .reply-recipient b{font-weight:500;color:#415564}.chat-workspace .reply-recipient small{font-size:11px}.chat-workspace .composer-bottom{padding:4px 0 6px;gap:8px}.chat-workspace .composer-bottom>span{font-size:11px;color:#7e8a94}.chat-workspace .composer-bottom .primary{font-size:14px;min-width:90px;min-height:36px;border-radius:6px;background:#06b764;padding:7px 15px;flex-shrink:0}.chat-workspace .reply-tools{display:flex;align-items:flex-start;gap:18px;border-top:1px solid #eff2f4;padding-top:6px;position:relative;flex-wrap:wrap}.chat-workspace .reply-bind,.chat-workspace .reply-queue{margin:0;font-size:11px}.chat-workspace .reply-bind[open],.chat-workspace .reply-queue[open]{width:100%;max-height:180px;overflow:auto}.chat-workspace .reply-bind summary,.chat-workspace .reply-queue summary{color:#647987;padding:3px 0}.chat-workspace .reply-queue.needs-review summary{color:#ac6725}.chat-workspace .reply-job{font-size:12px;margin:6px 0;padding:8px}.enter-send{display:flex;align-items:center;gap:5px;font-size:11px;color:#768894;white-space:nowrap}.chat-workspace .customer-panel{border-left:1px solid #dfe6eb;display:block;position:static;width:auto;box-shadow:none;min-width:0;overscroll-behavior:contain}.chat-workspace .detail-heading{padding:13px 18px 0}.chat-workspace .detail-heading h2{font-size:12px;color:#8795a0}.chat-workspace .customer-identity{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:16px 18px 24px}.chat-workspace .customer-identity .avatar{width:62px;height:62px}.contact-name{min-width:0;flex:1 1}.contact-name-main{display:flex;align-items:flex-start;gap:4px}.chat-workspace .contact-name h3{font-size:17px;line-height:1.5;margin:2px 0 0;font-weight:500;overflow-wrap:anywhere}.contact-name .edit-name{color:#00af62;padding:5px;min-width:26px}.contact-name>.line-display-name{font-size:13px;margin-top:3px;white-space:normal;overflow-wrap:anywhere}.contact-name label{font-size:12px;color:#506879}.contact-name input{width:100%;border:1px solid #b9cbc1;border-radius:5px;padding:7px 8px;font-size:14px;margin-top:5px}.name-editor-actions{display:flex;gap:6px;margin:8px 0;flex-wrap:wrap}.name-editor-actions button{font-size:11px;padding:5px 7px;min-height:30px;gap:3px}.contact-name form>small{display:block;font-size:11px;color:#81908b;margin:5px 0}.chat-workspace .detail-section{padding:17px 18px;border-color:#e9edf0}.chat-workspace .detail-section>label{font-size:13px;color:#566f80;margin-bottom:8px}.chat-workspace .detail-section select{font-size:13px;color:#385466;padding:8px 10px;border-color:#dbe3e8}.chat-workspace .customer-tags .muted{font-size:12px}.notes-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.notes-heading h3{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:500;color:#405d70}.notes-heading h3 span{font-size:12px;color:#8899a6}.notes-heading button{font-size:24px;color:#05b15e}.customer-note{padding:15px 13px;border:1px solid #dfe5e9;border-radius:6px;margin-top:10px}.customer-note p{white-space:pre-wrap;overflow-wrap:anywhere;color:#405665;font-size:13px;line-height:1.85}.customer-note small{display:block;color:#8093a1;font-size:11px;margin-top:12px}.customer-notes>.muted{font-size:12px}.chat-workspace .detail-footnote,.chat-workspace .line-id code{font-size:11px}@media(min-width:1700px){.chat-workspace .inbox-grid{grid-template-columns:340px minmax(0,1fr) 320px}.chat-workspace .inbox-grid.hide-details{grid-template-columns:340px minmax(0,1fr)}.chat-workspace .timeline{padding:24px 32px}}@media(max-width:1399px){.chat-workspace .inbox-grid,.chat-workspace .inbox-grid.hide-details{grid-template-columns:300px minmax(0,1fr)}.chat-workspace .customer-panel{display:none}.chat-workspace .show-details .customer-panel{display:block;position:absolute;right:0;top:0;bottom:0;width:310px;z-index:20;box-shadow:-12px 0 32px #17324a20}.chat-workspace .chat-header{padding:11px 17px}.chat-workspace .chat-customer h2{font-size:18px}}@media(max-width:1000px){.chat-workspace .inbox-grid,.chat-workspace .inbox-grid.hide-details{grid-template-columns:270px minmax(0,1fr)}.chat-workspace .composer-tabs{gap:14px}.chat-workspace .chat-header .status-badge{display:none}.chat-workspace .chat-header{gap:8px}.chat-workspace .reply-recipient small{display:none}.chat-workspace .timeline{padding:20px}.chat-workspace .message-row{max-width:94%}}@media(max-width:800px){.chat-workspace .topbar{padding:0 12px}.chat-workspace .today{display:none}.chat-workspace .inbox-grid,.chat-workspace .inbox-grid.hide-details{grid-template-columns:260px minmax(0,1fr)}.chat-workspace .composer-tabs button{font-size:12px}.chat-workspace .composer{padding:0 14px 9px}.chat-workspace .composer-tabs{gap:12px}.chat-workspace .enter-send{display:none}}@media(max-width:600px){.chat-workspace .inbox-grid,.chat-workspace .inbox-grid.hide-details{display:block}.chat-workspace .conversation-list{height:100%}.chat-workspace .chat-panel{display:none}.chat-workspace .has-selection .chat-panel{display:flex}.chat-workspace .has-selection .conversation-list{display:none}.chat-workspace .list-heading{min-height:50px}.chat-workspace .list-toolbar{padding:10px 16px 0}.chat-workspace .conversation-item{padding:14px 16px}.chat-workspace .conversation-item .avatar{width:48px;height:48px}.chat-workspace .conversation-title b{font-size:16px}.chat-workspace .chat-header{min-height:68px;padding:10px;gap:8px}.chat-workspace .chat-header .avatar{width:36px;height:36px}.chat-workspace .chat-customer h2{font-size:17px}.chat-workspace .chat-customer .line-display-name{font-size:12px}.chat-workspace .chat-header .icon-button{min-width:32px;padding:4px}.chat-workspace .demo-chat-strip{font-size:10px}.chat-workspace .timeline{padding:16px 14px;min-height:70px}.chat-workspace .message-row{max-width:96%;gap:7px;margin-bottom:18px}.chat-workspace .message-bubble{font-size:16px;padding:9px 13px}.chat-workspace .message-row>.avatar{width:28px;height:28px}.chat-workspace .composer{max-height:48%;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.chat-workspace .composer textarea{min-height:68px;font-size:16px}.chat-workspace .composer-tabs{gap:16px}.chat-workspace .composer-tabs>span{display:none}.chat-workspace .reply-recipient{font-size:10px}.chat-workspace .composer-bottom .primary{min-height:40px}.chat-workspace .show-details .customer-panel{position:absolute;inset:0;width:100%;box-shadow:none}.chat-workspace .customer-identity{padding:20px}.chat-workspace .contact-name h3{font-size:19px}.chat-workspace .customer-note p{font-size:14px}.chat-workspace .topbar .demo-pill{font-size:10px}.chat-workspace .topbar-actions{gap:6px}}@media(max-height:600px){.chat-workspace .composer{max-height:53%}.chat-workspace .composer textarea{min-height:45px}.chat-workspace .chat-header{min-height:57px;padding-top:6px;padding-bottom:6px}.chat-workspace .demo-chat-strip{display:none}}.chat-workspace .message-row.outbound.delivery-failed .message-bubble,.chat-workspace .message-row.outbound.delivery-review .message-bubble{border:1px solid #d48766;background:var(--paper)}.chat-workspace .message-row.outbound.delivery-failed time,.chat-workspace .message-row.outbound.delivery-review time{color:#b5532d}.chat-workspace .message-row .delivery-error{font-size:12px;color:#b5532d;margin-top:5px;max-width:360px;text-align:right;overflow-wrap:anywhere}.chat-workspace .message-row.delivery-cancelled{opacity:.65}.chat-workspace .message-row.outbound time{flex-wrap:wrap}[data-theme=dark] .chat-workspace .message-row .delivery-error,[data-theme=dark] .chat-workspace .message-row.outbound.delivery-failed time,[data-theme=dark] .chat-workspace .message-row.outbound.delivery-review time{color:#ffbd98}:root[data-theme=dark]{color-scheme:dark;--ink:#e1e8ed;--muted:#9cabb6;--line:#34424d;--green:#10b970;--green-dark:#65dba4;--green-soft:#1c382b;--nav:#141f26;--paper:#202c35;--canvas:#18232b}[data-theme=dark] body{background:#18232b;color:#e1e8ed}[data-theme=dark] .chat-workspace .chat-header,[data-theme=dark] .chat-workspace .composer,[data-theme=dark] .chat-workspace .customer-panel,[data-theme=dark] .conversation-item,[data-theme=dark] .conversation-list,[data-theme=dark] .login-form,[data-theme=dark] .topbar,[data-theme=dark] .workspace{background:#202c35;color:#dce6ed}[data-theme=dark] .chat-workspace .chat-panel,[data-theme=dark] .chat-workspace .timeline,[data-theme=dark] .login-hint,[data-theme=dark] .overview{background:#17232c}[data-theme=dark] .chat-workspace .chat-header,[data-theme=dark] .chat-workspace .composer,[data-theme=dark] .chat-workspace .conversation-item,[data-theme=dark] .chat-workspace .customer-panel,[data-theme=dark] .chat-workspace .detail-section,[data-theme=dark] .chat-workspace .list-heading,[data-theme=dark] .chat-workspace .reply-tools,[data-theme=dark] .composer-tabs,[data-theme=dark] .conversation-list,[data-theme=dark] .topbar{border-color:#34424d}[data-theme=dark] .chat-workspace .conversation-item.current{background:#214735;border-left-color:#34d98c}[data-theme=dark] .chat-workspace .conversation-item:hover{background:#2a3d42}[data-theme=dark] .chat-workspace .chat-customer h2,[data-theme=dark] .chat-workspace .conversation-title b,[data-theme=dark] .contact-name h3,[data-theme=dark] .notes-heading h3{color:#e3ebf1}[data-theme=dark] .breadcrumb strong,[data-theme=dark] .chat-workspace .breadcrumb,[data-theme=dark] .chat-workspace .detail-section>label,[data-theme=dark] .chat-workspace .message-preview,[data-theme=dark] .line-display-name{color:#a8bac7}[data-theme=dark] .chat-workspace .search-input,[data-theme=dark] .pair-code input,[data-theme=dark] .search-input{background:#17232c;border-color:#42525e;color:#b6c6d2}[data-theme=dark] .account-filter,[data-theme=dark] .chat-workspace .composer textarea,[data-theme=dark] .chat-workspace .detail-section select,[data-theme=dark] .list-filter-row select,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#202c35;color:#e1e9f0;border-color:#455661}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#869ba9}[data-theme=dark] .chat-workspace .message-bubble{background:#2d3c47;color:#e5edf3}[data-theme=dark] .chat-workspace .message-row.outbound .message-bubble{background:#28563d;color:#e4fbea}[data-theme=dark] .chat-workspace .date-divider>span,[data-theme=dark] .list-heading>span:not(.list-live){background:#2d3c47;color:#b5c5d0}[data-theme=dark] .chat-workspace .demo-chat-strip{background:#1b2832;color:#8ea3b2;border-color:#31404a}[data-theme=dark] .chat-workspace .customer-note{border-color:#41525e;background:#22313b}[data-theme=dark] .customer-note p{color:#c8d7e2}[data-theme=dark] .chat-workspace .reply-recipient,[data-theme=dark] .chat-workspace .reply-recipient b,[data-theme=dark] .customer-note small{color:#a4b9c8}[data-theme=dark] .chat-workspace .composer-tabs button,[data-theme=dark] .chat-workspace .reply-bind summary,[data-theme=dark] .chat-workspace .reply-queue summary,[data-theme=dark] .chat-workspace .status-tabs button{color:#a5b8c6}[data-theme=dark] .chat-workspace .composer-tabs button.active,[data-theme=dark] .chat-workspace .status-tabs button.selected,[data-theme=dark] .contact-name .edit-name{color:#57e7a5}[data-theme=dark] .account-row,[data-theme=dark] .connection-form,[data-theme=dark] .line-account-card,[data-theme=dark] .metric,[data-theme=dark] .overview-card,[data-theme=dark] .secondary{background:#24343e;color:#c8d9e4;border-color:#41535f}[data-theme=dark] .chat-workspace .composer-bottom .primary,[data-theme=dark] .primary{background:#078c51;color:#f4fff8}[data-theme=dark] .primary:hover:not(:disabled){background:#087b49}[data-theme=dark] .chat-workspace .chat-header .icon-button,[data-theme=dark] .icon-button{color:#acbecb}[data-theme=dark] .icon-button:hover{background:#344752}[data-theme=dark] .demo-pill,[data-theme=dark] .status-badge{background:#3f3927;border-color:#635537;color:#e8c878}[data-theme=dark] .status-badge.closed{background:#203c31;color:#8cddb3;border-color:#365d47}[data-theme=dark] .status-badge.following{background:#39304e;color:#c4b3eb;border-color:#514362}[data-theme=dark] .status-badge.pending{background:#293b53;color:#a4c5f0;border-color:#3c5270}[data-theme=dark] .reply-job.review,[data-theme=dark] .timeline-note{background:#3e3522;border-color:#6b5938}[data-theme=dark] .form-error{color:#ffaca0}[data-theme=dark] .empty-state p,[data-theme=dark] .welcome-chat p{color:#a1b5c3}[data-theme=dark] .account-row b,[data-theme=dark] .metric strong,[data-theme=dark] .overview-card h2{color:#d7e6ef}[data-theme=dark] .connection-card,[data-theme=dark] .overview-card.add-account{background:#24343e;border-color:#41535f}[data-theme=dark] .connection-form input,[data-theme=dark] .copy-url input{background:#182832;border-color:#4a5e6b;color:#dceaf2}[data-theme=dark] .connection-result,[data-theme=dark] .settings-notice,[data-theme=dark] .setup-guide{background:#243d32;border-color:#405c4b;color:#b4d4c2}[data-theme=dark] .connection-meta b,[data-theme=dark] .field-label,[data-theme=dark] .form-heading h2{color:#d4e3ec}[data-theme=dark] .chat-workspace .assigned-mini{background:#3b515e;color:#c2d5e0}[data-theme=dark] .chat-status-actions .needs-action{color:#9bcaff;border-color:#527ba1}[data-theme=dark] .chat-status-actions .complete-action{color:#81e3b2;border-color:#43896a}[data-theme=dark] .chat-status-actions .needs-action[aria-pressed=true]{background:#253e58;border-color:#639bd1}[data-theme=dark] .chat-status-actions .complete-action[aria-pressed=true]{background:#234b39;border-color:#42bd80}.line-sticker-image{display:block;width:180px;height:160px;object-fit:contain;max-width:100%}.message-bubble:has(.sticker-content){background:transparent!important;border-color:transparent!important;box-shadow:none;padding:4px}.sticker-content small{display:block;color:var(--muted);font-size:11px}.sticker-toggle{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--green-dark);padding:7px 8px;border-radius:6px;font-size:13px;cursor:pointer}.sticker-toggle.selected,.sticker-toggle:hover{background:var(--green-light,#e8f6ee)}.sticker-picker{position:relative}.sticker-panel{position:absolute;bottom:100%;left:0;z-index:30;width:min(440px,100%);border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff);box-shadow:0 8px 36px #0003;overflow:hidden}.sticker-panel-heading{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid var(--line);font-size:13px}.sticker-panel-heading b{margin-right:auto}.sticker-panel-heading .text-button{display:flex;align-items:center;gap:4px;font-size:11px}.sticker-close{border:0;background:transparent;color:inherit;display:flex;cursor:pointer}.sticker-hint{padding:5px 12px;font-size:12px;color:var(--muted);margin:0}.sticker-pack-tabs{display:flex;overflow-x:auto;gap:3px;padding:6px;border-bottom:1px solid var(--line)}.sticker-pack-tabs button{flex:0 0 48px;border:1px solid transparent;background:transparent;border-radius:6px;padding:3px;cursor:pointer}.sticker-pack-tabs button[aria-selected=true]{background:#06c75522;border-color:var(--green)}.sticker-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:8px;max-height:220px;overflow-y:auto;background:#f5f7f6}.sticker-grid button{border:1px solid transparent;background:#fff;border-radius:7px;cursor:pointer;padding:3px}.sticker-grid button:hover{border-color:#06c755;background:#e7faef}.sticker-grid .line-sticker-image{width:100%;height:68px}.sticker-preview{display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding:8px;background:var(--surface,#f5faf7);border:1px solid var(--line);border-radius:8px}.sticker-preview .line-sticker-image{width:100px;height:88px}.sticker-preview span{flex:1 1;font-size:13px}.sticker-preview small{color:var(--muted)}.sticker-unavailable{font-size:11px;color:var(--muted)}[data-theme=dark] .sticker-panel{background:#202e28}[data-theme=dark] .sticker-grid{background:#17241e}[data-theme=dark] .sticker-grid button{background:#dce5df}[data-theme=dark] .sticker-preview{background:#1b2a23}@media(max-width:600px){.sticker-panel{width:100%}.sticker-grid{max-height:190px}.sticker-grid .line-sticker-image{height:56px}.sticker-preview{gap:8px}.sticker-preview .line-sticker-image{width:76px;height:70px}}.sticker-panel{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;padding:0;width:min(440px,calc(100vw - 24px));max-height:85dvh;color:var(--ink);overflow-y:auto}.sticker-panel::backdrop{background:#0005}.sticker-panel .sticker-grid{max-height:min(40dvh,320px)}.simple-settings{max-width:1120px;padding-top:32px;padding-bottom:40px}.simple-settings .page-heading{margin-bottom:24px}.simple-settings .page-heading h1{font-size:28px}.simple-settings .page-heading p{font-size:15px;color:var(--muted)}.setup-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.setup-navigation button{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:14px 18px;font-size:15px;color:var(--ink);text-align:left}.setup-navigation button:hover{border-color:var(--green);background:var(--green-soft)}.setup-navigation button>span,.setup-number{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--green-soft);color:var(--green-dark);font-weight:700}.setup-notice{background:var(--green-soft);color:var(--ink);padding:12px 16px;border-radius:8px;font-size:13px;line-height:1.8;margin:14px 0}.setup-section{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:26px;margin:22px 0;scroll-margin-top:18px;color:var(--ink)}.setup-section-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:20px}.setup-section-heading h2{font-size:19px;font-weight:600;margin:0 0 5px}.setup-section-heading p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.setup-number{width:34px;height:34px}.simple-settings .connection-card{padding:18px;background:var(--canvas);border-color:var(--line);margin-bottom:12px}.simple-settings .connection-card-heading{margin-bottom:8px}.simple-settings .connection-card-heading h3{color:var(--ink)}.simple-settings .account-last-message{font-size:12px;color:var(--muted);margin:0 0 12px}.simple-settings .connection-badge.ready{color:var(--green-dark);background:var(--green-soft);border-color:var(--line)}.setup-details,.simple-settings .connection-card-heading small,.simple-settings .connection-form label>small,.simple-settings .connection-meta,.simple-settings .form-heading p{color:var(--muted)}.setup-details{border-top:1px solid var(--line);padding-top:12px;margin-top:16px;font-size:13px;line-height:1.9}.setup-details summary{cursor:pointer;color:var(--ink);font-weight:500;min-height:30px}.setup-details p{margin:10px 0}.setup-details ol{padding-left:24px}.setup-details li{padding:3px 0}.setup-details .field-label{margin-top:14px}.setup-details .text-button{color:var(--muted)}.setup-add{margin-top:8px}.setup-instructions{margin-top:20px;padding:20px;border-radius:8px;border:1px solid var(--line);background:var(--canvas)}.setup-instructions h3{font-size:16px;margin:0 0 12px}.setup-instructions .form-heading{margin-bottom:10px}.setup-instructions .connection-form{background:transparent;margin-top:20px}.simple-settings .connection-form label{font-size:14px}.simple-settings .connection-form label>small{font-size:12px;line-height:1.7;font-weight:400;min-height:40px}.simple-settings .connection-form input{font-size:14px;min-height:44px}.setup-next{font-size:13px;color:var(--green-dark);margin-top:16px}.setup-checklist{padding-left:24px;font-size:14px;line-height:1.8}.setup-checklist>li{padding:4px 0 16px 5px}.setup-checklist>li::marker{font-weight:600;color:var(--green-dark)}.setup-checklist p{color:var(--muted);margin:3px 0 10px}.setup-download{display:inline-flex;text-decoration:none;margin:5px 0}.setup-status{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:8px;background:var(--canvas);font-size:14px}.setup-status.ready{background:var(--green-soft)}.setup-status p{font-size:13px;color:var(--muted);margin-top:4px}.setup-status-dot{width:8px;height:8px;background:var(--muted);border-radius:50%;margin-top:8px;flex:none}.setup-status.ready .setup-status-dot{background:var(--green)}.setup-section .agent-item{font-size:14px;gap:12px}.setup-section .agent-item>span{flex:1 1;min-width:0;overflow-wrap:anywhere}.setup-section .agent-item small{font-size:12px;margin-top:3px}.setup-section .agent-item>.text-button{color:var(--muted);font-size:12px;flex:none}.setup-copy-field{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px 10px;margin:14px 0}.setup-copy-field label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:500;color:var(--ink)}.setup-copy-field input{width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;padding:10px;background:var(--paper);color:var(--ink);font:13px/1.5 monospace}.setup-copy-field button{min-height:41px}.setup-copy-field small{grid-column:1/-1;line-height:1.8;color:var(--muted);font-size:12px}.setup-copy-field .form-error{grid-column:1/-1}.setup-copy-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.setup-system,.setup-team{background:var(--paper);padding:16px 20px;border:1px solid var(--line);border-radius:10px;margin-top:16px}.setup-team .account-row{padding:12px 0}.setup-team .account-row>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.setup-team small{display:block;color:var(--muted)}.room-pair-steps{padding-left:22px;margin:12px 0;color:var(--muted);font-size:13px;line-height:1.8}.room-pair-steps li{margin:5px 0}.setup-details summary:focus-visible,.setup-navigation button:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media(max-width:700px){.simple-settings{padding:22px 14px}.simple-settings .page-heading h1{font-size:24px}.setup-navigation{gap:7px}.setup-navigation button{flex-direction:column;align-items:flex-start;padding:12px 9px;font-size:12px;gap:7px}.setup-section{padding:18px 14px}.setup-section-heading h2{font-size:17px}.setup-section-heading p{font-size:13px}.setup-instructions{padding:15px 12px}.setup-section .agent-item{flex-wrap:wrap}.setup-section .agent-item>.text-button{margin-left:30px}.simple-settings .connection-form label>small{min-height:0}.setup-copy-field{grid-template-columns:minmax(0,1fr)}.setup-copy-field button{justify-self:start}.setup-navigation button>span{width:25px;height:25px}}.app-shell{grid-template-columns:240px minmax(0,1fr)}.app-shell.nav-collapsed{grid-template-columns:64px minmax(0,1fr)}.workspace-navigation{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 10px;background:var(--nav);color:#bdcec5;border-right:1px solid #ffffff12;scrollbar-width:thin;scrollbar-color:#456253 transparent}.workspace-navigation>*{flex-shrink:0}.workspace-nav-brand{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 4px;font-size:22px;white-space:nowrap;color:#fff}.workspace-nav-brand b{font-weight:400;color:#87d6ad}.workspace-nav-mark{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#12ad70;color:white;flex:none}.workspace-navigation button{display:flex;align-items:center;gap:12px;min-height:44px;width:100%;padding:10px 11px;border-radius:8px;background:transparent;color:inherit;text-align:left;white-space:nowrap}.workspace-navigation button>svg{flex:none}.workspace-navigation button:hover{background:#ffffff0b;color:#fff}.workspace-navigation button.active{background:#24553f;color:#c8f7dd}.workspace-navigation button.active>svg{color:#75e5ac}.workspace-navigation button:focus-visible{outline:2px solid #75e5ac;outline-offset:-2px}.workspace-navigation .workspace-nav-toggle{color:#9db5a8;font-size:12px;margin-bottom:8px}.workspace-nav-bottom nav,.workspace-nav-primary{display:flex;flex-direction:column;gap:6px}.workspace-nav-count{margin-left:auto;border-radius:5px;background:#48765b;color:#f1fff6;font-size:12px;line-height:21px;padding:0 6px}.workspace-nav-accounts{margin-top:20px}.workspace-nav-accounts h2{display:flex;justify-content:space-between;font-size:12px;font-weight:500;color:#91ad9d;margin:0 11px 10px}.workspace-nav-accounts button{font-size:13px;min-height:40px;gap:10px}.workspace-nav-accounts button.chosen{background:#ffffff09;color:#e7f6ee}.workspace-nav-dot{width:8px;height:8px;border-radius:50%;flex:none}.workspace-nav-dot.all{border:2px solid #91ad9d}.workspace-nav-account-count{margin-left:auto;color:#a8c5b4;font-size:12px}.workspace-nav-bottom{margin-top:auto;padding-top:24px}.workspace-nav-user{display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff14;margin-top:14px;padding:14px 5px 0;min-height:52px}.workspace-nav-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;background:#355443;color:#e4f7ec;border-radius:50%;font-size:11px}.workspace-nav-user>.workspace-nav-label{min-width:0;flex:1 1}.workspace-nav-user b{display:block;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:500;color:#edf8f2}.workspace-nav-user small{display:block;font-size:11px;color:#9bb5a5}.workspace-nav-user button{width:32px;min-height:36px;padding:7px;flex:none}.workspace-nav-scrim,.workspace-navigation .workspace-nav-close{display:none}.app-shell .topbar{height:56px;min-height:56px;flex:none}@media(min-width:801px){.nav-collapsed .workspace-navigation{padding:12px 9px}.nav-collapsed .workspace-nav-accounts,.nav-collapsed .workspace-nav-count,.nav-collapsed .workspace-nav-label,.nav-collapsed .workspace-nav-user button{display:none}.nav-collapsed .workspace-navigation button{justify-content:center;padding:10px;width:44px}.nav-collapsed .workspace-nav-brand{padding:0;justify-content:center}.nav-collapsed .workspace-nav-user{padding:14px 0 0;justify-content:center}}@media(max-width:800px){.app-shell,.app-shell.nav-collapsed{display:block}.workspace-navigation{position:fixed;inset:0 auto 0 0;width:min(280px,calc(100vw - 48px));z-index:60;visibility:hidden;transform:translateX(-100%);transition:transform .18s,visibility .18s}.sidebar-visible .workspace-navigation{visibility:visible;transform:translateX(0)}.sidebar-visible .workspace-nav-scrim{display:block;position:fixed;inset:0;z-index:59;background:#081c2780}.workspace-navigation .workspace-nav-close{display:flex;justify-content:center;width:36px;min-height:36px;margin-left:auto;padding:6px}.workspace-navigation .workspace-nav-toggle{display:none}.workspace-nav-primary{margin-top:14px}.app-shell .topbar .menu-toggle{display:inline-flex}.workspace-navigation .workspace-nav-user{padding-bottom:env(safe-area-inset-bottom)}}.team-settings{overflow:auto;flex:1 1;padding:32px;color:var(--ink)}.team-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.team-credentials h2,.team-heading h1{display:flex;align-items:center;gap:10px}.team-heading h1{font-size:25px;margin:0 0 8px}.team-heading p,.team-help{color:var(--muted);line-height:1.7}.team-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;max-width:1300px}.team-editor,.team-members{background:var(--paper);border:1px solid var(--line);border-radius:12px}.team-members{align-self:start;overflow:hidden}.team-members button{display:flex;flex-direction:column;gap:7px;width:100%;padding:18px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;overflow-wrap:anywhere}.team-members button.selected{background:var(--green-soft);box-shadow:inset 3px 0 var(--green)}.team-members small,.team-members span,.team-permissions small{color:var(--muted)}.team-editor{padding:26px}.team-editor h2{margin:0 0 24px;font-size:21px}.team-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.team-fields label{display:flex;flex-direction:column;gap:9px}.team-settings input,.team-settings select{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:11px 12px;min-width:0;font:inherit}.team-settings input:focus,.team-settings select:focus{outline:2px solid var(--green);outline-offset:1px}.team-settings .team-active{flex-direction:row;align-items:center;padding-top:24px}.team-permissions-heading{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.team-permissions-heading h3{margin:0}.team-permissions{border:1px solid var(--line);border-radius:8px;overflow:auto;max-height:480px}.team-permissions>label{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px;border-bottom:1px solid var(--line)}.team-permissions>label:last-child{border-bottom:0}.team-permissions label>span{display:flex;flex-direction:column;gap:5px;overflow-wrap:anywhere;min-width:0}.team-permissions select{width:155px;flex-shrink:0}.team-permissions>p{padding:16px}.team-search{width:100%;margin-bottom:12px}.team-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.team-reset{padding:16px;margin-top:20px;border:1px solid var(--line);border-radius:8px}.team-notice{color:var(--green);margin:12px 0}.team-credentials{max-width:800px;background:var(--green-soft);padding:24px;border:1px solid var(--green);border-radius:12px;margin-bottom:24px}.team-credentials h2{font-size:18px;overflow-wrap:anywhere}.team-owner{line-height:1.8}.team-password{min-width:0;margin:24px 0 0;padding:18px;border:1px solid var(--line);border-radius:8px}.team-password legend{padding:0 6px;font-weight:600}.team-password-hint,.team-password-options{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.team-password-options{margin-bottom:18px}.team-password-hint label,.team-password-options label{display:flex;gap:8px;align-items:center;cursor:pointer}.team-password-hint{margin-top:12px;justify-content:space-between;color:var(--muted)}.team-password input[type=checkbox],.team-password input[type=radio]{accent-color:var(--green);width:16px;height:16px;margin:0}.team-reset .team-password{margin-top:0}@media (max-width:1000px){.team-layout{grid-template-columns:1fr}.team-members{max-height:230px;overflow:auto}}@media (max-width:600px){.team-settings{padding:16px}.team-heading{align-items:flex-start;flex-direction:column}.team-fields{grid-template-columns:1fr}.team-editor{padding:18px}.team-permissions select{width:130px}.team-permissions>label{gap:8px;padding:12px}}