@font-face{font-family:Onest;src:url('/assets/fonts/Onest-Cyrillic-400-800.woff2') format('woff2');font-weight:400 800;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;src:url('/assets/fonts/Onest-Latin-400-800.woff2') format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:Unbounded;src:url('/assets/fonts/Unbounded-Cyrillic-600-700.woff2') format('woff2');font-weight:600 700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Unbounded;src:url('/assets/fonts/Unbounded-Latin-600-700.woff2') format('woff2');font-weight:600 700;font-display:swap}
:root{font-family:Onest,system-ui,sans-serif;color:#fff7f4;background:#080a0d;color-scheme:dark;--surface:#14181f;--line:#303640;--muted:#a8aeb9;--accent:#eb472a;--orange:#ff7157;--green:#6ad0a2;line-height:1.5}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ff977a;outline-offset:3px}button{padding:10px 16px;border:1px solid var(--line);border-radius:11px;background:#1c222b;color:inherit;font-weight:650;line-height:1.35;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#29303b;border-color:#5d6675}button:disabled{cursor:not-allowed;opacity:.45}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:#fb5639;border-color:#fb5639}button.quiet{background:transparent}button.small{padding:9px 12px;font-size:12px}.wide{width:100%}.muted,.help{color:var(--muted)}.help{font-size:12px;line-height:1.6}.eyebrow{margin:0 0 7px;font-size:10px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase;color:var(--orange)}h1,h2,p{margin-top:0}h1,h2{font-family:Unbounded,Onest,sans-serif;letter-spacing:-.035em;line-height:1.3}h1{font-size:30px}h2{font-size:18px}label{display:grid;gap:7px;font-size:13px;font-weight:600}input,select,textarea{width:100%;min-width:0;border:1px solid var(--line);background:#0c0f14;color:inherit;border-radius:10px;padding:11px 13px}input::placeholder,textarea::placeholder{color:#7f8795}textarea{resize:vertical;min-height:72px;max-height:220px}form>label+label{margin-top:17px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.local-strip{min-height:30px;padding:6px 15px;background:#24201c;border-bottom:1px solid #624233;color:#dfc4ab;font-size:11px;text-align:center;font-weight:600}.status-dot{display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:7px;vertical-align:middle}.notice{position:fixed;top:43px;left:50%;transform:translateX(-50%);z-index:20;max-width:min(600px,calc(100% - 32px));width:max-content;padding:13px 20px;background:#48271f;border:1px solid #c9664e;border-radius:12px;box-shadow:0 10px 35px #0007;font-size:13px}.notice.success{background:#163829;border-color:#387b5e}.auth-shell{min-height:calc(100dvh - 30px);display:grid;place-content:center;gap:30px;padding:45px 20px;background:radial-gradient(ellipse at 65% 15%,#48201960,transparent 60%)}.wordmark{display:inline-block;font-family:Unbounded,Onest,sans-serif;font-size:23px;font-weight:700;letter-spacing:-1.2px;line-height:1.2;white-space:nowrap}.wordmark-dot{display:inline-block;overflow:hidden;vertical-align:baseline;margin:0 5px;font-size:0;letter-spacing:0;width:6px;height:6px;background:var(--accent);border-radius:1px;flex:none}.auth-brand{display:flex;align-items:center;justify-content:center}.auth-brand .wordmark{font-size:34px;letter-spacing:-1.7px}.auth-brand .wordmark-dot{width:8px;height:8px}.auth-card{width:min(450px,calc(100vw - 40px));padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.auth-card h1{font-size:27px}.auth-card form{margin:25px 0}.auth-card form button{margin-top:24px}.auth-foot{font-size:11px;margin-bottom:0;line-height:1.8;border-top:1px solid var(--line);padding-top:18px}.app-shell{height:calc(100dvh - 30px);min-height:520px;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:30px;padding:13px 28px;border-bottom:1px solid var(--line);background:#090c10;flex:none}.brand{display:flex;align-items:center;gap:18px;text-decoration:none;color:inherit;flex:none}.brand-label{font-size:9px;letter-spacing:2px;color:var(--muted);border-left:1px solid var(--line);padding-left:17px}.main-nav{display:flex;gap:5px;flex:1}.nav-button{background:transparent;border-color:transparent;padding:11px 15px;font-size:13px;color:var(--muted)}.nav-button.active{color:#fff;background:#232831;border-color:var(--line)}.nav-count{background:var(--accent);color:#fff;border-radius:5px;padding:0 5px;margin-left:4px;font-size:10px}.account{display:flex;gap:15px;align-items:center}.account>div{display:grid;text-align:right}.account strong{font-size:13px}.account .help{font-size:10px}.account button{padding:7px 12px;font-size:11px}.connection{display:flex;align-items:center;gap:0;min-height:30px;padding:6px 28px;background:#0f1517;border-bottom:1px solid #253238;color:var(--green);font-size:10px;flex:none}.connection-note{margin-left:auto;color:#889498}.connection.offline{background:#3b241a;color:#ffc294;border-color:#70482f}.inbox-layout{display:grid;grid-template-columns:335px minmax(0,1fr);min-height:0;flex:1}.queue-panel{background:#10141a;border-right:1px solid var(--line);min-height:0;display:flex;flex-direction:column}.queue-heading{padding:25px 22px 15px}.queue-heading h1{font-size:21px;margin:0;display:flex;justify-content:space-between;align-items:center}.queue-heading h1 span{font:600 12px Onest,sans-serif;color:var(--muted);background:#222831;border-radius:7px;padding:4px 8px}.queue-tools{padding:0 16px 12px}.search-label input{font-size:12px;padding:10px 12px}.queue-filters{display:flex;margin:13px 0 10px;gap:5px}.queue-filters button{flex:1;border:0;background:transparent;color:var(--muted);font-size:12px;padding:9px 5px;white-space:nowrap}.queue-filters button.active{background:#333029;color:#fff2e4}.queue-filters span{opacity:.65;font-size:10px;margin-left:3px}.channel-filter{display:flex;align-items:center;gap:10px}.channel-filter select{width:58%;font-size:11px;padding:7px 10px;background:transparent}.channel-filter>span:last-child{color:#b99b79;font-size:10px;font-weight:400}.conversation-list{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:4px 10px}.conversation-item{display:block;width:100%;text-align:left;background:transparent;border:1px solid transparent;padding:14px 12px;margin-bottom:5px;border-radius:11px;min-width:0;position:relative}.conversation-item.active{background:#28221f;border-color:#644233}.conversation-item.call:not(.active){background:#221d1c;border-color:#48302b}.conversation-item.call:before{content:'';width:3px;height:24px;background:var(--accent);position:absolute;left:-1px;top:17px;border-radius:2px}.queue-row{display:flex;gap:8px;justify-content:space-between;align-items:center}.queue-title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;flex:1}.queue-time{font-size:10px;color:#7f8795;flex:none;font-weight:400}.queue-preview{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:6px 0 9px;font-weight:400}.queue-meta{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:10px;color:#9aacc4;font-weight:500}.queue-owner{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.queue-call{color:var(--orange)}.queue-footer{padding:13px 15px;border-top:1px solid var(--line);color:#7f8997;font-size:10px;flex:none}.live-mark{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:5px}.conversation-panel{display:flex;min-width:0;min-height:0;background:radial-gradient(ellipse at 80% 0,#231d192b,transparent 65%),#090c10}.empty-state{margin:auto;padding:35px;text-align:center;max-width:450px;color:var(--muted)}.empty-state h2{color:#d9dde5;line-height:1.5}.empty-state p{font-size:13px;line-height:1.8}.empty-symbol{width:60px;height:60px;border:1px solid #54342c;background:#281c18;color:var(--orange);border-radius:18px;display:grid;place-items:center;font-size:33px;margin:0 auto 25px}.empty-state button{margin-top:15px;font-size:12px}.conversation-content{display:flex;flex-direction:column;min-width:0;min-height:0;width:100%}.conversation-header{display:flex;align-items:center;padding:21px 30px;gap:20px;border-bottom:1px solid var(--line);flex:none}.conversation-person{min-width:0;flex:1}.conversation-person h2{font-size:18px;margin:0 0 4px;overflow-wrap:anywhere}.conversation-person p{margin-bottom:0}.conversation-person .eyebrow{font-size:9px;margin-bottom:6px}.pill{display:inline-flex;border:1px solid #38414b;background:#1b242d;padding:7px 10px;border-radius:7px;font-size:11px;flex-shrink:0}.takeover-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 30px;border-bottom:1px solid #252c34;background:#121820;flex:none}.takeover-bar>div:first-child{display:grid;gap:2px}.takeover-bar strong{font-size:12px}.takeover-bar .help{font-size:10px}.takeover-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.escalation{display:flex;align-items:center;gap:12px;background:#3c211c;border-bottom:1px solid #644135;padding:12px 30px;font-size:12px;color:#fdb8a7}.escalation strong{white-space:nowrap}.messages{list-style:none;margin:0;padding:25px 30px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:100px;display:flex;flex-direction:column;gap:16px}.message{max-width:78%;align-self:flex-start}.message.staff,.message.bot{align-self:flex-end}.message.system{align-self:center;max-width:90%;font-size:11px;color:#838d9e;text-align:center}.message-meta{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted);margin:0 3px 5px}.message.staff .message-meta,.message.bot .message-meta{justify-content:flex-end}.message-author{font-weight:650;color:#c2c9d4}.message-body{padding:12px 16px;border:1px solid #313843;border-radius:4px 14px 14px;background:#1b222c;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65}.message.staff .message-body{background:#3b231c;border-color:#684334;border-radius:14px 4px 14px 14px}.message.bot .message-body{background:#171b22;border-color:#30353e;border-radius:14px 4px 14px 14px}.message.system .message-body{padding:3px;background:none;border:0;font-size:10px;color:#9aa3b1}.message-status{font-size:9px;color:#8d97a6;margin:4px 3px;text-align:right}.message.cancelled .message-body{opacity:.55;border-style:dashed}.message.cancelled .message-status{color:#e7ac84}.message.queued .message-status{color:#dec68e}.reply-form{padding:17px 30px 21px;border-top:1px solid var(--line);background:#10151b;flex:none}.reply-form textarea{background:#0b1016;resize:vertical;font-size:13px;min-height:68px;max-height:150px}.reply-footer{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-top:10px}.reply-footer .help{font-size:10px;max-width:58%}.reply-footer button{font-size:12px;padding:11px 16px;white-space:nowrap}.page-view{padding:40px max(28px,calc((100% - 1180px)/2));overflow-y:auto;flex:1;min-height:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.page-heading h1{font-size:28px;margin-bottom:12px}.page-heading p{margin-bottom:0;font-size:13px}.page-heading .eyebrow{font-size:10px;margin-bottom:10px}.page-heading>button{flex:none}.employee-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.employee-card{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.employee-card.disabled{opacity:.65}.employee-card h2{font-size:16px;margin:15px 0 5px;overflow-wrap:anywhere}.employee-card .help{margin-bottom:18px}.employee-card .pill{font-size:10px}.employee-actions{display:flex;flex-wrap:wrap;gap:7px}.employee-actions button{font-size:11px;padding:8px 10px}.employee-actions .danger{color:#fa9c8e}.employee-card .deleted-note{font-size:11px;color:#c0a08f}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:10px 0 28px}.stat-cards article{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:25px;display:flex;flex-direction:column;gap:14px}.stat-cards article>span{font-size:12px;color:var(--muted)}.stat-cards strong{font-family:Unbounded,sans-serif;font-size:37px;line-height:1.1}.stat-cards article:nth-child(2) strong{color:var(--orange)}.stat-cards small{font-size:10px;color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th,td{padding:17px 16px;text-align:left;border-bottom:1px solid var(--line)}th{font-size:10px;font-weight:650;color:var(--muted);background:#1a1f27}td:not(:first-child){text-align:center}tr:last-child td{border-bottom:0}.channel-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.channel-card{border:1px solid var(--line);background:#151a21;border-radius:12px;padding:18px}.channel-card h2{font:650 13px Onest,sans-serif;margin-bottom:7px}.channel-card p{font-size:10px;color:#c2a98b;margin:0}.simulator-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:17px}.panel h2{font-size:17px;margin-bottom:24px}.panel button[type=submit]{margin-top:24px}.testing-steps ol{padding-left:18px;font-size:13px;color:#c4c9d1;line-height:1.75}.testing-steps li{padding-left:6px;margin:12px 0}.testing-steps li::marker{color:var(--orange);font-weight:700}.testing-steps .help{border-top:1px solid var(--line);padding-top:18px;margin-top:23px}.mobile-only{display:none}dialog{color:inherit;background:#161b22;border:1px solid #45505f;border-radius:18px;width:min(480px,calc(100vw - 28px));padding:25px;max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}.dialog-heading h2{font-size:19px;margin:0}.icon-button{font-size:24px;line-height:1;padding:4px 9px;background:transparent}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.queue-empty{padding:25px 15px;color:var(--muted);font-size:12px;text-align:center}.danger{color:#ffa491}
@media(min-width:1600px){.inbox-layout{grid-template-columns:390px minmax(0,1fr)}.messages{padding-left:6%;padding-right:6%}.conversation-header,.takeover-bar,.reply-form{padding-left:5%;padding-right:5%}}
@media(max-width:1100px){.app-header{padding:12px 18px;gap:17px}.brand-label{display:none}.brand .wordmark{font-size:21px}.nav-button{padding:9px 10px;font-size:12px}.account{gap:8px}.inbox-layout{grid-template-columns:295px minmax(0,1fr)}.takeover-bar{align-items:flex-start;flex-direction:column}.takeover-actions{justify-content:flex-start}.conversation-header,.takeover-bar,.escalation{padding-left:22px;padding-right:22px}.messages,.reply-form{padding-left:22px;padding-right:22px}.channel-cards{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.local-strip{font-size:9px;padding:6px 10px;min-height:28px}.app-shell{height:calc(100dvh - 28px);min-height:0}.app-header{display:grid;grid-template-columns:1fr auto;gap:9px;padding:9px 13px}.brand .wordmark{font-size:19px;line-height:36px}.main-nav{grid-column:1/-1;grid-row:2;gap:4px;overflow-x:auto;padding:3px 0}.nav-button{flex:1;font-size:11px;white-space:nowrap;padding:8px}.account strong{font-size:11px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account .help{font-size:9px}.connection{padding:6px 13px;font-size:9px}.connection-note{display:none}.inbox-layout{display:block;position:relative;overflow:hidden}.queue-panel{height:100%;border:0}.conversation-panel{display:none;height:100%}.inbox-layout.show-conversation .queue-panel{display:none}.inbox-layout.show-conversation .conversation-panel{display:flex}.mobile-only{display:block}.queue-heading{padding:19px 19px 14px}.queue-tools{padding-left:15px;padding-right:15px}.queue-filters button{padding:9px 10px}.channel-filter select{width:62%}.conversation-list{padding:3px 9px}.conversation-item{padding:16px 13px}.conversation-header{padding:13px;gap:11px;flex-wrap:wrap}.conversation-header>.pill{margin-left:auto;padding:5px 8px;font-size:10px}.conversation-person h2{font-size:14px}.conversation-person .eyebrow{font-size:8px}.conversation-person .help{font-size:10px}.conversation-header #back-to-queue{padding:7px;font-size:11px;flex:none}.takeover-bar{padding:10px 14px;gap:9px}.takeover-actions button{padding:8px 10px;font-size:10px}.takeover-bar strong{font-size:11px}.takeover-bar .help{font-size:9px}.escalation{padding:9px 14px;gap:5px;align-items:flex-start;flex-direction:column;font-size:10px}.messages{padding:17px 13px;gap:13px;min-height:50px}.message{max-width:90%}.message-body{font-size:12px;padding:10px 12px}.reply-form{padding:11px 13px 14px}.reply-form textarea{min-height:57px;font-size:12px}.reply-footer{gap:9px}.reply-footer .help{font-size:9px;line-height:1.4}.reply-footer button{font-size:10px;padding:10px 12px}.page-view{padding:26px 16px}.page-heading h1{font-size:23px}.page-heading{margin-bottom:22px}.page-heading p{font-size:12px}.stat-cards{gap:8px;grid-template-columns:1fr}.stat-cards article{padding:18px;display:grid;grid-template-columns:1fr auto;gap:7px}.stat-cards strong{grid-column:2;grid-row:1/3;font-size:31px}.stat-cards small{grid-column:1}.simulator-layout{grid-template-columns:1fr}.panel{padding:21px}.channel-cards{gap:8px}.channel-card{padding:14px}.channel-card h2{font-size:12px}.auth-brand .wordmark{font-size:30px}.auth-card{padding:26px}.empty-state{padding:25px}.empty-state h2{font-size:17px}.empty-state p{font-size:12px}.employee-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.account .account-actions{display:flex;gap:6px}
.message.sent .message-status{color:var(--green)}.message.sending .message-status{color:#dec68e}.message.delivery_unknown .message-status,.message.definite_failed .message-status{color:var(--orange)}.message.delivery_unknown .message-body,.message.definite_failed .message-body{border-color:#9a5745}
@media(max-width:760px){.account{display:grid;gap:4px}.account .account-actions{justify-content:flex-end}.account button{padding:5px 8px;font-size:10px}.account strong{max-width:105px}}
@media(max-width:380px){.brand .wordmark{font-size:16px}.account strong{max-width:100px}}
/* Let the local strip wrap without hiding the mobile reply controls below the viewport. */
body{display:flex;flex-direction:column;height:100dvh}.local-strip{flex:none}.app-shell{height:auto;flex:1;min-height:0}.auth-shell{flex:1}
/* Short screens and an open keyboard must not trap the reply controls below the pane. */
.conversation-panel{overflow-y:auto}
.team-tools{display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:20px}.team-filter{display:flex;align-items:center;gap:12px;flex:0 1 360px;margin:0}.team-filter select{min-width:0;flex:1}.team-search{flex:1 1 240px;min-width:0;margin:0}.team-deleted{display:flex;align-items:center;gap:8px;margin:0;min-height:44px}.team-deleted input{width:18px;height:18px;accent-color:var(--orange);margin:0}
select{color-scheme:dark}select option{background:#151b23;color:#f5f1ed}
.captcha-box{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.captcha-box img{display:block;max-width:100%;height:auto;border-radius:8px}.auth-card .captcha-box button{margin:10px 0 14px}.captcha-box input{letter-spacing:5px}
@media(max-width:760px){input,select,textarea,.reply-form textarea{font-size:16px}}
@media(max-width:380px){.main-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.nav-button{padding:8px 4px;font-size:10px;white-space:normal}.account strong{max-width:125px}}