/* Money Moves Team Hub: navy + gold brand, light and dark themes */
:root{
  --brand:#1B2C3A;--brand-ink:#ffffff;--gold:#C9A24A;--gold-dk:#A8842F;--gold-ink:#1b1b1b;
  --bg:#F8F6F1;--card:#ffffff;--soft:#F3EFE6;--field:#ffffff;--hover:#FBFAF6;
  --line:#E7E1D3;--line2:#F0ECE2;--ink:#1d2433;--muted:#667085;--head:#1B2C3A;--link:#2E4A63;
  --btn:#1B2C3A;--btn-ink:#ffffff;--bar:#2E4A63;--overlay:rgba(15,23,32,.55);
  --ok-bg:#e3f0e8;--ok:#2f6a49;--warn-bg:#fbf1dc;--warn:#8a5a12;--bad-bg:#f6e3e3;--bad:#8f3331;--info-bg:#e8eef6;--info:#2E4A63;--off-bg:#efefef;--off:#667085;
  --green:#3E7C59;--red:#A94442;--amber:#B7791F;--blue:#2E4A63;--grey:#98a2b3;
  --serif:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --shadow:0 1px 2px rgba(16,24,40,.04),0 6px 20px rgba(16,24,40,.05);
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --brand:#0B131B;--bg:#0F1720;--card:#16202B;--soft:#1D2935;--field:#111A23;--hover:#1A2531;
  --line:#2A3644;--line2:#222D39;--ink:#E6E9EE;--muted:#97A3B3;--head:#F1E6C8;--link:#9DB8D3;
  --btn:#2E4A63;--btn-ink:#ffffff;--bar:#7F9CB8;--overlay:rgba(0,0,0,.65);
  --ok-bg:#16352A;--ok:#8FD3AE;--warn-bg:#3A2E14;--warn:#F0C979;--bad-bg:#3D1F1F;--bad:#F2A7A5;--info-bg:#1C2E42;--info:#A9C4E0;--off-bg:#2A2F36;--off:#A8B0BB;
  --green:#5FAF84;--red:#D9706D;--amber:#E0A84A;--blue:#7F9CB8;--grey:#6B7685;
  color-scheme:dark}}
:root[data-theme="dark"]{
  --brand:#0B131B;--bg:#0F1720;--card:#16202B;--soft:#1D2935;--field:#111A23;--hover:#1A2531;
  --line:#2A3644;--line2:#222D39;--ink:#E6E9EE;--muted:#97A3B3;--head:#F1E6C8;--link:#9DB8D3;
  --btn:#2E4A63;--btn-ink:#ffffff;--bar:#7F9CB8;--overlay:rgba(0,0,0,.65);
  --ok-bg:#16352A;--ok:#8FD3AE;--warn-bg:#3A2E14;--warn:#F0C979;--bad-bg:#3D1F1F;--bad:#F2A7A5;--info-bg:#1C2E42;--info:#A9C4E0;--off-bg:#2A2F36;--off:#A8B0BB;
  --green:#5FAF84;--red:#D9706D;--amber:#E0A84A;--blue:#7F9CB8;--grey:#6B7685;
  color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--link)}
button,input,select,textarea{font:inherit;color:inherit}
.boot{padding:60px;text-align:center;color:var(--muted)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
/* header */
header.top{background:var(--brand);color:var(--brand-ink);position:sticky;top:0;z-index:20}
.topin{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:10px 16px}
.brand{font-family:var(--serif);font-size:19px;letter-spacing:.02em;white-space:nowrap}
.brand b{color:var(--gold);font-weight:400}
nav.tabs{display:flex;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none}
nav.tabs a{color:#cdd6df;text-decoration:none;padding:8px 11px;border-radius:6px;white-space:nowrap;font-size:14px}
nav.tabs a.on{background:rgba(255,255,255,.13);color:#fff}
.tools{display:flex;gap:6px;align-items:center}
.tbtn{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:6px;padding:5px 9px;font-size:13px;cursor:pointer;white-space:nowrap}
.tbtn:hover{background:rgba(255,255,255,.1)}
.who{font-size:13px;color:#cdd6df;white-space:nowrap}
main{max-width:1180px;margin:0 auto;padding:20px 16px 60px}
h1{font-family:var(--serif);font-weight:400;font-size:26px;margin:4px 0;color:var(--head)}
.sub{color:var(--muted);margin:0 0 18px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.sp{flex:1}
/* buttons + inputs */
.btn{border:1px solid var(--btn);background:var(--btn);color:var(--btn-ink);border-radius:8px;padding:9px 14px;cursor:pointer;font-weight:600;font-size:14px;white-space:nowrap;text-decoration:none;display:inline-block}
.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}
.btn.ghost{background:var(--card);color:var(--head);border-color:var(--line)}
.btn.danger{background:var(--card);color:var(--red);border-color:var(--line)}
.btn:disabled{opacity:.6;cursor:default}
input,select,textarea{width:100%;border:1px solid var(--line);background:var(--field);border-radius:8px;padding:9px 11px;min-width:0}
textarea{min-height:70px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(201,162,74,.45);border-color:var(--gold)}
label{display:block;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px}
.f{margin-bottom:12px}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}
.filters select,.filters input{width:auto;min-width:120px}
/* cards */
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:16px}
.card h2{font-size:15px;margin:0 0 12px;color:var(--head);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.kpi{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:12px;padding:14px 16px}
.kpi .l{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
.kpi .v{font-family:var(--serif);font-size:28px;color:var(--head);margin-top:4px;font-variant-numeric:tabular-nums}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:4px 10px;font-size:13px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.two>.card{margin-bottom:0}
.stack{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}
/* tables */
.tblw{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse}
.tbl th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left;padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:10px 8px;border-bottom:1px solid var(--line2);vertical-align:top;font-variant-numeric:tabular-nums}
.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:var(--hover)}
.tbl tr.miss td{color:var(--muted)}
.r{text-align:right}
.muted{color:var(--muted);font-size:13px}
.empty{padding:26px;text-align:center;color:var(--muted)}
.badge{display:inline-block;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;white-space:nowrap}
.s-Submitted{background:var(--info-bg);color:var(--info)}.s-Pending{background:var(--warn-bg);color:var(--warn)}.s-Issued{background:var(--ok-bg);color:var(--ok)}.s-Paid{background:var(--head);color:var(--bg)}.s-Declined{background:var(--bad-bg);color:var(--bad)}
.rank{display:inline-flex;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;background:var(--soft);font-size:12px;font-weight:700;color:var(--head)}
.rank.g1{background:var(--gold);color:var(--gold-ink)}
/* chart */
.chart text{fill:var(--ink)}.chart text.ax{fill:var(--muted)}.chart .bar{fill:var(--bar)}.chart .bar.on{fill:var(--gold)}.chart line{stroke:var(--line)}
/* modal */
.modal{position:fixed;inset:0;background:var(--overlay);z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:30px 12px;overflow:auto}
.sheet{background:var(--card);border-radius:14px;width:100%;max-width:640px;padding:20px;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.sheet h2{font-family:var(--serif);font-weight:400;font-size:22px;margin:0 0 14px;color:var(--head)}
.sheet .foot{display:flex;gap:10px;justify-content:flex-end;margin-top:8px;flex-wrap:wrap}
.err{background:var(--bad-bg);color:var(--bad);border-radius:8px;padding:9px 12px;margin-bottom:12px;font-size:14px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--head);color:var(--bg);padding:10px 16px;border-radius:10px;z-index:60;font-size:14px;max-width:90vw}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--card)}
.seg button{border:0;background:none;padding:7px 12px;cursor:pointer;font-size:13px;color:var(--ink)}
.seg button.on{background:var(--btn);color:var(--btn-ink)}
.seg.wrap{flex-wrap:wrap;display:flex}
.pick{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:8px;margin-top:6px}
.pick div{padding:8px 11px;cursor:pointer;border-bottom:1px solid var(--line2)}.pick div:hover{background:var(--hover)}
.picked{display:flex;align-items:center;gap:8px;background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:8px 11px}
/* login */
.auth{max-width:380px;margin:9vh auto;padding:0 16px}
.auth .card{padding:26px}
.auth .brand{color:var(--head);font-size:24px;text-align:center;margin-bottom:4px}
.auth .gl{width:48px;height:3px;background:var(--gold);margin:10px auto 18px}
.auth .tools{justify-content:center;margin-top:14px}
.auth .tbtn{color:var(--ink);border-color:var(--line)}
.or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin:16px 0 12px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}
/* appointments */
.apstats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.apstats>div{background:var(--soft);border-radius:10px;padding:10px 12px}
.apstats .n{font-family:var(--serif);font-size:24px;color:var(--head);font-variant-numeric:tabular-nums}
.apstats .l{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700}
.calcard{padding:10px}
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.cal .dow{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700;text-align:center;padding:4px 0}
.cal .day{min-height:96px;border:1px solid var(--line2);border-radius:8px;padding:4px;cursor:pointer;background:var(--card);min-width:0;overflow:hidden}
.cal .day:hover{border-color:var(--gold)}
.cal .day.out{background:transparent;border-color:transparent;cursor:default}
.cal .day.today{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.cal .dn{font-size:12px;font-weight:700;color:var(--head);margin-bottom:2px}
.cal .ev{font-size:11.5px;line-height:1.25;border-radius:5px;padding:2px 5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid}
.cal .ev .who{opacity:.75}
.cal .more{font-size:11px;color:var(--muted);padding:1px 5px}
.cal .dots{display:none;gap:3px;flex-wrap:wrap;margin-top:4px}
.cal .dots i,.legend i{display:inline-block;width:8px;height:8px;border-radius:50%}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);padding:10px 4px 2px}
.legend span{display:inline-flex;align-items:center;gap:6px}
.ap-Scheduled{background:var(--info-bg);color:var(--info);border-color:var(--blue)}
.ap-Kept{background:var(--ok-bg);color:var(--ok);border-color:var(--green)}
.ap-Noshow{background:var(--bad-bg);color:var(--bad);border-color:var(--red)}
.ap-Rescheduled{background:var(--warn-bg);color:var(--warn);border-color:var(--amber)}
.ap-Canceled{background:var(--off-bg);color:var(--off);border-color:var(--grey);text-decoration:line-through}
.dots .ap-Scheduled,.legend .ap-Scheduled{background:var(--blue)}.dots .ap-Kept,.legend .ap-Kept{background:var(--green)}.dots .ap-Noshow,.legend .ap-Noshow{background:var(--red)}.dots .ap-Rescheduled,.legend .ap-Rescheduled{background:var(--amber)}.dots .ap-Canceled,.legend .ap-Canceled{background:var(--grey)}
.agenda .arow{display:flex;gap:12px;align-items:center;padding:10px 6px;border-bottom:1px solid var(--line2);cursor:pointer}
.agenda .arow:hover{background:var(--hover)}
.agenda .when{width:92px;flex:none;display:flex;flex-direction:column;font-size:13px}
.agenda .when span{color:var(--muted)}
.agenda .what{flex:1;min-width:0}
/* activity */
.counters{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px}
.ctr{background:var(--soft);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}
.ctr .l{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.ctr .ctl{display:flex;align-items:center;gap:6px}
.ctr button{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--card);font-size:20px;line-height:1;cursor:pointer;color:var(--head);flex:none}
.ctr button.plus{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}
.ctr input{flex:1;min-width:0;text-align:center;font-family:var(--serif);font-size:24px;padding:4px;font-variant-numeric:tabular-nums}
.ctr .hint{font-size:11.5px;color:var(--muted)}
.actstats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.actstats>div{background:var(--soft);border-radius:10px;padding:10px 12px}
.actstats .n{font-family:var(--serif);font-size:22px;color:var(--head);font-variant-numeric:tabular-nums}
.actstats .l{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}
.dotno{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);margin-right:6px}
.dotyes{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:6px}
/* ladder */
.ladder{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.ladder .card{margin:0}
.steps{display:flex;gap:4px;margin:8px 0 14px}
.steps span{flex:1;height:6px;border-radius:3px;background:var(--line)}
.steps span.on{background:var(--gold)}
.lvl{display:inline-block;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;background:var(--soft);color:var(--head)}
.path{border-top:1px solid var(--line2);padding-top:10px;margin-top:10px}
.path h3{font-size:13px;margin:0 0 8px;display:flex;gap:8px;align-items:center;color:var(--head)}
.req{margin-bottom:8px}
.req .t{display:flex;justify-content:space-between;gap:8px;font-size:13px}
.req .t b{font-variant-numeric:tabular-nums;white-space:nowrap}
.pbar{height:8px;background:var(--line2);border-radius:4px;overflow:hidden;margin-top:4px}
.pbar i{display:block;height:100%;background:var(--gold);border-radius:4px}
.pbar i.done{background:var(--green)}
.left{font-size:12.5px;color:var(--muted);margin-top:6px}
/* links */
.links .lk{display:flex;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line2)}
.links .lk .t{flex:1;min-width:0}
.links .lk .u{font-size:12.5px;color:var(--muted);word-break:break-all}
svg text{font-family:inherit}
@media(max-width:860px){.two{grid-template-columns:1fr}.actstats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){
  .topin{flex-wrap:wrap;gap:6px 10px}.who{display:none}
  nav.tabs{order:3;flex-basis:100%}
  .kpis{grid-template-columns:1fr 1fr}.kpi .v{font-size:22px}
  .grid3{grid-template-columns:1fr 1fr}
  .apstats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .actstats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tbl.cards thead{display:none}
  .tbl.cards tr{display:block;border:1px solid var(--line);border-radius:10px;margin-bottom:10px;background:var(--card);padding:6px 4px}
  .tbl.cards td{display:flex;justify-content:space-between;gap:12px;border:0;padding:4px 10px;text-align:right}
  .tbl.cards td:before{content:attr(data-l);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;text-align:left}
  .cal .day{min-height:54px;padding:3px}
  .cal .ev,.cal .more{display:none}
  .cal .dots{display:flex}
  .agenda .when{width:70px}
  .ladder{grid-template-columns:1fr}
}
@media(max-width:420px){.grid2{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}
.note{background:var(--soft);border-radius:10px;padding:12px 14px;font-size:14px;color:var(--ink)}
/* matchups, results, recruits, guests */
.mu{display:inline-block;font-size:12px;font-weight:600;border-radius:999px;padding:2px 9px;margin-top:4px}
.mu.wait{background:var(--warn-bg);color:var(--warn)}.mu.ok{background:var(--ok-bg);color:var(--ok)}.mu.no{background:var(--bad-bg);color:var(--bad)}
.cal .ev.muwait{outline:1px dashed var(--amber);outline-offset:-1px}
.mucard{border-color:var(--gold);border-width:2px}
.mucard .pill{background:var(--gold);color:var(--gold-ink);border-radius:999px;padding:1px 10px;font-size:13px}
.murow{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line2)}
.murow:last-child{border-bottom:0}
.murow .when{display:flex;flex-direction:column;min-width:64px;font-size:13px}.murow .when span{color:var(--muted)}
.murow .what{flex:1;min-width:0}.murow .acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.small{font-size:12.5px}.warn{color:var(--red);font-weight:600}
.mubox{background:var(--soft);border-radius:12px;padding:12px}
.resbox{background:var(--soft);border-radius:12px;padding:12px}
.checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px}
.checks .ck{display:flex;gap:8px;align-items:center;text-transform:none;letter-spacing:0;font-weight:500;font-size:14px;color:var(--ink);cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:0}
.checks .ck input{width:auto;margin:0}
.apres{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:13.5px;color:var(--muted)}
.apres b{color:var(--head);font-size:15px}
.kpis.k4{grid-template-columns:repeat(4,minmax(0,1fr))}
.recs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.rec{margin:0}.rec .nm{font-size:16px;color:var(--head)}.rec .row{gap:8px}
.steps2{display:flex;flex-direction:column;gap:6px}
.steps2 .st{display:flex;align-items:center;gap:10px;background:var(--soft);border-radius:10px;padding:6px 8px}
.steps2 .st .n{width:24px;height:24px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex:none}
.steps2 .st.done .n{background:var(--green);border-color:var(--green);color:#fff}
.steps2 .st .t{flex:1;font-size:14px}
.steps2 .st input{width:150px;flex:none;padding:6px 8px}
.btn.sm,select.sm{padding:5px 9px;font-size:13px}
pre.log{white-space:pre-wrap;font:12.5px/1.5 inherit;font-family:inherit;background:var(--soft);padding:8px 10px;border-radius:8px;margin:6px 0 10px}
.s-Active{background:var(--info-bg);color:var(--info)}.s-Licensed{background:var(--ok-bg);color:var(--ok)}.s-On{background:var(--warn-bg);color:var(--warn)}.s-Dropped{background:var(--off-bg);color:var(--off)}
@media(max-width:720px){.kpis.k4{grid-template-columns:1fr 1fr}.murow{flex-wrap:wrap}.murow .acts{width:100%}.steps2 .st input{width:130px}.steps2 .st .btn.sm{display:none}}
/* tabs get their own row so every tab shows */
.topin{flex-wrap:wrap;row-gap:6px}
.topin .brand{margin-right:auto}
nav.tabs{order:3;flex-basis:100%;margin:0 -4px}
/* ---------- left sidebar layout ---------- */
.layout{display:flex;min-height:100vh;align-items:flex-start}
.side{width:236px;flex:none;position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--brand);color:var(--brand-ink);display:flex;flex-direction:column;padding:18px 12px 14px;z-index:30}
.sbrand{font-family:var(--serif);font-size:19px;letter-spacing:.02em;white-space:nowrap;color:#fff;padding:0 8px}
.sbrand b{color:var(--gold);font-weight:400}
.side .sbrand{margin-bottom:18px}
.snav{display:flex;flex-direction:column;gap:2px;flex:1}
.snav .nh{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.45);font-weight:700;padding:14px 10px 6px}
.snav a,.sfoot .me{display:flex;align-items:center;gap:11px;color:#cdd6df;text-decoration:none;padding:9px 10px;border-radius:8px;font-size:14.5px}
.snav a:hover,.sfoot .me:hover{background:rgba(255,255,255,.07);color:#fff}
.snav a.on{background:rgba(255,255,255,.14);color:#fff;font-weight:600}
.snav a.on svg{color:var(--gold)}
.snav svg{flex:none;opacity:.9}
.sfoot{border-top:1px solid rgba(255,255,255,.12);padding-top:12px;margin-top:12px;display:flex;flex-direction:column;gap:10px}
.sfoot .tools{padding:0 6px}.sfoot .tbtn{flex:1}
.sfoot .me{padding:8px}.sfoot .me.on{background:rgba(255,255,255,.14)}
.sfoot .av{width:32px;height:32px;border-radius:50%;background:var(--gold);color:var(--gold-ink);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}
.sfoot .mn{display:flex;flex-direction:column;min-width:0;flex:1}.sfoot .mn b{color:#fff;font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sfoot .mn small{color:rgba(255,255,255,.55);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.content{flex:1;min-width:0}
.content main{max-width:1180px;margin:0 auto;padding:26px 28px 60px}
.mbar{display:none}
.scrim{display:none}
@media(max-width:900px){
  .side{position:fixed;left:0;top:0;bottom:0;height:auto;transform:translateX(-100%);transition:transform .2s ease;box-shadow:0 0 40px rgba(0,0,0,.3)}
  body.navopen .side{transform:none}
  body.navopen .scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:25}
  .mbar{display:flex;align-items:center;gap:10px;background:var(--brand);padding:10px 12px;position:sticky;top:0;z-index:20}
  .hamb{background:none;border:0;color:#fff;padding:4px;cursor:pointer;display:flex}
  .content main{padding:18px 16px 60px}
}
main>.row:first-child{margin-bottom:16px!important}
/* prospects, phone blitz, compliance */
.pill{display:inline-block;background:var(--gold);color:var(--gold-ink);border-radius:999px;padding:0 8px;font-size:12px;font-weight:700;line-height:20px}
.vtabs{display:flex;gap:6px;flex-wrap:wrap}
.vtabs button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:13.5px;cursor:pointer}
.vtabs button.on{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}
.star{color:var(--gold)}
.due{font-weight:600;font-size:13.5px}.due.today{color:var(--amber)}.due.late{color:var(--red)}
.tel{font-variant-numeric:tabular-nums;white-space:nowrap}
.pgrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start}
.pgrid>div>.card{margin-bottom:16px}
.stack{display:flex;flex-direction:column;gap:8px}.stack .btn{width:100%}
.big{font-size:20px}
.outs{display:flex;flex-wrap:wrap;gap:6px}
.outs button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:8px 11px;font-size:13.5px;cursor:pointer}
.outs button.on{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}
.logs .lg{padding:10px 0;border-bottom:1px solid var(--line2)}.logs .lg:last-child{border-bottom:0}
.logs .ld{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.logs .ln{margin:6px 0 2px;white-space:normal}
.blitz .who2{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;margin-bottom:12px}
.callbtn{font-size:17px;padding:12px 18px}
.blitzdone{text-align:center;padding:40px 20px}
.snav a .nb{margin-left:auto;font-style:normal;background:var(--gold);color:var(--gold-ink);border-radius:999px;font-size:11.5px;font-weight:700;padding:0 7px;line-height:19px}
.alert{border-left:4px solid var(--amber)}
.al{padding:6px 0;font-size:14px}
.okc{color:var(--green);font-weight:600}
h3.sec{font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:16px 0 10px;border-top:1px solid var(--line2);padding-top:14px}
.dls{display:flex;flex-wrap:wrap;gap:8px}
.s-New{background:var(--info-bg);color:var(--info)}.s-Contacted{background:var(--soft);color:var(--ink)}.s-Call{background:var(--warn-bg);color:var(--warn)}.s-Appointment{background:var(--ok-bg);color:var(--ok)}.s-Became{background:var(--ok-bg);color:var(--ok)}.s-Not{background:var(--off-bg);color:var(--off)}.s-Do{background:var(--bad-bg);color:var(--bad)}
.s-Talked,.s-Booked{background:var(--ok-bg);color:var(--ok)}.s-Left,.s-Texted{background:var(--info-bg);color:var(--info)}.s-No,.s-Wrong{background:var(--off-bg);color:var(--off)}
@media(max-width:900px){.pgrid{grid-template-columns:1fr}}
/* LeadConnector-style contact list (phones) */
.av2{width:46px;height:46px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:var(--soft);border:1.5px solid var(--line);color:var(--head);font-weight:600;font-size:16px;letter-spacing:.02em}
.av2.sm{width:34px;height:34px;font-size:13px}
.av2.top{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold) inset}
.nmc{display:flex;align-items:center;gap:10px}
.mtop,.mlist,.clist,.fab{display:none}
@media(max-width:720px){
  .vtabs,.ptable,main.prosv>.row:first-child .filters,#pq,#pag{display:none!important}
  main.prosv>.row:first-child .sub{display:none}
  .row.filters:has(#pq){display:none!important}
  .mtop{display:flex;gap:10px;align-items:center;margin:4px 0 12px}
  .msearch{flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:var(--card);color:var(--muted)}
  .msearch input{border:0;background:transparent;padding:12px 0;font-size:16px;outline:none;box-shadow:none}
  .mbtn{width:48px;height:48px;border-radius:12px;border:1px solid var(--gold);background:var(--card);color:var(--gold);display:flex;align-items:center;justify-content:center;flex:none}
  .mlist{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
  .lpick{position:relative;display:inline-flex;align-items:center;gap:10px;background:var(--brand);color:#fff;border-radius:999px;padding:9px 16px;font-size:16px;font-weight:600;margin:0;text-transform:none;letter-spacing:0}
  .lpick select{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
  .lpick b{font-weight:700}
  .lpick2{width:auto;border-radius:999px;padding:8px 12px}
  .clist{display:block}
  .crow{display:flex;align-items:center;gap:14px;padding:14px 2px;border-bottom:1px solid var(--line2);color:var(--ink);text-decoration:none}
  .crow .ci{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
  .crow .ci b{font-size:17px;color:var(--head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .crow .ci span{color:var(--muted);font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .crow .cr{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none;max-width:34%;text-align:right}
  .fab{display:flex;position:fixed;right:18px;bottom:22px;width:58px;height:58px;border-radius:16px;border:0;background:var(--gold);color:var(--gold-ink);font-size:30px;line-height:1;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:15;cursor:pointer}
}
/* LeadConnector-style contact page */
.cd{max-width:760px;margin:0 auto}
.cdtop{display:flex;align-items:center;gap:10px;margin-bottom:14px}.cdtop h1{margin:0;font-size:22px}
.icb{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;border:0;background:transparent;color:var(--head);cursor:pointer;text-decoration:none}
.icb:hover{background:var(--soft)}.icb.round{border-radius:50%;background:var(--soft);flex:none}
.cdcard{padding:20px}
.cdhead{display:flex;align-items:center;gap:16px}
.av2.lg{width:68px;height:68px;font-size:24px}
.cdn{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.cdn b{font-size:24px;color:var(--head);font-family:var(--serif);font-weight:400;line-height:1.15}.cdn span{color:var(--muted);font-size:15px;overflow:hidden;text-overflow:ellipsis}
.cdmeta{display:flex;flex-wrap:wrap;gap:14px 28px;margin:18px 0 14px;padding-bottom:14px;border-bottom:1px solid var(--line2)}
.cdmeta label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px;text-transform:none;letter-spacing:0;font-weight:600}
.chipo{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:14px}
.cdtags{display:flex;align-items:center;gap:12px}.cdtags .tl{display:inline-flex;align-items:center;gap:8px;font-weight:600}.cdtags .tl svg{width:20px;height:20px}.cdtags em{font-style:normal;background:var(--soft);border-radius:5px;padding:0 7px;font-size:13px}
.lnk{border:0;background:none;color:var(--gold);font-weight:700;font-size:15px;cursor:pointer;padding:4px}
.tagrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.tagc{display:inline-flex;align-items:center;gap:6px;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:14px;color:var(--ink)}
.tagc button{border:0;background:none;color:var(--muted);cursor:pointer;font-size:16px;line-height:1;padding:0}
.tagc.gold{border-color:var(--gold);color:var(--gold)}.tagc.pick{cursor:pointer}
.acts5{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:6px 0 18px}
.acts5>a,.acts5>button,.acts5>span{display:flex;flex-direction:column;align-items:center;gap:7px;border:0;background:none;color:var(--muted);font-size:13.5px;text-decoration:none;cursor:pointer;padding:0}
.acts5 i{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--card);border:1.5px solid var(--line);color:var(--head)}
.acts5>a:hover i,.acts5>button:hover i{border-color:var(--gold);color:var(--gold)}
.acts5 .off{opacity:.4;cursor:default}
.ctabs{display:flex;gap:4px;border-bottom:2px solid var(--line);margin-bottom:16px;overflow-x:auto}
.ctabs button{border:0;background:none;padding:10px 14px;font-size:16px;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap}
.ctabs button.on{color:var(--head);border-bottom-color:var(--gold);font-weight:600}
.dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px 14px;margin:0}.dl dt{color:var(--muted);font-size:14px}.dl dd{margin:0;font-size:15px}
@media(max-width:720px){.acts5 i{width:54px;height:54px}.cdn b{font-size:21px}.av2.lg{width:58px;height:58px;font-size:20px}.cdcard{padding:16px}}
.lpick{border:1px solid var(--line)}
/* clients by month, personal vs downline */
.mgroup{margin-bottom:18px}
.mhead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:6px 2px 8px;border-bottom:2px solid var(--gold)}
.mhead b{font-family:var(--serif);font-weight:400;font-size:19px;color:var(--head)}.mhead span{color:var(--muted);font-size:14px}
.glist .crow{display:flex;align-items:center;gap:14px;padding:12px 4px;border-bottom:1px solid var(--line2);color:var(--ink);text-decoration:none}
.glist .crow:hover{background:var(--hover)}
.glist .ci{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.glist .ci b{font-size:16px;color:var(--head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.glist .ci span{color:var(--muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.glist .cr{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:none;text-align:right}
.glist .pm{color:var(--head);font-size:15px}
.mtop.show{display:flex;gap:10px;align-items:center;margin:0 0 12px}
.mtop.show .msearch{flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:var(--card);color:var(--muted)}
.mtop.show .msearch input{border:0;background:transparent;padding:11px 0;font-size:16px;outline:none;box-shadow:none}
.fab.show{display:none}
.split2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.split2>div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column}
.split2 span{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700}.split2 b{font-family:var(--serif);font-weight:400;font-size:24px;color:var(--head)}.split2 em{font-style:normal;color:var(--muted);font-size:13px}
.tbl tr.tot td{border-top:2px solid var(--line);font-weight:700}
@media(max-width:720px){.hide-m{display:none!important}.fab.show{display:flex}#whoseg{width:100%;display:flex}#whoseg button{flex:1}}
/* team list + member page */
.teamm{display:none}
.flag{display:inline-block;font-style:normal;font-size:12px;font-weight:600;border-radius:999px;padding:2px 9px}
.flag.bad{background:var(--bad-bg);color:var(--bad)}.flag.warn{background:var(--warn-bg);color:var(--warn)}.flag.off{background:var(--off-bg);color:var(--off)}
.tagrow.sm{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
details.acc>summary{cursor:pointer;font-weight:700;color:var(--head);list-style:none;display:flex;align-items:center;justify-content:space-between}
details.acc>summary::-webkit-details-marker{display:none}
details.acc>summary:after{content:"";width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin-right:6px}
details.acc[open]>summary:after{transform:rotate(-135deg)}
details.acc[open]>summary{margin-bottom:12px}
@media(max-width:720px){.teamm{display:block}.teamt{display:none}}
/* commission preview + settings */
.commbox:empty{display:none}
.commbox{background:var(--soft);border-radius:12px;padding:12px 14px;margin:0 0 14px}
.commbox .ch{font-weight:700;color:var(--head);margin-bottom:6px}
.commbox .cl{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px solid var(--line2);flex-wrap:wrap}
.lvls{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0 12px}
/* iPhone date fields stay inside their box */
input[type=date],input[type=time]{min-width:0;max-width:100%;-webkit-appearance:none;appearance:none;display:block}
.grid2>*,.grid3>*{min-width:0}
@media(max-width:720px){.kpis,.kpis.k4{grid-template-columns:1fr 1fr}.kpi .v{font-size:22px}}
/* keep forms and tables inside the screen on phones */
.sheet{overflow-x:hidden}
.sheet select,.sheet input,.sheet textarea{max-width:100%;min-width:0}
.f{min-width:0}
.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:720px){.splitt th:nth-child(3),.splitt td:nth-child(3),.splitt th:nth-child(4),.splitt td:nth-child(4){display:none}.splitt th,.splitt td{padding-left:6px;padding-right:6px;font-size:14px}}
input.auto{background:var(--soft);font-weight:700}
.commbox .cl2{flex-basis:100%;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;color:var(--muted)}
.commbox .cl2 b{color:var(--head)}
.paybox{background:var(--soft);border-radius:12px;padding:12px 14px 0;margin-bottom:14px}
.pays{display:flex;gap:4px;justify-content:flex-end;flex-wrap:wrap;margin-top:3px}
.pays em{font-style:normal;font-size:11px;font-weight:600;border-radius:999px;padding:1px 7px}
.pays em.ok{background:var(--ok-bg);color:var(--ok)}.pays em.wait{background:var(--warn-bg);color:var(--warn)}
.apstats.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:720px){.apstats.three{grid-template-columns:1fr}}
/* simple dashboard */
.stiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.stile{display:flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;text-decoration:none;color:var(--ink);position:relative;border-top:3px solid var(--gold)}
.stile:hover{border-color:var(--gold)}
.stile .si{color:var(--gold);margin-bottom:6px}
.stile b{font-family:var(--serif);font-weight:400;font-size:34px;color:var(--head);line-height:1.1}
.stile .sl{font-weight:700;font-size:14px;color:var(--head)}
.stile .ss{font-size:12.5px;color:var(--muted)}
.wk{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:8px}
.wk button{display:flex;flex-direction:column;align-items:center;gap:1px;border:1px solid var(--line);background:var(--card);border-radius:12px;padding:8px 0;cursor:pointer;color:var(--ink)}
.wk button span{font-size:11px;color:var(--muted);text-transform:uppercase}.wk button b{font-size:18px}.wk button i{font-style:normal;color:var(--gold);height:12px;line-height:12px;font-size:14px}
.wk button.today{border-color:var(--gold)}
.wk button.on{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}.wk button.on span{color:inherit;opacity:.8}
.advbar{display:flex;justify-content:center;margin:6px 0 18px}
@media(max-width:720px){.stiles{grid-template-columns:1fr 1fr;gap:10px}.stile{padding:13px}.stile b{font-size:28px}.wk{gap:4px}.wk button{padding:6px 0}.wk button b{font-size:16px}}
/* add results */
.ract{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}
.rbtn{border:1px solid var(--line);background:var(--card);color:var(--head);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;min-height:34px}
.rbtn.due{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}
.bigopts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bigopts button{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:14px 12px;font-size:16px;font-weight:600;cursor:pointer;min-height:54px;text-align:left}
.bigopts button i{font-style:normal;width:28px;height:28px;border-radius:50%;background:var(--soft);display:flex;align-items:center;justify-content:center;flex:none}
.bigopts button.on{border-color:var(--gold);background:var(--soft)}.bigopts button.on i{background:var(--gold);color:var(--gold-ink)}
.checks.big .ck{padding:12px;font-size:15px;min-height:48px}
.checks.big .ck input{width:20px;height:20px}
/* phone comfort: bigger tap targets, no zoom on inputs */
@media(max-width:720px){input,select,textarea{font-size:16px}.btn{min-height:44px}.agenda .arow{align-items:flex-start}}
/* production: simple list on phones */
.plist{display:none}
.glist .cr .badge{font-size:11px}
.pm.strike{text-decoration:line-through;color:var(--muted)}
@media(max-width:720px){
  .plist{display:block}.ptable2{display:none}
  .pfilters{gap:8px}.pfilters select{flex:1 1 40%;min-width:0}
  .pfilters #pa,.pfilters #pst{flex-basis:100%}
}
/* dashboard header + quick actions (v2) */
.dhead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.dhi span{display:block;color:var(--muted);font-size:14px;margin-bottom:2px}.dhi h1{margin:0}
.mpick{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--card)}
.mpick select{border:0;background:transparent;width:auto;padding:8px 12px;font-weight:600;border-radius:0}
.mpick select+select{border-left:1px solid var(--line)}
.qacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.qa{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);border-radius:16px;padding:14px 6px;cursor:pointer;color:var(--head);font-size:13px;font-weight:600;line-height:1.2;text-align:center}
.qa i{width:44px;height:44px;border-radius:50%;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--gold)}
.qa.gold i{background:var(--gold);color:var(--gold-ink)}
.qa:hover{border-color:var(--gold)}
.stile{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;align-items:start;min-height:128px}
.stile .sl{grid-column:1;grid-row:1;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700}
.stile .si{grid-column:2;grid-row:1;margin:0}
.stile b{grid-column:1/3;grid-row:2;align-self:center;margin:6px 0 2px}
.stile .ss{grid-column:1/3;grid-row:3}
@media(max-width:720px){
  .dhead{align-items:center}.dhi h1{font-size:24px}
  .qacts{gap:8px}.qa{padding:12px 4px;font-size:12px;border-radius:14px}.qa i{width:40px;height:40px}
  .stile{min-height:118px}.stile .sl{font-size:11px}
}
/* section titles */
h3.sech{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gold);margin:18px 0 10px;display:flex;align-items:center;gap:10px}
h3.sech:after{content:"";flex:1;height:1px;background:var(--line2)}
.sheet h3.sech:first-of-type,.sheet h2+h3.sech{margin-top:6px}
.plist-t{display:none}
@media(max-width:720px){.plist-t{display:flex}}
/* results next steps */
.checks .ck span{display:flex;flex-direction:column}
.nxt{display:none;font-style:normal;font-size:12.5px;color:var(--gold);font-weight:600;margin-top:2px}
.ck input:checked+span .nxt{display:block}
.steps3{display:flex;flex-direction:column;gap:10px;margin:6px 0 4px}
.nstep{display:flex;align-items:center;gap:12px;border:1.5px solid var(--gold);background:var(--card);color:var(--head);border-radius:14px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;text-align:left;min-height:56px}
.nstep i{font-style:normal;width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--gold-ink);display:flex;align-items:center;justify-content:center;flex:none}
.nstep.done{border-color:var(--line);color:var(--muted)}.nstep.done i{background:var(--ok-bg);color:var(--ok)}

/* log a call: cleaner layout */
.callbox{display:flex;flex-direction:column;gap:18px}
.cbs{display:flex;flex-direction:column;gap:10px}
.cbh{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;color:var(--ink)}
.cbn{width:24px;height:24px;border-radius:50%;background:var(--gold, #c9a24a);color:#111;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}
.outs.og{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.outs.og button{display:flex;align-items:center;gap:8px;text-align:left;padding:12px;font-size:14.5px;border-radius:12px;min-height:48px}
.od{width:10px;height:10px;border-radius:50%;flex:none;background:#8a94a3}
.od.g{background:#3fb97a}.od.b{background:#4a90e2}.od.y{background:#e0b341}.od.r{background:#e05a5a}
.outs.og button.on{background:rgba(201,162,74,.15);border-color:var(--gold,#c9a24a);color:var(--ink)}
.outs.seg{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.outs.seg button{border:0;border-right:1px solid var(--line);border-radius:0;padding:11px 2px;font-size:13px;text-align:center;background:transparent}
.outs.seg button:last-child{border-right:0}
.outs.seg button.on{background:var(--gold,#c9a24a);color:#111;font-weight:600}
.dtrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dtf{display:flex;flex-direction:column;gap:4px;margin:0}
.dtf span{font-size:12px;color:var(--muted, #8a94a3);text-transform:uppercase;letter-spacing:.06em}
.dtf input{width:100%;max-width:none!important;min-height:44px}
.savebig{width:100%;margin-top:18px;padding:14px;font-size:16px;border-radius:12px}
.dtf{min-width:0}.dtf input{min-width:0;box-sizing:border-box;-webkit-appearance:none;appearance:none}
.outs.seg button{font-size:12.5px}

/* recruit form: contract level + paired fields */
.pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px}
.pair>*{min-width:0}
.lvls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}
.lvls button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:12px 10px;font-size:14px;text-align:center;cursor:pointer;min-height:48px}
.lvls button:last-child:nth-child(odd){grid-column:1/-1}
.lvls button.on{background:var(--gold);color:var(--gold-ink);border-color:var(--gold);font-weight:600}
.lvtag{color:var(--gold);font-weight:600}

/* BPM guests: labeled date bar */
.hide{display:none!important}
.gbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px 12px;align-items:end;margin:6px 0 4px}
.gbar .f{margin:0;min-width:0}
.gbar #gpick{margin-top:8px;width:100%}
.gbar .btn{min-height:44px}
@media(max-width:720px){.gbar{grid-template-columns:1fr}.gbar .btn{width:100%}}

/* calendar month/list toggle + list view */
.cview{display:inline-flex;margin:4px 0 14px}
.lday{margin-bottom:14px}
.lday .lhd{display:flex;align-items:center;gap:8px;padding:6px 2px;font-size:15px;color:var(--head);border-bottom:1px solid var(--line);margin-bottom:6px}
.lday.today .lhd{color:var(--gold)}
.lday.past{opacity:.85}

/* appointment profile */
.pfscore{margin-left:6px;font-size:12px;color:var(--gold-ink);background:var(--gold);border-radius:999px;padding:2px 9px;letter-spacing:0}
.pfgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.pfb{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:11px 10px;font-size:14px;text-align:left;cursor:pointer;min-height:46px}
.pfb i{font-style:normal;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:none}
.pfb.on{border-color:var(--gold);background:rgba(201,162,74,.14)}
.pfb.on i{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}
.pfb:last-child:nth-child(odd){grid-column:1/-1}
.pfmini{font-size:11px;font-weight:700;color:var(--gold-ink);background:var(--gold);border-radius:999px;padding:1px 7px;vertical-align:middle}
/* team tree */
.ttree{padding:8px 6px}
.ttree summary{list-style:none;cursor:pointer}
.ttree summary::-webkit-details-marker{display:none}
.ttree summary,.tleaf{display:flex;align-items:center;gap:8px;padding:8px 6px;border-radius:10px}
.ttree summary::before{content:'›';display:inline-block;width:14px;color:var(--muted);font-size:18px;transition:transform .15s}
.ttree details[open]>summary::before{transform:rotate(90deg)}
.tleaf::before{content:'';display:inline-block;width:14px}
.tname{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:0;flex:1}
.tname .ci{display:flex;flex-direction:column;min-width:0}
.tname .ci span{font-size:12.5px;color:var(--muted)}
.tcount{font-size:12px;color:var(--gold);white-space:nowrap}
.tkids{margin-left:14px;padding-left:10px;border-left:1px dashed var(--line)}

/* time and date boxes never look empty or squashed on iPhone */
input[type=time],input[type=date]{min-height:46px;display:block;width:100%;line-height:1.2}

/* where: big buttons */
.places{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.places button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:11px 10px;font-size:14px;cursor:pointer;min-height:46px;text-align:left}
.places button.on{border-color:var(--gold);background:rgba(201,162,74,.14);font-weight:600}
@media(max-width:420px){.places{grid-template-columns:1fr 1fr}.places button:last-child:nth-child(odd){grid-column:1/-1}}

/* calendar sync card */
.calbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.calbtns .btn{text-align:center;justify-content:center;min-height:46px;display:flex;align-items:center}
@media(max-width:420px){.calbtns{grid-template-columns:1fr}}
#calurl{font-size:13px;min-width:0;flex:1}
.calsteps{padding-left:20px;margin:8px 0}
.calsteps li{margin:4px 0}
.whotag{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:13px;color:var(--muted)}
#asug{margin-top:6px}
#asug>div{display:flex;align-items:center;gap:8px;cursor:pointer}

/* appointment row, cleaner */
.arow2{padding:12px 2px;border-bottom:1px solid var(--line2);cursor:pointer}
.arow2:last-child{border-bottom:0}
.ar-top{display:flex;align-items:flex-start;gap:12px}
.ar-time{width:64px;flex:none;display:flex;flex-direction:column;line-height:1.25}
.ar-time b{font-size:15px}
.ar-time span{font-size:12px;color:var(--muted)}
.ar-main{flex:1;min-width:0}
.ar-name{display:flex;align-items:center;gap:6px;font-size:16px}
.ar-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-sub{font-size:13.5px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-meta{font-size:12.5px;color:var(--muted);margin-top:3px}
.mut.wait{color:#e0b341}.mut.ok{color:#3fb97a}.mut.no{color:#e05a5a}
.ar-top .badge{flex:none}
.ar-acts{display:flex;gap:8px;justify-content:flex-end;margin-top:10px;padding-left:76px}
.ar-acts .rbtn,.ar-acts .jbtn{min-height:38px;padding:8px 14px}
.jbtn{border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-size:14px;display:inline-flex;align-items:center}
@media(max-width:420px){.ar-acts{padding-left:0}.ar-acts>*{flex:1;justify-content:center;text-align:center}}

.ar-meta{display:flex;flex-wrap:wrap;gap:2px 12px}
.ar-meta>span{white-space:nowrap}

/* subscription */
.tbar{background:rgba(201,162,74,.15);border-bottom:1px solid var(--gold);color:var(--ink);padding:10px 16px;font-size:14px;text-align:center}
.tbar.warn{background:rgba(224,90,90,.15);border-color:#e05a5a}
.tbar a{color:var(--gold);font-weight:600}
.paywall{max-width:420px;text-align:left}
.paywall h2{margin-top:10px}
.kpis.sm .v{font-size:22px}


/* ===== polish: modern, minimal, quiet luxury ===== */
h1{font-weight:600;font-size:32px;letter-spacing:.005em;line-height:1.1}
.sheet h2{font-weight:600;font-size:26px}
.kpi .v,.apstats .n,.actstats .n{font-weight:600}
.card{border-radius:16px;box-shadow:var(--shadow);border-color:var(--line2)}
.kpi{border-radius:16px;box-shadow:var(--shadow);border-top-width:2px}
.btn{border-radius:10px;letter-spacing:.01em}
.btn.gold{background:linear-gradient(180deg,#D4B05C,#C49A3F);border-color:#C49A3F;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 2px 8px rgba(201,162,74,.25)}
.btn.gold:hover{filter:brightness(1.04)}
input,select,textarea{border-radius:10px!important}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(201,162,74,.18)}
h3.sech{letter-spacing:.14em;font-size:11.5px}
.side{background:linear-gradient(180deg,#132230 0%,#0C1621 100%);border-right:1px solid rgba(201,162,74,.18)}
.sbrand{display:flex;align-items:center;gap:10px;font-weight:600}
.sbrand b,.brand b{color:var(--gold);font-weight:600}
.sbrand .blogo{height:30px;max-width:120px;object-fit:contain}
.side .sbrand{font-size:21px;padding:4px 8px 16px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:10px}
.mbar .sbrand{font-size:20px}
.brand{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:600}
.brand .blogo{height:54px;max-width:220px;object-fit:contain}
.auth .brand{font-size:28px}
.auth .card{box-shadow:0 10px 40px rgba(0,0,0,.18)}
.av2.ph{padding:0;overflow:hidden;border-color:var(--gold)}
.av2.ph img{width:100%;height:100%;object-fit:cover;display:block}
.av2.xl{width:92px;height:92px;font-size:30px}
.profrow{display:flex;gap:18px;align-items:flex-start}
.profpic{display:flex;flex-direction:column;align-items:center;gap:8px;flex:none}
.profpic .btn.sm{padding:6px 10px;font-size:13px}
.profflds{flex:1;min-width:0}
.brandprev{background:linear-gradient(180deg,#132230,#0C1621);border-radius:12px;padding:16px 14px 6px;margin-bottom:12px}
.brandprev .sbrand{color:#fff;border:0}
@media(max-width:560px){.profrow{flex-direction:column;align-items:stretch}.profpic{flex-direction:row;justify-content:flex-start}}
label.btn{text-transform:none!important;letter-spacing:.01em!important;font-size:14px!important;font-weight:600!important;color:var(--ink)!important;margin:0}
.mbar .sbrand{flex:1;min-width:0;justify-content:flex-start;padding:0;font-size:19px;color:#fff}
.mbar .sbrand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.mbar .sbrand .blogo{height:26px;max-width:90px}
.blogo{object-position:left center}
.certrow{display:flex;align-items:center;gap:12px;justify-content:space-between;background:var(--card);border:1px solid var(--line2);border-radius:16px;padding:14px 16px;margin-bottom:16px;box-shadow:var(--shadow)}
.cdhead{position:relative}
.certb{position:absolute;left:46px;top:44px;width:24px;height:24px;border-radius:50%;background:var(--gold);color:var(--gold-ink);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--card)}

/* matchups: in your face */
.mubar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:linear-gradient(90deg,#C9A24A,#D9B865);color:#1b1b1b;padding:11px 16px;text-decoration:none;font-size:14.5px}
.mubar span{text-decoration:underline;opacity:.85}
.pulse{display:inline-block;width:10px;height:10px;border-radius:50%;background:#e05a5a;box-shadow:0 0 0 0 rgba(224,90,90,.6);animation:pulse 1.6s infinite;flex:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(224,90,90,.6)}70%{box-shadow:0 0 0 10px rgba(224,90,90,0)}100%{box-shadow:0 0 0 0 rgba(224,90,90,0)}}
.mucard.hot{border:1.5px solid var(--gold);box-shadow:0 0 0 4px rgba(201,162,74,.12),var(--shadow)}
.mucard h2{display:flex;align-items:center;gap:10px}
.muitem{padding:12px 0;border-top:1px solid var(--line2)}
.muitem:first-of-type{border-top:0}
.murow2{display:flex;gap:12px}
.mu-when{width:64px;flex:none;display:flex;flex-direction:column}
.mu-when b{font-size:16px}.mu-when span{font-size:12px;color:var(--muted)}
.mu-what{flex:1;min-width:0}
.muacts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;padding-left:76px}
.muacts .btn{min-height:42px}
@media(max-width:480px){.muacts{padding-left:0}.muacts .btn{flex:1 1 45%}.muacts .btn.gold{flex-basis:100%}}
.nb.hot{background:#e05a5a!important;color:#fff!important}
.trpick{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow:auto}
.trp{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;text-transform:none;letter-spacing:0;font-size:15px;color:var(--ink)}
.trp input{width:auto;margin:0}
.trp>span:last-child{display:flex;flex-direction:column}
.trp:has(input:checked){border-color:var(--gold);background:rgba(201,162,74,.12)}
.tog{display:flex;align-items:center;gap:10px;padding:10px 0;text-transform:none;letter-spacing:0;font-size:15px;color:var(--ink)}
.tog input{width:20px;height:20px;margin:0;accent-color:var(--gold)}

/* app install + phone alerts */
.mbar{padding-top:calc(10px + env(safe-area-inset-top))!important}
.side{padding-top:calc(18px + env(safe-area-inset-top))!important}
.calsteps.big li{margin:8px 0;font-size:15px}
.pushrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line2);margin-top:8px;padding-top:12px}
.pushrow>div:first-child{flex:1;min-width:200px}
.btn.sm{padding:7px 12px;font-size:13px}
.apptip{display:flex;align-items:center;gap:10px;background:var(--card);border:1px dashed var(--gold);border-radius:14px;padding:10px 12px;margin:0 0 14px;font-size:14px}
.apptip span{flex:1}.apptip a{color:var(--gold);font-weight:600;white-space:nowrap}
.apptip button{background:none;border:0;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;padding:0 4px}
#rfollow .cbs{margin-bottom:14px}

/* phone blitz call + text */
.cbtns{display:flex;gap:8px;flex-wrap:wrap}
.cbtns .btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:560px){.who2{flex-direction:column;align-items:stretch!important;gap:10px}.cbtns .btn{flex:1}}
.tpls{display:flex;flex-direction:column;gap:8px}
.tpl{display:flex;flex-direction:column;gap:3px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--ink)}
.tpl b{color:var(--gold);font-size:14px}.tpl span{font-size:14.5px;line-height:1.4}
.tpl:active{background:rgba(201,162,74,.12)}
/* settings: folded sections */
main.setv>.card>h2{cursor:pointer;display:flex;align-items:center;margin-bottom:12px}
main.setv>.card>h2::after{content:'';margin-left:auto;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .15s}
main.setv>.card.shut>h2{margin-bottom:0}
main.setv>.card.shut>h2::after{transform:rotate(-45deg)}
main.setv>.card.shut>*:not(h2){display:none!important}
/* drawer: brand must fit */
.side .sbrand{font-size:19px!important;white-space:normal}
.side .sbrand span{line-height:1.15}
.mbtn.wide{width:auto!important;padding:0 14px!important;gap:8px;display:inline-flex;align-items:center;font-weight:600;white-space:nowrap;color:var(--gold)}

/* "?" help */
.qhelp{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--gold);color:var(--gold);font:700 11px/1 var(--sans);margin-left:6px;cursor:pointer;vertical-align:middle;text-transform:none;letter-spacing:0;flex:none;position:relative}
.qhelp::before{content:'';position:absolute;inset:-12px}
h1 .qhelp{width:22px;height:22px;font-size:13px}
#ghelp{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center;padding:16px}
#ghelp[hidden]{display:none}
.ghcard{background:var(--card);border:1px solid var(--gold);border-radius:18px;padding:18px 18px 14px;max-width:440px;width:100%;box-shadow:0 10px 40px rgba(0,0,0,.35);margin-bottom:env(safe-area-inset-bottom)}
.ghcard b{font-size:18px;color:var(--head)}
.ghcard p{margin:8px 0 14px;font-size:16px;line-height:1.5}
.ghcard .btn{width:100%;min-height:46px}
@media(min-width:721px){#ghelp{align-items:center}}
.tplb{display:flex;gap:8px;margin-top:8px}
.tplb .btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;flex:1}
.tpl.step{position:relative;padding-left:48px}
.tstep{position:absolute;left:12px;top:12px;width:26px;height:26px;border-radius:50%;background:var(--gold);color:var(--gold-ink);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}

/* texts folded like drop-downs */
.tsec{border:1px solid var(--line);border-radius:14px;margin:12px 0 0;background:var(--card)}
.tsec>summary{list-style:none;cursor:pointer;padding:14px 16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:12.5px;color:var(--gold);display:flex;align-items:center}
.tsec>summary::-webkit-details-marker,.tpl.fold>summary::-webkit-details-marker{display:none}
.tsec>summary::after,.tpl.fold>summary::after{content:'';margin-left:auto;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:transform .15s;flex:none}
.tsec[open]>summary::after,.tpl.fold[open]>summary::after{transform:rotate(45deg)}
.tsecb{padding:0 12px 12px}
.tpl.fold{padding:0}
.tpl.fold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:13px 14px;min-height:50px}
.tpl.fold.step{padding-left:0}
.tpl.fold .tstep{position:static}
.tpl.fold .ttx{display:block;padding:0 14px;font-size:15px;line-height:1.45}
.tpl.fold .tplb{padding:0 14px 14px}
.tpl.fold[open]{border-color:var(--gold)}

/* contact filters + tags */
.fbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 6px}
.fbar .btn{display:inline-flex;align-items:center;gap:6px}
.fon{border:1px solid var(--gold);background:rgba(201,162,74,.12);color:var(--ink);border-radius:999px;padding:6px 11px;font-size:13px;cursor:pointer}
.fchips{display:flex;flex-wrap:wrap;gap:8px}
.fchips button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:8px 13px;font-size:14px;cursor:pointer}
.fchips button em{font-style:normal;color:var(--muted);font-size:12px;margin-left:2px}
.fchips button.on{background:var(--gold);border-color:var(--gold);color:var(--gold-ink);font-weight:600}
.fchips button.on em{color:var(--gold-ink)}
.tagm{font-style:normal;font-size:11px;background:var(--soft);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:1px 7px;margin-right:4px}
.tagsug{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.tagsug button{border:1px dashed var(--line);background:none;color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12.5px;cursor:pointer}

/* modern minimalist type: one clean sans, weight + spacing do the work */
h1{font-weight:600;font-size:24px;letter-spacing:-.02em}
.sheet h2,.mhead b{font-weight:600;letter-spacing:-.015em}
.kpi .v,.apstats .n,.actstats .n,.split2 b,.stile b,.cdn b,.ctr input{font-weight:500;letter-spacing:-.025em}
.brand,.sbrand{font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:15px}
.rbtn.cx{color:var(--muted);font-weight:500}
.strow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.strow .sp{flex:1}

/* contact import */
.upbox{display:flex;flex-direction:column;align-items:center;gap:4px;border:1.5px dashed var(--gold);border-radius:14px;padding:18px;margin:4px 0 12px;cursor:pointer;text-align:center;background:rgba(201,162,74,.06)}
.upbox input{position:absolute;opacity:0;width:1px;height:1px}
.upbox b{font-size:16px;color:var(--head)}
.hows{margin:0 0 12px}.hows p{margin:6px 0}
.cprev{margin:10px 0 12px}
.cpv{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin-top:6px}
.cpv span{color:var(--muted);font-size:13px}.cpv em{font-style:normal;font-size:12px;color:var(--gold)}
.upbox,.upbox b,.upbox span{text-transform:none;letter-spacing:normal}

/* dashboard sections: numbered bands on computers, plain on phones */
.dsub{display:none}
.dband{counter-increment:dsec}
main{counter-reset:dsec}
@media(min-width:1024px){
  .dband{position:relative;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px 28px 22px;margin:18px 0 22px;box-shadow:0 1px 2px rgba(16,24,40,.03)}
  .dband:nth-of-type(even){background:var(--soft)}
  .dband>h3.sech{font-size:15px;letter-spacing:.18em;color:var(--head);margin:0 0 2px;gap:16px;align-items:flex-end}
  .dband>h3.sech:before{content:counter(dsec,decimal-leading-zero);font-size:58px;line-height:.8;font-weight:700;letter-spacing:-.04em;color:var(--gold);opacity:.22}
  .dband>h3.sech:after{margin-bottom:6px}
  .dband>.dsub{display:block;margin:0 0 18px 75px;color:var(--muted);font-size:14px}
  .dband .card:last-child{margin-bottom:0}
  .dband .stiles{margin-bottom:18px}
}

/* BPM event card */
.bpmc{border-color:rgba(201,162,74,.45)}
.bpmh{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.bpmh>div{flex:1;min-width:0;display:flex;flex-direction:column}
.bpmh b{font-size:18px;color:var(--head)}.bpmh span{color:var(--muted);font-size:14px}
.bpmi{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(201,162,74,.14);color:var(--gold);flex:none}
.bpmd{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 14px;font-size:14.5px}
.bpmd dt{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding-top:2px}
.bpmd dd{margin:0;word-break:break-word}
.bpma{display:flex;gap:8px;flex-wrap:wrap}
.btn.sm{padding:6px 12px;font-size:13px;min-height:0}
.gtx{display:inline-block;margin-left:8px;font-size:12.5px;color:var(--gold)}

/* daily activity, cleaner */
.xbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 14px}
.xbar select{max-width:260px}
.xday{position:relative;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 14px;font-weight:600;color:var(--head);cursor:pointer}
.xday:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}
.xday input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.counters.c3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.counters.c2{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}
.ctr.big{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;gap:12px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.ctr .ci{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(201,162,74,.14);color:var(--gold)}
.ctr .ctxt .l{color:var(--head);font-size:13px}
.ctr.big .ctl button{width:48px;height:48px;border-radius:14px;font-size:22px}
.ctr.big .ctl input{font-size:34px;font-weight:500;border:none;background:none;letter-spacing:-.02em}
.xmore summary{font-weight:600}
.actstats.a3{grid-template-columns:repeat(3,minmax(0,1fr))}
.xteam{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
.xteam summary{cursor:pointer;font-weight:600;padding:6px 0}
.xlist{display:flex;flex-direction:column;margin-top:6px}
.xrow{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:8px;align-items:center;padding:10px 4px;border-top:1px solid var(--line)}
.xrow.miss{opacity:.6}
.xn{display:flex;flex-direction:column;min-width:0}.xn b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xn span{font-size:12.5px;color:var(--muted)}
.xv{display:flex;flex-direction:column;align-items:flex-end}.xv b{font-size:17px;font-variant-numeric:tabular-nums}.xv span{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
@media(max-width:700px){
  .counters.c3{grid-template-columns:1fr;gap:10px}
  .ctr.big{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:14px}
  .ctr.big .hint{display:none}
  .ctr.big .ctl input{width:56px;flex:none;font-size:28px}
  .ctr.big .ctl button{width:42px;height:42px}
  .xrow{grid-template-columns:minmax(0,1fr) repeat(3,52px)}
  .xv span{display:none}
}

/* promotions list */
.lmine{border-color:rgba(201,162,74,.45)}
.lmine>summary,.lrow>summary{list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer}
.lmine>summary::-webkit-details-marker,.lrow>summary::-webkit-details-marker{display:none}
.lmine>summary{margin-bottom:12px}
.lav{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;background:rgba(201,162,74,.16);color:var(--gold);font-weight:700;font-size:13px}
.lnm{flex:1;min-width:0;display:flex;flex-direction:column}
.lnm b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--head)}.lnm span{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.unl{font-style:normal;font-size:11px;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 7px;margin-left:6px}
.lpg{display:flex;align-items:center;gap:10px;width:200px;flex:none}.lpg .pbar{flex:1;margin:0}
.lpc{font-variant-numeric:tabular-nums;font-weight:600;color:var(--muted);min-width:40px;text-align:right}.lpc.hot{color:var(--gold)}
.lsum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 14px}
.lsum>div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column}
.lsum b{font-size:26px;font-weight:500;color:var(--head);letter-spacing:-.02em}.lsum span{font-size:12px;color:var(--muted)}
.lbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.lbar input{flex:1;min-width:180px}.lbar select{width:auto}
.llist{padding:4px 16px}
.lrow{border-top:1px solid var(--line);padding:12px 0}.lrow:first-child{border-top:none}
.lrow[open]>summary{margin-bottom:12px}
.lrow>summary:after{content:"›";font-size:22px;color:var(--muted);transition:transform .15s;margin-left:2px}
.lrow[open]>summary:after{transform:rotate(90deg)}
.lbody{padding-left:50px}
@media(max-width:700px){.lpg{width:92px}.lpg .pbar{display:none}.lbody{padding-left:0}.lsum b{font-size:22px}}
.xday,.xday span{text-transform:none;letter-spacing:normal;font-size:14px}
.lmine>summary{margin-bottom:0}.lmine[open]>summary{margin-bottom:12px}
.lmine>summary:after{content:"›";font-size:22px;color:var(--muted);transition:transform .15s}.lmine[open]>summary:after{transform:rotate(90deg)}

/* settings: side profile + tabs */
.setwrap{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;align-items:start;margin-top:10px}
.setside{position:sticky;top:16px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 20px;margin:0}
.ssav{width:96px;height:96px;border-radius:50%;overflow:hidden;border:3px solid var(--gold);display:grid;place-items:center;background:rgba(201,162,74,.14);color:var(--gold);font-size:30px;font-weight:700}
.ssav img{width:100%;height:100%;object-fit:cover}
.ssn{font-size:19px;color:var(--head);margin-top:12px}
.sslv{margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--gold);color:var(--gold-ink);border-radius:999px;padding:3px 10px}
.ssh{align-self:stretch;text-align:left;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px;padding-top:14px;border-top:1px solid var(--line)}
.ssst{align-self:stretch;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ssst>div{border-radius:12px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;color:#fff}
.ssst .g{background:#2F6B4F}.ssst .b{background:#24507A}.ssst .p{background:#5B3F86}
.ssst span{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.9}.ssst b{font-size:22px;font-weight:600}
.ssl{align-self:stretch;display:flex;flex-direction:column;gap:4px;text-align:left;font-size:14px;word-break:break-word}
.sschips{align-self:stretch;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.sschips span{background:rgba(201,162,74,.16);color:var(--gold);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}
.setmain{min-width:0}
.setmain>.card{max-width:none!important;margin-top:0}
.settabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:6px;margin-bottom:14px}
.settabs::-webkit-scrollbar{display:none}
.settabs button{flex:none;border:none;background:none;color:var(--muted);font-weight:600;font-size:14px;padding:10px 14px;border-radius:11px;cursor:pointer;white-space:nowrap}
.settabs button.on{background:var(--brand);color:#fff}
.settabs button.on{box-shadow:inset 0 -2px 0 var(--gold)}
@media(max-width:900px){
  .setwrap{grid-template-columns:1fr}
  .setside{position:static;flex-direction:column}
  .setside .ssh:not(:first-of-type),.setside .ssl,.setside .sschips{display:none}
  .settabs{position:sticky;top:0;z-index:5}
}
@media(max-width:900px){
  .setside{display:grid;grid-template-columns:64px 1fr;column-gap:14px;row-gap:2px;text-align:left;align-items:center;padding:16px}
  .ssav{width:64px;height:64px;font-size:20px;grid-row:1/3;border-width:2px}
  .ssn{margin:0;font-size:17px;align-self:end}
  .sslv{margin:0;justify-self:start;align-self:start;font-size:10.5px}
  .setside .ssh{display:none}
  .ssst{grid-column:1/-1;margin-top:12px}.ssst b{font-size:18px}.ssst>div{padding:8px 4px}
}

/* quick notes while dialing */
.qtog.on{border-color:var(--gold);color:var(--gold)}
.ptable tr.qrow td{padding:0 12px 12px 56px!important;border-top:none!important}
.ptable tr[data-p] td{border-bottom:none}
.ptable tr.qrow{cursor:default}.ptable tr.qrow:hover{background:none}
.qbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.qout{display:flex;gap:4px;flex:none}
.qout button{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.qout button.on{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}
.qnote{flex:1;min-width:180px;padding:8px 12px!important;font-size:14px!important;border-radius:10px!important}
.qfu{width:auto!important;padding:8px 10px!important;font-size:13px!important;border-radius:10px!important}
.qsave{border:none;background:var(--brand);color:#fff;border-radius:10px;padding:9px 14px;font-weight:600;font-size:13px;cursor:pointer}
.qok{font-size:12.5px;color:#3E9B6E;font-weight:600}
.qbar.done .qnote{border-color:rgba(62,155,110,.5)!important}
.cwrap{border-bottom:1px solid var(--line2)}
.clist.qn .cwrap .crow{border-bottom:none;padding-bottom:6px}
.cwrap .qbar{padding:0 2px 12px 52px}
@media(max-width:700px){
  .cwrap .qbar{padding-left:0}
  .qout{width:100%;overflow-x:auto}.qout button{flex:1}
  .qnote{min-width:0;flex:1 1 100%}
  .qfu{flex:1}
}
.qprev{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;font-size:13.5px;margin:0 0 8px;line-height:1.4}
.qprev em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-right:6px}
.qln,.qab{min-width:0}.qab{color:var(--muted)}
.qhist{font-size:12.5px;font-weight:600;color:var(--gold);white-space:nowrap}
.qlog{flex-basis:100%;border-left:2px solid rgba(201,162,74,.35);padding:4px 0 2px 12px;margin-top:4px;display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto}
.qli{display:flex;gap:8px;flex-wrap:wrap;font-size:13px}.qli b{font-weight:600}.qld{color:var(--muted);min-width:46px}
.cwrap .qprev{padding:0 2px 0 52px}
@media(max-width:700px){.cwrap .qprev{padding-left:0}}

/* built-in Money Moves logo */
.deflogo{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.deflogo .blogo{max-width:none!important;object-fit:contain}
.deflogo .wide{display:none}
.sbrand.deflogo{padding:6px 8px 16px!important;align-items:center}
.sbrand.deflogo .stk{width:150px;height:auto!important}
.hubtag{font-size:10.5px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);padding-left:.32em}
.mbar .sbrand.deflogo{flex-direction:row;align-items:center;padding:0!important;gap:10px}
.mbar .deflogo .stk{display:none}.mbar .deflogo .wide{display:block;height:24px!important;width:auto}
.mbar .deflogo .hubtag{font-size:9.5px;border-left:1px solid rgba(255,255,255,.2);padding-left:10px;letter-spacing:.24em}
.brand.deflogo{align-items:center;background:#1B2C3A;border-radius:16px;padding:20px 18px 14px;margin-bottom:6px}
.brand.deflogo .stk{width:170px;height:auto!important}
.brandprev .deflogo{background:#1B2C3A;border-radius:12px;padding:14px;display:inline-flex}

/* "Where" picker: one clean segmented row, never stacked */
.places{display:flex!important;gap:0!important;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:4px}
.places button{flex:1 1 0;min-width:0;flex-direction:column;justify-content:center;gap:4px!important;border:none!important;background:none!important;border-radius:10px!important;padding:8px 4px!important;min-height:58px!important;text-align:center!important;font-size:12.5px!important;color:var(--muted)!important;grid-column:auto!important}
.places button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.places button svg{flex:none}
.places button.on{background:var(--card)!important;color:var(--head)!important;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.12),inset 0 0 0 1px var(--gold)}
.places button.on svg{color:var(--gold)}
@media(max-width:420px){.places button{font-size:11px!important;padding:8px 2px!important}}
.places .gmw{font-style:normal}
@media(max-width:520px){.places .gmw{display:none}}

/* sign-up page and the owner's approval list */
.auth.wide{max-width:720px}
.req{color:var(--bad)}
.pend{margin:0 0 16px}
.pend .prow{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--line)}
.pend .ci{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}

/* calling sessions on Daily activity */
.sess{margin:0 0 14px}
.sess.on{border-color:var(--gold)}
.sess .row{align-items:center;flex-wrap:nowrap}
.sess .sx{flex:1;min-width:0}
.sess #stime{font-variant-numeric:tabular-nums;margin-left:6px}
.srow{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.srow:first-of-type{border-top:0}
@media(max-width:420px){.sess .row{flex-wrap:wrap}.sess .row .btn{width:100%}}

/* daily activity: what the app counted by itself */
.ctr .cauto{font-size:11.5px;color:var(--gold);margin-top:2px}
.cnote{margin:-4px 0 14px}

/* States licensed: picked states as tags under the list */
.stchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.stchips:empty{display:none}
.stchip{border:0;cursor:pointer;background:rgba(201,162,74,.16);color:var(--gold);border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:700;font-family:inherit;min-height:30px}
.stchip:hover{background:rgba(201,162,74,.28)}
.grid3 .stpick{grid-column:1/-1}
.stpick .stsel{max-width:340px}

/* contact page: step to the next / previous lead without going back to the list */
.cdtop h1{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pnav{display:inline-flex;align-items:center;gap:6px;flex:none}
.pnav .pnext{white-space:nowrap;text-decoration:none}
.pnav .off{opacity:.35;pointer-events:none}
@media(max-width:480px){.pnav .pcount{display:none}}

/* log a call: lighter. Outcomes are small pills that wrap, labels are quiet, less empty space */
.callbox{gap:14px}
.cbs{gap:7px}
.cbh{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.cbn{display:none}
.outs.og{display:flex;flex-wrap:wrap;gap:6px}
.outs.og button{padding:7px 12px;font-size:13.5px;border-radius:999px;min-height:36px;gap:7px}
.outs.og .od{width:8px;height:8px}
.callbox textarea{min-height:0}
.outs.seg button{padding:8px 2px}
.dtf input{min-height:40px}
.savebig{margin-top:14px;padding:11px;font-size:15px}
@media(max-width:720px){.outs.og button{min-height:40px}}

/* client review reminder */
.rvw.due{border-color:var(--bad)}
.rvrow{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
.rvrow .rvd{width:170px}
.rvline{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.rvline:first-of-type{border-top:0}
@media(max-width:560px){.rvrow .seg{display:flex;width:100%}.rvrow .seg button{flex:1;padding:9px 4px}.rvrow .rvd{flex:1}}
/* settings: download one file at a time */
.dlrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dlrow select{max-width:260px}
/* member page: four buttons spread evenly */
.acts5.a4{grid-template-columns:repeat(4,1fr)}

/* recruit steps: a small heading between groups of steps */
.steps2 .sthead{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gold);margin:12px 0 2px}

/* "your calendar is synced" note */
.bksync{border:1px solid var(--line);border-left:3px solid var(--ok);border-radius:10px;padding:10px 12px;background:var(--soft);margin-top:6px}