:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#222b40;background:#f7f8fc;font-synthesis:none;font-size:14px;--accent:#5148e5;--line:#e8eaf1;--muted:#798298}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}button{border:0;background:none;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.boot{padding:80px;text-align:center;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;border:1px solid #dde1eb;border-radius:8px;padding:9px 14px;background:#fff;font-weight:600;font-size:13px}.btn:hover{background:#f3f4f9;text-decoration:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 4px #5148e51c}.btn.primary:hover{background:#443bd0}.btn.quiet{border-color:transparent;background:transparent}.btn.danger{color:#b32638}.btn.small{min-height:32px;padding:6px 10px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.stack{display:grid;gap:17px}.field{display:grid;gap:7px;font-size:13px;font-weight:600}.field span.hint{font-size:12px;color:var(--muted);font-weight:400;line-height:1.5}input,select,textarea{width:100%;border:1px solid #dfe3ec;background:#fff;border-radius:7px;padding:11px 12px;color:#25304a;outline:none}input:focus,select:focus,textarea:focus{border-color:#756cf1;box-shadow:0 0 0 3px #eeecff}textarea{resize:vertical;min-height:90px;line-height:1.6}label.check{display:flex;align-items:center;gap:9px;font-size:13px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}input[type=color]{height:43px;padding:5px}.error{color:#b42336;font-size:13px;line-height:1.6}.auth{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.auth-story{padding:50px clamp(36px,6vw,100px);background:#141d34;color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:60px;position:relative;overflow:hidden}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:720;letter-spacing:-.7px}.brand img{width:36px;height:36px}.auth-story h1{font-size:clamp(35px,4vw,57px);font-weight:620;line-height:1.12;letter-spacing:-2px;max-width:550px;margin:25px 0}.auth-story h1 span{color:#b9b3ff}.auth-story p{font-size:16px;line-height:1.8;color:#a9b5cf;max-width:420px}.auth-illustration{margin-top:32px;border:1px solid #3b4560;background:#202b44;border-radius:14px;padding:22px;max-width:430px;box-shadow:18px 18px 0 #1a243b}.auth-illustration .avatar{background:#4b5280;color:#fff}.auth-illustration p{font-size:13px}.tiny-bubble{background:#38415c;border-radius:9px 9px 9px 0;padding:13px 16px;font-size:13px;margin:17px 0 0}.tiny-bubble.reply{background:#655de3;margin-left:45px;border-radius:9px 9px 0 9px}.auth-form-wrap{display:grid;place-items:center;padding:40px}.auth-form{max-width:400px;width:100%}.auth-form h2{font-size:28px;letter-spacing:-.8px;margin-bottom:10px}.auth-form>p{color:var(--muted);line-height:1.6;margin-bottom:28px}.auth-form form{display:grid;gap:18px}.auth-switch{margin:20px 0;text-align:center;font-size:13px;color:var(--muted)}.auth-switch button{color:var(--accent);font-weight:600}.divider{height:1px;background:var(--line);margin:24px 0}.demo-button{width:100%;background:#f4f2ff;border-color:#ded9ff;color:#5148e5}.layout{display:flex;height:100dvh;overflow:hidden}.sidebar{width:222px;flex-shrink:0;background:#141d32;color:#b6c0d5;padding:27px 15px 15px;display:flex;flex-direction:column}.sidebar .brand{color:#fff;font-size:20px;padding:0 11px 29px}.sidebar .brand img{width:32px;height:32px}.workspace-tag{margin:0 7px 25px;background:#202b42;padding:12px;border:1px solid #303b53;border-radius:8px;display:flex;align-items:center;gap:9px;color:#e9edf7;font-size:12px}.workspace-icon{width:27px;height:27px;border-radius:7px;background:#363e60;color:#c7c5ff;display:grid;place-items:center;font-weight:700}.nav-title{font-size:10px;letter-spacing:.13em;font-weight:650;color:#697791;padding:0 14px;margin:12px 0 9px}.nav-btn{display:flex;align-items:center;gap:11px;width:100%;padding:12px 14px;border-radius:7px;margin:2px 0;text-align:left;font-size:13px;font-weight:500}.nav-btn:hover{background:#202b43;color:#fff}.nav-btn.active{background:#4f47da;color:#fff;box-shadow:0 5px 16px #090c201a}.nav-btn .count{margin-left:auto;font-size:11px;background:#ffffff24;border-radius:5px;padding:2px 6px}.sidebar-space{flex:1}.sidebar-note{padding:15px;border:1px solid #303c54;border-radius:9px;margin:18px 4px;color:#9aa9c5;font-size:11px;line-height:1.7}.sidebar-note strong{color:#d9e0f0;display:block;font-size:12px;margin-bottom:3px}.account{display:flex;align-items:center;gap:9px;padding:15px 7px 1px;border-top:1px solid #2b354b}.account .name{color:#e4e9f4;font-size:12px;font-weight:600}.account .role{font-size:10px;margin-top:3px;color:#8d9bb6;text-transform:capitalize}.account .signout{margin-left:auto;padding:5px}.avatar{width:36px;height:36px;border-radius:50%;background:#e8edff;color:#4d61a7;font-weight:650;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar.lg{width:53px;height:53px;font-size:17px}.avatar.warm{background:#fcecd9;color:#9e662e}.avatar.pink{background:#fae5ef;color:#ae5381}.avatar.teal{background:#e0f3ee;color:#298f7a}.content{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:78px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:15px}.topbar h1{font-size:21px;letter-spacing:-.7px;font-weight:650}.topbar .subtitle{color:var(--muted);font-size:12px;margin-top:5px}.topbar-right{display:flex;align-items:center;gap:17px}.live{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#7b8597}.dot{width:6px;height:6px;border-radius:100%;display:inline-block;background:#30b58c}.main{flex:1;min-height:0;overflow:auto}.inbox{height:100%;display:flex;background:#fff}.conversation-list{width:323px;min-width:280px;border-right:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0}.list-tools{padding:20px 19px 0}.search{position:relative}.search .icon{position:absolute;left:11px;top:11px;color:#9099aa;width:17px}.search input{padding-left:35px;font-size:12px;background:#f8f9fc;border-color:#eef0f5}.filter-row{display:flex;gap:7px;margin-top:12px}.filter-row select{font-size:11px;padding:8px 6px;min-width:0}.tabs{display:flex;gap:15px;padding:17px 0 0;border-bottom:1px solid var(--line);overflow:auto}.tab{padding:0 0 13px;white-space:nowrap;font-size:12px;color:#8690a3;position:relative}.tab.active{color:#4f46dc;font-weight:650}.tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#5148e5}.tab .num{font-size:10px;border-radius:4px;background:#f0f1f8;padding:2px 5px;margin-left:4px}.list-caption{display:flex;justify-content:space-between;padding:16px 20px 9px;font-size:10px;color:#949caf;letter-spacing:.07em}.list-items{overflow:auto;flex:1}.conversation{display:block;width:100%;padding:18px 19px;border-bottom:1px solid #f0f1f6;text-align:left;border-left:3px solid transparent}.conversation:hover{background:#fafaff}.conversation.selected{background:#f3f3ff;border-left-color:#5d54e8}.conversation .who{display:flex;gap:10px;align-items:flex-start}.conversation .avatar{width:34px;height:34px;font-size:11px}.conversation .name-row{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:650}.conversation .time{font-size:10px;color:#929aac;font-weight:400;white-space:nowrap}.conversation .subject{font-size:12px;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3b465b}.conversation .preview{font-size:11px;color:#8991a3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;line-height:1.5}.conversation .text{min-width:0;flex:1}.conversation .meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.site-tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#7d879a}.site-tag i{width:6px;height:6px;border-radius:2px;background:var(--site-color,#7067e9)}.unread-dot{height:6px;width:6px;background:#6155e8;border-radius:50%}.pill{font-size:10px;font-weight:550;padding:4px 7px;border-radius:5px;background:#f0f2f7;color:#7b8596;display:inline-flex;gap:4px;align-items:center}.pill.open{background:#eaf4ff;color:#3971bc}.pill.pending{background:#fff3d8;color:#a67d24}.pill.resolved{background:#e7f6ee;color:#2a8b60}.pill.urgent{background:#fff0ed;color:#c35b43}.thread{flex:1;min-width:0;display:flex;flex-direction:column}.thread-header{padding:21px 24px;border-bottom:1px solid var(--line);min-height:89px;display:flex;justify-content:space-between;align-items:center;gap:15px}.thread-header h2{font-size:16px;font-weight:650;letter-spacing:-.2px;margin-bottom:7px}.thread-header .row{gap:8px}.thread-head-text{min-width:0}.thread-head-text h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resolve-btn{background:#eff8f3;border-color:#cce9d8;color:#39875a;white-space:nowrap}.messages{padding:22px 27px;flex:1;overflow:auto;background:#fcfcfe;display:flex;flex-direction:column;gap:22px}.day-label{font-size:10px;text-align:center;color:#9aa2b3;margin:1px 0 3px}.message{max-width:87%;align-self:flex-start}.message.reply{align-self:flex-end}.message.note{align-self:stretch;max-width:100%}.message-meta{display:flex;align-items:center;gap:8px;font-size:10px;color:#939bae;margin-bottom:7px}.message-meta strong{font-size:11px;font-weight:600;color:#657087}.reply .message-meta{justify-content:flex-end}.bubble{border:1px solid #e6e9f0;background:#fff;border-radius:2px 11px 11px 11px;padding:14px 16px;font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;color:#46516a;box-shadow:0 1px 2px #17203903}.reply .bubble{background:#efedff;border-color:#e6e2ff;border-radius:11px 2px 11px 11px;color:#4c4684}.note .bubble{background:#fff9e6;border-color:#f3e6b8;border-radius:9px;color:#8b7139}.composer-wrap{padding:17px 23px 20px;background:#fff;border-top:1px solid var(--line)}.composer{border:1px solid #dde1ed;border-radius:9px;box-shadow:0 2px 6px #1c264008;overflow:hidden}.composer.note-mode{border-color:#e8d995;background:#fffdf4}.composer-top{display:flex;align-items:center;gap:12px;padding:10px 12px 0}.composer-top select{border:0;padding:4px 0;width:auto;font-size:12px;font-weight:650;background:transparent}.composer-hint{font-size:10px;color:#9aa3b5}.composer textarea{border:0;box-shadow:none;min-height:80px;max-height:180px;padding:12px 15px;resize:vertical;font-size:13px;background:transparent}.composer-bottom{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 11px}.composer-bottom select{width:auto;max-width:200px;border:0;padding:5px;font-size:11px;color:#8590a6}.composer-bottom .btn{min-height:33px;padding:6px 12px;font-size:12px}.customer-panel{width:244px;border-left:1px solid var(--line);flex-shrink:0;overflow:auto;padding:24px 20px}.customer-profile{text-align:center;padding:3px 0 23px}.customer-profile .avatar{margin:0 auto 12px}.customer-profile h3{font-size:14px;margin-bottom:6px}.customer-profile p{font-size:11px;color:#909aae;overflow-wrap:anywhere}.customer-profile .pill{margin-top:12px}.detail-section{border-top:1px solid var(--line);padding-top:20px;margin-bottom:22px}.detail-section h4{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#9aa2b2;margin:0 0 18px}.detail-field{display:grid;gap:7px;margin-bottom:16px}.detail-field label{font-size:10px;color:#939caf}.detail-field span{font-size:12px;color:#57637a;overflow-wrap:anywhere}.detail-field select{font-size:11px;padding:8px}.security-note{padding:12px;background:#f7f8fc;color:#939caf;border-radius:7px;font-size:10px;line-height:1.7}.empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:35px;min-height:200px;flex-direction:column;gap:12px;color:#939caf}.empty .icon{width:40px;height:40px;stroke-width:1.2;color:#b0addd;margin-bottom:8px}.empty h2{font-size:19px;color:#4d5870;font-weight:600}.empty p{font-size:12px;max-width:320px;line-height:1.8}.page{padding:32px;max-width:1250px;margin:auto}.page-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.page-intro h2{font-size:25px;letter-spacing:-.8px;font-weight:630;margin-bottom:9px}.page-intro p{font-size:13px;color:#8490a4;line-height:1.7}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.card h3{font-size:15px;font-weight:650;margin-bottom:8px}.card p.description{color:#8791a5;font-size:12px;line-height:1.8}.grid{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:23px}.stat .value{font-size:34px;letter-spacing:-1.5px;font-weight:630;margin:15px 0 7px}.stat .label{font-size:12px;color:#838da1}.stat .icon-box{float:right;width:32px;height:32px;border-radius:8px;background:#f0edff;color:#6961d5;display:grid;place-items:center}.site-card{display:flex;flex-direction:column;gap:18px}.site-card .site-logo{width:42px;height:42px;background:#eeecff;color:#6860d5;display:grid;place-items:center;border-radius:10px;font-size:16px;font-weight:700}.site-card .domains{font-size:12px;color:#8a94a7;line-height:1.8;min-height:35px;overflow-wrap:anywhere}.site-card footer{display:flex;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:17px;flex-wrap:wrap}.info-box{padding:18px 21px;background:#f0f2ff;border:1px solid #e3e5fc;border-radius:10px;display:flex;gap:12px;color:#716aa5;font-size:12px;line-height:1.8;margin:25px 0}.info-box strong{color:#524a8a}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff}table{border-collapse:collapse;width:100%;font-size:12px}th{font-size:10px;color:#8b95a8;font-weight:600;text-transform:uppercase;letter-spacing:.07em;background:#fafbfe;text-align:left;padding:16px 22px}td{padding:19px 22px;border-top:1px solid var(--line);color:#65728a}td strong{color:#3e4d65;font-size:13px}.reply-card{position:relative}.reply-card .reply-body{font-size:13px;line-height:1.8;color:#818da2;white-space:pre-wrap;margin:17px 0;overflow-wrap:anywhere}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.settings-grid .card form{margin-top:23px}.report-bars{margin-top:24px;display:grid;gap:20px}.bar-row{display:grid;grid-template-columns:100px 1fr 35px;align-items:center;gap:15px;font-size:12px;color:#7c879c}.bar{height:10px;background:#f0f1f8;border-radius:10px;overflow:hidden}.bar>i{display:block;background:#756bea;height:100%;border-radius:10px}.legend{display:flex;gap:20px;font-size:11px;color:#909bad;margin-top:22px}.code{background:#171f35;color:#c1cce2;font:12px/1.8 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;padding:18px;max-height:280px;overflow:auto}.api-steps{display:grid;gap:24px}.api-step{display:flex;gap:15px}.step-num{width:27px;height:27px;flex-shrink:0;background:#eeecff;color:#665cd6;border-radius:50%;font-size:12px;font-weight:700;display:grid;place-items:center}.api-step h3{font-size:14px;margin:3px 0 8px}.api-step p{font-size:12px;color:#8792a5;line-height:1.8;margin-bottom:10px}.full{width:100%}dialog{border:1px solid #e1e4ed;border-radius:14px;padding:0;width:min(570px,calc(100vw - 32px));max-height:90dvh;box-shadow:0 25px 100px #131d3430;color:#293550}dialog::backdrop{background:#15203970;backdrop-filter:blur(3px)}.modal-head{padding:24px 26px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.modal-head h2{font-size:19px;letter-spacing:-.5px}.modal-content{padding:24px 26px;display:grid;gap:18px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:5px}.close{font-size:23px;color:#8a95a8;padding:0 6px}.checkboxes{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px;border:1px solid var(--line);border-radius:8px}.secret{word-break:break-all;font:13px/1.8 Consolas,monospace;background:#f5f6fb;padding:15px;border-radius:8px;user-select:all}.token-note{font-size:12px;color:#957b44;line-height:1.7;padding:12px;background:#fff8e8;border-radius:7px}#toast{position:fixed;right:24px;bottom:24px;padding:13px 20px;border-radius:9px;background:#25314a;color:#fff;box-shadow:0 5px 25px #13203b25;font-size:13px;max-width:420px;z-index:100;display:none}#toast.show{display:block}.mobile-back{display:none}.load-more{display:block;width:100%;padding:13px;font-size:12px;color:var(--accent)}
.thread-header>.row{min-width:0;flex:1}.thread-head-text{flex:1}.thread-header>.btn,.mobile-back{flex-shrink:0}
@media(min-width:1600px){.conversation-list{width:360px}.customer-panel{width:275px}.messages{padding:28px 40px}.sidebar{width:236px}}
@media(max-width:1250px){.customer-panel{width:205px;padding:22px 15px}.sidebar{width:195px}.conversation-list{width:280px;min-width:260px}.thread-header{padding:20px 18px}.thread-header .resolve-label{display:none}.messages{padding:20px}.composer-wrap{padding:15px}.topbar{padding:0 24px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.customer-panel{display:none}.sidebar{width:180px}.sidebar .brand{font-size:18px}.sidebar .brand img{width:29px;height:29px}.workspace-tag{padding:8px}.conversation-list{width:280px}.page{padding:24px}.topbar-right .live{display:none}}
@media(max-width:760px){.auth{grid-template-columns:1fr}.auth-story{display:none}.auth-form-wrap{padding:35px 24px}.sidebar{width:65px;padding:23px 8px 12px}.sidebar .brand{padding:0 6px 25px}.sidebar .brand span,.workspace-tag,.nav-title,.nav-btn span,.nav-btn .count,.sidebar-note,.account .account-text,.account .signout{display:none}.nav-btn{padding:13px 15px;justify-content:center}.nav-btn .icon{width:21px;height:21px}.account{padding:14px 5px 0;justify-content:center}.sidebar .avatar{width:30px;height:30px;font-size:10px}.topbar{height:70px;padding:0 18px}.topbar h1{font-size:19px}.topbar .subtitle{font-size:10px}.topbar-right{gap:8px}.topbar-right .btn{font-size:11px;padding:7px 10px}.conversation-list{width:100%;border-right:0;min-width:0}.thread{display:none}.inbox.has-selection .conversation-list{display:none}.inbox.has-selection .thread{display:flex}.mobile-back{display:inline-flex;padding:4px}.thread-header{padding:16px 12px;min-height:80px}.thread-header h2{font-size:14px}.message{max-width:95%}.composer-hint{display:none}.grid,.grid.two,.settings-grid{grid-template-columns:1fr}.page{padding:24px 17px}.page-intro{flex-direction:column}.page-intro h2{font-size:23px}.card{padding:21px}.topbar-right .help{display:none}.customer-panel{display:none}.composer-bottom select{max-width:155px}.thread-header .btn{padding:7px 10px}.checkboxes{grid-template-columns:1fr}#toast{left:15px;right:15px;bottom:15px}.modal-content{padding:22px}.account{margin-top:20px}}
@media(prefers-reduced-motion:no-preference){.conversation,.nav-btn,.btn{transition:background .15s ease}}

/* Text, image and voice composer and authenticated media previews. */
.media-composer{min-width:0;font-size:12px}.media-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:5px 0}.media-actions button,.media-draft button,.message-media button{font:inherit;border:1px solid #dfe3ed;border-radius:7px;background:#fff;color:#53617d;padding:7px 9px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.media-actions button:disabled{opacity:.5;cursor:not-allowed}.media-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.media-actions .media-audio{border:0;background:transparent;font-size:11px}.media-status{font-size:11px;color:#758198;line-height:1.5}.media-status:empty{display:none}.media-draft{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#f5f7fb;border:1px solid #e4e8f0;border-radius:9px;padding:8px;margin:5px 0}.media-draft[hidden]{display:none}.media-draft img{width:64px;height:54px;object-fit:contain;border-radius:5px}.media-draft audio{width:100%;height:36px}.media-draft span{font-size:11px;flex:1}.media-draft button{font-size:11px}.record-dot{width:8px;height:8px;border-radius:50%;background:#de3e50}.message-media{margin-top:7px;max-width:100%;white-space:normal}.message-media img{display:block;max-width:100%;width:auto;max-height:220px;object-fit:contain;border-radius:8px;cursor:zoom-in}.message-media img.expanded{max-height:600px;cursor:zoom-out}.message-media audio{display:block;width:280px;max-width:100%;height:42px}.message-media button{font-size:12px;text-align:left}.message-media button:focus-visible,.media-composer button:focus-visible{outline:3px solid #aaa8f5;outline-offset:2px}

/* Automated support remains distinct in the staff transcript. */
.site-settings-dialog{width:min(780px,calc(100vw - 32px))}.site-settings-section{display:grid;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line)}.site-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.site-section-heading h3{font-size:15px;margin:0 0 6px}.site-section-heading .btn{flex-shrink:0}.site-section-heading p{margin:0}.site-settings-section .hint{font-size:11px;line-height:1.65;color:#7a879d;margin:0}.messenger-repeaters{display:grid;gap:12px}.messenger-setting-row{display:grid;gap:13px;background:#f8f9fc;border:1px solid #e5e8f0;border-radius:10px;padding:16px}.messenger-setting-row strong{font-size:12px;color:#56637b}.messenger-setting-row [hidden]{display:none}.messenger-setting-row .grid{gap:12px}.site-settings-section .field{font-size:12px}.site-settings-section .btn:disabled{opacity:.45;cursor:not-allowed}@media(max-width:600px){.site-section-heading{flex-wrap:wrap}.site-settings-dialog .modal-content{padding:18px}.messenger-setting-row{padding:12px}}
.message.bot .bubble{background:#f0edfb;border:1px solid #ddd6f4;color:#51486e}.message.bot .message-meta strong{color:#7162a8}.workflow-transcript-options{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.workflow-transcript-options span{border:1px solid #cfc5ed;background:#fff;border-radius:6px;padding:5px 7px;font-size:11px}.workflow-status{color:#7162a8;font-size:11px}.sidebar{overflow-y:auto;min-height:0}.sidebar>*{flex-shrink:0}

/* Department routing and response deadlines. */
.department-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.department-card{display:flex;flex-direction:column;gap:18px}.department-card h3{margin:0;overflow-wrap:anywhere}.department-card .btn{align-self:flex-start;margin-top:auto}.department-card dl{display:grid;gap:16px;margin:0}.department-card dt{font-size:11px;color:#8b95a8;margin-bottom:6px}.department-card dd{margin:0;font-size:12px;line-height:1.7;color:#53617a;overflow-wrap:anywhere}.department-options{border:1px solid var(--line);border-radius:9px;padding:16px;display:grid;gap:12px;min-width:0}.department-options legend{font-size:12px;font-weight:650;padding:0 5px}.department-options>p{font-size:11px;color:#8791a5;line-height:1.6}.department-member small{display:block;color:#8b95a8;font-size:10px;margin-top:3px}.department-guide p{font-size:12px;line-height:1.8;color:#718099}.department-filter-row{margin-top:7px}.department-filter-row select{width:100%}.conversation-routing{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}.department-tag{font-size:10px;color:#64738b;background:#f0f3f8;border-radius:4px;padding:3px 6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.response-deadline{display:inline-flex;font-size:10px;line-height:1.4;font-weight:600;padding:3px 6px;border-radius:5px;background:#edf4ff;color:#416d9d;white-space:nowrap}.response-deadline.is-overdue,.response-deadline.is-late{color:#a34032;background:#ffede8}.response-deadline.is-fulfilled{color:#287855;background:#e8f5ed}.detail-field .response-deadline{width:max-content;font-size:10px}.detail-field .deadline-detail{font-size:10px;line-height:1.7;color:#8791a5}.thread-head-text>.row{flex-wrap:wrap}.thread-actions{display:flex;gap:7px;align-items:center}.customer-panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.customer-panel-heading h3{font-size:13px}.details-toggle,.close-customer-details{display:none}.inbox{position:relative}.department-assignment-hint{font-size:10px;line-height:1.6;color:#8791a5;margin-top:0}
@media(max-width:1050px){.details-toggle{display:inline-flex}.inbox.show-details .customer-panel{display:block;position:absolute;z-index:12;top:0;bottom:0;right:0;width:min(320px,100%);background:#fff;box-shadow:-15px 0 45px #18294222;padding:20px}.close-customer-details{display:inline-flex;padding:3px 6px;font-size:20px}.thread-actions{gap:4px}.details-toggle{padding:7px!important;min-height:32px}.details-toggle .icon{width:17px;height:17px}}

/* Compact inbox rows: player, latest message, then routing details. */
.conversation{padding:8px 12px;min-height:72px}
.conversation .who{gap:8px;align-items:center}
.conversation .avatar{width:28px;height:28px;font-size:10px}
.conversation .name-row{align-items:center;gap:6px;line-height:18px}
.conversation .player-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conversation-signals{display:flex;align-items:center;gap:6px;flex-shrink:0}
.conversation .preview{margin-top:2px;font-size:12px;line-height:18px;color:#778297}
.conversation .meta{justify-content:flex-start;gap:6px;min-width:0;margin-top:4px;line-height:16px}
.conversation .site-tag{min-width:0;flex:0 1 auto;color:#768199}
.conversation .site-tag i{flex-shrink:0}
.conversation .site-tag>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conversation .department-tag{min-width:0;flex:0 1 auto;padding:0 4px;line-height:16px}
.conversation .response-deadline{flex-shrink:0;margin-left:auto;padding:0 4px;line-height:16px}
.conversation .pill.urgent{padding:0 4px;font-size:9px;line-height:16px}
.conversation .time,.conversation .unread-dot{flex-shrink:0}
.conversation-list .list-tools{padding:12px 12px 0}
.conversation-list .search input{padding-top:9px;padding-bottom:9px}
.conversation-list .search .icon{top:9px}
.conversation-list .filter-row{margin-top:7px}
.conversation-list .filter-row select{padding:6px}
.conversation-list .tabs{padding-top:10px}
.conversation-list .tab{padding-bottom:9px}
.conversation-list .list-caption{padding:8px 13px 6px}

/* Guest identity and read-only conversation history. Compact inbox rows stay three lines. */
.conversation .player-name{display:flex;align-items:center;gap:3px;flex:1}.conversation .player-alias{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation .guest-suffix{flex-shrink:0;font-size:10px;font-weight:500;color:#7d879a}
.player-identity{font-family:ui-monospace,Consolas,monospace;overflow-wrap:anywhere;user-select:all}
.thread-history-button{white-space:nowrap;font-size:11px;padding:7px 10px;min-height:33px}.thread-history-button .icon{width:16px;height:16px}
dialog.history-dialog{width:min(760px,calc(100vw - 24px));max-height:90dvh;overflow:hidden}.history-dialog[open]{display:flex;flex-direction:column}.history-dialog>.modal-head{flex-shrink:0;padding:17px 22px}.history-dialog>.modal-content{padding:0;display:block;overflow:auto;min-height:0}.history-person{padding:20px 22px;background:#fafbfe;border-bottom:1px solid var(--line)}.history-person h3{font-size:16px;margin-bottom:7px;overflow-wrap:anywhere}.history-person .row>div:last-child{min-width:0}.history-person dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin:17px 0 0}.history-person dl>div:first-child{grid-column:1/-1}.history-person dt{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#8b95a8;margin-bottom:4px}.history-person dd{margin:0;font-size:12px;color:#5b6880;overflow-wrap:anywhere}.history-person code{user-select:all;font-size:12px}
.history-list-body{padding:18px 22px 22px}.history-list-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.history-list-heading h4{margin:0;font-size:13px}.history-list-heading>span{font-size:10px;color:#8c96a7}.history-readonly-note{font-size:11px;color:#7f8a9f;line-height:1.6;margin:7px 0 15px}.history-entries{display:grid;gap:9px}.history-entry{display:block;width:100%;text-align:left;border:1px solid #e3e7f0;border-radius:9px;padding:12px 13px;background:#fff}.history-entry:hover{background:#f7f8ff;border-color:#c5c3ef}.history-entry-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.history-entry-top strong{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-entry-top .pill{flex-shrink:0}.history-entry-preview{display:block;font-size:12px;color:#7e899e;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-entry-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:10px;font-size:10px;color:#8d97a8}.history-entry-meta b{font-weight:600;color:#6258ca}.history-entry-meta>span{color:#7368d8}.history-load-more{display:flex;margin:15px auto 0}.history-loading,.history-empty{padding:20px 0;font-size:12px;color:#8b95a8;text-align:center}
.history-transcript-heading{padding:15px 22px;border-bottom:1px solid var(--line)}.history-transcript-heading .btn{margin:0 0 10px -8px}.history-transcript-heading h3{font-size:15px;overflow-wrap:anywhere}.history-transcript-heading p{margin-top:7px;font-size:11px;color:#7d889e;overflow-wrap:anywhere}.history-readonly-label{display:inline-block;margin-top:9px;font-size:10px;background:#f0f1fa;color:#786eaa;border-radius:4px;padding:3px 6px}.history-transcript-messages{display:flex;flex-direction:column;gap:18px;background:#fcfcfe;padding:20px 22px;overflow:auto;max-height:55dvh;min-height:160px}.history-transcript-messages .message{max-width:94%}.history-transcript-messages .message-meta{flex-wrap:wrap;gap:5px 9px}.history-transcript-messages .message-meta time{font-size:9px}.history-transcript-messages .bubble{font-size:12px;padding:12px 14px}.history-transcript-error{display:grid;gap:8px}.history-transcript-error .btn{justify-self:start}
@media(max-width:1250px){.thread-header{flex-wrap:wrap}.thread-header>.row{flex-basis:100%}.thread-header>.thread-actions{margin-left:auto}.thread-history-button{padding:7px 9px}}
@media(max-width:760px){.history-dialog>.modal-head{padding:15px 17px}.history-dialog .modal-head h2{font-size:17px}.history-person,.history-list-body,.history-transcript-heading,.history-transcript-messages{padding-left:17px;padding-right:17px}.history-person dl{grid-template-columns:1fr}.history-person dl>div:first-child{grid-column:auto}.history-person h3{font-size:15px}.history-list-heading{align-items:flex-start}.history-transcript-messages{max-height:52dvh}.thread-history-button{font-size:11px}.history-entry-meta{line-height:1.5}}

/* Inbox navigation: stable compact rows, explicit unread and response states. */
.conversation{transition:background-color .12s ease,border-color .12s ease;position:relative}
.conversation.is-unread{background:#eef6ff;border-left-color:#4b91e8}
.conversation.is-unread:hover{background:#e3efff}
.conversation.is-unread .player-alias{font-weight:750;color:#17385f}
.conversation.is-unread .preview{color:#3c587b}
.conversation.needs-attention:not(.is-unread):not(.selected){background:#fffdf8}
.conversation.selected,.conversation.selected:hover{background:#efedff;border-left-color:#6754e8;box-shadow:inset 0 0 0 1px #ded8ff}
.conversation.selected .player-alias{color:#342b78}
.conversation:focus-visible{outline:2px solid #6754e8;outline-offset:-3px}
.conversation .unread-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:6px;background:#2769bf;color:#fff;font-size:10px;font-weight:700;line-height:18px}
.conversation .needs-reply,.conversation .unread-label{flex-shrink:0;border-radius:4px;padding:0 5px;font-size:10px;line-height:16px;font-weight:600}
.conversation .needs-reply{background:#fff0ce;color:#8b590c}
.conversation .unread-label{background:#dcecff;color:#235a9d}
.conversation .conversation-reference{flex-shrink:0;margin-left:auto;font-size:9px;font-variant-numeric:tabular-nums;color:#8792a6}
.conversation .response-deadline+.conversation-reference{margin-left:0}
.conversation .draft-label{color:#a25b16;font-weight:650}
.conversation .meta .site-tag{flex:0 1 auto;max-width:45%}
.conversation-list .tabs{gap:14px;justify-content:space-between}
.conversation-list .tab{font-size:11px;white-space:nowrap}
.conversation-list .tab .num{margin-left:4px}
.list-items{position:relative;overflow-anchor:none;scrollbar-gutter:stable}
.thread{position:relative}
.thread-header{padding:14px 20px;gap:10px;min-height:94px;flex-wrap:nowrap}
.thread-header>.row{flex-basis:auto}
.thread-header h2{margin:0 0 3px;font-size:15px;line-height:21px}
.thread-subject{margin:0 0 5px;color:#7c879b;font-size:11px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thread-actions{flex-shrink:0;gap:6px}
.thread-navigation{display:flex;gap:3px;align-items:center;flex-shrink:0}
.thread-navigation>span{min-width:37px;text-align:center;color:#8b95a7;font-size:10px;font-variant-numeric:tabular-nums}
.thread-navigation button{height:30px;width:28px;padding:0;display:grid;place-items:center;border:1px solid #e1e5ee;background:#fff;border-radius:6px;color:#495773;font-size:17px}
.thread-navigation button:hover:not(:disabled){background:#f0edff;border-color:#c6bdf3;color:#5440b4}
.thread-navigation button:disabled{opacity:.35;cursor:default}
.thread-navigation button:focus-visible{outline:2px solid #6754e8;outline-offset:2px}
.thread-header .thread-history-button{font-size:11px;padding:8px 10px}
.thread.is-refreshing:after{content:"Updating conversation…";position:absolute;top:100px;right:20px;border:1px solid #e5e1fa;background:#f6f4ff;color:#776b9b;border-radius:12px;padding:4px 9px;font-size:10px;pointer-events:none;animation:inbox-refresh-label .65s both}
.composer[inert]{opacity:.65}
.thread-loading{padding:28px;flex:1;background:#fcfcfe}
.loading-label{display:block;margin-bottom:25px;font-size:12px;color:#8591a6}
.skeleton-message{height:64px;width:67%;max-width:420px;margin-bottom:28px;border-radius:0 12px 12px;background:linear-gradient(100deg,#eff1f6 30%,#f7f8fb 50%,#eff1f6 70%);background-size:220% 100%;animation:inbox-shimmer 1.8s linear infinite}
.skeleton-message.short{width:46%;height:48px;background-color:#f0eef8}
.skeleton-profile{height:160px;border-radius:12px;background:#f3f4f8;margin-top:20px}
@keyframes inbox-shimmer{to{background-position:-220% 0}}
@keyframes inbox-refresh-label{0%,80%{opacity:0}100%{opacity:1}}
@media(max-width:1500px){.thread-header .thread-history-button span{display:none}.thread-header .thread-history-button{padding:8px}}
@media(max-width:1250px){.thread-header{padding:12px 16px;flex-wrap:wrap}.thread-header>.row{flex-basis:100%}.thread-header>.thread-actions{margin-left:auto}.conversation-list .tabs{gap:8px}.conversation .meta .site-tag{max-width:38%}}
@media(max-width:760px){.thread-header{padding:10px 12px;gap:7px}.thread-header>.row{flex-basis:auto;width:100%}.thread-actions{width:100%;justify-content:flex-end}.thread-navigation{margin-right:auto}.thread-header .thread-history-button span{display:inline}.thread-subject{max-width:100%}.conversation .meta .site-tag{max-width:45%}.thread-loading{padding:22px}.thread.is-refreshing:after{top:140px}}
@media(prefers-reduced-motion:reduce){.conversation{transition:none}.skeleton-message,.thread.is-refreshing:after{animation:none}}
@media(max-width:480px){.thread-header .thread-history-button span{display:none}.thread-header .thread-history-button{padding:8px}.thread-navigation>span{min-width:37px}}

/* Archived conversations stay available without occupying the active queue. */
.pill.archived{background:#eef0f4;color:#657086}
.conversation-list .tabs{gap:4px;overflow-x:auto;scrollbar-width:thin}
.conversation-list .tab{flex-shrink:0;font-size:10.5px}
.archive-duration{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.archive-settings .check{align-items:flex-start;line-height:1.6}
.archive-settings .small{line-height:1.65;margin:0}
.archive-settings input:disabled,.archive-settings select:disabled{opacity:.5}
.inactivity-stage{min-width:0;margin:0;padding:14px;border:1px solid var(--line);border-radius:10px;display:grid;gap:12px}
.inactivity-stage legend{padding:0 6px;font-size:13px;font-weight:650}
.inactivity-protection{padding:12px;border:1px solid var(--line);border-radius:10px}
.inactivity-protection>span{display:grid;gap:4px}.inactivity-protection strong{font-size:12px}
.inactivity-summary{margin:0;padding:12px;border-radius:9px;background:#eff4ff;color:#3a547e;font-size:12px;line-height:1.7}
.department-filter-row .priority-filter{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;min-height:34px;padding:5px 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface,#fff);color:var(--secondary,#66758c);font-size:11px;font-weight:650}
.department-filter-row .priority-filter .icon{width:14px;height:14px}
.department-filter-row select{min-width:0;flex:1}
.btn.priority-toggle{flex-shrink:0;min-height:36px;padding:7px 10px;font-size:11px;gap:6px;white-space:nowrap}
.btn.priority-toggle .icon{width:17px;height:17px}
.btn.priority-toggle[aria-pressed=true],.department-filter-row .priority-filter[aria-pressed=true]{background:#fff0f1;border-color:#e9aab0;color:#a52739}
.priority-toggle[aria-pressed=true] .icon,.priority-filter[aria-pressed=true] .icon{fill:currentColor;fill-opacity:.18}
.priority-toggle:focus-visible,.priority-filter:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(min-width:761px) and (max-width:1250px){.thread-header>.priority-toggle{margin-left:auto}.thread-header>.thread-actions{margin-left:0}}
@media(max-width:760px){.inbox.has-selection .btn.priority-toggle{width:44px;min-width:44px;height:44px;padding:0;justify-content:center;border-radius:10px}.inbox.has-selection .priority-toggle span{display:none}.inbox.has-selection .priority-toggle .icon{width:19px;height:19px}}
.site-app-key code{font-size:12px;overflow-wrap:anywhere}
.site-card footer{flex-wrap:wrap;gap:8px}
.installation-page{max-width:1040px;margin:0 auto}
.installation-card{min-width:0}
.installation-card>.field{max-width:400px}
.installation-key{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:#f6f7fc;border:1px solid #e4e7f1;border-radius:10px;margin:12px 0 20px}
.installation-key code{display:block;margin-top:5px;font-size:14px;overflow-wrap:anywhere}
.installation-modes{display:flex;gap:4px;border-bottom:1px solid #e4e7f1;margin-bottom:20px}
.installation-modes button{background:none;border:0;border-bottom:3px solid transparent;padding:12px 16px;color:#63708a;font:inherit;cursor:pointer}
.installation-modes button[aria-selected="true"]{color:#5148e5;border-bottom-color:#5148e5;font-weight:700}
.installation-code-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.installation-code-heading .btn{flex-shrink:0}
.installation-code{max-height:520px;overflow:auto;white-space:pre;font-size:13px;line-height:1.65;background:#151f33;color:#e5eafa;padding:20px;border-radius:10px}
.installation-advanced{margin-top:24px;padding-top:18px;border-top:1px solid #e4e7f1}
.installation-advanced summary{cursor:pointer;font-weight:600}
.btn.danger{color:#b42331;border-color:#ebc2c7;background:#fff5f5}.btn.danger:hover:not(:disabled){background:#fee5e8}.history-danger{margin-top:20px}.history-danger-copy{color:#a32936;font-size:13px}.delete-history-person{display:flex;flex-direction:column;gap:5px;padding:14px;background:#f7f8fc;border-radius:9px;margin-bottom:16px}.delete-history-person code{font-size:12px;overflow-wrap:anywhere}#delete-history-dialog p{margin:14px 0;line-height:1.6}
.installation-advanced p{margin:12px 0}
@media(max-width:640px){.installation-code-heading{flex-direction:column;gap:10px}.installation-modes button{font-size:12px;padding:10px 8px}.installation-key{padding:12px;gap:8px}.installation-key code{font-size:11px}.installation-code{font-size:12px;padding:12px}}

.team-actions{flex-wrap:wrap;gap:6px}.team-permissions{border:1px solid var(--border,#e1e5ef);border-radius:10px;padding:12px}.team-permissions legend{font-weight:700;padding:0 6px}.permission-option{align-items:flex-start!important;padding:7px 0}.permission-option input{margin-top:3px}.permission-option span{display:block}.permission-option small{display:block;color:#718096;font-size:11px;margin-top:3px}.inbox-readonly{padding:14px 20px;margin:0;border-top:1px solid #e1e5ef;color:#718096;font-size:12px}
.message-media video{display:block;width:360px;max-width:100%;max-height:420px;border-radius:10px;background:#111}.media-draft video{width:96px;height:64px;object-fit:contain;border-radius:6px;background:#111}

.message-media .image-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.message-media .image-actions button{font-size:11px;padding:5px 8px;min-height:28px;cursor:pointer}

/* A conversation fills the phone; tools stay within reach without taking transcript space. */
.thread-more,.thread-player-avatar,.mobile-action-label{display:none}
.media-attachment-menu{display:contents}
.media-attachment-menu[hidden],.media-attach-toggle[hidden]{display:none!important}
@media(max-width:760px){
  .layout:has(.inbox.has-selection){position:fixed;top:var(--inbox-viewport-top,0px);left:0;right:0;height:var(--inbox-viewport-height,100dvh)}
  .layout:has(.inbox.has-selection)>.sidebar,.layout:has(.inbox.has-selection)>.content>.topbar{display:none}
  .layout:has(.inbox.has-selection) .main{overflow:hidden}
  .inbox.has-selection .thread{min-height:0;overflow:hidden}
  .inbox.has-selection .messages{min-height:0;padding:14px 13px 18px;gap:17px;overscroll-behavior:contain;overflow-anchor:none}
  .inbox.has-selection .message{max-width:93%}
  .inbox.has-selection .message .bubble{padding:10px 12px;font-size:13px;line-height:1.65}
  .inbox.has-selection .message-meta{font-size:10px;gap:6px;margin-bottom:5px}
  .inbox.has-selection .thread-header{position:relative;flex-shrink:0;min-height:68px;height:68px;padding:8px 9px 8px 4px;gap:4px;flex-wrap:nowrap}
  .inbox.has-selection .thread-header>.row{width:auto;flex-basis:auto;gap:6px;min-width:0}
  .inbox.has-selection .mobile-back,.inbox.has-selection .thread-more{display:inline-flex;align-items:center;justify-content:center;width:40px;height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--secondary,#66758c);flex-shrink:0}
  .inbox.has-selection .mobile-back:hover,.inbox.has-selection .thread-more:hover{background:var(--surface-soft,#f6f8fc);color:var(--ink,#222b40)}
  .inbox.has-selection .thread-player-avatar{display:flex;width:32px;height:32px;font-size:10px;flex-shrink:0;background:#dff2ed;color:#287568}
  .inbox.has-selection .thread-head-text h2{font-size:13px;line-height:19px;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .inbox.has-selection .thread-head-text>.row{flex-wrap:nowrap;gap:5px;font-size:10px;line-height:15px;overflow:hidden}
  .inbox.has-selection .thread-head-text .site-tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;flex:0 1 auto}
  .inbox.has-selection .thread-head-text .pill{flex-shrink:0;font-size:9px;line-height:14px;padding:2px 4px}
  .inbox.has-selection .thread-subject,.inbox.has-selection .thread-head-text>.row>:not(.site-tag):not(.pill),.inbox.has-selection .thread-header>.thread-navigation{display:none}
  .inbox.has-selection .thread-actions{display:none;position:absolute;right:9px;top:60px;z-index:25;width:255px;max-width:calc(100vw - 18px);margin:0;padding:8px;gap:5px;align-items:stretch;background:var(--surface,#fff);border:1px solid var(--line);border-radius:13px;box-shadow:0 12px 35px #0003}
  .inbox.has-selection .thread-header.actions-open .thread-actions{display:flex;flex-direction:column}
  .inbox.has-selection .thread-actions .thread-navigation{width:100%;margin:0;gap:5px;padding:2px 5px 7px;border-bottom:1px solid var(--line)}
  .inbox.has-selection .thread-navigation>span{margin-right:auto;text-align:left;padding-left:6px;font-size:11px;color:var(--secondary,#66758c)}
  .inbox.has-selection .thread-navigation button{height:40px;width:42px;background:var(--surface-raised,#fff);color:var(--ink,#222b40);border-color:var(--line)}
  .inbox.has-selection .thread-actions>.btn{display:flex;width:100%;min-height:44px;padding:10px 12px!important;justify-content:flex-start;gap:10px;font-size:12px}
  .inbox.has-selection .thread-actions .thread-history-button span,.inbox.has-selection .mobile-action-label{display:inline}
  .inbox.has-selection .thread.is-refreshing:after{top:74px;right:12px}
  .inbox.has-selection .composer-wrap{flex-shrink:0;padding:5px 9px max(10px,env(safe-area-inset-bottom));position:relative}
  #composer-form{display:grid;position:relative;grid-template-columns:40px minmax(0,1fr) 38px 44px;column-gap:5px;row-gap:5px;border:0;border-radius:0;padding:0;background:transparent;min-width:0;overflow:visible}
  #composer-form::before{content:"";grid-column:1/4;grid-row:2;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft,#f4f6fb);align-self:stretch;pointer-events:none}
  #composer-form:focus-within::before{border-color:#a99df8}
  #composer-form .composer-top,#composer-form .composer-bottom,#composer-media,#composer-media .media-composer,#composer-media .media-actions{display:contents}
  #composer-form .composer-hint{display:none}
  #composer-form #message-kind{grid-column:1/3;grid-row:1;justify-self:start;align-self:center;min-height:30px;max-width:155px;margin:0 0 0 3px;padding:3px 4px;border:0;box-shadow:none;background:transparent;color:var(--ink,#222b40);font-size:11px;font-weight:600}
  #composer-form #saved-picker{grid-column:2/5;grid-row:1;justify-self:end;align-self:center;width:auto;max-width:150px;min-height:30px;margin:0 3px 0 0;padding:3px 0;border:0;box-shadow:none;background:transparent;color:var(--secondary,#66758c);font-size:11px}
  #composer-form #message-body{grid-column:2;grid-row:2;z-index:1;align-self:center;width:100%;min-width:0;height:42px;min-height:42px;max-height:110px;margin:0;padding:10px 0;border:0;border-radius:0;background:transparent;color:var(--ink,#222b40);font-size:16px;line-height:22px;resize:none;box-shadow:none;outline:none;overflow-y:auto}
  #composer-form #message-body::placeholder{font-size:13px;color:var(--secondary,#66758c)}
  #composer-form .media-attach-toggle,#composer-form .media-record{grid-row:2;align-self:end;z-index:1;display:flex;align-items:center;justify-content:center;height:46px;min-height:44px;padding:0;border:0;background:transparent;color:var(--secondary,#66758c);font-size:0;border-radius:12px;margin:0;gap:0}
  #composer-form .media-attach-toggle{grid-column:1;width:40px}
  #composer-form .media-record{grid-column:3;width:38px}
  #composer-form .media-attach-toggle:hover:not(:disabled),#composer-form .media-record:hover:not(:disabled){background:var(--surface-raised,#eaf0f8);color:var(--ink,#222b40)}
  #composer-form .media-attach-toggle svg,#composer-form .media-record svg{width:20px;height:20px}
  #composer-form .media-record span:not(.record-dot){display:none}
  #composer-form .media-record .record-dot{width:12px;height:12px;display:block;flex-shrink:0}
  #composer-form #send-message{grid-column:4;grid-row:2;align-self:end;z-index:1;width:44px;min-width:44px;height:46px;min-height:46px;margin:0;padding:0;border:0;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#6554d9;color:white}
  #composer-form #send-message:hover:not(:disabled){background:#5744c7}
  #composer-form #send-message span{display:none}
  #composer-form #send-message .icon{width:21px;height:21px;transform:rotate(-90deg)}
  #composer-form .media-attachment-menu{display:flex;flex-direction:column;position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:25;padding:8px;border:1px solid var(--line);border-radius:13px;background:var(--surface,#fff);box-shadow:0 12px 35px #0003;gap:4px}
  #composer-form .media-attachment-menu button{min-height:44px;width:100%;padding:10px 12px;text-align:left;justify-content:flex-start;border:0;border-radius:8px;background:transparent;color:var(--ink,#222b40);font-size:13px;gap:10px}
  #composer-form .media-attachment-menu button:hover:not(:disabled){background:var(--surface-soft,#f6f8fc)}
  #composer-form .media-status{grid-column:1/-1;grid-row:3;font-size:11px;line-height:1.5;color:var(--secondary,#66758c);max-height:76px;overflow:auto;overflow-wrap:anywhere}
  #composer-form .media-draft{grid-column:1/-1;grid-row:4;margin:0;max-height:140px;overflow:auto;font-size:11px}
  #composer-form .media-draft img{width:48px;height:42px}
  #composer-form .media-draft video{width:72px;height:48px}
  #composer-form .media-draft button{min-height:36px}
  #composer-form.note-mode{background:transparent}
  #composer-form.note-mode::before{background:#fff8e5;border-color:#c3a25f}
  :root[data-theme=dark] #composer-form.note-mode::before{background:#332e21;border-color:#8a7548}
  :root[data-theme=dark] .thread-player-avatar{background:#254448;color:#b4e6df}
  #composer-form [hidden],.composer-wrap[hidden]{display:none!important}
  .inbox.has-selection .mobile-back:focus-visible,.inbox.has-selection .thread-more:focus-visible{outline:3px solid #a99df8;outline-offset:-2px}
}

/* Pictures fill the message width; tall screenshots scroll with the transcript. */
#messages{min-height:0}
#messages .message:has(.message-media img),#history-messages .message:has(.message-media img){width:100%;max-width:100%;flex-shrink:0}
#messages .message-media img,#history-messages .message-media img{width:100%;height:auto;max-height:none}
#messages .reply .message-media img,#history-messages .reply .message-media img{margin-left:auto}
#messages .reply .image-actions,#history-messages .reply .image-actions{justify-content:flex-end}

/* Message search keeps results compact and history inspection separate from a live reply. */
.inbox-search-scope{font-size:11px;line-height:1.5;color:var(--secondary,#66758c);margin:8px 1px 0}.inbox-search-scope[hidden]{display:none}
.inbox-search-error{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--secondary,#66758c);padding-top:8px}.inbox-search-error[hidden]{display:none}#list-items[inert]{opacity:.5}
.search-highlight{background:#fff0ae;color:#493700;border-radius:2px;padding:0 1px}.conversation .search-result-status{padding:2px 5px;font-size:9px;flex-shrink:0;text-transform:capitalize}.conversation .meta:has(.search-result-status){gap:6px}.conversation .meta:has(.search-result-status) .site-tag{max-width:35%}
.search-match-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:18px 22px 10px}.search-match-heading>div{min-width:0}.search-match-heading h3{font-size:15px;overflow-wrap:anywhere}.search-match-heading p{font-size:11px;color:var(--secondary,#66758c);line-height:1.5;overflow-wrap:anywhere;margin-top:6px}.search-match-heading .pill{text-transform:capitalize;flex-shrink:0}.search-context-note{font-size:11px;line-height:1.6;color:var(--secondary,#66758c);padding:0 22px 12px;margin:0}.search-match-dialog .history-transcript-messages{background:var(--surface-soft,#f6f8fc)}
.search-match-dialog .search-anchor{outline:2px solid #7465df;outline-offset:5px;border-radius:9px;scroll-margin:12px}.search-match-dialog .search-anchor::before{content:'Matching message';display:block;color:#6654c7;font-size:10px;font-weight:650;margin-bottom:7px}.search-match-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:14px 22px;border-top:1px solid var(--line);background:var(--surface,#fff)}.search-match-actions .btn{font-size:12px}.search-match-dialog .history-transcript-messages>.search-context-note{padding:0;text-align:center}.search-match-dialog .message:has(.message-media img){width:100%;max-width:100%;flex-shrink:0}.search-match-dialog .message-media img{width:100%;height:auto;max-height:none}
:root[data-theme=dark] .search-highlight{background:#63552e;color:#fff2b7}:root[data-theme=dark] .search-match-dialog .search-anchor{outline-color:#b4a8ff}:root[data-theme=dark] .search-match-dialog .search-anchor::before{color:#c6beff}
@media(max-width:760px){.search-match-heading{padding:15px 17px 9px}.search-match-dialog>.modal-content{overflow:auto}.search-context-note{padding-left:17px;padding-right:17px}.search-match-actions{padding:12px 17px;position:sticky;bottom:0}.search-match-actions .btn{min-height:42px}.search-match-dialog .history-transcript-messages{max-height:48dvh;padding:18px 17px}.search-match-heading h3{font-size:14px}}