:root{--ink:#24282b;--muted:#7c8389;--line:#e9ecee;--gold:#b39253;--paper:#f7f8fa;--green:#22876a;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c0a469;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #c0a469;outline-offset:1px}[hidden]{display:none!important}.shell{height:100dvh;display:flex;overflow:hidden}.rail{width:88px;flex:none;background:#232629;color:#c2c6c9;display:flex;align-items:center;flex-direction:column;padding:25px 10px;gap:27px}.brand{text-decoration:none;font:600 33px Georgia,serif;color:#d3b77f;text-align:center}.brand span{display:block;font:8px sans-serif;letter-spacing:1.7px;margin-top:7px}.rail-icon{background:transparent;color:#b7bdc2;border-radius:12px;font-size:25px;width:49px;height:49px;display:grid;place-items:center}.rail-icon.selected{background:#3d3c37;color:#e0c791;border:1px solid #6e6249}.rail-bottom{margin-top:auto;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px;color:#9c9d98}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:100px;flex:none;padding:25px 34px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#92989e}.topbar h1{font-size:23px;letter-spacing:-.6px;margin:7px 0 0;font-weight:650}.top-actions{display:flex;align-items:center;gap:15px}.presence{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}.presence select{border:none;background:transparent;color:#3f5650;max-width:150px}.dot{width:7px;height:7px;background:#35a579;border-radius:50%;display:inline-block}.dot.off{background:#aaa}.avatar{width:39px;height:39px;flex-shrink:0;border-radius:13px;display:inline-grid;place-items:center;background:#ece9e1;color:#8c794c;font-size:14px;font-weight:650}.avatar.me{background:#eef0f4;color:#65778a;border-radius:50%}.avatar.big{width:62px;height:62px;border-radius:20px;font-size:24px}.columns{display:grid;grid-template-columns:320px minmax(300px,1fr) 270px;flex:1;min-height:0}.inbox{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.inbox-title{padding:24px 22px 17px;display:flex;align-items:center;gap:10px;justify-content:space-between}.inbox-title h2{font-size:16px;margin:0}.live-pill{font-size:9px;color:#87948e;background:#f2f5f3;padding:5px;border-radius:5px}.search{margin:0 19px 18px;border:1px solid var(--line);background:#f9fafb;border-radius:9px;display:flex;align-items:center;padding:9px 11px;gap:8px;color:#9aa0a5}.search input{min-width:0;flex:1;border:0;background:none;outline:0;font-size:12px}.filters{display:flex;gap:6px;flex-wrap:wrap;padding:0 19px 18px;border-bottom:1px solid var(--line)}.filters button{font-size:11px;padding:7px 9px;border-radius:6px;color:#7b8187;background:transparent}.filters button.on{background:#282c2e;color:#fff}.case-list{flex:1;overflow:auto}.case-row{display:flex;align-items:flex-start;width:100%;text-align:left;padding:22px 20px;gap:12px;background:#fff;border-bottom:1px solid #f1f2f3;position:relative}.case-row:hover{background:#fafaf8}.case-row.current{background:#f7f5ef}.case-row.current:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold)}.case-copy{flex:1;min-width:0}.case-head{display:flex;justify-content:space-between;align-items:center;gap:7px}.case-head strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread{width:7px;height:7px;flex:none;background:#b79552;border-radius:50%}.case-subject{font-size:11px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:8px 0 11px}.case-meta{display:flex;align-items:center;justify-content:space-between;gap:5px}.case-meta small{font-size:9px;color:#969b9e}.badge{border-radius:5px;padding:4px 7px;font-size:10px;white-space:nowrap;display:inline-block;background:#edf0f3;color:#687888}.badge.active{background:#f3e9d5;color:#9a793d}.badge.resolved{background:#e8f3ed;color:#498567}.pager{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.subtle{background:transparent;color:#797e83;font-size:11px;padding:7px 8px;border-radius:6px}.subtle:hover{background:#f0f1f2}.icon-button{background:transparent;min-width:32px;min-height:32px;color:#8b9196;border-radius:7px;font-size:20px}.icon-button:hover,.icon-button.enabled{background:#eeeae1;color:#9c7e43}.primary{background:#292e31;color:#fff;border-radius:8px;padding:11px 17px;font-size:12px;font-weight:550;white-space:nowrap}.primary:hover{background:#494b47}.conversation{display:flex;flex-direction:column;min-height:0;min-width:0;background:#fafbfc;position:relative}.chat-header{background:white;padding:21px 25px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);min-height:86px}.chat-heading{min-width:0;flex:1}.chat-heading h2{font-size:14px;margin:0 0 6px}.chat-heading>span{color:#92999e;font-size:10px}.chat-header .back{display:none}#case-actions{display:flex;gap:7px;align-items:center}.case-banner{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:12px 25px;font-size:10px;color:#7e858c;border-bottom:1px solid var(--line);background:#fff}.case-banner>span:nth-child(2){flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-banner small{font-size:10px}.messages{flex:1;overflow:auto;min-height:100px;padding:15px 28px 20px;scroll-behavior:smooth}.day-label{text-align:center;color:#adb1b6;font-size:10px;letter-spacing:.2px;margin:8px 0 27px}.message{display:flex;margin:15px 0}.message.outgoing{justify-content:flex-end}.bubble{max-width:86%;padding:13px 15px 10px;border:1px solid #e5e8eb;background:#fff;border-radius:12px 12px 12px 3px;box-shadow:0 2px 3px #20202002;overflow-wrap:anywhere}.outgoing .bubble{background:#efeee8;border-color:#e4e1d6;border-radius:12px 12px 3px 12px}.note .bubble{background:#fff4d3;border:1px dashed #ddc385}.message-author{font-size:10px;color:#969b9d;margin-bottom:7px}.bubble p{font-size:12px;line-height:1.7;white-space:pre-wrap;margin:0}.message-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;font-size:8px;color:#969b9f;margin-top:7px;min-height:20px}.message-footer button{background:none;color:#969b9f;font-size:15px}.message blockquote{margin:3px 0 10px;padding:8px 10px;border-left:2px solid #b99b63;background:#00000005;font-size:11px;color:#7d817c}.file-card{display:flex;gap:12px;padding:12px;border:1px solid #d9dcdb;border-radius:8px;margin-top:9px;text-decoration:none;font-size:11px}.file-card>span:first-child{font-size:23px}.file-card small{display:block;color:#929797;font-size:9px;margin-top:4px}.typing{height:22px;font-size:10px;padding:0 28px;color:#a08c61;flex:none}.composer{margin:0 22px 20px;background:white;border:1px solid #dfe4e8;border-radius:12px;padding:11px 14px;box-shadow:0 3px 14px #23303d05}.compose-mode{display:flex;gap:13px;padding:2px 0 9px;border-bottom:1px solid #f2f3f4;font-size:10px;color:#92999e}.compose-mode button{background:none;color:#969b9e;font-size:11px;padding:3px 0}.compose-mode .on{color:#454c50;font-weight:600}.composer.internal{background:#fffaf0;border-color:#d8bd7e}.composer textarea{resize:vertical;min-height:62px;max-height:180px;border:0;background:transparent;width:100%;font-size:12px;line-height:1.6;padding:10px 0;outline:none!important}.composer-tools{display:flex;justify-content:space-between;align-items:center;gap:8px}.composer-tools>div{display:flex;align-items:center;gap:4px}.composer-hint{font-size:9px;color:#a6aaad;padding-top:8px}.context{background:#fff;border-left:1px solid var(--line);padding:27px 24px;overflow:auto}.context>h2{font-size:17px;line-height:1.5}.context>p{font-size:12px;color:#91979d;line-height:1.7}.profile{text-align:center;padding:30px 0 22px;border-bottom:1px solid var(--line)}.profile h2{font-size:15px;margin:13px 0 5px}.profile p{font-size:10px;color:#969b9f;overflow-wrap:anywhere}.context dl{display:grid;grid-template-columns:1fr;gap:6px;padding:17px 0}.context dt{font-size:10px;color:#a0a5aa;margin-top:8px}.context dd{font-size:11px;margin:0;color:#616a71;line-height:1.5}.context-note{border:1px solid #ece9e0;background:#faf9f5;color:#96907d;padding:14px;border-radius:8px;font-size:10px;line-height:1.8;margin:20px 0}.order-card{border:1px solid var(--line);padding:14px;border-radius:9px}.order-card h3{font-size:12px;line-height:1.6}.order-card p{font-size:10px;color:#90979d}.context details{font-size:11px;color:#90989e}.audit{font-size:10px;line-height:1.8;padding:6px 0;border-bottom:1px solid var(--line)}.audit small{display:block}.overdue{color:#bc674f!important}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:35px;text-align:center}.empty-mark{font-size:40px;width:90px;height:90px;display:grid;place-items:center;background:#f0ede5;border-radius:28px;color:#b89a61;margin-bottom:15px}.empty h2{font-size:21px;font-weight:500}.empty p{color:#8a929a;max-width:320px;line-height:1.8;font-size:13px}.empty button{margin-top:15px}.loading,.list-empty{padding:30px;color:#929a9e;font-size:12px}.older{display:block;margin:auto}.customer .rail{display:none}.customer .columns{grid-template-columns:285px minmax(300px,1fr)}.customer .context{display:none}.customer .topbar{height:86px}.customer .topbar h1{font-size:21px}#connection{background:#fff2d7;color:#947133;text-align:center;font-size:11px;padding:7px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#283a32;color:white;padding:15px 24px;box-shadow:0 5px 25px #0002;border-radius:10px;z-index:1000;max-width:min(600px,90vw);font-size:12px;line-height:1.6}#toast.bad{background:#7b3e36}dialog{border:1px solid #e5e5e1;border-radius:18px;padding:24px;width:min(510px,94vw);max-height:90dvh;color:var(--ink);box-shadow:0 20px 100px #0002}dialog::backdrop{background:#20262d66;backdrop-filter:blur(3px)}dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}dialog h2{font-size:20px;margin:0;letter-spacing:-.4px}dialog p{font-size:12px;color:#7e868c;line-height:1.7}dialog label{display:block;font-size:11px;color:#6b7379;margin:15px 0}dialog input,dialog select,dialog textarea{display:block;width:100%;padding:11px;border:1px solid #dfe3e7;border-radius:7px;background:#fff;color:#39444c;margin-top:7px;line-height:1.4}dialog textarea{resize:vertical;min-height:75px}dialog .primary{margin-top:12px;width:100%}.hint{font-size:10px!important;color:#979da2!important}.error{color:#b74e43!important}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.emoji-grid button{background:#f6f7f8;border-radius:8px;padding:8px;font-size:23px}.quick-list button{background:#f7f7f5;border:1px solid #ebece6;border-radius:9px;margin:6px 0;padding:13px;text-align:left;font-size:12px;line-height:1.6;width:100%}.attachment-chip{display:inline-block;background:#eff1f2;border-radius:5px;padding:5px 8px;margin:3px;font-size:10px}.attachment-chip button{background:none}#reply-banner{font-size:10px;padding:6px;border-left:2px solid #b79552;margin-bottom:7px;color:#7f837b}.metrics{display:flex;gap:10px}.metrics>div{background:#f7f6f0;flex:1;padding:15px;border-radius:8px}.metrics strong{display:block;font-size:25px}.metrics span{font-size:10px;color:#90968f}.fatal{max-width:500px;margin:10vh auto;padding:30px;line-height:1.8}.fatal button{padding:12px;background:#282c2f;color:white;border-radius:8px}
@media(min-width:1550px){.columns{grid-template-columns:350px minmax(400px,1fr) 300px}.messages{padding-left:6%;padding-right:6%}.composer{margin-left:6%;margin-right:6%}}
@media(max-width:1180px){.columns{grid-template-columns:280px minmax(300px,1fr)}.context{display:none}.topbar{padding:22px}.rail{width:70px}.live-pill{display:none}}
@media(max-width:760px){.rail{display:none}.topbar{height:80px;padding:16px}.topbar h1,.customer .topbar h1{font-size:17px}.eyebrow{font-size:8px}.top-actions{gap:6px}.top-actions .avatar{display:none}.top-actions .subtle{font-size:9px}.presence{font-size:10px}.presence select{font-size:10px;max-width:105px}.columns,.customer .columns{display:block;position:relative;overflow:hidden}.inbox,.conversation{height:100%}.conversation{display:none}.chat-open .inbox{display:none}.chat-open .conversation{display:flex}.chat-header{padding:14px;min-height:74px;gap:9px}.chat-header .back{display:block;font-size:30px;min-width:25px}.chat-heading h2{font-size:13px}.chat-heading>span{font-size:9px}.chat-header .primary{padding:9px;font-size:10px}.chat-header>.avatar{width:33px;height:33px;border-radius:10px}.case-banner{padding:10px 15px}.messages{padding:10px 15px}.bubble{max-width:91%}.composer{margin:0 10px 12px;padding:8px 12px}.composer textarea{font-size:16px;min-height:55px}.composer-hint{font-size:8px}.typing{padding:0 18px}.customer .topbar{height:73px}.customer .topbar .eyebrow{font-size:8px}.two-fields{display:block}dialog{padding:20px}.emoji-grid{grid-template-columns:repeat(4,1fr)}.case-row{padding:20px}.inbox-title{padding:20px}.search{margin-bottom:14px}.topbar .icon-button{font-size:16px}.customer #sound{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.file-thumb{width:68px;height:68px;object-fit:cover;border-radius:6px}.info-button{font-size:18px}dialog .profile{padding-top:5px}dialog dl{font-size:12px;line-height:1.7}dialog dt{color:#92999e}dialog dd{margin:0 0 10px}
.bubble p{font-size:14px}.case-head strong{font-size:13px}.case-subject{font-size:12px}.message-footer{font-size:9px}.context dd{font-size:12px}.chat-heading h2{font-size:15px}.composer textarea{font-size:14px}@media(max-width:760px){.composer textarea{font-size:16px}.bubble p{font-size:14px}}
:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif,"Apple Color Emoji","Segoe UI Emoji"}.info-button{font-family:Georgia,serif;font-style:italic;font-weight:bold}

.message-receipt{display:inline-flex;align-items:center;color:#858d95;vertical-align:middle}.message-receipt.is-read{color:#34b7f1}.message-receipt svg{width:23px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Familiar messaging tools */
.top-actions #sound,.top-actions #notify{font-size:11px;white-space:nowrap}.tag-filter{display:flex;gap:8px;align-items:center;padding:0 20px 12px;font-size:11px;color:#667078}.tag-filter input{width:100%;min-width:0;padding:8px;border:1px solid #e7e9eb;border-radius:8px}.composer.drag-over{outline:2px dashed #b69960;background:#fff9e9}.image-preview{display:block;max-width:100%;max-height:75vh;object-fit:contain;margin:auto}.reactions{display:flex;gap:5px;flex-wrap:wrap}.reaction{border:1px solid #dfe4e8;border-radius:15px;padding:3px 8px;font-size:12px;background:#fff;color:#39444e}.reaction.mine{background:#e5f3ff;border-color:#8abce3}.tag{display:inline-block;padding:5px 9px;background:#f0eadf;border-radius:12px;font-size:11px;margin:3px}.case-tags{margin-top:20px}.search-result{border-bottom:1px solid #eceef0;padding:15px 0}.search-result small{display:block;color:#7c858c}.search-result p{white-space:pre-wrap;overflow-wrap:anywhere}.message-footer button{min-width:24px;min-height:26px}.customer .top-actions #notify{display:none}
@media(max-width:760px){.staff .topbar{height:auto;min-height:106px;flex-wrap:wrap;padding:12px;gap:8px}.staff .top-actions{flex-wrap:wrap;gap:8px}.staff .columns{height:calc(100dvh - 106px)}.chat-header{flex-wrap:wrap}.chat-heading{min-width:80px}.composer-tools{gap:6px}.composer-tools>div{display:flex;align-items:center}.composer-tools #quick{font-size:10px}.image-preview{max-height:65vh}.customer .top-actions #sound{display:none}}

/* Clear action labels without truncation on small screens. */
.chat-header{flex-wrap:wrap}.chat-heading{min-width:100px}#case-actions{flex-wrap:wrap}.rail-icon#reports{height:auto;min-height:49px;font-size:22px}.rail-icon#reports span{font-size:9px}.topbar{height:auto;min-height:100px;flex-wrap:wrap}.top-actions{flex-wrap:wrap;gap:8px}.composer-tools,.composer-tools>div{flex-wrap:wrap}.chat-header .back{font-size:12px!important}.info-button{font:inherit}#close-dialog{font-size:12px;padding:8px}.message-footer button[data-reply]{font-size:10px}.primary{white-space:normal}#case-actions{margin-left:auto}.composer-tools #send{margin-left:auto}.compose-mode{flex-wrap:wrap;gap:10px}
@media(max-width:760px){.staff .columns{height:auto}.chat-header #case-actions{width:100%;justify-content:flex-end}.customer .topbar{height:auto;min-height:73px}.chat-header .back{min-width:48px}.chat-heading{min-width:90px}.composer-tools #send{padding:10px}.composer-tools #quick{font-size:11px}}

/* Distinct conversation roles and clear team-only notes. */
.messages{background:#f0f4f5}.bubble{background:#fff;border-color:#d5dde1;max-width:min(86%,620px);box-shadow:0 1px 3px #142b3310}.outgoing .bubble{background:#dcf3e6;border-color:#b6ddc7}.message-author{font-size:12px;font-weight:700;color:#334b55;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.author-role{font-size:10px;font-weight:500;color:#536970}.message-footer{color:#52666e;font-size:10px;flex-wrap:wrap}.message-footer button{color:#426577;border-radius:5px;padding:3px 6px}.message-footer button:hover{background:#00000009}.message blockquote{background:#ffffff80;color:#445a64;border-left:3px solid #439476}.message blockquote strong{display:block;font-size:11px;margin-bottom:3px}.note .bubble{background:#fff1bf;border:1px solid #d8b34e}.note-label,.internal-warning{font-size:11px;font-weight:650;color:#705014;background:#ffe69a;border-radius:6px;padding:8px 10px;margin-bottom:9px}.internal-warning{margin-top:10px}.composer.internal{background:#fff7da;border:2px solid #d8b34e}.compose-mode button{padding:7px 9px;border-radius:6px;color:#52616a}.compose-mode #public-mode.on{background:#e0f2e8;color:#215d41}.compose-mode #internal-mode.on{background:#ffe398;color:#6c4a08}.subtle{color:#52616b}.composer-hint{color:#65747e}.new-messages{display:flex;align-items:center;gap:12px;margin:20px 0;color:#286884;font-size:11px;font-weight:700}.new-messages:before,.new-messages:after{content:'';height:1px;flex:1;background:#a8c7d6}.system-message{justify-content:center}.system-message .bubble{background:#e8edf0;border-color:#d5dfe4;box-shadow:none;max-width:90%}.chat-tag-list{padding:4px 22px 8px;background:#fff;border-bottom:1px solid var(--line)}.tag-access{border:1px solid #d9c8a1;color:#755b28;background:#fcf8ef}.case-banner{font-size:12px;color:#52616b}.badge{font-weight:650;font-size:11px}.badge.received{background:#e0ecfc;color:#265a97}.badge.active{background:#fff0cc;color:#77540d}.badge.resolved{background:#dbf1e4;color:#256240}.case-banner small{font-size:11px;color:#735921;background:#fff3d9;padding:5px 8px;border-radius:5px}.chat-heading>span{color:#5e707c}.message.note .author-role{color:#765914}
@media(max-width:760px){.chat-header{gap:7px}.chat-header .subtle{padding:7px;font-size:11px}.chat-tag-list{padding:4px 14px 8px}.bubble{max-width:94%}.message-footer{gap:7px}}

.support-brand{display:flex;align-items:center;gap:12px;text-decoration:none;width:fit-content}.support-brand img{width:140px;height:40px;object-fit:contain}.support-brand>span{font-size:10px;letter-spacing:1px;font-weight:700;color:#176a49;background:#e0f3e9;border-radius:5px;padding:6px 8px}.brand svg{width:43px;height:43px;fill:none;stroke:#d3b77f;stroke-width:4;stroke-linecap:round}.topbar h1{margin-top:6px;font-size:19px}.customer .topbar h1{font-size:18px}@media(max-width:760px){.support-brand img{width:112px;height:32px}.support-brand{gap:8px}.support-brand>span{font-size:9px}.topbar h1,.customer .topbar h1{font-size:16px}.customer .topbar{flex-wrap:wrap}}
.support-brand img{box-sizing:content-box;background:#24282b;border-radius:6px;padding:6px 9px}
/* Allow the customer header to fit the logo and heading at every width. */
.customer .topbar{height:auto;min-height:116px;padding-top:18px;padding-bottom:18px}.topbar>div:first-child{min-width:0}.topbar h1{line-height:1.3}@media(max-width:760px){.customer .topbar{min-height:104px;padding-top:12px;padding-bottom:12px}}

.new-consultation{background:#176b49;color:#fff!important;font-weight:700;font-size:13px;min-height:44px;padding:12px 15px;box-shadow:0 2px 5px #176b4920}.new-consultation:hover{background:#105337}.customer .inbox-title{flex-wrap:wrap;gap:12px}.customer-empty{text-align:center;padding:32px 20px;color:#53626a}.customer-empty h3{font-size:18px;color:#263c31;margin:0 0 10px}.customer-empty p{font-size:14px;line-height:1.6;margin:0 0 20px}.customer .filters button{color:#4e5d66;font-size:12px;min-height:38px}.customer .filters button.on{color:#fff}.customer .search input{font-size:13px}.customer .search input::placeholder{color:#65717a}@media(max-width:760px){.customer .inbox-title{padding-bottom:16px}.customer .inbox-title .new-consultation{width:100%;font-size:14px}.customer-empty .new-consultation{width:100%;max-width:300px}}

.management-item{padding:15px 0;border-bottom:1px solid #dce4df}.management-item p{overflow-wrap:anywhere;white-space:pre-wrap}.refund-confirm{display:flex;align-items:flex-start;gap:10px}.refund-confirm input{width:20px;flex:none;margin-top:2px}.order-card .primary{margin-top:12px;width:100%}