/* The Hub — United Eagles agent hub.
   Look = the UEF agent portal (unitedeaglesfinancial.com/agents): emerald bokeh canvas, dark-glass sidebar, gold Lora headings,
   cream cards with emerald icon badges + gold hover ring. Wingman pages reuse the local Wingman dashboard's components (~/callscore/callscore/app.py). */
:root{
  --emerald:#0C3326;--emerald-2:#14533E;--emerald-deep:#08251B;--canvas:#081713;--glass:rgba(6,22,16,.80);
  --gold:#D9B266;--gold-2:#CBA253;--gold-soft:#EFDCA4;--gold-ink:#8A6A22;--c-line:rgba(217,178,102,.32);
  --card:#F8F4EA;--card-2:#FFFCF5;--well:#EEE8DA;--track:#E9E3D4;--bd:rgba(12,51,38,.14);
  --ink:#17120F;--ink-dim:#3B4A43;--ink-soft:#5D564C;--muted:#857F72;--on-dark:#F6F1E6;--on-dark-dim:#C7D5CD;
  --agent:#12A06A;--client:#B07A20;--agent-bg:#E6F2EB;--client-bg:#F4ECDA;
  --ok:#0B6B45;--ok-bg:#E6F2EB;--ok-bd:#B8DCC9;--warn:#8A6A22;--warn-bg:#FAF0D6;--warn-bd:#EAD9A9;--bad:#A2402E;--bad-bg:#FAE7E2;--bad-bd:#F0C4BB;
  --blue:#1662C4;--blue-bg:#E6EFFC;--blue-bd:#B9D3F6;
  --btn:linear-gradient(135deg,#0C3326,#14533E);--goldg:linear-gradient(135deg,#E3CC8B,#CBA253 60%,#B08A3C);
  --shadow:0 14px 36px rgba(0,0,0,.28);--serif:"Lora",Georgia,serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--r:16px;
}
*{box-sizing:border-box}
html{background:var(--canvas)}
body{margin:0;background:transparent;color:var(--ink);font:14.5px/1.5 var(--sans);-webkit-font-smoothing:antialiased} /* body must stay transparent or it paints over the bokeh layers below */
body::before{content:"";position:fixed;inset:0;z-index:-2;background:var(--canvas) url("/bokeh-emerald.jpg") center bottom/cover no-repeat}
body::after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 0,rgba(8,23,19,.25),rgba(3,14,10,.55))}
a{color:var(--emerald-2);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3{font-family:var(--serif);font-weight:600;margin:0;color:var(--ink)}
h1{font-size:34px;line-height:1.15}h2{font-size:21px}h3{font-size:16px;margin-bottom:12px}
button,input,select,textarea{font:inherit}
.boot{min-height:100vh;display:grid;place-items:center;color:var(--on-dark-dim);font-family:var(--serif);font-size:18px}
.muted{color:var(--muted)}.small{font-size:12.5px}.nw{white-space:nowrap}.sp{flex:1}
.lbl,.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.lbl{display:block;margin-bottom:8px}

/* ---------- shell ---------- */
.shell{display:flex;min-height:100vh}
.side{width:236px;flex:none;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--c-line);color:var(--on-dark);display:flex;flex-direction:column;padding:24px 16px;position:sticky;top:0;height:100vh}
.brand{display:flex;align-items:center;gap:12px;padding:0 6px 26px;text-decoration:none;color:inherit}.brand:hover{text-decoration:none}
.brand img{width:42px;height:42px;border-radius:12px;display:block;filter:drop-shadow(0 6px 18px rgba(203,162,83,.28))}
.brand b{display:block;font:600 19px var(--serif);color:#fff}.brand span{display:block;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-top:1px}
.nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:var(--on-dark-dim);font-weight:500;margin-bottom:3px;min-height:42px}
.nav a:hover{background:rgba(255,255,255,.06);color:#fff;text-decoration:none}
.nav a.on{background:rgba(217,178,102,.15);color:#fff;font-weight:600;box-shadow:inset 3px 0 0 var(--gold)}
.nav svg,.tabbar svg{width:17px;height:17px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.side .grow{flex:1}
.me{display:flex;align-items:center;gap:10px;padding:14px 6px 0;border-top:1px solid rgba(217,178,102,.2)}
.me b{display:block;color:#fff;font-size:13.5px}.me button{background:none;border:0;color:var(--on-dark-dim);font-size:12px;padding:0;cursor:pointer;text-decoration:underline}
main{flex:1;min-width:0;padding:34px 40px 70px;max-width:1440px}

/* page heads sit on the photo */
.top{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.top h1{color:var(--gold)}.top p{margin:6px 0 0;color:var(--on-dark-dim);max-width:720px}.top .eyebrow{color:var(--gold-soft)}
.crumb{display:inline-flex;align-items:center;gap:6px;color:var(--gold-soft);font-weight:600;font-size:13px;margin-bottom:10px}.crumb:hover{color:#fff}
.hero{text-align:center;padding:6px 0 22px}.hero img{width:64px;height:64px;border-radius:16px;filter:drop-shadow(0 8px 24px rgba(203,162,83,.3))}
.hero .eyebrow{display:block;color:var(--gold-soft);margin-top:14px}.hero h1{color:var(--gold);font-size:40px;margin-top:6px}.hero p{color:var(--on-dark);margin:8px auto 0;max-width:640px}
.hero .acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.divider{display:flex;align-items:center;gap:14px;margin:34px 0 16px;color:var(--gold);font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;font-weight:600}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--c-line),transparent)}
.divider a{color:var(--gold-soft);letter-spacing:.08em;font-size:11px}

/* ---------- cards ---------- */
.grid{display:grid;gap:16px}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.row{display:grid;gap:16px;margin-bottom:16px}.r3{grid-template-columns:1.1fr 1fr 1fr}.r2{grid-template-columns:2fr 1fr}.r11{grid-template-columns:1fr 1fr}.r32{grid-template-columns:1fr 1.3fr 1fr}
.card{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:20px 22px;box-shadow:var(--shadow);min-width:0}
.card.dark{background:var(--glass);border:1px solid var(--c-line);color:var(--on-dark);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.card.dark h3,.card.dark h2{color:#fff}.card.dark .lbl,.card.dark .eyebrow{color:var(--gold)}.card.dark .muted{color:var(--on-dark-dim)}
.card-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.card-h h3{margin:0}
.big{font:600 46px/1 var(--serif)}
.empty{padding:34px;text-align:center;color:var(--muted);font-family:var(--serif);font-size:16px;background:var(--card);border-radius:var(--r);border:1px solid var(--bd)}

/* portal tiles: icon badge + tag + title + text + pill button */
.tile{position:relative;background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:20px 20px 18px;display:flex;flex-direction:column;gap:8px;color:var(--ink);box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s,background .18s}
.tile:hover{transform:translateY(-4px);background:var(--card-2);box-shadow:0 0 0 2.5px var(--gold),0 22px 48px rgba(0,0,0,.45);text-decoration:none}
.ib{width:40px;height:40px;border-radius:11px;background:var(--btn);display:grid;place-items:center;box-shadow:0 4px 12px rgba(12,51,38,.3);flex:none}
.ib svg{width:20px;height:20px;stroke:var(--gold-soft);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tile .ib{margin-bottom:6px}
.tag{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);border:1px solid #DCC58E;background:#F8EED3;padding:3px 9px;border-radius:999px;white-space:nowrap}
.tile .tag{position:absolute;top:18px;right:18px}
.tag.done{color:var(--ok);border-color:var(--ok-bd);background:var(--ok-bg)}.tag.next{color:#fff;border-color:transparent;background:var(--gold-ink)}
.tile h3{font-size:18px;margin:0;line-height:1.25}.tile p{margin:0;color:var(--ink-soft);font-size:13.5px;line-height:1.5;flex:1}
.tile .meta{display:flex;gap:10px;font-size:12px;color:var(--muted)}
.tile .go{align-self:flex-start;margin-top:8px;pointer-events:none}
.bar{height:5px;border-radius:3px;background:var(--track);overflow:hidden}.bar i{display:block;height:100%;background:var(--emerald-2)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--btn);color:#fff;border:0;border-radius:11px;padding:10px 18px;font:600 14px var(--sans);text-decoration:none;cursor:pointer;min-height:42px;box-shadow:0 4px 14px rgba(12,51,38,.28)}
.btn:hover,.tile:hover .go{background:var(--goldg);color:var(--emerald-deep);text-decoration:none}
.btn.sm{min-height:34px;padding:6px 12px;font-size:12.5px;border-radius:9px}
.btn.sec{background:var(--card-2);color:var(--ink);border:1px solid var(--bd);box-shadow:none}.btn.sec:hover{background:var(--goldg)}
.btn.gold{background:var(--goldg);color:var(--emerald-deep)}.btn.gold:hover{background:#fff}
.btn.ghost{background:rgba(6,22,16,.5);color:var(--gold-soft);border:1px solid var(--c-line);box-shadow:none;backdrop-filter:blur(8px)}.btn.ghost:hover{background:var(--goldg);color:var(--emerald-deep)}
.btn.danger{background:#fff;color:var(--bad);border:1px solid var(--bad-bd);box-shadow:none}
.btn:disabled{opacity:.5;cursor:not-allowed}
.arrow::after{content:"→";font-weight:700}

/* pills + score colors (same as local Wingman) */
.pill{display:inline-block;white-space:nowrap;padding:3px 10px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border:1px solid var(--bd);color:var(--ink-soft);background:var(--card-2)}
.o-sale{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-bd)}.o-callback{background:var(--blue-bg);color:#2F5597;border-color:#C5D3EC}
.o-no_sale{background:var(--bad-bg);color:var(--bad);border-color:var(--bad-bd)}.o-hard_rejection{background:var(--bad);color:#fff;border-color:var(--bad)}.o-not_a_conversation{color:var(--muted)}
.v-good{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-bd)}.v-KEY{background:var(--bad-bg);color:var(--bad);border-color:var(--bad-bd)}.v-mixed{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-bd)}
.sc-top{color:var(--blue)}.sc-good{color:var(--ok)}.sc-mid{color:#8C6A0C}.sc-bad{color:var(--bad)}
.sb{display:inline-block;width:84px;height:8px;border-radius:4px;background:var(--track);vertical-align:middle;overflow:hidden}.sb i{display:block;height:100%;border-radius:4px}
.sbn{display:inline-block;min-width:24px;margin-left:8px;font:600 13px var(--sans);vertical-align:middle;text-align:right}
.delta{font-size:12.5px;font-weight:600;color:var(--muted)}.delta.up{color:var(--ok)}.delta.dn{color:var(--bad)}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-soft);align-items:center}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.seg{display:inline-flex;border:1px solid var(--bd);border-radius:999px;overflow:hidden;font-size:12px;background:var(--card-2)}.seg button{border:0;background:none;padding:4px 12px;color:var(--ink-soft);cursor:pointer}.seg button.on{background:var(--emerald-2);color:#fff}

/* ---------- Wingman: agent overview (local "Agents" card) ---------- */
.who{display:flex;align-items:center;gap:12px;min-width:0}.who b{display:block;font:600 15px var(--serif)}.who small{color:var(--muted);font-size:12.5px}
.av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:700 13px var(--sans);flex:none;background:var(--emerald-2);color:#fff}
.av.lg{width:46px;height:46px;font-size:17px;background:var(--btn);color:var(--gold-soft)}.av.a{background:var(--agent-bg);color:var(--agent)}.av.c{background:var(--client-bg);color:var(--client)}
.me .av{background:var(--goldg);color:var(--emerald-deep)}
.ahead{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.ahead .who b{font-size:19px}
.kchips{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.kpi{background:var(--card-2);border:1px solid var(--bd);border-radius:12px;padding:8px 14px;min-width:92px}.kpi b{display:block;font:600 20px/1.15 var(--serif);color:var(--ink)}.kpi span{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.kpi.sc-top{background:var(--blue-bg);border-color:var(--blue-bd)}.kpi.sc-top b{color:var(--blue)}.kpi.sc-good{background:var(--ok-bg);border-color:var(--ok-bd)}.kpi.sc-good b{color:var(--ok)}
.kpi.sc-mid{background:var(--warn-bg);border-color:var(--warn-bd)}.kpi.sc-mid b{color:#8C6A0C}.kpi.sc-bad{background:var(--bad-bg);border-color:var(--bad-bd)}.kpi.sc-bad b{color:var(--bad)}
.ov{display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:24px}
.dim{display:grid;grid-template-columns:1fr auto;gap:10px;padding:6px 0;border-bottom:1px solid var(--bd);font-size:13.5px;align-items:center}.dim:last-child{border:0}.dim.na{opacity:.7}
ul.clean{margin:6px 0 0;padding-left:18px;font-size:13.5px}ul.clean li{margin:4px 0}
.ob{padding:8px 0;border-bottom:1px solid var(--bd);font-size:13.5px}.ob:last-child{border:0}.ob>b{font-family:var(--serif);font-size:14.5px}
.ob ul{margin:4px 0 0;padding-left:22px;list-style:disc}.ob li{margin:2px 0}.ob li b{font-size:12.5px;color:var(--ink)}
.h-playbook{color:#2358B0}.h-playbook::marker{color:#2F6FD6}.h-own{color:#17704F}.h-own::marker{color:#2AA876}.h-slid{color:#8E2E22}.h-slid::marker{color:#9E3326}.h-na{color:var(--muted)}
.ex{border:1.5px dashed var(--gold);background:#FFFCF3}.ex .exbody{display:none}.ex.open .exbody{display:block}.ex .ahead{margin:0}.ex.open .ahead{margin-bottom:14px}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--bd);margin-bottom:12px;flex-wrap:wrap}
.tab{background:none;color:var(--muted);border:0;border-bottom:2px solid transparent;border-radius:0;padding:8px 11px;font:600 13px var(--sans);cursor:pointer;text-decoration:none}
.tab:hover{text-decoration:none;color:var(--ink)}.tab.on{color:var(--ink);border-bottom-color:var(--emerald-2)}.tab .cnt{background:var(--well);border-radius:999px;padding:1px 7px;font-size:11px;margin-left:4px}
.pane{display:none}.pane.on{display:block}
.pickers{display:flex;gap:6px;flex-wrap:wrap;margin:-6px 0 18px}.pick{border:1px solid var(--c-line);background:rgba(6,22,16,.55);color:var(--on-dark-dim);border-radius:999px;padding:6px 13px;font-size:13px;cursor:pointer;backdrop-filter:blur(8px)}
.pick.on{background:var(--goldg);color:var(--emerald-deep);border-color:transparent;font-weight:600}.pick:hover{color:#fff}.pick.on:hover{color:var(--emerald-deep)}

/* calls table */
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;padding:8px 12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600;border-bottom:1px solid var(--bd)}
td{padding:11px 12px;border-bottom:1px solid var(--bd);vertical-align:middle}tr:last-child td{border-bottom:0}
tr.crow{cursor:pointer}tr.crow:hover td{background:var(--card-2)}td.name a{font:600 14.5px var(--serif);color:var(--ink)}
.callrow{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--bd);color:var(--ink)}.callrow:last-child{border-bottom:0}.callrow:hover{text-decoration:none;background:linear-gradient(90deg,transparent,rgba(217,178,102,.10),transparent)}
.callrow .grow{flex:1;min-width:0}.callrow b.c{font:600 14.5px var(--serif)}

/* ---------- Wingman: call page (local call view) ---------- */
.chead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.chead h1{color:var(--gold);margin-right:6px}.chead .meta{color:var(--on-dark-dim);font-size:13.5px}
.stat{display:flex;gap:20px;align-items:center}
.fix{border-left:3px solid var(--gold-2);background:var(--warn-bg);padding:10px 14px;border-radius:0 10px 10px 0;margin-top:12px;font-size:13.5px}.fix b{font-family:var(--serif)}
.imp{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--bd);font-size:13.5px}.imp:last-child{border:0}
.imp .num{width:24px;height:24px;border-radius:50%;background:var(--bad-bg);color:var(--bad);font:700 12px/24px var(--sans);text-align:center}.imp .num.ok{background:var(--ok-bg);color:var(--ok)}
.imp b{display:block;font-family:var(--serif);font-size:14.5px;margin-bottom:2px}
.spk{display:grid;grid-template-columns:130px 1fr 48px;gap:12px;align-items:center;margin:12px 0}.spk .pct{text-align:right;font:600 15px var(--serif)}
.track{position:relative;height:18px;background:var(--track);border-radius:5px;overflow:hidden}.track i{position:absolute;top:0;bottom:0;border-radius:2px}
audio{width:100%;border-radius:12px}
.tl{position:relative;height:36px;margin:16px 0 4px;border-radius:8px;background:var(--track);cursor:pointer}
.blk{position:absolute;top:0;bottom:0;border-right:2px solid var(--card)}.blk:hover{filter:brightness(.92)}
.mk{position:absolute;top:0;bottom:0;width:3px;background:#C2553F;z-index:2}.ph{position:absolute;top:0;bottom:0;width:2px;background:var(--ink);z-index:3;pointer-events:none}
.hov{position:absolute;top:-26px;transform:translateX(-50%);background:var(--ink);color:#fff;font-size:11px;padding:2px 6px;border-radius:5px;display:none;pointer-events:none;z-index:4}
.ticks{position:relative;height:18px;margin-bottom:10px;font-size:11px;color:var(--muted)}.ticks span{position:absolute;transform:translateX(-50%);font-variant-numeric:tabular-nums}
.ticks span:first-child{transform:none}.ticks span:last-child{transform:translateX(-100%)}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;background:var(--card-2);color:var(--ink);border:1px solid var(--bd);border-radius:999px;padding:5px 12px 5px 8px;font:500 12.5px var(--sans);cursor:pointer}
.chip:hover{border-color:var(--emerald-2)}.chip i{width:10px;height:10px;border-radius:3px;display:inline-block}.chip small{color:var(--muted);font-size:11px}
.eq{align-items:stretch}.eq .card{display:flex;flex-direction:column;max-height:calc(100vh - 60px)}.eq .tx,.eq .pane.on{overflow-y:auto;flex:1;min-height:0}
.tx{overflow-y:auto;padding-right:6px;scrollbar-width:thin}
.sechead{display:flex;align-items:center;gap:10px;margin:18px 0 8px;padding:7px 12px;border-radius:9px;background:var(--c);color:#fff;font:600 13px var(--sans);cursor:pointer}.sechead small{opacity:.88;font-weight:500;margin-left:auto}
.turn{position:relative;display:grid;grid-template-columns:30px 1fr;gap:10px;padding:10px 12px;border-radius:12px;margin:6px 0;cursor:pointer;border-left:3px solid transparent;font-size:14px;line-height:1.55}
.turn.AGENT{background:var(--agent-bg);border-left-color:var(--agent);margin-right:8%}.turn.CLIENT{background:var(--client-bg);border-left-color:var(--client);margin-left:8%}
.turn .av{width:28px;height:28px;font-size:11px}
.turn .hd{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-soft);margin-bottom:2px}.turn .hd b{color:var(--ink)}.turn .hd .ts{margin-left:auto;font-variant-numeric:tabular-nums}
.turn.now{outline:2px solid var(--emerald-2)}.turn w{border-radius:3px}.turn w:hover{background:rgba(23,18,15,.08)}.turn w.w{background:rgba(203,162,83,.5)}
.tg{display:inline-block;font:600 10.5px var(--sans);letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:999px;margin:6px 4px 0 0;border:1px solid var(--bd);color:var(--ink-soft);background:var(--card-2)}
.tg-bad{background:var(--bad-bg);color:var(--bad);border-color:var(--bad-bd)}.tg-good{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-bd)}.tg-cookie{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-bd)}
.obj{display:grid;grid-template-columns:52px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--bd);cursor:pointer;font-size:13.5px}.obj:last-child{border:0}.obj .t{font:600 13px var(--serif);color:var(--emerald-2)}.obj b{font-family:var(--serif)}
.secrow{padding:10px 0;border-bottom:1px solid var(--bd);font-size:13.5px;cursor:pointer}.secrow:last-child{border:0}.secrow>div:first-child{display:flex;align-items:center;gap:8px;margin-bottom:3px}
.secrow i{width:10px;height:10px;border-radius:3px;display:inline-block;flex:none}.secrow b{font-family:var(--serif)}.secrow .q{font-style:italic;color:var(--emerald-2);margin:2px 0}
.st{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.st.clean{color:var(--ok)}.st.partial{color:var(--warn)}.st.skipped,.st.out_of_order{color:var(--bad)}.st.not_reached{color:var(--muted)}
.privacy{display:flex;gap:8px;align-items:center;color:var(--on-dark-dim);font-size:12.5px;margin:-12px 0 18px}.privacy svg{width:15px;height:15px;stroke:var(--gold);fill:none;stroke-width:1.8;flex:none}

/* ---------- home ---------- */
.note{border-radius:12px;padding:10px 13px;font-size:13.5px;line-height:1.45}.note b{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}
.note.win{background:var(--ok-bg)}.note.win b{color:var(--ok)}.note.fix2{background:var(--warn-bg)}.note.fix2 b{color:var(--warn)}
.steps{display:flex;gap:5px;margin-bottom:6px}.steps i{flex:1;height:7px;border-radius:4px;background:var(--track)}.steps i.on{background:var(--goldg)}
.srow{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--bd);color:var(--ink);font-size:14px}.srow:last-child{border:0}.srow:hover{text-decoration:none;color:var(--emerald-2)}
.srow .ck{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(12,51,38,.25);display:grid;place-items:center;font-size:11px;flex:none;color:transparent}.srow .ck.on{background:var(--emerald-2);border-color:var(--emerald-2);color:#fff}
.srow .ck.nx{border-color:var(--gold-2);background:#F8EED3;color:var(--gold-ink)}
.stats3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stats3 b{display:block;font:600 19px var(--serif)}.stats3 span{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}
.money{font:600 44px/1 var(--serif);color:var(--gold)}
.flex{display:flex;gap:12px;align-items:center;flex-wrap:wrap}

/* schedule */
.slider{width:100%;accent-color:var(--gold)}
td input{width:90px;padding:8px 10px;border:1px solid var(--bd);border-radius:10px;background:#fff;min-height:40px}
.lost{color:var(--bad);font-weight:600}

/* forms + admin */
.form{display:grid;gap:12px}
label{font-size:13px;font-weight:600;color:var(--ink-dim);display:flex;flex-direction:column;gap:6px}
input[type=text],input[type=email],input[type=url],input[type=number],input[type=tel],select,textarea{padding:10px 13px;border:1px solid #D8D0BE;border-radius:11px;background:#fff;color:var(--ink);min-height:42px;width:100%}
textarea{min-height:160px;resize:vertical;line-height:1.5}
.f2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.f3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.admin-row{padding:12px 0;border-bottom:1px solid var(--bd)}.admin-row:last-child{border:0}.admin-row summary{cursor:pointer}.admin-row form{margin-top:12px}
.inv{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--bd)}.inv:last-child{border:0}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--emerald);color:#fff;padding:12px 18px;border-radius:12px;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.3);z-index:50;border:1px solid var(--c-line)}
.check{flex-direction:row;align-items:center;gap:8px}.check input{width:18px;height:18px}

/* lesson */
.lesson{max-width:820px;line-height:1.7;font-size:16px;padding:32px 36px}.lesson h2{margin:24px 0 8px}.lesson h3{margin:18px 0 6px}.lesson ul,.lesson ol{padding-left:22px}.lesson ol li{margin:4px 0}
.video{position:relative;padding-top:56.25%;border-radius:14px;overflow:hidden;background:#000;margin:4px 0 20px}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* login */
.login{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card{width:100%;max-width:410px;display:flex;flex-direction:column;gap:20px;color:var(--on-dark)}
.login-card .logo{width:84px;height:84px;border-radius:22px;margin:0 auto;display:block;filter:drop-shadow(0 8px 28px rgba(203,162,83,.3))}
.login-card h1{color:var(--gold);text-align:center;font-size:34px}.login-card p{text-align:center;color:var(--on-dark-dim);margin:0;line-height:1.5}
.login-form{background:var(--card);color:var(--ink);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}
.msg{font-size:13.5px;padding:10px 12px;border-radius:10px;background:var(--well)}.msg.err{background:var(--bad-bg);color:var(--bad)}

/* ---------- responsive ---------- */
.tabbar{display:none}
@media (max-width:1150px){.r3,.r2,.r32,.ov{grid-template-columns:minmax(0,1fr)}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.eq .card{max-height:none}.tx{max-height:70vh}}
@media (max-width:900px){
  .side{display:none}
  main{padding:20px 16px 100px}
  h1,.top h1{font-size:27px}.hero h1{font-size:30px}
  .g3,.g2,.g4,.r11,.f2,.f3{grid-template-columns:1fr}
  .card{padding:16px}.lesson{padding:22px 18px}
  .kchips{margin-left:0}.kpi{min-width:0;flex:1}
  .tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--c-line);padding:6px 4px calc(8px + env(safe-area-inset-bottom));z-index:20}
  .tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--on-dark-dim);padding:6px 0;min-height:44px}.tabbar a:hover{text-decoration:none}
  .tabbar a.on{color:var(--gold)}.tabbar svg{width:20px;height:20px}
  .turn.AGENT{margin-right:6%}.turn.CLIENT{margin-left:6%}.turn{padding:9px 10px;gap:8px}
  .spk{grid-template-columns:90px 1fr 40px}
  table{font-size:13px}th,td{padding:8px 6px}.hide-m{display:none}
  .stat{flex-direction:column;align-items:flex-start}
}
.clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.oblist .ob.more{display:none}.oblist.obopen .ob.more{display:block}.obmore{margin-top:10px}
.stat .dim .sb{width:64px}
/* Learn: required marker, completed fold, weekly lane (Mark 10/2) */
.tag.req{color:#fff;background:var(--emerald-2);border-color:transparent;display:inline-flex;align-items:center;gap:6px}.tag.req i{width:10px;height:10px;border-radius:50%;border:1.6px solid var(--gold-soft);display:inline-block}
.tag.conf{color:var(--bad);border-color:var(--bad-bd);background:var(--bad-bg)}
.tile.is-req{box-shadow:0 0 0 1.5px rgba(217,178,102,.55),var(--shadow)}
.reqbar{display:flex;align-items:center;gap:14px;max-width:560px;color:var(--gold-soft);font-size:13px;font-weight:600}.reqbar .bar{flex:1;height:8px;background:rgba(255,255,255,.12)}.reqbar .bar i{background:var(--goldg)}
.donelist{margin-top:30px;padding:0 22px}.donelist summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:16px 0;font-size:15px}.donelist summary::-webkit-details-marker{display:none}
.donelist summary b{font-family:var(--serif);font-size:17px}.donelist[open] summary{border-bottom:1px solid var(--bd)}.donelist[open] .chev{font-size:0}.donelist[open] .chev::after{content:"Hide";font-size:12.5px}.donelist .srow:last-child{margin-bottom:8px}
.ck{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(12,51,38,.25);display:inline-grid;place-items:center;font-size:11px;flex:none;color:transparent}.ck.on{background:var(--emerald-2);border-color:var(--emerald-2);color:#fff}
.donebar{display:flex;align-items:center;gap:14px;margin-top:30px;padding:16px 18px;border-radius:14px;background:var(--warn-bg);border:1px solid var(--warn-bd);font-size:15px}.donebar.is-done{background:var(--ok-bg);border-color:var(--ok-bd)}.donebar .ck{width:30px;height:30px;font-size:15px}
@media (max-width:900px){.donebar{flex-wrap:wrap}}
/* ===== Training: launch path (Mark 10/2: step by step, time element, progress, completed = green) ===== */
.hero.slim{padding:0 0 22px}.hero.slim h1{font-size:36px;margin-top:4px}.hero.slim .eyebrow{margin-top:0}
.mini{display:inline-block;width:90px;height:6px;border-radius:3px;background:var(--track);overflow:hidden;vertical-align:middle}.mini i{display:block;height:100%;background:var(--goldg);border-radius:3px}
.tag.late{color:#fff;background:#B5552F;border-color:transparent}.late-t{color:#B5552F;font-weight:600}.due{font-size:12px;color:var(--muted);white-space:nowrap}
.tsum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:18px 22px}.ts{display:flex;align-items:center;gap:14px}.ts b{display:block;font:600 17px var(--serif)}.ts span{font-size:13px;color:var(--muted)}
.steps-v{position:relative;display:flex;flex-direction:column;gap:12px}
.step{display:grid;grid-template-columns:44px 1fr;gap:14px;position:relative}
.step:not(:last-child) .rail::after{content:"";position:absolute;left:21px;top:46px;bottom:-14px;width:2px;background:rgba(217,178,102,.35)}
.rail{position:relative}.rail .dot{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:700 16px var(--serif);background:rgba(6,22,16,.7);color:var(--gold-soft);border:2px solid rgba(217,178,102,.5);position:relative;z-index:1}
.st-cur .rail .dot{background:var(--goldg);color:var(--emerald-deep);border-color:transparent;box-shadow:0 0 0 6px rgba(217,178,102,.18)}
.st-done .rail .dot{background:#12A06A;color:#fff;border-color:#12A06A;font-size:20px}
.sbody{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}
.shead{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;text-align:left;background:none;border:0;padding:16px 20px;cursor:pointer;color:inherit}
.shead h3{margin:2px 0 2px;font-size:18px}.sh-l{min-width:0}.sh-r{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.sh-r .cnt{font:600 13px var(--sans);min-width:34px;text-align:right}
.chev{color:var(--muted);transition:transform .15s;font-size:14px}.step.open .chev{transform:rotate(180deg)}
.sdetail{display:none;padding:0 20px 20px;border-top:1px solid var(--bd)}.step.open .sdetail{display:block}
.st-next .sbody{opacity:.82}.st-next .shead h3{color:var(--ink-dim)}
.st-cur .sbody{box-shadow:0 0 0 2px var(--gold),var(--shadow)}
.st-done .sbody{background:linear-gradient(135deg,#E3F3EA,#D2EBDD);border-color:#9FD3B6}.st-done .shead{padding:20px 22px}.st-done .shead h3{font-size:20px;color:#0B5A3A}.st-done .eyebrow{color:#2F7A55}
.lchips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}.lchip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--card-2);border:1px solid var(--bd);font-size:13px;font-weight:600;color:var(--emerald-2)}.lchip:hover{border-color:var(--gold);text-decoration:none}.lchip.soon{color:var(--muted);font-weight:500;border-style:dashed}
.tasks{display:flex;flex-direction:column;margin-top:10px}
.task{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--bd)}.task:last-child{border-bottom:0}
.task label{display:flex;align-items:center;gap:12px;flex:1;min-width:220px;cursor:pointer;font-size:14.5px;font-weight:500;color:var(--ink);flex-direction:row}
.task input{position:absolute;opacity:0;pointer-events:none}.task .box{width:24px;height:24px;border-radius:7px;border:2px solid rgba(12,51,38,.3);display:grid;place-items:center;color:transparent;font-size:13px;flex:none;transition:all .15s;background:#fff}
.task input:focus-visible+.box{outline:2px solid var(--gold);outline-offset:2px}
.task.on .box{background:#12A06A;border-color:#12A06A;color:#fff}.task.on .tt{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(18,160,106,.5)}
.vbox{flex-basis:100%}.vbox .video{margin:8px 0}
.infobox{margin-top:16px;background:var(--well);border-radius:12px;padding:12px 16px;font-size:13.5px}.infobox b{font-family:var(--serif);font-size:15px}.infobox ul{margin:6px 0 0;padding-left:18px}.infobox li{margin:3px 0}
.pass{margin-top:12px;border-left:3px solid var(--gold-2);background:var(--warn-bg);padding:10px 14px;border-radius:0 10px 10px 0;font-size:13.5px}.pass b{font-family:var(--serif);margin-right:6px}
.why{margin-top:12px}.why summary{cursor:pointer;font-weight:600;color:var(--emerald-2);font-size:13.5px}.lesson-in{font-size:14.5px;line-height:1.65}
/* lesson tiles: completed = green */
.tile.done{background:linear-gradient(135deg,#E3F3EA,#D2EBDD);border-color:#9FD3B6}.tile.done h3{color:#0B5A3A}.tile.done p{color:#3E6B55}
.bigck{width:46px;height:46px;border-radius:50%;background:#12A06A;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:700;box-shadow:0 6px 16px rgba(18,160,106,.35);margin-bottom:6px}
.tile.done .go{background:#fff;color:#0B6B45;box-shadow:none;border:1px solid #9FD3B6}
.dv-prog{display:inline-flex;align-items:center;gap:8px;letter-spacing:.08em;color:var(--gold-soft);font-size:11px}.dv-prog .mini{width:70px;background:rgba(255,255,255,.14)}
/* home */
.launch .lc-top{display:flex;align-items:center;gap:18px}.launch h2{font-size:22px}
.dots{display:flex;gap:6px;margin:18px 0 6px}.dots .d{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;color:var(--muted);font-size:11px;line-height:1.2;min-width:0}.dots .d:hover{text-decoration:none;color:var(--ink)}
.dots .d i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(12,51,38,.2);font:700 12px var(--sans);color:var(--muted);background:#fff}
.dots .d.on i{background:#12A06A;border-color:#12A06A;color:#fff}.dots .d.cur i{background:var(--goldg);border-color:transparent;color:var(--emerald-deep)}.dots .d.cur{color:var(--ink);font-weight:600}
.dots .d span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.launch .tasks{margin:6px 0 14px}.launched{background:linear-gradient(135deg,#F3FAF6,#E3F3EA)}
.qlink{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--bd);color:var(--ink);font-weight:500;font-size:14px}.qlink:last-child{border-bottom:0}.qlink:hover{text-decoration:none;color:var(--emerald-2)}.qlink .ib{width:30px;height:30px;border-radius:8px}.qlink .ib svg{width:15px;height:15px}
.refs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 18px;background:var(--card);border-radius:var(--r);padding:8px 20px;box-shadow:var(--shadow)}.refs .qlink{border-bottom:0}
@media (max-width:900px){.tsum{grid-template-columns:1fr}.refs{grid-template-columns:1fr}.step{grid-template-columns:34px 1fr;gap:10px}.rail .dot{width:34px;height:34px;font-size:14px}.step:not(:last-child) .rail::after{left:16px;top:36px}
  .shead{flex-direction:column;align-items:flex-start;padding:14px}.sh-r{justify-content:flex-start}.sdetail{padding:0 14px 16px}.dots .d span{display:none}.launch .lc-top{flex-direction:column;align-items:flex-start}}
/* time element: clocks inside steps + licensing track notes */
.clock{margin-top:16px;background:var(--well);border-radius:12px;padding:14px 16px}.clock b{font-family:var(--serif);font-size:15px}
.clock ol{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;position:relative}
.clock li{position:relative;padding-top:18px;font-size:13px;line-height:1.4;color:var(--ink-dim)}
.clock li::before{content:"";position:absolute;top:0;left:0;width:12px;height:12px;border-radius:50%;background:var(--goldg);box-shadow:0 0 0 3px rgba(217,178,102,.25)}
.clock li::after{content:"";position:absolute;top:5px;left:16px;right:-10px;height:2px;background:rgba(176,138,60,.35)}.clock li:last-child::after{display:none}
.clock li span{display:block;font:600 14px var(--serif);color:var(--gold-ink)}
.trk-note{color:var(--on-dark-dim);text-align:center;margin:-6px auto 14px;max-width:640px;font-size:14px}
.steps-v.locked .sbody{opacity:.7}
/* ===== Home v3: quote, focus, hours (Mark 10/2) ===== */
.qod{margin:14px auto 0;max-width:720px}.qod blockquote{margin:0;font:italic 500 21px/1.45 var(--serif);color:var(--on-dark)}.qod figcaption{margin-top:6px;color:var(--gold-soft);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.hometop{margin-bottom:6px}.focus h2{font-size:26px;line-height:1.25;color:var(--emerald)}
.wkbars{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:14px;height:92px;align-items:end}
.wb{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.wb i{display:block;width:100%;max-width:34px;border-radius:6px 6px 3px 3px;background:rgba(255,255,255,.12);min-height:4px}
.wb i.full{background:#12A06A}.wb i.part{background:var(--goldg)}.wb i.off{background:rgba(255,255,255,.25)}.wb span{font-size:11px;color:var(--on-dark-dim);font-weight:600}.wb.today span{color:var(--gold)}
.onbstrip{display:flex;align-items:center;gap:16px;margin:0 0 16px;color:var(--ink);box-shadow:0 0 0 2px var(--gold),var(--shadow)}.onbstrip:hover{text-decoration:none;background:var(--card-2)}
.onbstrip b{display:block;font:600 18px var(--serif);margin:2px 0}.onbstrip .sp{min-width:0}
/* tools: compact cards on phones so you see several at once */
@media (max-width:900px){.tgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.tgrid .tile{padding:12px;gap:4px;min-height:0}.tgrid .tile:hover{transform:none}
  .tgrid .tile p,.tgrid .tile .go,.tgrid .tile .tag{display:none}.tgrid .tile h3{font-size:14px;line-height:1.25}.tgrid .ib{width:32px;height:32px;border-radius:9px;margin-bottom:4px}.tgrid .ib svg{width:16px;height:16px}
  .qod blockquote{font-size:18px}.wkbars{height:70px}}
/* ===== Schedule v2: DFG Scheduler-style month grid ===== */
.mhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.mhead h2{color:var(--gold);font-size:26px}
.fillbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px;margin-bottom:14px}.fillbar select{width:auto;min-height:36px;padding:6px 10px}
.ghead,.wrow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) 150px;gap:8px}
.ghead div{color:var(--gold-soft);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;text-align:center;padding:4px 0}
.mgrid{display:flex;flex-direction:column;gap:8px}
.dcell{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:8px;min-height:118px;display:flex;flex-direction:column;gap:6px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.dcell.out{background:transparent;border:0;box-shadow:none}.dcell.past{opacity:.6}.dcell.today{box-shadow:0 0 0 2px var(--gold),0 6px 18px rgba(0,0,0,.18)}.dcell.isoff{background:#EDE7DA}
.dh{display:flex;align-items:baseline;gap:6px}.dh b{font:600 17px var(--serif)}.dh span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.dh em{font-style:normal;font-size:9.5px;font-weight:700;color:var(--gold-ink);letter-spacing:.08em}
.dh .hc{margin-left:auto;font:700 12px var(--sans);color:var(--ok);text-transform:none;letter-spacing:0}
.tsel{display:grid;grid-template-columns:1fr 1fr;gap:4px}.tsel select{min-height:32px;padding:4px 6px;font-size:12.5px;border-radius:8px}
.dchips{display:flex;gap:4px}.dchip{flex:1;border:1px solid var(--bd);background:var(--card-2);border-radius:999px;font:700 10.5px var(--sans);letter-spacing:.06em;padding:4px 0;cursor:pointer;color:var(--ink-soft)}
.dchip.on{background:var(--emerald-2);color:#fff;border-color:var(--emerald-2)}.offtag{font:700 12px var(--sans);letter-spacing:.12em;color:var(--muted);text-align:center;margin-top:10px}.pastshift{font-size:12.5px;color:var(--ink-soft);font-weight:600}
.wcell{background:var(--glass);border:1px solid var(--c-line);border-radius:12px;padding:10px;color:var(--on-dark);display:flex;flex-direction:column;gap:6px;justify-content:center;backdrop-filter:blur(8px)}
.wt{font:600 24px var(--serif);color:#fff}.wt small{font:500 12px var(--sans);color:var(--on-dark-dim)}.wt.ok{color:#5CD69A}.wt.mid{color:var(--gold)}.wt.low{color:#F08A6E}
.wwork{flex-direction:row;align-items:center;gap:6px;color:var(--on-dark-dim);font-size:12px;font-weight:600}.wwork input{width:62px;min-height:30px;padding:4px 6px;border-radius:8px;border:1px solid var(--c-line)}
.wcell .lost{color:#F3A48C}.sstats{margin-top:16px}
@media (max-width:900px){
  .ghead{display:none}.wrow{grid-template-columns:1fr 1fr;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--c-line)}
  .dcell.out{display:none}.wcell{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center}.dcell{min-height:0}
  .fillbar .small.muted{flex-basis:100%}
}
/* ===== calmer palette pass (Mark 10/2: "simple, to the point, pleasing on the eyes") ===== */
.wkcard{padding:6px 22px}.wkrow{display:grid;grid-template-columns:130px 1fr auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--bd)}.wkrow:last-child{border-bottom:0}
.wkrow .lbl{margin:0}.wkrow .sp{display:flex;flex-direction:column;gap:4px;min-width:0}.wkt{font:600 17px var(--serif);color:var(--ink)}.lk{font-weight:600;white-space:nowrap}
.mini.wide{width:100%;max-width:340px;height:5px;margin-top:4px}
.dayline{display:flex;gap:6px;margin-top:6px}.dayline span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600;color:var(--muted);border:1px solid var(--bd)}
.dayline span.on{background:var(--emerald-2);color:#fff;border-color:var(--emerald-2)}.dayline span.o{color:var(--muted);background:var(--well)}.dayline span.t{box-shadow:0 0 0 2px var(--gold)}
.qlist{padding:4px 20px}.qlist .qlink{padding:11px 0}
/* scoreboard */
.sbrow{grid-template-columns:1.5fr 1fr}.sbseg{margin:2px 0 14px}
.sc-head,.sc-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.sc-head span{text-align:center;font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding-bottom:4px}
.sc-cell{border-radius:10px;background:var(--well);padding:7px 4px;text-align:center;min-height:54px;display:flex;flex-direction:column;gap:2px;justify-content:center}
.sc-cell span{font-size:11px;color:var(--muted)}.sc-cell b{font:600 14px var(--sans);color:var(--ink-soft)}.sc-cell.blank{background:none}.sc-cell.fut{opacity:.45}.sc-cell.sun{opacity:.6}
.sc-cell.hit{background:var(--emerald-2)}.sc-cell.hit span{color:#C7D5CD}.sc-cell.hit b{color:#fff}.sc-cell.part{background:#EFE4C6}.sc-cell.part b{color:var(--gold-ink)}.sc-cell.today{box-shadow:0 0 0 2px var(--gold)}
.sc-tot{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:16px;border-top:1px solid var(--bd);padding-top:14px}.sc-tot div{text-align:center}.sc-tot b{display:block;font:600 19px var(--serif)}.sc-tot span{font-size:11px;color:var(--muted)}
.lbrow{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--bd);font-size:14px}.lbrow:last-of-type{border-bottom:0}.lbrow.lbme{background:linear-gradient(90deg,rgba(217,178,102,.18),transparent);border-radius:8px;padding-left:8px}
.lbn{width:24px;height:24px;border-radius:50%;background:var(--well);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--ink-soft)}.lbs{color:var(--muted);font-size:13px}
/* schedule v3 */
.shiftcard{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:16px}.shiftcard .sh-l{display:flex;flex-direction:column;gap:10px}.shiftcard .sh-r{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.shiftcard select{width:auto;min-height:38px;padding:6px 10px}.dows{display:flex;gap:6px}.dow{width:38px;height:38px;border-radius:50%;border:1px solid var(--bd);background:var(--card-2);font-weight:700;color:var(--muted);cursor:pointer}.dow.on{background:var(--emerald-2);border-color:var(--emerald-2);color:#fff}
.schrow{grid-template-columns:1.6fr 1fr}.cc-head,.cc-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.cc-head span{text-align:center;font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding-bottom:4px}
.cc{position:relative;border:1px solid var(--bd);background:var(--card-2);border-radius:10px;min-height:62px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;font:inherit;color:var(--ink)}
.cc.blank{border:0;background:none;cursor:default}.cc .n{font:600 15px var(--serif)}.cc .h{font-size:11px;color:var(--emerald-2);font-weight:600}.cc .w{font-size:9px;font-weight:700;color:var(--gold-ink);letter-spacing:.06em}
.cc.set{background:#EAF2EC;border-color:#C6DCCD}.cc.off{background:var(--well)}.cc.off .n{color:var(--muted)}.cc .x{position:absolute;inset:0;display:grid;place-items:center;font-size:30px;color:rgba(162,64,46,.55);pointer-events:none}
.cc.past{opacity:.55}.cc.today{box-shadow:0 0 0 2px var(--gold)}.cc.sel{outline:2px solid var(--emerald-2);outline-offset:1px}
.daycard select{width:auto;min-height:38px;padding:6px 10px}.offbig{font-size:64px;text-align:center;color:rgba(162,64,46,.55);line-height:1;margin:10px 0}
.btn.sec.on{background:var(--emerald-2);color:#fff}.sumrows{margin-top:18px;border-top:1px solid var(--bd);padding-top:8px}.sumrows div{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:14px}.sumrows span{color:var(--muted)}.sumrows input{width:64px;min-height:32px;padding:4px 8px}
@media (max-width:1150px){.sbrow,.schrow{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){
  .tabbar{grid-template-columns:repeat(6,minmax(0,1fr))}.tabbar a{font-size:10px}
  .wkrow{grid-template-columns:1fr auto;gap:6px 12px}.wkrow .lbl{grid-column:1/-1}
  .sc-tot{grid-template-columns:repeat(3,minmax(0,1fr))}.sc-cell{min-height:46px;padding:5px 2px}.sc-cell b{font-size:12px}
  .shiftcard .sh-r{align-items:stretch;width:100%}.cc{min-height:52px}.cc .h{font-size:9.5px}
}
/* guide (rendered from the local Wingman guide) + aliases it expects */
:root{--line:var(--bd);--line-2:rgba(12,51,38,.2)}
.guide .gcard{margin-bottom:16px}.guide h3{font-size:19px;color:var(--emerald)}
.o-cb{background:var(--blue-bg);color:#2F5597;border-color:#C5D3EC}.o-no{background:var(--bad-bg);color:var(--bad);border-color:var(--bad-bd)}.o-hard{background:var(--bad);color:#fff;border-color:var(--bad)}.o-none{color:var(--muted)}
/* scoreboard: AP per day + circled sale count; manager agent picker */
.sc-cell{position:relative}.sc-cell b{font-size:12.5px}.sc-cell .cnt{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:var(--gold);color:var(--emerald-deep);font:700 10.5px/18px var(--sans);font-style:normal;text-align:center}
.agsel{margin-bottom:16px;padding:14px 20px}.agsel summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none}.agsel summary::-webkit-details-marker{display:none}.agsel summary b{font:600 16px var(--serif)}
.agchecks{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 16px}.agchecks .check{font-weight:500}
.infob{width:18px;height:18px;border-radius:50%;border:1px solid var(--bd);background:var(--card-2);font-size:11px;font-weight:700;color:var(--muted);cursor:pointer;padding:0;margin-left:4px}
@media (max-width:900px){.sc-cell b{font-size:10px}.sc-cell .cnt{width:15px;height:15px;font-size:9px;line-height:15px;top:2px;right:2px}}
/* Mark 10/3: Overview / Calls (and the call page's tabs) must be obvious buttons, especially on phones */
.tabs{display:flex;gap:6px;background:var(--well);padding:5px;border-radius:14px;border:0;margin-bottom:16px}
.tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:12px 14px;min-height:46px;font:600 15px var(--sans);color:var(--ink-dim);background:transparent;cursor:pointer}
.tab:hover{background:rgba(255,255,255,.6);color:var(--ink)}
.tab.on{background:var(--emerald-2);color:#fff;box-shadow:0 4px 12px rgba(12,51,38,.25)}
.tab .cnt{background:rgba(12,51,38,.12);color:inherit;border-radius:999px;padding:2px 9px;font-size:12.5px;margin:0}.tab.on .cnt{background:rgba(255,255,255,.22)}
@media (max-width:900px){.tab{font-size:16px;min-height:50px}}
/* training v2: tip of the day, "say it like this", lesson images, sales mindset playlist */
.tipcard{display:flex;gap:14px;align-items:flex-start;margin-bottom:6px;padding:16px 20px}.tipcard p{margin:4px 0 0;font:500 16px/1.5 var(--serif);color:var(--ink)}.tipi{font-size:24px;line-height:1}
.tiptext{font-size:14.5px;line-height:1.45;color:var(--ink)}
blockquote.say{margin:12px 0;padding:12px 16px;border-left:4px solid var(--emerald-2);background:var(--ok-bg);border-radius:0 12px 12px 0;font:500 16px/1.5 var(--serif);color:var(--emerald)}
blockquote.say::before{content:"Say it like this";display:block;font:700 10.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ok);margin-bottom:4px}
.lfig{margin:16px 0}.lfig img{max-width:100%;border-radius:12px;border:1px solid var(--bd);box-shadow:0 8px 22px rgba(0,0,0,.14);display:block;background:#fff;min-height:40px}.lfig figcaption{font-size:13.5px;color:var(--muted);margin-top:6px}
.plist{padding:6px 18px}.pli{border-bottom:1px solid var(--bd)}.pli:last-of-type{border-bottom:0}
.plrow{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;padding:12px 0;text-align:left;cursor:pointer;color:inherit;font:inherit}
.plrow b{display:block;font:600 15px var(--serif)}.pln{width:22px;color:var(--muted);font-weight:700;font-size:13px;text-align:center}
.plth{width:96px;height:54px;object-fit:cover;border-radius:8px;flex:none;background:#000}.plplay{width:36px;height:36px;border-radius:50%;background:var(--emerald-2);color:#fff;display:grid;place-items:center;font-size:13px;flex:none}
.plbox{padding:0 0 14px}.plbox .video{margin:0 0 6px}
@media (max-width:900px){.plth{width:72px;height:40px}.pln{display:none}}

/* ---------- 10/3 v18 (Mark): typed tools, red/green calendars, Training v3 ---------- */
/* type colors: one hue per kind, used for the corner badge, the icon chip and the legend */
.k-tool{--k:#0E9A62;--k-bg:#E3F5EC;--k-ib:linear-gradient(135deg,#0C3326,#14533E);--k-st:#EFDCA4}
.k-guide{--k:#1662C4;--k-bg:#E6EFFC;--k-ib:linear-gradient(135deg,#1452A8,#2F7BE0);--k-st:#fff}
.k-team{--k:#5865F2;--k-bg:#ECEEFE;--k-ib:linear-gradient(135deg,#4752C4,#5865F2);--k-st:#fff}
.k-video{--k:#C2412D;--k-bg:#FBE9E5;--k-ib:linear-gradient(135deg,#A8331F,#D9553E);--k-st:#fff}
.k-grow{--k:#9A7426;--k-bg:#F8EED3;--k-ib:var(--goldg);--k-st:#0C3326}
.k-public{--k:#56636F;--k-bg:#ECEFF2;--k-ib:linear-gradient(135deg,#3D4852,#66737F);--k-st:#fff}
.ttile .ib,.qlink .ib{background:var(--k-ib,var(--btn))}.ttile .ib svg,.qlink .ib svg{stroke:var(--k-st,var(--gold-soft))}
.tlegend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:-4px 0 6px;color:var(--on-dark-dim);font-size:12.5px}
.tlegend span{display:inline-flex;align-items:center;gap:7px}.tlegend i{width:10px;height:10px;border-radius:3px;background:var(--k)}
.tgroup{margin-top:26px}
.tg-h{font:600 20px var(--serif);color:var(--gold);margin:0 0 12px;display:flex;align-items:center;gap:10px}
.tg-h span{font:600 11px var(--sans);color:var(--on-dark-dim);background:rgba(255,255,255,.1);border-radius:999px;padding:2px 9px}
.tlist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ttile{position:relative;display:flex;align-items:flex-start;gap:13px;background:var(--card);border:1px solid var(--bd);border-left:4px solid var(--k);border-radius:14px;padding:15px 16px 14px 14px;color:var(--ink);box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s,background .15s;min-height:92px}
.ttile:hover{transform:translateY(-3px);background:var(--card-2);box-shadow:0 0 0 2px var(--k),0 18px 40px rgba(0,0,0,.4);text-decoration:none}
.ttile .ib{width:42px;height:42px;border-radius:12px}
.tt-b{flex:1;min-width:0;padding-right:62px}.tt-b b{display:block;font:600 16px/1.25 var(--serif);margin:2px 0 4px}
.tt-b span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--ink-soft);font-size:12.8px;line-height:1.45}
.tbadge{position:absolute;top:0;right:0;font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--k);padding:4px 10px 4px 11px;border-radius:0 13px 0 10px}
.tt-go{position:absolute;right:14px;bottom:10px;color:var(--k);font-weight:700;font-size:15px}
@media (max-width:1100px){.tlist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.tlist{grid-template-columns:1fr;gap:8px}.ttile{min-height:0;padding:12px 14px 12px 12px;gap:11px;box-shadow:0 8px 20px rgba(0,0,0,.25)}.ttile:hover{transform:none}
  .ttile .ib{width:36px;height:36px;border-radius:10px}.ttile .ib svg{width:17px;height:17px}.tt-b b{font-size:15px;margin:0 0 2px}.tt-b span{-webkit-line-clamp:1;font-size:12px}.tg-h{font-size:18px}.tgroup{margin-top:20px}}

/* Scoreboard: a sale day = vibrant green, a missed weekday = red */
.sc-cell.hit{background:linear-gradient(140deg,#1BC07C,#0E9A62);box-shadow:0 4px 14px rgba(22,179,116,.35)}.sc-cell.hit span{color:rgba(255,255,255,.85)}.sc-cell.hit b{color:#fff}
.sc-cell.miss{background:#F4CFC6;box-shadow:inset 0 0 0 1px #E8A797}.sc-cell.miss span{color:#A2402E}.sc-cell.miss b{color:#A2402E}
.sc-legend{display:flex;flex-wrap:wrap;gap:6px 16px}.sc-legend span{display:inline-flex;align-items:center;gap:6px}
.sc-legend i{width:14px;height:14px;border-radius:4px;display:inline-block}.lg-hit{background:linear-gradient(140deg,#1BC07C,#0E9A62)}.lg-miss{background:#F4CFC6;box-shadow:inset 0 0 0 1px #E8A797}
.sc-legend .lg-cnt{border-radius:50%;background:var(--gold);color:var(--emerald-deep);font:700 9px/14px var(--sans);font-style:normal;text-align:center}

/* Schedule: scheduled = vibrant green, off = red with ✕ */
.cc.set{background:linear-gradient(140deg,#1BC07C,#0E9A62);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(22,179,116,.28)}.cc.set .n{color:#fff}.cc.set .h{color:rgba(255,255,255,.92)}.cc.set .w{color:#FFF1C9}
.cc.off{background:#F4CFC6;border-color:#E8A797}.cc.off .n{color:#A2402E}.cc .x{color:rgba(178,46,28,.75)}
.cc.sel{outline:2.5px solid var(--gold);outline-offset:2px}

/* Training v3 */
.thero{display:grid;grid-template-columns:auto 1fr;gap:0;background:var(--card);border-radius:20px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}
.th-prog{display:flex;align-items:center;gap:18px;padding:22px 26px;border-right:1px solid var(--bd)}
.th-st{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ink-soft)}.th-st b{font:600 22px var(--serif);color:var(--ink)}
.th-next{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px 26px;color:#fff;background:linear-gradient(135deg,#0C3326,#14533E 70%,#1D6A4F);position:relative}
a.th-next:hover{text-decoration:none;filter:brightness(1.07)}
.th-next h2{color:#fff;font-size:24px;line-height:1.2}.th-next p{margin:0 0 8px;color:var(--on-dark-dim);font-size:14px;max-width:560px}
.th-k{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--gold)}
.wkdone{display:flex;align-items:center;gap:10px;color:var(--on-dark-dim);margin:18px 0 0;font-size:14px}
/* section shelves: one hue each */
.s-learn{--s:#0E9A62;--s-ib:linear-gradient(135deg,#0C7A4E,#16B374)}.s-crm{--s:#1662C4;--s-ib:linear-gradient(135deg,#1452A8,#2F7BE0)}
.s-objections{--s:#C2412D;--s-ib:linear-gradient(135deg,#A8331F,#D9553E)}.s-products{--s:#B08A3C;--s-ib:var(--goldg)}
.s-weekly{--s:#7C5CD6;--s-ib:linear-gradient(135deg,#5B3FB5,#8E6EE8)}.s-recruit{--s:#56636F;--s-ib:linear-gradient(135deg,#3D4852,#66737F)}
.shelf{margin-top:30px}
.shelf-h{display:flex;align-items:center;gap:14px;margin-bottom:12px}.shelf-h .ib{background:var(--s-ib);width:44px;height:44px;border-radius:13px}.shelf-h .ib svg{stroke:#fff}
.s-products .shelf-h .ib svg,.s-products > .ib svg{stroke:#0C3326}
.shelf-h h2{color:#fff;font-size:22px;line-height:1.2}.shelf-h span:not(.ib){color:var(--on-dark-dim);font-size:12.5px}
.shelf-bar{width:120px;height:6px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden;flex:none}.shelf-bar i{display:block;height:100%;background:#1BC07C;border-radius:3px}
.lgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lcard{position:relative;display:flex;flex-direction:column;gap:10px;background:var(--card);border-radius:16px;padding:18px 18px 16px;color:var(--ink);box-shadow:var(--shadow);border-top:4px solid var(--s);transition:transform .15s,box-shadow .15s}
.lcard:hover{transform:translateY(-3px);box-shadow:0 0 0 2px var(--s),0 18px 40px rgba(0,0,0,.4);text-decoration:none}
.lcard .ib{background:var(--s-ib);width:38px;height:38px;border-radius:11px}.lcard .ib svg{stroke:#fff;width:18px;height:18px}
.lc-b{display:flex;flex-direction:column;gap:4px;flex:1}
.lc-m{font-size:11.5px;color:var(--muted);font-weight:600;letter-spacing:.04em;display:flex;gap:8px;align-items:center}
.lc-req{font-style:normal;color:#fff;background:var(--emerald-2);border-radius:999px;padding:1px 8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.lc-b b{font:600 17px/1.28 var(--serif)}.lc-d{color:var(--ink-soft);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lc-go{font-weight:700;font-size:13px;color:var(--s)}
.s-products .lc-go{color:#8A6A22}
/* Completed: everything finished lands here, at the very bottom */
.donebox{margin-top:34px;background:linear-gradient(135deg,#E3F3EA,#D2EBDD);border:1px solid #9FD3B6;border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
.donebox summary{list-style:none;display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer}.donebox summary::-webkit-details-marker{display:none}
.donebox summary b{display:block;font:600 19px var(--serif);color:#0B5A3A}.donebox summary .sp span{font-size:13px;color:#3E6B55}
.db-ck{width:38px;height:38px;border-radius:50%;background:#12A06A;color:#fff;display:grid;place-items:center;font-size:18px;font-weight:700;box-shadow:0 6px 14px rgba(18,160,106,.35);flex:none}
.db-t{font-size:13px;font-weight:600;color:#0B6B45}.donebox[open] .db-t{font-size:0}.donebox[open] .db-t::after{content:"Hide ▴";font-size:13px}
.donelist{background:#FFFCF5;padding:4px 20px}
.drow{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--bd);color:var(--ink)}.drow:last-child{border-bottom:0}.drow:hover{text-decoration:none;color:#0B6B45}
.drow .small{color:#0B6B45;font-weight:600;white-space:nowrap}
@media (max-width:1100px){.lgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.thero{grid-template-columns:1fr}.th-prog{border-right:0;border-bottom:1px solid var(--bd);padding:18px}.th-next{padding:20px 18px}.th-next h2{font-size:21px}
  .lgrid{grid-template-columns:1fr;gap:10px}.lcard{flex-direction:row;align-items:flex-start;padding:14px;gap:12px}.lcard .lc-go{display:none}.lc-d{-webkit-line-clamp:2}
  .shelf-h h2{font-size:19px}.shelf-bar{width:70px}.shelf{margin-top:24px}}
/* stronger red (Mark wants it to read as a miss at a glance) */
.sc-cell.miss{background:linear-gradient(140deg,#F2A796,#E58A76);box-shadow:none}.sc-cell.miss span{color:rgba(110,24,10,.75)}.sc-cell.miss b{color:#7A1E10}
.lg-miss{background:linear-gradient(140deg,#F2A796,#E58A76)!important;box-shadow:none!important}
.cc.off{background:linear-gradient(140deg,#F2A796,#E58A76);border-color:transparent}.cc.off .n{color:#7A1E10}.cc .x{color:rgba(122,30,16,.7)}

/* ---------- My month (10/3, from the commitment cards) ---------- */
.mm{display:grid;gap:14px;margin-bottom:16px}
.mm-hero{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}
.mm-goal{font:700 46px/1 var(--serif);letter-spacing:-.01em;margin-top:6px}.mm-goal small{font:500 15px var(--sans);color:var(--muted);margin-left:8px;letter-spacing:0}
.mm-sub{color:var(--ink-soft);margin-top:6px}
.mm-bar{position:relative;height:16px;border-radius:9px;background:var(--track);margin:22px 0 6px}
.mm-bar>i{position:absolute;left:0;top:0;bottom:0;border-radius:9px;background:linear-gradient(90deg,#0E9A62,#1BC07C)}.mm-bar>i.lag{background:linear-gradient(90deg,#D2604A,#E58A76)}
.mm-bar>.pace{position:absolute;top:-6px;bottom:-6px;width:3px;margin-left:-1px;border-radius:2px;background:var(--ink)}
.mm-bar>.pace::after{content:attr(data-l);position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:700;color:var(--ink);white-space:nowrap}
.mm-bar.sm{height:10px;margin:8px 0 4px}.mm-bar.sm>.pace{top:-4px;bottom:-4px}
.mm-legend{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.mm-banner{display:flex;gap:14px;align-items:flex-start;border-radius:14px;padding:14px 18px;font-size:15px;line-height:1.5;box-shadow:var(--shadow)}
.mm-banner .ic{font-size:22px;line-height:1}
.mm-banner.ahead{background:linear-gradient(135deg,#DDF3E7,#CBEBD9);color:#0B4E34}.mm-banner.close{background:#FAF0D6;color:#6B5216}
.mm-banner.behind{background:#FBE7E1;color:#7A2717}.mm-banner.won{background:linear-gradient(135deg,#1BC07C,#0E9A62);color:#fff}.mm-banner.fresh{background:#EEF3F0;color:#0C3326}
.mm-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:10px}
.mm-tile{background:var(--card-2);border:1px solid var(--bd);border-radius:14px;padding:14px 16px}.mm-tile b{display:block;font:700 24px/1.15 var(--serif)}.mm-tile span{font-size:12px;color:var(--muted)}
.mm-tile.hl{background:var(--btn);border:0}.mm-tile.hl span{color:var(--on-dark-dim)}.mm-tile.hl b{color:var(--gold-soft)}
.mm-wk{display:grid;margin-top:6px}
.mm-wkrow{display:grid;grid-template-columns:160px 1fr 140px 110px;gap:14px;align-items:center;padding:9px 0;border-bottom:1px solid var(--bd)}.mm-wkrow:last-child{border-bottom:0}
.mm-wkrow .d{font-weight:600}.mm-wkrow .d small{display:block;font-weight:500;color:var(--muted);font-size:12px}
.mm-wkbar{height:10px;border-radius:6px;background:var(--track);position:relative;overflow:hidden}.mm-wkbar i{position:absolute;inset:0 auto 0 0;border-radius:6px;background:linear-gradient(90deg,#0E9A62,#1BC07C)}
.mm-wkbar.short i{background:linear-gradient(90deg,#E58A76,#D2604A)}.mm-wkbar.now i{background:var(--goldg)}
.mm-wkrow .num{text-align:right;font-variant-numeric:tabular-nums}.mm-wkrow .num small{display:block;color:var(--muted);font-size:12px}
.mm-chip{justify-self:end;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 10px;white-space:nowrap}
.mm-chip.hit{background:#0E9A62;color:#fff}.mm-chip.short{background:#F9DED7;color:#C2412D}.mm-chip.now{background:var(--gold);color:var(--emerald-deep)}.mm-chip.up{background:var(--well);color:var(--muted)}
.mm-two{display:grid;grid-template-columns:1.1fr 1fr;gap:14px}
.mm-months{display:flex;align-items:flex-end;gap:16px;height:150px;padding-top:26px}
.mm-months .mo{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px;font-size:12px;color:var(--muted)}
.mm-months .col{width:100%;max-width:90px;border-radius:8px 8px 0 0;background:#DCD3BE;position:relative}.mm-months .col.last{background:#C9BE9F}.mm-months .v{font-weight:700;color:var(--ink);font-size:13px}
.mm-months .col.goal{background:transparent;border:2.5px dashed var(--ink);border-bottom:0}.mm-months .col.goal>i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,#0E9A62,#1BC07C);border-radius:4px 4px 0 0}
.mm-months b{color:var(--ink)}
.mm-verdict{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--ink-soft);margin-top:14px}
.mm-verdict .pill{font:700 12px var(--sans);letter-spacing:.12em;padding:5px 12px;border-radius:8px;white-space:nowrap}.mm-verdict .pill.missed{border:2px solid var(--ink);color:var(--ink)}.mm-verdict .pill.hitp{background:#0E9A62;color:#fff}
.mm-weap{display:grid;gap:12px;align-content:start}.mm-weap>div{border-left:4px solid #0E9A62;background:var(--card-2);border-radius:0 12px 12px 0;padding:10px 14px;font-size:14px}.mm-weap>div.lvlup{border-color:var(--gold)}.mm-weap>div .lbl{margin-bottom:3px}
.mm-strip{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-bottom:16px;color:var(--ink)}.mm-strip:hover{text-decoration:none;box-shadow:0 0 0 2px var(--gold),var(--shadow)}
.mm-today{text-align:center;background:var(--btn);color:#fff;border-radius:14px;padding:10px 16px}.mm-today b{display:block;font:700 26px var(--serif);color:var(--gold-soft)}.mm-today span{font-size:11px;color:var(--on-dark-dim);letter-spacing:.08em;text-transform:uppercase}
.mm-grow{display:grid;grid-template-columns:150px 1fr 120px 64px;gap:12px;align-items:center;padding:7px 0;border-bottom:1px solid var(--bd)}.mm-grow:last-of-type{border-bottom:0}.mm-grow .nm{font-weight:600}.mm-grow .v{text-align:right;font-size:13px;color:var(--muted)}.mm-grow .v b{color:var(--ink)}.mm-grow .mm-bar{margin:0}
.gtable{overflow-x:auto}.gr{display:grid;grid-template-columns:140px 100px 90px 80px 80px minmax(200px,1fr) minmax(200px,1fr);gap:8px;align-items:start;padding:8px 0;border-bottom:1px solid var(--bd);min-width:1000px}
.gr.gh span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}.gr b{padding-top:8px}
.gr input,.gr textarea{width:100%;font:inherit;font-size:13.5px;border:1px solid var(--bd);border-radius:8px;padding:6px 8px;background:#fff}.gr textarea{resize:vertical}
@media (max-width:860px){.mm-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.mm-two{grid-template-columns:1fr}.mm-goal{font-size:36px}
  .mm-wkrow{grid-template-columns:1fr auto;gap:6px 10px}.mm-wkrow .mm-wkbar{grid-column:1/-1;order:3}.mm-wkrow .num{text-align:left}
  .mm-strip{grid-template-columns:auto 1fr}.mm-today{grid-column:1/-1}.mm-grow{grid-template-columns:1fr auto;gap:4px 10px}.mm-grow .mm-bar{grid-column:1/-1;order:3}.mm-grow .v{display:none}}

/* ---------- lesson infographics (10/3) ---------- */
.lesson figure{margin:22px 0}.lesson figcaption{font-size:12.5px;color:var(--muted);margin-top:8px;line-height:1.5}
.ig-steps{list-style:none;padding:0!important;margin:18px 0;display:grid;gap:10px;counter-reset:none}
.ig-steps li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;background:var(--card-2);border:1px solid var(--bd);border-radius:14px;padding:12px 16px 12px 12px;margin:0!important;position:relative}
.ig-steps li:not(:last-child)::after{content:"";position:absolute;left:33px;bottom:-11px;width:2px;height:10px;background:var(--gold)}
.ig-steps .n{width:40px;height:40px;border-radius:50%;background:var(--btn);color:var(--gold-soft);display:grid;place-items:center;font:700 17px var(--serif)}
.ig-steps b{font:600 17px var(--serif);display:block;margin-top:7px}.ig-steps p{margin:4px 0 0;color:var(--ink-soft);font-size:15px;line-height:1.55}
.ig-flow>div{display:flex;flex-wrap:wrap;gap:6px}
.ig-flow span{flex:1 1 120px;position:relative;background:var(--btn);color:#fff;padding:12px 14px 12px 22px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,12px 50%);min-height:58px;display:flex;flex-direction:column;justify-content:center}
.ig-flow span:first-child{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);border-radius:10px 0 0 10px;padding-left:16px}
.ig-flow span:nth-child(even){background:linear-gradient(135deg,#14533E,#1D6A4F)}
.ig-flow b{font:600 15px var(--serif);color:var(--gold-soft);line-height:1.2}.ig-flow small{font-size:12px;color:var(--on-dark-dim);line-height:1.35;margin-top:2px}
.ig-stats>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.ig-stats .st{background:var(--card-2);border:1px solid var(--bd);border-top:4px solid var(--gold);border-radius:14px;padding:14px 16px}
.ig-stats .st b{display:block;font:700 28px/1.1 var(--serif);color:var(--emerald)}.ig-stats .st span{display:block;font-size:13.5px;color:var(--ink);line-height:1.4;margin-top:6px}.ig-stats .st small{display:block;font-size:11px;color:var(--muted);margin-top:6px}
.ig-table .tw{overflow-x:auto;border-radius:14px;border:1px solid var(--bd)}
.ig-table table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.45;background:var(--card-2)}
.ig-table th{background:var(--emerald);color:var(--gold-soft);text-align:left;padding:10px 12px;font:600 13px var(--sans);letter-spacing:.02em}
.ig-table td{padding:10px 12px;border-top:1px solid var(--bd);vertical-align:top}.ig-table td.rh{font-weight:700;color:var(--emerald)}.ig-table tr:nth-child(even) td{background:#F7F1E3}
.ig-vs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ig-vs figcaption{grid-column:1/-1}
.ig-vs .vside{border-radius:14px;padding:14px 16px 6px;background:var(--card-2);border:1px solid var(--bd)}.ig-vs .s0{border-top:5px solid #1662C4}.ig-vs .s1{border-top:5px solid var(--gold-2)}
.ig-vs h4{margin:0 0 6px;font:700 18px var(--serif)}.ig-vs .s0 h4{color:#1452A8}.ig-vs .s1 h4{color:var(--gold-ink)}.ig-vs ul{padding-left:18px!important;margin:0}.ig-vs li{font-size:14.5px;margin:4px 0}
.ig-key{background:linear-gradient(135deg,#0C3326,#14533E);color:#F6F1E6;border-radius:16px;padding:16px 20px;margin:20px 0}.ig-key p,.ig-key li{color:#F6F1E6}.ig-key b{color:var(--gold-soft)}.ig-key h2,.ig-key h3{color:var(--gold-soft);margin-top:4px}
.ig-chart svg{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 0 0 1px var(--bd)}
.ig-more{margin:22px 0 6px;border:1px solid var(--bd);border-radius:14px;background:var(--card-2)}
.ig-more>summary{cursor:pointer;list-style:none;padding:14px 18px;font:600 16px var(--serif);color:var(--emerald);display:flex;align-items:center;gap:10px}
.ig-more>summary::-webkit-details-marker{display:none}.ig-more>summary::before{content:"+";width:24px;height:24px;border-radius:50%;background:var(--btn);color:var(--gold-soft);display:grid;place-items:center;font:700 16px var(--sans);flex:none}
.ig-more[open]>summary::before{content:"–"}.ig-more>div{padding:0 20px 14px;border-top:1px solid var(--bd)}
/* rebuttal cards: they say / you say */
.rb{display:grid;gap:8px;margin:14px 0 18px;padding:14px;border-radius:16px;background:#EEF3F0;border:1px solid #CFE2D7}
.rb-they,.rb-you{border-radius:14px;padding:10px 14px;font-size:15.5px;line-height:1.5;max-width:88%}
.rb-they{background:#fff;border:1px solid var(--bd);justify-self:start;border-bottom-left-radius:4px;color:var(--ink)}
.rb-you{background:var(--btn);color:#fff;justify-self:end;border-bottom-right-radius:4px;font-family:var(--serif)}
.rb-they span,.rb-you span{display:block;font:700 10.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:3px}
.rb-they span{color:#A2402E}.rb-you span{color:var(--gold-soft)}.rb-you b{color:var(--gold-soft)}
.rb-then{margin:0!important;font-size:14px;color:var(--ink-soft);padding:2px 4px}.rb-then b{color:var(--emerald);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-right:6px}
@media (max-width:700px){.ig-vs{grid-template-columns:1fr}.ig-flow span{flex-basis:100%;clip-path:none!important;border-radius:10px!important;padding-left:16px}.rb-they,.rb-you{max-width:100%}.ig-steps li{grid-template-columns:36px 1fr;gap:10px}.ig-steps .n{width:34px;height:34px;font-size:15px}.ig-steps li:not(:last-child)::after{left:28px}}
.ig-flow>div{flex-wrap:nowrap}.ig-flow span{flex:1 1 0;min-width:0;padding-right:16px}.ig-flow b{overflow-wrap:anywhere}
@media (max-width:700px){.ig-flow>div{flex-wrap:wrap}.ig-flow span{flex:1 1 100%}}
.ig-stats .st,.ig-stats .st *{text-transform:none!important;letter-spacing:normal!important}.ig-stats .st span{font-weight:400}.ig-stats .st small{letter-spacing:.04em!important}

/* ---------- Level Up (10/4): skills, badges, the race, carriers, meetings, today ---------- */
.tabbar{grid-template-columns:repeat(var(--n,6),minmax(0,1fr))!important}.tabbar a{font-size:10px}
/* skill card */
.skc-h{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:12px}.skc-o{display:block;font:700 34px/1.1 var(--serif)}
.skc-leg{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.lv{display:inline-block;font:700 10.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 9px;text-align:center;color:#fff;white-space:nowrap}
.lv.bronze{background:#B07344}.lv.silver{background:#8E9AA6}.lv.gold{background:#C9A13B}.lv.elite{background:#14533E}
.skills{display:grid;gap:8px}
.sk{display:grid;grid-template-columns:210px 1fr 104px 110px;gap:14px;align-items:center;background:var(--card-2);border:1px solid var(--bd);border-radius:14px;padding:10px 14px}
.sk .nm{font-weight:600}.sk .nm small{display:block;color:var(--muted);font-weight:500;font-size:12px}.sk .nx{font-size:12px;color:var(--ink-soft)}
.sk.weak{box-shadow:0 0 0 2px #C2412D}.sk.best{box-shadow:0 0 0 2px #0E9A62}
.sbar{position:relative;height:12px;border-radius:7px;background:linear-gradient(90deg,#E8D3C2 0 35.7%,#DDE2E7 35.7% 57.1%,#EFE2B9 57.1% 71.4%,#CFE5D9 71.4% 100%)}
.sbar i{position:absolute;top:-4px;width:4px;height:20px;margin-left:-2px;border-radius:2px;background:var(--ink)}.sbar s{position:absolute;top:-2px;width:3px;height:16px;margin-left:-1px;border-radius:2px;background:#857F72;opacity:.55}
.skc-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.clip{display:flex;gap:12px;align-items:center;background:#EEF3F0;border:1px solid #CFE2D7;border-radius:14px;padding:10px 12px;margin:4px 0 8px}
.clip .pl{width:40px;height:40px;border-radius:50%;border:0;background:var(--btn);color:var(--gold-soft);display:grid;place-items:center;flex:none;cursor:pointer;font-size:14px}
.clip q{font-family:var(--serif);font-size:14.5px;line-height:1.45}.clip small{display:block;color:var(--muted);margin-top:3px;font-size:12px}
/* badges */
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.bdg{background:var(--card-2);border:1px solid var(--bd);border-radius:16px;padding:16px 12px;text-align:center;position:relative}
.bdg .md{width:64px;height:64px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;font-size:29px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.15)}
.bdg.t1 .md{background:radial-gradient(circle at 35% 30%,#E9B98F,#B07344)}.bdg.t2 .md{background:radial-gradient(circle at 35% 30%,#E6EBF0,#8E9AA6)}.bdg.t3 .md{background:radial-gradient(circle at 35% 30%,#F6E3A6,#C9A13B)}.bdg.t4 .md{background:radial-gradient(circle at 35% 30%,#2AA876,#0C3326)}
.bdg b{display:block;font:600 15px var(--serif)}.bdg span{font-size:12px;color:var(--muted);display:block;line-height:1.35}.bdg .when{margin-top:6px;font-size:11px;color:#0E9A62;font-weight:700}
.bdg.lock{opacity:.5}.bdg.lock .md{filter:grayscale(1)}
.bdg.new{box-shadow:0 0 0 2px var(--gold),0 10px 26px rgba(201,161,59,.35)}.bdg.new::after{content:"NEW";position:absolute;top:8px;right:8px;font:700 9px var(--sans);background:var(--gold);color:#111;border-radius:6px;padding:2px 5px}
/* the race */
.sbbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.sbtabs{margin:0}
.sbmon{display:flex;gap:10px;align-items:center;color:#fff}.sbmon b{font:600 15px var(--serif);min-width:120px;text-align:center}
.race{display:grid;gap:14px}.race.two{grid-template-columns:1.1fr 1fr;align-items:start}
.lb{display:grid;gap:6px}.lbr{display:grid;grid-template-columns:40px 1fr 80px 110px;gap:10px;align-items:center;background:var(--card-2);border:1px solid var(--bd);border-radius:12px;padding:9px 14px}
.lbr .rk{font:700 20px var(--serif);text-align:center;color:var(--muted)}.lbr.r1 .rk{color:#C9A13B}.lbr.r2 .rk{color:#8E9AA6}.lbr.r3 .rk{color:#B07344}
.lbr .nm{font-weight:600}.lbr .s{color:var(--muted);text-align:right;font-size:13px}.lbr .ap{text-align:right;font:700 17px var(--serif)}
.lbr.mine{background:var(--btn);color:#fff;border:0;box-shadow:0 0 0 2px var(--gold)}.lbr.mine .rk,.lbr.mine .ap{color:var(--gold-soft)}.lbr.mine .s{color:var(--on-dark-dim)}
.path{display:grid;gap:10px}.pstep{display:flex;gap:12px;align-items:center;background:var(--card-2);border:1px solid var(--bd);border-radius:12px;padding:12px 14px}
.ptg{font:700 12px var(--sans);background:var(--gold);color:#111;border-radius:8px;padding:4px 8px;white-space:nowrap}.pstep.top .ptg{background:var(--btn);color:var(--gold-soft)}
.hint{border-left:4px solid #0E9A62;background:var(--card-2);border-radius:0 12px 12px 0;padding:10px 14px}
/* carriers */
.csearch{margin-bottom:14px}.csearch input{width:100%;font:inherit;font-size:16px;border:1px solid var(--bd);border-radius:14px;padding:13px 16px;background:#fff;box-shadow:var(--shadow)}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.crc{position:relative;display:block;background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:14px 16px;color:var(--ink);box-shadow:var(--shadow);transition:transform .15s}
.crc:hover{transform:translateY(-3px);box-shadow:0 0 0 2px var(--gold),var(--shadow);text-decoration:none}
.cab{width:46px;height:46px;border-radius:12px;background:var(--btn);color:var(--gold-soft);display:grid;place-items:center;font:700 12px var(--sans);margin-bottom:8px;flex:none;text-align:center;line-height:1.1;padding:2px}
.crc b{display:block;font:600 16px var(--serif)}.crc p{margin:4px 0 0;font-size:12.5px;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cst{position:absolute;top:12px;right:12px;font:700 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:3px 8px}.cst.on{background:#0E9A62;color:#fff}.cst.off{background:var(--well);color:var(--muted)}
.crc.lock{filter:grayscale(1);opacity:.6}.crc.hit{box-shadow:0 0 0 2px #0E9A62,var(--shadow)}
.hitline{margin-top:6px;font-size:12.5px;background:#E3F5EC;color:#0B4E34;border-radius:8px;padding:6px 8px;line-height:1.4}.hitline.bad{background:#FBE7E1;color:#7A2717}
.cd-h{display:flex;gap:16px;align-items:center}.cd-h .cab{width:60px;height:60px;font-size:14px;margin:0}
.ctw{overflow-x:auto}.ctab{width:100%;border-collapse:collapse;font-size:13.5px}.ctab th{background:var(--emerald);color:var(--gold-soft);text-align:left;padding:9px 10px;font-weight:600}.ctab td{padding:9px 10px;border-top:1px solid var(--bd);vertical-align:top;background:var(--card-2)}.ctab tr:nth-child(even) td{background:#F7F1E3}
.cgrid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cgrid2>.card{margin:0 0 14px}
.cyes{border-top:5px solid #0E9A62}.cno{border-top:5px solid #C2412D}.cyes h3{color:#0B6B45}.cno h3{color:#C2412D}.cyes li,.cno li{margin:6px 0;line-height:1.45}
.lockbox{text-align:center;padding:34px 20px}.lbig{font-size:42px}
/* meetings */
.meet{display:grid;grid-template-columns:90px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--bd);color:var(--ink)}.meet:last-child{border:0}.meet:hover{text-decoration:none}.meet .dt{font:600 15px var(--serif)}
/* Home · Today */
.tday{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.tnum{background:var(--btn);color:#fff;border-radius:18px;padding:18px 22px;box-shadow:var(--shadow)}.tnum b{font:700 52px/1.05 var(--serif);color:var(--gold-soft);display:block;margin-top:4px}.tnum>span{color:var(--on-dark-dim);font-size:13.5px}
.tsub{display:flex;gap:24px;margin-top:14px;flex-wrap:wrap}.tsub small{display:block;color:var(--on-dark-dim);font-size:11.5px}.tsub b{font:700 18px var(--serif);color:#fff;display:block;margin:0}
.tgoal{margin:0;color:var(--ink);display:flex;flex-direction:column;justify-content:center;gap:4px}.tgoal:hover{text-decoration:none;box-shadow:0 0 0 2px var(--gold),var(--shadow)}
.tthree{grid-column:1/-1;margin:0}.trow{display:flex;gap:14px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--bd);color:var(--ink)}.trow:last-child{border:0}.trow:hover{text-decoration:none}.trow:hover b{color:var(--emerald-2)}
.trow .ic{font-size:22px;width:32px;text-align:center;flex:none}.trow b{display:block}.trow>div{flex:1;min-width:0}
/* admin: appointments */
.apw{overflow-x:auto}.apt{border-collapse:collapse;font-size:13px;min-width:900px}.apt th{font-size:11px;color:var(--muted);text-align:center;padding:6px 4px;border-bottom:1px solid var(--bd)}.apt th:first-child{text-align:left}
.apt td{padding:6px 4px;border-bottom:1px solid var(--bd);text-align:center}.apt td:first-child{text-align:left;white-space:nowrap}.apt .npn{width:90px;border:1px solid var(--bd);border-radius:6px;padding:4px 6px;font:inherit}.apt input.dflt{opacity:.45}
@media (max-width:900px){.sk{grid-template-columns:1fr auto}.sk .sbar,.sk .nx{grid-column:1/-1}.skc-2,.race.two,.cgrid2,.tday{grid-template-columns:1fr}.lbr{grid-template-columns:30px 1fr auto}.lbr .s{display:none}.meet{grid-template-columns:70px 1fr}.meet .btn{display:none}}

/* ---------- 10/4 later: scripts, profile, flashcards, Ask Mark, wins ---------- */
.scgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.scard{display:flex;flex-direction:column;gap:6px;background:var(--card);border-radius:16px;padding:18px;color:var(--ink);box-shadow:var(--shadow);border-top:4px solid var(--gold)}.scard:hover{text-decoration:none;box-shadow:0 0 0 2px var(--gold),var(--shadow)}
.scard .scn{width:34px;height:34px;border-radius:50%;background:var(--btn);color:var(--gold-soft);display:grid;place-items:center;font:700 15px var(--serif)}.scard b{font:600 18px var(--serif)}.scard span{color:var(--ink-soft);font-size:13.5px}.scard .lc-go{color:var(--emerald-2);font-weight:700;margin-top:auto}
.stepjump{position:sticky;top:0;z-index:5;display:flex;gap:6px;overflow-x:auto;padding:10px 0;margin-bottom:12px;background:linear-gradient(180deg,rgba(8,23,19,.92),rgba(8,23,19,.75));backdrop-filter:blur(8px)}
.stepjump a{flex:none;font-size:12px;font-weight:600;color:var(--on-dark-dim);border:1px solid var(--c-line);border-radius:999px;padding:5px 11px;white-space:nowrap}.stepjump a:hover{background:rgba(217,178,102,.15);color:#fff;text-decoration:none}
.lesson.script{max-width:860px;font-size:16.5px}.lesson.script h2{scroll-margin-top:64px;border-top:1px solid var(--bd);padding-top:18px}.lesson.script blockquote.say{font-size:17px}
.ig-check{margin:10px 0 18px;border:1px dashed var(--bd);border-radius:12px;background:#FBF8F0}.ig-check>summary{cursor:pointer;padding:9px 14px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ig-check>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 14px 10px}.ig-check ul{margin:0;padding-left:0!important;list-style:none;font-size:13.5px}
.ig-check li{padding:3px 0 3px 22px;position:relative;line-height:1.4}.ig-check .do li::before{content:"✓";position:absolute;left:2px;color:#0E9A62;font-weight:700}.ig-check .avoid li::before{content:"✕";position:absolute;left:2px;color:#C2412D;font-weight:700}
.pav{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none;display:inline-grid;place-items:center;vertical-align:middle;margin-right:8px}.pav.ini{background:var(--btn);color:var(--gold-soft);font:700 11px var(--sans)}
.pav.xl{width:96px;height:96px;font-size:28px;margin:0;box-shadow:0 0 0 3px var(--gold)}
.lbr .nm{display:flex;align-items:center}
.pgrid{display:grid;grid-template-columns:1fr 1.3fr;gap:14px}.pgrid>.card{margin:0 0 14px}.pcard{display:flex;gap:18px;align-items:center}.pn{display:block;font:600 22px var(--serif)}
.rlink{display:flex;gap:16px;align-items:center}.qr{width:132px;height:132px;flex:none;background:#fff;border-radius:12px;padding:6px;box-shadow:0 0 0 1px var(--bd)}.qr svg{width:100%;height:100%;display:block}.rl{font:700 22px var(--serif);color:var(--emerald)}
.fc{max-width:640px;margin:0 auto;background:var(--card);border-radius:22px;box-shadow:var(--shadow);padding:30px 28px;min-height:260px;display:flex;flex-direction:column;gap:16px;align-items:stretch;justify-content:center;text-align:center}
.fc-they{font:600 24px/1.35 var(--serif);color:var(--ink)}.fc-they span,.fc-you span{display:block;font:700 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;color:#A2402E}
.fc-you{background:var(--btn);color:#fff;border-radius:16px;padding:16px 18px;font:500 17px/1.5 var(--serif);text-align:left}.fc-you span{color:var(--gold-soft)}.fc-then{margin:0;font-size:14px;color:var(--ink-soft);text-align:left}.fc-then b{color:var(--emerald);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-right:6px}
.fc .btn{align-self:center}.fcbtn{display:flex;gap:12px;justify-content:center;margin-top:16px}.fcbtn .btn{min-width:140px;padding:12px 18px;font-size:15px}
.askseg{margin-bottom:10px}.askrow{border-bottom:1px solid var(--bd);padding:12px 0}.askrow:last-child{border:0}.askrow p{margin:6px 0}.askans{background:#EEF3F0;border-left:4px solid #0E9A62;border-radius:0 10px 10px 0;padding:10px 12px;font-size:14.5px}
form.askf{border-bottom:1px solid var(--bd);padding:12px 0}form.askf.unans{background:#FFF8E6;margin:0 -12px;padding:12px}
.winrow{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--bd)}.winrow:last-child{border:0}
.celebrate{position:fixed;inset:0;z-index:100;background:rgba(3,14,10,.7);display:grid;place-items:center;padding:16px;animation:celin .25s ease}
.cel-card{background:var(--card);border-radius:24px;padding:30px 30px 24px;text-align:center;max-width:360px;width:100%;box-shadow:0 30px 80px rgba(0,0,0,.5);animation:celpop .45s cubic-bezier(.2,1.6,.4,1)}
.cel-card .bdg{border:0;background:none;padding:0}.cel-card .bdg .md{width:110px;height:110px;font-size:52px;margin-bottom:10px}.cel-card h2{font-size:28px;margin:4px 0}.cel-card p{color:var(--ink-soft);margin:0 0 16px}.cel-card .eyebrow{color:var(--gold-ink)}
@keyframes celin{from{opacity:0}}@keyframes celpop{from{transform:scale(.7);opacity:0}}
.tquick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:6px}.tquick .card{margin:0;display:flex;flex-direction:column;gap:2px;color:var(--ink);font-size:20px;padding:14px 16px}.tquick .card:hover{text-decoration:none;box-shadow:0 0 0 2px var(--gold),var(--shadow)}
.tquick b{font:600 16px var(--serif)}.tquick span{font-size:12.5px;color:var(--muted)}
.phup{cursor:pointer;display:inline-block}.phup .pav{margin:0;width:36px;height:36px}.phup:hover .pav{box-shadow:0 0 0 2px var(--gold)}
.me a.av{color:inherit;text-decoration:none}.mename{color:inherit}.mename:hover{text-decoration:none;color:var(--gold-soft)}
@media (max-width:900px){.scgrid,.pgrid,.tquick,.ig-check>div{grid-template-columns:1fr}.rlink{flex-direction:column;align-items:flex-start}.fc{padding:22px 18px}.fc-they{font-size:20px}}
/* coming-soon placeholder tile (10/4) */
.ttile.soon{cursor:default;opacity:.62;filter:grayscale(.85);border-left-style:dashed}.ttile.soon:hover{transform:none;box-shadow:var(--shadow);background:var(--card)}.ttile.soon .tbadge{background:#857F72}

/* phone tab bar, Instagram-style (10/4): 5 icons, no labels, avatar opens a bottom sheet with everything else */
@media (max-width:900px){
  .tabbar{grid-template-columns:repeat(5,minmax(0,1fr))!important;padding:4px 8px calc(4px + env(safe-area-inset-bottom))!important}
  .tabbar a,.tabbar .tb-me{display:grid;place-items:center;min-height:50px;padding:0;color:var(--on-dark-dim);position:relative}
  .tabbar svg{width:26px!important;height:26px!important;stroke-width:1.7}
  .tabbar a.on{color:#fff}.tabbar a.on svg{stroke-width:2.3}.tabbar a.on::after,.tabbar .tb-me.on::after{content:"";position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--gold)}
  .tb-me{border:0;background:none;cursor:pointer}.tb-me span,.tb-me img{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;object-fit:cover;background:var(--btn);color:var(--gold-soft);font:700 11px var(--sans);box-shadow:0 0 0 1.5px var(--on-dark-dim)}
  .tb-me.on span,.tb-me.on img{box-shadow:0 0 0 2px #fff}
}
.msheet{position:fixed;inset:0;z-index:60;background:rgba(3,14,10,0);transition:background .2s}.msheet.open{background:rgba(3,14,10,.55)}
.ms-card{position:absolute;left:0;right:0;bottom:0;background:#0E211A;border-top:1px solid var(--c-line);border-radius:22px 22px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .22s ease}
.msheet.open .ms-card{transform:none}.ms-grab{display:block;width:40px;height:4px;border-radius:2px;background:rgba(255,255,255,.25);margin:0 auto 12px}
.ms-me{display:flex;gap:12px;align-items:center;padding:8px 6px 14px;border-bottom:1px solid rgba(217,178,102,.18);color:#fff}.ms-me:hover{text-decoration:none}
.ms-me .av{width:44px;height:44px;border-radius:50%;background:var(--btn);color:var(--gold-soft);display:grid;place-items:center;font:700 15px var(--sans)}.ms-me b{display:block;font:600 17px var(--serif)}.ms-me span{font-size:12.5px;color:var(--on-dark-dim)}
.ms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 0}
.ms-grid a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:14px;background:rgba(255,255,255,.05);color:var(--on-dark-dim);font-size:12.5px;font-weight:600}.ms-grid a:hover{text-decoration:none}
.ms-grid a.on{background:rgba(217,178,102,.16);color:#fff}.ms-grid svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ms-out{width:100%;border:1px solid var(--c-line);background:none;color:var(--on-dark-dim);border-radius:12px;padding:11px;font:600 14px var(--sans);cursor:pointer}
@media (min-width:901px){.msheet{display:none}}
.crown{margin-left:6px;font-size:15px}
.logseg{display:flex;margin:4px 0 14px}.logseg button{flex:1}
.gbtn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff!important;color:#1f1f1f!important;border:1px solid #dadce0!important;box-shadow:none!important;font-weight:600}
.login .or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:12px 0}.login .or::before,.login .or::after{content:"";flex:1;height:1px;background:var(--bd)}

/* Tools · "Every day" section (Mark 10/6 v2): same tiles as every other group, gold heading + quiet subtitle */
.tg-top .tg-h em{font:400 13px var(--sans);font-style:normal;color:var(--on-dark-dim);letter-spacing:.01em}
.tg-top{margin-top:4px}
/* Step video: Loom when set, a placeholder until then */
.svid{margin:2px 0 14px}.svid .video{margin-bottom:6px}
.vsoon{display:flex;align-items:center;gap:16px;margin:2px 0 14px;padding:18px 20px;border-radius:14px;background:linear-gradient(135deg,#0C3326,#14533E);color:#F4EFE3;border:1px solid rgba(227,204,139,.35)}
.vs-play{flex:0 0 auto;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(227,204,139,.18);border:1.5px solid rgba(227,204,139,.6);color:#E3CC8B;font-size:18px;padding-left:3px}
.vsoon div{display:flex;flex-direction:column;gap:2px}.vsoon b{font:600 17px var(--serif);color:#fff}
.vs-k{font:700 10.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#E3CC8B}.vsoon div span:last-child{font-size:12.5px;color:rgba(244,239,227,.78)}
@media (max-width:640px){.vsoon{padding:14px;gap:12px}.vs-play{width:42px;height:42px}.vsoon b{font-size:15px}}

/* Home = tile sections like Tools (Mark 10/8) */
.tg-h em{font:400 13px var(--sans);font-style:normal;color:var(--on-dark-dim);letter-spacing:.01em}
.tg-h .tg-more{margin-left:auto;font:600 13px var(--sans);color:var(--gold-soft,#E3CC8B)}
.tg-h .tg-more:hover{text-decoration:underline}
@media (max-width:640px){.tg-h em{display:none}}

/* Training: one expandable card per topic (Mark 10/8: "too much to scroll") */
details.shelf{margin-top:12px;background:var(--card);border:1px solid var(--bd);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
details.shelf > summary{list-style:none;cursor:pointer;margin:0;padding:14px 18px;gap:14px}
details.shelf > summary::-webkit-details-marker{display:none}
details.shelf .shelf-h h2{color:var(--ink);font-size:19px}
details.shelf .shelf-h span:not(.ib){color:var(--muted)}
details.shelf .shelf-bar{background:rgba(12,51,38,.1)}
.shelf-chev{color:var(--muted);font-size:14px;transition:transform .2s;flex:none}
details.shelf[open] .shelf-chev{transform:rotate(180deg)}
details.shelf[open] > summary{border-bottom:1px solid var(--bd)}
details.shelf > .lgrid{padding:16px 18px 18px;background:rgba(12,51,38,.03)}
details.shelf > summary:hover{background:var(--card-2,#FBF7EE)}
@media (max-width:640px){details.shelf > summary{padding:12px 14px;gap:11px}details.shelf .shelf-h .ib{width:38px;height:38px}details.shelf .shelf-h h2{font-size:17px}details.shelf > .lgrid{padding:12px}}
details.shelf > .plist{padding:6px 18px 16px}
.s-mindset{--s-ib:linear-gradient(135deg,#0C3326,#14533E)}
.shelf-chev{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(12,51,38,.07);color:var(--ink);font-size:13px}
@media (max-width:900px){.tquick{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tquick .card{padding:10px 8px;align-items:center;text-align:center;font-size:18px}.tquick b{font-size:13px}.tquick span{display:none}}

/* Steps (Onboarding / Pre-licensing / Get great) as expandable cards, same as Training topics (Mark 10/8) */
.stepc .sdot{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:700 16px var(--serif);background:var(--well);color:var(--ink-soft);border:2px solid rgba(12,51,38,.12)}
.stepc.st-cur .sdot{background:var(--goldg,linear-gradient(135deg,#E3CC8B,#CBA253));color:#0C3326;border-color:transparent;box-shadow:0 0 0 4px rgba(217,178,102,.22)}
.stepc.st-done .sdot{background:#12A06A;color:#fff;border-color:#12A06A;font-size:18px}
.stepc.st-cur{box-shadow:0 0 0 2px var(--gold),var(--shadow)}
.stepc.st-done > summary{background:linear-gradient(135deg,#E3F3EA,#D2EBDD)}.stepc.st-done .shelf-h h2{color:#0B5A3A}
.stepc .shelf-h span b.late{color:var(--bad,#B3261E);font-weight:600}
.stepc .sdetail{display:block;padding:14px 18px 18px;border-top:0;background:rgba(12,51,38,.02)}
.stepc .sblurb{margin:0 0 12px;color:var(--ink-soft);font-size:14px}
.locked details.stepc{opacity:.72}
.stepc + .stepc,.divider + .stepc{margin-top:10px}
/* Training: the tip is a slim strip (tap to read it all) */
.tipbar{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;margin:0 0 12px;padding:10px 14px;border:1px solid var(--bd);border-radius:12px;background:var(--card);box-shadow:var(--shadow);cursor:pointer;color:var(--ink);font:inherit}
.tipbar .tipi{font-size:16px;line-height:1.4}
.tipbar .tipt{font-size:13.5px;line-height:1.45;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.tipbar .tipt b{color:var(--gold-ink,#8A6A22);font-weight:700;margin-right:4px;text-transform:uppercase;font-size:11px;letter-spacing:.1em}
.tipbar.open .tipt{-webkit-line-clamp:unset}
/* Phones: tighter hero + cards */
@media (max-width:760px){
  .th-prog{gap:14px;padding:14px 16px}.th-prog .ring{width:72px;height:72px}.th-st b{font-size:18px}
  .th-next{padding:14px 16px;gap:4px}.th-next h2{font-size:19px}.th-next p{font-size:13px;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.th-next .btn{padding:9px 14px;font-size:14px}
  details.shelf .shelf-bar{display:none}
  details.shelf .shelf-h .sp{min-width:0}
  details.shelf .shelf-h .sp > span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .stepc .sdot{width:34px;height:34px;font-size:14px}
  .stepc .sdetail{padding:12px 14px 14px}
  .thero{margin-bottom:12px}
}

/* My month on phones: nothing wider than the card (Mark 10/8) */
.mm-two>*{min-width:0}.mm-weap>div{overflow-wrap:anywhere}

/* Wingman calls list (Mark 10/9): obviously tappable, nothing spills off on phones */
.callhint{margin:2px 0 10px;font-size:13px;color:var(--ink-soft)}
.ctable tr.crow{cursor:pointer}.ctable tr.crow:hover td{background:var(--card-2)}
.btn.listen{padding:6px 12px;border-radius:999px;background:var(--btn);color:#fff;border:0;font-weight:600}
.btn.listen:hover{filter:brightness(1.1);text-decoration:none}
@media (max-width:640px){
  .ctable{table-layout:fixed;width:100%}
  .ctable th,.ctable td{padding-left:4px;padding-right:4px}
  .ctable th:nth-child(1),.ctable td:nth-child(1){width:34%}
  .ctable th:nth-child(3),.ctable td:nth-child(3){width:30%}
  .ctable th:nth-child(5),.ctable td:nth-child(5){width:22%}
  .ctable th:nth-child(6),.ctable td:nth-child(6){width:14%}
  .ctable td .pill{font-size:9px;padding:3px 7px;letter-spacing:.04em;white-space:normal;line-height:1.25;text-align:center}
  .ctable td.nw{white-space:nowrap}
  .ctable .sb{width:34px}.ctable .sbn{font-size:13px}
  .ctable td.name a{word-break:break-word}
  .btn.listen{padding:6px 10px}
}
/* "Play it for the team" toggle */
.featnote{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#FBF3DF;color:var(--ink-soft);font-size:13px;line-height:1.45}
.btn.feat.on{background:var(--goldg);color:#0C3326;border-color:transparent}
.btn.listen{background:transparent;color:var(--ink);border:1px solid var(--bd);font-size:15px;line-height:1;padding:6px 12px}
.btn.listen:hover{background:var(--card-2);border-color:var(--gold)}
@media (max-width:640px){.btn.listen{width:30px;height:30px;padding:0;display:inline-grid;place-items:center;border-radius:50%;font-size:18px}}

/* ===== Simple (Mark 10/10: "too many colors… like DuseFG"): one accent, quiet tiles ===== */
.ttile,.qlink{--k:var(--gold);--k-ib:linear-gradient(135deg,#0C3326,#14533E);--k-st:#EFDCA4;--k-bg:var(--card)}
.ttile{border-left:1px solid var(--bd)}
.ttile .tbadge{display:none}
.ttile .tt-go{color:var(--muted)}
.tg-top .ttile{--k-ib:var(--goldg);--k-st:#0C3326;border-color:rgba(217,178,102,.55)}
details.shelf .shelf-h .ib,.lcard .ib{background:linear-gradient(135deg,#0C3326,#14533E)!important}
details.shelf .shelf-h .ib svg,.lcard .ib svg{stroke:#EFDCA4!important}
.lcard{border-top-color:var(--bd)!important}
/* Home: three numbers + up next */
.hstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;overflow:hidden;margin-bottom:14px}
.hstats a{display:flex;flex-direction:column;gap:2px;padding:16px 20px;color:var(--ink);border-left:1px solid var(--bd)}
.hstats a:first-child{border-left:0}.hstats a:hover{background:var(--card-2);text-decoration:none}
.hstats b{font:600 26px var(--serif);line-height:1.1}.hstats span{font-size:12.5px;color:var(--muted)}
.hnext{padding:14px 18px 6px;margin-bottom:18px}.hnext .lbl{margin-bottom:4px}
.hrow{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--bd);color:var(--ink)}
.hrow:first-of-type{border-top:0}.hrow:hover{text-decoration:none}.hrow:hover b{color:var(--em2,#14533E)}
.hrow .sp{display:flex;flex-direction:column;gap:2px;min-width:0}.hrow b{font:600 15px var(--serif)}.hrow .sp span{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hgo{margin-left:auto;color:var(--muted);font-size:20px}
@media (max-width:640px){.hstats a{padding:12px 10px}.hstats b{font-size:20px}.hstats span{font-size:11px}.hnext{padding:12px 14px 4px}}
/* Admin: requests to join */
.sreq{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--bd)}.sreq:first-of-type{border-top:0}
.sreq .sp{display:flex;flex-direction:column;gap:2px;min-width:240px;flex:1}.sreq-a{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sreq-a select{width:auto}

/* 10/11 real-call objection clips */
.clipwrap{padding:4px 18px 16px}
.cgrp{border-top:1px solid var(--bd)}.cgrp:first-of-type{border-top:0}
.cgrp>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 0}.cgrp>summary::-webkit-details-marker{display:none}
.cgrp>summary b{flex:1;font-family:var(--serif);font-size:15.5px;font-weight:600}
.cgrp[open]>summary .shelf-chev{transform:rotate(180deg)}
.clip{display:flex;gap:12px;align-items:flex-start;padding:12px;margin:0 0 10px;background:var(--card-2);border:1px solid var(--bd);border-radius:12px}
.clip .sp{min-width:0;display:flex;flex-direction:column;gap:2px}.clip .sp>b{font-size:14.5px;line-height:1.3}
.cplay{flex:none;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;background:linear-gradient(135deg,#0C3326,#14533E);color:var(--gold-soft);font-size:13px;display:grid;place-items:center}
.clip.playing .cplay{background:var(--goldg,var(--gold));color:#0C3326}
.cwhy{margin:4px 0 0;font-size:13px;color:var(--ink-soft);line-height:1.45}
.cbar{display:none;height:6px;border-radius:3px;background:var(--track);margin:8px 0 2px;cursor:pointer;overflow:hidden}.cbar i{display:block;height:100%;width:0;background:var(--gold)}
.clip.on .cbar{display:block}
.ccap{max-height:210px;overflow:auto;margin-top:6px;padding:8px 10px;background:var(--well);border-radius:10px;font-size:13.5px;line-height:1.55}
.ccap .cl{margin:0 0 6px}.ccap em{font-style:normal;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin-right:4px}
.ccap .ca em{color:#14533E}.ccap .cc2 em{color:var(--gold-ink)}
.ccap span{color:var(--muted)}.ccap span.said{color:var(--ink)}.ccap span.now{background:var(--gold-soft);border-radius:3px}
.ccap span.bleep{color:var(--muted);letter-spacing:1px}
@media (max-width:640px){.clipwrap{padding:4px 12px 12px}.clip{padding:10px;gap:10px}.cplay{width:36px;height:36px}}
.lclips{margin-top:16px;padding:18px;max-width:820px;box-sizing:border-box}.lclips-h{display:flex;gap:12px;align-items:center;margin-bottom:12px}.lclips-h h2{font-size:18px}.lclips-h .sp{display:flex;flex-direction:column}
.lclips-g{font-family:var(--serif);font-weight:600;font-size:14.5px;margin:12px 0 8px}
@media (max-width:640px){.lclips{padding:14px 12px}}
/* 10/11 recruiting link page */
.rqr{width:180px;height:180px;flex:none;background:#fff;border-radius:14px;padding:6px}.rqr svg{width:100%;height:100%}
.rmsg{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--bd)}.rmsg:first-of-type{border-top:0}.rmsg p{margin:4px 0 0;font-size:13.5px;color:var(--ink-soft);line-height:1.5}
.rsteps{margin:0;padding-left:20px;line-height:1.7}
@media (max-width:640px){.rqr{width:140px;height:140px}.rmsg{flex-direction:column;gap:8px}}