:root{--accent:#27b890;--accent-2:#27c499;--accent-dark:#159b76;--accent-soft:#e9f8f3;--accent-ink:#fff}
*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#182230;font:14px Inter,system-ui,Arial;display:flex;-webkit-font-smoothing:antialiased}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}aside{width:236px;flex:none;height:100vh;position:sticky;top:0;align-self:flex-start;display:flex;flex-direction:column;background:#101827;color:#aab5c7;padding:22px 14px 16px;overflow-y:auto}.brand{display:flex;align-items:center;justify-content:space-between;margin:0 6px 22px}.nav-close{display:none;border:0;background:none;color:#aab5c7;font-size:18px;cursor:pointer;padding:4px 8px}h1{margin:0;color:white;font-size:22px}h1 span{color:var(--accent-2)}nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;margin:2px 0;border-radius:8px;color:#aab5c7;cursor:pointer;font-weight:500;transition:background .15s,color .15s}nav a:hover{background:#1a2638;color:#e6edf5}nav a.active{background:#243248;color:white;box-shadow:inset 3px 0 0 var(--accent-2)}nav svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.85}nav a span{flex:1;display:flex;align-items:center;justify-content:space-between;gap:6px}.nav-sec p{margin:18px 12px 6px;font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:#5f6f86;font-weight:600}.nav-sec:first-child p{margin-top:0}.nav-sec:not(:has(a:not([hidden]):not(.simple-off))){display:none}
nav a.simple-off{display:none}
.menu-all{display:flex;align-items:center;gap:8px;margin:14px 12px 4px;font-size:12px;color:#8a98ad;cursor:pointer}
.menu-all input{margin:0}nav a[hidden]{display:none}.company-pick select{width:100%;margin:0 0 18px;background:#19283b;color:#dbe4ef;border-color:#2c3e55}.company-pick[hidden]{display:none}nav b{background:var(--accent);color:var(--accent-ink);font-size:11px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:inline-grid;place-items:center}nav b:empty{display:none}.side-foot{margin-top:auto;padding-top:16px}.api-status{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;margin:0 0 12px;padding:10px 12px;border-radius:8px;background:#19283b;color:#44d2a5;font-size:12px;font-weight:600}.api-status i{width:8px;height:8px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-2) 20%,transparent)}.api-status small{flex-basis:100%;color:#8998ae;font-weight:400;font-size:11px;margin:3px 0 0 16px}.me-card{display:flex;align-items:center;gap:10px;padding:12px 4px 0;border-top:1px solid #1f2d42}.avatar{width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}.me-card div{flex:1;min-width:0}.me-card b,.me-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-card b{color:white;font-size:13px}.me-card small{color:#8998ae;font-size:11px;margin-top:2px}.nav-backdrop{display:none}.nav-toggle{display:none;place-items:center;width:40px;height:40px;flex:none;border:1px solid #e2e7ee;background:white;border-radius:8px;cursor:pointer;color:#182230}.nav-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}main{flex:1;padding:26px 32px 32px;min-width:0}header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.head-text{flex:1;min-width:0}.eyebrow{color:var(--accent-dark);font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 4px}h2{margin:0;font-size:24px}.subtitle{margin:4px 0 0;color:#75859a;font-size:13px}.subtitle:empty{display:none}.primary,.reply button,.save-note{border:0;background:var(--accent);color:var(--accent-ink);padding:11px 18px;border-radius:7px;font-weight:600;cursor:pointer;transition:background .15s}.primary:hover,.save-note:hover{background:var(--accent-dark)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 18px}body:not([data-view=inbox]) .stats,body:not([data-view=inbox]) #addBtn{display:none}.stat,.list,.chat,.profile,.panel{background:white;border:1px solid #e7ebf1;border-radius:12px;box-shadow:0 1px 2px #1018270a}.stat{padding:14px 16px;text-align:left;font:inherit;color:inherit;cursor:pointer;display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 10px;transition:border-color .15s,box-shadow .15s}.stat:hover{border-color:var(--accent);box-shadow:0 4px 14px #1018270f}.stats small{grid-column:1/-1;color:#75859a;font-size:12px;font-weight:500}.stats strong{font-size:24px;line-height:1.1}.stats em{font-size:11px;color:var(--accent-dark);font-style:normal;white-space:nowrap}.green{color:#22ae83!important}.workspace{display:grid;grid-template-columns:300px minmax(360px,1fr) 280px;gap:14px;height:calc(100vh - 250px);min-height:520px}.workspace>*{min-height:0}.workspace>.list{display:flex;flex-direction:column;overflow:hidden}#conversations{flex:1;overflow-y:auto}.workspace>.chat{overflow:hidden}.workspace>.profile{overflow-y:auto}.list-head,.toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid #edf0f4}h3{margin:0;font-size:15px}select,input,textarea{border:1px solid #e2e7ee;padding:9px;border-radius:7px;color:#344054;background:white;font:inherit;transition:border-color .15s,box-shadow .15s}select:focus,input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}::placeholder{color:#98a2b3}textarea{resize:vertical;min-height:60px}.conversation{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid #eef1f5;border-left:3px solid transparent;background:white;padding:14px 16px 14px 13px;cursor:pointer;font:inherit;color:inherit}.conversation:hover{background:#f6f9fc}.conversation.selected{background:var(--accent-soft);border-left-color:var(--accent)}.conversation div{display:flex;justify-content:space-between}.conversation span,.conversation small{color:#91a0b3;font-size:11px}.conversation p{margin:7px 0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat{display:flex;flex-direction:column}.chat-head{padding:18px;border-bottom:1px solid #edf0f4}.conv-controls{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.conv-controls select{font-size:12px;padding:6px}.list .list-head{flex-wrap:wrap;gap:10px}.list-filters{display:flex;gap:6px;flex:1 1 100%}.list-filters select{flex:1;min-width:0}.list-filters select{padding:6px;font-size:12px}.conversation em.owner{float:right;font-style:normal;font-size:10px;color:var(--accent-dark);background:var(--accent-soft);border-radius:10px;padding:2px 7px}.conversation em.owner.none{color:#b26b1f;background:#fff1e0}.chat-head small{display:block;color:#94a0af;font-size:11px;margin-top:4px}.messages{padding:22px;flex:1;overflow:auto;background:#fbfcfe}.bubble{padding:11px 13px;border-radius:10px;margin:10px 0;max-width:75%;line-height:1.4}.bubble.customer{background:#edf1f6}.bubble.agent{background:#d8f7ed;margin-left:auto}.bubble.bot{background:#fff4d6;margin-left:auto}.bubble small{display:block;font-size:10px;color:#8997a8;margin-top:4px}.chat form{display:flex;border-top:1px solid #edf0f4;padding:12px}.chat input{flex:1;border:0;outline:0}.profile{padding:20px}.profile h4{margin:20px 0 5px}.profile p,.muted{color:#75859a;font-size:12px;line-height:1.7}.profile hr{border:0;border-top:1px solid #edf0f4;margin:25px 0}.tag{background:var(--accent-soft);color:var(--accent-dark);border-radius:12px;padding:4px 9px;font-size:11px}.note{font-size:11px!important}.save-note{padding:7px 10px;font-size:11px}.profile textarea{width:100%;margin:10px 0}.panel{padding:0}.table{padding:0 18px}.row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:14px;align-items:center;padding:14px 8px;margin:0 -8px;border-bottom:1px solid #edf0f4;font-size:13px}.table .row:hover{background:#fafbfd}.toolbar{gap:12px}.toolbar input{flex:1}.pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:start}.stage{background:#eef2f7;border-radius:8px;padding:12px;min-height:250px}.stage h3{font-size:13px;margin-bottom:12px}.stage h3 small{float:right;color:#8d9aae}.card{background:white;border-radius:7px;padding:12px;margin:8px 0;box-shadow:0 1px 2px #dbe0e7}.card b,.card small{display:block}.card small{color:#8d9aae;font-size:11px;margin:5px 0}.card select{width:100%;font-size:11px;padding:5px}.logged-out>aside,.logged-out>main:not(.login){display:none}.login{min-height:100vh;width:100%;display:grid;place-items:center;background:#101827}.login-card{background:white;width:min(390px,calc(100% - 40px));padding:32px;border-radius:12px}.login-card h1{color:#182230;margin:0 0 30px}.login-card form{display:grid;gap:12px}.error{color:#d9534f;font-size:12px}.logout{flex:none;background:transparent;border:1px solid #3a4d64;color:#b9c7d7;border-radius:6px;padding:6px 9px;cursor:pointer;font:inherit;font-size:12px}.logout:hover{border-color:#8fa3ba;color:white}.me-card .logout{width:32px;height:32px;padding:0;display:grid;place-items:center}.logout svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.logged-out .nav-backdrop{display:none!important}.narrow{max-width:600px;padding:22px}.connector{display:grid;grid-template-columns:1fr auto;gap:5px;padding:14px 0;border-bottom:1px solid #edf0f4}.connector small{color:#8d9aae}.qr{width:220px;height:220px;margin:18px auto;display:block;border:8px solid white;box-shadow:0 2px 12px #17233822}.narrow label{display:block;margin:18px 0;color:#66778e;font-size:12px}.narrow input,.narrow textarea{display:block;width:100%;margin-top:6px}.actions{display:flex;justify-content:end;gap:10px;margin-top:16px}dialog{border:0;border-radius:10px;box-shadow:0 10px 50px #15223855;padding:0}dialog::backdrop{background:#10182766}dialog form{padding:24px;width:330px;display:grid;gap:12px}dialog h3{margin-bottom:5px}dialog label{font-size:12px;color:#65758b}@media(max-width:1100px){aside{width:204px}.workspace{grid-template-columns:260px 1fr;height:auto}.workspace>.list,.workspace>.chat{height:calc(100vh - 250px);min-height:480px}.stats{grid-template-columns:repeat(2,1fr)}.profile{grid-column:1/-1}.pipeline{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){body{flex-direction:column}aside{position:fixed;left:0;top:0;bottom:0;z-index:40;width:min(280px,85vw);height:auto;align-self:stretch;overscroll-behavior:contain;transform:translateX(-105%);transition:transform .2s ease;box-shadow:0 0 40px #0006}.nav-open aside{transform:none}.nav-open .nav-backdrop{display:block;position:fixed;inset:0;background:#10182780;z-index:39}.nav-close{display:block}nav a{padding:10px 12px}.chat-head b{display:block;margin-bottom:8px}.chat-head .ai-toggle{float:none;margin:0 6px 6px 0}.nav-toggle{display:grid}header{position:sticky;top:0;z-index:5;background:#f5f7fbf2;backdrop-filter:blur(6px);margin:-16px -16px 14px;padding:10px 16px;border-bottom:1px solid #e7ebf1;gap:10px}h2{font-size:19px}.subtitle{display:none}#addBtn{padding:9px 12px;font-size:13px}main{padding:16px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:12px}.stats strong{font-size:20px}.stats em{display:none}.workspace{grid-template-columns:1fr;height:auto}.workspace>.list{height:auto;max-height:55vh}.workspace>.chat{height:80vh;min-height:460px}.pipeline{grid-template-columns:1fr}.row{grid-template-columns:1fr 1fr}}
.toast{position:fixed;right:20px;bottom:20px;max-width:360px;padding:12px 16px;border-radius:8px;background:#101827;color:#fff;font-size:13px;box-shadow:0 6px 24px #10182733;z-index:50}.toast.error{background:#b42318;color:#fff}
.narrow label.toggle{display:flex;align-items:center;gap:8px}.narrow label.toggle input{width:auto;margin:0}
.notice{background:#ecfdf3;color:#05603a;font-size:12px;padding:10px 12px;border-radius:8px;margin:0 0 12px}.auth-links{font-size:12px;text-align:center;margin:16px 0 0}.auth-links a,.error a{color:#2563eb;cursor:pointer}
.ai-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start}
.ai-grid .narrow{max-width:none}
.ai-grid h4{margin:22px 0 0;font-size:13px;color:#33435a}
.narrow select{display:block;width:100%;margin-top:6px}
.ai-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ai-row label{margin:10px 0}
button.link{border:0;background:none;color:#d0485b;cursor:pointer;font-size:12px;padding:0}
.kb-tabs{display:flex;gap:6px;margin-top:18px;flex-wrap:wrap}
.kb-tabs button{border:1px solid #e2e7ee;background:white;border-radius:16px;padding:6px 12px;font-size:12px;cursor:pointer;color:#65758b}
.kb-tabs button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dark)}
.ai-test{max-height:300px;min-height:80px;overflow:auto;border:1px solid #edf0f4;border-radius:6px;margin:12px 0;padding:10px}
.ai-test-form{display:flex;gap:8px}
.ai-test-form input{flex:1;margin:0}
.ai-test-form button:not(.primary){border:1px solid #e2e7ee;background:white;border-radius:7px;padding:0 12px;cursor:pointer}
.ai-toggle{float:right;border:1px solid #e2e7ee;background:white;border-radius:14px;padding:5px 10px;font-size:11px;color:#65758b;cursor:pointer}
.narrow label.toggle input[type=radio]{width:auto;margin:0}
#aiPhonesWrap label{margin:10px 0}
.phone-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:-4px}
.phone-tools button{border:1px solid var(--accent);background:white;color:var(--accent-dark);border-radius:7px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer}
.phone-tools a{color:var(--accent-dark);font-size:12px}
.narrow [hidden]{display:none!important}
.model-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-8px 0 10px}
.model-tools button{border:1px solid var(--accent);background:white;color:var(--accent-dark);border-radius:7px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer}
.model-tools button:disabled{opacity:.5;cursor:wait}
.model-tools .muted{font-size:12px;margin:0}
#aiModelSelect{margin-bottom:6px}
.narrow label.kb-use{display:flex;align-items:center;gap:8px;margin:0;color:inherit;font-size:13px;cursor:pointer}
.narrow label.kb-use input{display:inline;width:auto;margin:0}
.kb-item.off b{color:#94a0af;font-weight:500}
.kb-stages{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:8px;padding-top:8px;border-top:1px dashed #e2e7ee;font-size:12px;color:#65758b}.narrow label.kb-stage{display:inline-flex;align-items:center;gap:4px;margin:0;font-size:12px;color:#344256;cursor:pointer}.narrow label.kb-stage input{display:inline;width:auto;margin:0;accent-color:var(--accent)}.kb-stages em{font-style:normal;color:var(--accent-dark)}.narrow label.ai-test-stage{margin:8px 0}
@media(min-width:1101px){.ai-grid{grid-template-columns:minmax(0,1.25fr) minmax(340px,1fr)}}
.ai-status-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.ai-status-head h3{font-size:17px}
.ai-state{display:flex;align-items:baseline;gap:8px;margin:6px 0 0;font-size:13px;color:#475467;line-height:1.5}
.ai-state span{width:9px;height:9px;border-radius:50%;background:#98a2b3;flex:none;transform:translateY(-1px)}
.ai-state.on span{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)}
.ai-state.warn span{background:#f79009}
.narrow label.switch{position:relative;display:inline-block;width:46px;height:26px;margin:0;flex:none}
.narrow .switch input{position:absolute;opacity:0;width:0;height:0;margin:0}
.switch span{position:absolute;inset:0;background:#d0d5dd;border-radius:13px;cursor:pointer;transition:background .2s}
.switch span:before{content:'';position:absolute;width:20px;height:20px;left:3px;top:3px;background:white;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}
.switch input:checked+span{background:var(--accent)}
.switch input:checked+span:before{transform:translateX(20px)}
.switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.switch input:disabled+span{opacity:.6;cursor:wait}
.ai-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
.ai-chip{display:flex;align-items:center;gap:6px;border:1px solid #e2e7ee;background:#fbfcfe;border-radius:8px;padding:6px 10px;font:inherit;font-size:12px;color:#65758b;cursor:pointer;max-width:100%}
.ai-chip:hover{border-color:var(--accent)}
.ai-chip b{color:#182230;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}
.ai-chip i{font-style:normal;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;background:var(--accent-soft);color:var(--accent-dark);flex:none}
.ai-chip.bad{border-color:#fcd9bd;background:#fffaf5}
.ai-chip.bad i{background:#fef0c7;color:#b54708}
.ai-tabs{display:flex;gap:2px;border-bottom:1px solid #edf0f4;margin:18px -22px 0;padding:0 14px;overflow-x:auto}
.ai-tabs button{border:0;background:none;padding:11px 10px;font:inherit;font-size:13px;color:#65758b;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;margin-bottom:-1px}
.ai-tabs button:hover{color:#182230}
.ai-tabs button.active{color:var(--accent-dark);border-bottom-color:var(--accent);font-weight:600}
#aiForm section{padding-top:4px}
#aiForm section>p.muted:first-child{margin:16px 0 0}
.ai-inline{display:flex;gap:8px;margin-top:6px}
.narrow .ai-inline input{margin-top:0;flex:1}
button.ghost{border:1px solid #e2e7ee;background:white;border-radius:7px;padding:0 12px;cursor:pointer;color:#475467;font:inherit;font-size:12px}
button.ghost:hover{border-color:#b9c3d0}
.ai-hint{margin:-12px 0 0}.ai-hint a{color:var(--accent-dark)}
.ai-keyrow{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #edf0f4;padding-top:12px;margin-top:6px}
.ai-keyrow .muted{margin:0}
.ai-presets{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:#75859a}
.ai-presets button{border:1px solid #e2e7ee;background:white;border-radius:14px;padding:5px 10px;font:inherit;font-size:12px;color:#475467;cursor:pointer}
.ai-presets button:hover{border-color:var(--accent);color:var(--accent-dark)}
.ai-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-top:-10px}
.ai-meta small{color:#94a0af;white-space:nowrap;font-size:11px;padding-top:6px}
.narrow input[type=range]{accent-color:var(--accent);padding:0;border:0;margin-top:10px}
#aiTempLabel{color:#182230;font-weight:600}
.narrow label small{display:block;margin-top:6px;font-size:11px;line-height:1.5}
.ai-sub{margin:-14px 0 0 26px}
.narrow label.ai-choice{align-items:flex-start;border:1px solid #e2e7ee;border-radius:8px;padding:12px;margin:10px 0;cursor:pointer}
.narrow label.ai-choice input[type=radio]{margin-top:3px;accent-color:var(--accent)}
.ai-choice:has(input:checked){border-color:var(--accent);background:#f3fcf9}
.ai-stages{border:1px solid #e2e7ee;border-radius:8px;padding:4px 12px;margin:8px 0}.ai-stage-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #f0f2f5}.ai-stage-row:last-child{border-bottom:0}.ai-stage-row label.toggle{margin:6px 0;flex:1}.ai-stage-row small{margin-left:6px}.ai-stage-row .link{white-space:nowrap;font-size:13px;color:var(--accent-dark)}
.ai-choice>span{color:#182230;font-size:13px;font-weight:600}
.narrow .ai-choice small{color:#75859a;font-weight:400;margin-top:2px;font-size:12px}
.ai-kw{display:flex;flex-wrap:wrap;gap:6px;margin-top:-10px}
.ai-foot{border-top:1px solid #edf0f4;padding-top:12px;margin-top:22px}
.ai-savebar{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;gap:10px;margin:16px -22px -22px;padding:12px 22px;background:white;border-top:1px solid #edf0f4;border-radius:0 0 10px 10px}
.ai-savebar span{flex:1;font-size:12px;color:#75859a}
.ai-savebar .ghost{align-self:stretch}
.ai-savebar.dirty{background:#fffaf0;box-shadow:0 -6px 16px #1018270f}
.ai-savebar.dirty span{color:#b54708;font-weight:600}
.ai-savebar:not(.dirty) .ai-cancel{display:none}
.ai-savebar button:disabled{opacity:.6;cursor:wait}
@media(max-width:700px){.ai-savebar{flex-wrap:wrap}.ai-savebar span{flex-basis:100%}.ai-savebar .primary{flex:1}.ai-row{grid-template-columns:1fr}}
.ai-row{align-items:end}
.ai-warn{background:#fffaeb;border:1px solid #fedf89;color:#93370d;font-size:12px;line-height:1.6;padding:10px 12px;border-radius:8px;margin:-8px 0 14px}
.ai-warn button.link{color:var(--accent-dark);font-weight:600;text-decoration:underline}
.ai-conns{display:grid;gap:8px;margin-top:10px}
.ai-conn{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #e2e7ee;border-radius:8px;padding:10px 12px}
.ai-conn.active{border-color:var(--accent);background:#f3fcf9}
.ai-conn b{font-size:13px;color:#182230}
.ai-conn small{display:block;color:#75859a;font-size:11px;margin-top:3px;word-break:break-all}
.ai-conn>span{display:flex;align-items:center;gap:12px;flex:none}
.ai-conn .ghost{padding:6px 12px}
.ai-conn em{font-style:normal;font-size:12px;color:var(--accent-dark);font-weight:600}
.narrow input[readonly]{background:#f5f7fb;color:#75859a}

.chat form{position:relative;align-items:flex-end;gap:8px}
.chat textarea#replyText{flex:1;border:0;outline:0;resize:none;font:inherit;line-height:1.4;padding:9px 0;min-height:0;max-height:160px}
#reply>button{border:0;background:var(--accent);color:var(--accent-ink);padding:9px 18px;border-radius:7px;font-weight:600;cursor:pointer}
.qr-menu{position:absolute;left:12px;right:12px;bottom:100%;margin-bottom:6px;background:white;border:1px solid #e2e7ee;border-radius:8px;box-shadow:0 6px 24px #10182722;max-height:280px;overflow:auto;z-index:5}
.qr-menu[hidden]{display:none}
.qr-menu button{display:block;width:100%;text-align:left;border:0;background:white;padding:9px 12px;cursor:pointer;font:inherit}
.qr-menu button.active,.qr-menu button:hover{background:var(--accent-soft)}
.qr-menu b{display:block;color:var(--accent-dark);font-size:12px}
.qr-menu span{display:block;color:#475467;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qr-menu p{margin:0;padding:10px 12px}
.sound-btn{border:1px solid #e2e7ee;background:white;border-radius:7px;padding:4px 8px;cursor:pointer;font-size:13px}
.quick-admin{margin-top:18px}
.quick-list{list-style:none;padding:0;margin:12px 0}
.quick-list li{display:grid;grid-template-columns:120px 1fr auto;gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid #edf0f4;font-size:13px}
.quick-list li b{color:var(--accent-dark)}
.quick-list li span{white-space:pre-wrap;word-break:break-word}
.quick-actions{display:flex;gap:10px}
button.link.edit{color:var(--accent-dark)}
@media(max-width:700px){.quick-list li{grid-template-columns:1fr}}
.reply-tabs{display:flex;gap:4px;padding:8px 12px 0;border-top:1px solid #edf0f4}
.reply-tabs button{border:0;background:none;padding:5px 10px;border-radius:6px;cursor:pointer;font:inherit;font-size:12px;color:#667085}
.reply-tabs button.active{background:#edf1f6;color:#182230;font-weight:600}
.chat .reply-tabs+form{border-top:0}
#reply.note-mode{background:#fff8e1}
#reply.note-mode>button{background:#d29a00}
.bubble.note{background:#fff8e1;border:1px dashed #e8c45a;margin-left:auto;margin-right:auto;max-width:85%}
.bubble.note>b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#a37800;margin-bottom:3px}
.mention{background:#fde7a8;color:inherit;border-radius:3px;padding:0 2px}
.mention.me{background:#f5c542;font-weight:600}
.note-del{border:0;background:none;color:#b42318;cursor:pointer;font:inherit;font-size:10px;padding:0}
#reply.note-mode #replyText{background:transparent}
.bubble.has-media{max-width:340px}
.media-img{display:block;max-width:100%;max-height:320px;border-radius:7px;margin-bottom:4px}
.media-img.sticker{max-width:140px;background:none}
.media-video{display:block;max-width:100%;max-height:320px;border-radius:7px;margin-bottom:4px}
.media-audio{display:block;width:260px;max-width:100%;margin-bottom:4px}
.media-file{display:inline-block;padding:8px 10px;margin-bottom:4px;background:#ffffffb3;border:1px solid #e2e7ee;border-radius:7px;color:#182230;text-decoration:none;word-break:break-word}
.media-file small{display:inline;color:#8997a8}
.media-file.muted{color:#8997a8;font-style:italic}
.attach-btn{cursor:pointer;font-size:18px;padding:6px 2px;line-height:1;user-select:none}
.attach-btn[hidden]{display:none}
.attach-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 12px 0;padding:6px 10px;background:var(--accent-soft);border:1px solid #bfe9da;border-radius:7px;font-size:12px}
.attach-chip[hidden]{display:none}
.attach-chip button{border:0;background:none;cursor:pointer;color:#b42318}
#replyBtn:disabled{opacity:.6;cursor:wait}
.tick{margin-left:2px;color:#8a94a6;letter-spacing:-2px}.tick.read{color:#34b7f1}.tick.failed,.tick.cancelled{color:#d92d20;letter-spacing:0}
.contact-tools{flex-wrap:wrap}.contact-tools input{min-width:200px}.contact-tools select{font-size:12px;padding:8px}.contact-tools .ghost{padding:10px 14px}.row-tags{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.tag.chip{background:#eef2fb;color:#3d5a99}.tag.chip button{border:0;background:none;color:inherit;cursor:pointer;padding:0 0 0 5px;font-size:12px}.contact-total{padding:12px 18px;margin:0}.tag-editor{margin:12px 0}.tag-editor>input,.field-add input{width:100%;margin-top:8px;font-size:12px;padding:7px}.fields{margin-top:12px}.field-row{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;font-size:12px;padding:4px 0;border-bottom:1px dashed #edf0f4}.field-row span{color:#75859a}.field-row b{font-weight:600;overflow-wrap:anywhere}.field-row button{border:0;background:none;color:#a0acbb;cursor:pointer}.field-add{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:6px;align-items:end}.field-add input{margin-top:6px}#importDialog form{width:min(480px,90vw)}.import-errors{max-height:200px;overflow:auto;font-size:12px;color:#b03a37;padding-left:18px;margin:0}
.pill{display:inline-block;border-radius:12px;padding:3px 9px;font-size:11px;font-weight:600;white-space:nowrap}.pill.ok{background:var(--accent-soft);color:var(--accent-dark)}.pill.wait{background:#fff4d6;color:#a86b00}.pill.bad{background:#fdecee;color:#c0364b}
.bc-card{border:1px solid #edf0f4;border-radius:9px;padding:14px;margin:12px 0}.bc-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bc-head .pill{margin-left:auto}.bc-card>small{display:block;color:#8d9aae;font-size:11px;margin-top:6px;line-height:1.5}.bc-card>small.warn-text{color:#b54708}.bc-card button.link{margin-top:10px}
.bar{height:6px;background:#edf1f6;border-radius:4px;margin:12px 0 8px;overflow:hidden}.bar span{display:block;height:100%;background:var(--accent)}
.bc-stats{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:11px;color:#75859a}.bc-stats b{display:block;font-size:16px;color:#182230}
.bc-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:14px}.bc-toolbar p{margin:0}.bc-toolbar button{padding:8px 12px;white-space:nowrap}
.bc-row,.var-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.var-row{grid-template-columns:1.4fr 1fr}.narrow .bc-row label,.narrow .var-row label{margin:10px 0}
.tpl-preview{max-width:100%;white-space:pre-wrap;margin:10px 0 18px}.tpl-preview small{color:#8997a8}.tpl-buttons{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.tpl-buttons span{background:white;border-radius:6px;padding:4px 10px;font-size:12px;color:var(--accent-dark)}
.tpl-text{white-space:pre-wrap;font-size:12px;color:#475467;margin:8px 0}.warn-text{color:#b54708}.notice.warn{background:#fffaeb;color:#93370d;margin-top:14px}
.tpl-tag{display:block;font-size:10px;color:var(--accent-dark);font-weight:600;margin-bottom:4px}.chat-head small.window-note{color:#b54708}
dialog form.tpl-form{width:min(480px,86vw);max-height:80vh;overflow:auto}.tpl-form label{display:block}.tpl-form input,.tpl-form select{display:block;width:100%;margin-top:4px;box-sizing:border-box}.tpl-form .var-row label{margin:0}
@media(max-width:700px){.bc-row,.var-row{grid-template-columns:1fr}.bc-toolbar{flex-direction:column;align-items:flex-start}}
.pipe-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.pipe-head .kb-tabs{margin:0}#pipeTools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#pipeTools button:not(.primary){border:1px solid #e2e7ee;background:white;border-radius:7px;padding:10px 14px;cursor:pointer;color:#344256;font:inherit}.board{display:grid;grid-template-columns:repeat(var(--cols,5),minmax(200px,1fr));gap:12px;align-items:start;overflow-x:auto;padding-bottom:8px}.stage.won h3{color:var(--accent-dark)}.stage.lost h3{color:#c0364b}.stage.over{outline:2px dashed var(--accent);outline-offset:-2px;background:var(--accent-soft)}.stage-sum{margin:-6px 0 8px;font-size:12px;color:#5d6b7e;font-weight:600}.stage .empty{font-size:11px;text-align:center;margin:24px 0}.card.deal{cursor:grab}.card.deal:focus-visible{outline:2px solid var(--accent)}.card.deal.dragging{opacity:.45}.card.deal.late{box-shadow:inset 3px 0 #e5484d,0 1px 2px #dbe0e7}.deal-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin:4px 0 8px}.deal-meta span{color:#8d9aae}.card.late .deal-meta span{color:#c0364b}.card em.owner{font-style:normal;font-size:10px;color:var(--accent-dark);background:var(--accent-soft);border-radius:10px;padding:2px 7px}.card em.owner.none{color:#b26b1f;background:#fff1e0}dialog form.deal-form{width:min(460px,calc(100vw - 32px))}.deal-form label{display:grid;gap:5px}.deal-form input,.deal-form select,.deal-form textarea{width:100%}.deal-form p{margin:0}.deal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}dialog form.stage-form{width:min(480px,calc(100vw - 32px))}.stage-form p{margin:0}.stage-row{display:grid;grid-template-columns:1fr 96px 32px 32px 32px;gap:6px;margin:6px 0}.stage-row button{border:1px solid #e2e7ee;background:white;border-radius:5px;cursor:pointer}.stage-row button:disabled{opacity:.35;cursor:default}.stage-form button.link{justify-self:start}.profile-deals{margin:14px 0}.pd-head{display:flex;justify-content:space-between;align-items:center}.pd-item{display:block;width:100%;text-align:left;border:1px solid #edf0f4;background:#fbfcfe;border-radius:7px;padding:8px 10px;margin-top:6px;cursor:pointer;font:inherit}.pd-item span{display:block;font-size:12px;color:#182230}.pd-item small{color:#8d9aae;font-size:11px}.pd-item.closed span{color:#8d9aae}@media(max-width:700px){.board{grid-template-columns:1fr}.board .stage{min-height:0}.board .stage .empty{margin:8px 0}.deal-grid{grid-template-columns:1fr}.stage-row{grid-template-columns:1fr 84px 30px 30px 30px}}
.task-panel{padding:6px 18px 14px}.task-note{padding:14px 0}.task-group{margin:18px 0 4px;font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:#5d6b7e}.task-group small{color:#8d9aae}.task-group.late{color:#c0364b}.task-row{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f4}.task-row input{width:18px;height:18px;accent-color:var(--accent)}.task-row small{display:block;color:#8d9aae;font-size:11px;margin-top:3px}.task-row small a{color:var(--accent-dark)}.task-row.late small{color:#c0364b}.task-row.done .task-title{text-decoration:line-through;color:#8d9aae}.task-title{border:0;background:none;padding:0;font:inherit;font-weight:600;color:#182230;cursor:pointer;text-align:left}.task-row em.owner{font-style:normal;font-size:10px;color:var(--accent-dark);background:var(--accent-soft);border-radius:10px;padding:2px 7px;white-space:nowrap}.task-row em.owner.none{color:#b26b1f;background:#fff1e0}.task-presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:-4px}.task-presets button{border:1px solid #e2e7ee;background:white;border-radius:14px;padding:4px 10px;font-size:11px;cursor:pointer;color:#344256}.pd-task{display:grid;grid-template-columns:20px 1fr;gap:6px;align-items:start;margin-top:6px}.pd-task input{margin-top:9px;accent-color:var(--accent)}.pd-task button{border:1px solid #edf0f4;background:#fbfcfe;border-radius:7px;padding:8px 10px;cursor:pointer;font:inherit;text-align:left}.pd-task span{display:block;font-size:12px;color:#182230}.pd-task small{color:#8d9aae;font-size:11px}.pd-task.late small{color:#c0364b}nav b:empty{display:none}
/* Laporan. Series colours: the first four slots of the dataviz reference palette (adjacent pairs pass the CVD checks); aqua and yellow are low contrast, so the daily chart has a table view and every bar a tooltip. */
.rp-panel{padding:22px;background:transparent;border:0}.rp-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}.rp-filters>button:not(.primary){border:1px solid #e2e7ee;background:white;border-radius:7px;padding:8px 12px;font:inherit;color:#65758b;cursor:pointer}.rp-filters>button.active{border-color:var(--accent);color:var(--accent-dark);font-weight:600}.rp-filters label{font-size:12px;color:#66778e;display:flex;gap:6px;align-items:center}.rp-filters .primary{padding:8px 14px}
.rp-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px}.rp-tile{background:white;border:1px solid #e7ebf1;border-radius:10px;padding:14px 16px}.rp-tile small{display:block;color:#8c99aa;font-size:10px;letter-spacing:.7px}.rp-tile strong{display:block;font-size:22px;margin:8px 0 4px;color:#182230}.rp-tile em{font-style:normal;font-size:11px;color:#75859a}
.rp-card{background:white;border:1px solid #e7ebf1;border-radius:10px;padding:18px;margin-bottom:14px}.rp-card h3{margin-bottom:10px}.rp-card h4{margin:16px 0 8px;font-size:13px}.rp-card .rp-tiles .rp-tile{background:#fbfcfe}
.rp-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:#52514e;margin-bottom:10px}.rp-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}.rp-legend b{color:#182230}
.rp-chart{display:flex;align-items:stretch;gap:2px;height:180px;border-bottom:1px solid #d9dee6;padding-top:6px}.rp-col{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;position:relative;cursor:default}.rp-col:hover{background:#f2f5f9}.rp-stack{display:flex;flex-direction:column-reverse;gap:2px;min-height:0;border-radius:4px 4px 0 0;overflow:hidden}.rp-stack i{display:block;min-height:2px}.rp-col span{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-size:10px;color:#8c99aa;white-space:nowrap}.rp-chart+*{margin-top:26px}.rp-card>.rp-chart:last-child{margin-bottom:22px}
.k-customer{background:#2a78d6}.k-staff{background:#eb6834}.k-bot{background:#1baf7a}.k-broadcast{background:#eda100}
.rp-table-view summary{cursor:pointer;color:var(--accent-dark);font-size:12px}.rp-scroll{overflow-x:auto}.rp-table{border-collapse:collapse;width:100%;font-size:12px;margin-top:8px}.rp-table th{text-align:left;color:#8c99aa;font-weight:600;font-size:11px;padding:8px 10px;border-bottom:1px solid #edf0f4;white-space:nowrap}.rp-table td{padding:9px 10px;border-bottom:1px solid #f1f3f7;color:#344054;white-space:nowrap}.rp-table td small{display:block;color:#8c99aa;font-size:10px}
.rp-stage{display:grid;grid-template-columns:150px 1fr 170px;gap:12px;align-items:center;padding:6px 0;font-size:12px}.rp-stage small{display:block;color:#8c99aa;font-size:10px}.rp-stage div{background:#f2f5f9;border-radius:4px;height:12px;overflow:hidden}.rp-stage div i{display:block;height:100%;border-radius:0 4px 4px 0;min-width:2px}.rp-stage b{text-align:right;font-weight:600;color:#344054}.k-open{background:#2a78d6}.k-won{background:#1baf7a}.k-lost{background:#8c99aa}.rp-notes{margin:4px 2px 0}
@media(max-width:700px){.rp-panel{padding:0}.rp-stage{grid-template-columns:1fr 1fr}.rp-stage div{grid-column:1/-1;grid-row:2}.rp-chart{height:140px}}
.reply-tabs .ai-assist{margin-left:auto;display:flex;gap:4px}
.reply-tabs .ai-assist[hidden]{display:none}
.reply-tabs .ai-assist button{color:#5b3cc4}
.reply-tabs .ai-assist button:disabled{opacity:.6;cursor:wait}
.ai-summary{margin:0 12px 8px;padding:10px 12px;border:1px solid #ddd3f7;background:#f7f4ff;border-radius:8px;font-size:13px;max-height:220px;overflow:auto}
.ai-summary[hidden]{display:none}
.ai-summary-head{display:flex;gap:8px;align-items:center;margin-bottom:6px;flex-wrap:wrap}
.ai-summary-head b{margin-right:auto}
.ai-summary-head button{font:inherit;font-size:12px;border:1px solid #ccc3ee;background:#fff;border-radius:6px;padding:3px 8px;cursor:pointer}
.ai-summary-head button.link{border:0;background:none}
.ai-summary-text{white-space:pre-wrap;color:#344054}
.reply-tabs{flex-wrap:wrap}
.reply-tabs button{white-space:nowrap}
.pd-pay{border:1px solid #edf0f4;background:#fbfcfe;border-radius:7px;padding:8px 10px;margin-top:6px}.pd-pay-top{display:flex;gap:8px;align-items:center}.pd-pay-top>span:first-child{font-size:12px;color:#182230;flex:1;min-width:0;overflow-wrap:anywhere}.pd-pay-top .pill{margin-left:0}.pd-pay small{display:block;color:#8d9aae;font-size:11px;margin-top:3px}.pd-pay small.warn-text{color:#b54708}.pd-acts{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px}.pd-acts .link{margin:0}
.pay-rows{display:grid;gap:10px}.pay-row{display:grid;grid-template-columns:minmax(120px,200px) 1fr;gap:12px;align-items:start;border-bottom:1px solid #f0f2f6;padding-bottom:10px}.pay-row>.link{margin-top:10px;text-align:left}.pay-row .pd-pay{margin-top:0}.pay-panel{padding:22px}.pay-panel .pipe-head h3{margin:0}.pay-settings{margin-top:16px}#payFilter{width:auto}.rc-head{margin-top:22px}.rc-table{width:100%;border-collapse:collapse;margin:8px 0}.rc-table th,.rc-table td{text-align:left;padding:4px 6px;border-bottom:1px solid #f0f2f6;font-size:13px;vertical-align:top}.rc-table th{width:35%;font-weight:600}.dn-payload{margin:8px 0}.dn-payload summary{cursor:pointer;font-size:13px}.dn-payload textarea{font-family:ui-monospace,Menlo,monospace;font-size:12px;word-break:break-all}.dn-preview{display:block;width:180px;max-width:100%;height:auto;margin:8px auto 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}
@media (max-width:700px){.pay-row{grid-template-columns:1fr;gap:4px}.pay-row>.link{margin-top:0}.pay-panel{padding:16px}}

.order-form{width:min(640px,calc(100vw - 32px))!important;max-height:88vh;overflow:auto}.ol-pick{display:flex;gap:8px;flex-wrap:wrap}.ol-pick select{flex:1;min-width:180px}.ol-pick button{border:1px solid #e2e7ee;background:white;border-radius:7px;padding:8px 12px;cursor:pointer;font:inherit;color:#344256}
.ol-head,.ol-row{display:grid;grid-template-columns:minmax(0,1fr) 70px 90px 86px 22px;gap:8px;align-items:start}.ol-head{font-size:11px;color:#8d9aae;text-transform:uppercase;letter-spacing:.3px}.ol-row{border-top:1px solid #f0f2f6;padding-top:8px}.ol-row>div{display:grid;gap:4px}.ol-row input{width:100%}.ol-desc{font-size:12px}.ol-line{text-align:right;padding-top:8px;font-size:12px;color:#344256}.ol-row .link{padding-top:8px;margin:0}
.ol-totals{display:grid;grid-template-columns:1fr auto;gap:4px 16px;justify-items:end;font-size:13px;color:#65758b}.ol-totals b{color:#182230}.ol-totals .ol-grand{font-size:15px;color:#182230}.ol-totals small{grid-column:1/-1}
.deal-form label.toggle{display:flex;align-items:center;gap:8px}.deal-form label.toggle input{width:auto;margin:0}.pd-acts a.link{color:var(--accent-dark);font-weight:600;text-decoration:none;font-size:12px}
.prod-rows{display:grid;gap:8px}.prod-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:12px;align-items:center;border-bottom:1px solid #f0f2f6;padding-bottom:8px}.prod-row small{color:#8d9aae}.prod-row .prod-desc{display:block;font-size:12px}.prod-row.off{opacity:.6}.prod-row .pd-acts{margin:0}
@media(max-width:700px){.ol-head{display:none}.ol-row{grid-template-columns:1fr 1fr 22px}.ol-row>div{grid-column:1/-1}.doc-row>input:first-child{grid-column:1/-1}.doc-row>input:nth-child(4){grid-column:1/3}.ol-line{grid-column:1/-1;padding-top:0;order:5}.prod-row{grid-template-columns:1fr auto}.prod-row .pd-acts{grid-column:1/-1}}

.ad-card{display:flex;flex-direction:column;gap:2px;border-left:3px solid #1877f2;background:rgba(24,119,242,.07);border-radius:6px;padding:6px 8px;margin-bottom:6px;font-size:12px}.ad-card small{color:#1877f2;font-weight:600}.ad-card span{color:#555}.ad-card a{color:#1877f2;font-weight:600}
.ad-source{font-size:12px;margin:8px 0;color:#344054}.ad-source a{color:#1877f2;text-decoration:none}

.link-card{display:flex;flex-direction:column;gap:2px;border-left:3px solid var(--accent-dark);background:rgba(21,155,118,.07);border-radius:6px;padding:6px 8px;margin-bottom:6px;font-size:12px}.link-card small{color:var(--accent-dark);font-weight:600}.link-card span{color:#555}
.growth-rows{display:grid;gap:12px;margin-top:12px}.growth-row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:start;border-bottom:1px solid #f0f2f6;padding-bottom:12px}
.growth-qr{padding:0;border:1px solid #e4e8ef;border-radius:8px;background:#fff;width:88px;height:88px;cursor:zoom-in}.growth-qr img{width:100%;height:100%;display:block}
.growth-main{display:grid;gap:6px;min-width:0}.growth-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.growth-url{display:flex;gap:6px}.growth-url input{flex:1;min-width:0;font-size:12px;color:#344256}.growth-row .pd-acts{margin:0}
.growth-preview{white-space:pre-wrap;background:#e7fbe9;border-radius:8px;padding:8px 10px;margin:4px 0 0;font:13px/1.45 inherit;font-family:inherit;color:#182230}
.qr-view{text-align:center}.qr-big{width:min(280px,70vw);height:auto;display:block;margin:4px auto 0}.qr-view .actions{flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;border:1px solid #d9dfe8;border-radius:8px;padding:8px 12px;color:#182230;text-decoration:none;font-size:13px;background:#fff}
.widget-form textarea{font:12px/1.4 ui-monospace,Menlo,monospace}.wg-stage{position:relative;height:150px;border:1px dashed #d9dfe8;border-radius:10px;background:repeating-linear-gradient(0deg,#fafbfc 0 18px,#f3f5f8 18px 19px);overflow:hidden}
.wg-float{position:absolute;bottom:12px;right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.wg-float.left{right:auto;left:12px;align-items:flex-start}
.wg-bubble{max-width:220px;background:#fff;color:#1f2937;padding:8px 10px;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.15);font-size:12px}.wg-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;justify-content:center;padding:0 14px;border-radius:22px;color:#fff;font-size:18px;box-shadow:0 4px 14px rgba(0,0,0,.2)}.wg-btn b{font-size:13px}
@media(max-width:700px){.growth-row{grid-template-columns:64px minmax(0,1fr);gap:10px}.growth-qr{width:64px;height:64px}}
.widget-form input[type=color]{height:42px;padding:3px 4px;cursor:pointer}
.msg-text{white-space:pre-wrap;overflow-wrap:anywhere}
.cost-rates{margin:14px 0 6px}.cost-rates summary{cursor:pointer;color:var(--accent-dark);font-size:13px;font-weight:600}.cost-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:12px 0}.cost-grid label{font-size:12px;color:#52514e}.cost-grid input{width:100%;box-sizing:border-box;margin-top:4px}.cost-acts{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
button.danger{background:#b42318;color:#fff;border:0;border-radius:7px;padding:8px 14px;cursor:pointer;font:inherit;font-size:13px;margin-top:8px}
.privacy input{display:block;width:100%;box-sizing:border-box;margin-top:8px}
.consent-log{list-style:none;padding:0;margin:0;max-height:220px;overflow:auto}.consent-log li{padding:6px 0;border-bottom:1px solid #eef1f5;font-size:13px;color:#182230}
.privacy hr{border:0;border-top:1px solid #eef1f5;margin:14px 0}.privacy button.ghost{padding:8px 14px;width:auto;height:auto}.privacy h4{margin:12px 0 4px}
.trial-banner{margin:0 0 14px;padding:10px 14px;border-radius:9px;background:#fff7e6;border:1px solid #f5d38a;color:#7a4b00;font-size:13px}.trial-banner.ended{background:#fdecea;border-color:#f3b4ae;color:#912018}.trial-banner button.link{margin:0 0 0 6px;font-size:13px}
.me-card .logout+.logout{margin-left:-4px}
.push-dialog{width:min(420px,92vw)}
.push-dialog>div{padding:20px 22px;display:grid;gap:12px}
.push-head{display:flex;align-items:center;justify-content:space-between}.push-head h3{margin:0}
.push-status{margin:0;line-height:1.5;color:#344256}
.push-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.push-prefs{border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;display:grid;gap:9px;margin:0}.push-prefs legend{font-size:12px;color:#65758b;padding:0 4px}
.push-prefs label{display:grid;gap:4px;font-size:13px;color:#344256}.push-prefs label.check{display:flex;align-items:center;gap:8px}
.push-dialog h4{margin:4px 0 0;font-size:13px}
.push-devices{list-style:none;margin:0;padding:0;display:grid;gap:6px}.push-devices li{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #edf1f6;border-radius:8px;padding:8px 10px;font-size:13px}.push-devices small{display:block;color:#7a8799;font-size:11px;margin-top:2px}
.push-note{font-size:12px;margin:0}
.push-actions .primary{flex:none}
.push-install{display:flex;align-items:center;gap:10px;background:#f0faf6;border:1px solid #c9ecdf;border-radius:8px;padding:10px 12px;font-size:13px;color:#24564a}.push-install .primary{flex:none}
.form-row{border-bottom:1px solid #f0f2f6;padding-bottom:12px}.form-row .pd-acts{margin:0}.form-errors{margin:2px 0 0;padding-left:18px;color:#c0364b;font-size:12px}
.form-builder{width:min(620px,calc(100vw - 32px))}.fm-set{border:1px solid #e4e8ef;border-radius:10px;padding:10px 12px;margin:0;display:grid;gap:10px;min-width:0}.fm-set legend{font-size:12px;font-weight:600;color:#475467;padding:0 4px}
.fm-field{border:1px solid #edf0f5;background:#fafbfd;border-radius:8px;padding:8px;display:grid;gap:6px}.fm-line{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.fm-line>b{font-size:12px;color:#667085;width:16px}
.deal-form .fm-line select,.deal-form .fm-line input{width:auto}.deal-form .fm-line .fm-type{flex:0 1 130px}.deal-form .fm-line .fm-label{flex:1 1 160px;min-width:0}.deal-form .fm-line .fm-save{flex:0 1 160px}.deal-form .fm-line .fm-fname{flex:1 1 160px;min-width:0}
.deal-form label.fm-req-l{display:flex;align-items:center;gap:4px;font-size:12px}.deal-form .fm-req{width:auto;margin:0}.fm-move{display:flex;gap:2px;margin-left:auto}.fm-move button{padding:3px 7px;font-size:12px}
.flow-card{min-width:200px}.flow-answers{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 10px;margin:2px 0 4px;font-size:13px}.flow-answers dt{color:#667085}.flow-answers dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.flow-cta{margin-top:8px;border-top:1px solid rgba(0,0,0,.08);padding-top:6px;text-align:center;color:#0b7a5c;font-weight:600;font-size:13px}
.fs-list{display:grid;gap:8px;max-height:50vh;overflow:auto}.deal-form label.fs-item{display:flex;gap:10px;align-items:flex-start;border:1px solid #e4e8ef;border-radius:8px;padding:8px 10px;cursor:pointer}.deal-form .fs-item input{width:auto;margin-top:3px}.fs-item span{display:grid;gap:2px;min-width:0}.fs-cta{font-size:12px;color:#0b7a5c;font-weight:600}
.form-answers{width:min(560px,calc(100vw - 32px))}.fa-item{border-bottom:1px solid #f0f2f6;padding:8px 0}.fa-head{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.fa-head .link{margin-left:auto}
@media(max-width:700px){.fm-move{margin-left:0}.deal-form .fm-line .fm-type,.deal-form .fm-line .fm-save{flex:1 1 120px}}

.dev-rows{display:grid;gap:12px;margin-top:12px}.dev-row{display:grid;gap:6px;border-bottom:1px solid #f0f2f6;padding-bottom:12px;min-width:0}.dev-row .pd-acts{margin:0}.dev-chips{display:flex;flex-wrap:wrap;gap:4px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.dev-url{overflow-wrap:anywhere;word-break:break-all}.dev-checks{border:1px solid #e4e8ef;border-radius:8px;padding:8px 12px;display:grid;gap:6px;margin:0}.dev-checks legend{font-size:12px;color:#475467;padding:0 4px}.dev-checks small{margin-left:auto}#hookLog{width:min(680px,94vw)}dialog form.dev-log{width:auto}.dev-delivery{border-bottom:1px solid #f0f2f6;padding:8px 0}.dev-delivery summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.dev-json{background:#f5f7fb;border-radius:7px;padding:10px;font-size:11px;max-height:260px;overflow:auto;white-space:pre-wrap;word-break:break-all}
@media(max-width:700px){.dev-checks small{display:none}}

/* Collision control: who else is in this chat */
.presence-bar{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.presence-bar[hidden]{display:none}
.presence-chip{font-size:11px;border-radius:10px;padding:2px 8px;background:#eef4ff;color:#2f5bd3}
.presence-chip.typing{background:#fff4e5;color:#b25e09}
.conversation em.viewing{float:right;font-style:normal;font-size:10px;color:#2f5bd3;margin-right:6px}
.conversation em.viewing:empty{display:none}
.followup-chip{margin-top:6px;font-size:12px;background:#f3f0ff;color:#5b3fc4;border-radius:8px;padding:4px 8px;display:inline-block}
.followup-chip .link{margin-left:6px}
.fu-step{border:1px solid #e3e8ef;border-radius:8px;padding:8px 10px;margin:8px 0}
.fu-step legend{font-size:12px;font-weight:600;padding:0 4px}
.follow-list li{grid-template-columns:160px 1fr auto}
.follow-list li small{display:block;margin-top:4px}
@media(max-width:700px){.follow-list li{grid-template-columns:1fr}}
.conversation em.sla-late{float:right;font-style:normal;font-size:10px;color:#fff;background:#d92d20;border-radius:10px;padding:2px 7px;margin-right:6px}
.next-line{margin-top:6px;font-size:12px;color:#344054}
.next-line.late{color:#b42318}
.next-line.none{color:#b26b1f}
.next-line .link{font-size:12px}
.deal small.lost-reason{display:block;color:#b42318;font-size:11px;margin-top:4px}
.lost-picks{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.lost-picks button{font-size:12px;border:1px solid #d0d5dd;background:#fff;border-radius:14px;padding:4px 10px;cursor:pointer}
.rp-leak{border-left:4px solid #d92d20}
.playbook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.playbook-card{display:flex;flex-direction:column;gap:4px;text-align:left;border:1px solid #e3e8ef;border-radius:10px;background:#fff;padding:12px;cursor:pointer}
.playbook-card:hover{border-color:var(--accent-dark)}
.playbook-card .pb-icon{font-size:22px}
.playbook-card small{color:#667085;font-size:12px}
.pb-list{padding-left:18px;margin:4px 0 8px;font-size:13px}
.pb-list li{margin:3px 0;white-space:pre-wrap}
/* Labels in dialogs are display:grid, which beats the hidden attribute (lost reason box). */
.deal-form [hidden]{display:none!important}
/* 2FA (Keselamatan) */
.tfa-qr{display:flex;justify-content:center;margin:8px 0}.tfa-qr svg{width:200px;height:200px;background:#fff;border-radius:8px;padding:6px}
.tfa-steps{margin:0 0 8px;padding-left:20px;font-size:13px;line-height:1.6}
.tfa-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;list-style:none;padding:12px;margin:8px 0;background:#f8fafc;border-radius:8px;font-size:15px}
.tfa-team .team-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.tfa-team .team-actions b,.tfa-team button.ghost{white-space:nowrap}.tfa-team .team-actions select{display:inline-block;width:auto;margin:0;padding:2px 6px;font-size:12px}.tfa-team button.ghost{height:26px}
.tfa-team{list-style:none;padding:0;margin:6px 0 0}.tfa-team li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #eef0f3;font-size:13px}.tfa-team li>span{min-width:0;overflow-wrap:anywhere}
.tfa-on{color:#05603a;font-size:12px}.tfa-off{color:#93370d;font-size:12px}
.tfa-policy{margin-top:14px}.tfa-policy label{display:flex;align-items:center;gap:8px;font-size:13px}.tfa-policy input[type=checkbox]{display:inline-block;width:auto;margin:0;flex:none}

/* Several WhatsApp numbers: the filter row shrinks with a third select; a number row is name + tags, details, then its buttons. */
.list-filters{min-width:0}
.wa-number{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.wa-number small,.wa-number .actions{flex-basis:100%}
.wa-number .actions{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0}
/* Online shops */
.shop-howto{font-size:13px;color:#475467}.shop-howto summary{cursor:pointer;color:#1f6feb;width:max-content}.shop-howto ol{margin:6px 0 0;padding-left:20px;display:grid;gap:4px}.shop-steps label{margin:4px 0}.shop-steps .var-row{margin-left:12px}#shopFilters{display:flex;gap:8px;flex-wrap:wrap}#shopFilters select{width:auto}

/* White-label: logo in the sidebar / login card, agency panel (lib/agency.js) */
.brand-logo{display:block;max-height:34px;max-width:180px;object-fit:contain}.login-card .brand-logo{max-height:48px;margin:0 auto}
.trial-banner.agency{background:#eef4ff;border-color:#b6c9f5;color:#1d3a7a}
.ag-tabs{margin:0 0 14px}.ag-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ag-form input{flex:1 1 200px;min-width:0}.ag-form select{flex:0 1 auto}
.ag-row{display:grid;gap:6px}.ag-row p{margin:0}.ag-row[hidden]{display:none}.ag-summary{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.ag-stats{display:flex;flex-wrap:wrap;gap:6px 14px}.ag-stats span{white-space:nowrap}.ag-summary input{flex:0 1 220px;min-width:0}.ag-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ag-color{display:flex;gap:8px;align-items:center;margin-top:6px}.narrow .ag-color input[type=color]{width:44px;height:34px;padding:2px;margin:0;flex:none}.narrow .ag-color input[name=color]{margin:0}
.ag-image{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 4px}.ag-image img{max-height:48px;max-width:160px;object-fit:contain;background:#101827;border-radius:6px;padding:6px}
.ag-file{display:inline-block;border:1px solid #d0d7e2;border-radius:7px;padding:6px 12px;cursor:pointer;font-size:13px;background:#fff}
.ag-preview{display:flex;height:140px;border:1px solid #e7ebf1;border-radius:10px;overflow:hidden;margin:8px 0}.ag-pv-side{width:38%;background:#101827;padding:12px 10px;display:flex;flex-direction:column;gap:8px}.ag-pv-side b{color:#fff;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ag-pv-side img{max-height:24px;max-width:100%;object-fit:contain;align-self:flex-start}.ag-pv-side i{display:block;height:8px;border-radius:4px;background:#26324a}.ag-pv-side i:first-of-type{background:var(--pv)}
.ag-pv-main{flex:1;padding:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;background:#f5f7fb}.ag-pv-main span{font-weight:600;font-size:13px}.ag-pv-main em{font-style:normal;background:var(--pv);color:var(--pv-ink,#fff);border-radius:6px;padding:4px 8px;font-size:11px;white-space:nowrap}
.ag-dns{width:100%;border-collapse:collapse;font-size:12px}.ag-dns th,.ag-dns td{text-align:left;padding:6px 8px;border-bottom:1px solid #eef0f3;word-break:break-all;vertical-align:top}.ag-dns th{color:#65758b;font-weight:600}
.table-wrap{overflow-x:auto}
.ag-dns th:first-child,.ag-dns td:first-child{white-space:nowrap;word-break:normal;width:1%}
.narrow input[type=color]{width:64px;height:38px;padding:3px;cursor:pointer}
/* Bookings (Tempahan) */
.bk-row{grid-template-columns:56px 1fr auto}
.bk-time{font-size:14px;color:var(--accent-dark);line-height:1.2}
.bk-time small{display:block;font-weight:400;margin-top:2px}
.bk-svc{display:grid;grid-template-columns:1fr 80px auto auto;gap:8px;align-items:center;margin-bottom:8px}
.narrow .bk-svc input{display:inline-block;margin:0}
.bk-svc-res{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:#344256;margin:-2px 0 4px}
.narrow .bk-svc-res input{display:inline-block;width:auto;margin:0 4px 0 0}
.bk-res{border:1px solid #eef1f5;border-radius:10px;padding:8px 10px;margin-bottom:8px}
.bk-res-row{display:grid;grid-template-columns:1fr 100px auto;gap:8px;align-items:center}
.narrow .bk-res-row input,.narrow .bk-res-row select{display:inline-block;margin:0;min-width:0}
.bk-res .toggle{margin:6px 0 0}
.bk-res-hours{margin-top:6px}
.bk-day{display:grid!important;grid-template-columns:80px 1fr;gap:8px;align-items:center}
.bk-special{display:grid;grid-template-columns:130px 130px 1fr 130px auto;gap:6px;align-items:center;margin-bottom:8px}
#fhSpecial .bk-special{grid-template-columns:130px 130px 1fr 110px 160px auto}
.narrow .bk-special input{display:inline-block;margin:0;min-width:0}
.bk-special.past{opacity:.55}
@media(max-width:700px){.bk-special,#fhSpecial .bk-special{grid-template-columns:1fr 1fr;border-bottom:1px solid #eef1f5;padding-bottom:8px}.bk-special .bks-label,.bk-special .fhs-label{grid-column:1/-1}}
.bk-slot-list{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}
.bk-slot-list button{border:1px solid #e2e7ee;background:white;border-radius:14px;padding:5px 11px;font-size:12px;cursor:pointer;color:#344256}
.bk-slot-list button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}
.bk-slot-list button.asked{box-shadow:0 0 0 2px var(--accent-soft);font-weight:600}
.bk-slot-list button.late{border-style:dashed}
.bk-slot-list button.full{background:#f3f5f8;color:#9aa5b4;text-decoration:line-through;cursor:not-allowed}
.bk-slot-list button small{color:#7a8797;margin-left:2px}
.reply-tabs .slot-tool{margin-left:auto;display:flex}
.reply-tabs .slot-tool[hidden]{display:none}
.reply-tabs .slot-tool:not([hidden])+.ai-assist{margin-left:4px}
.bk-actions{flex-wrap:wrap}
.bk-add{border:1px solid #e2e7ee;background:white;border-radius:14px;padding:6px 12px;font:inherit;font-size:12px;cursor:pointer;color:#344256}
.einv-line{display:block;margin-top:3px;line-height:1.6}.einv-line .pill{font-size:11px}
.einv-hint{display:block;font-weight:400;margin-top:2px}.einv-acts{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 12px}.einv-acts .link{white-space:nowrap}.einv-line a{color:var(--accent-dark)}

.qthumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.qthumb{position:relative;display:inline-block}
.qthumb img,.qthumb-img{width:54px;height:54px;object-fit:cover;border-radius:6px;border:1px solid #d5dbe3;background:#fff}
.qthumb button{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:0;background:#b42318;color:#fff;font-size:10px;line-height:18px;padding:0;cursor:pointer}
.attach-chip .qthumbs{flex:1}
#quickImgs{margin:6px 0}
.auth-or{display:flex;align-items:center;gap:10px;margin:12px 0 8px;color:#98a2b3;font-size:12px}.auth-or::before,.auth-or::after{content:'';flex:1;border-top:1px solid #e4e7ec}
.passkey-btn{width:100%;padding:11px;border:1px solid #d0d5dd;background:white;border-radius:8px;cursor:pointer;font:inherit;font-weight:600;color:#182230}.passkey-btn:hover{border-color:var(--accent)}.passkey-btn:disabled{opacity:.6;cursor:wait}
.pk-list{list-style:none;padding:0;margin:8px 0 12px}.pk-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #eef0f3}.pk-list li>div{min-width:0}.pk-list b{display:block;font-size:14px;overflow-wrap:anywhere}.pk-list small{display:block;font-size:12px;overflow-wrap:anywhere}.pk-list .actions{flex:none;margin:0}.pk-list .ghost{padding:7px 12px}
@media (max-width:600px){.pk-list li{flex-direction:column;align-items:flex-start}}
#pkPanel+#tfaPanel{margin-top:14px}
.sso-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:8px;padding:11px;border:1px solid #d0d5dd;background:white;border-radius:8px;color:#182230;font-weight:600;text-decoration:none}.sso-btn:hover{border-color:var(--accent)}
.sso-g{color:#4285f4;font-size:15px}.sso-m{color:#0078d4;font-size:15px}
#ssoPanel{margin-top:14px}#ssoCompany select{display:inline-block;width:auto;margin:0 4px;padding:4px 6px}
/* Fasa B: order quota by pickup/delivery date (Invois > Kuota harian, order dialog, inbox Semak kuota) */
.fulfil-box{border:1px solid #e2e7ee;border-radius:8px;padding:8px 12px 10px;margin:10px 0}.fulfil-box legend{font-size:12px;color:#5b6b80;padding:0 4px}.fulfil-box [hidden]{display:none!important}
.order-quota:empty{display:none}.order-quota .notice{margin:6px 0}.order-quota small{display:block;margin-top:4px}
.quota-head{display:flex;gap:6px;align-items:flex-end;flex-wrap:wrap}.quota-head label{flex:1;min-width:160px;margin:0}.quota-head label input{margin-bottom:0}.quota-head button{border:1px solid #e2e7ee;background:white;border-radius:6px;padding:7px 12px;cursor:pointer}
.quota-list{list-style:none;margin:6px 0;padding:0;display:grid;gap:4px}.quota-list li{display:flex;gap:8px;align-items:baseline;border:1px solid #edf0f4;border-radius:6px;padding:5px 9px;background:#fbfcfe;font-size:13px}.quota-list li span{flex:1;min-width:0;overflow-wrap:anywhere}.quota-list li small{color:#8d9aae;font-size:11px}.quota-list li.full{border-color:#fecdca;background:#fef3f2}.quota-list li.full b{color:#b42318}
/* Pautan order & caj (Invois tab), postcode in the order dialog */
.zone-row{display:grid;grid-template-columns:1.1fr 1.6fr .7fr 28px;gap:6px;margin:6px 0}.zone-row input{margin:0}
.postcode-row{display:flex;gap:6px;margin-top:6px}.postcode-row input{max-width:130px}.postcode-row button{border:1px solid #e2e7ee;background:white;border-radius:6px;padding:6px 10px;cursor:pointer}
.src-link{font-size:11px;color:var(--accent-dark);font-weight:600}
#toolsPanel hr{border:0;border-top:1px solid #edf0f4;margin:22px 0}
.zone-add{border:1px solid #e2e7ee;background:white;border-radius:6px;padding:6px 12px;cursor:pointer;font:inherit;font-size:13px}
@media(max-width:700px){.zone-row{grid-template-columns:1fr 90px 28px;padding-bottom:8px;border-bottom:1px solid #edf0f4}.zone-row .zName{grid-column:1;grid-row:1}.zone-row .zFee{grid-column:2;grid-row:1}.zone-row button{grid-column:3;grid-row:1}.zone-row .zCodes{grid-column:1/-1;grid-row:2}}
/* Order flow, more (068): opening hours editor, limits per mode, thank-you sticker. */
.fh-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0}.fh-grid fieldset,.mode-limit{border:1px solid #e2e7ee;border-radius:8px;padding:8px 12px 10px;margin:8px 0;min-width:0}.fh-grid legend,.mode-limit legend{font-size:12px;color:#5b6b80;padding:0 4px}
.fh-week{display:grid;gap:4px}.fh-week label{display:grid!important;grid-template-columns:70px 1fr;gap:8px;align-items:center;margin:0;font-size:13px}.narrow .fh-week input{display:inline-block;margin:0;min-width:0}
.bk-special .fhs-label{min-width:0}
@media(max-width:700px){.fh-grid{grid-template-columns:1fr}.bk-special .fhs-label{grid-column:1/-1}}
.hours-line{display:block;margin-top:4px}
.sticker-box{margin:8px 0}.sticker-row{display:flex;gap:10px;align-items:center;margin:6px 0}.sticker-row img{width:96px;height:96px;object-fit:contain;border:1px solid #edf0f4;border-radius:8px;background:#fbfcfe}
.file-pick{display:block;margin-top:6px;font-size:13px}

.bc-pick-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.bc-pick-tools input{flex:1;min-width:180px}.bc-pick{max-height:320px;overflow:auto;border:1px solid #edf0f4;border-radius:9px}.narrow label.bc-pick-row{display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;align-items:center;margin:0;padding:8px 12px;border-bottom:1px solid #f2f4f7;font-weight:400;cursor:pointer}.narrow .bc-pick-row input{display:inline-block;width:auto;margin:0;grid-row:span 2}.bc-pick-row span{font-size:12px;color:#5d6b82}.bc-pick-row small{grid-column:3;grid-row:1/span 2;color:#8d9aae;font-size:11px;text-align:right;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bc-pick-row.off{opacity:.55;cursor:default}
.growth-main small.growth-clicks{display:block;margin-top:3px;color:#475467}
.ops-list{margin:6px 0 0;padding-left:18px}.ops-list li{margin:3px 0}.ops-bad{color:#b42318}
.ag-report td small{display:block}.ag-total td{font-weight:600;border-top:2px solid #e7ebf1}.ag-report .link{padding:0;font:inherit;text-align:left;color:var(--accent-dark);font-weight:600}.ag-csv{align-self:center;color:var(--accent-dark);font-size:12px;font-weight:600}
.merge-prev{display:block;margin-top:4px;color:#b54708;font-size:11px}.merge-pick{display:flex;gap:8px;align-items:baseline;padding:8px 0;border-bottom:1px solid #f0f2f6;font-size:13px;cursor:pointer}.merge #mergeSearch{width:100%;margin:10px 0 4px}
dialog form.merge{width:min(460px,calc(100vw - 32px))}.merge .merge-pick input{display:inline;width:auto;margin:0;flex:none}.merge-hint:empty{display:none}
.merge #mergeGo:disabled{opacity:.45;cursor:not-allowed}

.ops-apps .pd-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ops-app{border-top:1px solid #eef1f5;padding:10px 0}
.ops-app-act{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.ops-app-act input[type=number]{width:80px;display:inline-block}
.ops-app-act label{display:inline-flex;align-items:center;gap:4px;margin-right:8px}
.ops-app-act .actions{margin:0}

/* Quick Setup wizard and checklist */
.setup-dialog .setup-form{width:min(720px,calc(100vw - 32px));max-height:86vh;overflow:auto}
.setup-steps{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 4px}
.setup-steps li{font-size:12px;padding:4px 10px;border-radius:12px;background:#eef2f7;color:#667085}
.setup-steps li.on{background:var(--accent-soft);color:var(--accent-dark);font-weight:600}
.setup-steps li.past{color:#182230}
.playbook-card.sel{border-color:var(--accent-dark);box-shadow:inset 0 0 0 1px var(--accent-dark)}
.sw-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.sw-row.sw-svc{grid-template-columns:1fr 90px auto;align-items:center;margin-bottom:6px}
.sw-days{display:flex;flex-wrap:wrap;gap:6px 14px}
.sw-fs{border:0;padding:0;margin:0;display:grid;gap:6px}
.sw-fs legend,.sw-label{font-size:12px;color:#65758b;margin:0 0 4px}
.setup-form details{border:1px solid #e3e8ef;border-radius:8px;padding:8px 10px}
.setup-form details>label,.setup-form details>.sw-row,.setup-form details>div,.setup-form details>button{margin-top:8px}
.setup-form summary{cursor:pointer;font-weight:600;font-size:13px}
.setup-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.setup-list li{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border:1px solid #e3e8ef;border-radius:8px}
.setup-list li>div{flex:1;display:grid;gap:2px}
.setup-list li.done{opacity:.65}
.setup-mark{width:20px;text-align:center;font-weight:700;color:var(--accent-dark)}
#opsBody .rp-card>.pd-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
#opsBody .rp-card>.pd-head input[type=search]{max-width:320px;margin:0}
.ops-co td small{display:block;color:#8c99aa}
.ops-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ops-filters select{margin:0;width:auto;min-width:150px}#opsBody .ops-filters input[type=search]{max-width:280px;margin:0}
button.rp-tile.ops-tile{font:inherit;text-align:left;cursor:pointer;width:100%;color:inherit}button.rp-tile.ops-tile:hover{border-color:#c9d3df}button.rp-tile.ops-tile.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.ops-plan-count{margin:-4px 0 14px}
button.link.ops-co-name{font-weight:700;color:#182230;padding:0;text-align:left}button.link.ops-co-name:hover{color:var(--accent-dark);text-decoration:underline}
.ops-ag-edit td{background:#fbfcfe}.ops-ag-edit input:not([type]){width:220px;display:inline-block;margin:0}
dialog#opsCoDialog{width:min(760px,94vw)}dialog#opsCoDialog form.deal-form.ops-detail{width:100%;box-sizing:border-box}.ops-detail h4{margin:16px 0 6px;font-size:13px}.ops-detail .rp-tiles{margin-top:12px}
.ops-co select{margin:0;min-width:130px}
.ops-co-act{white-space:nowrap}.ops-co-act button{margin:2px 4px 2px 0}
.ops-co-act button,#opsUsList .actions button{height:32px;padding:0 12px;font-size:12px;line-height:1}
#opsUsList .actions{align-items:center}#opsUsList .actions button{margin-top:0;margin-bottom:0}
/* Phone layout of Team inbox (mobileChat() in index.html): the list scrolls with the page, a chosen chat covers the screen, Profil opens on top of it */
.m-chatbar,.m-back{display:none}
.table .row>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){
.workspace{grid-template-columns:minmax(0,1fr)}.workspace>.list{max-height:none;overflow:visible;min-width:0}#conversations{overflow:visible}
.conversation{padding:14px 14px 14px 13px}
body[data-view=inbox]:not(.mchat) .workspace>.chat,body[data-view=inbox]:not(.mprofile) .workspace>.profile{display:none}
body.mchat[data-view=inbox]{overflow:hidden}
body.mchat[data-view=inbox] .workspace>.chat{position:fixed;inset:0;z-index:30;height:auto;min-height:0;border:0;border-radius:0;box-shadow:none}
body.mchat[data-view=inbox] .messages{padding:14px;overscroll-behavior:contain}
body.mchat[data-view=inbox] .chat-head{padding:10px 14px;max-height:28vh;overflow-y:auto;overscroll-behavior:contain}
.m-chatbar{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;padding-top:max(8px,env(safe-area-inset-top));border-bottom:1px solid #edf0f4;background:#fff}
.m-chatbar button,.m-back{border:1px solid #e2e7ee;background:#fff;border-radius:8px;min-height:40px;padding:0 14px;font:inherit;font-size:14px;font-weight:600;color:#182230;cursor:pointer}
.mchat .chat form{padding-bottom:max(12px,env(safe-area-inset-bottom))}
body.mprofile[data-view=inbox] .workspace>.profile{display:block;position:fixed;inset:0;z-index:31;overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:0;padding:12px 16px max(20px,env(safe-area-inset-bottom))}
.m-back{display:block;position:sticky;top:0;z-index:1;margin:0 0 14px;box-shadow:0 6px 10px -6px #10182722}
.audit-table .row>span:last-child{grid-column:1/-1;font-size:12px;color:#65758b}
}