:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#15283d;background:#f5f7fb;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none}
.shell{max-width:1160px;padding:0 22px;margin:0 auto}.topbar{background:#fff;border-bottom:1px solid #e1e9f2}.flex-between{display:flex;justify-content:space-between;align-items:center;min-height:76px;gap:14px}
.wordmark{display:flex;align-items:center;gap:11px;font-size:20px;color:#172b41;letter-spacing:-.5px}.brand-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#256f7e;color:#fff;font-weight:900;font-size:23px}.muted-small{color:#7b8da0;font-size:11px;letter-spacing:0;font-weight:500}.navlink{font-size:14px;color:#246d7c;font-weight:700}
.hero{margin-top:30px;background:#10243b;color:#fff;border-radius:22px;padding:46px 48px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:400px;height:400px;top:-190px;right:-130px;border:90px solid rgba(67,171,178,.12);border-radius:50%;pointer-events:none}
.eyebrow{font-size:11px;letter-spacing:1.3px;color:#438997;font-weight:800;text-transform:uppercase}.hero .eyebrow{color:#b4edf0}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7be5c6;margin-right:6px}
.hero h1{font-size:clamp(33px,4.5vw,57px);letter-spacing:-1.8px;line-height:1.08;margin:22px 0;max-width:750px;font-weight:800}.hero em{color:#8de7dc;font-style:normal}.lead{font-size:16px;line-height:1.7;max-width:665px;color:#d3e2ee;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin:28px 0 20px}.fineprint{font-size:12px;color:#b1c4d1}.btn{border:0;border-radius:11px;padding:13px 18px;display:inline-flex;justify-content:center;align-items:center;gap:6px;font-weight:700;text-align:center;font-size:14px;transition:.18s}.btn.primary{background:#2a9099;color:#fff}.btn.primary:hover{background:#217782}.btn.outline{border:1px solid #7191a4;color:white;background:transparent}.btn.dark{background:#102b43;color:#fff}.btn.secondary{border:1px solid #d5dfea;color:#1a4856;background:#fff}.btn.tiny{padding:8px 11px;border-radius:8px;font-size:12px}.btn.full{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0 30px}.features article{background:#fff;border:1px solid #e2eaf3;border-radius:15px;padding:17px;display:grid;gap:7px}.features article span{font-size:25px}.features article strong{font-size:14px}.features article p{color:#718295;font-size:12px;margin:0;line-height:1.45}
.two-col{display:grid;grid-template-columns:1.45fr 1fr;align-items:start;gap:22px;margin-bottom:36px}.panel{background:white;border:1px solid #e1e9f1;border-radius:18px;padding:26px;box-shadow:0 5px 19px rgba(10,38,67,.035)}.panel h2{font-size:24px;margin:7px 0 13px;letter-spacing:-.5px}.panel-heading{display:flex;gap:12px;justify-content:space-between;align-items:center}.pill{font-size:11px;background:#e5f6f2;border:1px solid #c9ede4;color:#1a796b;padding:7px 10px;border-radius:16px;font-weight:700;white-space:nowrap}.side-stack{display:grid;gap:17px}.soft{background:#eff9fb;border-color:#d4eaf0}.soft p,.explanation p{font-size:14px;color:#667d91;line-height:1.6}.track-input{display:flex;gap:7px}.track-input input{min-width:0;flex:1}.track-input .btn{padding:11px 12px}.steps{list-style:none;padding:0;counter-reset:step}.steps li{padding:4px 0 12px 35px;position:relative;counter-increment:step}.steps li:before{content:counter(step);position:absolute;left:0;top:3px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#16687d;background:#e0f1f4;font-weight:800;font-size:12px}.steps li strong{font-size:14px}.steps li p{margin:5px 0}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:#91a0ae;font-size:12px;padding-bottom:28px}
fieldset{border:0;padding:0;margin:13px 0 20px}legend{font-weight:750;font-size:13px;margin-bottom:9px}label{font-size:13px;font-weight:700;display:block;color:#334d64;margin-bottom:7px}.kind-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.kind-grid legend{grid-column:1/-1}.choice{padding:13px 8px;border:1px solid #dbe5ee;background:#f8fafc;border-radius:10px;margin:0;cursor:pointer;text-align:center;font-size:12px;white-space:nowrap}.choice.selected{border:2px solid #268b97;background:#eaf8f8;color:#145465}.choice input{position:absolute;opacity:0;pointer-events:none}
.field{margin-bottom:17px;min-width:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field input,.field select,.field textarea,.track-input input,select,input:not([type=radio]),textarea{max-width:100%;border:1px solid #d7e2ec;background:#fff;border-radius:10px;padding:12px 13px;color:#18334b;width:100%;font-size:14px;outline:none}
input:focus,textarea:focus,select:focus{border-color:#268b97;box-shadow:0 0 0 3px rgba(37,139,149,.13)}textarea{resize:vertical}.feedback{font-size:13px;line-height:1.6;margin:12px 0 0;min-height:20px}.feedback.error{color:#b52e48}.feedback.success{color:#126a53}.honey{position:absolute!important;left:-9999px;opacity:0;height:1px;width:1px}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.workspace{padding-top:27px}.workspace .topline{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:20px}.workspace h1{margin:6px 0;font-size:30px;letter-spacing:-.8px}.workspace p.subtitle{color:#718397;font-size:14px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:20px}.metric{border:1px solid #e1e9f1;background:#fff;border-radius:14px;padding:15px}.metric strong{display:block;font-size:28px;letter-spacing:-1px}.metric span{font-size:12px;color:#73899b}.desk-grid{display:grid;grid-template-columns:1.65fr 1fr;align-items:start;gap:18px;margin-bottom:32px}.queue-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.queue{display:grid;gap:12px;margin-top:14px}.request-card{border:1px solid #dfe9f2;padding:15px;border-radius:13px}.request-card h3{margin:0;font-size:16px}.request-card .meta{font-size:12px;color:#637a8e;line-height:1.8;margin:6px 0 12px}.request-card .actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.request-card .actions select{width:auto;max-width:235px;padding:8px 10px}.request-card .actions .btn{font-size:12px}.tiny-label{display:inline-block;border-radius:8px;background:#edf5f8;color:#2e6173;font-size:11px;padding:5px 8px;font-weight:700}.tiny-label.pending{background:#fff6e3;color:#8e642b}.muted{color:#7d8ea0}.subpanel fieldset label{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:13px;font-weight:600;margin:8px 0}.subpanel fieldset input[type=checkbox]{width:16px;height:16px;max-width:16px;flex:0 0 16px;accent-color:#238a96;margin:0}.quote-panel{margin-top:15px;padding:15px;border:1px solid #d5e9ee;border-radius:13px;background:#f7fbfd}
.quote-panel h4{font-size:15px;margin:2px 0 8px}
.quote-panel .note{font-size:12px;line-height:1.45}
.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.quote-grid .field{min-width:0;margin:8px 0}
.quote-grid .field.wide{grid-column:1/-1}
.quote-record{padding:10px;margin:9px 0;border:1px solid #e1eaf0;background:#fff;border-radius:10px}
.quote-record .actions{margin-top:7px;display:flex;flex-wrap:wrap}
.quote-selected{border:1.5px solid #248a94;background:#eefbfb}
.quote-state{font-size:12px;color:#46707a}
@media(max-width:500px){.quote-grid{grid-template-columns:1fr}.quote-grid .field.wide{grid-column:1}}
.partner{border-bottom:1px solid #e8edf4;padding:13px 0}.partner:last-child{border:0}.partner strong{font-size:14px}.partner p{font-size:12px;color:#7f90a2;margin:3px 0 10px}.note{font-size:12px;color:#7a899a;line-height:1.5}.subpanel{border:1px dashed #d7e1ea;padding:17px;border-radius:13px;margin-top:16px;background:#fbfdff}
.auth-wrap{display:grid;place-items:center;min-height:calc(100vh - 160px);padding-top:28px;padding-bottom:32px}.auth-card{width:100%;max-width:540px;padding:32px}.auth-card h1{font-size:29px;letter-spacing:-.7px;margin:10px 0 12px}.auth-card h2{font-size:21px;margin-top:25px}.auth-footer{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.header-actions{display:flex;gap:12px;align-items:center}.partner-privacy{margin-top:18px}#partner-invite-area input{font-size:12px;margin-bottom:9px}.auth-card .btn{margin-top:7px}
@media(max-width:900px){.features{grid-template-columns:repeat(2,1fr)}.two-col,.desk-grid{grid-template-columns:1fr}.hero{padding:36px 30px}.kind-grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:530px){.shell{padding:0 14px}.topbar .flex-between{min-height:66px}.wordmark{font-size:17px}.muted-small{display:none}.navlink{font-size:12px}.hero{padding:28px 20px;border-radius:15px;margin-top:18px}.hero h1{font-size:36px;letter-spacing:-1px}.lead{font-size:14px}.panel{padding:20px 15px}.panel h2{font-size:21px}.form-row{grid-template-columns:1fr;gap:0}.pill{font-size:10px}.track-input{flex-direction:column}.features{gap:9px}.features article{padding:13px}.workspace h1{font-size:25px}.request-card .actions{align-items:stretch}.request-card .actions select{max-width:none;width:100%}}

/* Dispatch Hub 2026-10-21: owner Telegram indicator and accessible queue filters. */
.telegram-summary{margin-bottom:18px;background:linear-gradient(125deg,#eef8fa 0%,#fff 80%);border:1px solid #cae5e8}
.telegram-summary h2{margin-bottom:7px}
.telegram-summary .queue-head{align-items:center}
.queue-filters{display:grid;grid-template-columns:minmax(160px,1.5fr) minmax(100px,1fr) minmax(100px,1fr);gap:10px;margin:16px 0 6px}
.queue-filters .field{margin-bottom:5px}
.queue-filters label{font-size:12px}
.queue-filters input,.queue-filters select{width:100%}
.request-card .queue-head h3{overflow-wrap:anywhere}
@media(max-width:660px){.queue-filters{grid-template-columns:1fr 1fr}.queue-filters>.field:first-child{grid-column:1/-1}.telegram-summary .queue-head{align-items:start}.telegram-summary .btn{white-space:nowrap}}

/* DisHub: quote conversation evidence, owner-only, no automated customer messaging. */
.quote-customer-panel{border:1px solid #cfdee7;border-radius:12px;padding:13px;margin:12px 0;background:var(--panel-bg,#f8fcfd)}
.quote-customer-panel>strong{display:block;font-size:14px;margin-bottom:6px}
.quote-customer-panel label{display:block;margin:9px 0 5px;font-size:12px;font-weight:700}
.quote-customer-panel .customer-channel,.quote-customer-panel .customer-evidence{width:100%;max-width:100%;box-sizing:border-box}
.quote-customer-panel .customer-evidence{min-height:62px;resize:vertical}
.quote-customer-panel .actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.quote-customer-panel .note{line-height:1.5}

/* A one-tap section switcher on the long operational workspace. */
.workspace-quick-nav{position:sticky;top:0;z-index:8;display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:10px 0 12px;margin:0 0 15px;background:#f5f7fb}
.workspace-quick-nav a{display:inline-flex;align-items:center;justify-content:center;flex:none;white-space:nowrap;min-height:44px;padding:9px 14px;border:1px solid #c9dbe2;border-radius:11px;background:#fff;color:#17545a;font-size:12px;font-weight:800;text-decoration:none}
.workspace-quick-nav a:nth-child(2){background:#246d7c;color:#fff;border-color:#246d7c}
.workspace-quick-nav a:focus-visible,.workspace-quick-nav a:hover{outline:2px solid #246d7c;outline-offset:1px}
#office,#partners,#lead-board{scroll-margin-top:90px}
@media(max-width:530px){.workspace-quick-nav{position:sticky;top:0;margin:0 -14px 10px;padding:7px 14px 10px;border-bottom:1px solid #d5e5ea}.workspace-quick-nav a{min-height:45px}}