/* Manager view — follows the app's own vocabulary: hairline sections on app bg,
   one lime hero, mono numerals, pill chips. mg-* */
.mg-screen{position:relative;flex:1;min-height:0;margin-top:-62px;display:flex;flex-direction:column;background:var(--bg-app);overflow:hidden}
.mg-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:66px 20px 2px}
.mg-intro .mg-chip-store{align-self:flex-start}
.mg-chip-store{display:flex;align-items:center;gap:9px;padding:10px 15px 10px 13px;border-radius:999px;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--fg-primary);font-size:15px;font-weight:600;letter-spacing:-.015em;cursor:pointer}
.mg-chip-store:active{transform:scale(.97)}
.mg-dot{flex:none;width:10px;height:10px;border-radius:50%}
.mg-me{flex:none;width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--violet-500);color:#fff;font-size:12px;font-weight:700}
.mg-me img{width:100%;height:100%;object-fit:cover}
.mg-g-A{background:#C6FF3D}.mg-g-B{background:#FFD23F}.mg-g-C{background:#FFA23D}.mg-g-D{background:#FF5A2E}.mg-g-E,.mg-g-F{background:#D8400F}
.mg-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:13px;padding:14px 20px 26px}
.mg-scroll::-webkit-scrollbar{display:none}
@keyframes mgIn{from{opacity:0}to{opacity:1}}
.mg-scroll>*{animation:mgIn .3s cubic-bezier(.19,.72,.18,1) both}
.mg-scroll>.mg-back{animation:mgFade .2s ease}
.mg-intro{display:flex;flex-direction:column;gap:16px;padding:2px 4px 6px}
.mg-crumb{align-self:flex-start;display:flex;align-items:center;gap:7px;min-height:32px;padding:0;border:none;background:none;color:var(--fg-secondary);font-size:14px;font-weight:600;cursor:pointer}
.mg-h1{margin:0;font-size:32px;font-weight:700;letter-spacing:-.045em;line-height:1.05;color:var(--fg-primary);text-wrap:balance}

/* small segmented control */
.mg-seg{display:inline-flex;gap:3px;padding:4px;border-radius:999px;background:var(--bg-sunken)}
.mg-seg button{min-height:34px;padding:8px 16px;border-radius:999px;border:none;background:none;color:var(--fg-muted);font-size:14px;font-weight:600;cursor:pointer;transition:color .16s ease}
.mg-seg-time{display:flex;width:100%}
.mg-seg-time button{flex:1;padding:9px 4px}
.mg-seg-sm:not(.mg-seg-time) button{min-height:30px;padding:6px 13px;font-size:12.5px}
.mg-seg button.is-on{background:var(--bg-surface-raised);color:var(--fg-primary);box-shadow:0 1px 3px rgba(0,0,0,.2)}
.mg-seg-time{align-self:flex-start}

/* section = label + content, hairline above, no boxes */
.mg-sec{display:flex;flex-direction:column;gap:12px;padding:17px 16px 18px;border-radius:24px;background:var(--bg-surface);border:1px solid var(--border-default)}
.mg-sec-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mg-lbl{margin:0;font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--fg-secondary);text-transform:none}
.mg-lbl b{color:var(--color-primary)}
.mg-lbl-in{margin-top:6px}
.mg-read{margin:0;font-size:14.5px;font-weight:500;line-height:1.5;color:var(--fg-secondary);text-wrap:pretty}
.mg-read b{font-weight:700;color:var(--fg-primary)}
.mg-mini{display:flex;align-items:center;gap:6px;min-height:36px;padding:8px 15px;border-radius:999px;border:1px solid var(--border-strong);background:none;color:var(--color-primary);font-size:13.5px;font-weight:700;cursor:pointer}

/* lime hero — same family as the pinned reward card */
.mg-hero{display:flex;flex-direction:column;gap:18px;padding:22px;border-radius:30px;background:var(--lime-500);color:#0E1408}
.mg-hero-top{display:flex;align-items:flex-start;gap:16px}
.mg-hero-grade{flex:none;display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:22px;background:rgba(14,20,8,.9);color:var(--lime-500);font-size:38px;font-weight:700;letter-spacing:-.06em}
.mg-hero-say{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.mg-hero-lbl{margin:0;font-size:12px;font-weight:700;letter-spacing:.01em;color:rgba(14,20,8,.6)}
.mg-hero-txt{margin:0;font-size:16.5px;font-weight:600;line-height:1.35;letter-spacing:-.02em;text-wrap:pretty}
.mg-hero-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:15px;border-top:1px solid rgba(14,20,8,.16)}
.mg-hero-rank{flex:none;display:flex;align-items:baseline;gap:6px;font-family:'DM Mono',monospace;font-size:24px;letter-spacing:-.04em}
.mg-hero-rank em{font-style:normal;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;white-space:nowrap;color:rgba(14,20,8,.6)}
.mg-delta{flex:none;display:inline-flex;align-items:center;gap:4px;padding:7px 12px;border-radius:999px;background:rgba(14,20,8,.9);color:var(--lime-500);font-size:12.5px;font-weight:700;white-space:nowrap}
.mg-delta.is-down{background:#FF5A2E;color:#fff}

/* headline number + this vs last */
.mg-big{margin:-4px 0 0;font-family:'DM Mono',monospace;font-size:54px;line-height:1;letter-spacing:-.05em;color:var(--fg-primary)}
.mg-vs{display:flex;flex-direction:column;gap:9px}
.mg-vs-row{display:flex;align-items:center;gap:10px}
.mg-vs-lbl{flex:none;width:82px;font-size:12.5px;font-weight:600;color:var(--fg-muted)}
.mg-vs-bar{position:relative;flex:1;height:10px;border-radius:999px;background:var(--bg-sunken);overflow:hidden}
.mg-vs-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--color-primary);animation:mgGrow .6s cubic-bezier(.2,.9,.3,1) both;transform-origin:0 50%}
.mg-vs-row.is-prev .mg-vs-bar i{background:var(--border-strong)}
@keyframes mgGrow{from{transform:scaleX(0)}to{transform:none}}
.mg-vs-n{flex:none;width:46px;text-align:right;font-family:'DM Mono',monospace;font-size:14px;color:var(--fg-secondary)}
.mg-facts{display:flex;gap:8px}
.mg-fact{flex:1;display:flex;flex-direction:column;gap:5px;padding:13px;border-radius:16px;background:var(--bg-sunken);font-size:12.5px;font-weight:600;color:var(--fg-muted)}
.mg-fact b{display:flex;align-items:baseline;font-family:'DM Mono',monospace;font-size:23px;font-weight:400;line-height:1;letter-spacing:-.04em;color:var(--fg-primary)}
.mg-fact b em{font-style:normal;font-size:12px;color:var(--fg-muted)}

/* bubbles */
.mg-bubs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:2px 0}
.mg-bub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:none;border-radius:50%;color:#14122A;cursor:pointer;opacity:.55;transition:opacity .2s ease,transform .2s cubic-bezier(.2,1.3,.4,1);animation:mgPop .5s cubic-bezier(.16,1.3,.4,1) both}
.mg-bub.is-on{opacity:1;transform:scale(1.04)}
@keyframes mgPop{from{opacity:0;transform:scale(.55)}}
.mg-bub b{font-family:'DM Mono',monospace;font-size:17px;line-height:1;letter-spacing:-.04em}
.mg-bub em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.02em;opacity:.8}

/* lists */
.mg-list{display:flex;flex-direction:column}
.mg-item{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--border-default)}
.mg-item:last-child{border-bottom:none}
.mg-item.is-off{opacity:.45}
.mg-pos{flex:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-sunken);color:var(--fg-secondary);font-family:'DM Mono',monospace;font-size:12px}
.mg-pos-0 .mg-pos{background:#FFD23F;color:#14122A}
.mg-pos-1 .mg-pos{background:#C9CEDB;color:#14122A}
.mg-pos-2 .mg-pos{background:#E0A063;color:#14122A}
.mg-item-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mg-item-txt b{font-size:15.5px;font-weight:600;letter-spacing:-.02em;line-height:1.3;color:var(--fg-primary);text-wrap:pretty}
.mg-item-txt em{font-style:normal;font-size:12.5px;font-weight:500;color:var(--fg-muted)}
.mg-item-n{flex:none;display:flex;flex-direction:column;align-items:flex-end;font-family:'DM Mono',monospace;font-size:19px;line-height:1.1;letter-spacing:-.03em;color:var(--color-primary)}
.mg-item-n em{font-style:normal;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}
.mg-item-pts{flex:none;font-family:'DM Mono',monospace;font-size:15px;color:var(--color-primary)}
.mg-face{flex:none;width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--violet-500);color:#fff;font-size:13px;font-weight:700}
.mg-face img{width:100%;height:100%;object-fit:cover}
.mg-face-sm{width:28px;height:28px;font-size:11px}
.mg-face-md{width:52px;height:52px;font-size:18px}
.mg-face-lg{width:56px;height:56px;font-size:19px}
.mg-switch{flex:none;width:40px;height:24px;padding:2px;border-radius:999px;border:none;background:var(--border-strong);cursor:pointer;transition:background .2s ease}
.mg-switch i{display:block;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .22s cubic-bezier(.3,1.3,.4,1)}
.mg-switch.is-on{background:#34C759}
.mg-switch.is-on i{transform:translateX(16px)}

/* power user / company card */
.mg-power{display:flex;flex-direction:column;gap:13px;padding:20px;border-radius:26px;background:linear-gradient(158deg,#2A1F52,#191233)}
.mg-power-tag{align-self:flex-start;padding:6px 13px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:12px;font-weight:700;letter-spacing:.01em}
.mg-power-row{display:flex;align-items:center;gap:14px}
.mg-power-txt{flex:1;min-width:0}
.mg-power-name{margin:0;font-size:21px;font-weight:700;letter-spacing:-.035em;color:#fff}
.mg-power-sub{margin:5px 0 0;font-size:13px;font-weight:500;color:rgba(255,255,255,.6)}
.mg-power-say{margin:0;font-size:14px;font-weight:500;line-height:1.45;color:rgba(255,255,255,.72);text-wrap:pretty}
.mg-kudos{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:999px;border:none;background:var(--lime-500);color:#0E1408;font-size:14.5px;font-weight:700;cursor:pointer}
.mg-kudos:active{transform:scale(.985)}
.mg-kudos.is-sent{background:rgba(198,255,61,.22);color:var(--lime-500)}
.mg-kudos.is-sent i,.mg-kudos.is-sent svg{color:var(--lime-500)!important;fill:var(--lime-500)!important}
.mg-co-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.mg-co-big{flex:none;display:flex;align-items:baseline;gap:7px;font-family:'DM Mono',monospace;font-size:40px;line-height:1;letter-spacing:-.05em;color:#fff}
.mg-co-big em{font-style:normal;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:500;white-space:nowrap;color:rgba(255,255,255,.55)}
.mg-co-side{flex:none;display:flex;flex-direction:column;align-items:flex-end}
.mg-co-side b{font-family:'DM Mono',monospace;font-size:20px;letter-spacing:-.03em;color:#C6FF3D}
.mg-co-side em{font-style:normal;font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5)}

/* deeper wins */
.mg-wins{display:flex;flex-direction:column;gap:14px}
.mg-win{position:relative;margin:0;padding-left:18px;font-size:15px;font-weight:500;line-height:1.5;color:var(--fg-secondary);text-wrap:pretty}
.mg-win::before{content:'';position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--color-primary)}

/* fields — iOS grouped-list feel */
.mg-fields{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--bg-sunken)}
.mg-field{display:flex;flex-direction:column;gap:6px;width:100%;padding:13px 15px;border:none;border-bottom:1px solid var(--border-default);background:none;text-align:left;cursor:pointer}
.mg-fields .mg-field:last-child{border-bottom:none}
.mg-field-lbl{font-size:12.5px;font-weight:700;letter-spacing:.01em;color:var(--fg-muted)}
.mg-field-val{display:flex;align-items:center;gap:10px}
.mg-field-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.mg-field-txt b{font-size:16.5px;font-weight:600;letter-spacing:-.02em;color:var(--fg-primary)}
.mg-field-txt em{font-style:normal;font-size:12.5px;font-weight:500;color:var(--fg-muted)}
.mg-input{width:100%;padding:14px 15px;border-radius:16px;border:none;background:var(--bg-sunken);color:var(--fg-primary);font-family:'DM Sans',sans-serif;font-size:14.5px;font-weight:500}
.mg-input::placeholder{color:var(--fg-muted)}
.mg-input:focus{outline:2px solid var(--color-primary);outline-offset:-2px}
.mg-range{width:100%;accent-color:var(--color-primary)}
.mg-award{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:20px;background:var(--bg-sunken);box-shadow:inset 0 0 0 1.5px rgba(255,90,46,.26)}
.mg-award-lbl{font-size:12.5px;font-weight:700;color:var(--fg-muted)}
.mg-award-n{font-family:'DM Mono',monospace;font-size:46px;line-height:1;letter-spacing:-.05em;color:var(--color-primary);animation:mgNum .35s cubic-bezier(.16,1.4,.4,1)}
@keyframes mgNum{from{transform:scale(.85);opacity:.35}to{transform:none;opacity:1}}
.mg-award-foot{font-size:12.5px;font-weight:500;color:var(--fg-muted)}
.mg-cta{display:flex;align-items:center;justify-content:center;gap:8px;padding:17px;border-radius:999px;border:none;background:var(--color-primary);color:#fff;font-size:15.5px;font-weight:700;letter-spacing:-.01em;cursor:pointer}
.mg-cta:active{transform:scale(.985)}
.mg-cta:disabled{opacity:.4;cursor:default}
.mg-sent{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:18px;background:var(--lime-500);color:#0E1408;animation:mgNum .3s ease}
.mg-sent-t{display:flex;align-items:center;gap:7px;margin:0;font-size:14px;font-weight:700;letter-spacing:-.02em}
.mg-sent-s{margin:0;font-size:12.5px;font-weight:500;color:rgba(14,20,8,.7)}

/* chips */
.mg-chips{display:flex;flex-wrap:wrap;gap:8px}
.mg-chip{min-height:40px;padding:10px 16px;border-radius:999px;border:1px solid var(--border-default);background:var(--bg-sunken);color:var(--fg-secondary);font-size:14px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background .16s ease,color .16s ease}
.mg-chip.is-on{border-color:transparent;background:var(--color-primary);color:#fff}

/* boost — one screen */
.mg-strip{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 4px}
.mg-strip::-webkit-scrollbar{display:none}
.mg-strip-p{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;width:60px;padding:0;border:none;background:none;cursor:pointer}
.mg-strip-p em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.mg-strip-p .mg-face{opacity:.5;transition:opacity .2s ease,box-shadow .2s ease}
.mg-strip-p.is-on .mg-face{opacity:1;box-shadow:0 0 0 2.5px var(--bg-surface),0 0 0 5px var(--color-primary)}
.mg-strip-p.is-on em{color:var(--fg-primary)}
.mg-risk{position:absolute;top:0;right:6px;width:9px;height:9px;border-radius:50%;background:#FF5A2E;box-shadow:0 0 0 2px var(--bg-surface)}
.mg-boosts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.mg-boost{display:flex;flex-direction:column;gap:3px;padding:13px 11px;border-radius:18px;border:1.5px solid transparent;background:var(--bg-sunken);cursor:pointer;text-align:left}
.mg-boost b{font-family:'DM Mono',monospace;font-size:19px;line-height:1;letter-spacing:-.05em;color:var(--fg-primary)}
.mg-boost em{font-style:normal;font-size:11.5px;font-weight:500;line-height:1.3;color:var(--fg-muted)}
.mg-t-orange.is-on{border-color:#FF5A2E;background:rgba(255,90,46,.1)}
.mg-t-orange.is-on b{color:#FF5A2E}
.mg-t-violet.is-on{border-color:var(--violet-300);background:rgba(156,143,255,.12)}
.mg-t-violet.is-on b{color:var(--violet-300)}
.mg-t-lime.is-on{border-color:var(--lime-500);background:rgba(198,255,61,.1)}
.mg-t-lime.is-on b{color:var(--lime-500)}
.mg-summary{display:flex;flex-direction:column;gap:14px;padding:17px 16px 18px;border-radius:24px;background:var(--bg-surface);border:1px solid var(--border-default)}
.mg-sum-say{margin:0;font-size:16px;font-weight:500;line-height:1.5;color:var(--fg-secondary);text-wrap:pretty}
.mg-sum-say b{font-weight:700;color:var(--fg-primary)}

/* report */
.mg-quads{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.mg-quad{display:flex;flex-direction:column;gap:4px;padding:15px;border-radius:18px;background:var(--bg-sunken);font-size:13px;font-weight:600;color:var(--fg-muted)}
.mg-quad b{display:flex;align-items:baseline;font-family:'DM Mono',monospace;font-size:26px;font-weight:400;line-height:1;letter-spacing:-.045em;color:var(--fg-primary)}
.mg-quad b em{font-style:normal;font-size:14px;color:var(--fg-muted)}
.mg-quad i{font-style:normal;font-size:12px;font-weight:500;opacity:.75}
.mg-cover{display:flex;flex-direction:column;gap:9px}
.mg-cov{display:flex;align-items:center;gap:10px}
.mg-cov-lbl{flex:none;width:62px;font-family:'DM Mono',monospace;font-size:12.5px;color:var(--fg-secondary)}
.mg-cov-bar{position:relative;flex:1;height:10px;border-radius:999px;background:var(--bg-sunken);overflow:hidden}
.mg-cov-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:#34C759}
.mg-cov.is-short .mg-cov-bar i{background:#FF5A2E}
.mg-cov-n{flex:none;font-family:'DM Mono',monospace;font-size:13px;color:var(--fg-muted)}
.mg-cov.is-short .mg-cov-n{color:#FF5A2E}

/* nav — the only bar on screen */
.mg-nav{flex:none;display:flex;gap:2px;padding:8px 10px calc(11px + env(safe-area-inset-bottom));background:var(--bg-surface);box-shadow:0 -1px 0 var(--border-default)}
.mg-navbtn{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;min-height:52px;padding:5px 0;border:none;background:none;color:var(--fg-muted);font-size:11.5px;font-weight:600;cursor:pointer}
.mg-navbtn.is-on{color:var(--color-primary)}

/* sheets */
.mg-back{position:absolute;inset:0;z-index:120;display:flex;align-items:flex-end;background:rgba(8,6,20,.55);backdrop-filter:blur(4px);animation:mgFade .2s ease}
@keyframes mgFade{from{opacity:0}to{opacity:1}}
.mg-sheet{width:100%;max-height:88%;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:11px;padding:9px 20px calc(24px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:var(--bg-surface-raised);animation:mgUp .3s cubic-bezier(.19,.9,.24,1)}
.mg-sheet::-webkit-scrollbar{display:none}
@keyframes mgUp{from{transform:translateY(100%)}to{transform:none}}
.mg-grab{align-self:center;width:38px;height:5px;border-radius:999px;background:var(--border-strong)}
.mg-sheet-t{margin:8px 0 0;font-size:22px;font-weight:700;letter-spacing:-.035em;color:var(--fg-primary)}
.mg-sheet-s{margin:-4px 0 4px;font-size:13.5px;font-weight:500;line-height:1.45;color:var(--fg-muted);text-wrap:pretty}
.mg-rows{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--bg-surface);border:1px solid var(--border-default)}
.mg-row{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 15px;border:none;border-bottom:1px solid var(--border-default);background:none;text-align:left;cursor:pointer}
.mg-rows .mg-row:last-child{border-bottom:none}
.mg-row.is-on{background:var(--bg-sunken)}
.mg-row:active{background:var(--bg-sunken)}
.mg-badge{flex:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;font-size:16px;font-weight:700;color:#14122A}
.mg-row-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mg-row-txt b{font-size:16px;font-weight:600;letter-spacing:-.02em;color:var(--fg-primary);text-wrap:pretty}
.mg-row-txt em{font-style:normal;font-size:12.5px;font-weight:500;color:var(--fg-muted)}
.mg-row-side{flex:none;font-family:'DM Mono',monospace;font-size:15px;color:var(--fg-secondary)}

/* toast */
.mg-toast{position:absolute;left:20px;right:20px;bottom:90px;z-index:130;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border-radius:16px;background:rgba(14,11,28,.95);color:#fff;font-size:13px;font-weight:600;box-shadow:0 16px 36px -14px rgba(0,0,0,.7);animation:mgToast .3s cubic-bezier(.16,1.3,.4,1)}
@keyframes mgToast{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

[data-theme="light"] .mg-hero-grade{background:#0E1408}
[data-theme="light"] .mg-bub{color:#14122A}

/* store chip on its own line under the back row */
.mg-store-slot{flex:none;display:block;padding:6px 20px 0}

/* guided boost steps */
.mg-step{display:flex;flex-direction:column;gap:13px;padding:17px 16px 18px;border-radius:24px;background:var(--bg-surface);border:1px solid var(--border-default);transition:border-color .2s ease}
.mg-step.is-done{border-color:color-mix(in srgb,var(--color-primary) 40%,transparent)}
.mg-step-head{display:flex;align-items:flex-start;gap:11px}
.mg-step-n{flex:none;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--bg-sunken);color:var(--fg-muted);font-family:'DM Mono',monospace;font-size:13px;transition:background .2s ease,color .2s ease}
.mg-step.is-done .mg-step-n{background:var(--lime-500);color:#0E1408}
.mg-step-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.mg-step-txt b{font-size:16.5px;font-weight:700;letter-spacing:-.025em;color:var(--fg-primary)}
.mg-step-txt em{font-style:normal;font-size:13px;font-weight:500;line-height:1.35;color:var(--fg-muted);text-wrap:pretty}
.mg-step.is-done .mg-step-txt em{color:var(--color-primary);font-weight:600}
.mg-chip-sm{min-height:34px;padding:7px 13px;font-size:12.5px}
.mg-dock{position:sticky;bottom:-26px;z-index:5;display:flex;flex-direction:column;gap:12px;margin:0 -20px -26px;padding:16px 20px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,var(--bg-app) 24%)}
.mg-dock-say{margin:0;font-size:14px;font-weight:500;line-height:1.45;color:var(--fg-muted);text-wrap:pretty}
.mg-dock-say b{font-weight:700;color:var(--fg-primary)}

/* share entry */
.mg-head-right{display:flex;align-items:center;gap:9px}
.mg-share-open{display:flex;align-items:center;gap:6px;min-height:36px;padding:8px 14px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--color-primary);font-size:13.5px;font-weight:700;cursor:pointer}
.mg-share-open:active{transform:scale(.96)}

/* shareable report card — loud on purpose */
.mg-sharewrap{width:100%;display:flex;flex-direction:column;gap:14px;padding:16px 16px calc(20px + env(safe-area-inset-bottom));animation:mgUp .3s cubic-bezier(.19,.9,.24,1)}
.mg-share{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px;padding:24px 20px 18px;border-radius:30px;background:radial-gradient(120% 80% at 12% 0%,#5B4FE0 0%,#2A1F52 46%,#140F2C 100%);box-shadow:0 26px 54px -20px rgba(0,0,0,.8)}
.mg-share>*{position:relative;z-index:1}
.mg-share-conf{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.mg-share-conf i{position:absolute;top:-16px;width:6px;height:13px;border-radius:1.5px;background:var(--c);opacity:0;animation:mgConf var(--t) var(--d) cubic-bezier(.3,.6,.5,1) infinite}
.mg-share-conf i.is-round{width:7px;height:7px;border-radius:50%}
@keyframes mgConf{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}100%{opacity:0;transform:translateY(420px) rotate(520deg)}}
.mg-share-tape{align-self:flex-start;padding:6px 14px;border-radius:6px;background:var(--lime-500);color:#0E1408;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;rotate:-3deg}
.mg-share-head{display:flex;flex-direction:column;margin:0;line-height:.88}
.mg-share-head b{font-size:46px;font-weight:700;letter-spacing:-.055em;color:#fff}
.mg-share-head .mg-w1{color:var(--lime-500);margin-left:10px}
.mg-share-head .mg-w2{margin-left:22px;color:#FF5A2E}
.mg-share-hero{display:flex;align-items:stretch;gap:10px}
.mg-share-grade{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:88px;border-radius:22px;background:var(--lime-500);color:#0E1408;font-size:44px;font-weight:700;letter-spacing:-.06em;line-height:1;rotate:-2deg}
.mg-share-grade em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.6}
.mg-share-blob{flex:1;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:16px;border-radius:22px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);rotate:1.5deg}
.mg-share-blob b{font-family:'DM Mono',monospace;font-size:38px;line-height:1;letter-spacing:-.05em;color:#fff}
.mg-share-blob em{font-style:normal;font-size:12px;font-weight:600;color:rgba(255,255,255,.65)}
.mg-share-nums{display:flex;gap:7px}
.mg-share-nums>span{flex:1;display:flex;flex-direction:column;gap:2px;padding:11px 12px;border-radius:16px;background:rgba(255,255,255,.08);font-size:10.5px;font-weight:600;line-height:1.25;color:rgba(255,255,255,.6)}
.mg-share-nums b{font-family:'DM Mono',monospace;font-size:21px;line-height:1;letter-spacing:-.045em;color:#fff}
.mg-share-nums em{font-style:normal;display:block}
.mg-sn1{rotate:-1.5deg}.mg-sn3{rotate:1.5deg}
.mg-sn3 b{color:var(--lime-500)}
.mg-share-top{display:flex;flex-direction:column;gap:9px;padding-top:15px;border-top:1px dashed rgba(255,255,255,.25)}
.mg-share-lbl{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.mg-share-p{display:flex;align-items:center;gap:10px;padding:7px 11px 7px 7px;border-radius:999px;background:rgba(255,255,255,.08);font-size:14.5px;font-weight:600;color:#fff}
.mg-sp0{background:var(--lime-500);color:#0E1408;rotate:-1deg}
.mg-sp0 em{color:#0E1408!important}
.mg-sp2{rotate:1deg}
.mg-share-p em{margin-left:auto;font-style:normal;font-family:'DM Mono',monospace;font-size:15px;color:var(--lime-500)}
.mg-share-mark{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:2px 0 0;font-size:11.5px;font-weight:500;color:rgba(255,255,255,.42)}
.mg-share-mark b{font-size:13px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.mg-share-actions{display:flex;gap:8px}
.mg-share-btn{flex:1;min-height:48px;padding:12px 8px;border-radius:999px;border:none;background:var(--bg-surface-raised);color:var(--fg-primary);font-size:13px;font-weight:700;cursor:pointer}
.mg-share-btn:active{transform:scale(.97)}

.mg-sub{margin:-8px 0 0;font-size:15px;font-weight:500;color:var(--fg-muted)}
.mg-reasons{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--bg-sunken)}
.mg-reason{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 14px;border:none;border-bottom:1px solid var(--border-default);background:none;text-align:left;cursor:pointer;transition:background .16s ease}
.mg-reasons .mg-reason:last-child{border-bottom:none}
.mg-reason.is-on{background:color-mix(in srgb,var(--color-primary) 14%,transparent);box-shadow:inset 3px 0 0 var(--color-primary)}
.mg-reason-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mg-reason-txt b{font-size:15px;font-weight:600;letter-spacing:-.02em;color:var(--fg-primary);text-wrap:pretty}
.mg-reason-txt em{font-style:normal;font-size:12.5px;font-weight:500;color:var(--fg-muted)}
.mg-reason-pts{flex:none;font-family:'DM Mono',monospace;font-size:17px;letter-spacing:-.03em;color:var(--fg-muted)}
.mg-reason.is-on .mg-reason-pts{color:var(--color-primary)}
.mg-swap{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:52px;padding:14px 18px;border-radius:999px;border:1px dashed var(--border-strong);background:none;color:var(--color-primary);font-size:14px;font-weight:600;text-align:left;cursor:pointer}
.mg-swap:active{transform:scale(.99)}

/* company standing folded into the health hero */
.mg-hero-co{display:flex;flex-direction:column;gap:5px;padding-top:15px;border-top:1px solid rgba(14,20,8,.16)}
.mg-hero-co-n{display:flex;align-items:baseline;gap:8px;font-family:'DM Mono',monospace;font-size:22px;letter-spacing:-.04em}
.mg-hero-co-n em{font-style:normal;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;color:rgba(14,20,8,.62)}
.mg-hero-co-say{margin:0;font-size:13.5px;font-weight:500;line-height:1.45;color:rgba(14,20,8,.75);text-wrap:pretty}

/* thin sign-up strip */
.mg-thin{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:20px;background:var(--bg-surface)}
.mg-thin-n{flex:none;display:flex;align-items:baseline;font-family:'DM Mono',monospace;font-size:26px;line-height:1;letter-spacing:-.045em;color:var(--fg-primary)}
.mg-thin-n em{font-style:normal;font-size:15px;color:var(--fg-muted)}
.mg-thin-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.mg-thin-lbl{font-size:13px;font-weight:600;color:var(--fg-secondary)}
.mg-thin-bar{position:relative;height:7px;border-radius:999px;background:var(--bg-sunken);overflow:hidden}
.mg-thin-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--color-primary)}
.mg-thin-pct{flex:none;font-family:'DM Mono',monospace;font-size:15px;color:var(--color-primary)}

/* MVP cards — #1 carries the power-user crown */
.mg-mvps{display:flex;flex-direction:column;gap:10px}
.mg-mvp{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-radius:22px;background:var(--bg-surface)}
.mg-mvp.is-power{gap:14px;padding:18px;background:linear-gradient(158deg,#2A1F52,#191233)}
.mg-mvp-row{display:flex;align-items:center;gap:12px}
.mg-mvp-crown{align-self:flex-start;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.13);color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em}
.mg-mvp.is-power .mg-item-txt b{font-size:20px;color:#fff}
.mg-mvp.is-power .mg-item-txt em{color:rgba(255,255,255,.6)}
.mg-mvp.is-power .mg-item-n{color:var(--lime-500)}
.mg-mvp.is-power .mg-item-n em{color:rgba(255,255,255,.5)}
.mg-mvp.is-power .mg-pos{background:#FFD23F;color:#14122A}
.mg-kudos-sm{padding:11px;font-size:13.5px;background:var(--bg-sunken);color:var(--fg-primary)}
.mg-kudos-sm svg{color:var(--fg-primary)!important;fill:var(--fg-primary)!important}

/* employee pop-up preview */
.mg-popback{position:absolute;inset:0;z-index:160;display:flex;align-items:center;justify-content:center;padding:26px;background:rgba(8,6,20,.62);backdrop-filter:blur(6px);animation:mgFade .2s ease}
.mg-pop{position:relative;overflow:hidden;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 22px 22px;border-radius:30px;background:var(--bg-surface-raised);box-shadow:0 30px 70px -20px rgba(0,0,0,.7);animation:mgPopIn .42s cubic-bezier(.16,1.4,.36,1)}
@keyframes mgPopIn{from{opacity:0;transform:scale(.86) translateY(14px)}to{opacity:1;transform:none}}
.mg-pop-conf{position:absolute;inset:0 0 auto;height:100%;pointer-events:none}
.mg-pop-conf i{position:absolute;top:-10px;width:6px;height:11px;border-radius:1px;background:var(--c);animation:mgPopFall 1.5s cubic-bezier(.35,.1,.65,1) var(--d) forwards}
@keyframes mgPopFall{to{transform:translateY(260px) rotate(540deg);opacity:0}}
.mg-pop-tag{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted)}
.mg-pop-face{width:64px;height:64px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--violet-500);color:#fff;font-size:22px;font-weight:700;box-shadow:0 0 0 3px var(--bg-surface-raised),0 0 0 6px var(--lime-500)}
.mg-pop-face img{width:100%;height:100%;object-fit:cover}
.mg-pop-head{margin:2px 0 0;font-size:34px;font-weight:700;letter-spacing:-.045em;line-height:1;color:var(--fg-primary)}
.mg-pop-line{margin:0;text-align:center;font-size:15px;font-weight:500;line-height:1.4;color:var(--fg-secondary);text-wrap:pretty}
.mg-pop-ok{width:100%;margin-top:6px;padding:15px;border-radius:999px;border:none;background:var(--lime-500);color:#0E1408;font-size:15px;font-weight:700;cursor:pointer}


/* — manager updates: hero, signup, mvp, give, share tiers — */
.mg-hero-rank{margin-top:2px}
.mg-hero-pct{font-size:13px;font-weight:600;color:rgba(14,20,8,.62)}
.mg-hero-store{font-size:14px;font-weight:700;letter-spacing:-.02em}
.mg-signup.is-full{border-color:var(--lime-500)}
.mg-signup-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;background:var(--lime-500);color:#0E1408;font-size:11.5px;font-weight:700}
.mg-thin{display:flex;align-items:center;gap:12px}
.mg-clap{flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:none;background:var(--lime-500);cursor:pointer;transition:transform .15s ease,opacity .2s ease}
.mg-clap:active{transform:scale(.94)}
.mg-clap.is-sent{background:var(--bg-sunken);opacity:.75}
.mg-clap.is-sent svg{color:var(--fg-muted)!important}
.mg-mini.is-sent{opacity:.5;color:var(--fg-muted);border-color:var(--border-default)}
.mg-why{display:inline-flex;align-items:center;gap:5px}
.mg-quad{position:relative}
.mg-quad-ic{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:9px;background:color-mix(in srgb,var(--color-primary) 14%,transparent);margin-bottom:2px}
.mg-seg-mode{display:flex;width:100%}
.mg-seg-mode button{flex:1;padding:11px 8px;font-size:13.5px}
.mg-seg-scope{display:flex;align-self:stretch}
.mg-seg-scope button{flex:1}
.mg-teamrow{display:flex;align-items:center;gap:10px;padding:4px 0}
.mg-team-faces{display:flex}
.mg-team-faces .mg-face{margin-right:-9px;box-shadow:0 0 0 2px var(--bg-surface)}
.mg-team-n{font-size:12.5px;font-weight:600;color:var(--fg-muted);margin-left:12px}
.mg-note{width:100%;box-sizing:border-box;padding:13px 14px;border-radius:16px;border:1px solid var(--border-default);background:var(--bg-sunken);color:var(--fg-primary);font-family:'DM Sans',sans-serif;font-size:14.5px;font-weight:500;line-height:1.45;resize:none}
.mg-note::placeholder{color:var(--fg-muted)}
.mg-note:focus{outline:none;border-color:var(--color-primary)}
.mg-share-brand{display:flex;align-items:center;gap:10px}
.mg-share-co{flex:none;width:34px;height:34px;border-radius:10px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}
.mg-share-co img{width:78%;height:78%;object-fit:contain}
.mg-share-co b{font-size:13px;font-weight:800;color:#14122A}
.mg-share-co-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.mg-share-co-txt b{font-size:14px;font-weight:700;letter-spacing:-.02em;color:#fff}
.mg-share-co-txt em{font-style:normal;font-size:11px;font-weight:600;color:rgba(255,255,255,.55)}
.mg-share-pryze{flex:none;font-size:16px;font-weight:700;letter-spacing:-.04em;color:#fff;opacity:.9}
.mg-share-mark{margin:2px 0 0;font-size:13px;font-weight:600;color:rgba(255,255,255,.72);text-wrap:pretty}
.mg-tier-b .mg-share-tape,.mg-tier-b .mg-share-grade{background:var(--lime-500);color:#0E1408}
.mg-tier-b .mg-share-head .mg-w1{color:var(--lime-500)}
.mg-tier-b .mg-share-head .mg-w2{color:#8FF0B8}
.mg-tier-c .mg-share-tape,.mg-tier-c .mg-share-grade{background:#FFD23F;color:#2A1B04}
.mg-tier-c .mg-share-head .mg-w1{color:#FFD23F}
.mg-tier-c .mg-share-head .mg-w2{color:#FF5A2E}

.mg-share-tape{white-space:nowrap;font-size:11px;letter-spacing:.07em}