:root{ --bg:#0a0e1a;--bg2:#0f1525;--card:#131a2c;--card2:#172036;--line:rgba(255,255,255,.08);--txt:#eef2fb;--muted:#9aa6c2;--accent:#3b54d4;--accent2:#6478e6;--green:#10b981;--gold:#f5b544;--purple:#8b5cf6;--red:#ef4444;--navy:#3b5bdb;--wa:#25d366;--grad:linear-gradient(135deg,#3b54d4,#6478e6);--glass:rgba(255,255,255,.04);--glass2:rgba(255,255,255,.06);--glass-hover:rgba(255,255,255,.12);--sidebar:#0c1120;--opt-bg:#172036;--opt-tx:#eef2fb;} body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--txt);transition:.3s} a{text-decoration:none;color:inherit} input,select,textarea{font-family:inherit;font-size:14px;color:var(--txt);background:var(--glass);border:1px solid var(--line);border-radius:10px;padding:11px 13px} input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)} .btn{border:none;background:var(--grad);color:#fff;font-weight:700;font-size:14px;padding:11px 18px;border-radius:10px;display:inline-flex;align-items:center;gap:7px;transition:.2s} .btn:hover{transform:translateY(-1px)} .btn-ghost{background:var(--glass2);color:var(--txt);border:1px solid var(--line)} .theme-btn{width:42px;height:42px;border-radius:11px;background:var(--glass2);border:1px solid var(--line);color:var(--txt);font-size:16px;display:grid;place-items:center;flex-shrink:0;transition:transform .15s ease,background .2s ease} .btn:active,.navitem:active,.callbtn:active,.editbtn:active,.rowbtn:active,.svc:active,.theme-btn:active,.hamb:active,.tpl:active,.lbtn:active{transform:scale(.97)} #login{min-height:100vh;display:none;place-items:center;padding:24px;position:relative;overflow:hidden} #login.show{display:grid} .blob{position:absolute;border-radius:50%;filter:blur(110px);opacity:.4;z-index:0} .b1{width:480px;height:480px;background:#7b61ff;top:-160px;right:-120px}.b2{width:420px;height:420px;background:#9d8bff;bottom:-180px;left:-140px;opacity:.3} .lshell{position:relative;z-index:2;width:100%;max-width:430px} .lbrand{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:24px;margin-bottom:22px} .lbrand .dot{width:34px;height:34px;border-radius:10px;background:var(--grad);display:grid;place-items:center;font-size:18px;color:#fff} .lcard{background:linear-gradient(160deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.4)} [data-theme="light"] .lcard{box-shadow:0 24px 70px rgba(123,97,255,.16)} [data-theme="light"] .blob{opacity:.28} .tabs{display:flex;gap:6px;background:var(--glass);border:1px solid var(--line);padding:5px;border-radius:13px;margin-bottom:22px} .tabs button{flex:1;border:none;background:none;color:var(--muted);font-weight:700;padding:11px;border-radius:9px;font-size:14px;transition:.2s} .tabs button.active{background:var(--grad);color:#fff} .lcard h2{font-size:20px;margin-bottom:4px}.lcard .sub{color:var(--muted);font-size:14px;margin-bottom:18px} .pane{display:none}.pane.show{display:block} .fld2{margin-bottom:14px}.fld2 label{font-size:13px;font-weight:600;color:var(--muted);display:block;margin-bottom:7px} .fld2 input,.fld2 select{width:100%} .lbtn{width:100%;justify-content:center;margin-top:4px} .hint{margin-top:16px;padding:12px 14px;border-radius:11px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25);font-size:12.5px;color:#9fe3c6} [data-theme="light"] .hint{color:#1d7a55} .lback{display:block;text-align:center;margin-top:16px;color:var(--muted);font-size:13.5px} #login .theme-btn{position:absolute;top:20px;right:20px;z-index:3} .logo .dot{width:28px;height:28px;border-radius:8px;background:var(--grad);display:grid;place-items:center;font-size:15px;color:#fff} .controls input,.controls select{font-size:13.5px;padding:9px 12px} .sec-title .sub{text-transform:none;letter-spacing:normal;font-weight:400}.up-card .sub{font-size:13px;color:var(--muted);margin-bottom:14px} .btn-up{background:linear-gradient(135deg,#f5b544,#ef7e44);color:#2a1a05;border:none;font-weight:800;font-size:14px;padding:12px;border-radius:11px;text-align:center} .chat-input input{flex:1;background:var(--glass);border:1px solid var(--line);border-radius:11px;padding:12px 14px;color:var(--txt);font-family:inherit;font-size:14px} .chat-input input:focus{outline:none;border-color:var(--accent)} .panel-head h2{font-size:16px} .wpanel h2{font-size:16px;margin-bottom:4px}.wpanel .sub{font-size:13px;color:var(--muted);margin-bottom:14px}.wfield label{font-size:12.5px;font-weight:600;color:var(--muted);display:block;margin-bottom:6px} .wfield input,.wfield select,.wfield textarea{width:100%} .fld label{font-size:12.5px;font-weight:600;color:var(--muted);display:block;margin-bottom:6px}.fld input,.fld select,.fld textarea{width:100%} .dbrange input[type=date]{font-size:12px;padding:6px 8px;border-radius:8px} [data-theme="light"] .datebar input[type=date]{color-scheme:light} .gsbox input[type=text]{font-size:13px} input[type=datetime-local]{color-scheme:dark} [data-theme="light"] input[type=datetime-local]{color-scheme:light} html{scroll-behavior:smooth} .btn:active,.btn-ghost:active,.qa:active,.qf:active,.ocbtn:active,.movebtn:active,.cbquick button:active,.theme-btn:active,.callbtn:active,.wabtn:active,.emailbtn:active,.sharebtn:active,.editbtn:active{transform:scale(.95)} .lbrand .brand-img{height:34px;width:34px} .ltag{text-align:center;color:var(--muted);font-size:13px;margin:-6px 0 16px;font-weight:600} .setfield input[type=text]{width:100%;max-width:360px;background:var(--glass);border:1px solid var(--line);border-radius:10px;padding:11px 13px;color:var(--txt);font-size:14px;font-family:inherit;transition:.15s} .setfield input[type=text]:focus{outline:none;border-color:var(--accent)} .setfield input[type=color]{width:56px;height:42px;padding:3px;background:var(--glass);border:1px solid var(--line);border-radius:10px;cursor:pointer} .pfcard h2{font-size:16px;margin-bottom:6px} .pffld label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px} .pffld input{width:100%}.ntf input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer} .duprow .sub{font-size:11.5px} .auto-row input[type=checkbox]{width:auto;margin-top:3px} .auto-row input[type=number]{background:var(--glass);border:1px solid var(--line);border-radius:9px;color:var(--txt);padding:9px;font-size:14px} .anr-inputs input[type=date]{background:var(--glass);border:1px solid var(--line);border-radius:9px;color:var(--txt);padding:8px 10px;font-size:13px;color-scheme:dark} [data-theme="light"] .anr-inputs input[type=date]{color-scheme:light} input[type=date]{color-scheme:dark} [data-theme="light"] input[type=date]{color-scheme:light} .bc-banner{display:none;position:fixed;top:0;left:0;right:0;z-index:300;background:var(--grad);color:#fff;font-weight:700;font-size:13.5px;padding:9px 16px;align-items:center;justify-content:center;gap:12px;text-align:center} .bc-banner button{background:rgba(0,0,0,.18);border:none;color:#fff;font-weight:800;border-radius:6px;min-width:22px;height:22px;padding:0 8px;cursor:pointer;flex-shrink:0} .imp-banner{background:linear-gradient(135deg,#f5b544,#ef7e44)!important;z-index:301} .focus-nav .btn[disabled]{opacity:.4;pointer-events:none} .bulkbar select,.bulkbar input{background:var(--glass);border:1px solid var(--line);border-radius:8px;color:var(--txt);padding:7px 9px;font-size:12.5px} .bulkbar .btn{padding:7px 12px;font-size:12.5px} :root{--ease:cubic-bezier(.4,0,.2,1);--shadow-1:0 1px 2px rgba(8,12,24,.22);--shadow-2:0 4px 14px rgba(8,12,24,.30);--shadow-3:0 12px 32px rgba(8,12,24,.42);--ring:0 0 0 3px rgba(59,84,212,.38);--muted:#a7b3cd} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth} body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;text-rendering:optimizeLegibility} button,.btn,.navitem,.subnav,.chip,.qf,.kcard,.lrow,.stat,.svc,.panel,.kd,.movebtn,.ocbtn,.theme-btn,.sw,input,select,textarea{transition-timing-function:var(--ease)!important} .kcard:hover,.svc:hover,.stat:hover,.btn:hover{box-shadow:var(--shadow-2)} button:focus-visible,.btn:focus-visible,.navitem:focus-visible,.chip:focus-visible{outline:none;box-shadow:var(--ring)} input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring)} html[data-density="compact"] body{font-size:13.5px} html[data-density="compact"] .stat{padding:12px 13px} html[data-density="compact"] .kcard{padding:8px 10px;margin-bottom:6px} html[data-density="compact"] .kc-head{gap:7px} html[data-density="compact"] .navitem{padding:7px 12px} html[data-density="compact"] .lrow{padding:8px 10px;margin-bottom:5px} html[data-density="compact"] .panel{padding:15px!important} html[data-density="compact"] .kstat{padding:9px 11px} html[data-density="compact"] .chip{padding:5px 9px} html[data-density="compact"] .sec-title{margin:12px 0 8px} html[data-density="compact"] .kstrip{gap:8px}.sw-item .sub{font-size:12px} .pfcard h2{font-size:15px;margin-bottom:12px} :root{--ease-out:cubic-bezier(.22,.61,.36,1);--ease-soft:cubic-bezier(.4,0,.2,1);--m-fast:.12s;--m-med:.2s} .btn,.addlead-btn,.theme-btn,.qa,.svc,.chip,.qf,.pf-seg,.navitem,.pres-toggle{transition:transform var(--m-fast) var(--ease-out),background var(--m-med) var(--ease-soft),color var(--m-med) var(--ease-soft),box-shadow var(--m-med) var(--ease-soft),border-color var(--m-med) var(--ease-soft)} .btn:active,.addlead-btn:active,.theme-btn:active,.qa:active,.svc:active,.chip:active,.pf-seg:active,.navitem:active{transform:translateY(.5px) scale(.978)} .btn:hover{box-shadow:0 4px 14px rgba(16,24,40,.10)} .panel,.pfcard,.lcard,.kcard,.qa,.svc{transition:transform var(--m-med) var(--ease-out),box-shadow var(--m-med) var(--ease-out),border-color var(--m-med) var(--ease-soft)} input,select,textarea{transition:border-color var(--m-med) var(--ease-soft),box-shadow var(--m-med) var(--ease-soft),background var(--m-med) var(--ease-soft)} .wt-ed input,.wt-ed textarea{width:100%} .skip-link{position:fixed;top:-60px;left:12px;z-index:100000;background:var(--accent);color:#fff;padding:10px 16px;border-radius:0 0 10px 10px;font-weight:700;font-size:13px;text-decoration:none;transition:top .18s var(--ease-out,ease)} .skip-link:focus{top:0;outline:2px solid #fff;outline-offset:2px} button:focus-visible,a:focus-visible,.navitem:focus-visible,.qf:focus-visible,.chip:focus-visible,.kcard:focus-visible,[role="button"]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)} @media(min-width:769px){ .bn-more{align-items:center;justify-content:center;padding:24px} .bn-more .bn-more-inner{background:var(--card2,var(--card));width:100%;max-width:430px;border-radius:20px;max-height:86vh;overflow:auto;padding:24px 24px 20px;box-shadow:0 26px 64px rgba(0,0,0,.55);border:1px solid var(--line2,var(--line))} .bn-more .bn-grab{display:none} .pm-wrap{padding-bottom:4px} .pm-head{display:flex;gap:13px;align-items:flex-start;margin:0 0 18px} .pm-hic{width:46px;height:46px;border-radius:13px;background:linear-gradient(120deg,#7b61ff,#3b54d4);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto} .pm-head b{display:block;font-size:16px;font-weight:800;color:var(--txt);margin-bottom:3px} .pm-head span{font-size:13px;color:var(--muted);line-height:1.5} .pm-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:13px 14px;margin-bottom:10px} .pm-ic{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:0 0 auto} .pm-ic.p{background:rgba(123,97,255,.12);color:#7b61ff} .pm-ic.o{background:rgba(224,96,58,.12);color:#e0603a} .pm-ic.g{background:rgba(20,154,90,.12);color:#149a5a} .pm-tx{flex:1;min-width:0;display:flex;flex-direction:column} .pm-t{font-size:13.5px;font-weight:700;color:var(--txt)} .pm-s{font-size:12px;color:var(--muted);margin-top:1px} .pm-ok{color:#149a5a;flex:0 0 auto} .pm-all{width:100%;margin-top:8px;background:linear-gradient(120deg,#7b61ff,#3b54d4);color:#fff;border:0;border-radius:13px;padding:14px;font-size:15px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s} .pm-all:hover{transform:translateY(-1px);box-shadow:0 8px 22px -6px rgba(123,97,255,.6)} .pm-later{width:100%;margin-top:10px;background:none;border:0;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;padding:8px} .pm-later:hover{color:var(--txt)} } @media(min-width:769px){ .tour-wrap{position:fixed;inset:0;z-index:420;background:rgba(8,11,20,.62);backdrop-filter:blur(4px);display:flex!important;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .25s ease} .tour-wrap.show{opacity:1;pointer-events:auto} .tour-wrap .tour-card{background:var(--card);border:1px solid var(--line2,var(--line));border-radius:20px;max-width:400px;width:100%;padding:30px 30px 24px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.55);animation:fadeUp .3s ease both} .tour-wrap .tour-ic{width:58px;height:58px;border-radius:16px;margin:0 auto 16px;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center} .tour-wrap .tour-ic svg{width:28px;height:28px} .tour-wrap .tour-t{font-size:19px;font-weight:800;color:var(--txt)} .tour-wrap .tour-d{font-size:14px;color:var(--muted);line-height:1.6;margin:8px auto 18px;max-width:320px} .tour-wrap .tour-dots{display:flex;gap:6px;justify-content:center;margin-bottom:20px} .tour-wrap .tour-dot{width:7px;height:7px;border-radius:50%;background:var(--line);transition:.25s} .tour-wrap .tour-dot.on{background:var(--accent);width:20px;border-radius:4px} .tour-wrap .tour-btns{display:flex;gap:10px;align-items:center} .tour-wrap .tour-skip{flex:0 0 auto;background:none;border:0;color:var(--muted);font-weight:700;font-size:13.5px;padding:12px 18px;cursor:pointer;border-radius:10px} .tour-wrap .tour-skip:hover{color:var(--txt);background:var(--glass2)} .tour-wrap .tour-next{flex:1;background:var(--grad);color:#fff;border:0;border-radius:13px;padding:13px;font-weight:800;font-size:15px;cursor:pointer;transition:transform .2s,box-shadow .2s} .tour-wrap .tour-next:hover{transform:translateY(-1px);box-shadow:0 10px 24px -6px rgba(123,97,255,.55)} } body.selmode .kcard .lsel{display:inline-flex!important;align-items:center} body.selmode .kcard{border-color:var(--accent)} .wf-wr input[type=range]{flex:1;accent-color:var(--accent);height:4px} .wf-editor .wf-erow input.wf-swatch{width:32px!important;min-width:32px!important;height:32px!important;padding:2px!important;flex:0 0 auto!important} .wf-editor .wf-erow input.wf-name{flex:1 1 auto!important;width:auto!important;min-width:0} .wf-editor .wf-erow input.wf-sub{width:100%!important} .watpl-def input{position:absolute;opacity:0;width:0;height:0} .watpl-def input:checked+.watpl-dot{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3.5px var(--card2,var(--card))} .watpl-file input{position:absolute;opacity:0;width:0;height:0} .wa-switch input{position:absolute;opacity:0;width:0;height:0} .wa-switch input:checked+.wa-track{background:var(--accent)} .wa-switch input:checked+.wa-track .wa-knob{transform:translateX(15px)}
/* wave 13.1 — structural defaults lifted from app.css. The lite shell deliberately does not load app.css, and these two rules were the only thing keeping the retired classic markup off screen. Without them every .overlay (Add lead, email, call-back, import, duplicates, property, visit, deal) renders stacked and unstyled underneath the app. app.js still opens overlays with an inline style, which wins over these, so /app?classic=1 is unaffected. */
#app{display:none}
.overlay{display:none}