@font-face{font-family:Manrope;src:url('/fonts/manrope-vietnamese.woff2') format('woff2');font-weight:400 800;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Manrope;src:url('/fonts/manrope-latin.woff2') format('woff2');font-weight:400 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Workbench: quiet application chrome, readable bilingual correspondence, a guest dossier. */
.sidebar-close{display:none}
.demo-workspace{--navy:#24324b;--accent:#5260ba;--muted:#687184;--border:#e4e7ee;--bg:#f6f7fa;--text:#293246;font-family:Manrope,system-ui,sans-serif}
.demo-workspace .sidebar{width:184px;flex:0 0 184px;background:#242d41;padding:20px 0;position:sticky;top:0;height:100dvh}
.demo-workspace .brand{padding:8px 17px 23px;border-color:#3b4356;margin-bottom:23px}
.demo-workspace .brand-name{font-size:20px;color:#fff;gap:6px}
.demo-workspace .brand-name span{color:#bac9ed}
.demo-workspace .brand-sub{color:#aeb9ce;font-size:11px;line-height:1.65;margin-top:12px}
.demo-workspace .nav{padding:0 10px;gap:5px}
.demo-workspace .nav-item{font-size:12px;padding:12px 10px;min-height:44px;color:#bec8db;border-radius:6px}
.demo-workspace .nav-item:hover{background:#303b52;color:white}
.demo-workspace .nav-item.active{background:#414e6c;color:white;box-shadow:none}
.demo-workspace .sidebar-foot{color:#b1bdd2;border-color:#3b4356;padding:18px 17px}
.demo-workspace #tenant-name{color:#fff!important}
.demo-workspace #user-name-role,.demo-workspace #telegram-status{display:none}
.demo-workspace .sidebar-foot .btn-logout{color:#ccd5e6;border-color:#566178;font-size:11px}
.demo-workspace .sidebar-foot .lang-toggle{border-color:#566178}
.demo-workspace .sidebar-foot .lang-toggle button{color:#d6dcec}
.demo-workspace .sidebar-foot .lang-toggle button.active{background:#596888;color:white}
.demo-workspace .topbar{padding:16px 25px;min-height:64px;gap:12px}
.demo-workspace .topbar h1{font-size:17px;font-weight:800}
.demo-workspace #tour-start-btn{display:none!important}
.demo-workspace .badge{color:#586273;background:#f0f2f6;font-size:10px}
.demo-workspace .demo-mode-notice{padding:8px 25px;background:#f6f7fa;border-color:var(--border);align-items:center}
.demo-workspace .demo-mode-notice>div{display:flex;gap:13px;align-items:center;flex-wrap:wrap}
.demo-workspace .demo-mode-notice strong,.demo-workspace .demo-mode-notice span:not(.demo-mode-dot){font-size:10px;color:#667084}
.demo-workspace .demo-mode-dot{width:6px;height:6px;background:#8790af;box-shadow:none;margin:0}
.demo-workspace .content{padding:0;max-width:none}
.demo-journey[hidden],.demo-case-panel[hidden]{display:none}
.demo-journey{display:flex;justify-content:space-between;align-items:center;padding:9px 25px;gap:18px;border-bottom:1px solid var(--border);background:#fff;color:var(--muted);font-size:11px}
.demo-flow-trail{display:flex;align-items:center;min-width:0;overflow-x:auto;scrollbar-width:none}
.demo-flow-trail::-webkit-scrollbar{display:none}
.demo-flow-trail>span{position:relative;display:flex;align-items:center;gap:6px;min-height:32px;padding:0 22px 0 0;color:#727b8c;white-space:nowrap}
.demo-flow-trail>span:not(:last-child)::after{content:'→';position:absolute;right:7px;color:#b7bdc9}
.demo-flow-trail b{font:700 9px ui-monospace,SFMono-Regular,monospace;color:#8b93a2}
.demo-flow-trail .is-active{color:#34438d;font-weight:800}
.demo-flow-trail .is-active b{color:#5260ba}
.demo-flow-trail .is-complete{color:#536078}
.demo-flow-trail .is-complete b{color:#287a69}
.demo-journey-actions{display:flex;align-items:center;gap:13px;flex:0 0 auto}
.demo-flow-start{border:0;border-radius:5px;background:#344163;color:#fff;min-height:34px;padding:8px 12px;font:700 10px Manrope,system-ui,sans-serif;cursor:pointer}
.demo-flow-start:hover{background:#293653}
.demo-next-case{background:none;border:0;color:#4d59a0;font:700 11px Manrope,system-ui,sans-serif;min-height:32px;cursor:pointer;padding:4px 0}
.demo-next-case:hover{text-decoration:underline}
.demo-workspace :focus-visible{outline:3px solid #8494e1;outline-offset:3px}
.demo-workspace .inbox-panel{border:0;border-radius:0;box-shadow:none;margin:0}
.demo-workspace .inbox-wrap{display:grid;grid-template-columns:256px minmax(0,1fr) 294px;border:0;border-radius:0;height:calc(100dvh - 146px);min-height:630px;align-items:stretch}
.demo-workspace .conv-list{width:auto;background:#fff;overflow-y:auto;border-right:1px solid var(--border)}
.demo-list-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 20px 18px}
.demo-list-heading h2{font-size:18px;margin:0;font-weight:800;letter-spacing:-.03em}
.demo-list-heading>span{font:12px ui-monospace,monospace;background:#f0f2f7;padding:4px 7px;border-radius:5px;color:#616b80}
.demo-list-tools{padding:0 16px}
#demo-search{width:100%;font:12px Manrope,system-ui,sans-serif;background:#f7f8fb;border:1px solid #e8ebf2;border-radius:6px;padding:11px 12px;color:var(--text)}
#demo-search::placeholder{color:#737c8d}
.demo-list-tabs{display:flex;gap:17px;border-bottom:1px solid var(--border);margin:12px 0 8px}
.demo-list-tabs button{border:0;background:none;color:#727a8b;font:700 11px Manrope,sans-serif;min-height:40px;padding:7px 0;border-bottom:2px solid transparent;cursor:pointer}
.demo-list-tabs button[aria-pressed="true"]{color:#47569a;border-color:#5260ba}
.demo-list-tabs span{font:10px ui-monospace,monospace;margin-left:4px}
.demo-contact-list{padding:0 8px}
.demo-workspace .conv{display:flex;align-items:flex-start;gap:11px;width:100%;padding:18px 11px;text-align:left;font-family:inherit;color:var(--text);background:transparent;border:0;border-bottom:1px solid #f0f1f5;border-radius:6px;position:relative}
.demo-workspace .conv[hidden]{display:none}
.demo-workspace .conv.active{background:#eef0fa;box-shadow:none}
.demo-workspace .conv:hover{background:#f4f5fb}
.demo-contact-avatar{flex:0 0 34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:11px;font-weight:700;background:#e8ecf5;color:#576587}
.demo-workspace .conv:nth-child(2) .demo-contact-avatar{background:#f1e7dc;color:#927051}
.demo-workspace .conv:nth-child(3) .demo-contact-avatar{background:#e5ece5;color:#5b765f}
.demo-contact-copy{min-width:0;display:block}
.demo-workspace .conv-name{display:block;font-size:12px;line-height:1.5}
.demo-contact-meta{display:block;font-size:10px;color:var(--muted);margin:4px 0 7px}
.demo-workspace .conv-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;font-size:11px;line-height:1.6;color:#767d8b}
.demo-needs-review{width:5px;height:5px;border-radius:50%;background:#ab7735;position:absolute;top:25px;right:9px}
#demo-no-results{font-size:12px;line-height:1.7;color:var(--muted);padding:20px}
.demo-workspace .thread{min-width:0;background:#f7f8fb}
.demo-workspace .thread-head{min-height:78px;padding:19px 25px;gap:12px;background:#fff;flex-wrap:wrap}
.demo-workspace #thread-name{font-size:15px;letter-spacing:-.02em}
.demo-workspace #thread-channel{display:block;font-size:10px;margin-top:6px;color:var(--muted)}
.demo-workspace #thread-lang{font-size:10px;color:#667098;background:#f4f5fa;border:1px solid #e5e7f0}
.demo-workspace #thread-create-booking-btn,.demo-workspace .thread-input,.demo-workspace #thread-bookings,.demo-workspace #approval-queue{display:none!important}
.demo-workspace .thread-body{padding:28px 28px 20px;gap:27px;max-height:none;overflow-y:auto}
.demo-workspace .msg{max-width:100%;width:100%;align-self:stretch}
.demo-message-label{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#737b8c;font-weight:700;margin-bottom:12px}
.demo-message-language{font:10px ui-monospace,monospace;color:#7a8395}
.demo-original{padding:18px 20px 16px;background:#fff;border:1px solid #e4e7ef;border-bottom:0;border-radius:0 12px 0 0}
.demo-original>span,.demo-translation>span{font-size:10px;font-weight:700;color:#858a99}
.demo-original p,.demo-translation p{font-size:14px;line-height:1.85;margin:8px 0 0;overflow-wrap:anywhere}
.demo-original p{color:#727989}
.demo-translation{padding:16px 20px 20px;background:#fff;border:1px solid #e4e7ef;border-top:0;border-radius:0 0 12px 12px;position:relative}
.demo-translation:before{content:"";display:block;height:1px;background:#eceef5;position:absolute;top:0;left:20px;right:20px}
.demo-translation>span{color:#5664a0}
.demo-translation p{font-weight:550;color:#2c3550}
.demo-workspace .msg.out .bubble{background:#edf0fa;border:1px solid #dce1f2;color:#344162;border-radius:12px 0 12px 12px;padding:18px 20px;font-size:14px;line-height:1.85}
.demo-workspace .msg.ai-draft{margin-top:12px;padding:18px;background:#fff;border:1px solid #dde2f0;border-radius:10px;box-shadow:0 3px 12px #23345205}
.demo-workspace .msg.out.ai-draft .bubble{padding:2px 0 12px;background:none;border:0;border-radius:0;color:#35405a}
.demo-workspace .ai-draft .demo-message-author{color:#5563aa}
.demo-draft-note{border-top:1px solid #e7eaf2;padding-top:12px;font-size:10px;color:#7a8190;line-height:1.6;margin:0}
.demo-thread-footnote{font-size:10px;color:#7d8493;line-height:1.7;margin:0;text-align:center}
.demo-case-panel{background:#fff;border-left:1px solid var(--border);overflow-y:auto;min-width:0}
.demo-inspector-heading{min-height:78px;display:flex;align-items:center;padding:20px 22px;border-bottom:1px solid var(--border);font-size:12px;font-weight:700}
.demo-guest-card{padding:23px 22px 18px;text-align:center}
.demo-guest-avatar{display:grid;place-items:center;margin:0 auto 13px;background:#e9edf7;color:#59688b;width:52px;height:52px;border-radius:17px;font-size:17px;font-weight:700}
.demo-guest-card h2{font-size:16px;letter-spacing:-.02em;margin:0 0 5px}
.demo-case-panel .demo-guest-card p{font-size:11px;color:var(--muted);margin:0}
.demo-decision{margin:4px 17px 20px;padding:15px;background:#f7f8fc;border:1px solid #e5e8ef;border-radius:7px}
.demo-decision.needs-decision{background:#fcf8ee;border-color:#eee3cd}
.demo-eyebrow{display:block;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#788293}
.demo-decision.needs-decision .demo-eyebrow{color:#927244}
.demo-confirm-booking{width:100%;min-height:44px;margin-top:16px;border:1px solid #31405e;border-radius:6px;background:#31405e;color:#fff;padding:10px 12px;font:800 11px Manrope,sans-serif;cursor:pointer}
.demo-confirm-booking:hover{background:#27344f}
.demo-confirm-booking:disabled{background:#e8efe9;border-color:#c9dbcf;color:#276552;cursor:default}
.demo-confirm-note{display:block;margin-top:8px;color:#7b725f;font-size:10px;line-height:1.5}
.demo-case-panel h3{font-size:14px;line-height:1.6;margin:8px 0 10px;letter-spacing:-.015em}
.demo-case-panel p{font-size:12px;line-height:1.8;color:#667085;margin:0 0 13px}
.demo-case-panel small{display:block;font-size:10px;line-height:1.7;color:#7d8492}
.demo-case-panel summary{font-size:10px;color:#8a7551;cursor:pointer}
.demo-case-panel details small{margin-top:8px}
.demo-booking-summary{border-top:1px solid var(--border);padding:20px 22px}
.demo-case-panel dl{margin:17px 0}
.demo-case-panel dl>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;font-size:11px;line-height:1.7;border-bottom:1px solid #f0f1f5}
.demo-case-panel dt{color:#7a8291}
.demo-case-panel dd{margin:0;text-align:right;font-weight:600}
.demo-booking-link{margin-top:17px;width:100%;padding:11px;background:#f4f5fa;border:1px solid #e2e5ef;color:#5260a0;border-radius:6px;font:700 11px Manrope,sans-serif;cursor:pointer}
.demo-booking-link:hover{background:#e9edf8}
.demo-case-panel .demo-guide-warning{padding:9px;background:#fcf0dc;color:#805919;font-size:11px;border-radius:6px}
.demo-workspace #inbox-plan-note{display:none}
.demo-workspace .demo-readiness{margin:0;border:0;border-top:1px solid var(--border);background:#fff;border-radius:0;padding:15px 25px}
.demo-workspace .demo-readiness strong{font-size:10px;color:#677185}
.demo-workspace .demo-readiness ol{display:flex;gap:30px;flex-wrap:wrap;font-size:10px;line-height:1.7;color:#7a8393;margin-bottom:0}
.demo-workspace .view:not(#view-inbox){padding:24px}
.demo-workspace .pilot-report{border:1px solid var(--border);border-radius:9px}
.demo-workspace .pilot-report-head{background:#fff;color:var(--navy);padding:24px}
.demo-workspace .pilot-report-head h2{font-size:23px;line-height:1.5;max-width:680px}
.demo-workspace .pilot-report-head p{font-size:12px;color:var(--muted)}
.demo-workspace .report-kicker,.demo-workspace .report-period span{color:#6876a3}
.demo-workspace .report-period{border-color:var(--border)}
.demo-workspace .report-period small{color:var(--muted)}
.demo-workspace .report-metric-index{display:none}
.demo-workspace .report-metric>strong{font-size:29px}
.demo-workspace .report-metric{padding:22px 16px}
/* Operations overview: compact ledger above a working queue and tour distribution. */
.demo-workspace .pilot-report{border:0;border-radius:0;background:transparent;overflow:visible}
.demo-workspace .pilot-report-head{padding:0 0 22px;background:transparent;grid-template-columns:minmax(0,1fr) 200px}
.demo-workspace .pilot-report-head h2{font-size:24px;line-height:1.35;max-width:600px}
.demo-workspace .report-period strong{color:var(--text);font-size:15px}
.demo-workspace .report-filters{border:1px solid var(--border);background:#fff;border-radius:8px;padding:10px 14px;margin-bottom:18px}
.demo-workspace .report-metrics{grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:22px}
.demo-workspace .report-metric{padding:18px 20px;border-bottom:1px solid var(--border)}
.demo-workspace .report-metric:nth-child(3n){border-right:0}
.demo-workspace .report-metric:nth-child(n+4){border-bottom:0}
.demo-workspace .report-metric.is-warning{background:#faf8f2}
.demo-workspace .report-metric p{font-size:11px;line-height:1.6}
.demo-workspace .report-ledger{padding:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:start}
.demo-workspace .report-section{display:block;padding:22px;background:#fff;border:1px solid var(--border);border-radius:10px;min-width:0}
.demo-workspace .report-section-head{margin-bottom:20px}
.demo-workspace .report-section-head h3{font-size:16px;line-height:1.5}
.demo-workspace .report-section-head p{font-size:12px}
.demo-workspace .report-index{display:none}
.demo-workspace .report-action-list{display:block;border:0}
.demo-workspace .report-action{min-height:0;display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:17px 0;border:0;border-top:1px solid var(--border);background:transparent}
.demo-workspace .report-action>strong{font-size:24px;color:#896019}
.demo-workspace .report-action h4{margin:0 0 5px}
.demo-workspace .report-action .demo-record-link{grid-column:2;justify-self:start}
.demo-record-link{font:inherit;font-size:12px;font-weight:700;color:#4654a4;border:0;background:transparent;padding:8px 0;cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:3px}
.demo-record-link:focus-visible,.demo-workspace .cal-event:focus-visible{outline:2px solid #5260ba;outline-offset:3px}
.demo-workspace .cal-event[role="button"]{cursor:pointer}
.demo-workspace .cal-event[role="button"]:hover{box-shadow:inset 0 0 0 1px #5260ba}
.demo-workspace .report-bar-track{height:6px;border-radius:3px;background:#eef0f5}
.demo-workspace .report-bar-track span{background:#7a87bf}
.demo-workspace .report-breakdown{grid-column:1/-1}
.demo-workspace .report-method{margin-top:20px;padding:16px 20px;background:#eef0f5;border:0;border-radius:8px;color:var(--muted)}
@media(max-width:1100px){.demo-workspace .report-ledger{grid-template-columns:1fr}}
@media(max-width:600px){
 .demo-workspace .pilot-report-head{grid-template-columns:1fr;gap:14px}
 .demo-workspace .report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .demo-workspace .report-metric{padding:16px 13px}
 .demo-workspace .report-metric:nth-child(3n){border-right:1px solid var(--border)}
 .demo-workspace .report-metric:nth-child(2n){border-right:0}
 .demo-workspace .report-metric:nth-child(4){border-bottom:1px solid var(--border)}
 .demo-workspace .report-section{padding:18px}
}

@media(min-width:861px) and (max-width:1190px){
 .demo-workspace .sidebar{width:156px;flex-basis:156px}
 .demo-workspace .brand-name{font-size:17px}
 .demo-workspace .nav-item{font-size:11px}
 .demo-workspace .inbox-wrap{grid-template-columns:225px minmax(0,1fr);height:auto;min-height:650px}
 .demo-case-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);border-left:0;overflow:visible}
 .demo-inspector-heading{display:none}
 .demo-guest-card{grid-column:1}
 .demo-decision{grid-column:1}
 .demo-booking-summary{grid-column:2;grid-row:1/3;border-top:0;border-left:1px solid var(--border)}
}
.demo-reply-preview{margin-top:14px;padding:0 12px;border:1px solid #d8ddef;border-radius:7px;background:#fff}
.demo-reply-preview summary{min-height:44px;padding:12px 0;color:#4654a4;font-weight:700;cursor:pointer;font-size:12px;line-height:1.5}
.demo-reply-preview summary span{font-size:10px;margin-left:6px}
.demo-reply-preview p{font-size:14px;line-height:1.8;margin:4px 0 12px;color:#24324b}
.demo-reply-preview small{display:block;font-size:11px;line-height:1.6;color:#626b7d;margin-bottom:12px}
.demo-booking-actions:not([hidden]){display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 10px}
.demo-booking-actions button{display:flex;align-items:center;gap:16px;min-height:44px;padding:10px 13px;border:1px solid #e4e7ee;border-radius:7px;background:#fff;color:#465168;font:inherit;font-size:12px;cursor:pointer}
.demo-booking-actions button[aria-pressed="true"]{background:#eef0fa;border-color:#5260ba;color:#3e4c9d}
.demo-booking-actions strong{font-variant-numeric:tabular-nums}
.demo-priority-note{font-size:12px;line-height:1.6;color:#626b7d;margin:0 0 18px}
.demo-row-reason{display:block;max-width:260px;margin-top:5px;font-size:11px;line-height:1.5;color:#896019;white-space:normal}
.demo-row-recorded{display:block;margin-top:5px;color:#287a69;font-size:11px;line-height:1.5;white-space:normal}
.demo-fit-link{display:inline-block;margin-top:14px;padding:10px 0;color:#4654a4;font-weight:700;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.demo-booking-actions button:focus-visible,.demo-reply-preview summary:focus-visible,.demo-fit-link:focus-visible{outline:2px solid #5260ba;outline-offset:3px}
@media(max-width:860px){
 .demo-booking-actions:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .demo-booking-actions button{justify-content:space-between;gap:8px;text-align:left}
 .demo-workspace .filter-bar input[type="text"]{flex:0 0 auto;min-height:44px}
 .sidebar-close{display:block;align-self:flex-end;margin:0 10px 10px auto;min-height:44px;min-width:44px;background:#fff;border:1px solid var(--border);border-radius:7px;color:var(--navy);font-size:25px;cursor:pointer}
 .demo-workspace .sidebar{position:fixed;width:225px;height:100dvh}
 .demo-workspace .topbar{padding:12px 14px;gap:8px}
 .demo-workspace #topbar-tenant{display:none}
 .demo-workspace .topbar h1{font-size:14px}
 .demo-workspace #tour-start-btn{font-size:10px}
 .demo-workspace .demo-mode-notice{padding:9px 15px}
 .demo-workspace .demo-mode-notice>div{gap:3px}
 .demo-journey{display:block;padding:8px 14px}
 .demo-flow-trail{margin-bottom:7px}
 .demo-flow-trail>span{padding-right:20px;font-size:10px}
 .demo-journey-actions{justify-content:space-between}
 .demo-workspace .inbox-wrap{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}
 .demo-workspace .conv-list{overflow:visible;border-right:0;max-height:none}
 .demo-list-heading{padding:18px 16px 12px}
 .demo-list-tools{padding:0 16px}
 .demo-list-tabs{margin-bottom:0}
 .demo-contact-list{display:flex;overflow-x:auto;padding:7px 8px;border-bottom:1px solid var(--border)}
 .demo-workspace .conv{flex:0 0 182px;padding:12px 10px;border:0}
 .demo-workspace .conv-preview{display:none}
 .demo-contact-meta{margin-bottom:0}
 .demo-workspace .thread-head{padding:18px;min-height:70px}
 .demo-workspace .thread-body{padding:22px 18px;overflow:visible;gap:25px}
 .demo-workspace .msg.ai-draft{margin-top:8px}
 .demo-case-panel{border-left:0;border-top:1px solid var(--border);overflow:visible}
 .demo-inspector-heading{min-height:54px;padding:16px 22px}
 .demo-guest-card{display:none}
 .demo-decision{margin:20px}
 .demo-booking-summary{padding:22px}
 .demo-workspace .demo-readiness{padding:16px 22px}
 .demo-workspace .demo-readiness ol{display:block;padding-left:16px}
 .demo-workspace .demo-readiness li{margin-top:6px}
 .demo-workspace .view:not(#view-inbox){padding:16px}
 .demo-workspace .report-filter-buttons{flex-wrap:wrap;overflow:visible}
 .demo-workspace .report-filter-buttons button{min-height:42px;flex:1 0 auto}
}