:root{--ink:#18343c;--muted:#77868b;--teal:#167c75;--line:#e7edee;--bg:#f5f7f8;--nav:#102e36}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a,select{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #48b9aa;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}button{border:0;background:none}.sidebar{position:fixed;width:222px;background:var(--nav);color:#b1c3c7;height:100dvh;padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:25px;font-weight:700;padding:0 9px}.brand-light{font-weight:400;color:#75d1be}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#92b3b8;margin-top:4px}.mark{width:34px;height:38px;border:1px solid #547176;border-radius:11px;font-size:29px;position:relative;text-align:center;font-family:serif}.mark span{font-family:sans-serif;font-size:14px;position:absolute;right:1px;top:-7px;color:#83dac2}.workspace{display:flex;gap:10px;margin:40px 0 30px;padding:14px 9px;border-block:1px solid #2b454d;color:#e7eeef;font-size:11px}.workspace small{display:block;font-size:10px;color:#8caaaf;margin-top:5px}.workspace-icon{background:#27434a;padding:9px;border-radius:8px;color:#8bd7c6}.nav-label{font-size:9px;letter-spacing:1.9px;color:#6d929b;margin:0 12px 15px}nav{display:grid;gap:7px}nav a,nav button{display:flex;align-items:center;gap:12px;padding:13px 12px;font-size:12px;border-radius:7px;text-align:left}nav span{font-size:18px}nav b{margin-left:auto;background:#326059;padding:2px 6px;font-size:10px;border-radius:4px}nav .nav-active{color:#c6f3e7;background:#24494b}nav a:hover,nav button:hover{background:#244249}.side-bottom{margin-top:auto;padding:24px 10px 0}.outline-icon{font-size:34px;color:#78a9a8}.side-bottom strong{display:block;margin:12px 0 8px;font-size:12px;color:#d4e2e4}.side-bottom p{font-size:11px;line-height:1.8;color:#819da5}.side-tag{display:inline-block;margin-top:20px;border:1px solid #36535b;padding:6px 9px;border-radius:4px;font-size:9px;letter-spacing:1.4px}.shell{margin-left:222px}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;color:#91a0a5}.breadcrumb span{margin:0 13px;color:#cad3d5}.breadcrumb strong{font-weight:500;color:#334d54}.top-right{display:flex;gap:23px;align-items:center}.private{font-size:11px;color:#657c83}.avatar{width:32px;height:32px;background:#e9f1ef;color:#46796f;display:grid;place-items:center;border:3px solid #f6f9f8;border-radius:50%;font-size:10px;font-weight:700}main{max-width:1550px;margin:auto;padding:35px 36px 20px}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.eyebrow{color:var(--teal);font-size:9px;font-weight:700;letter-spacing:2px;margin-bottom:10px}h1{font-size:33px;line-height:1.25;letter-spacing:-1.3px;font-weight:800}h1 span{color:#41a99b}.heading p{margin-top:11px;font-size:12px;color:#7d8c91}.date{font-size:11px;font-weight:600;text-align:right;white-space:nowrap}.date small{display:block;color:#8d9ba0;font-size:10px;font-weight:400;margin-top:6px}.demo-banner{display:flex;align-items:center;gap:12px;padding:14px 17px;background:#edf5f3;border:1px solid #dae9e5;border-radius:8px;color:#416c64}.info-icon{border:1px solid #7da69b;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;font-size:11px;flex-shrink:0}.demo-banner strong{display:block;font-size:11px}.demo-banner div>span{display:block;font-size:10px;margin-top:4px;color:#739189}.demo-tag{margin-left:auto;white-space:nowrap;font-size:8px;font-weight:700;letter-spacing:1px;border:1px solid #c9ddd6;padding:5px 8px;border-radius:4px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:24px 0}.stats article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;min-width:0}.stat-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#71838a}.stat-icon{display:grid;place-items:center;width:27px;height:27px;background:#f0f6f5;border-radius:7px;font-size:17px;color:#438b80}.stat-icon.amber{background:#fff5e6;color:#b58c44}.stat-number{font-family:Manrope,sans-serif;font-size:36px;font-weight:700;letter-spacing:-1.3px;margin:10px 0 4px}.stat-number span{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:400;letter-spacing:0;color:#9ba6ab;margin-left:3px}.stats p{font-size:10px;color:#8d999e;line-height:1.6}.stat-foot{margin-top:15px;font-size:9px;color:#869a9e}.amber-text{color:#b48639}.mini-bars{display:flex;gap:4px;margin-top:18px}.mini-bars i{height:5px;flex:1;background:#54a999;border-radius:2px}.mini-bars i:nth-child(n+4){background:#cce5df}.stat-unknown{font-size:18px;font-family:Manrope,sans-serif;font-weight:700;line-height:1.4;margin:15px 0 8px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:22px;align-items:start}.queue{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.queue-heading{padding:23px 22px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px}h2{font-size:16px;font-weight:800;letter-spacing:-.4px}.queue-heading h2 span{font-family:'DM Sans',sans-serif;font-size:10px;color:#63948a;background:#edf6f3;padding:3px 6px;border-radius:4px;vertical-align:middle;margin-left:7px}.queue-heading p{font-size:10px;color:#91a0a5;margin-top:7px}.snapshot{font-size:9px;color:#839797;white-space:nowrap}.snapshot span{width:5px;height:5px;border-radius:50%;background:#74a79b;display:inline-block;margin-right:5px}.filters{padding:0 22px 17px;display:flex;gap:9px}.search{flex:1;display:flex;align-items:center;gap:8px;border:1px solid #e5ebed;border-radius:6px;padding:0 10px;min-width:110px}.search span{color:#869a9e;font-size:23px}.search input{min-width:0;width:100%;font-size:10px;border:0;outline:none;background:transparent;height:36px;color:var(--ink)}.search kbd{font-size:10px;border:1px solid #e7ecee;border-radius:3px;padding:0 4px;color:#99aaaf}select{min-width:0;background:#fff;border:1px solid #e5ebed;border-radius:6px;color:#60767e;font-size:10px;padding:0 8px;height:36px}.tabs{display:flex;gap:20px;padding:0 22px;border-bottom:1px solid var(--line)}.tabs button{font-size:10px;padding:0 0 13px;color:#8b9ba1;border-bottom:2px solid transparent;white-space:nowrap}.tabs button.selected{color:#227d70;border-bottom-color:#227d70;font-weight:700}.tabs span{margin-left:4px;font-size:9px;color:#9aa9ad}.table-head,.ticket{display:grid;grid-template-columns:1.5fr 1.12fr .85fr .55fr 15px;gap:10px;align-items:center}.table-head{font-size:8px;letter-spacing:.8px;color:#91a0a5;padding:13px 22px;background:#fafbfc;border-bottom:1px solid var(--line)}.ticket{width:100%;text-align:left;padding:17px 22px;border-bottom:1px solid #edf1f2;transition:background .15s}.ticket:hover{background:#f4faf8}.person{display:flex;gap:11px;align-items:center;min-width:0}.person-avatar{width:33px;height:33px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;font-size:10px;color:#5b9187;background:#eaf4f0;font-weight:600}.ticket:nth-child(3n+2) .person-avatar{background:#eef1f8;color:#8291af}.ticket:nth-child(3n) .person-avatar{background:#f9f0e6;color:#b29a79}.person strong{display:block;font-size:11px;font-weight:500}.person small{display:block;font-size:9px;color:#93a2a8;margin-top:5px;white-space:nowrap}.need{font-size:10px;color:#61767e}.wait strong{font-size:11px;font-weight:500}.wait small{font-size:9px;display:block;margin-top:4px;color:#9aa8ae}.wait.long strong{color:#b8843c}.status{font-size:8px;font-weight:600;color:#408879;background:#edf6f1;border:1px solid #deede5;border-radius:4px;padding:4px 7px;width:max-content;letter-spacing:.4px}.chevron{color:#b0bec3;font-size:17px}.queue-footer{display:flex;justify-content:space-between;gap:10px;padding:17px 22px;font-size:9px;color:#97a5aa}.queue-footer b{font-size:12px;margin-left:5px}.right-rail{display:grid;gap:18px}.reason-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}.section-kicker{font-size:8px;letter-spacing:1.3px;color:#8b9da2;font-weight:600;margin-bottom:10px}.reason-card h2{font-size:14px}.reason-card p{font-size:10px;color:#9aa6ab;margin-top:7px;margin-bottom:24px}.reason-item{margin-bottom:19px}.reason-item:last-child{margin-bottom:0}.reason-item>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#6c8087;margin-bottom:9px}.reason-item b{font-size:10px;font-weight:500;color:#476d6e}.bar{height:5px;background:#edf3f1;border-radius:3px;overflow:hidden}.bar i{display:block;background:#80b9ab;height:100%;border-radius:3px}.source-card{background:#e9f0f0;border:1px solid #dfe8e7;border-radius:10px;padding:23px}.source-symbol{color:#3d8c81;font-size:30px;margin-bottom:10px}.source-card h2{font-size:18px;line-height:1.4}.source-card>p{font-size:10px;line-height:1.8;color:#7c9397;margin-top:12px}dl{margin:20px 0}dl>div{margin-top:13px}dt{font-size:9px;color:#8b9d9f;margin-bottom:4px}dd{margin:0;font-size:10px;color:#557279}.source-card button{display:flex;justify-content:space-between;width:100%;padding:13px 0 0;border-top:1px solid #d6e2df;font-size:10px;color:#44796d;font-weight:600}footer{display:flex;gap:16px;margin-top:27px;font-size:8px;letter-spacing:1.2px;color:#7b979b}footer span{letter-spacing:0;color:#a2b0b3}footer span:last-child{margin-left:auto}.skip{position:fixed;top:-100px}.skip:focus{top:10px;left:10px;z-index:10;background:white;padding:15px}dialog{border:0;color:var(--ink);border-radius:16px;padding:36px;width:520px;max-width:calc(100% - 24px);box-shadow:0 25px 100px #0b222a33}dialog::backdrop{background:#102e3680;backdrop-filter:blur(3px)}dialog h2{font-size:25px;margin:10px 0 12px;line-height:1.3}.close{position:absolute;right:15px;top:13px;font-size:26px;color:#8d9da1;width:35px;height:35px}.help-block{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.help-block h3{font-size:13px;margin-bottom:7px}.help-block p{font-size:12px;color:#748a91;line-height:1.8}.detail-meta{font-size:11px;color:#8b9da2;margin-bottom:24px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.detail-grid div{background:#f5f8f8;padding:14px;border-radius:8px}.detail-grid dt{font-size:10px}.detail-grid dd{font-size:12px;margin-top:7px}.detail-note{background:#edf5f1;border-radius:8px;padding:15px;font-size:12px;line-height:1.8;color:#618278}.empty{text-align:center;padding:50px 20px;color:#7c9198;line-height:2}.empty strong{display:block;color:#2f565f}.empty button{color:#227d70;text-decoration:underline;margin-top:10px}
@media(min-width:1500px){.ticket{padding-block:20px}.heading h1{font-size:38px}.stats article{padding:22px}.content-grid{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:1220px){.sidebar{width:190px;padding-inline:13px}.shell{margin-left:190px}main{padding:28px 24px 18px}.topbar{padding:0 24px}.content-grid{grid-template-columns:minmax(0,1fr) 225px;gap:16px}.snapshot{display:none}.filters{flex-wrap:wrap}.search{flex-basis:100%}.filters select{flex:1}.stats{gap:10px}.stats article{padding:14px}.stat-label{font-size:10px}.stat-unknown{font-size:16px}.ticket,.table-head{padding-inline:16px;gap:7px;grid-template-columns:1.4fr 1fr .8fr .5fr 10px}.person{gap:7px}.person-avatar{display:none}.reason-card,.source-card{padding:18px}}
@media(max-width:980px){.sidebar{width:76px;align-items:center;padding:25px 8px}.brand>span:last-child,.workspace,.nav-label,nav,.side-bottom{display:none}.shell{margin-left:76px}.brand{padding:0}.sidebar:after{content:'▦';background:#24494b;color:#a9dacf;width:42px;height:42px;display:grid;place-items:center;margin-top:45px;border-radius:8px;font-size:23px}.content-grid{grid-template-columns:minmax(0,1fr)}.right-rail{grid-template-columns:1fr 1fr}.source-card dl{display:grid;grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(2,1fr)}.stats article{padding:18px}.person-avatar{display:grid}.ticket,.table-head{grid-template-columns:1.5fr 1.1fr .8fr .6fr 15px}.filters{flex-wrap:nowrap}.search{flex-basis:auto}.filters select{flex:0 1 auto}.stat-unknown{font-size:18px}}
@media(max-width:600px){.sidebar{display:none}.shell{margin:0}.topbar{height:60px;padding:0 20px}.breadcrumb{font-size:11px}.breadcrumb span{margin-inline:8px}.top-right{gap:13px}.private{font-size:10px}main{padding:25px 16px 20px}.heading{display:block;margin-bottom:22px}h1{font-size:31px}.heading p{font-size:12px;line-height:1.7;max-width:300px}.date{display:block;text-align:left;margin-top:15px;font-size:10px;font-weight:400;color:#769198}.date small{display:inline;margin-left:8px;font-size:9px}.demo-banner{padding:13px 12px;align-items:flex-start;gap:9px}.demo-banner strong{font-size:10px}.demo-banner div>span{font-size:10px;line-height:1.6}.demo-tag{display:none}.info-icon{margin-top:1px}.stats{gap:10px;margin:18px 0}.stats article{padding:14px 12px;min-height:158px}.stat-label{font-size:10px}.stat-icon{width:22px;height:22px;font-size:14px}.stat-number{font-size:31px}.stat-number span{font-size:10px}.stats p{font-size:9px}.stat-foot{font-size:8px;margin-top:11px;line-height:1.5}.stat-unknown{font-size:16px;margin-top:13px}.mini-bars{margin-top:14px}.queue-heading{padding:20px 16px 18px}.queue-heading p{font-size:10px;line-height:1.6}.filters{padding:0 16px 17px;flex-wrap:wrap}.search{flex-basis:100%}.search input{font-size:12px;height:40px}.search kbd{display:none}.filters select{flex:1;font-size:11px}.tabs{padding:0 16px;gap:18px}.tabs button{font-size:10px}.table-head{display:none}.ticket{grid-template-columns:1fr auto 12px;padding:18px 16px;gap:10px;position:relative}.person{grid-column:1;grid-row:1;gap:10px;align-items:flex-start}.person-avatar{width:35px;height:35px}.person strong{font-size:12px}.person small{font-size:9px}.need{grid-column:1;grid-row:2;margin-left:45px;font-size:10px}.wait{grid-column:2;grid-row:1;text-align:right;align-self:start}.wait strong{font-size:12px}.wait small{font-size:8px}.status{grid-column:2;grid-row:2;justify-self:end;font-size:7px;padding:3px 5px}.chevron{grid-column:3;grid-row:1/3}.queue-footer{padding:16px;font-size:9px}.queue-footer>span:last-child{display:none}.right-rail{grid-template-columns:1fr}.reason-card,.source-card{padding:22px}.reason-item>div:first-child{font-size:11px}.reason-card p{font-size:11px}.source-card h2 br{display:none}.source-card>p{font-size:11px}.source-card dt{font-size:10px}.source-card dd{font-size:11px}footer{flex-wrap:wrap;gap:8px;font-size:8px;line-height:1.7}footer span:last-child{margin-left:0;flex-basis:100%}dialog{padding:28px 22px}dialog h2{font-size:23px}.detail-grid{gap:10px}.detail-grid div{padding:12px}.help-block p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.management-state{padding:12px 16px;border:1px solid #dce6e3;border-radius:8px;color:#425a59;font-size:13px;line-height:1.6;margin-bottom:20px}.management{border-top:1px solid #dce6e3;padding-top:20px;margin-top:20px}.management h3{font-size:20px}.management p{font-size:13px;line-height:1.7;margin:12px 0}.management label{display:block;font-size:14px;margin:16px 0}.management input,.management textarea{display:block;width:100%;margin-top:7px;border:1px solid #9aaea8;border-radius:6px;padding:10px;font:inherit;color:#203c39;background:#fff;box-sizing:border-box}.management-buttons{display:flex;flex-wrap:wrap;gap:10px}.management button{padding:10px 14px;border-radius:6px;background:#167c75;color:#fff;cursor:pointer}.management button:disabled{opacity:.5;cursor:wait}.management button[hidden]{display:none}.management-label{color:#167c75!important;white-space:normal}.management-time{color:#536966}dialog{max-height:90vh;overflow:auto}.management :focus-visible{outline:3px solid #d6982e;outline-offset:3px}

.work-tabs{display:flex;gap:8px;padding:0 24px;flex-wrap:wrap}.work-tabs button{padding:12px 14px;border:1px solid #dce6e3;border-radius:8px;background:#f6f9f8;color:#425a59;font-size:13px;cursor:pointer}.work-tabs button[aria-selected=true]{background:#167c75;border-color:#167c75;color:white}.work-tabs span{display:inline-block;margin-left:6px;font-weight:700}.work-tabs button:focus-visible,#workPanel:focus-visible{outline:3px solid #d6982e;outline-offset:3px}.count-definition{padding:0 24px;font-size:12px;line-height:1.7;color:#536966;margin:12px 0 18px}@media(max-width:600px){.work-tabs{padding:0 16px;gap:6px}.work-tabs button{padding:10px 9px;font-size:11px}.count-definition{padding:0 16px;font-size:11px}}

/* Contact identity: wrap long user-supplied names and exact ticket IDs. */
.person>span{min-width:0}.person .whatsapp-name{font-size:13px;font-weight:700;overflow-wrap:anywhere;unicode-bidi:plaintext}.person .ticket-id{white-space:normal;overflow-wrap:anywhere;font-size:9px;line-height:1.5}.detail-grid dd,#detailTitle{overflow-wrap:anywhere;unicode-bidi:plaintext}

.ticket-history ol{list-style:none;margin:16px 0;padding:0}.ticket-history li{border-left:3px solid #b9dad3;padding:2px 0 14px 16px;margin:0 0 16px;overflow-wrap:anywhere}.ticket-history li p{margin:6px 0}.ticket-history .history-note{white-space:pre-wrap;unicode-bidi:plaintext;background:#f1f6f4;padding:10px;border-radius:6px}.ticket-history li strong{font-size:14px}

.reply-composer{margin-top:24px;padding-top:20px;border-top:1px solid #dce6e5}.reply-composer textarea{display:block;box-sizing:border-box;width:100%;margin:10px 0;padding:12px;font:inherit;border:1px solid #b9ccca;border-radius:8px}.reply-composer button{padding:10px 16px;margin:8px 0;background:#167c75;color:white;border-radius:7px}.reply-composer button:disabled{opacity:.45;cursor:not-allowed}.reply-composer pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef5f4;padding:12px;font:inherit}.reply-composer p{overflow-wrap:anywhere;line-height:1.5}

/* Additive ticket conversation candidate. No media/link rendering. */
.ticket-conversation{min-width:0}.conversation-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.conversation-heading h3{margin:0}.conversation-heading button{min-height:44px}.conversation-source{font-size:12px;line-height:1.65;overflow-wrap:anywhere}.conversation-messages{display:flex;flex-direction:column;gap:12px;list-style:none;margin:18px 0 0;padding:0;max-height:420px;overflow-y:auto;overscroll-behavior:contain}.conversation-message{align-self:flex-start;max-width:88%;padding:12px 14px;border:1px solid #dce5e5;border-radius:12px 12px 12px 2px;background:#f5f8f8;box-sizing:border-box;overflow-wrap:anywhere}.conversation-message.outgoing{align-self:flex-end;background:#e8f4ef;border-color:#c9e4d8;border-radius:12px 12px 2px 12px}.conversation-message strong{font-size:12px}.conversation-message .conversation-text{white-space:pre-wrap;color:#263e40;line-height:1.6;margin:7px 0}.conversation-message time,.conversation-media{font-size:11px;color:#52696c}.ticket-conversation[data-state=stale] [role=status],.ticket-conversation[data-state=error] [role=status],.ticket-conversation[data-state=blocked] [role=status]{color:#765823;background:#fff2dc;padding:10px;border-radius:6px}@media(max-width:600px){.conversation-message{max-width:95%}.conversation-heading{align-items:flex-start;flex-direction:column}.conversation-heading button{width:100%}.conversation-messages{max-height:50vh}}

.reply-emoji{position:relative;margin:-3px 0 8px}.reply-composer .reply-emoji-toggle{margin:0;padding:7px 11px;background:#eef5f4;color:#225c56;border:1px solid #b9ccca;font-size:13px;cursor:pointer}.reply-emoji-panel{position:absolute;left:0;bottom:calc(100% + 6px);z-index:2;display:grid;grid-template-columns:repeat(8,34px);gap:3px;padding:8px;background:#fff;border:1px solid #b9ccca;border-radius:10px;box-shadow:0 5px 18px #163d3926;max-width:100%;box-sizing:border-box}.reply-emoji-panel[hidden]{display:none}.reply-composer .reply-emoji-panel button{margin:0;padding:4px;width:34px;height:36px;font-size:21px;line-height:1;background:#fff;color:#203c39;cursor:pointer}.reply-composer .reply-emoji-panel button:hover{background:#eef5f4}.reply-emoji :focus-visible{outline:3px solid #d6982e;outline-offset:2px}.reply-emoji-notice{display:block;font-size:12px;color:#795017;margin-top:4px}@media(max-width:420px){.reply-emoji-panel{grid-template-columns:repeat(4,34px)}}
.canonical-ticket-id{overflow-wrap:anywhere;color:var(--muted,#687080);font-size:11px}.canonical-reference{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}.canonical-reference button{font:inherit;padding:6px 10px;cursor:pointer}
/* Source status is distinct from DONE in local handling. Only the decorative dot moves. */
.recorded-status{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;line-height:1.5;padding:5px 9px;border-radius:6px;background:#edf1f2;color:#435d63}.recorded-status-open{background:#e1f3e8;border:1px solid #b8ddc8;color:#17623b}.recorded-status-dot{height:7px;width:7px;border-radius:50%;background:#20864b;animation:recorded-open-pulse 2.4s ease-in-out infinite}@keyframes recorded-open-pulse{0%,100%{opacity:1}50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.recorded-status-dot{animation:none}}
.contact-control{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.contact-eye{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #b8cfca;border-radius:7px;background:#fff;color:#226c60}.contact-eye:disabled{opacity:.5;cursor:wait}.contact-reveal-note{flex-basis:100%;font-size:10px;line-height:1.5;color:#52696c}
/* The close control stays in non-scrolling modal chrome. Only detail content scrolls. */
#details{padding:0;overflow:hidden;max-height:90dvh}#details[open]{display:flex;flex-direction:column}.detail-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-shrink:0;padding:22px 24px 16px;border-bottom:1px solid var(--line);background:white}.detail-dialog-header h2{margin:0;min-width:0;font-size:22px;max-height:4.2em;overflow:auto}.detail-dialog-header .close{position:static;flex-shrink:0;min-width:44px;min-height:44px;margin:-6px -8px -6px 0}.detail-dialog-body{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:0 24px 24px}@media(max-width:600px){.detail-dialog-header{padding:20px 18px 14px}.detail-dialog-body{padding:0 18px 20px}}
/* Close sits outside the white panel, above its upper-right corner, within the viewport. */
#details{background:transparent;box-shadow:none;padding-top:54px;overflow:visible;max-height:calc(100dvh - 24px)}.detail-dialog-header{border-radius:16px 16px 0 0}.detail-dialog-header .close{position:absolute;top:0;right:0;margin:0;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;background:white;color:#264a48;box-shadow:0 4px 18px #102e3633}.detail-dialog-body{background:white;border-radius:0 0 16px 16px;box-shadow:0 25px 60px #0b222a33;max-height:calc(100dvh - 180px)}

.handover-status{display:flex;flex-direction:column;gap:7px;line-height:1.6}.handover-status small{font-size:10px;color:#52696c}.handover-status button{align-self:flex-start;min-height:44px;padding:8px 10px;border:1px solid #b8cfca;border-radius:7px;background:white;color:#226c60}.handover-status button:disabled{opacity:.5;cursor:wait}
/* Display only: these colors never cause a lifecycle transition. */
.recorded-status-closed{background:#fdecec;border:1px solid #edbcbc;color:#982323}.recorded-status-expired{background:#f2e7fa;border:1px solid #d6b9e8;color:#6a299b}.recorded-status-cancelled{background:#edf1f2;border:1px solid #ccd5d8;color:#4c5960}
/* Readable dashboard and popup typography; preserve natural height and wrapping. */
body{font-size:16px;line-height:1.55}
.queue-footer b,.stat-number span,.private,.heading p,.demo-banner strong,.demo-banner div>span,.stat-label,.stats p,.stat-foot,.queue-heading p,.queue-heading h2 span,.snapshot,.table-head,.person strong,.person small,.person .ticket-id,.need,.wait strong,.wait small,.status,.recorded-status,.queue-footer,.reason-card p,.reason-item>div:first-child,.reason-item b,.source-card>p,.source-card dt,.source-card dd,.source-card button,.count-definition,.conversation-source,.conversation-message strong,.conversation-message time,.conversation-media,.canonical-ticket-id,.contact-reveal-note,.reply-emoji-notice,.detail-meta,.handover-status small{font-size:14px;line-height:1.6}
.eyebrow,footer{font-size:12px;line-height:1.6}
.person .whatsapp-name,.management-state,.management p,.work-tabs button,.reply-composer .reply-emoji-toggle{font-size:15px;line-height:1.6}
.search input,.filters select,.management label,.management input,.management textarea,.reply-composer textarea,.ticket-history li strong,.detail-grid dd,.detail-note,.help-block p{font-size:16px;line-height:1.6}
.detail-grid dt{font-size:14px;line-height:1.6}.help-block h3{font-size:16px;line-height:1.5}.reason-card h2,h2{font-size:18px}.management h3{font-size:22px}
.search input,.filters select{height:auto;min-height:44px}.filters select{padding-block:8px}.filters{flex-wrap:wrap}.search{flex-basis:220px}.filters select{flex:1 1 150px}
.table-head,.ticket{grid-template-columns:minmax(0,1.5fr) minmax(0,1.1fr) minmax(0,.85fr) minmax(100px,.7fr) 15px}.table-head{letter-spacing:.3px}.ticket>*{min-width:0}.person small,.need,.wait,.recorded-status,.status{white-space:normal;overflow-wrap:anywhere}.status{width:fit-content;max-width:100%}.queue-footer,.reason-item>div:first-child{flex-wrap:wrap}.source-card dl>*{min-width:0}
.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid>*{min-width:0}.detail-grid dt,.help-block p,.management button,.conversation-heading button{overflow-wrap:anywhere}.detail-dialog-header h2{font-size:24px;line-height:1.4}.detail-dialog-body{font-size:16px;line-height:1.6}
.topbar .refresh{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:10px;line-height:1}.refresh-icon{display:block;flex:none}.refresh[aria-busy=true] .refresh-icon{animation:refresh-spin 1s linear infinite}@keyframes refresh-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.table-head{display:none}.ticket{grid-template-columns:minmax(0,1fr) minmax(82px,auto) 12px;gap:10px}.person{grid-column:1;grid-row:1;align-items:flex-start}.need{grid-column:1;grid-row:2;margin-left:0}.wait{grid-column:2;grid-row:1;text-align:right;align-self:start}.status{grid-column:2;grid-row:2;justify-self:end}.chevron{grid-column:3;grid-row:1/3}.search{flex-basis:100%}}
@media(max-width:420px){.detail-grid{grid-template-columns:1fr}.source-card dl{grid-template-columns:1fr}.ticket{grid-template-columns:minmax(0,1fr) 12px}.person,.need,.wait,.status{grid-column:1}.person{grid-row:1}.need{grid-row:2}.wait{grid-row:3;text-align:left}.status{grid-row:4;justify-self:start}.chevron{grid-column:2;grid-row:1/5}.topbar{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.refresh[aria-busy=true] .refresh-icon{animation:none}}

.notification-bell{position:relative;margin-left:auto}.notification-toggle{position:relative;min-width:44px;min-height:44px;border:1px solid #b7ccc8;border-radius:10px;background:#fff;font-size:21px;cursor:pointer}.notification-count{position:absolute;top:-6px;right:-6px;min-width:20px;padding:2px 4px;border-radius:12px;background:#a72e35;color:white;font-size:12px}.notification-panel{position:absolute;right:0;top:52px;z-index:100;width:min(390px,calc(100vw - 32px));max-height:70vh;overflow:auto;padding:18px;border:1px solid #c5d6d1;border-radius:14px;background:white;box-shadow:0 12px 36px #183a392b}.notification-panel[hidden]{display:none}.notification-panel h2{font-size:20px;margin:0 0 12px}.notification-panel p{font-size:14px;line-height:1.6}.notification-panel ul{list-style:none;padding:0}.notification-panel li{padding:10px 6px;border-top:1px solid #e1e9e5}.notification-panel button{font-size:16px;min-height:44px;padding:8px;border-radius:7px;background:#f1f7f5;color:#18574e;border:1px solid #c5d6d1;cursor:pointer}.notification-panel li button{display:block;width:100%;text-align:left;overflow-wrap:anywhere}.notification-panel small{font-size:14px;color:#536d68}.notification-unread{border-left:3px solid #167c75;background:#eef8f4}

.primary-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.primary-nav a{color:inherit;text-decoration:none;font-size:14px}.primary-nav a[aria-current=page]{font-weight:700;color:#167c75;text-decoration:underline;text-underline-offset:5px}@media(max-width:760px){.primary-nav{order:3;width:100%;gap:12px 18px}.primary-nav a{font-size:14px}.business-header{gap:16px}.business-header span{margin-left:auto}}

/* JamaahHub: original conversation and pilgrimage identity. */
.jamaah-brand{display:inline-flex;align-items:center;flex:0 0 auto;min-height:56px;line-height:1}.jamaah-brand img{display:block;width:252px;height:56px;max-width:100%;object-fit:contain}.jamaah-brand:focus-visible{outline:3px solid #d6982e;outline-offset:4px;border-radius:4px}.topbar:has(.jamaah-brand),.business-header:has(.jamaah-brand){height:auto;min-height:76px;flex-wrap:wrap;padding-block:12px}

/* Ticket detail: a wider workspace, with secondary metadata progressively disclosed. */
#details{width:1040px;max-width:calc(100vw - 32px)}
#details .detail-dialog-body{padding:20px 24px 24px}
#details .detail-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:28px;align-items:start}
#details .detail-layout>div{min-width:0}
#details .detail-reference{font-size:14px;line-height:1.5;font-weight:600;overflow-wrap:anywhere;color:#476458}
#details .detail-grid{gap:8px;margin:14px 0}
#details .detail-grid>div{margin:0;padding:12px}
#details .detail-grid dt{font-size:12px;line-height:1.5}
#details .detail-grid dd{font-size:14px;line-height:1.5;margin-top:5px}
#details .detail-note{font-size:13px;line-height:1.6;padding:12px}
#details .management,#details .reply-composer{margin-top:20px;padding-top:18px}
#details .detail-workspace>.management:first-child{margin-top:0;padding-top:0;border-top:0}
#details h3{font-size:18px;line-height:1.4}
#details .management p,#details .reply-composer p{font-size:13px;line-height:1.6;margin:9px 0}
#details .management label{font-size:14px;margin:12px 0}
#details .management button,#details .reply-composer button{font-size:13px;line-height:1.5}
#details .detail-secondary{border-top:1px solid #dce6e3;margin-top:18px;padding-top:12px}
#details .detail-secondary>summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:14px;font-weight:600;color:#285a46;overflow-wrap:anywhere}
#details .detail-secondary>summary:focus-visible,#details textarea:focus-visible{outline:3px solid #48b9aa;outline-offset:3px}
#details .ticket-history>summary>[role=status]{font-size:12px;font-weight:400;color:#536966;margin:6px 0 0}
#details .management-extra{margin-top:12px;padding-top:4px}
#details .canonical-reference{overflow-wrap:anywhere}
@media(max-width:760px){
 #details .detail-layout{grid-template-columns:minmax(0,1fr);gap:20px}
 #details .detail-dialog-body{padding:16px 18px 20px}
 #details .detail-workspace{border-top:1px solid #dce6e3;padding-top:18px}
}

/* Plain, aligned chat tools. Sending still requires the existing explicit review. */
#details .reply-composer textarea{min-height:112px;resize:vertical;border-radius:14px 14px 0 0;margin-bottom:0;border-bottom:0;background:#f8faf9}
#details .reply-composer textarea::placeholder{color:#64746f;opacity:1}
#details .reply-tools{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:4px 8px;margin:0 0 12px;border:1px solid #b9ccca;border-top:0;border-radius:0 0 14px 14px;background:#f8faf9;min-height:52px}
#details .reply-tools .reply-emoji{display:contents;position:static;margin:0}
#details .reply-media-tools{display:flex;align-items:center;gap:4px}
#details .reply-tools .reply-emoji-toggle,#details .reply-media-tools>button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:0;padding:10px;border:0;border-radius:8px;background:transparent;color:#354c43;box-shadow:none}
#details .reply-tools .reply-emoji-toggle:hover:not(:disabled),#details .reply-media-tools>button:hover:not(:disabled){background:#e6ece9}
#details .reply-tools .reply-emoji-toggle:disabled,#details .reply-media-tools>button:disabled{opacity:1;color:#82928b;cursor:not-allowed}
#details .reply-tools button:focus-visible{outline:3px solid #d6982e;outline-offset:1px}
#details .reply-tool-icon,#details .reply-tool-icon svg{display:block;width:22px;height:22px;pointer-events:none}
#details .reply-tools .reply-emoji-panel{left:0;bottom:calc(100% + 6px);width:max-content;max-width:100%}
#details .reply-tools .reply-emoji-notice{flex-basis:100%;order:2;margin:4px 2px;color:#795017}
#details .reply-tools .reply-emoji-notice:empty{display:none}
/* Source-backed context immediately before the existing reply composer. */
#details .ticket-jamaah-context{margin-top:20px;padding:16px;border:1px solid #c8e0d4;border-radius:12px;background:#f2f8f4;min-width:0;overflow-wrap:anywhere}
#details .ticket-context-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#details .ticket-context-header h3{font-size:16px;margin:0;color:#195b43}
#details .ticket-context-header button{border:1px solid #b8ccc5;border-radius:8px;background:#fff;color:#195b43;min-height:36px;padding:7px 10px;font-size:12px;cursor:pointer}
#details .ticket-context-header button:disabled{opacity:.65;cursor:wait}
#details .ticket-context-state{font-size:12px;line-height:1.5;color:#526b63;margin:10px 0}
#details .ticket-context-body p{font-size:13px;line-height:1.5;margin:8px 0}
#details .ticket-context-person{display:flex;align-items:baseline;gap:6px 10px;flex-wrap:wrap;font-size:14px}
#details .ticket-context-person span,#details .ticket-context-person small{font-size:12px;color:#526b63}
#details .ticket-context-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
#details .ticket-context-group{min-width:0;border-top:1px solid #d5e2dc;padding-top:10px}
#details .ticket-context-group h4{font-size:12px;font-weight:700;color:#285a46;margin:0 0 5px}
#details .ticket-context-group strong{font-size:12px;font-weight:600}
#details .ticket-context-group small{display:block;font-size:11px;line-height:1.6;color:#526b63}
#details .ticket-context-group .history-simulation{color:#795017}
#details .ticket-context-caution,#details .ticket-context-source{display:block;color:#526b63;font-size:11px!important;line-height:1.6}
#details .ticket-context-link{display:inline-block;color:#116e50;font-size:13px;font-weight:600;min-height:36px;padding:8px 0;text-underline-offset:3px}
#details .ticket-context-header button:focus-visible,#details .ticket-context-link:focus-visible{outline:3px solid #48b9aa;outline-offset:3px}
@media(max-width:380px){#details .ticket-jamaah-context{padding:12px}#details .ticket-context-records{grid-template-columns:minmax(0,1fr)}}

#details .ticket-context-package{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#details .ticket-context-details{margin-top:10px;border-top:1px solid #d5e2dc}
#details .ticket-context-details>summary{min-height:44px;padding:10px 0;cursor:pointer;color:#195b43;font-size:12px}
#details .ticket-context-details>summary strong{font-weight:600}
#details .ticket-context-details>summary span,#details .ticket-context-details>summary small{display:block;font-size:11px;line-height:1.6;margin-top:3px;color:#526b63}
#details .ticket-context-details>summary:focus-visible{outline:3px solid #48b9aa;outline-offset:3px}

/* Compact read-only metrics; source and app-history scope stay visibly distinct. */
.service-metrics{margin:0 0 20px;padding:20px;border:1px solid #d5e2dc;border-radius:12px;background:#fff;min-width:0;overflow-wrap:anywhere}
.service-metrics h2{font-size:17px;margin:0 0 8px;color:#195b43}
.service-metrics-state{font-size:13px;line-height:1.6;margin:0 0 14px;color:#526b63}
.service-metrics[data-state=error] .service-metrics-state,.service-metrics[data-state=partial] .service-metrics-state,.service-metrics[data-state=stale] .service-metrics-state{color:#765823}
.service-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.service-metrics-grid>div{min-width:0}.service-metrics-grid span,.service-metrics-grid strong,.service-metrics-grid small{display:block}
.service-metrics-grid span,.service-metrics-grid small{font-size:12px;line-height:1.5;color:#526b63}.service-metrics-grid strong{font-size:24px;line-height:1.5;font-weight:650;color:#163f36}
.service-metrics-detail{margin-top:12px;font-size:12px;line-height:1.6;color:#526b63}.service-metrics-detail>summary{min-height:44px;padding:10px 0;cursor:pointer;color:#195b43}.service-metrics-detail>summary:focus-visible{outline:3px solid #48b9aa;outline-offset:3px;border-radius:4px}.service-metrics-detail p{margin:8px 0}.service-metrics-detail ul{padding-left:20px}
@media(max-width:700px){.service-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-metrics{padding:16px}}
@media(max-width:380px){.service-metrics-grid{gap:12px}.service-metrics-grid strong{font-size:20px}}