/* Lead Desk: "Sales-first" theme.
   Charcoal top bar, green accent, light grey canvas, white bordered cards.
   --g is the bright brand green (decoration and anything on the dark bar).
   --acc is the darker green used for buttons, links and focus on light surfaces (white text on it passes WCAG AA). */
:root{
  --barh:52px;
  --bar:#1f2328;--bar-ink:#c3c9d0;--bar-hover:rgba(255,255,255,.09);
  --g:#2ec27e;
  --acc:#0b7f4a;--accd:#096b3e;--accbg:#e3f4eb;--sel:#eaf6f0;
  --bg:#f4f5f6;--card:#fff;--line:#e1e4e8;--line2:#edeff2;--hov:#f1f3f5;
  --ink:#1f2328;--mute:#4f5965;--faint:#6b7480;
  --red:#d92d20;--redbg:#fdecea;--amb:#8a5a00;--ambbg:#fff4d6;--grn:#0b7f4a;--grnbg:#e3f4eb;
  --blue:#1d5fa8;--bluebg:#e6f0fa;--vio:#5b3fd0;--viobg:#efeafe;--org:#b34700;--orgbg:#ffeadb;
  --avbg:#e3e7eb;--avink:#2c333a;
  --ring:rgba(11,127,74,.25);
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:13px/1.45 "Segoe UI",Inter,system-ui,-apple-system,sans-serif}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3{margin:0}
[hidden]{display:none!important}
svg.i{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---------- top bar ---------- */
#side{position:fixed;inset:0 0 auto 0;height:var(--barh);background:var(--bar);color:var(--bar-ink);display:flex;align-items:center;gap:6px;padding:0 16px;z-index:60}
.brand{display:flex;align-items:center;gap:9px;color:var(--g);font-weight:700;font-size:15px;margin-right:14px;text-decoration:none;white-space:nowrap}
.brand:hover{text-decoration:none}
.brand .logo{width:26px;height:26px;border-radius:6px;background:var(--g);color:#0e2a1c;display:grid;place-items:center;font-size:13px}
.nav{display:flex;align-items:stretch;height:100%;flex:1 0 auto}
.nav a,.nav .navbtn{display:flex;align-items:center;gap:6px;padding:0 12px;height:100%;color:var(--bar-ink);font-weight:500;position:relative;text-decoration:none;border:0;background:none;cursor:pointer;white-space:nowrap}
.nav a:hover,.nav .navbtn:hover{background:var(--bar-hover);color:#fff;text-decoration:none}
.nav a.on,.nav .navbtn.on{color:#fff}
.nav a.on:after,.nav .navbtn.on:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--g)}
.nav .count{background:rgba(255,255,255,.16);color:#fff;border-radius:10px;padding:0 6px;font-size:11px;font-style:normal}
.nav .count.alert{background:var(--red)}
.navmore{position:relative;display:flex}
.navmenu{position:absolute;top:calc(100% - 4px);left:0;min-width:200px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 32px rgba(31,35,40,.2);padding:6px;z-index:70}
.nav .navmenu a{display:block;height:auto;padding:7px 10px;border-radius:5px;color:var(--ink)}
.nav .navmenu a:hover{background:var(--hov);color:var(--ink)}
.nav .navmenu a.on{background:var(--sel);color:var(--acc)}
.nav .navmenu a.on:after{display:none}
.gsearch{position:relative;flex:0 1 240px;min-width:120px;margin:0 8px}
.gsearch input{background:rgba(255,255,255,.1);border:1px solid transparent;color:#fff;height:32px}
.gsearch input::placeholder{color:#9aa3ad}
.gsearch input:focus{background:#fff;color:var(--ink);border-color:var(--g);box-shadow:0 0 0 3px rgba(46,194,126,.3)}
#gsr{position:absolute;left:0;right:0;top:38px;min-width:320px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 32px rgba(31,35,40,.2);max-height:60vh;overflow:auto;z-index:70;color:var(--ink)}
#gsr h5{margin:0;padding:10px 14px 4px;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--faint)}
.sr{padding:7px 14px;cursor:pointer}.sr:hover{background:var(--hov)}.sr small{color:var(--faint)}
.topright{position:relative;display:flex;align-items:center}
.bell{position:relative;border:0;background:none;padding:8px;border-radius:6px;cursor:pointer;color:var(--bar-ink)}
.bell:hover{background:var(--bar-hover);color:#fff}
.bell .dot{position:absolute;top:2px;right:2px;min-width:16px;height:16px;border-radius:8px;background:var(--red);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;padding:0 4px}
#notif{position:absolute;right:-8px;top:44px;width:400px;max-height:70vh;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 32px rgba(31,35,40,.2);display:flex;flex-direction:column;overflow:hidden;z-index:70}
#notif .nh{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}
#notif .nl{overflow:auto}
.ni{padding:10px 14px;border-bottom:1px solid var(--line2);cursor:pointer;display:flex;gap:10px}
.ni:hover{background:var(--hov)}.ni.unread{background:var(--sel)}
.ni .dotk{width:8px;height:8px;border-radius:50%;margin-top:6px;background:transparent;flex:none}
.ni.unread .dotk{background:var(--acc)}.ni .tt{font-weight:600}.ni .bd{color:var(--mute)}.ni small{color:var(--faint)}
.usermenu{position:relative;margin-left:4px}
.uavatar{width:32px;height:32px;border-radius:50%;border:2px solid transparent;background:#3a424b;color:#fff;font-weight:650;font-size:12px;cursor:pointer;display:grid;place-items:center;padding:0}
.uavatar:hover,.uavatar:focus-visible{border-color:var(--g);outline:none}
#umenu{position:absolute;right:0;top:42px;min-width:230px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 32px rgba(31,35,40,.2);padding:6px;z-index:70}
#umenu .uhead{padding:8px 10px 10px;border-bottom:1px solid var(--line2);margin-bottom:4px;display:flex;flex-direction:column}
#umenu .uhead span{color:var(--faint);text-transform:capitalize;font-size:12px}
#umenu button{display:flex;gap:8px;align-items:center;width:100%;border:0;background:none;padding:8px 10px;text-align:left;border-radius:5px;cursor:pointer}
#umenu button:hover,#umenu button:focus-visible{background:var(--hov);outline:none}

/* ---------- page frame ---------- */
#main-wrap{min-width:0;display:flex;flex-direction:column;padding-top:var(--barh);min-height:100vh}
.top{height:48px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 24px;position:sticky;top:var(--barh);z-index:20}
.top h1{font-size:15px;font-weight:650}
.top select{width:auto;min-width:150px}
#main{padding:22px 24px 40px;max-width:1500px;width:100%}

/* ---------- controls ---------- */
input,select,textarea{background:#fff;border:1px solid #cdd3da;border-radius:6px;padding:6px 9px;width:100%;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--ring)}
textarea{resize:vertical}
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #cdd3da;background:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:550;white-space:nowrap}
.btn:hover{background:var(--hov);border-color:#b5bdc7}
.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}
.btn.pri{background:var(--acc);border-color:var(--acc);color:#fff}.btn.pri:hover{background:var(--accd);border-color:var(--accd)}
.btn.grn{background:var(--g);border-color:var(--g);color:#0e2a1c;font-weight:650}.btn.grn:hover{background:#27ad70;border-color:#27ad70}
.btn.danger{color:var(--red)}.btn.danger:hover{background:var(--redbg);border-color:#f0b8b4}
.btn.sm{padding:3px 9px;font-size:12px}.btn.ghost{border-color:transparent;background:none}.btn.ghost:hover{background:var(--hov)}
.btn:disabled{opacity:.5;cursor:default}
label{display:block;font-size:12px;font-weight:550;color:var(--mute);margin-bottom:12px}
label>input,label>select,label>textarea{margin-top:4px;font-weight:400;color:var(--ink)}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 14px}
.sp{flex:1}

/* ---------- cards, tables ---------- */
.page-h{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}
.page-h h2{font-size:20px;font-weight:650}.page-h p{margin:2px 0 0;color:var(--mute)}
.card{background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:16px}
.card>.ch{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line2);gap:10px}
.card>.ch h3{font-size:13.5px;font-weight:650}.card>.ch .sub{color:var(--faint);font-size:12px}
.card>.cb{padding:14px 16px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:16px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px 16px}
.kpi span{font-size:11.5px;color:var(--mute);text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.kpi b{display:block;font-size:24px;font-weight:650;margin-top:4px;letter-spacing:-.3px}
.kpi small{color:var(--faint)}
.kpi.warn b{color:var(--red)}
table{width:100%;border-collapse:collapse}
th{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--mute);font-weight:600;text-align:left;padding:9px 14px;background:#f7f8f9;border-bottom:1px solid var(--line);white-space:nowrap}
th.sortable{cursor:pointer}th.sortable:hover{color:var(--ink)}
td{padding:9px 14px;border-bottom:1px solid var(--line2);vertical-align:top}
tbody tr:last-child td{border-bottom:0}
tr.click{cursor:pointer}tr.click:hover td{background:var(--hov)}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
.tablewrap{overflow-x:auto}
.empty{padding:36px 16px;text-align:center;color:var(--mute)}
.muted{color:var(--mute)}.faint{color:var(--faint)}
.mono{font-family:Consolas,monospace;font-size:12px}
.toolbar{display:flex;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line2);flex-wrap:wrap}
.toolbar input[type=search],.toolbar input.s{width:260px}.toolbar select{width:auto}

/* ---------- pills ---------- */
.pill{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11.5px;font-weight:600;background:#eceff2;color:var(--mute);white-space:nowrap}
.pill.New{background:#eceff2;color:#4a5460}.pill.Contacted{background:var(--bluebg);color:var(--blue)}
.pill.Meeting{background:var(--viobg);color:var(--vio)}.pill.Proposal{background:var(--ambbg);color:var(--amb)}
.pill.Negotiation{background:var(--orgbg);color:var(--org)}.pill.Won{background:var(--grnbg);color:var(--grn)}.pill.Lost{background:var(--redbg);color:var(--red)}
.pill.red{background:var(--redbg);color:var(--red)}.pill.amb{background:var(--ambbg);color:var(--amb)}.pill.grn{background:var(--grnbg);color:var(--grn)}.pill.blue{background:var(--bluebg);color:var(--blue)}
.pill.prod{background:#e8eef6;color:#2b4a6f}

/* ---------- dashboard ---------- */
.act{display:grid;grid-template-columns:92px minmax(160px,1.1fr) 1.6fr auto;gap:14px;align-items:start;padding:12px 16px;border-bottom:1px solid var(--line2)}
.act:last-child{border-bottom:0}
.act .nm{font-weight:600}.act .why{color:var(--mute)}.act .do{color:var(--ink);margin-top:2px}
.split{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}
@media(max-width:1100px){.split{grid-template-columns:1fr}.act{grid-template-columns:80px 1fr}.act>:last-child{grid-column:1/-1}}

/* ---------- avatars ---------- */
.avatar{width:32px;height:32px;border-radius:50%;background:var(--avbg);color:var(--avink);display:grid;place-items:center;font-weight:600;font-size:12px;flex:none}
.av{width:20px;height:20px;border-radius:50%;background:var(--avbg);color:var(--avink);display:inline-grid;place-items:center;font-size:9.5px;font-weight:700;flex:none}

/* ---------- pipeline board ---------- */
.pipe{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:start}
@media(max-width:1180px){.pipe{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(230px,1fr);overflow-x:auto;padding-bottom:10px}}
.pipe .col,.closed .col{background:rgba(31,35,40,.04);border-radius:6px;padding:0 0 4px;min-height:150px}
.col.over{outline:2px dashed var(--g);background:var(--sel)}
.chd{background:#fff;border:1px solid var(--line);border-top:3px solid var(--sc,var(--g));border-radius:6px 6px 0 0;padding:8px 10px;margin-bottom:8px}
.chd b{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em}
.cnt{background:var(--hov);border-radius:10px;padding:0 7px;font-weight:600;font-size:11.5px;margin-left:6px}
.cv{font-weight:650;font-size:14px;margin-top:2px}
.cv .faint{font-weight:400;font-size:11.5px}
.col>.lc,.col>.drop{margin-left:6px;margin-right:6px}
.col>.lc:last-child{margin-bottom:4px}
.lc{position:relative;background:#fff;border:1px solid var(--line);border-radius:6px;padding:9px 10px 7px 13px;margin-bottom:8px;cursor:grab}
.lc:hover{border-color:var(--g);box-shadow:0 1px 4px rgba(31,35,40,.08)}
.lc:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:6px 0 0 6px;background:transparent}
.lc.late:before{background:var(--red)}
.lc.cold:before{background:#f2a900}
.lc .n{font-weight:600}.lc .m{color:var(--mute);font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc .ctop{display:flex;gap:8px;justify-content:space-between;align-items:baseline}
.lc .ctop .n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc .v{white-space:nowrap}
.lc .pl{margin-top:5px;display:flex;gap:4px;flex-wrap:wrap}
.lc .nx{font-size:12px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--mute)}
.lc .nx.late{color:var(--red);font-weight:600}
.lc .nx.cold{color:var(--amb)}
.lc .nx.none{color:var(--faint)}
.lc .ft{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11.5px;color:var(--mute)}
.lc.cr{padding:7px 10px 7px 13px}
.kebab{border:0;background:none;cursor:pointer;color:var(--mute);border-radius:4px;padding:0 6px;font-size:16px;line-height:1.3}
.kebab:hover,.kebab:focus-visible{background:var(--hov);color:var(--ink);outline:none}
.drop{border:1.5px dashed #c3cad2;border-radius:6px;padding:16px 8px;text-align:center;color:var(--faint);font-size:12px;margin-bottom:8px}
.dragging{opacity:.45}
.dnd .col{outline:1px dashed #9fb0a6}
.dnd .col.over{outline:2px solid var(--g);background:var(--sel)}
.closed{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;align-items:start}
.closed .col{min-height:90px}
.kpis.compact .kpi{padding:10px 14px}
.kpis.compact .kpi b{font-size:20px}
@media(max-width:700px){.closed{grid-template-columns:1fr}}
#cardmenu{position:fixed;z-index:80;min-width:190px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 32px rgba(31,35,40,.2);padding:6px}
#cardmenu button{display:block;width:100%;text-align:left;border:0;background:none;padding:6px 10px;border-radius:5px;cursor:pointer}
#cardmenu button:hover,#cardmenu button:focus{background:var(--hov);outline:none}
#cardmenu hr{border:0;border-top:1px solid var(--line2);margin:6px 0}
.cmh{padding:2px 10px;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--faint)}

/* ---------- side panel (lead / company / task / import) ---------- */
#scrim{position:fixed;inset:0;background:rgba(31,35,40,.4);opacity:0;pointer-events:none;transition:opacity .2s;z-index:65}
#scrim.on{opacity:1;pointer-events:auto}
#panel{position:fixed;top:0;bottom:0;right:0;width:min(540px,100vw);background:#fff;border-left:1px solid var(--line);box-shadow:-10px 0 36px rgba(31,35,40,.22);transform:translateX(102%);transition:transform .24s cubic-bezier(.2,.8,.2,1);z-index:70;display:flex;flex-direction:column;visibility:hidden}
#panel.on{transform:none;visibility:visible}
form.pb{display:block}
.ph{padding:16px 20px 0;border-bottom:1px solid var(--line)}
.ph .t{display:flex;align-items:flex-start;gap:10px}
.ph h2{font-size:17px;font-weight:650;flex:1;min-width:0}
.ph .meta{color:var(--mute);margin:4px 0 10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tabs{display:flex;gap:2px;margin-top:6px}
.tabs button{border:0;background:none;padding:8px 10px;cursor:pointer;color:var(--mute);font-weight:600;border-bottom:2px solid transparent}
.tabs button:hover{color:var(--ink)}
.tabs button.on{color:var(--acc);border-bottom-color:var(--acc)}
.pb{flex:1;overflow:auto;padding:18px 20px}
.pf{padding:12px 20px;border-top:1px solid var(--line);display:flex;gap:8px;background:#f7f8f9}
.sect{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-weight:700;margin:6px 0 10px}
.tl{border-left:2px solid var(--line);margin-left:6px;padding-left:16px}
.tl>div{position:relative;padding-bottom:14px}
.tl>div:before{content:"";position:absolute;left:-22px;top:5px;width:8px;height:8px;border-radius:50%;background:#fff;border:2px solid var(--g)}
.tl small{color:var(--faint)}
.chg{margin-top:2px;color:var(--mute)}.chg s{color:var(--faint)}.chg b{color:var(--ink);font-weight:600}
.links a{margin-right:12px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.chip{display:inline-block;margin:0;cursor:pointer;position:relative}
.chip input{position:absolute;opacity:0;width:0;height:0}
.chip span{display:inline-block;padding:4px 13px;border:1px solid #cdd3da;border-radius:16px;font-weight:550;color:var(--mute);background:#fff}
.chip:hover span{border-color:var(--g)}
.chip input:checked+span{background:var(--accbg);border-color:var(--acc);color:var(--acc)}
.chip input:focus-visible+span{box-shadow:0 0 0 3px var(--ring)}
tr.grp td{background:#eef1f3;border-top:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;padding:8px 14px}
tr.grp:hover td{background:#e6eaed}
.caret{display:inline-block;width:14px;color:var(--mute)}
.task{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--line2)}
.task:last-child{border-bottom:0}.task input{width:auto;margin-top:3px;accent-color:var(--acc)}
.task .tb{flex:1;min-width:0}.task .tt{font-weight:550}
.task.done .tt{text-decoration:line-through;color:var(--faint)}
.warnbox{background:var(--ambbg);color:#6b3d00;border:1px solid #f0d19a;border-radius:6px;padding:8px 12px;margin-bottom:12px}
.warnbox a{color:inherit;font-weight:600}

/* ---------- reports ---------- */
.bars .b{display:grid;grid-template-columns:100px 1fr 130px;gap:10px;align-items:center;margin:7px 0}
.bars .track{background:#edeff2;border-radius:4px;height:16px;overflow:hidden}
.bars .fill{height:100%;background:var(--acc);border-radius:4px}
.legend{display:flex;gap:16px;color:var(--mute);font-size:12px;margin-bottom:6px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:1100px){.grid2{grid-template-columns:1fr}}

/* ---------- sign-in ---------- */
body.anon #app{display:none}
body:not(.anon) #auth{display:none}
#auth{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}
#auth .hero{background:var(--bar);box-shadow:inset 6px 0 0 var(--g);color:var(--bar-ink);padding:64px;display:flex;flex-direction:column;justify-content:center}
#auth .hero .brand{padding:0;font-size:20px;margin:0 0 28px}
#auth .hero h2{font-size:30px;line-height:1.2;color:#fff;margin-bottom:14px;font-weight:650}
#auth .hero li{margin:8px 0}
#auth .form{display:grid;place-items:center;padding:32px;background:#fff}
#auth .form form{width:min(360px,100%)}
#auth .form h2{font-size:22px;margin-bottom:4px}
#auth .err{background:var(--redbg);color:var(--red);padding:8px 10px;border-radius:6px;margin-bottom:12px}
@media(max-width:800px){#auth{grid-template-columns:1fr}#auth .hero{display:none}}

/* ---------- responsive and print ---------- */
@media(max-width:1100px){.gsearch{display:none}}
@media(max-width:900px){.brand span:last-child{display:none}.brand{margin-right:6px}.nav a,.nav .navbtn{padding:0 9px}#side{padding:0 10px}.top{padding:0 12px}#main{padding:14px 12px}}
@media(max-width:700px){.nav{overflow-x:auto;scrollbar-width:none}}
@media print{#side,.top,.toolbar .btn,.no-print{display:none!important}#main-wrap{padding-top:0}.card{break-inside:avoid}}

/* ---------- views, bulk actions, automation ---------- */
.pill.tag{background:#f1f3f5;color:#4f5965;font-weight:500}
.bulkbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 16px;background:var(--sel);border-bottom:1px solid var(--line)}
.bulkbar select,.bulkbar input{width:auto}
tr.picked td{background:var(--sel)}
.stepRow{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.stepRow input[name=stepTitle]{flex:1}
.toolbar select#vw{min-width:170px}

/* amount with currency */
.amt{display:flex;gap:6px;margin-top:4px}
.amt select{width:78px;flex:none;margin:0}
.amt input{margin:0}
.checkrow{display:flex;gap:8px;align-items:center;font-weight:500;color:var(--ink);margin:0 0 10px}
.checkrow input{width:auto;margin:0}
.qgrid input{padding:4px 6px}
.qgrid td{padding:4px 6px;vertical-align:middle}
.dqgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-bottom:16px}
.dqcard{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px 14px}
.dqcard b.n{font-size:22px}
.dqcard ul{margin:6px 0;padding-left:18px;color:var(--mute)}
.okbox{background:var(--grnbg);color:var(--grn);border:1px solid #bfe3cf;border-radius:6px;padding:8px 12px;margin-bottom:12px}
.okbox .btn{margin-left:8px}
.mgrow{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-bottom:1px solid var(--line2);margin:0;font-weight:400;color:var(--ink);cursor:pointer}
.mgrow input{width:auto;margin-top:3px}
tfoot td{border-top:1px solid var(--line);background:#f7f8f9}

/* ---- phone: floating quick-add button ---- */
.fab{display:none;position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%;background:var(--g);color:#0b1a12;font-size:30px;line-height:56px;text-align:center;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.3);z-index:40}
body.anon .fab{display:none!important}
@media (max-width:700px){.fab{display:block}}

/* lead form: company drop-down with Add company button */
.field{margin-bottom:12px}
.field>label{margin-bottom:4px}
.field .row{flex-wrap:nowrap;gap:8px}
.field .row .btn{white-space:nowrap}
.g2>.field{grid-column:1/-1}