/* DT_M1 root pages (dibateb.net login, register, status, account) v1 2026-09-10.
   Tokens and components are copied from ortho /assets/m1/m1.css so both hosts share one look:
   one accent #1e60ff, cool slate greys, feather line icons, radius scale pill / 16 / 12 / 8.
   Loaded only by the m1/*.php pages, which render only when the dt_m1 flag is on. */

@font-face{font-family:Vazirmatn;src:url(/assets/gateway-v3/assets/Vazirmatn-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(/assets/gateway-v3/assets/Vazirmatn-Bold.woff2) format("woff2");font-weight:600 700;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(/assets/gateway-v3/assets/Vazirmatn-ExtraBold.woff2) format("woff2");font-weight:800 900;font-display:swap}

:root{
  --m1-acc:#1e60ff; --m1-acc-2:#0a3fd6; --m1-acc-soft:#eaf0ff; --m1-acc-line:#b9ccff;
  --m1-ink:#0f1d3a; --m1-ink-2:#334155; --m1-muted:#64748b; --m1-faint:#94a3b8;
  --m1-bg:#f6f7fb; --m1-card:#fff; --m1-line:#e5e9f2; --m1-line-2:#d7dde8;
  --m1-ok:#15803d; --m1-ok-soft:#ecfdf3; --m1-bad:#c2410c; --m1-bad-2:#b91c1c; --m1-bad-soft:#fef3f2;
  --m1-r-card:16px; --m1-r-row:12px; --m1-r-badge:8px; --m1-r-pill:999px;
  --m1-s1:4px; --m1-s2:8px; --m1-s3:12px; --m1-s4:16px; --m1-s5:24px; --m1-s6:32px;
  --m1-safe-b:env(safe-area-inset-bottom, 0px); --m1-safe-t:env(safe-area-inset-top, 0px);
  --m1-shadow-1:0 1px 2px rgba(15,29,58,.05), 0 1px 1px rgba(15,29,58,.03);
  --m1-shadow-2:0 8px 28px rgba(15,29,58,.14);
  --m1-ease:cubic-bezier(.23,1,.32,1);
  --m1-font:Vazirmatn, Tahoma, system-ui, sans-serif;
  --m1r-top:56px; --m1r-cta:76px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.m1r{margin:0;background:var(--m1-bg);color:var(--m1-ink);font-family:var(--m1-font);font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100vh;min-height:100dvh}
:where(.m1r) :where(a){color:inherit}
:where(.m1r) button{font:inherit;color:inherit}
.m1r :focus-visible{outline:2px solid var(--m1-acc);outline-offset:2px;border-radius:6px}
:where(.m1r) :where(h1,h2,h3,p){margin:0}
[hidden]{display:none !important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.m1-num{font-variant-numeric:tabular-nums}
.m1-ltr{direction:ltr;unicode-bidi:isolate}
.m1-ico{width:22px;height:22px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle}
.m1-ico.sm{width:18px;height:18px}.m1-ico.xs{width:15px;height:15px}.m1-ico.lg{width:28px;height:28px}.m1-ico.xl{width:40px;height:40px}

/* ---------- chrome: top bar + page column ---------- */
.m1r-skip{position:absolute;inset-inline-start:-9999px;top:0;z-index:200;background:var(--m1-acc);color:#fff;padding:10px 18px;border-radius:0 0 10px 10px;font-weight:700;text-decoration:none}
.m1r-skip:focus{inset-inline-start:12px}
.m1r-top{position:sticky;top:0;z-index:50;background:rgba(246,247,251,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:var(--m1-safe-t)}
.m1r-top-in{max-width:560px;margin:0 auto;height:var(--m1r-top);display:flex;align-items:center;gap:var(--m1-s2);padding:0 8px}
.m1r-brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:800;font-size:17px;padding:6px 8px;border-radius:12px;min-height:44px}
.m1r-brand img{width:30px;height:29px;display:block}
.m1r-top-end{margin-inline-start:auto;display:flex;align-items:center;gap:4px}
.m1r-top .m1r-steps{flex:1;display:flex;align-items:center;gap:var(--m1-s3);min-width:0}
.m1r-top .m1r-steps .m1-bar{flex:1}
.m1r-top .m1r-steps small{font-size:13px;color:var(--m1-muted);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.m1r-page{max-width:560px;margin:0 auto;padding:var(--m1-s2) var(--m1-s4) calc(var(--m1-s6) + var(--m1-safe-b))}
.m1r-page.has-cta{padding-bottom:calc(var(--m1r-cta) + var(--m1-s6) + var(--m1-safe-b))}
.m1r-foot{max-width:560px;margin:0 auto;padding:0 var(--m1-s4) calc(var(--m1-s5) + var(--m1-safe-b));text-align:center;font-size:13px;color:var(--m1-muted)}
.m1r-foot a{color:var(--m1-muted)}
.m1r-page.has-cta + .m1r-foot{display:none}

/* ---------- type ---------- */
.m1-h1{font-size:26px;line-height:1.45;font-weight:800;margin:var(--m1-s3) 0 var(--m1-s1);letter-spacing:-.2px;text-wrap:balance}
.m1-lead{font-size:15px;line-height:1.85;color:var(--m1-muted);margin:0 0 var(--m1-s5)}
.m1-h2{font-size:17px;font-weight:800;margin:var(--m1-s6) 0 var(--m1-s3);display:flex;align-items:center;gap:var(--m1-s2)}
.m1-h2 .m1-more{margin-inline-start:auto;font-size:14px;font-weight:700;color:var(--m1-acc);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.m1-sub{font-size:13.5px;color:var(--m1-muted);line-height:1.75}
.m1-q{font-size:22px;line-height:1.5;font-weight:800;margin:var(--m1-s4) 0 var(--m1-s1);text-wrap:balance}
.m1-why{font-size:14px;color:var(--m1-muted);margin:0 0 var(--m1-s5);line-height:1.8}

/* ---------- cards + rows ---------- */
.m1-card{background:var(--m1-card);border:1px solid var(--m1-line);border-radius:var(--m1-r-card);padding:var(--m1-s4);box-shadow:var(--m1-shadow-1)}
.m1-card + .m1-card{margin-top:var(--m1-s3)}
.m1-card.hero{border-color:var(--m1-acc-line);box-shadow:0 1px 0 var(--m1-acc-line), var(--m1-shadow-1)}
.m1-card.flat{box-shadow:none}
.m1-list{background:var(--m1-card);border:1px solid var(--m1-line);border-radius:var(--m1-r-card);overflow:hidden}
.m1-row{display:flex;align-items:center;gap:var(--m1-s3);min-height:56px;padding:10px var(--m1-s4);color:var(--m1-ink);text-decoration:none;background:none;border:0;width:100%;text-align:start;font:inherit;cursor:pointer;position:relative;transition:background-color .12s}
.m1-list .m1-row + .m1-row::before{content:"";position:absolute;top:0;inset-inline-start:64px;inset-inline-end:0;border-top:1px solid var(--m1-line)}
.m1-list.plain .m1-row + .m1-row::before{inset-inline-start:var(--m1-s4)}
.m1-row:active,.m1-row:hover{background:#f1f4fa}
div.m1-row{cursor:default}
div.m1-row:active,div.m1-row:hover{background:none}
.m1-row .m1-row-ico{width:36px;height:36px;border-radius:10px;background:var(--m1-acc-soft);color:var(--m1-acc);display:grid;place-items:center;flex:0 0 auto}
.m1-row .m1-row-ico .m1-ico{width:19px;height:19px}
.m1-row .m1-row-main{flex:1;min-width:0}
.m1-row .m1-row-t{font-size:15.5px;font-weight:700;line-height:1.55;display:block}
.m1-row .m1-row-s{font-size:13px;color:var(--m1-muted);line-height:1.65;display:block}
.m1-row .m1-row-v{font-size:14px;color:var(--m1-ink-2);font-weight:700;font-variant-numeric:tabular-nums;flex:0 0 auto;text-align:end}
.m1-row .m1-chev{color:var(--m1-faint);flex:0 0 auto}
.m1-row.is-locked .m1-row-ico{background:#f1f4f9;color:var(--m1-faint)}
.m1-row.is-locked .m1-row-t{color:var(--m1-ink-2);font-weight:600}
.m1-row.is-locked .m1-lockico{color:var(--m1-faint);flex:0 0 auto}
.m1-row .m1-check{width:24px;height:24px;border-radius:50%;background:var(--m1-acc);color:#fff;display:grid;place-items:center;flex:0 0 auto}
.m1-row .m1-check .m1-ico{width:15px;height:15px;stroke-width:3}

.m1-list.compact .m1-row{min-height:46px;padding:6px var(--m1-s4)}
.m1-list.compact .m1-row-t{font-size:15px;font-weight:600;line-height:1.5}
.m1-list.compact .m1-row-s{font-size:12.5px;line-height:1.5}
.m1-list.compact .m1-check{width:20px;height:20px}
.m1-list.compact .m1-check .m1-ico{width:13px;height:13px}
.m1-list.compact .m1-row.is-locked{min-height:52px}
.m1-h2 .m1-badge{font-size:12.5px}
/* ---------- buttons ---------- */
.m1-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--m1-s2);min-height:52px;padding:0 24px;border-radius:var(--m1-r-pill);font:inherit;font-size:16px;font-weight:800;border:1.5px solid transparent;cursor:pointer;text-decoration:none;transition:transform .12s var(--m1-ease), background-color .12s, opacity .12s;user-select:none}
.m1-btn:active{transform:scale(.97)}
.m1-btn.pri{background:var(--m1-acc);color:#fff}
.m1-btn.pri:hover{background:var(--m1-acc-2)}
.m1-btn.sec{background:#fff;color:var(--m1-acc);border-color:var(--m1-acc-line)}
.m1-btn.ghost{background:transparent;color:var(--m1-ink-2);border-color:var(--m1-line-2)}
.m1-btn.block{display:flex;width:100%}
.m1-btn.sm{min-height:40px;padding:0 16px;font-size:14px}
.m1-btn[disabled],.m1-btn.is-disabled{background:#c9d3e6;color:#fff;border-color:transparent;pointer-events:none}
.m1-btn.sec[disabled]{background:#fff;color:var(--m1-faint);border-color:var(--m1-line-2)}
.m1-btn.busy{pointer-events:none;opacity:.8}
.m1-btn .m1-spin{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.45);border-top-color:#fff;animation:m1spin .8s linear infinite}
@keyframes m1spin{to{transform:rotate(360deg)}}
.m1-link{color:var(--m1-acc);font-weight:700;text-decoration:none;background:none;border:0;padding:0;cursor:pointer;font:inherit;font-weight:700}
.m1-link.pad{display:inline-flex;align-items:center;min-height:44px}
.m1-iconbtn{width:44px;height:44px;border-radius:12px;display:inline-grid;place-items:center;background:transparent;border:0;color:var(--m1-ink-2);cursor:pointer;text-decoration:none;flex:0 0 44px}
.m1-iconbtn:active{background:#e9edf4}
.m1-badge{display:inline-flex;align-items:center;gap:4px;border-radius:var(--m1-r-badge);padding:1px 8px;font-size:12.5px;font-weight:700;background:#f1f4f9;color:var(--m1-ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.m1-badge.acc{background:var(--m1-acc-soft);color:var(--m1-acc)}

/* ---------- progress bars ---------- */
.m1-bar{height:6px;border-radius:99px;background:#e9edf4;overflow:hidden}
.m1-bar > i{display:block;height:100%;border-radius:99px;background:var(--m1-acc);width:0;transition:width .5s var(--m1-ease)}
.m1-bar.seg{display:flex;gap:4px;background:none;overflow:visible}
.m1-bar.seg > b{flex:1;background:#e3e8f1;border-radius:99px;transition:background-color .25s}
.m1-bar.seg > b.done{background:var(--m1-acc)}

/* ---------- fields ---------- */
.m1-field{display:block;margin-bottom:var(--m1-s5)}
.m1-field > label,.m1-field > .m1-label{display:block;font-size:14px;font-weight:700;margin-bottom:6px;color:var(--m1-ink)}
.m1-input{width:100%;min-height:52px;border:1.5px solid var(--m1-line-2);border-radius:var(--m1-r-row);padding:0 14px;font:inherit;font-size:16px;background:#fff;color:var(--m1-ink);transition:border-color .12s, box-shadow .12s;-webkit-appearance:none;appearance:none}
.m1-input::placeholder{color:#a4afc0}
.m1-input:focus{outline:none;border-color:var(--m1-acc);box-shadow:0 0 0 3px var(--m1-acc-soft)}
.m1-input.ltr{direction:ltr;text-align:left}
.m1-input.ltr::placeholder{text-align:left}
.m1-field.bad .m1-input{border-color:var(--m1-bad-2)}
.m1-field.bad .m1-input:focus{border-color:var(--m1-bad-2);box-shadow:0 0 0 3px var(--m1-bad-soft)}
.m1-hint,.m1-err{font-size:13px;margin-top:6px;display:flex;gap:6px;align-items:flex-start;line-height:1.7}
.m1-hint{color:var(--m1-muted)}
.m1-err{color:var(--m1-bad-2);display:none}
.m1-err .m1-ico{width:16px;height:16px;margin-top:3px}
.m1-field.bad .m1-err{display:flex}
.m1-field.bad .m1-hint{display:none}
.m1-pw{position:relative}
.m1-pw .m1-input{padding-inline-end:52px}
.m1-pw .m1-input.ltr{padding-right:14px;padding-left:52px}
.m1-pw .m1-eye{position:absolute;top:50%;left:4px;transform:translateY(-50%);width:44px;height:44px;border-radius:10px;border:0;background:transparent;color:var(--m1-muted);display:grid;place-items:center;cursor:pointer}
.m1-pw .m1-eye:active{background:#eef1f6}
.m1-rule{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--m1-muted);margin-top:8px;transition:color .15s}
.m1-rule .m1-dotc{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--m1-line-2);display:grid;place-items:center;flex:0 0 auto}
.m1-rule .m1-dotc .m1-ico{width:11px;height:11px;stroke-width:3.2;opacity:0}
.m1-rule.met{color:var(--m1-ok)}
.m1-rule.met .m1-dotc{background:var(--m1-ok);border-color:var(--m1-ok);color:#fff}
.m1-rule.met .m1-dotc .m1-ico{opacity:1}
.m1-field-foot{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:2px}
.m1-alert{display:none;gap:8px;align-items:flex-start;background:var(--m1-bad-soft);color:var(--m1-bad-2);border-radius:var(--m1-r-row);padding:10px 12px;font-size:14px;font-weight:600;margin-bottom:var(--m1-s4);line-height:1.7}
.m1-alert.show{display:flex}
.m1-alert .m1-ico{width:18px;height:18px;margin-top:3px}
.m1-alert a{color:inherit;font-weight:800}

/* ---------- option cards ---------- */
.m1-opts{display:flex;flex-direction:column;gap:var(--m1-s3)}
.m1-opts.two{display:grid;grid-template-columns:1fr 1fr}
.m1-opts.three{display:grid;grid-template-columns:repeat(3,1fr)}
.m1-opts + .m1-opts{margin-top:var(--m1-s3)}
.m1-opt{display:flex;align-items:center;gap:var(--m1-s3);min-height:64px;padding:12px var(--m1-s4);border:1.5px solid var(--m1-line-2);border-radius:var(--m1-r-row);background:#fff;cursor:pointer;font:inherit;text-align:start;width:100%;color:var(--m1-ink);transition:transform .12s var(--m1-ease), border-color .12s, background-color .12s}
.m1-opt:active{transform:scale(.97)}
.m1-opt .m1-opt-main{flex:1;min-width:0}
.m1-opt .m1-opt-t{display:block;font-size:16px;font-weight:700;line-height:1.5}
.m1-opt .m1-opt-s{display:block;font-size:13px;color:var(--m1-muted);font-weight:400;line-height:1.6}
.m1-opt .m1-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--m1-line-2);flex:0 0 auto;display:grid;place-items:center;background:#fff}
.m1-opt .m1-box{width:22px;height:22px;border-radius:6px;border:2px solid var(--m1-line-2);flex:0 0 auto;display:grid;place-items:center;background:#fff;color:#fff}
.m1-opt .m1-box .m1-ico{width:14px;height:14px;stroke-width:3.2;opacity:0}
.m1-opt[aria-checked="true"],.m1-opt.on{border-color:var(--m1-acc);background:var(--m1-acc-soft);box-shadow:inset 0 0 0 .5px var(--m1-acc)}
.m1-opt[aria-checked="true"] .m1-radio{border-color:var(--m1-acc)}
.m1-opt[aria-checked="true"] .m1-radio::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--m1-acc)}
.m1-opt[aria-checked="true"] .m1-box{background:var(--m1-acc);border-color:var(--m1-acc)}
.m1-opt[aria-checked="true"] .m1-box .m1-ico{opacity:1}
.m1-opts.two .m1-opt,.m1-opts.three .m1-opt{min-height:56px;padding:10px 12px}
.m1-opts.three .m1-opt .m1-opt-t{font-size:15px}
.m1-opt .m1-opt-ico{width:40px;height:40px;border-radius:12px;background:var(--m1-acc-soft);color:var(--m1-acc);display:grid;place-items:center;flex:0 0 auto}
.m1-opt[aria-checked="true"] .m1-opt-ico{background:#fff}
.m1-group-label{font-size:14px;font-weight:700;margin:var(--m1-s5) 0 var(--m1-s2);color:var(--m1-ink)}

/* ---------- sticky call-to-action bar ---------- */
.m1r-cta{position:fixed;inset-inline:0;bottom:0;z-index:60;background:rgba(246,247,251,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--m1-line);padding:12px var(--m1-s4) calc(12px + var(--m1-safe-b))}
.m1r-cta-in{max-width:528px;margin:0 auto;display:flex;flex-direction:column;gap:6px}
.m1r-cta-note{font-size:12.5px;color:var(--m1-muted);text-align:center;min-height:0}
.m1r-cta-note:empty{display:none}

/* ---------- steps (register, questionnaire) ---------- */
.m1-step{display:none}
.m1-step.on{display:block;animation:m1in .26s var(--m1-ease)}
.m1-step.on.back{animation-name:m1inb}
@keyframes m1in{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@keyframes m1inb{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.m1-quiet{margin-top:var(--m1-s5);text-align:center;font-size:14px;color:var(--m1-muted)}
.m1-quiet a,.m1-quiet button{color:var(--m1-acc);font-weight:700;text-decoration:none}
.m1-quiet .sep{margin:0 8px;color:var(--m1-line-2)}

/* ---------- status: hero, stepper, details ---------- */
.m1-state{display:flex;align-items:flex-start;gap:var(--m1-s3)}
.m1-state-ico{width:48px;height:48px;border-radius:14px;background:var(--m1-acc-soft);color:var(--m1-acc);display:grid;place-items:center;flex:0 0 auto}
.m1-state-ico .m1-ico{width:24px;height:24px}
.m1-state-top{display:flex;align-items:center;justify-content:space-between;gap:var(--m1-s3);margin-bottom:var(--m1-s3)}
.m1-hero-t{font-size:21px;line-height:1.5;font-weight:800;margin:0 0 6px}
.m1-hero-p{font-size:14.5px;color:var(--m1-ink-2);line-height:1.85}
.m1-state h1{font-size:21px;line-height:1.5;font-weight:800;margin:2px 0 4px}
.m1-state p{font-size:14.5px;color:var(--m1-ink-2);line-height:1.85}
.m1-stepper{list-style:none;margin:var(--m1-s4) 0 0;padding:var(--m1-s4) 0 0;border-top:1px solid var(--m1-line)}
.m1-stepper li{position:relative;display:flex;gap:var(--m1-s3);padding-bottom:var(--m1-s4)}
.m1-stepper li:last-child{padding-bottom:0}
.m1-stepper li::before{content:"";position:absolute;top:30px;bottom:2px;inset-inline-start:13px;border-inline-start:2px dotted var(--m1-line-2)}
.m1-stepper li.done::before{border-inline-start:2px solid var(--m1-acc)}
.m1-stepper li:last-child::before{display:none}
.m1-stepper .m1-sdot{width:28px;height:28px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;background:#eef1f6;color:var(--m1-faint);font-weight:800;font-size:13px;position:relative;z-index:1}
.m1-stepper li.done .m1-sdot{background:var(--m1-acc);color:#fff}
.m1-stepper li.done .m1-sdot .m1-ico{width:15px;height:15px;stroke-width:3}
.m1-stepper li.now .m1-sdot{background:#fff;color:var(--m1-acc);box-shadow:inset 0 0 0 2px var(--m1-acc)}
.m1-stepper .m1-sbody{flex:1;min-width:0;padding-top:1px}
.m1-stepper b{display:block;font-size:15px;line-height:1.6}
.m1-stepper li.wait b{color:var(--m1-muted);font-weight:700}
.m1-stepper .m1-sbody > span{display:block;font-size:13.5px;color:var(--m1-muted);line-height:1.75}
.m1-stepper li.now .m1-sbody > span{color:var(--m1-ink-2)}
.m1-stepper .m1-badge{margin-inline-start:6px;vertical-align:1px}
details.m1-fold{background:var(--m1-card);border:1px solid var(--m1-line);border-radius:var(--m1-r-card);margin-top:var(--m1-s3);overflow:hidden}
details.m1-fold > summary{list-style:none;display:flex;align-items:center;gap:var(--m1-s3);min-height:56px;padding:8px var(--m1-s4);cursor:pointer;font-weight:700;font-size:15.5px}
details.m1-fold > summary::-webkit-details-marker{display:none}
details.m1-fold > summary .m1-chev{margin-inline-start:auto;color:var(--m1-faint);transition:transform .2s var(--m1-ease)}
details.m1-fold[open] > summary .m1-chev{transform:rotate(180deg)}
details.m1-fold .m1-kv{border-top:1px solid var(--m1-line);padding:4px var(--m1-s4) var(--m1-s3)}
.m1-kv > div{display:flex;justify-content:space-between;gap:var(--m1-s3);padding:10px 0;border-bottom:1px solid var(--m1-line);font-size:14.5px}
.m1-kv > div:last-of-type{border-bottom:0}
.m1-kv dt{color:var(--m1-muted);margin:0}
.m1-kv dd{margin:0;font-weight:700;text-align:end;min-width:0;overflow-wrap:anywhere}
.m1-kv .m1-kv-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:4px;font-size:13px;color:var(--m1-muted)}

/* ---------- plan playback ---------- */
.m1-metric{display:flex;align-items:center;gap:var(--m1-s4);padding-bottom:var(--m1-s4);border-bottom:1px solid var(--m1-line)}
.m1-metric .m1-ring{width:92px;height:92px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;text-align:center;background:var(--m1-acc-soft);box-shadow:inset 0 0 0 6px #fff, inset 0 0 0 8px var(--m1-acc-line)}
.m1-metric .m1-ring b{display:block;font-size:26px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--m1-acc)}
.m1-metric .m1-ring small{display:block;font-size:12px;color:var(--m1-ink-2);font-weight:700}
.m1-metric .m1-metric-t small{display:block;font-size:13px;color:var(--m1-muted)}
.m1-metric .m1-metric-t b{display:block;font-size:18px;font-weight:800;line-height:1.5}
.m1-plan-rows > div{display:flex;justify-content:space-between;gap:var(--m1-s3);padding:12px 0;border-bottom:1px solid var(--m1-line);font-size:15px}
.m1-plan-rows > div:last-child{border-bottom:0;padding-bottom:0}
.m1-plan-rows dt{color:var(--m1-muted);margin:0;flex:0 0 auto}
.m1-plan-rows dd{margin:0;font-weight:700;text-align:end}
.m1-based{background:#eef1f6;border-radius:var(--m1-r-card);padding:14px var(--m1-s4);font-size:14px;line-height:1.9;color:var(--m1-ink-2);margin-top:var(--m1-s3)}
.m1-count{display:flex;align-items:center;gap:var(--m1-s3);margin-top:var(--m1-s3)}
.m1-count .m1-count-n{font-size:22px;font-weight:800;color:var(--m1-ink);font-variant-numeric:tabular-nums}

/* ---------- approval + empty ---------- */
.m1-center{text-align:center;padding-top:clamp(24px,10vh,96px)}
.m1-center .m1-bigico{width:88px;height:88px;border-radius:50%;margin:0 auto var(--m1-s5);background:var(--m1-acc-soft);color:var(--m1-acc);display:grid;place-items:center}
.m1-center .m1-bigico .m1-ico{width:44px;height:44px;stroke-width:2.2}
.m1-center .m1-h1{font-size:26px}
.m1-center .m1-lead{max-width:34ch;margin-inline:auto}
.m1-empty{border:1.5px dashed var(--m1-line-2);border-radius:var(--m1-r-card);padding:20px var(--m1-s4);text-align:center;color:var(--m1-muted);font-size:14px}

/* ---------- bottom sheet (same as ortho M1.sheet) ---------- */
.m1-sheet-back{position:fixed;inset:0;background:rgba(15,29,58,.42);z-index:9500;opacity:0;transition:opacity .22s var(--m1-ease)}
.m1-sheet{position:fixed;inset-inline:0;bottom:0;z-index:9501;background:#fff;border-radius:20px 20px 0 0;max-height:88vh;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s var(--m1-ease);box-shadow:var(--m1-shadow-2);font-family:var(--m1-font);color:var(--m1-ink);max-width:560px;margin:0 auto}
.m1-sheet.open{transform:translateY(0)}
.m1-sheet-back.open{opacity:1}
.m1-sheet-grab{width:40px;height:5px;border-radius:99px;background:#d5dbe6;margin:8px auto 2px;flex:0 0 auto}
.m1-sheet-head{display:flex;align-items:center;gap:var(--m1-s2);padding:6px var(--m1-s4) 10px;border-bottom:1px solid var(--m1-line);flex:0 0 auto}
.m1-sheet-head h3{margin:0;font-size:17px;font-weight:800;flex:1}
.m1-sheet-body{overflow-y:auto;padding:var(--m1-s4);overscroll-behavior:contain;font-size:15px;line-height:1.9}
.m1-sheet-foot{padding:10px var(--m1-s4) calc(12px + var(--m1-safe-b));border-top:1px solid var(--m1-line);display:flex;flex-direction:column;gap:var(--m1-s2);flex:0 0 auto}
.m1-toast{position:fixed;left:50%;bottom:calc(var(--m1r-cta) + var(--m1-safe-b) + 10px);transform:translate(-50%,10px);background:var(--m1-ink);color:#fff;border-radius:12px;padding:10px 18px;font:600 14.5px/1.6 var(--m1-font);z-index:9800;opacity:0;transition:opacity .2s, transform .2s var(--m1-ease);pointer-events:none;max-width:88vw;text-align:center}
.m1-toast.show{opacity:1;transform:translate(-50%,0)}
.m1-done{display:flex;gap:10px;align-items:flex-start;background:var(--m1-acc-soft);border-radius:var(--m1-r-row);padding:12px 14px;color:var(--m1-ink);font-size:14.5px;line-height:1.8}
.m1-done .m1-ico{color:var(--m1-acc);margin-top:2px}

@media (min-width:700px){
  .m1r-page{padding-top:var(--m1-s5)}
  .m1r-cta{position:static;background:transparent;border-top:0;-webkit-backdrop-filter:none;backdrop-filter:none;padding:var(--m1-s4) 0 0}
  .m1r-cta-in{max-width:none}
  .m1r-page.has-cta{padding-bottom:var(--m1-s6)}
  .m1r-page.has-cta + .m1r-foot{display:block}
  .m1-toast{bottom:32px}
}
@media (max-width:359px){
  .m1-opts.three{grid-template-columns:1fr 1fr}
  .m1-h1{font-size:23px}
}
@media (prefers-reduced-motion:reduce){
  .m1-step.on,.m1-step.on.back{animation:m1fade .18s linear}
  @keyframes m1fade{from{opacity:0}to{opacity:1}}
  .m1-sheet,.m1-sheet-back,.m1-toast,.m1-bar > i,.m1-btn,.m1-opt,.m1-row{transition:none !important}
  .m1-btn .m1-spin{animation-duration:2s}
}