/* ============================================================
   FINANCE MARKET — new theme (source: newcrm.html design)
   Generic collisions (.btn/.card/.row) renamed to .fmbtn/.fmcard/.fmrow
   so they never clash with Bootstrap. Bridge sections appended below.
   ============================================================ */
:root{--d:#3c4043;--ink:#3c4043;--o:#FF6B35;--o2:#E24A16;--p:#FFEDE4;--bg:#F6F8FA;--line:#E4E7EB;--mut:#5f6368;--ok:#0E8F6E;--okbg:#e2f5ee;--wa:#0E8F6E;--em:#4338ca;--card:#FFFFFF;--shadow:0 1px 2px rgba(60,64,67,.05),0 8px 22px -16px rgba(60,64,67,.2)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;background:#F6F8FA;color:#3c4043;line-height:1.55;-webkit-font-smoothing:antialiased}

header{position:sticky;top:0;z-index:30;box-shadow:0 2px 12px -6px rgba(27,26,23,.2)}
.topbar{background:#fff;color:#3c4043;padding:11px 22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.brand{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;letter-spacing:-.3px;color:#3c4043}
.menubar{background:#fff;border-bottom:1px solid var(--line);padding:0 10px;display:flex;gap:0;flex-wrap:wrap;justify-content:flex-start}
.mtab{display:flex;align-items:center;gap:6px;padding:12px 13px;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:#6a7178;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;transition:color .15s,border-color .15s;flex:0 1 auto}
.mtab svg{width:16px;height:16px;flex:0 0 auto}
.mtab:hover{color:#5E7CA6}
.mtab.on{color:#5E7CA6;border-bottom-color:#7E97B9}
@media(max-width:1080px){.mtab{padding:12px 11px;font-size:12.5px}}
@media(max-width:900px){.mtab span{display:none}.mtab{padding:12px 14px}.mtab svg{width:19px;height:19px}}
.tbtn{padding:8px 15px;border:0;border-radius:9px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;background:linear-gradient(180deg,#FF7A45,#E24A16);color:#fff;white-space:nowrap}
.tbtn:hover{filter:brightness(1.04)}
.tbtn.ghost{background:#fff;color:#5f6368;border:1px solid var(--line)}
.tbtn.ghost:hover{background:#f4f5f7}
.soon{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:56px 30px;text-align:center;max-width:560px;margin:26px auto}
.soonic{font-size:46px;margin-bottom:10px}
.soon h2{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:600;letter-spacing:-.5px;margin-bottom:8px}
.soon p{color:var(--mut);font-size:14.5px;line-height:1.6;max-width:400px;margin:0 auto}
.lh.nolink{cursor:default}
.backbtn{position:sticky;top:8px;z-index:20;display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:11px 20px;border:0;background:linear-gradient(180deg,#FF7A45,#E24A16);border-radius:11px;font:inherit;font-size:14.5px;font-weight:800;color:#fff;cursor:pointer;box-shadow:0 6px 16px -4px rgba(226,74,22,.5);transition:all .15s}
.backbtn:hover{filter:brightness(1.05);box-shadow:0 8px 20px -4px rgba(226,74,22,.6)}
.backbtn:active{transform:translateY(1px)}
/* Attendance */
.attmonth{padding:8px 11px;border:1px solid #d6dce4;border-radius:9px;font:inherit;font-size:13px;background:#fff}
.attnav{width:34px;height:34px;border:1px solid #d6dce4;border-radius:9px;background:#fff;color:#5E7CA6;font-size:12px;cursor:pointer;font-weight:800}
.attnav:hover{border-color:#bcd0ee;background:#F3F7FC}
.attwrap{padding:0}
.attmsg{padding:34px 26px;color:#5b6472;font-size:14px;line-height:1.7;max-width:720px}
.attmsg code{background:#F1F0EC;border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:12.5px}
.atttitle{background:#2BB6A3;color:#fff;font-weight:800;font-size:13.5px;text-align:center;padding:10px;letter-spacing:.3px}
.atttbl{width:100%;border-collapse:collapse;font-size:12px}
.atttbl th{background:#2BB6A3;color:#fff;font-weight:700;font-size:11px;padding:8px 7px;border:1px solid #26a595;white-space:nowrap;position:sticky;top:0}
.atttbl td{padding:7px 7px;border:1px solid #eef0ee;text-align:center;white-space:nowrap;color:#41474e}
.atttbl .att-d{background:#FFF6E9;color:#b06a1a;font-weight:700;text-align:left}
.atttbl .att-day{color:#3f6bbf;font-weight:600;text-align:left}
.att-ok{color:#1f9d55}
.att-late{color:#e23b2e}
.att-l{color:#8a857a;font-style:italic}
.att-h{color:#c2410c;font-weight:700}
.att-e{color:#c8ccd2}
.att-holrow td{background:#FBE0DE!important}
.att-holrow .att-d{background:#F7CFCB!important}
.lg{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;letter-spacing:-.4px;display:flex;align-items:center;gap:10px}.lg .o{color:var(--o)}
.lg::before{content:'FM';font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;color:#fff;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(140deg,#FF7A45,#E24A16);box-shadow:0 8px 16px -6px rgba(226,74,22,.55),inset 0 1px 0 rgba(255,255,255,.4);flex:0 0 auto}
.tg{font-size:9.5px;color:var(--mut);letter-spacing:1.4px;font-weight:700;text-transform:uppercase}
.sp{flex:1}
.tabs{display:flex;background:#EDEAE2;border:1px solid var(--line);border-radius:11px;padding:3px;gap:2px}
.tab{padding:8px 18px;border:0;background:none;border-radius:8px;font:inherit;font-size:14px;font-weight:700;color:var(--mut);cursor:pointer}
.tab.on{background:#fff;color:var(--d);box-shadow:0 1px 2px rgba(27,26,23,.1)}
.srch{padding:9px 13px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:14px;width:210px;background:#F1F3F4;color:#3c4043}
.srch::placeholder{color:#8a93a3}
.srch:focus{outline:none;border-color:var(--o)}
.fmbtn{padding:11px 18px;border:0;border-radius:11px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;background:#E24A16;color:#fff;box-shadow:0 8px 16px -8px rgba(226,74,22,.6);transition:transform .15s,box-shadow .15s,filter .15s}
.fmbtn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(255,107,53,.32)}
.fmbtn:active{transform:translateY(0)}
.fmbtn.g:hover{background:#fff;box-shadow:0 6px 16px rgba(15,23,42,.08)}
.fmbtn.g{background:#fff;color:var(--d);border:1px solid var(--line);box-shadow:none}
.who{font-size:12px;font-weight:700;color:#5f6368;background:#F1F3F4;padding:8px 13px;border-radius:20px;white-space:nowrap;border:1px solid var(--line)}
.sync{font-size:11px;font-weight:700;color:var(--mut);white-space:nowrap}
.sync.on{color:var(--ok)}
.fmbtn:hover{filter:brightness(1.06)}

main{max-width:1140px;margin:0 auto;padding:20px;transition:max-width .1s}
main.wide{max-width:none;padding:16px 18px}
#vA.on{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;max-width:100vw;padding:0 22px 22px}
.view{display:none}.view.on{display:block}
#vL.asmodal{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:150;background:rgba(20,24,33,.55);padding:18px;overflow:auto;max-width:none!important;margin:0}
#vL.asmodal .jwrap{background:#F6F8FA;border:1px solid var(--line);border-radius:16px;width:min(880px,96vw);max-width:96vw;height:auto;max-height:82vh;min-width:340px;min-height:220px;margin:0;padding:12px 12px 16px;box-shadow:0 30px 90px -20px rgba(0,0,0,.55);overflow:auto;resize:both}
#vL.asmodal .backbtn{margin-bottom:10px;padding:8px 14px;font-size:13px}
/* compact journey inside the popup window */
#vL.asmodal .lead{padding:10px}
#vL.asmodal .nm{font-size:16px}
#vL.asmodal .step{padding:9px 14px 9px 12px;gap:8px;border-left-width:4px;border-radius:9px}
#vL.asmodal .step .nm,#vL.asmodal .step b{font-size:13px}
#vL.asmodal .body{gap:7px}
.jwrap::-webkit-scrollbar{width:12px;height:12px}
.jwrap::-webkit-scrollbar-thumb{background:#c4cad2;border-radius:8px;border:3px solid #F6F8FA}
.jwrap::-webkit-scrollbar-track{background:#EEF0F3}
body.jm-open{overflow:hidden}

/* ---------- DASHBOARD ---------- */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:12px;margin-bottom:18px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:17px 18px;box-shadow:0 1px 2px rgba(27,26,23,.04),0 14px 30px -20px rgba(27,26,23,.28);transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;display:flex;align-items:center;gap:14px}
.kpi::before{content:'';position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--kc,#8a857a) 16%,transparent),transparent 70%);pointer-events:none}
.kpi:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(27,26,23,.05),0 26px 44px -22px color-mix(in srgb,var(--kc,#8a857a) 55%,transparent)}
.kic{width:46px;height:46px;flex:0 0 auto;border-radius:14px;display:grid;place-items:center;background:linear-gradient(140deg,color-mix(in srgb,var(--kc) 78%,#fff),var(--kc));box-shadow:0 8px 16px -6px color-mix(in srgb,var(--kc) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.35);position:relative;z-index:1}
.kic svg{width:23px;height:23px}
.kbody{min-width:0;position:relative;z-index:1}
.kpi b{display:block;font-family:'Space Grotesk',sans-serif;font-size:28px;font-weight:600;line-height:1;letter-spacing:-1.2px;font-variant-numeric:tabular-nums;color:#1b1a17}
.kpi span{font-size:9.5px;color:var(--mut);text-transform:uppercase;letter-spacing:1px;font-weight:800;margin-top:6px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi.o{--kc:#F26419} .kpi.o b{color:#E24A16}
.kpi.b{--kc:#3B82F6}
.kpi.i{--kc:#8B5CF6}
.kpi.g{--kc:#0E9F76} .kpi.g b{color:#0b7d5e}
.kpi.t{--kc:#14B8A6} .kpi.t b{color:#0f8b7f}
.kpi.r{--kc:#F0654B} .kpi.r b{color:#c2410c}

.dgrid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;margin-bottom:14px}
@media(max-width:860px){.dgrid{grid-template-columns:1fr}}
.fmcard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}
.fmcard h3{font-family:'Space Grotesk',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--mut);margin-bottom:14px;font-weight:600}

.fun{display:flex;flex-direction:column;gap:5px}
.fr{display:flex;align-items:center;gap:9px;font-size:13px}
.fr .fn{width:150px;flex:0 0 auto;color:var(--mut);font-size:12px}
.fr .fb{flex:1;height:20px;background:#f1f5f9;border-radius:5px;overflow:hidden}
.fr .fb i{display:block;height:100%;background:var(--o);border-radius:5px}
.fr .fc{width:26px;text-align:right;font-weight:800;font-size:13px}

.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--mut);padding:8px 9px;border-bottom:1.5px solid var(--line)}
.tbl td{padding:9px;border-bottom:1px solid #f4f1ef}
.tbl tr:last-child td{border-bottom:0}
.tbl tr:hover td{background:#fafafa;cursor:pointer}
.tbl .amt{text-align:right;font-weight:700;white-space:nowrap}
.tny{font-size:11.5px;color:#98a0ac}

.todo{display:flex;flex-direction:column;gap:8px}
.td{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:13px}
.td:hover{background:var(--p);border-color:var(--o)}
.td .tn{flex:1}
.td b{display:block;font-size:14px}
.td .ts{font-size:11px;color:var(--mut)}
.td .tb{font-size:10px;font-weight:800;padding:4px 9px;border-radius:20px;background:var(--p);color:var(--o);white-space:nowrap}
.td .tb.red{background:#fef2f2;color:#dc2626}

/* ---------- LEAD LIST ---------- */
.lead{background:var(--card);border:1px solid var(--line);border-radius:16px;margin-bottom:12px;box-shadow:var(--shadow);transition:box-shadow .2s,transform .2s,border-color .2s}
.lead:hover{box-shadow:0 2px 4px rgba(15,27,45,.05),0 20px 40px -20px rgba(226,74,22,.28);border-color:#f3d9cb}
.lh{padding:15px 18px;display:flex;align-items:center;gap:12px;cursor:pointer;flex-wrap:wrap;position:relative}
.lh::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#FF7A45,#E24A16);opacity:0;transition:opacity .2s}
.lead:hover .lh::before{opacity:1}
.lead:has(.body) .lh::before{opacity:1}
.lh:hover{background:#fff7f3}
.nm{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:16px;letter-spacing:-.4px}
.mt{font-size:12px;color:var(--mut)}
.pill{font-size:11px;font-weight:700;padding:5px 12px;border-radius:20px;background:var(--p);color:var(--o2);white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(226,74,22,.12)}
.pill.ref{background:#eef2ff;color:var(--em)}
.pill.hold{background:#fef2f2;color:#dc2626}
.pill.done{background:var(--okbg);color:#0b6e56}
.pill.asg{background:var(--okbg);color:#0b6e56}

.body{padding:16px;border-top:1px solid var(--line);position:relative;display:flex;flex-direction:column;gap:11px;background:#FBFAF6}

.step{display:flex;align-items:center;gap:12px;padding:13px 48px 13px 16px;border-radius:12px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--sc,#8B5CF6);box-shadow:0 2px 8px rgba(27,26,23,.04);flex-wrap:wrap;position:relative;transition:box-shadow .2s,transform .2s}
.step:hover{box-shadow:0 8px 20px -8px rgba(27,26,23,.16)}
.step.open{background:linear-gradient(180deg,#FFFBF3,#FEF9EC)}
.step.next{box-shadow:0 0 0 2px rgba(226,74,22,.12),0 6px 16px -8px rgba(226,74,22,.3)}
.step .sinfo{cursor:pointer}
.caret{display:none}
/* rotating left-border colours (FAQ style) */
.step.c1{--sc:#8B5CF6}.step.c2{--sc:#3B82F6}.step.c3{--sc:#10B981}.step.c4{--sc:#F59E0B}.step.c5{--sc:#EF4444}.step.c6{--sc:#EC4899}
.step.done{--sc:#0E8F6E}
.step.next{--sc:#E24A16}
.sxp{position:absolute;right:14px;top:15px;width:26px;height:26px;border:0;background:transparent;color:var(--sc,#8B5CF6);font-size:22px;font-weight:400;line-height:1;cursor:pointer;display:grid;place-items:center;border-radius:8px;transition:transform .25s,background .2s;z-index:2}
.sxp:hover{background:color-mix(in srgb,var(--sc,#8B5CF6) 12%,transparent)}
.sxp.on{transform:rotate(45deg)}
.exp{flex-basis:100%;width:100%;margin-top:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}
.prevlabel{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#E55524;margin:18px 0 9px;background:linear-gradient(135deg,#FFF4ED,#FFE4D3);border:1px solid #FED7AA;padding:5px 12px;border-radius:20px;box-shadow:0 2px 6px rgba(255,107,53,.10)}
.exp > .prevlabel:first-child{margin-top:0}
.mv{width:100%;max-width:100%;background:#eef1f6;border:1px solid #e2e7ef;border-radius:20px;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.04),0 22px 46px -22px rgba(30,39,64,.24);position:relative}
.mv::after{content:'';position:absolute;top:-46px;right:-40px;width:200px;height:200px;border-radius:50%;background:#e3e8f0;opacity:.8;pointer-events:none;z-index:0}
.mv>*{position:relative;z-index:1}
.mv .cap{height:6px;background:#1b1a17}
.mv.team .cap{background:#3730a3}
.mv-bar{display:flex;align-items:center;gap:8px;padding:16px 22px 0}
.mv-to{font-size:12px;font-weight:700;color:#8a94a6}
.mv-to b{color:#1e2740;font-weight:800}
.mv-chan{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;color:#0b8a45;background:#eafaf0;border:1px solid #cdeed8;padding:6px 11px;border-radius:20px}
.mv-chan svg{width:12px;height:12px;fill:#25D366}
.mv.team .mv-chan{color:#4338ca;background:#eef0fe;border-color:#d5d9fb}
.mv-chan.tm svg{display:none}
.mv-msg{padding:15px 22px 8px;font-size:14px;line-height:1.5;color:#3a4560;word-break:break-word;white-space:pre-wrap}
.mv-msg b{font-weight:800;color:#1e2740}
.mv-msg i{font-style:italic;color:#7c879b}
.mv-foot{display:flex;align-items:center;justify-content:space-between;padding:13px 22px 17px;margin-top:8px;border-top:1px solid #e2e7ef}
.mv-rdy{font-size:10.5px;font-weight:800;color:#12b76a;text-transform:uppercase;letter-spacing:.8px;display:inline-flex;align-items:center;gap:8px}
.mv-rdy::before{content:'';width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16)}
.mv-time{font-size:11.5px;color:#9aa4b5;font-weight:600}
.prevsub{font-size:13.5px;font-weight:700;color:#334155;background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 13px}
.vseg{display:inline-flex;gap:4px;margin-bottom:4px;background:var(--bg);padding:3px;border-radius:9px}
.vseg button{border:0;background:none;padding:6px 13px;border-radius:7px;font:inherit;font-size:12px;font-weight:800;color:var(--mut);cursor:pointer}
.vseg button.on{background:#fff;color:var(--o);box-shadow:0 1px 3px rgba(0,0,0,.09)}
.mt2{font-size:11.5px;color:var(--mut);margin-top:3px;font-weight:600}
.fu-over{color:#dc2626;font-weight:800}
.fu-today{color:#E55524;font-weight:800}
.fu-soon{color:#0369A1;font-weight:700}
.eb{width:30px;height:30px;border-radius:8px;border:1.5px solid var(--line);background:#fff;color:var(--o);font-size:14px;cursor:pointer;flex:0 0 auto;transition:all .15s;margin-right:2px}
.eb:hover{background:var(--p);border-color:#FED7AA;transform:translateY(-1px)}
.req{display:inline-block;width:5px;height:5px;border-radius:50%;background:#E24A16;vertical-align:middle;margin-left:2px;font-size:0}
.radios{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-start}
.radios>div{display:flex;flex-direction:column;gap:6px}
.radios .rd{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:600;color:var(--d);margin-right:12px}
.radios>div>label:first-child{font-size:12px;font-weight:800;color:var(--mut);margin:0}
.radios select{min-width:150px}
/* ===== FM document / eligibility / offer panels (light, on-brand) ===== */
.fmsel{width:100%;padding:13px 15px;border:1.5px solid #e3e8ef;border-radius:12px;font:inherit;font-size:14px;font-weight:700;background:#fff;color:var(--d);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.fmsel:hover{border-color:#FED7AA}
.fmsel:focus{outline:none;border-color:var(--o);box-shadow:0 0 0 3px rgba(255,107,53,.12)}
.fmbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.fmbar .fmbtn{flex:1;min-width:120px}
.fmprog{display:flex;align-items:center;gap:11px;margin:12px 0 16px}
.fmprog .track{flex:1;height:10px;background:#eef1f4;border-radius:8px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}
.fmprog .fill{height:100%;background:linear-gradient(90deg,#FF6B35,#E55524);border-radius:8px;transition:width .35s cubic-bezier(.4,0,.2,1)}
.fmprog .lbl{font-size:12px;font-weight:800;color:#E55524;white-space:nowrap}
.catcard{background:#fff;border:1px solid #eef1f4;border-radius:14px;overflow:hidden;margin-bottom:12px;box-shadow:0 3px 12px rgba(15,23,42,.04);--cc:#0EA5E9;--cl:#E0F2FE}
.catcard[data-cat="personal"],.catcard[data-cat="kyc"]{--cc:#0EA5E9;--cl:#E0F2FE}
.catcard[data-cat="income"]{--cc:#10B981;--cl:#D1FAE5}
.catcard[data-cat="property"]{--cc:#14B8A6;--cl:#CCFBF1}
.catcard[data-cat="business"]{--cc:#8B5CF6;--cl:#EDE9FE}
.catcard[data-cat="bank"]{--cc:#6366F1;--cl:#E0E7FF}
.catcard[data-cat="poa"]{--cc:#475569;--cl:#F1F5F9}
.catcard[data-cat="other"]{--cc:#06B6D4;--cl:#CFFAFE}
.cathead{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:var(--cl);border-bottom:1px solid rgba(0,0,0,.04)}
.cathead h5{font-size:12.5px;font-weight:800;color:var(--cc);margin:0;letter-spacing:.3px;display:flex;align-items:center;gap:7px}
.catcnt{font-size:11px;font-weight:800;color:#fff;background:var(--cc);border-radius:20px;padding:2px 10px;box-shadow:0 2px 6px rgba(0,0,0,.10)}
.ditem{display:flex;align-items:flex-start;gap:12px;padding:12px 15px;cursor:pointer;transition:background .15s,padding-left .15s}
.ditem+.ditem{border-top:1px solid #f4f6f9}
.ditem:hover{background:#fbfcfe;padding-left:19px}
.dbox{width:21px;height:21px;border-radius:7px;border:2px solid #cbd5e1;flex:0 0 auto;margin-top:1px;display:grid;place-items:center;transition:all .15s;background:#fff}
.ditem.on .dbox{background:var(--cc);border-color:var(--cc);box-shadow:0 2px 7px var(--cl)}
.ditem.on .dbox::after{content:'✓';color:#fff;font-size:12px;font-weight:900}
.dname{font-size:13.5px;font-weight:600;color:var(--d);line-height:1.4}
.ditem.on .dname{color:#94a3b8;text-decoration:line-through;text-decoration-color:#cbd5e1}
/* compact document checklist */
.doccols{columns:1;column-gap:12px}
@media(max-width:600px){.doccols{columns:1}}
.catcard.c{margin-bottom:8px;break-inside:avoid;border-radius:10px}
.cathead{padding:8px 12px}
.cathead h5{font-size:11.5px}
.catcnt{font-size:10px;padding:1px 8px}
.ditem.c{padding:5px 11px;gap:8px}
.ditem.c .dbox{width:16px;height:16px;border-radius:5px}
.ditem.c .dname{font-size:12px;line-height:1.25}
.ditem.doc-plain{cursor:default}
.ditem.doc-plain:hover{background:transparent;padding-left:11px}
.ddot{width:6px;height:6px;border-radius:50%;background:var(--cc,#0EA5E9);flex:0 0 auto;margin-top:6px}
.ditem.doc-plain .dname{color:#41474e;text-decoration:none}
/* eligibility */
.elgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.elout{background:linear-gradient(135deg,#FFF4ED,#FFE4D3);border:1.5px solid #FED7AA;border-radius:16px;padding:20px;margin-top:14px;text-align:center;box-shadow:0 8px 22px rgba(255,107,53,.12)}
.elout .big{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;color:#E55524;font-weight:800}
.elout .amt{font-size:34px;font-weight:800;background:linear-gradient(135deg,#FF6B35,#E55524);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.7px;margin:4px 0 14px;line-height:1}
.elrow{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.elrow div{flex:1;min-width:112px;background:#fff;border:1px solid #FED7AA;border-radius:11px;padding:10px 8px;font-size:10px;color:#9a3412;font-weight:800;text-transform:uppercase;letter-spacing:.4px}
.elrow b{display:block;font-size:15.5px;color:#1E293B;font-weight:800;margin-top:3px;text-transform:none;letter-spacing:0}
.dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;font-family:'Space Grotesk',sans-serif;flex:0 0 auto;background:color-mix(in srgb,var(--sc,#8B5CF6) 12%,#fff);color:var(--sc,#8B5CF6);border:0;transition:all .18s}
.step.next .dot{background:var(--o2);color:#fff;box-shadow:0 0 0 4px rgba(226,74,22,.14)}
.step.done .dot{background:var(--ok);color:#fff}
.sinfo{flex:1;min-width:150px}
.lbl{font-size:14px;font-weight:700;line-height:1.35;letter-spacing:-.2px;color:#1b1a17}
.step.done .lbl{color:var(--mut);font-weight:500}
.need{font-size:11px;color:#b45309;background:#fffbeb;display:inline-block;padding:2px 7px;border-radius:5px;margin-top:3px}

.chs{display:flex;gap:7px;flex-wrap:nowrap;justify-content:flex-end;align-items:center}
.ch{position:relative;display:flex;align-items:center;justify-content:center}
.ch button{width:78px;padding:7px 8px;border-radius:8px;font:inherit;font-size:10.5px;font-weight:700;border:1px solid var(--line);background:#fff;color:var(--d);cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px rgba(27,26,23,.04);transition:all .14s;text-align:center}
.ch button:hover{border-color:#FED7AA;color:var(--o2);box-shadow:0 3px 8px -2px rgba(226,74,22,.2)}
.ch button[disabled]{opacity:.3;cursor:not-allowed}
.ch.wa button{border-color:#86efac;color:var(--wa)}
.ch.em button{border-color:#c7d2fe;color:var(--em)}
.ch.cp button{border-color:var(--line);color:var(--mut)}
.ch.mk button{border-color:var(--o);color:var(--o);width:40px;padding:7px 8px}
.ch.rf button{width:auto;min-width:62px;border-color:#cdbdf2;color:#6d4bd0}
.ch.rf button:hover{border-color:#b7a1ec;color:#5a37c0}
.ch.tm button{width:auto;min-width:58px;border-color:#a7e3d3;color:#0b7d5e}
.ch.tm button:hover{border-color:#86d6c1;color:#0b6e56}
.chs2{flex-basis:100%;width:100%;display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}
.chs2 .ch button{width:auto;min-width:64px;font-size:10px;opacity:.95}
.chs2lbl{font-size:9.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--mut);margin-right:auto}
.ch.sent button{background:#dcfce7;border-color:#86efac;color:#15803d}
.ch .dt{position:absolute;top:calc(100% + 1px);left:0;right:0;text-align:center;font-size:8px;color:var(--ok);font-weight:800;letter-spacing:.2px;line-height:1;white-space:nowrap;pointer-events:none}
.ch .dt.e{display:none}
/* compact hover preview of the message */
.hoverwrap{position:relative;display:inline-flex}
.hoverwrap .pop{display:none;position:absolute;top:calc(100% + 8px);right:0;width:330px;max-width:78vw;background:#1e2740;color:#e8ecf5;border-radius:12px;padding:12px 14px;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word;box-shadow:0 18px 44px -8px rgba(16,24,40,.5);z-index:200;text-align:left;font-weight:500}
.hoverwrap .pop b{color:#fff;font-weight:800}
.hoverwrap .pop i{font-style:italic;color:#aeb6c8}
.hoverwrap .pop::after{content:'';position:absolute;bottom:100%;right:18px;border:7px solid transparent;border-bottom-color:#1e2740}
.hoverwrap:hover .pop{display:block}
/* offer preview card (offers.html style) */
.ofcard{margin-top:14px;border:1px solid #e7ebf2;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.06);max-width:460px}
.ofhd{background:linear-gradient(135deg,#FF7A45,#E24A16);color:#fff;padding:14px 16px;font-weight:800;font-size:14px}
.ofhd .ofdt{font-weight:600;font-size:11.5px;opacity:.9;margin-top:3px}
.ofrate{background:#FFF3EC;margin:14px 16px 8px;border-radius:10px;padding:12px;text-align:center}
.ofrate span{display:block;font-size:9.5px;font-weight:800;letter-spacing:.8px;color:#b06a4e}
.ofrate b{display:block;font-size:21px;color:#E24A16;font-weight:800;margin-top:2px}
.ofrate i{font-size:11px;color:#94a0b4;font-style:italic}
.ofsec{margin:12px 16px 6px;font-size:10.5px;font-weight:800;letter-spacing:.6px;color:#8a94a6;text-transform:uppercase}
.ofc{display:flex;justify-content:space-between;gap:12px;padding:5px 16px;font-size:12.5px;color:#475569;border-bottom:1px dashed #eef1f5}
.ofc b{color:#1e2740;font-weight:700;text-align:right}
.ofb{padding:3px 16px;font-size:12.5px;color:#16794a}
.ofnotes{margin:8px 16px 14px;background:#fff7ed;border-left:3px solid #FF6B35;border-radius:8px;padding:8px 10px}
.ofn{font-size:11.5px;color:#9a5a2a;line-height:1.5}
/* offer panel — grouped, comfortable */
.offpan{background:#FCFBF8}
.ofgrp{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:12px}
.ofglabel{font-size:10px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:var(--o2);margin-bottom:10px;display:flex;align-items:center;gap:7px}
.ofglabel::before{content:'';width:6px;height:6px;border-radius:2px;background:var(--o2)}
.ofrow{display:flex;flex-wrap:wrap;gap:12px}
.ofrow + .ofrow{margin-top:12px}
.offl{flex:1 1 150px;min-width:130px}
.offl.sm{flex:0 0 110px;min-width:100px}
.offl.grow{flex:2 1 240px}
.offl label{font-size:11px;font-weight:700;color:var(--mut);margin-bottom:5px;display:block}
.offl input,.offl select,.offl textarea{width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:9px;font:inherit;font-size:13.5px;background:#fff;color:var(--d);transition:border-color .15s,box-shadow .15s}
.offl input:hover,.offl select:hover,.offl textarea:hover{border-color:#e3d9cd}
.offl input:focus,.offl select:focus,.offl textarea:focus{outline:none;border-color:var(--o2);box-shadow:0 0 0 3px rgba(226,74,22,.1)}
.offl textarea{resize:vertical;line-height:1.5}
.offbtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.offbtns .fmbtn{flex:1;min-width:130px}
.ofcard{margin:6px auto 4px}
.ofempty{margin:6px 0 4px;padding:18px;text-align:center;font-size:13px;color:var(--mut);background:#fff;border:1px dashed #e3d9cd;border-radius:12px}
.oflive{font-size:10px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:var(--mut);margin:2px 0 8px;text-align:center}

/* panels */
.pan{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:0;box-shadow:0 1px 2px rgba(15,27,45,.03),0 10px 24px -16px rgba(15,27,45,.2)}
.pan h4{font-size:11px;text-transform:uppercase;letter-spacing:.9px;color:var(--mut);margin-bottom:11px;font-weight:800;display:flex;align-items:center;gap:8px}
.pan h4::before{content:'';width:7px;height:7px;border-radius:2px;background:var(--o2);flex:0 0 auto}
.pan h4 .tick{color:var(--ok);font-size:12px}
.fmrow{display:flex;gap:9px;flex-wrap:wrap;align-items:flex-end}
.fl{flex:1;min-width:105px}
label{display:block;font-size:11px;font-weight:700;color:var(--mut);margin-bottom:4px}
input,select,textarea{width:100%;padding:9px 11px;border:1.5px solid var(--line);border-radius:8px;font:inherit;font-size:14px;background:#fff;color:var(--d)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--o)}
.res{background:#fff;border:1.5px solid var(--o);border-radius:9px;padding:11px 13px;margin-top:11px;display:flex;gap:18px;flex-wrap:wrap}
.res div{font-size:12px;color:var(--mut)}
.res b{display:block;font-size:16px;color:var(--o);font-weight:800}

.bank{display:grid;grid-template-columns:1.5fr .8fr .9fr .8fr auto;gap:7px;margin-bottom:7px;align-items:center}
@media(max-width:640px){.bank{grid-template-columns:1fr 1fr}}
.bank .emi{font-size:12px;font-weight:800;color:var(--o);text-align:right;white-space:nowrap}
.xb{background:#fff;border:1.5px solid var(--line);border-radius:7px;width:30px;height:34px;cursor:pointer;color:var(--mut);font-weight:800}

.docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px}
.dk{display:flex;align-items:center;gap:7px;font-size:13px;padding:6px 8px;border-radius:7px;cursor:pointer}
.dk:hover{background:#fff}
.dk input{width:16px;height:16px;accent-color:var(--o);flex:0 0 auto}
.dgrp{font-size:10px;font-weight:800;color:var(--o);text-transform:uppercase;letter-spacing:.7px;margin:10px 0 4px;grid-column:1/-1}

/* modal */
.mo{position:fixed;inset:0;background:rgba(27,26,23,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none;place-items:center;z-index:50;padding:16px;overflow-y:auto}
.mo.on{display:grid}
.mc{background:#fff;border:1px solid var(--line);border-radius:20px;width:100%;max-width:660px;max-height:92vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px -20px rgba(27,26,23,.4)}
.mhead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#FFF6F0,#fff)}
.mhl{display:flex;align-items:center;gap:13px}
.mhi{width:44px;height:44px;flex:0 0 auto;border-radius:13px;display:grid;place-items:center;font-size:20px;background:linear-gradient(140deg,#FFE7DB,#FFD3BF);box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.mhead h2{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:600;letter-spacing:-.4px;line-height:1.1}
.mhead #mo_sub{font-size:12.5px;color:var(--mut);margin-top:3px;font-weight:500}
.mx{width:34px;height:34px;flex:0 0 auto;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:20px;line-height:1;color:var(--mut);cursor:pointer;transition:all .15s}
.mx:hover{border-color:#f3c9b6;color:var(--o2);background:#FFF3EC}
.mbody{padding:18px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:13px}
.fsec{background:#FCFBF8;border:1px solid var(--line);border-radius:14px;padding:14px 15px}
.fsl{font-size:10px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:var(--o2);margin-bottom:9px;display:flex;align-items:center;gap:7px}
.fsl::before{content:'';width:6px;height:6px;border-radius:2px;background:var(--o2)}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fgrid.tri{grid-template-columns:1fr 1fr 1fr}
@media(max-width:560px){.fgrid,.fgrid.tri{grid-template-columns:1fr}}
.ff label{display:block;font-size:11.5px;font-weight:700;color:var(--mut);margin-bottom:5px}
.ff input,.ff select{width:100%;padding:11px 13px;border:1.5px solid var(--line);border-radius:10px;font:inherit;font-size:14px;background:#fff;color:var(--d);transition:border-color .15s,box-shadow .15s}
.ff input:hover,.ff select:hover{border-color:#e3d9cd}
.ff input:focus,.ff select:focus{outline:none;border-color:var(--o2);box-shadow:0 0 0 3px rgba(226,74,22,.1)}
.ff input::placeholder{color:#b8b2a6}
.ipre{display:flex;align-items:stretch;border:1.5px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;transition:border-color .15s,box-shadow .15s}
.ipre:focus-within{border-color:var(--o2);box-shadow:0 0 0 3px rgba(226,74,22,.1)}
.ipre span{display:grid;place-items:center;padding:0 11px;font-size:13px;font-weight:700;color:var(--mut);background:#F4F2ED;border-right:1px solid var(--line)}
.ipre input{border:0!important;box-shadow:none!important;border-radius:0}
.ipre input:focus{box-shadow:none!important}
/* segmented radio toggles */
.seg{display:inline-flex;background:#F1EEE7;border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}
.seg .rd{position:relative;margin:0;cursor:pointer}
.seg .rd input{position:absolute;opacity:0;width:0;height:0}
.seg .rd span{display:block;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:700;color:var(--mut);transition:all .15s;white-space:nowrap}
.seg .rd input:checked + span{background:#fff;color:var(--o2);box-shadow:0 1px 3px rgba(27,26,23,.12)}
.req{color:#dc2626;font-weight:800}
.mfoot{display:flex;gap:10px;padding:15px 22px;border-top:1px solid var(--line);background:#fff}
/* All Leads table */
.fmcard.nopad{padding:0;overflow:hidden}
.altop{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);background:#fff}
.altop h3{font-family:'Space Grotesk',sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--mut);font-weight:600;margin:0}
.alcount{font-size:12px;font-weight:700;color:var(--o2);background:var(--p);padding:5px 12px;border-radius:20px}
/* ---- compact (dense) mode ---- */
body.dense .altbl th{padding:5px 6px;font-size:9.5px}
body.dense .altbl td{padding:4px 6px;font-size:11.5px}
body.dense .altbl .alrem,body.dense .altbl .remopen{padding:3px 6px;font-size:11px}
body.dense .alact{gap:2px;min-width:132px}
body.dense .alact button{width:22px;height:22px;border-radius:6px}
body.dense .alact button svg{width:13px;height:13px}
body.dense .alact .star{width:22px;height:22px;font-size:13px}
body.dense .alprsel,body.dense .alstgsel,body.dense .alf{font-size:10.5px;padding:2px 4px}
body.dense .wchip{width:20px;height:20px}
body.dense .nfdval,body.dense .tny{font-size:10.5px}
body.dense .altop{padding:10px 14px}
body.dense .altop h3{font-size:15px}
/* ---- pager ---- */
.alpager{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 14px;border-top:1px solid var(--line);background:#FCFAF8;font-size:12px;color:var(--mut)}
.alpager .pgbtn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;color:#2b3340}
.alpager .pgbtn:hover:not(:disabled){border-color:#c4cad2;background:#F4F6F8}
.alpager .pgbtn:disabled{opacity:.4;cursor:default}
.alpager select{border:1px solid var(--line);border-radius:8px;padding:4px 6px;font:inherit;font-size:12px;background:#fff}
.alpager b{color:#2b3340}
.alpager .sp{flex:1}
/* ================= VIEW TAB ================= */
.vwbar{display:flex;gap:7px;flex-wrap:wrap;align-items:center;padding:11px 14px;border-bottom:1px solid var(--line);background:#FCFAF8}
.vwchip{border:1px solid var(--line);background:#fff;border-radius:20px;padding:6px 13px;font:inherit;font-size:12px;font-weight:700;color:#5f6368;cursor:pointer;white-space:nowrap}
.vwchip:hover{border-color:#E8B49B;color:var(--o2)}
.vwchip.on{background:var(--o2);border-color:var(--o2);color:#fff}
.vwbar select{border:1px solid var(--line);border-radius:8px;padding:5px 8px;font:inherit;font-size:12px;background:#fff}
.vwcount{font-size:12px;font-weight:700;color:var(--o2);background:var(--p);padding:5px 12px;border-radius:20px}
.vwbody{padding:12px 10px}
/* ===== CALLS ===== */
.clkpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px;margin-bottom:14px}
.clkpi{border:1px solid var(--line);border-radius:12px;padding:11px 13px;background:#fff}
.clkpi .k{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#6a7178}
.clkpi .v{font-size:20px;font-weight:800;color:#1E293B;margin-top:3px}
.clkpi.in .v{color:#0F6E56}.clkpi.out .v{color:#2a7ade}.clkpi.miss .v{color:#dc2626}.clkpi.nc .v{color:#b45309}
.cltbl{width:100%;border-collapse:collapse}
.cltbl th{background:#FBF7F4;text-align:left;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#6a7178;padding:8px 9px;border-bottom:1px solid var(--line)}
.cltbl td{padding:7px 9px;border-bottom:1px solid #F1EFEB;font-size:12.5px}
.cltbl tr:hover td{background:#FDFBF9}
.cltbl .lead{font-weight:700;color:var(--o2);cursor:pointer}
.clbox{border:1px dashed #E8B49B;background:#FFF9F5;border-radius:12px;padding:16px;margin-bottom:14px}
.clbox h4{font-size:13px;font-weight:800;color:#1E293B;margin-bottom:6px}
.clbox p{font-size:12px;color:#6a7178;line-height:1.6;margin-bottom:9px}
.clbox .fmrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.clbox input[type=text]{flex:1;min-width:220px;padding:8px 10px;border:1.5px solid var(--line);border-radius:9px;font:inherit;font-size:12.5px}
.vwempty{text-align:center;padding:40px;color:var(--mut);font-size:13px}
/* essential table */
.vwtbl{width:100%;border-collapse:collapse}
.vwtbl th{background:#FBF7F4;text-align:left;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#6a7178;padding:8px 9px;border-bottom:1px solid var(--line)}
.vwtbl td{padding:8px 9px;border-bottom:1px solid #F1EFEB;font-size:12.5px;vertical-align:middle}
.vwtbl tr:hover td{background:#FDFBF9}
.vwtbl .nm{font-weight:700;color:#1E293B;cursor:pointer}
.vwtbl .nm:hover{color:var(--o2)}
/* two-line list */
.vwline{border:1px solid var(--line);border-radius:11px;padding:9px 12px;margin-bottom:7px;cursor:pointer;background:#fff}
.vwline:hover{border-color:#E8B49B;background:#FFFDFB}
.vwline .l1{font-size:13.5px;font-weight:700;color:#1E293B}
.vwline .l1 .mb{font-weight:600;color:#6a7178;font-size:12px}
.vwline .l2{font-size:11.5px;color:#6a7178;margin-top:3px}
.vwline .l2 .sgd{color:var(--o2);font-weight:700}
.vwline .l2 .fu{color:#b45309;font-weight:700}
/* cards grid */
.vwgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:11px}
.vwcard{border:1px solid var(--line);border-radius:13px;padding:12px;background:#fff;cursor:pointer}
.vwcard:hover{border-color:#E8B49B;box-shadow:0 6px 18px -8px rgba(226,74,22,.25)}
.vwcard .cn{font-size:14px;font-weight:800;color:#1E293B}
.vwcard .cs{display:inline-block;font-size:10.5px;font-weight:800;color:var(--o2);background:var(--p);border-radius:20px;padding:2px 9px;margin-top:5px}
.vwcard .cm{font-size:11.5px;color:#6a7178;margin-top:7px;line-height:1.5}
/* kanban */
.vwkan{display:flex;gap:11px;overflow-x:auto;padding-bottom:8px}
.vwkcol{flex:0 0 240px;background:#FBF7F4;border:1px solid var(--line);border-radius:12px;padding:9px;min-height:120px}
.vwkcol.over{background:#FFF3EC;border-color:var(--o2)}
.vwkh{font-size:11px;font-weight:800;color:#1E293B;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}
.vwkh .n{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1px 8px;font-size:10.5px;color:#6a7178}
.vwkc{background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 9px;margin-bottom:6px;cursor:grab;font-size:12px}
.vwkc:hover{border-color:#E8B49B}
.vwkc.drag{opacity:.4}
.vwkc b{display:block;font-size:12.5px;color:#1E293B}
.vwkc span{font-size:11px;color:#6a7178}
/* grouped */
.vwgrp{border:1px solid var(--line);border-radius:11px;margin-bottom:9px;overflow:hidden}
.vwgh{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;background:#FBF7F4;cursor:pointer;font-size:13px;font-weight:800;color:#1E293B}
.vwgh:hover{background:#F6EFE9}
.vwgh .gc{font-size:11px;font-weight:700;color:var(--o2);background:#fff;border:1px solid var(--line);border-radius:20px;padding:2px 10px}
.vwgb{padding:9px 13px;display:none}
.vwgb.gfull{padding:0}
.vwgb.gfull .altbl-wrap{overflow-x:visible;overflow-y:visible}
.vwgb.gfull .altbl{min-width:0;width:100%;table-layout:fixed}
.vwgb.gfull .altbl th{padding:6px 5px;font-size:9.5px}
.vwgb.gfull .altbl td{padding:5px 5px;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vwgb.gfull .altbl td .remopen{font-size:11px;padding:3px 6px}
.vwgb.gfull .alprsel,.vwgb.gfull .alstgsel{font-size:10px;padding:2px 3px}
.vwgb.gfull .alact{gap:2px;min-width:0}
.vwgb.gfull .alact button,.vwgb.gfull .alact .star{width:21px;height:21px;border-radius:6px}
.vwgb.gfull .alact button svg{width:12px;height:12px}
.vwgb.gfull .alact .star{font-size:12px}
.vwgb.gfull .wchip{width:17px;height:17px}
.vwgb.gfull .tny{font-size:9.5px}
.vwgrp.open .vwgb{display:block}
.vwgrow{padding:6px 0;border-bottom:1px solid #F4F2EF;font-size:12.5px;cursor:pointer;display:flex;justify-content:space-between;gap:10px}
.vwgrow:last-child{border-bottom:0}
.vwgrow:hover{color:var(--o2)}
.vwgrow .gs{font-size:11px;color:#6a7178}
/* follow-up focus */
.vwfu{border-left:3px solid #d1d5db;border-radius:9px;background:#fff;border:1px solid var(--line);padding:10px 12px;margin-bottom:7px;cursor:pointer}
.vwfu.od{border-left-color:#dc2626}
.vwfu.td{border-left-color:#f59e0b}
.vwfu .fn{font-size:13.5px;font-weight:700;color:#1E293B}
.vwfu .fd{font-size:11.5px;font-weight:700;margin-top:3px}
.vwfu.od .fd{color:#dc2626}
.vwfu.td .fd{color:#b45309}
.vwfu .fr{font-size:11.5px;color:#6a7178;margin-top:4px}
.vwacts{display:flex;gap:5px;margin-top:8px}
.vwacts button,.vwacts a{border:1px solid var(--line);background:#fff;border-radius:7px;padding:4px 9px;font:inherit;font-size:11px;font-weight:700;cursor:pointer;color:#3c4043;text-decoration:none;display:inline-flex;align-items:center;gap:4px}
.vwacts .wa{color:#128C7E;border-color:#cfe8df}
.vwacts .op{color:var(--o2);border-color:#F3C9B4}
@media(max-width:640px){ .vwbody{padding:10px} .vwkcol{flex-basis:200px} }
.altbl-wrap{overflow-x:auto;width:100%}
.altbl{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}
.altbl td,.altbl th{min-width:0;box-sizing:border-box}
.altbl th{position:sticky;top:0;background:#5a6472;text-align:left;font-size:9.5px;text-transform:uppercase;letter-spacing:.2px;color:#fff;font-weight:700;padding:10px 6px;border-bottom:1px solid #4b5560;white-space:nowrap;z-index:1;overflow:hidden;text-overflow:ellipsis}
.altbl td{padding:7px 6px;border-bottom:1px solid #EDEFF2;vertical-align:middle;white-space:nowrap;color:#474d54;overflow:hidden;text-overflow:ellipsis}
.altbl tbody tr{transition:background .12s}
.altbl tbody tr:nth-child(even) td{background:#FAFBFC}
.altbl tbody tr:nth-child(even):hover td{background:#F1F3F4}
.altbl tbody tr:hover td{background:#F1F3F4}
.altbl tbody tr:last-child td{border-bottom:0}
/* fixed compact column widths (fit to screen, no horizontal scroll) */
.altbl{min-width:0}
.altbl th:nth-child(1),.altbl td:nth-child(1){width:2.2%}
.altbl th:nth-child(2),.altbl td:nth-child(2){width:5.2%}
.altbl th:nth-child(3),.altbl td:nth-child(3){width:4.6%}
.altbl th:nth-child(4),.altbl td:nth-child(4){width:3.6%}
.altbl th:nth-child(5),.altbl td:nth-child(5){width:3.6%}
.altbl th:nth-child(6),.altbl td:nth-child(6){width:3.6%}
.altbl th:nth-child(7),.altbl td:nth-child(7){width:3.6%}
.altbl th:nth-child(8),.altbl td:nth-child(8){width:11%;overflow:visible}
.altbl th:nth-child(9),.altbl td:nth-child(9){width:7.6%}
.altbl th:nth-child(10),.altbl td:nth-child(10){width:6%}
.altbl th:nth-child(11),.altbl td:nth-child(11){width:4%}
.altbl th:nth-child(12),.altbl td:nth-child(12){width:7%;overflow:visible}
.altbl th:nth-child(13),.altbl td:nth-child(13){width:5.4%}
.altbl th:nth-child(14),.altbl td:nth-child(14){width:3%}
.altbl th:nth-child(15),.altbl td:nth-child(15){width:13%}
.altbl th:nth-child(16),.altbl td:nth-child(16){width:5.4%}
.altbl th:nth-child(17),.altbl td:nth-child(17){width:11%;min-width:150px;overflow:visible;padding-right:6px} /* Action */
.altbl b{font-weight:700}
.alstg{display:inline-block;font-size:10.5px;font-weight:700;color:#1a73e8;background:#E8F0FE;padding:2px 6px;border-radius:5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.alprio{display:inline-block;font-size:10px;font-weight:800;color:var(--mut);background:#eef1f7;padding:2px 8px;border-radius:5px}
.alprio.hi{color:#c2410c;background:#FFECE3}
.alact{display:flex;gap:3px;flex-wrap:nowrap;justify-content:flex-start;align-items:center;min-width:150px}
.alact button{flex:0 0 auto;width:26px;height:26px;border:1px solid #d9dde3;background:#fff;border-radius:7px;cursor:pointer;font-size:13px;line-height:1;transition:all .14s;display:grid;place-items:center;color:#2b2f36}
.alact button svg{width:15px;height:15px}
.alact button:hover{border-color:#c4cad2;background:#F1F3F4}
.alact button.del:hover{border-color:#fecaca;background:#fef2f2}
.alrem{width:100%;box-sizing:border-box;min-width:0;padding:6px 9px;border:1px solid var(--line);border-radius:7px;font:inherit;font-size:12.5px;background:#fff;color:#2b3340;transition:border-color .15s,box-shadow .15s}
.remopen{width:100%;box-sizing:border-box;text-align:left;padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;font:inherit;font-size:12.5px;color:#2b3340;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.remopen:hover{border-color:#3B82F6;background:#F7FAFF}
.remph{color:#9aa0a6}
.alrem:hover{border-color:#dfe4ea}
.remcell{display:flex;align-items:center;gap:5px}
.remsave{flex:0 0 auto;padding:6px 9px;border:1px solid #cfe0cf;background:#EAF7EE;color:#177245;border-radius:7px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.remsave:hover{background:#DCF0E2}
.fubtn{color:#1a56db;border-color:#B7CCF5;background:#EEF3FE}
.fubtn:hover{background:#E0EAFD}
.fubtn b{color:#123a9e}
.alrem:focus{outline:none;border-color:#3B82F6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.alnfd{padding:5px 6px;box-sizing:border-box;min-width:0;border:1px solid var(--line);border-radius:7px;font:inherit;font-size:12px;background:#fff;color:#2b3340;transition:border-color .15s,box-shadow .15s}
.alnfd:hover{border-color:#dfe4ea}
.alnfd:focus{outline:none;border-color:#3B82F6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.almob{font-variant-numeric:tabular-nums;letter-spacing:.2px;white-space:nowrap;overflow:visible}
/* filter bar */
.alfilters{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:#FAFBFC}
.alf{padding:8px 11px;border:1px solid #dfe4ea;border-radius:9px;font:inherit;font-size:12.5px;font-weight:600;color:#3a4250;background:#fff;cursor:pointer;min-width:120px}
.alf:focus{outline:none;border-color:#3B82F6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.alfclear{padding:8px 13px;border:1px solid #dfe4ea;border-radius:9px;font:inherit;font-size:12.5px;font-weight:700;color:var(--o2);background:#fff;cursor:pointer}
.alfclear:hover{border-color:#f3c9b6;background:#FFF3EC}
/* masked mobile */
.mmask{font-variant-numeric:tabular-nums;letter-spacing:.5px;cursor:help;color:#2b3340}
.mmask.sm{font-size:11.5px;color:#98a0ac}
.mcnt{font-size:10.5px;font-weight:800;color:#c2410c;background:#FFECE3;padding:1px 6px;border-radius:10px}
.mobcell{white-space:nowrap;padding-left:2px;overflow:visible}
/* whatsapp + journey chips */
.wchip{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#e8f7ee;color:#0E9F76;margin-left:6px;vertical-align:middle;border:1px solid #c6ecd7;transition:all .14s}
.wchip:hover{background:#0E9F76;color:#fff;border-color:#0E9F76}
.wchip svg{width:16px;height:16px}
.jchip{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#fff;color:var(--o2);margin-left:6px;vertical-align:middle;border:1px solid #FED7AA;cursor:pointer;font-size:16px;line-height:1;transition:all .14s}
.jchip:hover{background:#E24A16;color:#fff;border-color:#E24A16}
/* marketing megaphone chip in the table */
.dupct{display:inline-grid;place-items:center;min-width:26px;height:30px;padding:0 6px;border-radius:8px;font-size:12px;font-weight:800;margin-right:5px;vertical-align:middle;cursor:pointer;text-decoration:none}
.dupct.one{background:#F1F3F4;color:#5f6368;border:1px solid #E1E4E8}
.dupct.rep{background:#FFE1E1;color:#c62828;border:1px solid #F5B5B5}
.dupct:hover{filter:brightness(.95);outline:2px solid rgba(226,74,22,.3)}
.nmcell{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.nmnm{color:#3c4043}
.fmid{color:#9aa0a6;font-size:10px;margin-top:2px;letter-spacing:.2px}
.nmbtns{display:inline-flex;align-items:center;gap:4px;margin-top:2px}
.nmbtns .jchip,.nmbtns .wchip,.nmbtns .mchip{width:30px;height:30px}
.mchip{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;margin-left:6px;vertical-align:middle;cursor:pointer;font-size:13px;border:1px solid transparent;transition:all .14s;line-height:1}
.mchip.due{background:#FFE4DC;color:#E24A16;border-color:#F7B79C}
.mchip.due:hover{background:#E24A16;color:#fff;border-color:#E24A16}
.mchip.soon{background:#FFF4D9;color:#B7791F;border-color:#F3D89A}
.mchip.soon:hover{background:#E0A526;color:#fff;border-color:#E0A526}
.mchip.ok{background:#e4f5ec;color:#4caf7d;border-color:#c9ead8}
.mchip.ok:hover{background:#0E9F76;color:#fff;border-color:#0E9F76}
/* drip message menu (popup) */
.dripmenu{position:fixed;z-index:200;width:460px;max-height:78vh;overflow:auto;background:#fff;border:1px solid #EFE3DA;border-radius:16px;box-shadow:0 24px 60px -18px rgba(27,26,23,.45),0 4px 12px rgba(27,26,23,.08);padding:0 0 6px}
.dripmenu::-webkit-scrollbar{width:10px}
.dripmenu::-webkit-scrollbar-thumb{background:#e7cdbf;border-radius:8px;border:3px solid #fff}
.dripmenu::-webkit-scrollbar-track{background:#FBF6F2}
.dmhead{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:800;color:#1E293B;letter-spacing:-.2px;padding:13px 16px;background:linear-gradient(180deg,#FFF3EC,#fff);border-bottom:1px solid #F1E4DA}
.dmhead::before{content:'';width:8px;height:8px;border-radius:3px;background:#E24A16;flex:0 0 auto}
.dmtabs{display:flex;gap:4px;padding:12px 14px 8px}
.dmtab{flex:1;padding:7px 6px;border:1px solid transparent;border-radius:9px;background:#F4F2ED;font:inherit;font-size:11.5px;font-weight:700;color:#6a7178;cursor:pointer;white-space:nowrap;transition:all .15s}
.dmtab.on{background:linear-gradient(180deg,#FF7A45,#E24A16);border-color:transparent;color:#fff;box-shadow:0 4px 10px -4px rgba(226,74,22,.6)}
.dmtab:hover{background:#EAE7E0;color:#3c4043}
.dmtab.on:hover{filter:brightness(1.05);color:#fff}
.dmitem{position:relative;display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;border:0;border-left:3px solid transparent;background:none;padding:11px 34px 11px 15px;cursor:pointer;font:inherit;transition:background .15s,border-color .15s}
.dmitem:not(:last-child){box-shadow:inset 0 -1px 0 #F5EEE8}
.dmitem::after{content:'\2192';position:absolute;right:13px;top:12px;font-size:14px;font-weight:800;color:#cfd4da;transition:all .15s}
.dmitem:hover::after{color:#E24A16;transform:translateX(2px)}
.dmitem:hover{background:#FFF6F0;border-left-color:#E24A16}
.dmitem b{font-size:13px;color:#1E293B;font-weight:700;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dmitem span.dmfull{font-size:11.5px;color:#6a7178;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}
.dmitem:hover span.dmfull{-webkit-line-clamp:unset;overflow:visible}
.dmitem:hover{background:#FFF6F0;border-left-color:#E24A16}
.dmimg{font-size:9px;font-weight:800;color:#B45309;background:#FDECCF;padding:2px 7px;border-radius:20px;vertical-align:middle;letter-spacing:.2px}
.dmcad{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 15px 12px;font-size:11.5px;font-weight:700;color:#6a7178;border-bottom:1px solid #F1E4DA;margin-bottom:6px}
.dmcad select{border:1px solid #F0D9CC;border-radius:8px;font:inherit;font-size:11.5px;font-weight:700;padding:5px 9px;background:#FFF8F4;color:#E24A16;cursor:pointer}
.dmsince{font-weight:600;color:#a7a49c;font-size:10.5px}
/* cadence selector in the All-Leads header */
.dripcad{display:inline-flex;align-items:center;gap:4px;margin-left:auto;margin-right:10px}
.dclbl{font-size:10.5px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.4px;margin-right:2px}
.dcbtn{padding:4px 9px;border:1px solid #d6dce4;border-radius:7px;background:#fff;font:inherit;font-size:11px;font-weight:800;color:#6a7178;cursor:pointer}
.dcbtn.on{border-color:#F7B79C;background:#FFE4DC;color:#E24A16}
.rembtn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #F7B79C;background:#FFF3EE;border-radius:20px;font:inherit;font-size:12.5px;font-weight:700;color:#c2410c;cursor:pointer;transition:all .14s}
.rembtn b{font-size:13.5px;font-weight:800}
.rembtn:hover{background:#FFE4DC}
.rembtn.on{background:linear-gradient(180deg,#FF7A45,#E24A16);color:#fff;border-color:#E24A16;box-shadow:0 4px 12px -3px rgba(226,74,22,.45)}
.rembell{font-size:13px}
/* last login chip */
.lastlogin{font-size:11px;font-weight:600;color:#80868b;white-space:nowrap}
.idletimer{font-size:11px;font-weight:800;color:#c2410c;background:#FFF3EE;border:1px solid #FED7AA;padding:3px 9px;border-radius:20px;white-space:nowrap}
@media(max-width:900px){.idletimer{display:none}}
@media(max-width:900px){.lastlogin{display:none}}
/* standalone tool tabs */
.toolhead{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.toolhead h3{margin:0;font-size:17px;font-weight:800;color:#3c4043}
.toolopen{font-size:12.5px;font-weight:700;color:#fff;background:linear-gradient(180deg,#FF7A45,#E24A16);padding:8px 15px;border-radius:9px;text-decoration:none;white-space:nowrap}
.toolopen:hover{filter:brightness(1.05)}
.toolquick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.qlink{font-size:12.5px;font-weight:700;color:#5E7CA6;background:#F1F3F4;border:1px solid var(--line);padding:7px 13px;border-radius:20px;text-decoration:none}
.qlink:hover{background:#E8F0FE;color:#1a73e8}
.siteframe{width:100%;height:70vh;border:1px solid var(--line);border-radius:12px;background:#fff}
.toolnote{font-size:12px;color:var(--mut);margin-top:8px}
.calcgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:6px}
.cfld{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:700;color:#5f6368}
.cfld input,.cfld select{padding:11px 12px;border:1px solid #d6dce4;border-radius:10px;font:inherit;font-size:15px;font-weight:600;color:#3c4043;background:#fff}
.cfld input:focus,.cfld select:focus{outline:none;border-color:#7E97B9;box-shadow:0 0 0 3px rgba(126,151,185,.15)}
.calcout{margin:18px 0 10px}
.calchint{font-size:12.5px;color:var(--mut)}
.calcbig{display:flex;flex-direction:column;align-items:center;gap:4px;background:linear-gradient(135deg,#FFF4ED,#FFE4D3);border:1.5px solid #FED7AA;border-radius:16px;padding:20px;text-align:center}
.calcbig{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#E55524;font-weight:800}
.calcbig span{font-size:34px;font-weight:800;background:linear-gradient(135deg,#FF6B35,#E55524);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}
.calcrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:14px}
.calcrow div{background:#F6F8FA;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}
.calcrow b{display:block;font-size:16px;color:#3c4043}
.calcrow span{font-size:11px;color:var(--mut);font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-top:3px;display:block}
.toolact{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
/* dashboard analysis grid */
.anagrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.anacard{padding:13px 15px}
.anahead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.anahead h3{margin:0;font-size:15px;font-weight:800;color:#3c4043}
.anatot{font-size:11px;font-weight:700;color:var(--mut);background:#F1F3F4;padding:3px 10px;border-radius:20px}
.anatop{grid-column:1/-1;display:flex;align-items:baseline;gap:12px;margin-bottom:2px}
.anatop h2{margin:0;font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;color:#3c4043}
.anatopc{font-size:13px;font-weight:700;color:var(--mut);background:#F1F3F4;padding:4px 12px;border-radius:20px}
/* summary boxes */
.sboxrow{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:4px}
.sbox{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 15px;box-shadow:0 1px 2px rgba(60,64,67,.04)}
.sbox b{display:block;font-size:22px;font-weight:800;color:#E24A16;line-height:1.1}
.sbox span{font-size:12px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.4px}
.sbox2{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:0 1px 2px rgba(60,64,67,.05)}
.sbox2 .sic{flex:0 0 auto;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:color-mix(in srgb,var(--c) 14%,#fff);border:1px solid color-mix(in srgb,var(--c) 25%,#fff)}
.sbox2 .stx b{display:block;font-size:23px;font-weight:800;color:#3c4043;line-height:1.05}
.sbox2 .stx span{font-size:11px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.4px}
.sbox2.clk{cursor:pointer;transition:all .14s}
.sbox2.clk:hover{border-color:#F7B79C;box-shadow:0 8px 20px -10px rgba(226,74,22,.35);transform:translateY(-1px)}
/* analysis tables */
.anacard{padding:16px 18px}
.anafull{grid-column:1/-1}
.anahead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.anahead h3{margin:0;font-size:14px;font-weight:800;color:#3c4043;text-transform:uppercase;letter-spacing:.4px}
.anatot{font-size:14px;font-weight:800;color:#fff;background:#3c4043;min-width:26px;text-align:center;padding:2px 9px;border-radius:20px}
.anrows2{display:flex;flex-direction:column;gap:2px}
.anrow3{position:relative;display:flex;align-items:center;gap:10px;padding:8px 6px 11px;border-radius:9px}
.anrow3:hover{background:#F6F8FA}
.anrow3.lead{background:#FFF6F1}
.anrank{flex:0 0 auto;width:21px;height:21px;border-radius:6px;background:#EDEFF2;color:#80868b;font-size:11px;font-weight:800;display:grid;place-items:center}
.anrow3.lead .anrank{background:linear-gradient(180deg,#FF7A45,#E24A16);color:#fff}
.anrl{flex:1;min-width:0;font-size:13px;font-weight:600;color:#41474e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.anrow3.lead .anrl{font-weight:800;color:#3c4043}
.anrc{flex:0 0 auto;font-size:14.5px;font-weight:800;color:#3c4043;min-width:24px;text-align:right}
.anrp{flex:0 0 40px;font-size:11px;font-weight:700;color:var(--mut);text-align:right}
.anrbar{position:absolute;left:6px;bottom:3px;height:3px;border-radius:2px;opacity:.9;max-width:calc(100% - 12px)}
.drill{color:#1a73e8;cursor:pointer;text-decoration:none;border-bottom:1px dashed #9cc0f5}
.drill:hover{color:#E24A16;border-bottom-color:#E24A16}
.anempty{font-size:12.5px;color:var(--mut);padding:10px 4px}
/* reference table stays a table */
.reftbl{width:100%;border-collapse:collapse;font-size:13px}
.reftbl th{text-align:left;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#80868b;padding:6px 8px;border-bottom:2px solid var(--line)}
.reftbl th:not(:first-child){text-align:right}
.reftbl td{padding:8px;border-bottom:1px solid #EDEFF2}
.reftbl tbody tr:last-child td{border-bottom:0}
.reftbl tbody tr:hover td{background:#F6F8FA}
.reftbl .antd{font-weight:600;color:#41474e}
.reftbl .antd .wchip{margin-left:6px}
.sbox.clk{cursor:pointer;transition:all .14s}
.sbox.clk:hover{border-color:#F7B79C;box-shadow:0 6px 16px -8px rgba(226,74,22,.35);transform:translateY(-1px)}
/* short document list */
.doclist{max-width:520px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-top:4px}
.dochead{font-size:14px;color:#5f6368;line-height:1.5;margin-bottom:10px}
.dochead b{font-size:16px;color:#3c4043;font-weight:800}
.docul{list-style:none;margin:0;padding:0}
.docul li{position:relative;padding:8px 0 8px 22px;font-size:14px;font-weight:600;color:#41474e;border-bottom:1px solid #F1F3F4}
.docul li:last-child{border-bottom:0}
.docul li::before{content:'';position:absolute;left:2px;top:15px;width:8px;height:8px;border-radius:3px;background:#E24A16}
.docnote{margin-top:12px;font-size:12.5px;color:#5f6368;line-height:1.6;white-space:pre-line;background:#FBFAF8;border-radius:10px;padding:10px 12px}
/* simple attendance */
.attoffice{font-size:12px;font-weight:700;color:var(--mut);background:#F1F3F4;padding:4px 12px;border-radius:20px}
.atttoday{margin-bottom:16px}
.attcard{border-radius:16px;padding:20px 22px;border:1.5px solid}
.attcard.att-present{background:linear-gradient(135deg,#F2FBF7,#fff);border-color:#0E9F76}
.attcard.att-late{background:linear-gradient(135deg,#FFF4ED,#fff);border-color:#E24A16}
.attbig{font-size:30px;font-weight:800;letter-spacing:-.5px}
.att-present .attbig{color:#0E9F76}
.att-late .attbig{color:#E24A16}
.attsub{font-size:13.5px;color:#5f6368;margin-top:4px}
.attsub b{color:#3c4043}
.atthist{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#80868b;margin:6px 0 8px}
.attsimple{width:100%;border-collapse:collapse;font-size:13.5px}
.attsimple th{text-align:left;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#80868b;padding:6px 10px;border-bottom:2px solid var(--line)}
.attsimple td{padding:6px 10px;border-bottom:1px solid #EDEFF2;color:#41474e;font-weight:600;font-size:13px}
.attsimple tbody tr:last-child td{border-bottom:0}
.attbadge{font-size:11px;font-weight:800;padding:3px 12px;border-radius:20px}
.attbadge.pr{color:#0b7d5e;background:#e2f5ee}
.attbadge.lt{color:#c2410c;background:#FFECE3}
.attbadge.ab{color:#b42318;background:#FEE4E2}
.attmis th,.attmis td{text-align:left}
.attmis td:not(:first-child),.attmis th:not(:first-child){text-align:center}
/* achievement */
.achpick{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#5E7CA6}
.achpick select{border:1px solid #d6dce4;border-radius:9px;font:inherit;font-size:14px;font-weight:700;padding:7px 10px;background:#fff;color:#3c4043;cursor:pointer}
.achtbl{width:100%;max-width:560px;border-collapse:collapse;font-size:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.achtbl td{padding:11px 14px;border-bottom:1px solid #EDEFF2}
.achtbl tr:last-child td{border-bottom:0}
.achl{font-weight:700;color:#41474e}
.achv{text-align:right;font-weight:800;color:#3c4043;white-space:nowrap}
.ach-salary .achl{background:#FCE3D6}
.ach-salary .achv{background:#FCE3D6}
.achsal{width:150px;text-align:right;border:1px solid #E0A98C;border-radius:8px;padding:6px 8px;font:inherit;font-size:15px;font-weight:800;color:#1a56db;background:#fff}
.ach-target .achl{background:#FFF4D6}
.ach-ach .achl{background:#E9F6EF}
.ach-inc .achl{background:#FFF0E6}
.ach-final td{background:#FCE3D6;font-size:14.5px}
.ach-final .achl{font-weight:800;color:#3c4043}
.achq{color:#0b7d5e}
.achnq{color:#c2410c;font-weight:700}
/* More Data wide sheet */
.mdsearch{padding:8px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:13.5px;width:230px;background:#F1F3F4;color:#3c4043}
.mdwrap{overflow:auto;max-height:calc(100vh - 200px);border-top:1px solid var(--line)}
.mdwrap::-webkit-scrollbar{height:14px;width:14px}
.mdwrap::-webkit-scrollbar-track{background:#EEF0F3}
.mdwrap::-webkit-scrollbar-thumb{background:#B7BEC7;border-radius:8px;border:3px solid #EEF0F3}
.mdwrap::-webkit-scrollbar-thumb:hover{background:#8B94A0}
.mdtbl{border-collapse:collapse;white-space:nowrap;min-width:1680px;font-size:12px}
.mdtbl th,.mdtbl td{border:1px solid #E4E7EB;padding:6px 9px;text-align:left;white-space:nowrap;vertical-align:middle}
.mdtbl thead th{position:sticky;top:0;background:#5a6472;color:#fff;font-weight:700;font-size:10.5px;line-height:1.2;z-index:2;padding-top:12px;padding-bottom:12px}
.mdtbl thead th.mdhf{padding:6px 5px}
.mdf{width:100%;min-width:0;border:1px solid #cfd6df;border-radius:6px;font:inherit;font-size:10px;font-weight:700;padding:4px 4px;background:#fff;color:#41474e}
.mdtbl tbody tr:hover td{background:#F6F8FA}
.mdname{font-weight:700;color:#3c4043}
.mdcell{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:112px}
.mdnm{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#3c4043}
.mdbtns{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}
.mdbtns .wchip,.mdbtns .mchip,.mdbtns .jchip{width:30px;height:30px;border-radius:8px;margin:0}
.mdbtns .wchip svg{width:16px;height:16px}
.wchip svg,.mchip svg{width:16px;height:16px}
.mchip{font-size:15px}
.mdbtns .mchip{font-size:15px}
.mdbtns .jchip{font-size:16px}
.mdbtns .dupct{min-width:26px;height:30px;font-size:12px;margin:0}
.mdr{text-align:right;font-variant-numeric:tabular-nums}
.mdact{white-space:nowrap;text-align:center;min-width:80px}
.mdico{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #d9dde3;border-radius:8px;background:#fff;color:#2b2f36;cursor:pointer;margin:0 3px;padding:0;vertical-align:middle}
.mdico svg{width:16px;height:16px}
.mdico:hover{background:#F1F3F4;border-color:#c4cad2}
.mdtot td{position:sticky;bottom:0;background:#FFF6F1;font-weight:800;color:#3c4043;border-top:2px solid #E24A16}
.mdtot td:first-child{text-align:right}
/* finance edit modal */
.finmo{display:none;position:fixed;inset:0;background:rgba(20,24,33,.5);z-index:200;align-items:center;justify-content:center;padding:20px}
.fincard{background:#fff;border-radius:18px;width:min(1140px,97vw);max-height:92vh;overflow:auto;box-shadow:0 30px 80px -20px rgba(0,0,0,.5)}
.finhd{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:1}
.finhd h3{margin:0;font-size:16px;font-weight:800;color:#3c4043}
.finhd #fin_name{color:#E24A16}
.finx{border:0;background:#F1F3F4;width:32px;height:32px;border-radius:9px;cursor:pointer;font-size:15px;color:#5f6368}
.fingrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:12px 14px;padding:18px 22px}
.finfld{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;color:#5E7CA6}
.finfld input{padding:10px 12px;border:1px solid #d6dce4;border-radius:10px;font:inherit;font-size:14px;font-weight:600;color:#3c4043;text-transform:none;letter-spacing:0}
.finfld input:focus,.finfld select:focus{outline:none;border-color:#7E97B9;box-shadow:0 0 0 3px rgba(126,151,185,.15)}
.finfld select{padding:10px 12px;border:1px solid #d6dce4;border-radius:10px;font:inherit;font-size:14px;font-weight:600;color:#3c4043;text-transform:none;letter-spacing:0;background:#fff;cursor:pointer}
.finfld input.fincalc{background:#F4F7FB;border-color:#dbe3ee;color:#1a56db;font-weight:800;cursor:not-allowed}
.finact{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--line);position:sticky;bottom:0;background:#fff}
.fucard{background:#fff;border-radius:16px;width:min(940px,97vw);max-height:88vh;overflow:auto;box-shadow:0 30px 80px -20px rgba(0,0,0,.5)}
.fubody{padding:14px 18px 20px}
.fuempty{padding:40px;text-align:center;color:var(--mut);font-weight:600}
.furow{display:flex;align-items:center;gap:10px;padding:10px 10px;border:1px solid var(--line);border-radius:12px;margin-bottom:9px;flex-wrap:wrap}
.fumeta{display:flex;flex-direction:column;gap:2px;min-width:180px;flex:1 1 180px}
.fumeta b{color:#3c4043}
.fudate{font-size:11px;font-weight:700;color:#177245;margin-top:2px}
.fudate.od{color:#b42318}
.fustage{padding:7px 8px;border:1px solid #d6dce4;border-radius:8px;font:inherit;font-size:12px;font-weight:700;background:#fff;cursor:pointer}
.furem{flex:1 1 200px;min-width:150px;padding:8px 10px;border:1px solid #d6dce4;border-radius:8px;font:inherit;font-size:12.5px}
.funextlbl{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#5f6368}
.funext{padding:6px 8px;border:1px solid #d6dce4;border-radius:8px;font:inherit;font-size:12px}
.fusave{padding:8px 14px;border:0;background:linear-gradient(180deg,#FF7A45,#E24A16);color:#fff;border-radius:8px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.furow .wchip{width:30px;height:30px}
/* loan comparison — bank cards */
.cmpwrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:6px}
.cmpc{position:relative;border:1.5px solid var(--line);border-radius:18px;padding:20px 18px;background:#fff;display:flex;flex-direction:column;gap:14px}
.cmpc.best{border-color:#0E9F76;box-shadow:0 12px 30px -14px rgba(14,159,118,.45)}
.cmpbadge2{position:absolute;top:-12px;left:50%;transform:translateX(-50%);display:none;background:#0E9F76;color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.5px;padding:4px 14px;border-radius:20px;white-space:nowrap;box-shadow:0 4px 10px -2px rgba(14,159,118,.5)}
.cmpname2{border:0;border-bottom:2px solid transparent;font:inherit;font-size:17px;font-weight:800;color:#3c4043;background:none;padding:2px 0}
.cmpname2:focus{outline:none;border-bottom-color:#FED7AA}
.cmpemibox{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:12px;padding:14px 16px;background:#FFF4ED;border:1px solid #FED7AA}
.cmpemibox.best{background:linear-gradient(135deg,#FF7A45,#E24A16);border-color:#E24A16}
.cmpemibox span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#E24A16}
.cmpemibox b{font-size:24px;font-weight:800;color:#E24A16}
.cmpemibox.best span,.cmpemibox.best b{color:#fff}
.cmpfld label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#5E7CA6;margin-bottom:6px}
.stepper{display:flex;align-items:center;gap:8px}
.stepper button{flex:0 0 auto;width:38px;height:38px;border:0;border-radius:10px;background:#12b886;color:#fff;font-size:20px;font-weight:700;cursor:pointer;display:grid;place-items:center;line-height:1}
.stepper button:hover{background:#0ca678}
.stepper input{flex:1;min-width:0;text-align:center;border:0;border-radius:10px;background:#EEF0FB;font:inherit;font-size:16px;font-weight:800;color:#3c4043;padding:10px 6px}
.stepper input:focus{outline:2px solid #c7d2fe}
.cmphelp{display:block;font-size:12px;font-weight:700;color:var(--mut);margin-top:5px}
.cmptot{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:14px;margin-top:2px}
.cmptot div{flex:1}
.cmptot span{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--mut);margin-bottom:3px}
.cmptot b{font-size:15px;font-weight:800;color:#3c4043}
/* referrer name truncation */
.refwrap{display:flex;align-items:center;gap:0}
.reftrunc{flex:0 0 52px;width:52px;max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}
.refbtns{flex:0 0 auto;display:inline-flex;align-items:center}
/* inline editable Stage / Priority in the table */
.alstgsel,.alprsel{width:100%;max-width:100%;box-sizing:border-box;border:1px solid #dfe3e8;border-radius:7px;background:#fff;font:inherit;font-size:11px;font-weight:700;padding:4px 4px;cursor:pointer;color:#3c4043}
.alstgsel{color:#1a73e8}
.alstgsel:focus,.alprsel:focus{outline:none;border-color:#7E97B9;box-shadow:0 0 0 2px rgba(126,151,185,.18)}
.alprsel.hi{color:#E24A16;border-color:#F7B79C;background:#FFF3EE}
.alprsel.lo{color:#5f6368}
/* in-app confirm dialog */
.cfm{display:none;position:fixed;inset:0;z-index:400;background:rgba(31,33,38,.45);align-items:center;justify-content:center;padding:20px}
.cfmcard{background:#fff;border-radius:16px;max-width:380px;width:100%;padding:22px 22px 18px;box-shadow:0 24px 60px -12px rgba(0,0,0,.4)}
.cfmt{font-size:17px;font-weight:800;color:#3c4043;margin-bottom:8px}
.cfmm{font-size:14px;color:#5f6368;line-height:1.6;margin-bottom:18px}
.cfmm b{color:#E24A16;font-weight:800}
.cfmb{display:flex;gap:10px;justify-content:flex-end}
.cfmno{padding:10px 18px;border:1px solid var(--line);background:#fff;border-radius:10px;font:inherit;font-size:14px;font-weight:700;color:#5f6368;cursor:pointer}
.cfmno:hover{background:#f4f5f7}
.cfmyes{padding:10px 20px;border:0;background:linear-gradient(180deg,#FF7A45,#E24A16);color:#fff;border-radius:10px;font:inherit;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 6px 16px -4px rgba(226,74,22,.5)}
.cfmyes:hover{filter:brightness(1.05)}
/* important star */
.alact .star{flex:0 0 auto;width:26px;height:26px;border:1px solid var(--line);background:#fff;border-radius:7px;cursor:pointer;font-size:15px;line-height:1;display:grid;place-items:center;color:#c8ccd2;transition:all .14s}
.alact .star.on{color:#F5A623;border-color:#F6D48A;background:#FFF7E6}
.alact .star:hover{color:#F5A623;border-color:#F6D48A}
/* aligned per-column filter row */
.alfilters{display:flex;align-items:center;gap:10px;padding:9px 16px;border-bottom:1px solid var(--line);background:#fff}
.alfhint{font-size:11.5px;font-weight:700;color:var(--mut)}
.altbl th.hasf{padding:5px 5px}
.altbl th.hasf .alf{width:100%;min-width:0;padding:5px 6px;border:1px solid #d6dce4;border-radius:6px;font:inherit;font-size:10.5px;font-weight:700;color:#3a4250;background:#fff;cursor:pointer;text-transform:none;letter-spacing:0}
.altbl th.hasf .alf:focus{outline:none;border-color:#7E97B9;box-shadow:0 0 0 2px rgba(126,151,185,.2)}
.alfclear{padding:6px 11px;border:1px solid #dfe4ea;border-radius:8px;font:inherit;font-size:11.5px;font-weight:700;color:var(--o2);background:#fff;cursor:pointer}
.alfclear:hover{border-color:#f3c9b6;background:#FFF3EC}
/* NFD click-to-edit */
.nfdwrap{position:relative;display:block;width:100%}
.nfdval{font-size:12px;color:#474d54;cursor:pointer;border-bottom:1px dashed #c7cdd6;white-space:nowrap;display:inline-block}
.nfdval.empty{color:#a7a49c;font-style:italic;border-bottom-color:#e2e0d9}
.nfdval:hover{color:#3B82F6;border-bottom-color:#3B82F6}
.nfdinput{display:none;box-sizing:border-box;width:100%;padding:4px 4px;border:1px solid #7E97B9;border-radius:6px;font:inherit;font-size:11px;background:#fff}
.hint{font-size:11px;color:var(--mut);margin-top:4px}

.empty{background:#fff;border:1px solid var(--line);border-radius:13px;padding:48px 20px;text-align:center;color:var(--mut)}
.note{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:11px 14px;border-radius:10px;font-size:13px;margin-bottom:16px}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(90px);background:var(--d);color:#fff;padding:13px 22px;border-radius:11px;font-size:14px;font-weight:600;transition:transform .3s;z-index:60}
.toast.on{transform:translateX(-50%) translateY(0)}

/* ===== MOBILE / PHONE (out-of-office use) ===== */
@media(max-width:640px){
  .topbar{padding:9px 12px;gap:8px}
  .topbar .sp{display:none}
  .brand{font-size:17px}
  .srch{flex:1 1 100%;width:auto;font-size:16px}
  .topbar .tbtn{padding:8px 12px;font-size:13px}
  .menubar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 6px}
  .menubar::-webkit-scrollbar{height:0}
  .mtab{flex:0 0 auto}
  main{padding:12px 10px}
  main.wide{padding:10px 8px}
  /* wide data tables scroll sideways instead of breaking the layout */
  .altbl-wrap,.mdwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .altbl{min-width:1100px}
  .mdtbl{min-width:1500px}
  /* journey panel full width; let stage action buttons wrap */
  #vL.asmodal .jwrap{width:96vw}
  .chs{flex-wrap:wrap;justify-content:flex-start}
  /* modals fit the phone */
  .fgrid,.fgrid.tri{grid-template-columns:1fr}
  .fincard,.fucard,.mc{width:96vw;max-width:96vw}
  .dripmenu{width:94vw;max-width:94vw;left:3vw!important}
}

/* ===== MOBILE LEAD CARDS + BOTTOM NAV ===== */
.leadcards{display:none}
.lc{background:#fff;border:1px solid #EDE2DB;border-left:3px solid #E24A16;border-radius:0 12px 12px 0;padding:10px 12px;cursor:pointer}
.lc-top{display:flex;align-items:flex-start;gap:8px}
.lc-nm{flex:1;font-size:14.5px;font-weight:700;color:#1E293B;line-height:1.25}
.lc-badge{font-size:10px;font-weight:700;color:#9a3d17;background:#FBEDE6;padding:3px 8px;border-radius:999px;white-space:nowrap}
.lc-sub{font-size:12px;color:#6a7178;margin-top:2px}
.lc-row{display:flex;align-items:center;gap:7px;margin-top:9px}
.lc-meta{flex:1;font-size:11px;color:#8a8f96;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc-acts{display:flex;gap:6px}
.lc-b{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;border:0;cursor:pointer;text-decoration:none;font-size:15px}
.lc-b svg{width:16px;height:16px}
.lc-b.wa{background:#E1F5EE;color:#0F6E56}
.lc-b.call{background:#F1EEF4;color:#5f6368}
.lc-b.open{background:#FBEDE6;color:#E24A16}
.lc-b.fu{background:#EAF3FF;color:#2a7ade}
.lc-fu{font-size:11.5px;color:#b45309;font-weight:700;margin-top:5px}
.lc-rem{font-size:11.5px;color:#5f6368;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc-stgrow{margin-top:8px}
.lc-stg{width:100%;padding:8px 9px;border:1px solid #E7E1DC;border-radius:9px;font:inherit;font-size:12.5px;background:#FCFAF8;color:#1E293B}
.lc-empty{padding:26px;text-align:center;color:#8a8f96;font-size:13px}
.botnav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:120;align-items:flex-end;justify-content:space-around;background:#fff;border-top:1px solid #EFE3DB;padding:7px 4px 9px;box-shadow:0 -4px 16px -8px rgba(0,0,0,.15)}
.bnitem{background:0;border:0;display:flex;flex-direction:column;align-items:center;gap:2px;color:#9a9089;font:inherit;cursor:pointer;width:56px;padding:2px}
.bnitem .bnico{line-height:0}
.bnitem svg{width:21px;height:21px}
.bnitem span:last-child{font-size:9.5px}
.bnitem.on{color:#E24A16}
.bnfab{background:#E24A16;color:#fff;border:3px solid #fff;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin-top:-20px;cursor:pointer;box-shadow:0 4px 12px -3px rgba(226,74,22,.6)}
.bnfab svg{width:24px;height:24px}
@media(max-width:640px){
  .altbl-wrap{display:none}
  .leadcards{display:flex;flex-direction:column;gap:9px}
  body.authed .botnav{display:flex}
  main{padding-bottom:76px}
}
.cmpverdict{margin-top:14px;border:1px solid #F3C9B4;background:linear-gradient(140deg,#FFF3EC,#FFE7DA);border-radius:14px;padding:14px 16px;display:none}
.cmpverdict.on{display:block}
.cmpverdict .vt{font-size:15px;font-weight:800;color:#1E293B;margin-bottom:2px}
.cmpverdict .vt b{color:#E24A16}
.cmpverdict .vs{font-size:12.5px;color:#6a7178;margin-bottom:10px}
.cmpverdict .vrows{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.cmpverdict .vr{background:#fff;border:1px solid #F0D9CC;border-radius:10px;padding:8px 11px}
.cmpverdict .vr .l{font-size:11px;font-weight:700;color:#6a7178}
.cmpverdict .vr .n{font-size:16px;font-weight:800;color:#0F6E56}
.cmpverdict .vnote{font-size:11px;color:#9a6a4a;margin-top:8px}
.cmpverdict.tie{background:#F4F6F8;border-color:#E0E4E8}
/* follow-up history + add form */
.fuov{position:fixed;inset:0;background:rgba(27,26,23,.5);display:none;align-items:flex-start;justify-content:center;padding:24px 14px;z-index:420;overflow:auto}
.fuov.on{display:flex}
.fumc{background:#fff;border-radius:16px;width:100%;max-width:880px;box-shadow:0 30px 70px -20px rgba(27,26,23,.5)}
.fuh{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #E4E7EB;background:linear-gradient(180deg,#FFF3EC,#fff);border-radius:16px 16px 0 0}
.fuh h3{font-size:16px;font-weight:800;color:#1E293B}
.fux{width:30px;height:30px;border:1px solid #E4E7EB;background:#fff;border-radius:8px;font-size:17px;color:#6a7178;cursor:pointer}
.fub{padding:16px 18px}
.fuform{display:grid;grid-template-columns:1fr 180px 96px;gap:10px;align-items:end;background:#FBF7F4;border:1px solid #EFE3DB;border-radius:12px;padding:12px;margin-bottom:14px}
.fuform label{font-size:11px;font-weight:700;color:#6a7178;display:block;margin-bottom:4px}
.fuform textarea{width:100%;min-height:60px;padding:9px 11px;border:1.5px solid #E4E7EB;border-radius:9px;font:inherit;font-size:13.5px;resize:vertical;box-sizing:border-box}
.fuform input[type=date]{width:100%;padding:9px 11px;border:1.5px solid #E4E7EB;border-radius:9px;font:inherit;font-size:13.5px;box-sizing:border-box}
.futbl{width:100%;border-collapse:collapse}
.futbl th{background:#FBF7F4;text-align:left;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#6a7178;padding:8px 10px;border:1px solid #EDE7E1}
.futbl td{padding:8px 10px;border:1px solid #F1EFEB;font-size:12.5px;vertical-align:top}
.futbl tr:nth-child(even) td{background:#FCFAF8}
@media(max-width:640px){ .fuform{grid-template-columns:1fr} }

#vU .adm{max-width:1040px;margin:0 auto}
#vU .ahd{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:2px 0 14px}
#vU .ahd h2{font-family:'Space Grotesk','Inter',sans-serif;font-size:22px;font-weight:600;letter-spacing:-.5px;color:#1E293B}
#vU .ahd .sub{font-size:12.5px;color:#6a7178;font-weight:600}
#vU .astats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:14px}
#vU .ast{background:#fff;border:1px solid #E4E7EB;border-radius:12px;padding:11px 14px}
#vU .ast .n{font-size:22px;font-weight:800;color:#1E293B;letter-spacing:-.5px}
#vU .ast .l{font-size:11px;font-weight:700;color:#6a7178}
#vU .ast.hl{background:linear-gradient(140deg,#FFF1EA,#FFE3D5);border-color:#F7C4AC}#vU .ast.hl .n{color:#E24A16}
#vU .abar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
#vU .abar input,#vU .abar select{padding:9px 12px;border:1.5px solid #E4E7EB;border-radius:10px;font:inherit;font-size:13.5px;background:#fff}
#vU .abar input{flex:1;min-width:180px}
#vU .acard{background:#fff;border:1px solid #E4E7EB;border-radius:16px;overflow:auto;box-shadow:0 10px 30px -18px rgba(27,26,23,.25)}
#vU table{width:100%;border-collapse:collapse;min-width:760px}
#vU thead th{background:#FBF7F4;text-align:left;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#6a7178;padding:11px 14px;border-bottom:1px solid #E4E7EB;white-space:nowrap}
#vU tbody td{padding:11px 14px;border-bottom:1px solid #F1EFEB;font-size:13.5px}
#vU tbody tr:hover{background:#FFF9F5}#vU tbody tr.off{opacity:.5}
#vU .nm{font-weight:700;color:#1E293B}#vU .un{font-size:11.5px;color:#6a7178}
#vU .td{font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:999px}
#vU .d-SE{background:#EAF3FF;color:#1D4ED8}#vU .d-RM{background:#EAF7EE;color:#15803D}#vU .d-TL{background:#FDECCF;color:#B45309}#vU .d-SM{background:#F3E8FF;color:#7E22CE}
#vU .radm{font-size:10px;font-weight:800;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,#FF7A45,#E24A16);padding:2px 8px;border-radius:999px}
#vU .rmem{font-size:11px;font-weight:700;color:#6a7178}
#vU .aact{display:flex;gap:6px;justify-content:flex-end}
#vU .aic{width:30px;height:30px;border:1px solid #E4E7EB;background:#fff;border-radius:8px;display:grid;place-items:center;cursor:pointer;color:#6a7178;font-size:14px}
#vU .aic:hover{border-color:#E24A16;color:#E24A16}#vU .aic.del:hover{border-color:#dc2626;color:#dc2626}
#vU .amsg{padding:30px;text-align:center;color:#6a7178}
.aov{position:fixed;inset:0;background:rgba(27,26,23,.5);display:none;align-items:center;justify-content:center;padding:16px;z-index:400}
.aov.on{display:flex}
.amc{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:92vh;overflow:auto;box-shadow:0 30px 70px -20px rgba(27,26,23,.5)}
.amh{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #E4E7EB;background:linear-gradient(180deg,#FFF3EC,#fff)}
.amh h3{font-family:'Space Grotesk','Inter',sans-serif;font-size:18px;font-weight:600}
.amx{width:32px;height:32px;border:1px solid #E4E7EB;background:#fff;border-radius:9px;font-size:18px;color:#6a7178;cursor:pointer}
.amb{padding:16px 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.aff{display:flex;flex-direction:column}.aff.full{grid-column:1/-1}
.aff label{font-size:11.5px;font-weight:700;color:#6a7178;margin-bottom:5px}.aff .rq{color:#dc2626}
.aff input,.aff select{padding:10px 12px;border:1.5px solid #E4E7EB;border-radius:10px;font:inherit;font-size:14px}
.aff input:focus,.aff select:focus{outline:none;border-color:#E24A16;box-shadow:0 0 0 3px rgba(226,74,22,.1)}
.aff .hint{font-size:10.5px;color:#6a7178;margin-top:4px}
.aerr{grid-column:1/-1;color:#dc2626;font-size:12.5px;font-weight:600;display:none}
.amf{display:flex;gap:10px;padding:14px 20px;border-top:1px solid #E4E7EB}
.abtn{padding:10px 16px;border:0;border-radius:10px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;background:linear-gradient(180deg,#FF7A45,#E24A16);color:#fff}
.abtn.g{background:#fff;color:#1E293B;border:1px solid #E4E7EB}
@media(max-width:560px){.amb{grid-template-columns:1fr}}

#vX .adm{max-width:1000px;margin:0 auto}
#vX .ahd{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:2px 0 12px}
#vX .ahd h2{font-family:'Space Grotesk','Inter',sans-serif;font-size:22px;font-weight:600;letter-spacing:-.5px;color:#1E293B}
#vX .ahd .sub{font-size:12.5px;color:#6a7178;font-weight:600}
#vX .subnav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
#vX .subnav button{border:1px solid #E7E1DC;background:#fff;color:#5f6368;font:inherit;font-size:12.5px;font-weight:700;padding:8px 13px;border-radius:999px;cursor:pointer}
#vX .subnav button.on{background:linear-gradient(180deg,#FF7A45,#E24A16);color:#fff;border-color:transparent}
#vX .astats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:14px}
#vX .ast{background:#fff;border:1px solid #E4E7EB;border-radius:12px;padding:12px 14px}
#vX .ast .n{font-size:20px;font-weight:800;color:#1E293B;letter-spacing:-.5px}
#vX .ast .l{font-size:11px;font-weight:700;color:#6a7178;margin-top:1px}
#vX .ast.hl{background:linear-gradient(140deg,#FFF1EA,#FFE3D5);border-color:#F7C4AC}#vX .ast.hl .n{color:#E24A16}
#vX .ast.gd .n{color:#0F6E56}#vX .ast.rd .n{color:#B4231F}
#vX .abar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-bottom:11px}
#vX .abar input,#vX .abar select{padding:8px 11px;border:1.5px solid #E4E7EB;border-radius:9px;font:inherit;font-size:13px;background:#fff}
#vX .acard{background:#fff;border:1px solid #E4E7EB;border-radius:14px;overflow:auto;box-shadow:0 10px 30px -20px rgba(27,26,23,.25)}
#vX table{width:100%;border-collapse:collapse;min-width:560px}
#vX thead th{background:#FBF7F4;text-align:left;font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#6a7178;padding:10px 13px;border-bottom:1px solid #E4E7EB;white-space:nowrap}
#vX tbody td{padding:10px 13px;border-bottom:1px solid #F1EFEB;font-size:13px}
#vX tbody tr:hover{background:#FFF9F5}
#vX .rt{text-align:right}
#vX .pill{font-size:10px;font-weight:800;padding:3px 8px;border-radius:999px}
#vX .p-in{background:#E1F5EE;color:#0F6E56}#vX .p-ex{background:#FCEBEB;color:#B4231F}
#vX .p-pend{background:#FAEEDA;color:#854F0B}#vX .p-paid{background:#E1F5EE;color:#0F6E56}
#vX .aic{width:28px;height:28px;border:1px solid #E4E7EB;background:#fff;border-radius:7px;cursor:pointer;color:#6a7178;font-size:13px}
#vX .aic:hover{border-color:#E24A16;color:#E24A16}
#vX .amsg{padding:26px;text-align:center;color:#8a8f96;font-size:13px}
#vX .cfrow{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #F1EFEB}
#vX .cfm{width:64px;font-size:12px;font-weight:700;color:#1E293B}
#vX .cfbars{flex:1;display:flex;flex-direction:column;gap:4px}
#vX .cfbar{height:10px;border-radius:5px}
#vX .cfin{background:#1D9E75}#vX .cfex{background:#E24A16}
#vX .cfnet{width:96px;text-align:right;font-size:12.5px;font-weight:800}
#vX .rpline{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed #EDE7E1;font-size:13px}
#vX .rphd{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#6a7178;margin:14px 0 4px}

.aibtn{position:fixed;right:16px;bottom:16px;z-index:130;width:52px;height:52px;border-radius:50%;background:linear-gradient(140deg,#7c3aed,#E24A16);color:#fff;border:0;cursor:pointer;box-shadow:0 8px 24px -6px rgba(124,58,237,.55);font-size:22px;display:none;place-items:center}
body.authed .aibtn{display:grid}
@media(max-width:640px){ body.authed .aibtn{bottom:84px} }
.aipanel{position:fixed;right:16px;bottom:80px;z-index:131;width:400px;max-width:94vw;height:560px;max-height:78vh;background:#fff;border:1px solid #E4E7EB;border-radius:18px;box-shadow:0 30px 70px -20px rgba(27,26,23,.5);display:none;flex-direction:column;overflow:hidden}
.aipanel.on{display:flex}
@media(max-width:640px){ .aipanel{bottom:148px;right:3vw;left:3vw;width:auto} }
.aih{display:flex;align-items:center;gap:8px;padding:13px 15px;background:linear-gradient(135deg,#7c3aed,#E24A16);color:#fff}
.aih b{font-size:15px;font-weight:700}
.aih .aix{background:rgba(255,255,255,.2);border:0;color:#fff;width:28px;height:28px;border-radius:8px;cursor:pointer;font-size:15px}
.aih .aix.set{margin-left:auto}
.ailog{flex:1;overflow:auto;padding:12px 14px;display:flex;flex-direction:column;gap:9px;background:#FAFAFB}
.aimsg{max-width:86%;padding:9px 12px;border-radius:12px;font-size:13px;line-height:1.45;white-space:pre-wrap}
.aimsg.u{align-self:flex-end;background:#EDE9FE;color:#4c1d95}
.aimsg.a{align-self:flex-start;background:#fff;border:1px solid #EDE7E1;color:#1E293B}
.aimsg.ok{align-self:flex-start;background:#E1F5EE;color:#0F6E56;border:1px solid #BEE7D6}
.aimsg.err{align-self:flex-start;background:#FCEBEB;color:#B4231F;border:1px solid #F5C6C6}
.aihint{font-size:11px;color:#8a8f96;padding:6px 14px;background:#FAFAFB;border-top:1px solid #F0EEEA}
.aiin{display:flex;gap:8px;align-items:flex-end;padding:11px;border-top:1px solid #E4E7EB;background:#fff}
.aiin textarea{flex:1;padding:10px 12px;border:1.5px solid #E4E7EB;border-radius:10px;font:inherit;font-size:14px;resize:vertical;min-height:70px;max-height:200px;line-height:1.45;box-sizing:border-box}
.aiin button{background:linear-gradient(140deg,#7c3aed,#E24A16);color:#fff;border:0;border-radius:10px;padding:0 15px;font-weight:700;cursor:pointer}

/* ================= LOGIN PAGE ================= */
#fm-login-ov{display:none!important;visibility:hidden!important}
#fmlogin{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;
  background:linear-gradient(140deg,#FFF6F1 0%,#FBF7F4 45%,#F4F6F8 100%);overflow:auto}
#fmlogin.on{display:flex}
body.logging main,body.logging .topbar,body.logging .mnav,body.logging .bottomnav,body.logging .aibtn{display:none!important}
.lgcard{width:100%;max-width:400px;background:#fff;border:1px solid #EFE3DA;border-radius:20px;
  box-shadow:0 30px 70px -25px rgba(27,26,23,.35);padding:34px 30px}
.lgbrand{text-align:center;margin-bottom:6px}
.lgbrand .w{font-size:29px;font-weight:800;letter-spacing:-.5px}
.lgbrand .w .a{color:#1E293B}
.lgbrand .w .b{color:#E24A16}
.lgtag{text-align:center;font-size:11.5px;color:#8a8f96;font-weight:600;letter-spacing:.3px;margin-bottom:26px}
.lgh{font-size:15px;font-weight:800;color:#1E293B;margin-bottom:3px}
.lgs{font-size:12.5px;color:#6a7178;margin-bottom:20px}
.lgf{margin-bottom:14px}
.lgf label{display:block;font-size:11px;font-weight:800;color:#6a7178;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}
.lgf input{width:100%;box-sizing:border-box;padding:12px 13px;border:1.5px solid #E4E7EB;border-radius:11px;
  font:inherit;font-size:14.5px;color:#1E293B;background:#fff;transition:border-color .15s,box-shadow .15s}
.lgf input:focus{outline:none;border-color:#E24A16;box-shadow:0 0 0 3px rgba(226,74,22,.12)}
.lgpw{position:relative}
.lgpw button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;
  font-size:11px;font-weight:800;color:#8a8f96;cursor:pointer;padding:6px}
.lgpw button:hover{color:#E24A16}
.lgbtn{width:100%;padding:13px;border:0;border-radius:11px;background:#E24A16;color:#fff;
  font:inherit;font-size:15px;font-weight:800;cursor:pointer;margin-top:8px;transition:background .15s}
.lgbtn:hover{background:#c93f10}
.lgbtn:disabled{opacity:.6;cursor:default}
.lgerr{display:none;background:#FCEBEB;border:1px solid #F5C6C6;color:#B4231F;border-radius:10px;
  padding:10px 12px;font-size:12.5px;margin-bottom:14px}
.lgerr.on{display:block}
.lgforgot{text-align:center;margin-top:16px}
.lgforgot a{font-size:12.5px;font-weight:700;color:#6a7178;text-decoration:none}
.lgforgot a:hover{color:#E24A16;text-decoration:underline}
.lgfoot{text-align:center;font-size:11px;color:#9aa0a6;margin-top:18px;line-height:1.7}
.lgfoot a{color:#E24A16;text-decoration:none;font-weight:700}
@media(max-width:480px){ .lgcard{padding:28px 22px;border-radius:16px} .lgbrand .w{font-size:25px} }

.bkov{position:fixed;inset:0;z-index:9998;background:rgba(27,26,23,.5);display:none;align-items:flex-start;justify-content:center;padding:24px 14px;overflow:auto}
.bkov.on{display:flex}
.bkc{background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 30px 70px -20px rgba(27,26,23,.5)}
.bkh{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #E4E7EB;background:linear-gradient(180deg,#FFF3EC,#fff);border-radius:16px 16px 0 0}
.bkh h3{font-size:16px;font-weight:800;color:#1E293B}
.bkx{width:30px;height:30px;border:1px solid #E4E7EB;background:#fff;border-radius:8px;font-size:17px;color:#6a7178;cursor:pointer}
.bkb{padding:16px 18px}
.bkrow{border:1px solid #EFE3DB;border-radius:12px;padding:13px;margin-bottom:12px;background:#FBF7F4}
.bkrow h4{font-size:13px;font-weight:800;color:#1E293B;margin-bottom:3px}
.bkrow p{font-size:12px;color:#6a7178;line-height:1.5;margin-bottom:10px}
.bkrow .fmbtn{border:0;border-radius:9px;padding:9px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;margin-right:8px}
.bkrow .pri{background:#E24A16;color:#fff}
.bkrow .sec{background:#fff;border:1px solid #d9dde3;color:#2b3340}
.bkrow .dng{background:#fff;border:1px solid #f5c6c6;color:#B4231F}
.bkstat{font-size:11.5px;color:#8a8f96;margin-top:6px}


/* ===================================================================
   Bridge additions for the FM app shell (topbar widgets + coexistence
   with the legacy Bootstrap view bodies during the theme rollout).
   =================================================================== */
/* Topbar dropdowns (native <details>) — Accounts / Settings / profile */
.fmdd{position:relative;list-style:none}
.fmdd>summary{list-style:none;cursor:pointer;user-select:none}
.fmdd>summary::-webkit-details-marker{display:none}
.fmdd>summary::marker{content:''}
.fmdd[open]>summary{filter:brightness(.97)}
.fmddmenu{position:absolute;right:0;top:calc(100% + 6px);z-index:60;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px -10px rgba(60,64,67,.35);padding:6px;min-width:200px;max-height:70vh;overflow:auto}
.fmddmenu a{display:block;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;color:#3c4043;text-decoration:none;white-space:nowrap}
.fmddmenu a:hover{background:#F3F7FC;color:#5E7CA6}
/* Small notification pills in the topbar */
.fmpill{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:11px;font-weight:800;background:#EDEAE2;color:#5f6368;margin-left:5px}
.fmpill.ok{background:var(--okbg);color:var(--ok)}
.fmpill.bad{background:#FBE0DE;color:#c8371f}
/* Topbar icon buttons */
.fmicon{position:relative;width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#5f6368;font-size:15px;cursor:pointer;display:inline-grid;place-items:center}
.fmicon:hover{background:#f4f5f7}
.fmicon .fmpill{position:absolute;top:-6px;right:-6px;margin:0}
.who{cursor:pointer}
/* The legacy inquiry/lead form panel is injected here by JS on the new shell too */
.theme-new .inquiry_form_sec:empty{display:none}

/* ===================================================================
   LEGACY BOOTSTRAP → JOURNEY-LITE BRIDGE
   Scoped entirely under .theme-new so flag-off (legacy) mode is never
   affected. Restyles the Bootstrap component primitives used across the
   app's existing Twig views into the new design language, giving every
   screen the journey-lite look without rewriting view markup or JS.
   =================================================================== */

/* ---- Layout: give the app body room (view tables are wide) ---- */
.theme-new main{max-width:1320px}
.theme-new .container-fluid{padding-left:0;padding-right:0}

/* ---- Cards ---- */
.theme-new .card{background:var(--card);border:1px solid var(--line);border-radius:16px;
    box-shadow:var(--shadow);overflow:hidden}
.theme-new .card.h-100{height:100%}
.theme-new .card-body{padding:16px 18px}
.theme-new .card-header{background:#fff;border-bottom:1px solid var(--line);padding:14px 18px;
    font-family:'Space Grotesk',sans-serif;font-weight:600;color:var(--ink)}
.theme-new .card-title,
.theme-new .card>h4{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;
    letter-spacing:-.2px;color:var(--ink);margin:14px 14px 4px}

/* ---- Buttons ---- */
.theme-new .btn{border-radius:10px;font-weight:700;font-size:13.5px;padding:9px 15px;border:1px solid transparent;
    transition:filter .15s,transform .12s,box-shadow .15s;box-shadow:none}
.theme-new .btn:active{transform:translateY(1px)}
.theme-new .btn-sm{padding:6px 11px;font-size:12.5px;border-radius:9px}
.theme-new .btn-block{width:100%}
.theme-new .btn-primary,.theme-new .btn-info{background:linear-gradient(180deg,#FF7A45,#E24A16);
    border-color:transparent;color:#fff;box-shadow:0 8px 16px -8px rgba(226,74,22,.55)}
.theme-new .btn-primary:hover,.theme-new .btn-info:hover{filter:brightness(1.05);color:#fff}
.theme-new .btn-success{background:var(--ok);border-color:transparent;color:#fff}
.theme-new .btn-success:hover{filter:brightness(1.05);color:#fff}
.theme-new .btn-danger{background:#e23b2e;border-color:transparent;color:#fff}
.theme-new .btn-warning{background:#E9A23B;border-color:transparent;color:#fff}
.theme-new .btn-secondary{background:#5E7CA6;border-color:transparent;color:#fff}
.theme-new .btn-default,.theme-new .btn-light,.theme-new .btn-outline,
.theme-new .btn-outline-secondary{background:#fff;border-color:var(--line);color:var(--mut)}
.theme-new .btn-default:hover,.theme-new .btn-light:hover,.theme-new .btn-outline:hover{background:#f4f5f7;color:var(--ink)}
.theme-new .btn-group>.btn{box-shadow:none}

/* ---- Forms ---- */
.theme-new .form-group{margin-bottom:14px}
.theme-new .form-control,.theme-new .custom-select,
.theme-new .select2-container--default .select2-selection--single{
    border:1.5px solid var(--line)!important;border-radius:10px;background:#F8FAFB;color:#3c4043;
    font-size:14px;min-height:40px;height:auto;padding:8px 12px;box-shadow:none;transition:border-color .15s,background .15s}
.theme-new .form-control-lg{min-height:46px;font-size:15px}
.theme-new .form-control:focus,.theme-new .custom-select:focus{border-color:var(--o)!important;background:#fff;
    box-shadow:0 0 0 3px rgba(255,107,53,.12)}
.theme-new label{font-size:12.5px;font-weight:700;color:#5f6368}
.theme-new .select2-container--default .select2-selection--single{display:flex;align-items:center}
.theme-new .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:1.4;padding:0;color:#3c4043}
.theme-new .select2-container--default .select2-selection--single .select2-selection__arrow{height:38px}
.theme-new .select2-dropdown{border:1.5px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}
.theme-new .input-group-text{border:1.5px solid var(--line);background:#F1F3F4;color:#5f6368;border-radius:10px}

/* ---- Tables ---- */
.theme-new .table{color:#41474e;font-size:13px;margin-bottom:0}
.theme-new .table thead th{background:#F6F8FA;color:#5f6368;font-family:'Space Grotesk',sans-serif;
    font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--line);
    border-top:0;padding:11px 12px;white-space:nowrap}
.theme-new .table td{padding:10px 12px;border-top:1px solid #eef0f2;vertical-align:middle}
.theme-new .table-bordered,.theme-new .table-bordered td,.theme-new .table-bordered th{border-color:#eef0f2}
.theme-new .table-striped tbody tr:nth-of-type(odd){background:#FBFCFD}
.theme-new .table-hover tbody tr:hover{background:#F3F7FC}
.theme-new .table-responsive{border-radius:12px}
.theme-new tbody tr.selected-tr{background:#FFF3EC!important}

/* ---- Badges / labels ---- */
.theme-new .badge,.theme-new .label{display:inline-grid;place-items:center;padding:3px 9px;border-radius:999px;
    font-size:11px;font-weight:800;line-height:1.4}
.theme-new .badge-success,.theme-new .label-success,.theme-new .bg-success{background:var(--okbg);color:var(--ok)}
.theme-new .badge-warning,.theme-new .label-warning,.theme-new .bg-warning{background:#FFF1DC;color:#b06a1a}
.theme-new .badge-danger,.theme-new .label-danger,.theme-new .bg-danger{background:#FBE0DE;color:#c8371f}
.theme-new .badge-info,.theme-new .label-info,.theme-new .bg-info{background:#E7EEF7;color:#3f6bbf}
.theme-new .badge-primary,.theme-new .label-primary{background:#FFEDE4;color:var(--o2)}

/* ---- Modals ---- */
.theme-new .modal-content{border:0;border-radius:18px;box-shadow:0 40px 80px -30px rgba(60,64,67,.45);overflow:hidden}
.theme-new .modal-header{background:#fff;border-bottom:1px solid var(--line);padding:18px 22px}
.theme-new .modal-title{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.3px;color:var(--ink)}
.theme-new .modal-body{padding:20px 22px}
.theme-new .modal-footer{background:#FAFBFC;border-top:1px solid var(--line);padding:14px 22px}

/* ---- Tabs / nav ---- */
.theme-new .nav-tabs{border-bottom:1px solid var(--line)}
.theme-new .nav-tabs .nav-link{border:0;border-bottom:3px solid transparent;color:#6a7178;font-weight:600;font-size:13.5px}
.theme-new .nav-tabs .nav-link.active{color:#5E7CA6;background:none;border-bottom-color:#7E97B9}

/* ---- Dropdowns (bootstrap) ---- */
.theme-new .dropdown-menu{border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px -10px rgba(60,64,67,.35);padding:6px}
.theme-new .dropdown-item{border-radius:8px;font-size:13px;font-weight:600;padding:8px 12px}
.theme-new .dropdown-item:hover{background:#F3F7FC;color:#5E7CA6}

/* ---- Misc app widgets that must stay visible on the new shell ---- */
.theme-new .inquiry_form_sec{margin-top:8px}

/* ===== Enquiry listing (#data_table) → newcrm .altbl look, no layout change
   so every existing inline control / JS hook keeps working. ===== */
.theme-new .fmcard.nopad{padding:0;overflow:visible}
.theme-new .fmcard.nopad .altop{padding:14px 18px}
.theme-new #data_table_container{overflow:auto;max-width:100%}
.theme-new #data_table{border-collapse:collapse;font-size:12.5px;margin:0;width:100%}
.theme-new #data_table thead th{position:sticky;top:0;background:#5a6472;color:#fff;font-family:'Space Grotesk',sans-serif;
    font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:10px 8px;border:0;white-space:nowrap;z-index:2}
.theme-new #data_table td{padding:8px 8px;border-top:0;border-bottom:1px solid #EDEFF2;vertical-align:middle;color:#474d54}
.theme-new #data_table.table-bordered td,.theme-new #data_table.table-bordered th{border-left:0;border-right:0}
.theme-new #data_table tbody tr:nth-child(even) td{background:#FAFBFC}
.theme-new #data_table tbody tr:hover td{background:#F1F3F4}
.theme-new #data_table tbody tr.pending-followup-tr td{background:#FFF6F1}
.theme-new #data_table tbody tr.selected-tr td{background:#FFF3EC}
.theme-new #data_table tbody tr.duplicate-entry-tr td{background:#FFF9E8}
/* follow-up / reminder chips in the header (newcrm .rembtn) */
.theme-new .dripcad{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.theme-new .rembtn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:20px;
    padding:6px 13px;font:inherit;font-size:12px;font-weight:700;color:#5f6368;cursor:pointer}
.theme-new .rembtn:hover{border-color:#F7B79C;color:var(--o2)}
.theme-new .rembtn b{color:#3c4043}
.theme-new .alcount{font-size:12px;font-weight:700;color:var(--o2);background:var(--p);padding:5px 12px;border-radius:20px;white-space:nowrap}

/* action-cell links (arrange-meeting / open-folder use <a>, match .alact button) */
.theme-new .alact a{flex:0 0 auto;width:26px;height:26px;border:1px solid #d9dde3;background:#fff;border-radius:7px;cursor:pointer;display:grid;place-items:center;color:#2b2f36;transition:all .14s;text-decoration:none}
.theme-new .alact a svg{width:15px;height:15px}
.theme-new .alact a:hover{border-color:#c4cad2;background:#F1F3F4}
/* name/ref cell chips (mdi share/copy/edit-stage links) sit inline, muted */
.theme-new .nmbtns a,.theme-new .mobcell a:not(.wchip):not(.dupct),.theme-new .edit-stage{color:#8a93a3;font-size:13px;text-decoration:none;margin-left:2px}
.theme-new .nmbtns a:hover,.theme-new .mobcell a:not(.wchip):not(.dupct):hover,.theme-new .edit-stage:hover{color:var(--o2)}
.theme-new .alstg{margin-right:2px}

/* enquiry inline priority checkbox (plain, accent-coloured; no bootstrap absolute float) */
.theme-new #data_table .fmprio{width:16px;height:16px;accent-color:var(--o2);cursor:pointer;margin:0;position:static;vertical-align:middle}

/* ===== Enquiry "All leads" FULL-WIDTH view using newcrm .altbl ===== */
.theme-new .fmwide{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 16px;box-sizing:border-box}
.theme-new .altbl-wrap{overflow-x:auto;width:100%}
/* app table has 18 cols (≠ mockup's fixed layout) → auto-size + show everything, scroll horizontally */
.theme-new #data_table.altbl{table-layout:auto;width:max-content;min-width:100%}
.theme-new #data_table.altbl th,
.theme-new #data_table.altbl td{width:auto;overflow:visible;text-overflow:clip;white-space:nowrap}
.theme-new #data_table.altbl th{position:sticky;top:0;background:#5a6472;color:#fff;font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:10px 9px;z-index:2}
.theme-new #data_table.altbl td{padding:8px 9px;border-bottom:1px solid #EDEFF2;vertical-align:middle;color:#474d54}
.theme-new #data_table.altbl tbody tr:nth-child(even) td{background:#FAFBFC}
.theme-new #data_table.altbl tbody tr:hover td{background:#F1F3F4}
.theme-new #data_table.altbl tbody tr.pending-followup-tr td{background:#FFF6F1}
.theme-new #data_table.altbl tbody tr.duplicate-entry-tr td{background:#FFF9E8}