:root{color-scheme:dark;--bg:#00202d;--bg-deep:#00171f;--panel:#052c38;--list:#111415;--text:#e6eef0;--muted:#8ca7af;--line:#22424c;--teal:#2b9395;--teal-bright:#47c5c0;--danger:#ee9494;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,input,select,textarea{border:1px solid var(--line);border-radius:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:2px solid #62d9d4;outline-offset:3px}a{color:inherit;text-decoration:none}button{color:inherit;background:transparent}input,select,textarea{width:100%;background:#001d29;color:var(--text);padding:12px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--teal-bright)}textarea{resize:vertical}label{display:block;font-weight:600;font-size:12px;margin:18px 0 7px;color:#bdcdd2}h1,h2,h3,p{margin-top:0}p{color:var(--muted)}h1,h2,h3{line-height:1.2}button svg{display:block}button{transition:background .15s,border-color .15s}button:hover:not(:disabled){border-color:#6f9d9e}button.primary:hover:not(:disabled){background:#37a9aa}.primary,.secondary,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 22px;font-weight:650;line-height:1.4;border-radius:5px}.primary{background:var(--teal);border:1px solid var(--teal);color:white}.secondary{background:#0b3440;color:#dfebef;border:1px solid #34545e}.danger-button{background:#822b37;border-color:#a64450;color:#fff}.danger-button:hover:not(:disabled){background:#a13c47}.wide{width:100%}.compact{padding:8px 13px;font-size:12px}.text-button{padding:7px 9px;border:0;font-size:12px;background:transparent;white-space:nowrap}.text-button:hover:not(:disabled){background:#ffffff0b}.danger-text{color:var(--danger)}.muted{color:var(--muted)}.eyebrow,.card-kicker,.field-caption{font-size:10px;letter-spacing:1.6px;font-weight:700;color:var(--teal-bright)}.field-caption{color:var(--muted);letter-spacing:1.3px}.brand{display:flex;align-items:center;gap:11px;font-size:17px;letter-spacing:1.4px;font-weight:720;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:2.7px;color:#88abb5;margin-top:1px}.brand-symbol{width:35px;height:36px;display:grid;place-items:center;border:1px solid #449899;border-radius:7px;background:linear-gradient(145deg,#217879,#083340);color:#a4eee8;font-size:21px;font-weight:700;letter-spacing:-3px;padding-right:3px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#43c7a2;box-shadow:0 0 0 4px #43c7a20d;flex-shrink:0}.error-message{color:#ae3444;background:#fff0f0;border:1px solid #ecc8cc;border-radius:5px;padding:11px 13px;font-size:12px;line-height:1.6;margin:14px 0 0}.success-message{color:#19655b;background:#ecf8f5;border:1px solid #b6ded7;border-radius:5px;padding:11px 13px;font-size:12px;line-height:1.6;margin:14px 0 0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
/* Customer portal and sign in */
.public-header{height:86px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1c3a43;position:relative;z-index:2;background:#001e2be8}.quiet-link{font-size:12px;color:#bad0d7}.quiet-link span{margin-left:10px;color:#55c9c4}.quiet-link:hover{color:#fff}.customer-page{min-height:100vh;background:#002431}.customer-main{min-height:calc(100vh - 151px);position:relative;display:flex;align-items:center;justify-content:space-between;gap:7%;padding:80px 10%;overflow:hidden;background:radial-gradient(ellipse at 25% 55%,#0f52646b,transparent 70%),linear-gradient(120deg,#002432 50%,#041d2b 100%)}.customer-main:after{content:"";position:absolute;z-index:0;width:420px;height:800px;right:-370px;top:-120px;background:#30b6ab;opacity:.09;transform:rotate(-21deg);border-left:2px solid #70f4df}.customer-art{position:absolute;left:1%;top:9%;bottom:-28%;width:60%;pointer-events:none;opacity:.29;z-index:0}.customer-art svg{position:relative;top:15%;width:100%;filter:drop-shadow(0 30px 50px #0005)}.art-orbit{position:absolute;border:1px solid #59a9b830;border-radius:50%}.orbit-one{width:650px;height:650px;left:-25%;top:10%}.orbit-two{width:950px;height:950px;left:-45%;top:-10%}.customer-copy{position:relative;z-index:1;max-width:460px;align-self:flex-start;margin-top:24px}.customer-copy h1{font-size:clamp(40px,4.4vw,68px);font-weight:600;letter-spacing:-2.6px;line-height:1.13;margin:22px 0}.customer-copy h1 em{font-style:normal;color:#64d8cd}.customer-copy>p{max-width:320px;font-size:15px;color:#b1c9d0;line-height:1.75}.trust-line{display:flex;align-items:center;gap:10px;font-size:11px;color:#bdcfd4;margin-top:33px;letter-spacing:.25px}.join-card,.login-card{color-scheme:light;background:#fff;color:#182f3d;border-radius:14px;padding:34px 33px 27px;position:relative;z-index:1;box-shadow:0 30px 100px #0004;border:1px solid #e2eeee}.join-card{width:380px;min-width:350px;flex-shrink:0}.join-card h2,.login-card h2{font-size:23px;letter-spacing:-.7px;margin:12px 0 10px}.join-card>p,.login-card>p{font-size:12px;color:#657780;line-height:1.7}.join-card .card-kicker,.login-card .card-kicker{color:#248e89;letter-spacing:1.25px;font-size:9px}.join-card input,.login-card input{background:#fff;border:1px solid #cbd9dd;color:#15303a;border-radius:7px}.join-card input:focus,.login-card input:focus{border-color:#208cd9;box-shadow:0 0 0 3px #299cf312}.join-card label,.login-card label{color:#415e6a;font-size:11px}.join-card input{font-size:24px;text-align:center;letter-spacing:5px;font-weight:650;padding:13px 10px;text-transform:uppercase;height:62px}.join-card input::placeholder{color:#adbfc6}.join-card #code-help{font-size:10px;display:block;color:#788b95;margin:8px 0 18px;text-align:center;line-height:1.5}.join-card .primary,.login-card .primary{background:#178b8c;border-color:#178b8c}.join-card .primary{font-size:12px;padding:10px 15px}.session-preview{display:flex;gap:12px;align-items:center;background:#edf8f5;padding:12px;border-radius:7px;margin-top:16px;border:1px solid #cce5df;font-size:11px}.session-preview strong{color:#1f7067}.session-preview p{font-size:10px;margin:3px 0 0;color:#44766f}.download-label{text-align:center;margin:24px 0 16px;font-size:10px;color:#7d8b92;display:flex;align-items:center;gap:12px}.download-label:before,.download-label:after{content:"";height:1px;background:#e6edee;flex:1}.platforms{display:flex;gap:26px;justify-content:center}.platform-choice{border:0;color:#263f4d;display:flex;flex-direction:column;align-items:center;padding:3px;width:125px;gap:8px;background:none}.platform-circle{border-radius:50%;width:48px;height:48px;color:white;display:grid;place-items:center;box-shadow:0 4px 12px #0002;transition:transform .15s}.platform-choice:hover:not(:disabled) .platform-circle{transform:translateY(-2px)}.platform-circle.windows{background:#08a7e1}.platform-circle.mac{background:#182024}.platform-choice strong{font-size:11px}.platform-choice small{font-size:9px;line-height:1.45;color:#7c8b94;min-height:27px}.join-card .download-note{font-size:9px;line-height:1.6;border-top:1px solid #e7eeef;padding-top:16px;margin-top:20px;margin-bottom:0;color:#7b8d94}.public-footer{min-height:65px;padding:20px 5.5%;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#73929d;font-size:10px;border-top:1px solid #153b48;background:#001f2c}.login-page{min-height:100vh;background:radial-gradient(ellipse at 20% 70%,#134c5460,transparent 70%),#002432}.login-main{max-width:1020px;margin:0 auto;min-height:calc(100vh - 151px);display:flex;align-items:center;gap:90px;padding:70px 35px}.login-intro{flex:1}.login-intro h1{font-size:52px;font-weight:550;letter-spacing:-2px;margin:20px 0;line-height:1.13}.login-intro p{font-size:15px;max-width:300px;line-height:1.8}.login-intro>.muted{font-size:9px;letter-spacing:2px}.login-rule{height:1px;width:65px;background:#328e92;margin:42px 0 23px}.login-card{width:370px;flex-shrink:0;padding:34px}.login-card .wide{margin-top:23px}.password-wrap{position:relative}.password-wrap input{padding-right:60px}.password-wrap .text-button{position:absolute;right:5px;top:6px;color:#507381}.login-card .login-footnote{border-top:1px solid #e6edef;padding-top:20px;margin-top:23px;margin-bottom:0;font-size:10px;color:#7b8e98}
/* Agent workspace */
.agent-page{height:100vh;overflow:hidden}.app-header{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #143540;background:#001b27}.app-header .brand{font-size:15px}.app-header .brand-symbol{width:31px;height:32px;font-size:18px}.app-header .brand small{font-size:7px}.app-header-right{display:flex;align-items:center;gap:22px;font-size:11px}.live-label{display:flex;align-items:center;gap:10px;color:#90aeb7}.user-badge{color:#d6e4e9;padding:5px 10px;border:1px solid #294652;border-radius:4px;font-size:10px}.agent-layout{height:calc(100vh - 65px);display:grid;grid-template-columns:64px 240px minmax(350px,1.25fr) minmax(350px,1fr)}.icon-rail{display:flex;flex-direction:column;justify-content:space-between;background:#00131d;border-right:1px solid #0d2a34;padding-top:22px}.rail-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;border:0;border-radius:0;padding:15px 0;color:#6c919e}.rail-button>span{font-size:24px;line-height:1.1}.rail-button small{font-size:8px}.rail-button.active{color:#2fbcbb;background:#072731;box-shadow:inset 3px 0 #2b9395}.rail-bottom{padding-bottom:10px}.workspace-sidebar{padding:26px 22px;position:relative;background:linear-gradient(125deg,#012936,#001a24);border-right:1px solid #092b34;display:flex;flex-direction:column}.section-title{display:flex;flex-direction:column;gap:5px;font-size:23px;color:#e1ecee;font-weight:450;margin:0 0 30px}.subtle-label{font-size:8px;letter-spacing:1.8px;color:#688b96}.create-button{font-size:10px;font-weight:700;padding:10px 12px;gap:9px;width:100%;margin-bottom:23px}.create-button>span{font-size:19px;font-weight:400;line-height:14px}.session-folder{border:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:9px 12px;font-size:11px;text-align:left}.session-folder.active{background:#0a444c;color:#cfeeed}.session-folder .count{font-size:10px;color:#a5cece}.sidebar-note{font-size:10px;color:#6f949d;margin:12px 8px}.sidebar-footer{margin-top:auto;border-top:1px solid #193b45;padding-top:22px}.sidebar-footer .eyebrow{font-size:7px;letter-spacing:1.7px;color:#668c97}.sidebar-footer a{font-size:10px;display:block;margin-top:10px;color:#a8d8dc}.sidebar-footer a span{float:right;color:#32bdbb}.sidebar-footer p{font-size:9px;line-height:1.8;margin-top:9px;color:#62828d}.session-list-pane{display:flex;flex-direction:column;background:var(--list);min-width:0}.pane-header{display:flex;align-items:center;justify-content:space-between;min-height:67px;padding:0 23px;border-bottom:1px solid #232829;background:#0d1417}.pane-header h1{font-size:16px;font-weight:500;margin:0}.pane-header .text-button{color:#8dabad;font-size:10px}.session-toolbar{display:flex;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid #282d2e;background:#131717}.search-input{margin:0;position:relative;flex:1;min-width:120px}.search-input span{position:absolute;left:10px;top:3px;font-size:24px;color:#6d848a;line-height:30px}.search-input input{background:#1c2021;border-color:#363d40;border-radius:20px;font-size:10px;padding:7px 10px 7px 33px;height:33px}.session-toolbar select{width:120px;background:#191f20;border-color:#363d40;font-size:10px;padding:7px 8px;height:32px;color:#b3c2c6}.session-list{flex:1;min-height:0;overflow:auto;scrollbar-color:#526269 #111415;scrollbar-width:thin}.session-row{display:flex;align-items:center;width:100%;min-height:77px;padding:14px 20px;border:0;border-bottom:1px solid #25292a;border-radius:0;text-align:left;gap:14px;background:#121616}.session-row:hover:not(:disabled){background:#1e282a}.session-row.selected{background:#303838;box-shadow:inset 3px 0 #2b9395}.row-info{min-width:0;flex:1}.row-name{display:block;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;color:#e2e9eb}.row-labels{display:flex;flex-direction:column;color:#9dadaf;line-height:1.5}.row-labels small{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-presence{display:flex;gap:6px;align-items:center;max-width:175px;width:42%;justify-content:flex-end}.presence-track{height:3px;flex:1;background:#6b7576;border-radius:3px;min-width:14px;max-width:38px;opacity:.6}.presence-track.present{background:#3ace55;opacity:1}.status-pill{font-size:8px;font-weight:600;color:#a9bdc2;background:#182b31;border:1px solid #2e4a51;border-radius:20px;padding:3px 8px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;text-transform:capitalize}.status-pill:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.status-pill.connected{color:#84dbad;background:#18352b;border-color:#315840}.status-pill.waiting{color:#c0cfd0;background:#2c3636;border-color:#4a5557}.status-pill.closed,.status-pill.expired{color:#879296;background:#21282b;border-color:#3e484b}.status-pill.connecting{color:#f5d48b;border-color:#685c37;background:#3a3624}.list-footer{height:36px;border-top:1px solid #283235;padding:10px 17px;font-size:8px;color:#729098;display:flex;justify-content:space-between;flex-shrink:0}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:60px 30px;color:#7c969e;min-height:260px}.empty-mark{height:55px;width:55px;border:1px solid #2c535d;border-radius:12px;background:#10313b66;display:grid;place-items:center;font-size:28px;color:#4ca8ac;margin-bottom:21px;font-weight:300}.empty-state h2{font-size:18px;font-weight:400;line-height:1.45;color:#c3d7dc;margin-bottom:12px}.empty-state p{font-size:11px;max-width:245px;line-height:1.8}.session-detail-pane{background:#002330;overflow:auto;border-left:1px solid #193a43;scrollbar-width:thin;scrollbar-color:#37606e #002330}.detail-empty{height:100%;min-height:400px}.detail-actions{display:flex;align-items:center;justify-content:space-between;height:67px;border-bottom:1px solid #173b46;padding:0 22px}.detail-actions .text-button{font-size:10px;padding:6px 8px}.detail-name{padding:30px 27px 22px}.detail-name .field-caption{font-size:8px;letter-spacing:1.4px;color:#6f9ba7}.detail-name h2{font-size:20px;font-weight:500;margin:9px 0;overflow-wrap:anywhere}.detail-name p{font-size:10px;margin:0;color:#7299a5}.detail-tabs{display:flex;justify-content:center;border-bottom:1px solid #1d4550;margin:0 27px}.detail-tabs button{border:0;border-radius:0;min-width:105px;padding:12px 13px;font-size:11px;color:#7ea0ab}.detail-tabs button.active{box-shadow:inset 0 -2px var(--teal);color:#5ac1bf}.code-card{margin:23px 27px 0;padding:22px 18px;text-align:center;background:#092d38;border:1px solid #294b56;border-radius:7px}.code-card .field-caption{font-size:8px;letter-spacing:1.5px}.large-code{font-size:32px;font-weight:500;letter-spacing:5px;line-height:1.4;margin:15px 0 5px;color:#e6faf6;user-select:all}.code-card .text-button{font-size:9px;color:#61bbb9}.code-card p{font-size:9px;margin:13px 0 0;color:#7fa0ab;line-height:1.6}.join-action{padding:24px 35px 15px;text-align:center}.join-action .primary{padding:9px 30px;font-size:11px}.join-action p{font-size:9px;line-height:1.8;margin:14px auto 0;color:#82a2ae;max-width:265px}.session-facts{margin:6px 27px 30px;padding-top:8px;border-top:1px solid #1e4650}.session-facts>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #173c461f;font-size:9px}.session-facts dt{color:#759da9}.session-facts dd{color:#c1d5dc;margin:0;text-align:right;overflow-wrap:anywhere;max-width:60%}.audit-events{padding:25px 27px;font-size:11px}.audit-event{display:flex;gap:13px;padding:0 0 22px 0}.audit-dot{width:7px;height:7px;margin-top:5px;border:1px solid #4bb1af;flex-shrink:0;border-radius:50%}.audit-event strong{font-size:11px;text-transform:capitalize;font-weight:500;color:#c7dde1}.audit-event small{display:block;font-size:9px;margin:5px 0;color:#7697a3}.audit-event p{font-size:10px;margin:8px 0 0;overflow-wrap:anywhere;line-height:1.6}.toast,.app-error{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:30;max-width:calc(100% - 40px);box-shadow:0 8px 35px #0005;font-size:12px;border-radius:7px;padding:12px 20px;text-align:center}.toast{background:#d5eee7;color:#1b5d55;border:1px solid #98cebf}.app-error{background:#522b35;color:#ffd7d9;border:1px solid #b56876;bottom:20px}.toast:not([hidden])~.app-error{bottom:74px}.app-dialog{background:#072e3b;color:var(--text);border:1px solid #345461;border-radius:10px;padding:28px;width:440px;max-width:calc(100vw - 30px);max-height:85vh;overflow:auto;box-shadow:0 30px 100px #0008}.app-dialog::backdrop{background:#00121dcc;backdrop-filter:blur(5px)}.app-dialog h2{font-size:21px;font-weight:500;margin:0}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.dialog-close{font-size:26px;line-height:26px;border:0;padding:0 4px;color:#9fbcc7}.app-dialog p.muted{font-size:12px;line-height:1.7;margin-bottom:18px}.dialog-form small{display:block;font-size:10px;margin-top:7px}.dialog-buttons{display:flex;justify-content:flex-end;gap:9px;padding-top:25px}.dialog-buttons button{font-size:12px}.users-dialog{width:550px}.users-list{margin-top:20px}.user-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-top:1px solid #294956}.user-row strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.user-row small{display:block;font-size:10px;color:#809eab;margin-top:4px}
/* Live viewer */
.viewer-page{height:100vh;overflow:hidden;background:#0b141a}.viewer-header{height:75px;display:flex;align-items:center;gap:30px;padding:0 22px;background:#001f2c;border-bottom:1px solid #24414d}.viewer-header .brand{font-size:13px}.viewer-header .brand small{font-size:6px;letter-spacing:2px}.viewer-header .brand-symbol{width:31px;height:33px}.viewer-heading{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.viewer-heading strong{font-weight:500;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-heading span{font-size:10px;color:#86a6b1}.viewer-actions{display:flex;gap:8px;flex-shrink:0}.viewer-statusbar{height:34px;background:#072b37;border-bottom:1px solid #1c3a43;display:flex;align-items:center;justify-content:space-between;padding:0 23px;color:#87a5b0;font-size:9px;gap:12px}.viewer-statusbar #viewer-connection{display:flex;align-items:center;gap:10px}.viewer-statusbar .status-dot{width:5px;height:5px}.viewer-layout{height:calc(100vh - 109px);display:grid;grid-template-columns:minmax(0,1fr) 285px}.screen-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#142932 0,transparent 70%),#0a141b;padding:12px}.screen-stage:fullscreen{height:100vh;background:#080e13}.screen-stage canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;background:#111;touch-action:none;outline:0}.screen-stage canvas:focus-visible{outline:2px solid #45cfc4;outline-offset:2px}.screen-stage canvas.controlling{cursor:crosshair}.viewer-placeholder{max-width:390px;padding:25px;text-align:center;display:flex;align-items:center;flex-direction:column}.viewer-placeholder h1{font-size:23px;line-height:1.35;font-weight:450;color:#ccdde1;margin-bottom:15px}.viewer-placeholder p{font-size:12px;line-height:1.8}.viewer-code{font-size:24px;color:#84c9ca;letter-spacing:4px;margin-top:15px;font-weight:450}.control-hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:7px 13px;background:#044941eb;border:1px solid #248e7c;border-radius:5px;font-size:10px;color:#a4e9d9;pointer-events:none;white-space:nowrap}.control-active{background:#155c53!important;border-color:#5dc5a9!important}.chat-panel{background:#002330;border-left:1px solid #24434e;display:flex;flex-direction:column;min-height:0}.chat-header{padding:21px;border-bottom:1px solid #22424e}.chat-header h2{font-size:13px;font-weight:500;margin:0 0 6px}.chat-header span{font-size:10px;color:#779ca9}.chat-messages{padding:18px;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#315b68 #002330}.chat-system{font-size:10px;text-align:center;line-height:1.7;color:#6f97a5;margin:7px 0 18px}.chat-bubble{background:#0b3543;border:1px solid #224959;border-radius:7px;padding:11px 12px;margin-bottom:12px;overflow-wrap:anywhere}.chat-bubble.sent{background:#164645;border-color:#275e59;margin-left:14px}.chat-bubble.received{margin-right:14px}.chat-bubble small{font-size:8px;color:#75a6b4}.chat-bubble.sent small{color:#7dc2b9}.chat-bubble p{font-size:11px;line-height:1.7;margin:6px 0 0;color:#d2e4e8;white-space:pre-wrap}.chat-panel form{padding:15px 18px 8px;border-top:1px solid #23434e}.chat-panel textarea{font-size:11px;min-height:80px;max-height:190px;line-height:1.7;background:#072e3b;border-color:#34525e;padding:11px}.chat-panel form button{margin-top:10px;font-size:10px}.chat-footnote{font-size:9px;line-height:1.7;color:#6892a2;padding:0 19px 15px;margin:5px 0 0}
@media(min-width:1700px){.agent-layout{grid-template-columns:74px 310px minmax(500px,1.25fr) minmax(430px,1fr)}.workspace-sidebar{padding-left:35px;padding-right:35px}.session-row{min-height:82px}.row-name{font-size:14px}.row-labels small{font-size:10px}.detail-name{padding-top:40px}.detail-name h2{font-size:24px}.code-card{padding:32px 20px}.large-code{font-size:40px}.detail-actions,.pane-header{height:73px}.customer-main{padding-left:13%;padding-right:15%}.join-card{width:405px;padding:38px}}
@media(max-width:1190px){.agent-layout{grid-template-columns:55px 185px minmax(300px,1.05fr) minmax(310px,1fr)}.workspace-sidebar{padding:24px 14px}.section-title{font-size:21px}.row-presence{width:auto;max-width:none}.presence-track{display:none}.row-info{min-width:80px}.detail-actions{padding:0 12px}.detail-name{padding:25px 20px 20px}.detail-tabs{margin:0 20px}.code-card{margin:20px 20px 0}.session-facts{margin-left:20px;margin-right:20px}.app-header-right{gap:12px}.customer-main{padding:65px 6%;gap:5%}.customer-copy h1{font-size:52px}.viewer-header{gap:20px}.viewer-header .brand>span:last-child{display:none}.viewer-layout{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:980px){.agent-page{height:auto;overflow:auto}.agent-layout{height:auto;min-height:calc(100vh - 65px);grid-template-columns:54px 190px minmax(0,1fr);grid-template-rows:minmax(430px,60vh) auto}.icon-rail{grid-column:1;grid-row:1/3}.workspace-sidebar{grid-column:2;grid-row:1/3}.session-list-pane{grid-column:3;grid-row:1}.session-detail-pane{grid-column:3;grid-row:2;border-top:1px solid #244851;overflow:visible;min-height:420px}.detail-empty{min-height:420px}.app-header-right .live-label{display:none}.session-detail-pane #session-detail{padding-bottom:10px}.detail-name{padding-top:23px}.detail-actions{height:56px}.detail-name h2{font-size:21px}.code-card{max-width:470px;margin-left:auto;margin-right:auto;width:calc(100% - 40px)}.viewer-header .compact{font-size:10px;padding:8px 10px}.viewer-header{padding:0 14px;gap:15px}.viewer-actions{gap:5px}.login-main{gap:45px}.login-intro h1{font-size:44px}.customer-copy h1{font-size:42px}.customer-copy>p{font-size:13px}.customer-main{gap:30px}.join-card{width:350px;min-width:350px;padding:28px}.customer-copy .eyebrow{font-size:8px}}
@media(max-width:720px){.public-header{height:73px;padding:0 23px}.brand{font-size:14px}.brand small{font-size:6px;letter-spacing:2.4px}.brand-symbol{width:31px;height:32px;font-size:19px}.quiet-link{font-size:10px}.public-footer{flex-direction:column;justify-content:center;text-align:center;gap:8px;padding:18px 20px;font-size:9px}.customer-main{padding:42px 22px 50px;flex-direction:column;gap:30px;min-height:auto}.customer-copy{margin:0;align-self:center;text-align:center;max-width:360px}.customer-copy h1{font-size:38px;line-height:1.1;letter-spacing:-1.2px;margin:15px 0}.customer-copy h1 br:nth-of-type(1){display:none}.customer-copy h1 br:nth-of-type(1):after{content:" "}.customer-copy>p{font-size:12px;max-width:290px;margin:0 auto;line-height:1.7}.trust-line{justify-content:center;margin-top:19px;font-size:10px}.join-card{width:100%;max-width:390px;min-width:0;padding:27px}.customer-art{width:140%;top:0;left:-20%;bottom:40%;opacity:.2}.customer-art svg{top:0}.customer-art .art-orbit{display:none}.join-card h2{font-size:22px}.join-card #code-help{font-size:9px}.login-main{display:block;padding:42px 23px;min-height:calc(100vh - 147px)}.login-intro{text-align:center;margin-bottom:28px}.login-intro h1{font-size:35px;margin:14px 0}.login-intro h1 br{display:none}.login-intro p,.login-rule,.login-intro>.muted{display:none}.login-card{max-width:380px;width:100%;margin:auto;padding:28px}.app-header{padding:0 13px;height:62px}.app-header .brand{font-size:12px}.app-header .brand small{font-size:6px;letter-spacing:1.7px}.app-header .brand-symbol{width:27px;height:29px;font-size:17px}.app-header .brand{gap:7px}.app-header-right{gap:5px}.user-badge{max-width:130px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:9px;border:0}.app-header-right .text-button{font-size:10px;padding:6px}.agent-layout{min-height:calc(100vh - 62px);grid-template-columns:49px minmax(0,1fr);grid-template-rows:auto minmax(340px,46vh) auto}.icon-rail{grid-column:1;grid-row:1/4;padding-top:15px}.workspace-sidebar{grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr 135px;padding:18px 18px 14px;gap:14px;border-bottom:1px solid #1d3f4b}.section-title{font-size:22px;margin:0;grid-row:1;grid-column:1;line-height:1.1}.subtle-label{font-size:7px;margin-top:4px}.create-button{grid-row:1;grid-column:2;margin:0;align-self:center;padding:9px 7px;font-size:9px}.session-folder{grid-row:2;grid-column:1/3;font-size:10px}.sidebar-note,.sidebar-footer{display:none}.session-list-pane{grid-column:2;grid-row:2}.session-detail-pane{grid-column:2;grid-row:3}.pane-header{min-height:50px;height:50px;padding:0 18px}.pane-header h1{font-size:14px}.session-toolbar{padding:11px 13px;gap:7px}.session-toolbar select{width:106px;font-size:9px}.search-input input{font-size:10px}.session-row{min-height:72px;padding:12px 16px;gap:8px}.row-presence .status-pill{font-size:7px;padding:3px 6px}.row-name{font-size:11px}.row-labels small{font-size:8px}.row-presence{width:auto}.row-info{min-width:0}.rail-button small{font-size:7px}.rail-button span{font-size:20px}.rail-button{padding-top:12px;padding-bottom:12px}.rail-bottom{position:sticky;bottom:15px}.detail-actions{padding:0 15px}.detail-name{padding:22px 18px}.detail-name h2{font-size:21px}.detail-name .field-caption{font-size:7px}.detail-tabs{margin:0 18px}.detail-tabs button{font-size:10px;min-width:95px}.code-card{width:calc(100% - 36px)}.large-code{font-size:29px;letter-spacing:4px}.empty-state{padding:40px 20px}.empty-state h2{font-size:17px}.empty-state p{font-size:10px}.session-facts>div{font-size:9px}.app-dialog{padding:23px}.app-dialog h2{font-size:19px}.app-dialog .primary,.app-dialog .secondary,.app-dialog .danger-button{padding:9px 13px}.viewer-page{height:auto;overflow:auto;min-height:100vh}.viewer-header{height:auto;min-height:105px;display:grid;grid-template-columns:33px 1fr;padding:14px;gap:12px}.viewer-heading{grid-column:2}.viewer-actions{grid-column:1/3;justify-content:flex-end}.viewer-actions .compact{flex:1;font-size:10px;padding:8px 6px}.viewer-statusbar{padding:0 14px;height:auto;min-height:35px;font-size:8px;gap:6px;flex-wrap:wrap}.viewer-statusbar #display-info{display:none}.viewer-layout{height:auto;min-height:calc(100vh - 140px);display:flex;flex-direction:column}.screen-stage{height:52vh;min-height:270px;max-height:700px;padding:6px}.viewer-placeholder{padding:20px;max-width:330px}.viewer-placeholder h1{font-size:21px}.viewer-placeholder p{font-size:11px}.viewer-code{font-size:23px}.chat-panel{min-height:320px;max-height:70vh;border-left:0;border-top:1px solid #345563}.chat-header{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-header h2{margin:0}.chat-messages{min-height:115px;max-height:280px;padding:12px 18px}.chat-panel textarea{min-height:65px}.chat-panel form{padding-top:12px}.chat-footnote{font-size:8px;padding-bottom:12px}.control-hint{font-size:8px;bottom:10px;padding:5px 8px}.viewer-placeholder .empty-mark{width:40px;height:40px;margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}