/* Mondigo design system (tokens + components, design-system/ 2026-10-06), scoped under html.ui-v2.
   Generated by scoping the shared design-system CSS; dark-theme rules are left out (decision D15). */
html.ui-v2 {
  --mg-ink-975: #0B1626;
  --mg-ink-950: #102038;
  --mg-ink-900: #1A2C47;
  --mg-ink-800: #29415F;
  --mg-ink-700: #445C78;
  --mg-ink-600: #56657A;
  --mg-ink-400: #8FA3BC;
  --mg-ink-300: #B8C4D3;
  --mg-ink-200: #DDE3EA;
  --mg-ink-100: #EEF2F5;
  --mg-slate-500: #6F7C89;
  --mg-sand-400: #C9BC9C;
  --mg-sand-300: #E4DAC3;
  --mg-sand-200: #E9E1CE;
  --mg-sand-150: #F2ECDD;
  --mg-sand-100: #F2ECDE;
  --mg-cream-50: #FFFCF4;
  --mg-white: #FFFFFF;
  --mg-green-800: #0A6B42;
  --mg-green-700: #0B7A49;
  --mg-green-300: #7DDAA7;
  --mg-green-200: #BFE7D1;
  --mg-green-100: #DDF3E7;
  --mg-green-50: #EFF9F3;
  --mg-clay-700: #91452F;
  --mg-clay-500: #C86A4A;
  --mg-clay-300: #E08A6C;
  --mg-clay-200: #EDB7A5;
  --mg-clay-100: #F6DDD4;
  --mg-clay-50: #FCF3EF;
  --mg-yellow-800: #7A4E00;
  --mg-yellow-500: #EAA31A;
  --mg-yellow-300: #FFD978;
  --mg-yellow-100: #FFF0C7;
  --mg-yellow-50: #FFFBEF;
  --mg-red-700: #B42318;
  --mg-red-100: #FEE4E2;
  --mg-blue-700: #175CD3;
  --mg-blue-300: #9CC3FF;
  --mg-blue-100: #DCEBFF;
  --mg-rec-500: #FF6B5B;
  --mg-rec-300: #FF9B8F;
  --mg-bg-page: var(--mg-sand-150);
  --mg-bg-card: var(--mg-white);
  --mg-bg-sunken: var(--mg-ink-100);
  --mg-bg-subtle: #F7F9F8;
  --mg-bg-segment: var(--mg-sand-300);
  --mg-border-card: var(--mg-sand-400);
  --mg-border-control: var(--mg-slate-500);
  --mg-divider: var(--mg-sand-100);
  --mg-text-primary: var(--mg-ink-950);
  --mg-text-secondary: var(--mg-ink-700);
  --mg-text-muted: var(--mg-ink-600);
  --mg-text-on-tint: var(--mg-ink-800);
  --mg-action: var(--mg-green-800);
  --mg-on-action: var(--mg-white);
  --mg-action-disabled: var(--mg-ink-200);
  --mg-on-action-disabled: var(--mg-ink-700);
  --mg-selected: var(--mg-ink-950);
  --mg-on-selected: var(--mg-white);
  --mg-done: var(--mg-green-700);
  --mg-done-tint: var(--mg-green-100);
  --mg-own-tint: var(--mg-green-50);
  --mg-own-text: var(--mg-green-800);
  --mg-review: var(--mg-yellow-500);
  --mg-review-tint: var(--mg-yellow-100);
  --mg-review-tint-soft: var(--mg-yellow-50);
  --mg-review-text: var(--mg-yellow-800);
  --mg-source-tint: var(--mg-clay-50);
  --mg-source-border: var(--mg-clay-100);
  --mg-source-text: var(--mg-clay-700);
  --mg-source-mark: var(--mg-clay-500);
  --mg-danger: var(--mg-red-700);
  --mg-danger-tint: var(--mg-red-100);
  --mg-info: var(--mg-blue-700);
  --mg-info-tint: var(--mg-blue-100);
  --mg-bg-document: var(--mg-cream-50);
  --mg-selected-soft: var(--mg-ink-100);
  --mg-focus-ring: var(--mg-green-800);
  --mg-backdrop: rgba(16,32,56,0.45);
  --mg-layer-bg: var(--mg-ink-950);
  --mg-layer-card: var(--mg-ink-900);
  --mg-layer-border: var(--mg-ink-800);
  --mg-layer-text: var(--mg-white);
  --mg-layer-text-secondary: var(--mg-ink-300);
  --mg-layer-text-muted: var(--mg-ink-400);
  --mg-layer-accent: var(--mg-green-300);
  --mg-layer-warm: var(--mg-yellow-300);
  --mg-layer-rec: var(--mg-rec-500);
  --mg-layer-rec-text: var(--mg-rec-300);
  --mg-layer-source: var(--mg-clay-200);
  --mg-layer-meter: var(--mg-clay-300);
  --mg-shadow-card: 0 1px 2px rgba(16,32,56,0.05);
  --mg-shadow-cta: 0 6px 16px rgba(10,107,66,0.22);
  --mg-shadow-question: 0 4px 14px rgba(234,163,26,0.15);
  --mg-shadow-mic: 0 0 0 10px rgba(10,107,66,0.10), 0 12px 26px rgba(10,107,66,0.32);
  --mg-shadow-bar: 0 -8px 24px rgba(16,32,56,0.18);
  --mg-shadow-sheet: 0 -10px 40px rgba(16,32,56,0.25);
  --mg-shadow-preview: 0 4px 16px rgba(16,32,56,0.12);
}
html.ui-v2 {
  --mg-space-2: 2px;
  --mg-space-4: 4px;
  --mg-space-6: 6px;
  --mg-space-8: 8px;
  --mg-space-10: 10px;
  --mg-space-12: 12px;
  --mg-space-14: 14px;
  --mg-space-16: 16px;
  --mg-space-20: 20px;
  --mg-space-24: 24px;
  --mg-space-32: 32px;
  --mg-space-48: 48px;
  --mg-radius-xs: 4px;
  --mg-radius-sm: 10px;
  --mg-radius-input: 12px;
  --mg-radius-control: 14px;
  --mg-radius-card: 16px;
  --mg-radius-heard: 20px;
  --mg-radius-feature: 22px;
  --mg-radius-sheet: 24px;
  --mg-radius-pill: 999px;
  --mg-touch-min: 48px;
  --mg-top-bar: 56px;
  --mg-cta-height: 56px;
  --mg-row-min: 64px;
  --mg-bigopt-min: 72px;
  --mg-nav-height: 72px;
  --mg-mic: 96px;
  --mg-done-btn: 84px;
  --mg-content-max: 560px;
  --mg-motion-fast: 120ms;
  --mg-motion-base: 200ms;
  --mg-motion-glide: 300ms;
  --mg-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --mg-ease-out: ease-out;
  --mg-z-bar: 5;
  --mg-z-menu: 6;
  --mg-z-layer: 40;
  --mg-z-backdrop: 44;
  --mg-z-sheet: 46;
  --font-mg-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mg-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}
@media (prefers-reduced-motion: reduce) {
html.ui-v2 { --mg-motion-fast: 0ms; --mg-motion-base: 0ms; --mg-motion-glide: 0ms; }
}
/* Inter (OFL-1.1, Fontsource 5.3.0 variable, fonts/LICENSE-Inter.txt), served from
   this origin: no third-party request and it works offline. The former
   `html.ui-v2 @import` was invalid CSS and never loaded (#1025). */
@font-face { font-family: "Inter"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("/ui-v2/fonts/inter-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Inter"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("/ui-v2/fonts/inter-latin.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

html.ui-v2 .mg, html.ui-v2 .mg * { box-sizing: border-box; }
html.ui-v2 .mg { font-family: var(--font-mg-sans); color: var(--mg-text-primary); background: var(--mg-bg-page); -webkit-font-smoothing: antialiased; }
html.ui-v2 :where(.mg) :where(button, html.ui-v2 input, html.ui-v2 textarea, html.ui-v2 select) { font: inherit; color: inherit; }
html.ui-v2 .mg svg { flex-shrink: 0; }
html.ui-v2 .mg :focus-visible { outline: 3px solid var(--mg-focus-ring); outline-offset: 2px; }
html.ui-v2 .mg .num { font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (prefers-reduced-motion: reduce) {
html.ui-v2 { --mg-motion-fast: 0ms; --mg-motion-base: 0ms; --mg-motion-glide: 0ms; }
}
html.ui-v2 .mg-btn { min-height: var(--mg-cta-height); width: 100%; display: flex; align-items: center; justify-content: center; gap: var(--mg-space-10); padding: 0 var(--mg-space-16); border: none; border-radius: var(--mg-radius-control); background: var(--mg-action); color: var(--mg-on-action); font-size: 17px; font-weight: 700; box-shadow: var(--mg-shadow-cta); cursor: pointer; }
html.ui-v2 .mg-btn:disabled, html.ui-v2 .mg-btn[aria-disabled="true"] { background: var(--mg-action-disabled); color: var(--mg-on-action-disabled); box-shadow: none; cursor: not-allowed; }
html.ui-v2 .mg-btn--review { background: var(--mg-review); color: var(--mg-ink-950); box-shadow: none; }
html.ui-v2 .mg-btn__badge { min-width: 28px; height: 28px; border-radius: 50%; background: var(--mg-ink-950); color: var(--mg-yellow-300); font-size: 15px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
html.ui-v2 .mg-btn-sec { min-height: var(--mg-touch-min); display: flex; text-align: center; align-items: center; justify-content: center; gap: var(--mg-space-8); padding: 0 var(--mg-space-14); border: 1.5px solid var(--mg-border-control); border-radius: var(--mg-radius-control); background: var(--mg-bg-card); color: var(--mg-text-primary); font-size: 15px; font-weight: 600; cursor: pointer; }
html.ui-v2 .mg-btn-sec--inline { display: inline-flex; }
html.ui-v2 .mg-btn-sec--dashed { border-style: dashed; background: transparent; }
html.ui-v2 .mg-btn-sec--green { border-color: var(--mg-action); color: var(--mg-action); }
html.ui-v2 .mg-btn-opt { min-height: var(--mg-bigopt-min); width: 100%; gap: var(--mg-space-2); flex-direction: column; align-items: flex-start; padding: var(--mg-space-10) var(--mg-space-16); font-size: 17px; font-weight: 800; text-align: left; }
html.ui-v2 .mg-btn-opt small { font-size: 14px; font-weight: 400; color: var(--mg-text-muted); }
html.ui-v2 .mg-link { min-height: var(--mg-touch-min); display: inline-flex; align-items: center; gap: var(--mg-space-6); padding: 0 var(--mg-space-6); border: none; background: transparent; color: var(--mg-action); font-size: 14px; font-weight: 700; cursor: pointer; }
html.ui-v2 .mg-link--muted { color: var(--mg-text-secondary); }
html.ui-v2 .mg-danger { min-height: 52px; padding: 0 var(--mg-space-12); border: none; background: transparent; color: var(--mg-danger); font-size: 16px; font-weight: 700; cursor: pointer; }
html.ui-v2 .mg-ib { width: var(--mg-touch-min); height: var(--mg-touch-min); border: none; background: transparent; color: inherit; border-radius: var(--mg-radius-input); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; }
html.ui-v2 .mg-top { min-height: var(--mg-top-bar); display: flex; align-items: center; justify-content: space-between; padding: 0 var(--mg-space-6); }
html.ui-v2 .mg-top__title { font-size: 15px; font-weight: 600; }
html.ui-v2 .mg-top__wm { font-size: 22px; font-weight: 800; letter-spacing: -0.03em; padding: 0 var(--mg-space-10); }
html.ui-v2 .mg-top__wm span { color: var(--mg-done); }
html.ui-v2 .mg-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--mg-space-6); padding: 0 var(--mg-space-20) var(--mg-space-10); margin: 0; list-style: none; }
html.ui-v2 .mg-steps li { display: flex; flex-direction: column; gap: var(--mg-space-6); font-size: 13px; font-weight: 600; color: var(--mg-text-muted); }
html.ui-v2 .mg-steps li::before { content: ""; height: 4px; border-radius: 2px; background: var(--mg-bg-segment); }
html.ui-v2 .mg-steps li.is-done { color: var(--mg-action); }
html.ui-v2 .mg-steps li.is-done::before { background: var(--mg-done); }
html.ui-v2 .mg-steps li[aria-current="step"] { color: var(--mg-text-primary); font-weight: 800; }
html.ui-v2 .mg-steps li[aria-current="step"]::before { background: var(--mg-selected); }
html.ui-v2 .mg-card { background: var(--mg-bg-card); border: 1px solid var(--mg-border-card); border-radius: var(--mg-radius-card); box-shadow: var(--mg-shadow-card); padding: var(--mg-space-14) var(--mg-space-16); }
html.ui-v2 .mg-card--source { background: var(--mg-source-tint); border-color: var(--mg-source-border); border-radius: var(--mg-radius-feature); }
html.ui-v2 .mg-card--recall { padding: 12px 14px; background: var(--mg-own-tint); border-color: var(--mg-green-200); }
html.ui-v2 .mg-eyebrow { font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mg-text-secondary); }
html.ui-v2 .mg-eyebrow--source { color: var(--mg-source-text); }
html.ui-v2 .mg-eyebrow--action { color: var(--mg-action); }
html.ui-v2 .mg-h1 { font-size: 28px; font-weight: 800; line-height: 1.15; letter-spacing: -0.02em; margin: 0; text-wrap: balance; }
html.ui-v2 .mg-sub { font-size: 15px; line-height: 1.45; color: var(--mg-text-secondary); margin: 0; }
html.ui-v2 .mg-list { display: flex; flex-direction: column; gap: var(--mg-space-8); }
html.ui-v2 .mg-list__head { display: flex; justify-content: space-between; align-items: baseline; }
html.ui-v2 .mg-list__head > span:first-child { font-size: 18px; font-weight: 800; letter-spacing: -0.01em; }
html.ui-v2 .mg-list__head > span:last-child { font-size: 14px; font-weight: 400; color: var(--mg-text-secondary); }
html.ui-v2 .mg-line { display: flex; align-items: center; gap: var(--mg-space-12); min-height: var(--mg-row-min); padding: var(--mg-space-12) var(--mg-space-14); background: var(--mg-bg-card); border: 1px solid var(--mg-border-card); border-radius: var(--mg-radius-card); box-shadow: var(--mg-shadow-card); width: 100%; text-align: left; cursor: pointer; }
html.ui-v2 .mg-line__main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
html.ui-v2 .mg-line__main b { font-size: 16px; font-weight: 700; }
html.ui-v2 .mg-line__main small { font-size: 14px; color: var(--mg-text-muted); }
html.ui-v2 .mg-amt { font-size: 17px; font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.ui-v2 .mg-line--review { border: 2px solid var(--mg-review); }
html.ui-v2 .mg-chip { display: inline-flex; align-items: center; gap: 5px; min-height: 26px; padding: var(--mg-space-2) var(--mg-space-10); border-radius: var(--mg-radius-pill); font-size: 13px; font-weight: 600; }
html.ui-v2 .mg-chip--own { background: var(--mg-own-tint); color: var(--mg-own-text); }
html.ui-v2 .mg-chip--said { background: var(--mg-source-tint); color: var(--mg-source-text); }
html.ui-v2 .mg-chip--review { background: var(--mg-review-tint); color: var(--mg-review-text); }
html.ui-v2 .mg-chip--neutral { background: var(--mg-bg-sunken); color: var(--mg-text-on-tint); }
html.ui-v2 .mg-ok, html.ui-v2 .mg-rv { width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 800; }
html.ui-v2 .mg-ok { background: var(--mg-done); color: var(--mg-on-action); }
html.ui-v2 .mg-rv { background: var(--mg-review); color: var(--mg-ink-950); }
html.ui-v2 .mg-unsure { background: var(--mg-review-tint); color: var(--mg-review-text); border-bottom: 3px solid var(--mg-review); border-radius: var(--mg-radius-xs); padding: 0 3px; }
html.ui-v2 .mg-qcard { background: var(--mg-bg-card); border: 2px solid var(--mg-review); border-radius: var(--mg-radius-card); padding: var(--mg-space-14); display: flex; flex-direction: column; gap: var(--mg-space-10); box-shadow: var(--mg-shadow-question); }
html.ui-v2 .mg-qcard--missed { background: var(--mg-review-tint-soft); border-style: dashed; box-shadow: none; }
html.ui-v2 .mg-qcard__text { font-size: 15px; font-weight: 700; color: var(--mg-review-text); margin: 0; }
html.ui-v2 .mg-dots { display: flex; gap: var(--mg-space-4); }
html.ui-v2 .mg-dots i { flex: 1; height: 6px; border-radius: 3px; background: var(--mg-bg-segment); }
html.ui-v2 .mg-dots i.is-done { background: var(--mg-done); }
html.ui-v2 .mg-dots i.is-on { background: var(--mg-review); }
html.ui-v2 .mg-field { display: flex; flex-direction: column; gap: 5px; }
html.ui-v2 .mg-label { font-size: 13px; font-weight: 600; color: var(--mg-text-secondary); }
html.ui-v2 .mg-hint { font-size: 14px; font-weight: 400; color: var(--mg-text-muted); }
html.ui-v2 .mg-input { min-height: var(--mg-touch-min); border: 1.5px solid var(--mg-border-control); border-radius: var(--mg-radius-input); padding: 0 var(--mg-space-14); font-size: 16px; background: var(--mg-bg-card); color: var(--mg-text-primary); width: 100%; }
html.ui-v2 .mg-input[aria-invalid="true"] { border-color: var(--mg-danger); }
html.ui-v2 .mg-field--ask .mg-input { border-color: var(--mg-review); background: var(--mg-review-tint-soft); }
html.ui-v2 .mg-error { font-size: 14px; font-weight: 600; color: var(--mg-danger); }
html.ui-v2 .mg-note { min-height: 220px; width: 100%; border: 1.5px solid var(--mg-action); border-radius: var(--mg-radius-card); padding: var(--mg-space-14) var(--mg-space-16); font-size: 17px; line-height: 1.5; background: var(--mg-bg-card); color: var(--mg-text-primary); box-shadow: 0 0 0 4px var(--mg-own-tint); resize: vertical; }
html.ui-v2 .mg-seg { display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; gap: var(--mg-space-4); background: var(--mg-bg-segment); padding: var(--mg-space-4); border-radius: var(--mg-radius-control); }
html.ui-v2 .mg-seg button { min-height: var(--mg-touch-min); border: none; border-radius: 11px; background: transparent; color: var(--mg-text-on-tint); font-size: 14px; font-weight: 600; cursor: pointer; }
html.ui-v2 .mg-seg button[disabled] { color: var(--mg-text-muted); text-decoration: line-through; cursor: not-allowed; }
html.ui-v2 .mg-seg button[aria-checked="true"] { background: var(--mg-selected); color: var(--mg-on-selected); font-weight: 700; }
html.ui-v2 .mg-choice { min-height: var(--mg-row-min); padding: 6px; border: 1.5px solid var(--mg-border-control); border-radius: var(--mg-radius-input); background: var(--mg-bg-card); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--mg-space-2); font-size: 16px; font-weight: 700; cursor: pointer; }
html.ui-v2 .mg-choice small { font-size: 14px; font-weight: 400; color: var(--mg-text-muted); }
html.ui-v2 .mg-choice[aria-checked="true"] { border: 2px solid var(--mg-selected); background: var(--mg-selected); color: var(--mg-on-selected); }
html.ui-v2 .mg-choice[aria-checked="true"] small { color: var(--mg-on-selected); opacity: .8; }
html.ui-v2 .mg-switch { min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: var(--mg-space-12); border: none; background: transparent; width: 100%; text-align: left; font-size: 16px; cursor: pointer; padding: 0; }
html.ui-v2 .mg-switch__track { position: relative; width: 52px; height: 32px; flex: none; border-radius: var(--mg-radius-pill); background: var(--mg-bg-card); border: 1.5px solid var(--mg-border-control); }
html.ui-v2 .mg-switch__track::after { content: ""; position: absolute; top: 2.5px; left: 2.5px; width: 24px; height: 24px; border-radius: 50%; background: var(--mg-border-control); box-shadow: 0 1px 3px rgba(0,0,0,.25); }
html.ui-v2 .mg-switch[aria-checked="true"] .mg-switch__track { background: var(--mg-done); border-color: var(--mg-done); }
html.ui-v2 .mg-switch[aria-checked="true"] .mg-switch__track::after { left: auto; right: 2.5px; background: var(--mg-white); }
html.ui-v2 .mg-backdrop { background: var(--mg-backdrop); display: flex; align-items: flex-end; justify-content: center; }
html.ui-v2 .mg-sheet { width: 100%; max-width: var(--mg-content-max); background: var(--mg-bg-card); border-radius: var(--mg-radius-sheet) var(--mg-radius-sheet) 0 0; box-shadow: var(--mg-shadow-sheet); }
html.ui-v2 .mg-sheet__grip { display: flex; justify-content: center; padding-top: var(--mg-space-8); }
html.ui-v2 .mg-sheet__grip span { width: 40px; height: 5px; border-radius: 3px; background: var(--mg-ink-200); }
html.ui-v2 .mg-sheet__body { padding: var(--mg-space-16) var(--mg-space-20) 0; display: flex; flex-direction: column; gap: var(--mg-space-14); }
html.ui-v2 .mg-sheet__title { font-size: 20px; font-weight: 800; letter-spacing: -0.02em; margin: 0; }
html.ui-v2 .mg-sheet__foot { margin-top: var(--mg-space-14); padding: var(--mg-space-10) var(--mg-space-20) calc(var(--mg-space-24) + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--mg-bg-sunken); display: flex; flex-direction: column; gap: var(--mg-space-8); }
html.ui-v2 .mg-dbar { background: var(--mg-layer-bg); color: var(--mg-layer-text); border-radius: var(--mg-radius-feature) var(--mg-radius-feature) 0 0; box-shadow: var(--mg-shadow-bar); padding: var(--mg-space-16) var(--mg-space-16) calc(var(--mg-space-20) + env(safe-area-inset-bottom, 0px)); display: flex; flex-direction: column; gap: var(--mg-space-10); }
html.ui-v2 .mg-dbar__row { display: flex; justify-content: space-between; align-items: baseline; font-size: 15px; color: var(--mg-layer-text-secondary); }
html.ui-v2 .mg-dbar__total { font-size: 26px; font-weight: 800; letter-spacing: -0.02em; color: var(--mg-layer-text); font-variant-numeric: tabular-nums; white-space: nowrap; }
html.ui-v2 .mg-dbar__left { color: var(--mg-layer-warm); font-weight: 700; }
html.ui-v2 .mg-dbar__clear { color: var(--mg-layer-accent); font-weight: 700; }
html.ui-v2 .mg-mic { width: var(--mg-mic); height: var(--mg-mic); border-radius: 50%; border: none; background: var(--mg-green-800); color: var(--mg-white); box-shadow: var(--mg-shadow-mic); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
html.ui-v2 .mg-layer { background: var(--mg-layer-bg); color: var(--mg-layer-text); }
html.ui-v2 .mg-rec { display: inline-flex; align-items: center; gap: var(--mg-space-6); font-size: 14px; font-weight: 700; color: var(--mg-layer-rec-text); font-variant-numeric: tabular-nums; }
html.ui-v2 .mg-rec::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--mg-layer-rec); }
html.ui-v2 .mg-heard { background: var(--mg-layer-card); border: 1px solid var(--mg-layer-border); border-radius: var(--mg-radius-heard); padding: 18px 18px 14px; }
html.ui-v2 .mg-heard p { font-size: 20px; font-weight: 500; line-height: 1.45; margin: 0; }
html.ui-v2 .mg-heard .prov { color: var(--mg-layer-text-muted); }
html.ui-v2 .mg-meter { height: 10px; border-radius: 5px; background: var(--mg-layer-border); overflow: hidden; }
html.ui-v2 .mg-meter i { display: block; height: 100%; background: var(--mg-layer-accent); border-radius: 5px; }
html.ui-v2 .mg-done { width: var(--mg-done-btn); height: var(--mg-done-btn); border-radius: 50%; border: none; background: var(--mg-green-800); box-shadow: 0 0 0 3px var(--mg-white), 0 10px 24px rgba(10,107,66,.35); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
html.ui-v2 .mg-done::before { content: ""; width: 24px; height: 24px; border-radius: 6px; background: var(--mg-white); }
html.ui-v2 .mg-tip { background: rgba(200,106,74,.18); color: var(--mg-layer-source); font-size: 14px; font-weight: 600; border-radius: var(--mg-radius-control); padding: var(--mg-space-10) var(--mg-space-14); }
html.ui-v2 .mg-notice { background: var(--mg-review-tint); color: var(--mg-text-primary); border-radius: var(--mg-radius-card); padding: var(--mg-space-14); display: flex; gap: var(--mg-space-12); align-items: flex-start; }
html.ui-v2 .mg-notice strong { display: block; font-size: 17px; font-weight: 800; }
html.ui-v2 .mg-notice small { font-size: 14px; color: var(--mg-text-on-tint); }
html.ui-v2 .mg-notice--danger { background: var(--mg-danger-tint); }
html.ui-v2 .mg-spin { width: 28px; height: 28px; border-radius: 50%; border: 3px solid var(--mg-source-border); border-top-color: var(--mg-source-mark); animation: mg-spin 1s linear infinite; }
@keyframes mg-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
html.ui-v2 .mg-spin { animation: none; border-top-color: var(--mg-source-border); border-right-color: var(--mg-source-mark); }
}
html.ui-v2 .mg-tl { list-style: none; margin: 0; padding: 0; }
html.ui-v2 .mg-tl li { position: relative; display: flex; gap: var(--mg-space-12); min-height: 58px; }
html.ui-v2 .mg-tl li::before { content: ""; flex: none; width: 24px; height: 24px; border-radius: 50%; border: 2px solid var(--mg-border-control); background: transparent; }
html.ui-v2 .mg-tl li.is-on::before { border: 3px solid var(--mg-done-tint); border-top-color: var(--mg-done); }
html.ui-v2 .mg-tl li:not(:last-child)::after { content: ""; position: absolute; left: 11px; top: 26px; bottom: 2px; width: 2px; background: var(--mg-border-card); }
html.ui-v2 .mg-tl b { font-size: 15px; font-weight: 700; }
html.ui-v2 .mg-tl li:not(.is-on) b { font-weight: 500; color: var(--mg-text-secondary); }
html.ui-v2 .mg-tl small { display: block; font-size: 14px; color: var(--mg-text-muted); }
html.ui-v2 .mg-nav { height: calc(var(--mg-nav-height) + env(safe-area-inset-bottom, 0px)); background: var(--mg-bg-card); border-top: 1px solid var(--mg-border-card); display: grid; grid-template-columns: repeat(5, 1fr); padding-bottom: env(safe-area-inset-bottom, 0px); }
html.ui-v2 .mg-nav a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--mg-space-4); min-height: var(--mg-touch-min); color: var(--mg-text-muted); font-size: 12px; font-weight: 500; text-decoration: none; }
html.ui-v2 .mg-nav a[aria-current="page"] { color: var(--mg-action); font-weight: 700; }
html.ui-v2 .mg-fchips { display: flex; gap: var(--mg-space-8); overflow-x: auto; }
html.ui-v2 .mg-fchip { min-height: var(--mg-touch-min); padding: 0 var(--mg-space-16); border-radius: var(--mg-radius-pill); border: 1.5px solid var(--mg-border-control); background: var(--mg-bg-card); color: var(--mg-text-primary); font-size: 15px; font-weight: 600; white-space: nowrap; cursor: pointer; }
html.ui-v2 .mg-fchip[aria-pressed="true"] { background: var(--mg-selected); border-color: var(--mg-selected); color: var(--mg-on-selected); font-weight: 700; }
html.ui-v2 .mg-line__main .mg-chip { align-self: flex-start; }
html.ui-v2 .mg-dbar__total--pay { font-size: 30px; }
html.ui-v2 .mg-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--mg-space-8); }
html.ui-v2 .mg-fchip span { font-weight: 600; margin-left: var(--mg-space-4); color: var(--mg-text-secondary); }
html.ui-v2 .mg-fchip[aria-pressed="true"] span { color: inherit; opacity: .8; }
html.ui-v2 .mg-btn, html.ui-v2 .mg-btn-sec, html.ui-v2 .mg-link, html.ui-v2 .mg-danger, html.ui-v2 .mg-ib, html.ui-v2 .mg-mic, html.ui-v2 .mg-done, html.ui-v2 .mg-line, html.ui-v2 .mg-seg button, html.ui-v2 .mg-choice, html.ui-v2 .mg-fchip, html.ui-v2 .mg-switch, html.ui-v2 .mg-nav a { transition: transform var(--mg-motion-fast) var(--mg-ease-standard), background-color var(--mg-motion-fast) var(--mg-ease-standard), border-color var(--mg-motion-fast) var(--mg-ease-standard); }
html.ui-v2 .mg-btn:active:not(:disabled):not([aria-disabled="true"]), html.ui-v2 .mg-btn-sec:active, html.ui-v2 .mg-link:active, html.ui-v2 .mg-danger:active, html.ui-v2 .mg-ib:active, html.ui-v2 .mg-mic:active, html.ui-v2 .mg-done:active, html.ui-v2 .mg-line:active, html.ui-v2 .mg-seg button:active:not([disabled]), html.ui-v2 .mg-choice:active, html.ui-v2 .mg-fchip:active, html.ui-v2 .mg-switch:active, html.ui-v2 .mg-nav a:active { transform: scale(.98); }
@media (hover: hover) {
html.ui-v2 .mg-btn:hover:not(:disabled):not([aria-disabled="true"]) { background: color-mix(in srgb, var(--mg-action), var(--mg-ink-950) 6%); }
html.ui-v2 .mg-btn--review:hover:not(:disabled) { background: color-mix(in srgb, var(--mg-review), var(--mg-ink-950) 6%); }
html.ui-v2 .mg-btn-sec:hover { background: var(--mg-bg-subtle); border-color: var(--mg-ink-700); }
html.ui-v2 .mg-btn-sec--dashed:hover { background: var(--mg-bg-subtle); }
html.ui-v2 .mg-link:hover { background: var(--mg-bg-subtle); text-decoration: underline; }
html.ui-v2 .mg-danger:hover { background: var(--mg-danger-tint); }
html.ui-v2 .mg-ib:hover { background: var(--mg-bg-sunken); }
html.ui-v2 .mg-mic:hover, html.ui-v2 .mg-done:hover { background: color-mix(in srgb, var(--mg-green-800), var(--mg-ink-950) 6%); }
html.ui-v2 .mg-line:hover, html.ui-v2 .mg-card--button:hover { background: var(--mg-bg-subtle); border-color: var(--mg-border-control); }
html.ui-v2 .mg-seg button:hover:not([aria-checked="true"]):not([disabled]) { background: var(--mg-bg-card); }
html.ui-v2 .mg-choice:hover:not([aria-checked="true"]) { background: var(--mg-bg-subtle); border-color: var(--mg-ink-700); }
html.ui-v2 .mg-fchip:hover:not([aria-pressed="true"]) { background: var(--mg-bg-subtle); border-color: var(--mg-ink-700); }
html.ui-v2 .mg-nav a:hover:not([aria-current="page"]) { background: var(--mg-bg-subtle); color: var(--mg-text-primary); }
}
html.ui-v2 .mg-card--button { cursor: pointer; transition: transform var(--mg-motion-fast) var(--mg-ease-standard), background-color var(--mg-motion-fast) var(--mg-ease-standard); text-align: left; width: 100%; font: inherit; color: inherit; }
html.ui-v2 .mg-card--button:active { transform: scale(.98); }
html.ui-v2 .mg-search { position: relative; width: 100%; }
html.ui-v2 .mg-search__label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
html.ui-v2 .mg-search__icon { position: absolute; left: var(--mg-space-14); top: 50%; width: 20px; height: 20px; margin-top: -10px; color: var(--mg-text-secondary); pointer-events: none; }
html.ui-v2 .mg-search__input { display: block; width: 100%; height: var(--mg-touch-min); border: 1.5px solid var(--mg-border-control); border-radius: var(--mg-radius-input); background: var(--mg-bg-card); color: var(--mg-text-primary); font-size: 16px; padding: 0 var(--mg-touch-min) 0 44px; -webkit-appearance: none; appearance: none; }
html.ui-v2 .mg-search__input::placeholder { color: var(--mg-text-muted); opacity: 1; }
html.ui-v2 .mg-search__input::-webkit-search-cancel-button, html.ui-v2 .mg-search__input::-webkit-search-decoration { -webkit-appearance: none; display: none; }
html.ui-v2 .mg-search__clear { position: absolute; right: 0; top: 0; width: var(--mg-touch-min); height: var(--mg-touch-min); display: inline-flex; align-items: center; justify-content: center; padding: 0; border: none; background: transparent; color: var(--mg-text-secondary); border-radius: var(--mg-radius-input); cursor: pointer; }
html.ui-v2 .mg-search__clear svg { width: 20px; height: 20px; }
html.ui-v2 .mg-search__input:placeholder-shown ~ .mg-search__clear { display: none; }
html.ui-v2 .mg-search__clear:active { transform: scale(.98); }
html.ui-v2 .mg-avatar { width: 40px; height: 40px; flex: none; border-radius: 50%; background: var(--mg-done-tint); color: var(--mg-own-text); display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: 0.02em; user-select: none; }
html.ui-v2 .mg-avatar--sm { width: 32px; height: 32px; font-size: 13px; }
html.ui-v2 .mg-avatar--lg { width: 48px; height: 48px; font-size: 16px; }
html.ui-v2 .mg-rows { background: var(--mg-bg-card); border: 1px solid var(--mg-border-card); border-radius: var(--mg-radius-card); box-shadow: var(--mg-shadow-card); overflow: hidden; margin: 0; padding: 0; list-style: none; }
html.ui-v2 .mg-row { width: 100%; min-height: 56px; display: flex; align-items: center; gap: var(--mg-space-12); padding: var(--mg-space-8) var(--mg-space-14); border: 0; background: transparent; color: var(--mg-text-primary); font: inherit; text-align: left; text-decoration: none; cursor: pointer; }
html.ui-v2 .mg-rows > .mg-row + .mg-row, html.ui-v2 .mg-rows > li + li { border-top: 1px solid var(--mg-divider); }
html.ui-v2 .mg-rows > li > .mg-row { border-radius: 0; }
html.ui-v2 .mg-row[aria-disabled="true"], html.ui-v2 .mg-row:disabled { cursor: default; color: var(--mg-text-muted); }
html.ui-v2 .mg-row__icon { width: 40px; height: 40px; flex: none; border-radius: var(--mg-radius-control); background: var(--mg-bg-sunken); color: var(--mg-text-on-tint); display: inline-flex; align-items: center; justify-content: center; }
html.ui-v2 .mg-row__icon svg { width: 20px; height: 20px; }
html.ui-v2 .mg-row__main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--mg-space-2); }
html.ui-v2 .mg-row__title { font-size: 15px; font-weight: 600; line-height: 1.3; }
html.ui-v2 .mg-row__desc { font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--mg-text-muted); }
html.ui-v2 .mg-row__desc--warn { color: var(--mg-review-text); font-weight: 600; }
html.ui-v2 .mg-row__value { flex: none; max-width: 45%; font-size: 14px; color: var(--mg-text-muted); text-align: right; }
html.ui-v2 .mg-row__chev { width: 20px; height: 20px; flex: none; color: var(--mg-text-muted); }
html.ui-v2 .mg-row--danger, html.ui-v2 .mg-row--danger .mg-row__title { color: var(--mg-danger); }
html.ui-v2 .mg-row--danger .mg-row__icon { background: var(--mg-danger-tint); color: var(--mg-danger); }
html.ui-v2 .mg-row--switch .mg-switch__track { margin-left: auto; }
html.ui-v2 .mg-row[aria-checked="true"] .mg-switch__track { background: var(--mg-done); border-color: var(--mg-done); }
html.ui-v2 .mg-row[aria-checked="true"] .mg-switch__track::after { left: auto; right: 2.5px; background: var(--mg-white); }
html.ui-v2 .mg-row { transition: transform var(--mg-motion-fast) var(--mg-ease-standard), background-color var(--mg-motion-fast) var(--mg-ease-standard); }
html.ui-v2 .mg-row:active:not(:disabled):not([aria-disabled="true"]) { transform: scale(.98); }
@media (hover: hover) {
html.ui-v2 .mg-row:hover:not(:disabled):not([aria-disabled="true"]) { background: var(--mg-bg-subtle); }
}
html.ui-v2 .mg-rows-title { margin: var(--mg-space-20) var(--mg-space-20) var(--mg-space-8); font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mg-text-secondary); }
html.ui-v2 .mg-check { position: relative; display: flex; align-items: flex-start; gap: var(--mg-space-12); min-height: var(--mg-touch-min); padding: var(--mg-space-12) 0; font-size: 16px; line-height: 1.4; color: var(--mg-text-primary); cursor: pointer; }
html.ui-v2 .mg-check__input { position: absolute; left: 0; top: 12px; width: 24px; height: 24px; margin: 0; opacity: 0; cursor: pointer; }
html.ui-v2 .mg-check__box { width: 24px; height: 24px; flex: none; border: 1.5px solid var(--mg-border-control); border-radius: 7px; background: var(--mg-bg-card); color: var(--mg-on-selected); display: inline-flex; align-items: center; justify-content: center; transition: background-color var(--mg-motion-fast) var(--mg-ease-standard), border-color var(--mg-motion-fast) var(--mg-ease-standard); }
html.ui-v2 .mg-check__box svg { width: 16px; height: 16px; opacity: 0; }
html.ui-v2 .mg-check__input:checked + .mg-check__box { background: var(--mg-selected); border-color: var(--mg-selected); }
html.ui-v2 .mg-check__input:checked + .mg-check__box svg { opacity: 1; }
html.ui-v2 .mg-check__input:focus-visible + .mg-check__box { outline: 3px solid var(--mg-focus-ring); outline-offset: 2px; }
html.ui-v2 .mg-check__input[aria-invalid="true"] + .mg-check__box { border-color: var(--mg-danger); }
html.ui-v2 .mg-check__input:disabled + .mg-check__box { background: var(--mg-action-disabled); border-color: var(--mg-action-disabled); }
html.ui-v2 .mg-check__input:disabled ~ .mg-check__text { color: var(--mg-text-muted); }
html.ui-v2 .mg-check__text { flex: 1; min-width: 0; padding-top: 1px; }
html.ui-v2 .mg-check__text a { color: var(--mg-action); font-weight: 700; }
html.ui-v2 .mg-check--card { padding: var(--mg-space-16); background: var(--mg-bg-card); border: 1px solid var(--mg-border-card); border-radius: var(--mg-radius-card); }
html.ui-v2 .mg-check--card .mg-check__input { left: var(--mg-space-16); top: var(--mg-space-16); }
html.ui-v2 .mg-toast-region { position: fixed; left: 0; right: 0; bottom: calc(var(--mg-nav-height) + var(--mg-space-12) + env(safe-area-inset-bottom, 0px)); display: flex; justify-content: center; padding: 0 var(--mg-space-16); pointer-events: none; z-index: var(--mg-z-menu); }
html.ui-v2 .mg-toast { pointer-events: auto; width: 100%; max-width: var(--mg-content-max); min-height: var(--mg-touch-min); display: flex; align-items: center; gap: var(--mg-space-12); padding: var(--mg-space-4) var(--mg-space-4) var(--mg-space-4) var(--mg-space-16); background: var(--mg-layer-bg); color: var(--mg-layer-text); border-radius: var(--mg-radius-control); box-shadow: var(--mg-shadow-preview); font-size: 15px; line-height: 1.4; animation: mg-toast-in var(--mg-motion-base) var(--mg-ease-out) both; }
html.ui-v2 .mg-toast__icon { width: 20px; height: 20px; flex: none; color: var(--mg-layer-accent); }
html.ui-v2 .mg-toast__text { flex: 1; min-width: 0; padding: var(--mg-space-8) 0; }
html.ui-v2 .mg-toast__action { min-height: var(--mg-touch-min); flex: none; padding: 0 var(--mg-space-14); border: none; border-radius: var(--mg-radius-input); background: transparent; color: var(--mg-layer-accent); font-size: 15px; font-weight: 700; cursor: pointer; }
html.ui-v2 .mg-toast__action:active { transform: scale(.98); }
@media (hover: hover) {
html.ui-v2 .mg-toast__action:hover { background: var(--mg-layer-card); }
}
html.ui-v2 .mg-toast .mg-toast__action:focus-visible { outline-color: var(--mg-layer-text); }
@keyframes mg-toast-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
html.ui-v2 .mg-empty { display: flex; flex-direction: column; align-items: center; gap: var(--mg-space-12); padding: var(--mg-space-48) var(--mg-space-24) 0; text-align: center; }
html.ui-v2 .mg-empty__icon { width: 72px; height: 72px; border-radius: 50%; background: var(--mg-bg-sunken); color: var(--mg-text-on-tint); display: flex; align-items: center; justify-content: center; }
html.ui-v2 .mg-empty__icon svg { width: 32px; height: 32px; }
html.ui-v2 .mg-empty__title { margin: var(--mg-space-8) 0 0; font-size: 22px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.2; }
html.ui-v2 .mg-empty__text { margin: 0; max-width: 34ch; font-size: 16px; line-height: 1.45; color: var(--mg-text-secondary); }
html.ui-v2 .mg-empty__actions { width: 100%; max-width: 360px; margin-top: var(--mg-space-16); display: flex; flex-direction: column; gap: var(--mg-space-10); }
html.ui-v2 .mg-errscreen { display: flex; flex-direction: column; min-height: 100%; padding: 0 0 var(--mg-space-24); }
html.ui-v2 .mg-errscreen__hero { display: flex; flex-direction: column; align-items: center; gap: var(--mg-space-12); padding: var(--mg-space-24) var(--mg-space-24) 0; text-align: center; }
html.ui-v2 .mg-errscreen__icon { width: 72px; height: 72px; border-radius: 50%; background: var(--mg-review-tint); color: var(--mg-review-text); display: flex; align-items: center; justify-content: center; }
html.ui-v2 .mg-errscreen__icon svg { width: 34px; height: 34px; }
html.ui-v2 .mg-errscreen--danger .mg-errscreen__icon { background: var(--mg-danger-tint); color: var(--mg-danger); }
html.ui-v2 .mg-errscreen__title { margin: 0; font-size: 28px; font-weight: 800; line-height: 1.15; letter-spacing: -0.02em; text-wrap: balance; }
html.ui-v2 .mg-errscreen__text { margin: 0; font-size: 16px; line-height: 1.45; color: var(--mg-text-secondary); max-width: 40ch; }
html.ui-v2 .mg-errscreen__keep { margin: var(--mg-space-24) var(--mg-space-16) 0; display: flex; align-items: center; gap: var(--mg-space-12); padding: var(--mg-space-12) var(--mg-space-14); background: var(--mg-own-tint); border: 1px solid var(--mg-green-200); border-radius: var(--mg-radius-card); }
html.ui-v2 .mg-errscreen__keep-icon { width: 28px; height: 28px; flex: none; border-radius: 50%; background: var(--mg-done); color: var(--mg-on-action); display: inline-flex; align-items: center; justify-content: center; }
html.ui-v2 .mg-errscreen__keep-icon svg { width: 14px; height: 14px; }
html.ui-v2 .mg-errscreen__keep-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--mg-space-2); font-size: 14px; color: var(--mg-text-secondary); }
html.ui-v2 .mg-errscreen__keep-text b { font-size: 15px; font-weight: 700; color: var(--mg-text-primary); }
html.ui-v2 .mg-errscreen__actions { margin: auto var(--mg-space-16) 0; padding-top: var(--mg-space-24); display: flex; flex-direction: column; gap: var(--mg-space-10); }
html.ui-v2 .mg-errscreen__fine { margin: 0; text-align: center; font-size: 14px; line-height: 1.4; color: var(--mg-text-muted); }
html.ui-v2 .mg-offline { display: flex; align-items: center; gap: var(--mg-space-10); min-height: var(--mg-touch-min); padding: var(--mg-space-10) var(--mg-space-16); background: var(--mg-layer-bg); color: var(--mg-layer-text); font-size: 14px; line-height: 1.4; }
html.ui-v2 .mg-offline__icon { width: 20px; height: 20px; flex: none; color: var(--mg-yellow-100); }
html.ui-v2 .mg-offline b { font-weight: 700; }
html.ui-v2 .mg-offline--back { background: var(--mg-done-tint); color: var(--mg-own-text); }
html.ui-v2 .mg-offline--back .mg-offline__icon { color: var(--mg-own-text); }
html.ui-v2 .mg-wizard__top { min-height: var(--mg-top-bar); display: flex; align-items: center; justify-content: space-between; gap: var(--mg-space-12); padding: 0 var(--mg-space-20) 0 var(--mg-space-6); }
html.ui-v2 .mg-wizard__top--first { padding-left: var(--mg-space-20); }
html.ui-v2 .mg-wizard__progress { display: flex; align-items: center; gap: var(--mg-space-6); }
html.ui-v2 .mg-wizard__pip { width: 10px; height: 6px; border-radius: 3px; background: var(--mg-bg-segment); }
html.ui-v2 .mg-wizard__pip.is-done { background: var(--mg-done); }
html.ui-v2 .mg-wizard__pip.is-current { width: 28px; background: var(--mg-done); }
html.ui-v2 .mg-wizard__count { margin-left: var(--mg-space-6); font-size: 14px; font-weight: 600; color: var(--mg-text-muted); }
html.ui-v2 .mg-wizard__head { display: flex; flex-direction: column; gap: var(--mg-space-8); padding: var(--mg-space-14) var(--mg-space-20) 0; }
html.ui-v2 .mg-wizard__title { margin: 0; font-size: 28px; font-weight: 800; line-height: 1.15; letter-spacing: -0.02em; text-wrap: balance; }
html.ui-v2 .mg-wizard__lead { margin: 0; font-size: 15px; line-height: 1.45; color: var(--mg-text-secondary); }
html.ui-v2 .mg-wizard__body { margin-top: var(--mg-space-20); padding: 0 var(--mg-space-16); display: flex; flex-direction: column; gap: var(--mg-space-12); }
html.ui-v2 .mg-wizard__legend { padding: 0 var(--mg-space-4); margin-bottom: var(--mg-space-12); font-size: 18px; font-weight: 700; }
html.ui-v2 .mg-wizard__foot { margin-top: auto; padding: var(--mg-space-16) var(--mg-space-16) calc(var(--mg-space-20) + env(safe-area-inset-bottom, 0px)); display: flex; flex-direction: column; gap: var(--mg-space-10); }
html.ui-v2 .mg-wizard__why { display: flex; align-items: center; justify-content: center; gap: var(--mg-space-8); font-size: 14px; font-weight: 600; color: var(--mg-review-text); text-align: center; }
html.ui-v2 .mg-pw { position: relative; }
html.ui-v2 .mg-pw .mg-input { padding-right: 56px; }
html.ui-v2 .mg-pw__toggle { position: absolute; right: 0; top: 0; width: var(--mg-touch-min); height: var(--mg-touch-min); display: inline-flex; align-items: center; justify-content: center; padding: 0; border: none; background: transparent; color: var(--mg-text-secondary); border-radius: var(--mg-radius-input); cursor: pointer; }
html.ui-v2 .mg-pw__toggle svg { width: 20px; height: 20px; }
html.ui-v2 .mg-pw__toggle:active { transform: scale(.98); }
html.ui-v2 .mg-pw__toggle .mg-pw__eye-off { display: none; }
html.ui-v2 .mg-pw__toggle[aria-pressed="true"] .mg-pw__eye { display: none; }
html.ui-v2 .mg-pw__toggle[aria-pressed="true"] .mg-pw__eye-off { display: block; }
html.ui-v2 .mg-pw__meter { display: flex; gap: var(--mg-space-4); margin-top: var(--mg-space-6); }
html.ui-v2 .mg-pw__seg { flex: 1; height: 6px; border-radius: 3px; background: var(--mg-ink-200); }
html.ui-v2 .mg-pw__meter--weak .mg-pw__seg.is-on { background: var(--mg-danger); }
html.ui-v2 .mg-pw__meter--ok .mg-pw__seg.is-on { background: var(--mg-review); }
html.ui-v2 .mg-pw__meter--strong .mg-pw__seg.is-on { background: var(--mg-done); }
html.ui-v2 .mg-pw__hint { display: flex; align-items: center; gap: var(--mg-space-6); margin-top: var(--mg-space-6); font-size: 14px; font-weight: 600; color: var(--mg-text-muted); }
html.ui-v2 .mg-pw__hint svg { width: 14px; height: 14px; }
html.ui-v2 .mg-pw__hint--weak { color: var(--mg-danger); }
html.ui-v2 .mg-pw__hint--ok { color: var(--mg-review-text); }
html.ui-v2 .mg-pw__hint--strong { color: var(--mg-own-text); }
@media (prefers-reduced-motion: reduce) {
html.ui-v2 .mg-toast { animation: none; }
}
html.ui-v2 .mg-pick {
  position: absolute; top: var(--mg-space-8); right: var(--mg-space-8);
  width: 22px; height: 22px; border-radius: 50%;
  background: var(--mg-selected); color: var(--mg-on-selected);
  display: none; align-items: center; justify-content: center;
}
html.ui-v2 .mg-pick svg { width: 12px; height: 12px; }
html.ui-v2 .mg-status {
  display: inline-flex; align-items: center; gap: 5px; align-self: flex-start;
  min-height: 26px; padding: 0 var(--mg-space-10);
  border-radius: var(--mg-radius-pill);
  font-size: 13px; font-weight: 600; line-height: 1.3; white-space: nowrap;
  background: var(--mg-bg-sunken); color: var(--mg-text-on-tint);
}
html.ui-v2 .mg-status svg { width: 14px; height: 14px; }
html.ui-v2 .mg-status__dot { width: 8px; height: 8px; border-radius: 50%; background: currentColor; flex: none; }
html.ui-v2 .mg-status--draft { background: transparent; box-shadow: inset 0 0 0 1.5px var(--mg-border-control); color: var(--mg-text-secondary); }
html.ui-v2 .mg-status--sent, html.ui-v2 .mg-status--opened { background: var(--mg-info-tint); color: var(--mg-info); }
html.ui-v2 .mg-status--changes, html.ui-v2 .mg-status--payment-due { background: var(--mg-review-tint); color: var(--mg-review-text); }
html.ui-v2 .mg-status--accepted, html.ui-v2 .mg-status--paid { background: var(--mg-done-tint); color: var(--mg-own-text); }
html.ui-v2 .mg-status--declined, html.ui-v2 .mg-status--expired { background: var(--mg-bg-sunken); color: var(--mg-text-on-tint); }
html.ui-v2 .mg-status--overdue { background: var(--mg-danger-tint); color: var(--mg-danger); }
html.ui-v2 .mg-status__time { font-weight: 400; }
html.ui-v2 .mg-group-head {
  display: flex; justify-content: space-between; align-items: center; gap: var(--mg-space-10);
  margin: var(--mg-space-20) 0 var(--mg-space-8); padding: 0 var(--mg-space-4);
}
html.ui-v2 .mg-group-head .mg-eyebrow { margin: 0; }
html.ui-v2 .mg-group-head__count { font-variant-numeric: tabular-nums; }
html.ui-v2 .mg-group-head__aside { font-size: 14px; color: var(--mg-text-muted); }
html.ui-v2 .mg-qcs { display: flex; flex-direction: column; gap: var(--mg-space-8); }
html.ui-v2 .mg-qc {
  display: flex; flex-direction: column; gap: var(--mg-space-10);
  padding: var(--mg-space-14);
  background: var(--mg-bg-card); border: 1px solid var(--mg-border-card);
  border-radius: var(--mg-radius-card); box-shadow: var(--mg-shadow-card);
}
html.ui-v2 .mg-qc--todo { border: 2px solid var(--mg-review); padding: 13px; }
html.ui-v2 .mg-qc__main {
  min-height: var(--mg-touch-min); display: flex; justify-content: space-between; align-items: flex-start;
  gap: var(--mg-space-10); color: var(--mg-text-primary); text-decoration: none;
}
html.ui-v2 .mg-qc__who { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
html.ui-v2 .mg-qc__name { font-size: 16px; font-weight: 700; }
html.ui-v2 .mg-qc__meta { font-size: 14px; font-weight: 400; color: var(--mg-text-muted); }
html.ui-v2 .mg-qc__money { display: flex; flex-direction: column; align-items: flex-end; gap: var(--mg-space-2); }
html.ui-v2 .mg-qc__amt { font-size: 16px; font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.ui-v2 .mg-qc__amt--none { color: var(--mg-text-muted); }
html.ui-v2 .mg-qc__amt--overdue { color: var(--mg-danger); }
html.ui-v2 .mg-qc__old { font-size: 14px; color: var(--mg-text-muted); text-decoration: line-through; white-space: nowrap; font-variant-numeric: tabular-nums; }
html.ui-v2 .mg-qc__quote { margin: 0; font-size: 14px; line-height: 1.4; color: var(--mg-text-on-tint); }
html.ui-v2 .mg-qc__foot { display: flex; align-items: center; justify-content: space-between; gap: var(--mg-space-8); flex-wrap: wrap; }
html.ui-v2 .mg-qc__foot .mg-status { align-self: center; }
@media (hover: hover) {
html.ui-v2 a.mg-qc__main:hover .mg-qc__name { text-decoration: underline; text-underline-offset: 3px; }
}
html.ui-v2 .mg-qlist { background: var(--mg-bg-card); border: 1px solid var(--mg-border-card); border-radius: var(--mg-radius-card); box-shadow: var(--mg-shadow-card); overflow: hidden; }
html.ui-v2 .mg-qlist__row {
  min-height: var(--mg-row-min); padding: var(--mg-space-10) var(--mg-space-14);
  display: flex; align-items: center; gap: var(--mg-space-10);
  color: var(--mg-text-primary); text-decoration: none;
}
html.ui-v2 .mg-qlist__row + .mg-qlist__row, html.ui-v2 .mg-qlist__more { border-top: 1px solid var(--mg-divider); }
html.ui-v2 .mg-qlist__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
html.ui-v2 .mg-qlist__title { font-size: 15px; font-weight: 700; }
html.ui-v2 .mg-qlist__title span { font-weight: 500; }
html.ui-v2 .mg-qlist__amt { font-size: 15px; font-weight: 700; color: var(--mg-text-muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
html.ui-v2 .mg-qlist__more {
  width: 100%; min-height: 52px; padding: 0 var(--mg-space-14); border: none; border-top: 1px solid var(--mg-divider);
  background: transparent; display: flex; align-items: center; justify-content: space-between;
  font-size: 15px; font-weight: 600; color: var(--mg-text-on-tint); cursor: pointer;
}
@media (hover: hover) {
html.ui-v2 .mg-qlist__row:hover, html.ui-v2 .mg-qlist__more:hover { background: var(--mg-bg-subtle); }
}
html.ui-v2 .mg-next {
  display: flex; flex-direction: column; gap: var(--mg-space-12);
  padding: var(--mg-space-16);
  border-radius: var(--mg-radius-panel);
  background: var(--mg-own-tint); border: 1px solid var(--mg-green-200);
}
html.ui-v2 .mg-next--review { background: var(--mg-review-tint-soft); border: 1.5px solid var(--mg-review); }
html.ui-v2 .mg-next--review > .mg-eyebrow { color: var(--mg-review-text); }
html.ui-v2 .mg-next--closed { background: var(--mg-bg-card); border: 1px solid var(--mg-border-card); box-shadow: var(--mg-shadow-card); }
html.ui-v2 .mg-next__title { margin: 0; font-size: 17px; font-weight: 700; line-height: 1.35; }
html.ui-v2 .mg-next__text { margin: 0; font-size: 15px; line-height: 1.45; color: var(--mg-text-on-tint); }
html.ui-v2 .mg-next__draft {
  padding: var(--mg-space-12) var(--mg-space-14); border-radius: var(--mg-radius-input);
  background: var(--mg-bg-card); border: 1px solid var(--mg-green-200);
  font-size: 15px; line-height: 1.5; color: var(--mg-text-on-tint);
}
html.ui-v2 .mg-next__draft b { color: var(--mg-text-primary); }
html.ui-v2 .mg-next__warn {
  display: flex; gap: var(--mg-space-10); align-items: flex-start;
  padding: var(--mg-space-10) var(--mg-space-12); border-radius: var(--mg-radius-input);
  background: var(--mg-review-tint);
}
html.ui-v2 .mg-next__warn .mg-rv { width: 24px; height: 24px; font-size: 14px; flex: none; }
html.ui-v2 .mg-next__warn p { margin: 0; font-size: 14px; line-height: 1.45; font-weight: 600; color: var(--mg-review-text); }
html.ui-v2 .mg-money { display: flex; flex-direction: column; gap: var(--mg-space-10); padding: var(--mg-space-16); }
html.ui-v2 .mg-money__row { display: flex; justify-content: space-between; align-items: center; gap: var(--mg-space-10); font-size: 15px; }
html.ui-v2 .mg-money__label { display: flex; align-items: center; gap: var(--mg-space-8); flex-wrap: wrap; }
html.ui-v2 .mg-money__val { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.ui-v2 .mg-money__val--muted { font-size: 14px; font-weight: 400; color: var(--mg-text-muted); }
html.ui-v2 .mg-money__val--paid { color: var(--mg-own-text); }
html.ui-v2 .mg-money__total {
  display: flex; justify-content: space-between; align-items: baseline; gap: var(--mg-space-10);
  padding-top: var(--mg-space-10); border-top: 2px solid var(--mg-text-primary);
}
html.ui-v2 .mg-money__total-label { display: flex; flex-direction: column; gap: var(--mg-space-2); }
html.ui-v2 .mg-money__total-label b { font-size: 16px; font-weight: 700; }
html.ui-v2 .mg-money__due { font-size: 14px; color: var(--mg-text-muted); }
html.ui-v2 .mg-money__amt { font-size: 22px; font-weight: 800; line-height: 1.2; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.ui-v2 .mg-money--due .mg-money__due { color: var(--mg-review-text); font-weight: 600; }
html.ui-v2 .mg-money--overdue .mg-money__due { color: var(--mg-danger); font-weight: 600; }
html.ui-v2 .mg-money--overdue .mg-money__amt { color: var(--mg-danger); }
html.ui-v2 .mg-money--paid .mg-money__amt { color: var(--mg-own-text); }
html.ui-v2 .mg-log { list-style: none; margin: var(--mg-space-12) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--mg-space-12); font-size: 15px; }
html.ui-v2 .mg-log li { display: flex; justify-content: space-between; align-items: baseline; gap: var(--mg-space-10); }
html.ui-v2 .mg-log__what { display: flex; align-items: baseline; gap: var(--mg-space-10); min-width: 0; }
html.ui-v2 .mg-log__what::before {
  content: ""; flex: none; width: 10px; height: 10px; border-radius: 50%;
  background: color-mix(in srgb, var(--mg-done) 50%, var(--mg-bg-card));
  transform: translateY(1px);
}
html.ui-v2 .mg-log__time { flex: none; font-size: 14px; color: var(--mg-text-muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
html.ui-v2 .mg-log li.is-current .mg-log__what { font-weight: 700; }
html.ui-v2 .mg-log li[data-tone="done"] .mg-log__what::before { background: var(--mg-done); }
html.ui-v2 .mg-log li[data-tone="system"] .mg-log__what::before { background: var(--mg-border-card); }
html.ui-v2 .mg-log li[data-tone="review"] .mg-log__what::before { background: var(--mg-review); }
html.ui-v2 .mg-log li[data-tone="info"] .mg-log__what::before { background: var(--mg-info); }
html.ui-v2 .mg-log li[data-tone="closed"] .mg-log__what::before { background: var(--mg-text-muted); }
html.ui-v2 .mg-log li[data-tone="danger"] .mg-log__what::before { background: var(--mg-danger); }
html.ui-v2 .mg-thread { overflow: hidden; padding: 0; }
html.ui-v2 .mg-thread__head { padding: var(--mg-space-14) var(--mg-space-14) var(--mg-space-10); display: flex; justify-content: space-between; align-items: center; gap: var(--mg-space-8); }
html.ui-v2 .mg-thread__title { display: flex; align-items: center; gap: var(--mg-space-8); font-size: 15px; font-weight: 700; margin: 0; }
html.ui-v2 .mg-thread__title svg { width: 18px; height: 18px; }
html.ui-v2 .mg-thread__list { list-style: none; margin: 0; padding: 0 var(--mg-space-14) var(--mg-space-12); display: flex; flex-direction: column; gap: var(--mg-space-12); }
html.ui-v2 .mg-msg { display: flex; flex-direction: column; gap: var(--mg-space-6); align-items: flex-start; }
html.ui-v2 .mg-msg__bubble {
  max-width: 86%; padding: var(--mg-space-10) var(--mg-space-12);
  border-radius: 14px 14px 14px var(--mg-radius-xs);
  background: var(--mg-bg-sunken); color: var(--mg-text-primary);
  font-size: 15px; line-height: 1.4; margin: 0;
}
html.ui-v2 .mg-msg__meta { font-size: 14px; color: var(--mg-text-muted); }
html.ui-v2 .mg-msg__refs { display: flex; flex-wrap: wrap; gap: var(--mg-space-6); }
html.ui-v2 .mg-msg--own { align-items: flex-end; }
html.ui-v2 .mg-msg--own .mg-msg__bubble { border-radius: 14px 14px var(--mg-radius-xs) 14px; background: var(--mg-own-tint); border: 1px solid var(--mg-green-200); }
html.ui-v2 .mg-msg__quote {
  margin: 0; padding: var(--mg-space-12) var(--mg-space-14); border-radius: var(--mg-radius-input);
  background: var(--mg-bg-card); border: 1px solid color-mix(in srgb, var(--mg-review) 45%, var(--mg-bg-card));
  font-size: 16px; line-height: 1.45;
}
html.ui-v2 .mg-thread__reply { padding: var(--mg-space-10) var(--mg-space-14) var(--mg-space-14); display: flex; gap: var(--mg-space-8); border-top: 1px solid var(--mg-divider); }
html.ui-v2 .mg-thread__reply .mg-input { flex: 1; width: auto; min-width: 0; }
html.ui-v2 .mg-thread__reply .mg-input::placeholder { color: var(--mg-text-muted); }
html.ui-v2 .mg-select, html.ui-v2 .mg-slot {
  position: relative; display: flex; align-items: center; cursor: pointer;
  background: var(--mg-bg-card); color: var(--mg-text-primary);
  transition: transform var(--mg-motion-fast) var(--mg-ease-standard);
}
html.ui-v2 .mg-select__input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }
html.ui-v2 .mg-select--tile {
  height: 104px; flex-direction: column; justify-content: center; gap: var(--mg-space-8);
  border: 1px solid var(--mg-border-card); border-radius: var(--mg-radius-card); box-shadow: var(--mg-shadow-card);
  padding: 0 var(--mg-space-8); text-align: center;
}
html.ui-v2 .mg-select--tile > svg { width: 30px; height: 30px; color: var(--mg-text-secondary); }
html.ui-v2 .mg-select__label { font-size: 15px; font-weight: 700; }
html.ui-v2 .mg-select--row {
  min-height: 52px; gap: var(--mg-space-12); padding: var(--mg-space-8) var(--mg-space-14);
  border: 1.5px solid var(--mg-border-control); border-radius: var(--mg-radius-control); text-align: left;
}
html.ui-v2 .mg-select__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--mg-space-2); }
html.ui-v2 .mg-select__title { font-size: 15px; font-weight: 600; }
html.ui-v2 .mg-select__desc { font-size: 14px; font-weight: 400; color: var(--mg-text-muted); line-height: 1.4; }
html.ui-v2 .mg-select--row .mg-pick { position: static; display: inline-flex; flex: none; background: transparent; box-shadow: inset 0 0 0 1.5px var(--mg-border-control); }
html.ui-v2 .mg-select--row .mg-pick svg { visibility: hidden; }
html.ui-v2 .mg-selects { display: flex; flex-direction: column; gap: var(--mg-space-12); border: none; margin: 0; padding: 0; min-width: 0; }
html.ui-v2 .mg-selects--tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mg-space-10); }
html.ui-v2 .mg-select[aria-checked="true"], html.ui-v2 .mg-select[aria-pressed="true"], html.ui-v2 .mg-select:has(> .mg-select__input:checked), html.ui-v2 .mg-slot[aria-checked="true"] {
  border: 2px solid var(--mg-selected); background: var(--mg-bg-card);
}
html.ui-v2 .mg-select--row[aria-checked="true"], html.ui-v2 .mg-select--row[aria-pressed="true"], html.ui-v2 .mg-select--row:has(> .mg-select__input:checked) { padding: 7.5px 13.5px; }
html.ui-v2 .mg-select[aria-checked="true"] .mg-select__title, html.ui-v2 .mg-select[aria-pressed="true"] .mg-select__title, html.ui-v2 .mg-select:has(> .mg-select__input:checked) .mg-select__title { font-weight: 700; }
html.ui-v2 .mg-select--tile[aria-checked="true"] > svg, html.ui-v2 .mg-select--tile[aria-pressed="true"] > svg, html.ui-v2 .mg-select--tile:has(> .mg-select__input:checked) > svg { color: var(--mg-text-primary); }
html.ui-v2 .mg-select[aria-checked="true"] .mg-pick, html.ui-v2 .mg-select[aria-pressed="true"] .mg-pick, html.ui-v2 .mg-select:has(> .mg-select__input:checked) .mg-pick, html.ui-v2 .mg-slot[aria-checked="true"] .mg-pick { display: inline-flex; }
html.ui-v2 .mg-select--row[aria-checked="true"] .mg-pick, html.ui-v2 .mg-select--row[aria-pressed="true"] .mg-pick, html.ui-v2 .mg-select--row:has(> .mg-select__input:checked) .mg-pick { background: var(--mg-selected); box-shadow: none; }
html.ui-v2 .mg-select--row[aria-checked="true"] .mg-pick svg, html.ui-v2 .mg-select--row[aria-pressed="true"] .mg-pick svg, html.ui-v2 .mg-select--row:has(> .mg-select__input:checked) .mg-pick svg { visibility: visible; }
html.ui-v2 .mg-select:has(> .mg-select__input:focus-visible) { outline: 3px solid var(--mg-focus-ring); outline-offset: 2px; }
html.ui-v2 .mg-select:active, html.ui-v2 .mg-slot:active { transform: scale(.98); }
@media (hover: hover) {
html.ui-v2 .mg-select:hover:not([aria-checked="true"]):not([aria-pressed="true"]):not(:has(> .mg-select__input:checked)), html.ui-v2 .mg-slot:hover:not([aria-checked="true"]) { background: var(--mg-bg-subtle); border-color: var(--mg-border-control); }
}
html.ui-v2 .mg-slots { display: flex; flex-direction: column; gap: var(--mg-space-16); }
html.ui-v2 .mg-slots__group { display: flex; flex-direction: column; gap: var(--mg-space-8); border: none; margin: 0; padding: 0; min-width: 0; }
html.ui-v2 .mg-slots__group > legend { padding: 0; margin-bottom: var(--mg-space-8); }
html.ui-v2 .mg-slots__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--mg-space-8); }
html.ui-v2 .mg-slots__grid--time { grid-template-columns: repeat(4, minmax(0, 1fr)); }
html.ui-v2 .mg-slot {
  min-height: 56px; flex-direction: column; justify-content: center; gap: 0; padding: 0 var(--mg-space-4);
  border: 1.5px solid var(--mg-border-control); border-radius: var(--mg-radius-control);
  font-size: 14px; font-weight: 600; text-align: center;
}
html.ui-v2 .mg-slot--time { min-height: var(--mg-touch-min); font-size: 15px; font-variant-numeric: tabular-nums; }
html.ui-v2 .mg-slot__sub { font-size: 14px; font-weight: 400; color: var(--mg-text-muted); }
html.ui-v2 .mg-slot__tag { font-size: 13px; font-weight: 600; color: var(--mg-own-text); }
html.ui-v2 .mg-slot[aria-checked="true"] { font-weight: 700; }
html.ui-v2 .mg-slot .mg-pick { top: -7px; right: -7px; width: 20px; height: 20px; box-shadow: 0 0 0 2px var(--mg-bg-card); }
html.ui-v2 .mg-slot .mg-pick svg { width: 10px; height: 10px; }
html.ui-v2 .mg-slots__row {
  display: flex; align-items: center; justify-content: space-between; gap: var(--mg-space-10);
  min-height: var(--mg-touch-min); padding: 0 var(--mg-space-14); border: none; width: 100%;
  border-radius: var(--mg-radius-control); background: var(--mg-bg-subtle); font-size: 15px; cursor: pointer; text-align: left;
}
html.ui-v2 .mg-slots__row b { font-weight: 700; }
html.ui-v2 .mg-slots__hint { margin: 0; font-size: 14px; color: var(--mg-text-muted); }
html.ui-v2 .mg-prices { padding: 0; overflow: hidden; }
html.ui-v2 .mg-price {
  display: flex; align-items: center; gap: var(--mg-space-10);
  padding: var(--mg-space-12) var(--mg-space-14); width: 100%; min-height: var(--mg-row-min);
  border: none; background: transparent; color: var(--mg-text-primary); text-align: left; cursor: pointer;
}
html.ui-v2 .mg-price + .mg-price { border-top: 1px solid var(--mg-divider); }
html.ui-v2 .mg-price__main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--mg-space-2); }
html.ui-v2 .mg-price__name { font-size: 15px; font-weight: 700; }
html.ui-v2 .mg-price__meta { display: flex; align-items: center; flex-wrap: wrap; gap: var(--mg-space-6); font-size: 14px; color: var(--mg-text-muted); }
html.ui-v2 .mg-price__fresh { color: var(--mg-own-text); font-weight: 600; }
html.ui-v2 .mg-price__val { font-size: 15px; font-weight: 800; white-space: nowrap; font-variant-numeric: tabular-nums; }
html.ui-v2 .mg-price__unit { font-weight: 600; color: var(--mg-text-secondary); }
html.ui-v2 .mg-price--review { background: var(--mg-review-tint-soft); }
html.ui-v2 .mg-price--review .mg-price__val { color: var(--mg-review-text); }
@media (hover: hover) {
html.ui-v2 .mg-price:hover { background: var(--mg-bg-subtle); }
}
html.ui-v2 .mg-suspect {
  display: flex; flex-direction: column; gap: var(--mg-space-10);
  padding: var(--mg-space-14); border-radius: var(--mg-radius-card);
  background: var(--mg-review-tint-soft); border: 1.5px solid var(--mg-review);
}
html.ui-v2 .mg-suspect__head { display: flex; gap: var(--mg-space-12); align-items: flex-start; }
html.ui-v2 .mg-suspect__head .mg-rv { flex: none; }
html.ui-v2 .mg-suspect__text { display: flex; flex-direction: column; gap: 3px; }
html.ui-v2 .mg-suspect__title { margin: 0; font-size: 15px; font-weight: 700; }
html.ui-v2 .mg-suspect__why { margin: 0; font-size: 14px; line-height: 1.4; color: var(--mg-text-on-tint); }
html.ui-v2 .mg-suspect__acts { display: flex; gap: var(--mg-space-8); }
html.ui-v2 .mg-suspect__acts .mg-btn-sec { white-space: nowrap; }
html.ui-v2 .mg-suspect__acts .mg-btn-sec:first-child { flex: 1; }
html.ui-v2 .mg-sum { display: flex; flex-direction: column; gap: var(--mg-space-10); padding: var(--mg-space-16); }
html.ui-v2 .mg-sum__row { display: flex; justify-content: space-between; gap: var(--mg-space-10); font-size: 15px; color: var(--mg-text-secondary); }
html.ui-v2 .mg-sum__row > :last-child { color: var(--mg-text-primary); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.ui-v2 .mg-sum__total { display: flex; justify-content: space-between; align-items: baseline; gap: var(--mg-space-10); border-top: 2px solid var(--mg-text-primary); padding-top: var(--mg-space-10); }
html.ui-v2 .mg-sum__total > :first-child { font-size: 16px; font-weight: 800; }
html.ui-v2 .mg-sum__total > :last-child { font-size: 22px; font-weight: 800; line-height: 1.2; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.ui-v2 .mg-invoice { display: flex; flex-direction: column; gap: var(--mg-space-12); padding: var(--mg-space-16); }
html.ui-v2 .mg-invoice__head { display: flex; align-items: center; gap: var(--mg-space-10); }
html.ui-v2 .mg-invoice__head > svg { width: 22px; height: 22px; color: var(--mg-text-secondary); }
html.ui-v2 .mg-invoice__title { margin: 0; font-size: 15px; font-weight: 700; }
html.ui-v2 .mg-invoice__head .mg-chip { margin-left: auto; }
html.ui-v2 .mg-invoice__text { margin: 0; font-size: 14px; line-height: 1.45; color: var(--mg-text-secondary); }
html.ui-v2 .mg-invoice__buyer {
  padding: var(--mg-space-12) var(--mg-space-14); border-radius: var(--mg-radius-input);
  background: var(--mg-bg-subtle); display: flex; flex-direction: column; gap: var(--mg-space-4);
  font-size: 14px; color: var(--mg-text-on-tint);
}
html.ui-v2 .mg-invoice__number { display: flex; flex-direction: column; gap: 5px; }
html.ui-v2 .mg-invoice__number .mg-input::placeholder { color: var(--mg-text-muted); }
html.ui-v2 .mg-invoice__foot { display: flex; flex-direction: column; gap: var(--mg-space-6); }
html.ui-v2 .mg-invoice__foot-hint { margin: 0; text-align: center; font-size: 14px; color: var(--mg-text-muted); }
html.ui-v2 .mg-invoice a.mg-link { text-decoration: none; }
html.ui-v2 .mg-invoice > .mg-link { font-weight: 600; }
html.ui-v2 .mg-invoice__foot .mg-link { justify-content: center; font-size: 15px; font-weight: 600; }
html.ui-v2 .mg-doc { background: var(--mg-bg-document); color: var(--mg-text-primary); display: flex; flex-direction: column; min-height: 100%; }
html.ui-v2 .mg-doc__body { display: flex; flex-direction: column; gap: var(--mg-space-12); padding: 0 var(--mg-space-16); }
html.ui-v2 .mg-doc__foot { padding: var(--mg-space-14) 18px 18px; text-align: center; font-size: 14px; color: var(--mg-text-muted); }
html.ui-v2 :where(.mg-doc, html.ui-v2 .mg-desk) a:is(.mg-btn, html.ui-v2 .mg-btn-sec) { text-decoration: none; }
html.ui-v2 .mg-company { display: flex; flex-direction: column; gap: var(--mg-space-12); padding: var(--mg-space-16) var(--mg-space-16) var(--mg-space-14) var(--mg-space-20); background: var(--mg-bg-card); border-bottom: 1px solid var(--mg-border-card); }
html.ui-v2 .mg-company__id { display: flex; align-items: center; gap: var(--mg-space-12); }
html.ui-v2 .mg-company__mono { width: 44px; height: 44px; flex: none; border-radius: var(--mg-radius-input); background: var(--mg-text-primary); color: var(--mg-bg-card); display: inline-flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 800; }
html.ui-v2 .mg-company__name { display: flex; flex-direction: column; gap: var(--mg-space-2); min-width: 0; }
html.ui-v2 .mg-company__name b { font-size: 16px; font-weight: 700; }
html.ui-v2 .mg-company__name small { font-size: 14px; color: var(--mg-text-muted); }
html.ui-v2 .mg-company__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mg-space-8); }
html.ui-v2 .mg-company__actions .mg-btn-sec { width: 100%; text-decoration: none; }
html.ui-v2 .mg-company__contact { font-size: 14px; color: var(--mg-text-muted); user-select: text; -webkit-user-select: text; overflow-wrap: anywhere; }
html.ui-v2 .mg-company--compact { padding: var(--mg-space-16) var(--mg-space-20); }
html.ui-v2 .mg-qdoc { display: flex; flex-direction: column; gap: var(--mg-space-12); }
html.ui-v2 .mg-qdoc__head { display: flex; flex-direction: column; gap: var(--mg-space-8); padding: 22px var(--mg-space-4) var(--mg-space-4); }
html.ui-v2 .mg-qdoc__eyebrow { font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mg-text-secondary); }
html.ui-v2 .mg-qdoc__for { font-size: 14px; color: var(--mg-text-secondary); }
html.ui-v2 .mg-qdoc__facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mg-space-10); }
html.ui-v2 .mg-qdoc__fact { display: flex; flex-direction: column; gap: var(--mg-space-2); padding: var(--mg-space-12) var(--mg-space-14); background: var(--mg-bg-card); border: 1px solid var(--mg-border-card); border-radius: var(--mg-radius-card); box-shadow: var(--mg-shadow-card); }
html.ui-v2 .mg-qdoc__fact small { font-size: 14px; color: var(--mg-text-muted); }
html.ui-v2 .mg-qdoc__fact b { font-size: 15px; font-weight: 700; }
html.ui-v2 .mg-qdoc__taxnote { display: flex; align-items: center; gap: var(--mg-space-12); padding: var(--mg-space-12) var(--mg-space-14); border-radius: var(--mg-radius-control); border: 1.5px solid var(--mg-text-primary); background: var(--mg-bg-card); }
html.ui-v2 .mg-qdoc__taxnote > span:first-child { width: 36px; height: 36px; flex: none; border-radius: var(--mg-radius-sm); background: var(--mg-text-primary); color: var(--mg-bg-card); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; }
html.ui-v2 .mg-qdoc__taxnote > span:last-child { display: flex; flex-direction: column; gap: var(--mg-space-2); }
html.ui-v2 .mg-qdoc__taxnote b { font-size: 15px; font-weight: 700; }
html.ui-v2 .mg-qdoc__taxnote small { font-size: 14px; color: var(--mg-text-secondary); }
html.ui-v2 .mg-qdoc__items { background: var(--mg-bg-card); border: 1px solid var(--mg-border-card); border-radius: var(--mg-radius-card); box-shadow: var(--mg-shadow-card); overflow: hidden; }
html.ui-v2 .mg-qdoc__row { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--mg-space-10); padding: var(--mg-space-12) var(--mg-space-14); }
html.ui-v2 .mg-qdoc__row + .mg-qdoc__row { border-top: 1px solid var(--mg-divider); }
html.ui-v2 .mg-qdoc__row > span { display: flex; flex-direction: column; gap: var(--mg-space-2); min-width: 0; }
html.ui-v2 .mg-qdoc__row > span b { font-size: 15px; font-weight: 600; overflow-wrap: anywhere; }
html.ui-v2 .mg-qdoc__row > span small { font-size: 14px; color: var(--mg-text-muted); }
html.ui-v2 .mg-qdoc__amt { font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.ui-v2 .mg-qdoc__totals { display: flex; flex-direction: column; gap: var(--mg-space-6); padding: var(--mg-space-12) var(--mg-space-14); border-top: 1px solid var(--mg-border-card); background: var(--mg-bg-page); }
html.ui-v2 .mg-qdoc__line { display: flex; justify-content: space-between; gap: var(--mg-space-10); font-size: 14px; color: var(--mg-text-secondary); }
html.ui-v2 .mg-qdoc__line > span:last-child { font-variant-numeric: tabular-nums; white-space: nowrap; }
html.ui-v2 .mg-qdoc__pay { display: flex; justify-content: space-between; align-items: baseline; gap: var(--mg-space-10); padding-top: var(--mg-space-6); border-top: 2px solid var(--mg-text-primary); }
html.ui-v2 .mg-qdoc__pay > span:first-child { font-size: 16px; font-weight: 700; }
html.ui-v2 .mg-qdoc__pay > span:last-child { font-size: 30px; font-weight: 800; line-height: 1.2; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.ui-v2 .mg-qdoc__totals--aam .mg-qdoc__pay { padding-top: 0; border-top: none; }
html.ui-v2 .mg-qdoc__taxline { font-size: 14px; line-height: 1.45; color: var(--mg-text-secondary); text-align: right; }
html.ui-v2 .mg-qdoc__terms { display: flex; flex-direction: column; gap: var(--mg-space-8); padding: var(--mg-space-14); background: var(--mg-bg-card); border: 1px solid var(--mg-border-card); border-radius: var(--mg-radius-card); box-shadow: var(--mg-shadow-card); font-size: 14px; margin: 0; }
html.ui-v2 .mg-qdoc__terms > div { display: flex; justify-content: space-between; gap: var(--mg-space-10); }
html.ui-v2 .mg-qdoc__terms dt { color: var(--mg-text-secondary); }
html.ui-v2 .mg-qdoc__terms dd { margin: 0; font-weight: 600; text-align: right; }
html.ui-v2 .mg-paper { padding: var(--mg-space-16) var(--mg-space-14); background: var(--mg-divider); border-radius: 18px; }
html.ui-v2 .mg-paper__sheet { background: var(--mg-bg-card); border-radius: 6px; box-shadow: var(--mg-shadow-preview); padding: 18px var(--mg-space-16); display: flex; flex-direction: column; gap: var(--mg-space-12); }
html.ui-v2 .mg-paper__head { display: flex; justify-content: space-between; gap: var(--mg-space-8); font-size: 13px; color: var(--mg-text-muted); }
html.ui-v2 .mg-paper__head b { display: block; font-size: 14px; font-weight: 800; color: var(--mg-text-primary); }
html.ui-v2 .mg-paper__head > span:last-child { text-align: right; }
html.ui-v2 .mg-paper__title { border-top: 2px solid var(--mg-text-primary); padding-top: var(--mg-space-8); font-size: 16px; font-weight: 800; }
html.ui-v2 .mg-paper__rows { display: flex; flex-direction: column; font-size: 13px; }
html.ui-v2 .mg-paper__rows > div { display: flex; justify-content: space-between; gap: var(--mg-space-8); padding: var(--mg-space-6) 0; border-top: 1px solid var(--mg-bg-sunken); }
html.ui-v2 .mg-paper__rows b, html.ui-v2 .mg-paper__pay b:last-child { font-variant-numeric: tabular-nums; white-space: nowrap; }
html.ui-v2 .mg-paper__pay { display: flex; justify-content: space-between; align-items: baseline; border-top: 2px solid var(--mg-text-primary); padding-top: var(--mg-space-8); }
html.ui-v2 .mg-paper__pay b:first-child { font-size: 13px; }
html.ui-v2 .mg-paper__pay b:last-child { font-size: 18px; font-weight: 800; }
html.ui-v2 .mg-paper__note { font-size: 13px; line-height: 1.5; color: var(--mg-text-on-tint); background: var(--mg-bg-subtle); border-radius: 6px; padding: var(--mg-space-8) var(--mg-space-10); }
html.ui-v2 .mg-accept { display: flex; flex-direction: column; gap: var(--mg-space-12); padding: var(--mg-space-16); background: var(--mg-bg-card); border: 1px solid var(--mg-border-card); border-radius: var(--mg-radius-card); box-shadow: var(--mg-shadow-card); }
html.ui-v2 .mg-accept__title { font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mg-text-secondary); margin: var(--mg-space-8) var(--mg-space-4) 0; }
html.ui-v2 .mg-accept .mg-check { padding: var(--mg-space-4) 0; }
html.ui-v2 .mg-accept .mg-check__text b { display: block; font-size: 16px; font-weight: 700; }
html.ui-v2 .mg-accept .mg-check__text small { display: block; font-size: 14px; line-height: 1.5; color: var(--mg-text-on-tint); }
html.ui-v2 .mg-accept__alt { display: flex; flex-direction: column; align-items: center; gap: var(--mg-space-2); }
html.ui-v2 .mg-accept__alt .mg-btn-sec { width: 100%; }
html.ui-v2 .mg-thanks { display: flex; flex-direction: column; align-items: center; gap: var(--mg-space-10); padding: 40px var(--mg-space-24) 0; text-align: center; }
html.ui-v2 .mg-thanks__icon { width: 76px; height: 76px; border-radius: 50%; background: var(--mg-done-tint); color: var(--mg-own-text); display: inline-flex; align-items: center; justify-content: center; }
html.ui-v2 .mg-thanks__icon svg { width: 38px; height: 38px; }
html.ui-v2 .mg-summary { display: flex; flex-direction: column; gap: var(--mg-space-10); padding: var(--mg-space-16); background: var(--mg-bg-card); border: 1px solid var(--mg-border-card); border-radius: var(--mg-radius-card); box-shadow: var(--mg-shadow-card); font-size: 14px; margin: 0; }
html.ui-v2 .mg-summary > div { display: flex; justify-content: space-between; align-items: baseline; gap: var(--mg-space-10); }
html.ui-v2 .mg-summary dt { color: var(--mg-text-secondary); flex: none; }
html.ui-v2 .mg-summary dd { margin: 0; font-weight: 600; text-align: right; }
html.ui-v2 .mg-summary__pay { border-top: 1px solid var(--mg-divider); padding-top: var(--mg-space-10); }
html.ui-v2 .mg-summary__pay dd { font-size: 22px; font-weight: 800; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.ui-v2 .mg-plan { display: flex; flex-direction: column; gap: var(--mg-space-10); padding: var(--mg-space-16); border-radius: var(--mg-radius-card); background: var(--mg-own-tint); border: 1px solid var(--mg-green-200); }
html.ui-v2 .mg-plan b { font-size: 15px; font-weight: 700; }
html.ui-v2 .mg-plan p { margin: 0; font-size: 15px; line-height: 1.45; color: var(--mg-text-on-tint); }
html.ui-v2 .mg-contact-foot { display: flex; flex-direction: column; gap: var(--mg-space-10); }
html.ui-v2 .mg-contact-foot > span { text-align: center; font-size: 14px; color: var(--mg-text-muted); user-select: text; -webkit-user-select: text; }
html.ui-v2 .mg-rating { display: flex; flex-direction: column; gap: var(--mg-space-14); padding: 18px var(--mg-space-16); background: var(--mg-bg-card); border: 1px solid var(--mg-border-card); border-radius: var(--mg-radius-card); box-shadow: var(--mg-shadow-card); }
html.ui-v2 .mg-rating__label { font-size: 15px; font-weight: 700; }
html.ui-v2 .mg-rating__stars { display: flex; justify-content: space-between; }
html.ui-v2 .mg-rating__star { width: 56px; height: 56px; min-width: var(--mg-touch-min); border: none; background: transparent; padding: 0; border-radius: var(--mg-radius-input); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; color: var(--mg-border-control); }
html.ui-v2 .mg-rating__star svg { width: 40px; height: 40px; fill: var(--mg-bg-card); stroke: currentColor; }
html.ui-v2 .mg-rating__star.is-on { color: color-mix(in srgb, var(--mg-review) 78%, var(--mg-ink-950)); }
html.ui-v2 .mg-rating__star.is-on svg { fill: var(--mg-review); }
html.ui-v2 .mg-rating__star:active { transform: scale(.98); transition: transform var(--mg-motion-fast) var(--mg-ease-out); }
html.ui-v2 .mg-rating__text { font-size: 15px; font-weight: 600; color: var(--mg-text-on-tint); text-align: center; min-height: 21px; }
html.ui-v2 .mg-rating__note { text-align: center; font-size: 14px; color: var(--mg-text-muted); }
html.ui-v2 .mg-textarea { width: 100%; min-height: 96px; border: 1.5px solid var(--mg-border-control); border-radius: var(--mg-radius-input); padding: var(--mg-space-12) var(--mg-space-14); font-size: 16px; line-height: 1.4; background: var(--mg-bg-card); color: var(--mg-text-primary); resize: vertical; }
html.ui-v2 .mg-textarea::placeholder { color: var(--mg-text-muted); }
html.ui-v2 .mg-kpis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mg-space-10); }
html.ui-v2 .mg-kpi { display: flex; flex-direction: column; gap: var(--mg-space-4); padding: var(--mg-space-14); background: var(--mg-bg-card); border: 1px solid var(--mg-border-card); border-radius: var(--mg-radius-card); box-shadow: var(--mg-shadow-card); min-width: 0; }
html.ui-v2 .mg-kpi__label { font-size: 14px; color: var(--mg-text-secondary); }
html.ui-v2 .mg-kpi__value { font-size: 30px; font-weight: 800; line-height: 1.15; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.ui-v2 .mg-kpi--money .mg-kpi__value { font-size: 22px; line-height: 1.2; padding: var(--mg-space-4) 0; }
html.ui-v2 .mg-kpi__delta { font-size: 14px; color: var(--mg-text-muted); }
html.ui-v2 .mg-kpi__delta--up { color: var(--mg-own-text); font-weight: 600; }
html.ui-v2 .mg-kpi__delta--watch { color: var(--mg-review-text); font-weight: 600; }
html.ui-v2 .mg-chart { --mg-viz-1: var(--mg-action); --mg-viz-2: var(--mg-green-300); --mg-viz-3: var(--mg-review); --mg-viz-4: var(--mg-ink-300); display: flex; flex-direction: column; gap: var(--mg-space-12); padding: var(--mg-space-16); background: var(--mg-bg-card); border: 1px solid var(--mg-border-card); border-radius: var(--mg-radius-card); box-shadow: var(--mg-shadow-card); }
html.ui-v2 .mg-chart__head { display: flex; justify-content: space-between; align-items: baseline; gap: var(--mg-space-10); }
html.ui-v2 .mg-chart__head b { font-size: 15px; font-weight: 700; }
html.ui-v2 .mg-chart__head small { font-size: 14px; color: var(--mg-text-muted); text-align: right; }
html.ui-v2 .mg-chart svg { display: block; width: 100%; height: auto; overflow: visible; }
html.ui-v2 .mg-chart .s1 { fill: var(--mg-viz-1); }
html.ui-v2 .mg-chart .s2 { fill: var(--mg-viz-2); }
html.ui-v2 .mg-chart .s3 { fill: var(--mg-viz-3); }
html.ui-v2 .mg-chart .s4 { fill: var(--mg-viz-4); }
html.ui-v2 .mg-chart .gap { stroke: var(--mg-bg-card); stroke-width: 2; }
html.ui-v2 .mg-chart .axis { stroke: var(--mg-border-card); stroke-width: 1; }
html.ui-v2 .mg-chart .grid { stroke: var(--mg-divider); stroke-width: 1; }
html.ui-v2 .mg-chart .lbl { fill: var(--mg-text-muted); font-size: 14px; font-family: var(--font-mg-sans); }
html.ui-v2 .mg-chart .tot { fill: var(--mg-text-secondary); font-size: 14px; font-weight: 700; font-family: var(--font-mg-sans); font-variant-numeric: tabular-nums; }
html.ui-v2 .mg-chart__legend { display: flex; flex-wrap: wrap; gap: var(--mg-space-6) var(--mg-space-16); margin: 0; padding: 0; list-style: none; font-size: 14px; color: var(--mg-text-secondary); }
html.ui-v2 .mg-chart__legend li { display: inline-flex; align-items: center; gap: var(--mg-space-6); }
html.ui-v2 .mg-chart__legend i { width: 12px; height: 12px; border-radius: 3px; flex: none; }
html.ui-v2 .mg-chart__legend .s1 { background: var(--mg-viz-1); }
html.ui-v2 .mg-chart__legend .s2 { background: var(--mg-viz-2); }
html.ui-v2 .mg-chart__legend .s3 { background: var(--mg-viz-3); }
html.ui-v2 .mg-chart__legend .s4 { background: var(--mg-viz-4); }
html.ui-v2 .mg-chart__data summary { min-height: var(--mg-touch-min); display: inline-flex; align-items: center; font-size: 14px; font-weight: 700; color: var(--mg-action); cursor: pointer; }
html.ui-v2 .mg-chart__data table { width: 100%; border-collapse: collapse; font-size: 14px; }
html.ui-v2 .mg-chart__data th, html.ui-v2 .mg-chart__data td { padding: var(--mg-space-6) var(--mg-space-4); text-align: right; border-top: 1px solid var(--mg-divider); font-variant-numeric: tabular-nums; }
html.ui-v2 .mg-chart__data th:first-child, html.ui-v2 .mg-chart__data td:first-child { text-align: left; }
html.ui-v2 .mg-chart__data thead th { font-weight: 600; color: var(--mg-text-secondary); border-top: none; }
html.ui-v2 .mg-desk { display: flex; flex-direction: column; min-height: 100%; background: var(--mg-bg-page); }
html.ui-v2 .mg-desk__top { height: 64px; flex: none; display: flex; align-items: center; gap: 28px; padding: 0 var(--mg-space-24); background: var(--mg-bg-card); border-bottom: 1px solid var(--mg-border-card); }
html.ui-v2 .mg-desk__nav { display: flex; gap: var(--mg-space-4); height: 100%; }
html.ui-v2 .mg-desk__tab { display: flex; align-items: center; gap: var(--mg-space-8); padding: 0 var(--mg-space-14); color: var(--mg-text-secondary); font-size: 15px; font-weight: 600; text-decoration: none; border-bottom: 3px solid transparent; margin-bottom: -1px; }
html.ui-v2 .mg-desk__tab[aria-current="page"] { color: var(--mg-action); border-bottom-color: var(--mg-action); font-weight: 700; }
html.ui-v2 .mg-desk__new { min-height: var(--mg-touch-min); margin-left: auto; padding: 0 var(--mg-space-16); border-radius: var(--mg-radius-input); background: var(--mg-action); color: var(--mg-on-action); font-size: 15px; font-weight: 700; display: inline-flex; align-items: center; gap: var(--mg-space-8); text-decoration: none; border: none; cursor: pointer; }
html.ui-v2 .mg-desk__body { flex: 1; display: flex; min-height: 0; }
html.ui-v2 .mg-desk__list { width: 460px; flex: none; display: flex; flex-direction: column; border-right: 1px solid var(--mg-border-card); overflow: hidden; }
html.ui-v2 .mg-desk__tools { display: flex; flex-direction: column; gap: var(--mg-space-10); padding: var(--mg-space-16) var(--mg-space-16) var(--mg-space-4); }
html.ui-v2 .mg-desk__scroll { flex: 1; overflow-y: auto; padding: 0 var(--mg-space-16) var(--mg-space-16); }
html.ui-v2 .mg-desk__group { display: block; margin: var(--mg-space-16) var(--mg-space-4) var(--mg-space-8); font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mg-text-secondary); }
html.ui-v2 .mg-desk__group--action { color: var(--mg-action); }
html.ui-v2 .mg-desk-row { display: flex; flex-direction: column; gap: var(--mg-space-6); padding: var(--mg-space-12) var(--mg-space-14); margin-bottom: var(--mg-space-8); border-radius: var(--mg-radius-control); background: var(--mg-bg-card); border: 1px solid var(--mg-border-card); color: var(--mg-text-primary); text-decoration: none; }
html.ui-v2 .mg-desk-row__line { display: flex; justify-content: space-between; align-items: baseline; gap: var(--mg-space-10); }
html.ui-v2 .mg-desk-row__line b { font-size: 16px; font-weight: 700; }
html.ui-v2 .mg-desk-row__line small { font-size: 14px; color: var(--mg-text-muted); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.ui-v2 .mg-desk-row--todo { border: 2px solid var(--mg-review); padding: 11px 13px; }
html.ui-v2 .mg-desk-row[aria-current="true"] { background: var(--mg-selected-soft); border-color: var(--mg-selected-soft); }
html.ui-v2 .mg-desk__detail { flex: 1; min-width: 0; overflow-y: auto; padding: 22px 28px 28px; display: flex; flex-direction: column; gap: var(--mg-space-16); }
html.ui-v2 .mg-desk__dhead { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--mg-space-24); }
html.ui-v2 .mg-desk__dhead > div:first-child { display: flex; flex-direction: column; gap: var(--mg-space-8); min-width: 0; }
html.ui-v2 .mg-desk__dhead small { font-size: 15px; color: var(--mg-text-secondary); }
html.ui-v2 .mg-desk__actions { display: flex; align-items: center; gap: var(--mg-space-8); flex: none; }
html.ui-v2 .mg-desk__amount { font-size: 28px; font-weight: 800; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; white-space: nowrap; margin-right: var(--mg-space-8); }
html.ui-v2 .mg-desk__cols { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--mg-space-16); align-items: start; }
@media (hover: hover) {
html.ui-v2 .mg-desk-row:hover { background: var(--mg-bg-subtle); border-color: var(--mg-border-control); }
html.ui-v2 .mg-desk-row[aria-current="true"]:hover { background: var(--mg-selected-soft); }
html.ui-v2 .mg-desk__tab:hover { color: var(--mg-text-primary); }
}
@media (min-width: 1200px) {
html.ui-v2 .mg-desk__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 899px) {
html.ui-v2 .mg-desk__body { flex-direction: column; }
html.ui-v2 .mg-desk__list { width: 100%; max-width: var(--mg-content-max); margin: 0 auto; border-right: none; }
html.ui-v2 .mg-desk__detail { display: none; }
html.ui-v2 .mg-desk--detail .mg-desk__list { display: none; }
html.ui-v2 .mg-desk--detail .mg-desk__detail { display: flex; width: 100%; max-width: var(--mg-content-max); margin: 0 auto; padding: var(--mg-space-16); }
}
@media (max-width: 599px) {
html.ui-v2 .mg-desk__nav, html.ui-v2 .mg-desk__new { display: none; }
html.ui-v2 .mg-desk__top { padding: 0 var(--mg-space-16) 0 var(--mg-space-20); justify-content: space-between; }
}
html.ui-v2 .mg-steps--dark li { color: var(--mg-layer-text-muted); }
html.ui-v2 .mg-steps--dark li::before { background: var(--mg-layer-border); }
html.ui-v2 .mg-steps--dark li.is-done { color: var(--mg-layer-accent); }
html.ui-v2 .mg-steps--dark li.is-done::before { background: var(--mg-layer-accent); }
html.ui-v2 .mg-steps--dark li[aria-current="step"] { color: var(--mg-layer-text); }
html.ui-v2 .mg-steps--dark li[aria-current="step"]::before { background: var(--mg-layer-text); }
html.ui-v2 .mg-steps li > span { display: flex; align-items: center; gap: var(--mg-space-4); white-space: nowrap; }
html.ui-v2 .mg-steps li > span svg { width: 11px; height: 11px; }
html.ui-v2 .mg-fact { min-height: var(--mg-touch-min); padding: var(--mg-space-8) var(--mg-space-12); border-radius: var(--mg-radius-input); background: var(--mg-bg-sunken); display: flex; align-items: center; gap: var(--mg-space-10); width: 100%; border: none; color: var(--mg-text-primary); text-align: left; }
html.ui-v2 .mg-fact > span:first-child { color: var(--mg-text-on-tint); display: inline-flex; }
html.ui-v2 .mg-fact > span:nth-child(2) { flex-grow: 1; display: flex; flex-direction: column; gap: 1px; }
html.ui-v2 .mg-fact b { font-size: 15px; }
html.ui-v2 .mg-fact small { font-size: 14px; color: var(--mg-text-on-tint); }
html.ui-v2 .mg-fact--ask { background: var(--mg-review-tint); border: 1.5px solid var(--mg-review); cursor: pointer; }
html.ui-v2 .mg-fact--ask small { color: var(--mg-review-text); }
html.ui-v2 .mg-fact .mg-rv { width: 24px; height: 24px; font-size: 13px; }
html.ui-v2 .mg-sumline { display: flex; justify-content: space-between; font-size: 15px; color: var(--mg-layer-text-secondary); gap: var(--mg-space-10); }
html.ui-v2 .mg-sumline > span:last-child { font-weight: 600; color: var(--mg-layer-text); white-space: nowrap; font-variant-numeric: tabular-nums; }
html.ui-v2 .mg-sumpay { display: flex; justify-content: space-between; align-items: baseline; border-top: 1px solid rgba(255, 255, 255, .22); padding-top: var(--mg-space-10); margin-top: var(--mg-space-2); gap: var(--mg-space-10); color: var(--mg-layer-text); }
html.ui-v2 .mg-sumpay > span:first-child { font-size: 17px; font-weight: 800; }
html.ui-v2 .mg-sumpay > span:last-child { font-size: 30px; font-weight: 800; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.ui-v2 .mg-final-row { padding: var(--mg-space-12) var(--mg-space-14); display: flex; gap: var(--mg-space-12); align-items: center; border-top: 1px solid var(--mg-divider); min-height: 60px; }
html.ui-v2 .mg-final-row:first-child { border-top: none; }
html.ui-v2 .mg-final-row > span:nth-child(2) { flex-grow: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--mg-space-2); }
html.ui-v2 .mg-final-row b { font-size: 15px; overflow-wrap: anywhere; }
html.ui-v2 .mg-final-row small { font-size: 14px; color: var(--mg-text-muted); }
html.ui-v2 .mg-final-row > span:first-child:not(.mg-ok) { color: var(--mg-text-secondary); display: inline-flex; }
html.ui-v2 .mg-final-row .mg-ok { width: 24px; height: 24px; }
html.ui-v2 .mg-final-row .mg-ok svg { width: 14px; height: 14px; }
html.ui-v2 .mg-final-row .mg-amt { font-size: 16px; }
html.ui-v2 button.mg-final-row { width: 100%; background: transparent; border: none; border-top: 1px solid var(--mg-divider); text-align: left; color: var(--mg-text-primary); cursor: pointer; }
html.ui-v2 button.mg-final-row:first-child { border-top: none; }
html.ui-v2 .mg-dur { padding: var(--mg-space-12) var(--mg-space-14); display: flex; flex-direction: column; gap: var(--mg-space-10); border-top: 1px solid var(--mg-divider); background: var(--mg-review-tint-soft); }
html.ui-v2 .mg-dur small { font-size: 14px; line-height: 1.4; color: var(--mg-review-text); }
html.ui-v2 .mg-dur .mg-rv { width: 24px; height: 24px; font-size: 13px; }
html.ui-v2 .mg-dur__head { display: flex; gap: var(--mg-space-12); align-items: center; }
html.ui-v2 .mg-dur__head > span:last-child { flex-grow: 1; display: flex; flex-direction: column; gap: var(--mg-space-2); }
html.ui-v2 .mg-dur__head b { font-size: 15px; }
@media (hover: hover) {
html.ui-v2 button.mg-final-row:hover { background: var(--mg-bg-subtle); }
}
html.ui-v2 .mg-btn-sec.mg-opt { flex-direction: column; gap: var(--mg-space-2); padding: var(--mg-space-8) var(--mg-space-6); min-height: 60px; width: 100%; }
html.ui-v2 .mg-opt > span { font-size: 15px; font-weight: 700; }
html.ui-v2 .mg-opt small { font-size: 14px; color: var(--mg-text-muted); font-weight: 500; }
html.ui-v2 .mg-btn-sec--green.mg-opt small { color: var(--mg-own-text); }
html.ui-v2 .mg-pkg { padding: var(--mg-space-12) var(--mg-space-14); display: flex; flex-direction: column; gap: var(--mg-space-8); }
html.ui-v2 .mg-pkg__head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--mg-space-10); }
html.ui-v2 .mg-pkg__head b { font-size: 16px; overflow-wrap: anywhere; }
html.ui-v2 .mg-pkg__head span { font-size: 15px; font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.ui-v2 .mg-pkg > small { font-size: 14px; line-height: 1.4; color: var(--mg-text-on-tint); }
html.ui-v2 .mg-pkg__foot { display: flex; align-items: center; justify-content: space-between; gap: var(--mg-space-10); font-size: 14px; color: var(--mg-text-muted); }
html.ui-v2 .mg-pkg__foot .mg-btn-sec { min-width: 132px; }
html.ui-v2 .mg-term-row { width: 100%; min-height: 52px; padding: 0 var(--mg-space-14); display: flex; align-items: center; justify-content: space-between; gap: var(--mg-space-10); border: none; border-top: 1px solid var(--mg-divider); background: transparent; color: var(--mg-text-primary); font-size: 15px; text-align: left; cursor: pointer; }
html.ui-v2 .mg-term-row:first-child { border-top: none; }
html.ui-v2 div.mg-term-row { cursor: default; padding: var(--mg-space-10) var(--mg-space-14); }
html.ui-v2 .mg-term-row__val { font-weight: 600; text-align: right; overflow-wrap: anywhere; }
html.ui-v2 .mg-term-row__add { font-weight: 600; color: var(--mg-action); }
html.ui-v2 .mg-term-row__edit { width: 100%; display: flex; flex-direction: column; gap: var(--mg-space-10); }
@media (hover: hover) {
html.ui-v2 button.mg-term-row:hover { background: var(--mg-bg-subtle); }
}
html.ui-v2 .mg-preview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mg-space-10); background: var(--mg-bg-subtle); border-radius: var(--mg-radius-control); padding: var(--mg-space-12) var(--mg-space-14); }
html.ui-v2 .mg-preview > span { display: flex; flex-direction: column; gap: var(--mg-space-2); min-width: 0; }
html.ui-v2 .mg-preview > span:last-child { text-align: right; }
html.ui-v2 .mg-preview small { font-size: 14px; color: var(--mg-text-muted); }
html.ui-v2 .mg-preview b { font-size: 18px; font-weight: 800; white-space: nowrap; font-variant-numeric: tabular-nums; }
html.ui-v2 .mg-pv-card { padding: var(--mg-space-14); border-radius: var(--mg-radius-card); display: flex; flex-direction: column; gap: var(--mg-space-10); }
html.ui-v2 .mg-pv-card > b { font-size: 15px; font-weight: 700; }
html.ui-v2 .mg-pv-card > small { font-size: 14px; line-height: 1.4; color: var(--mg-text-on-tint); }
html.ui-v2 .mg-pv-card--ask { background: var(--mg-review-tint-soft); border: 1.5px solid var(--mg-review); }
html.ui-v2 .mg-pv-card--warn { background: var(--mg-bg-card); border: 1px solid var(--mg-border-card); }
html.ui-v2 .mg-pv-card__line { display: flex; align-items: center; gap: var(--mg-space-10); font-size: 14px; line-height: 1.4; color: var(--mg-text-on-tint); }
html.ui-v2 .mg-pv-card__line > span { flex-grow: 1; min-width: 0; overflow-wrap: anywhere; }
html.ui-v2 .mg-pv-card__line .mg-btn-sec { flex-shrink: 0; font-size: 14px; }
html.ui-v2 .mg-menu { position: absolute; right: var(--mg-space-12); top: 52px; z-index: var(--mg-z-menu); min-width: 240px; padding: var(--mg-space-6); display: flex; flex-direction: column; background: var(--mg-bg-card); border: 1px solid var(--mg-border-card); border-radius: var(--mg-radius-card); box-shadow: var(--mg-shadow-preview); }
html.ui-v2 .mg-menu button { min-height: var(--mg-touch-min); border: none; background: transparent; text-align: left; padding: 0 var(--mg-space-12); border-radius: var(--mg-radius-sm); font-size: 15px; color: var(--mg-text-primary); cursor: pointer; }
html.ui-v2 .mg-menu button:focus-visible { outline-offset: -3px; }
@media (hover: hover) {
html.ui-v2 .mg-menu button:hover { background: var(--mg-bg-subtle); }
}
html.ui-v2 .mg-relative { position: relative; }
html.ui-v2 .mg-em { display: flex; flex-direction: column; gap: var(--mg-space-8); padding: var(--mg-space-12); border-radius: var(--mg-radius-control); background: var(--mg-review-tint-soft); border: 1.5px solid var(--mg-review); }
html.ui-v2 .mg-em__head { display: flex; align-items: center; justify-content: space-between; gap: var(--mg-space-8); min-height: 26px; }
html.ui-v2 .mg-em__big { font-size: 22px; font-weight: 800; letter-spacing: .01em; line-height: 1.3; overflow-wrap: anywhere; word-break: break-all; }
html.ui-v2 .mg-em__big--boxed { padding: var(--mg-space-14) var(--mg-space-16); border-radius: var(--mg-radius-card); background: var(--mg-review-tint-soft); border: 1.5px solid var(--mg-review); }
html.ui-v2 .mg-em__spell { font-size: 14px; color: var(--mg-text-secondary); letter-spacing: .04em; overflow-wrap: anywhere; }
html.ui-v2 .mg-em__q { margin: 0; font-size: 15px; font-weight: 700; color: var(--mg-review-text); }
html.ui-v2 .mg-em__opts { display: flex; flex-direction: column; gap: var(--mg-space-8); }
html.ui-v2 .mg-btn-sec.mg-em-opt { justify-content: flex-start; text-align: left; overflow-wrap: anywhere; word-break: break-all; padding: var(--mg-space-6) var(--mg-space-12); width: 100%; }
html.ui-v2 .mg-proc-art { display: flex; justify-content: center; gap: var(--mg-space-10); height: 64px; align-items: flex-end; }
html.ui-v2 .mg-proc-art span { width: 12px; border-radius: 8px; background: var(--mg-clay-200); }
html.ui-v2 .mg-proc-art span + span { background: var(--mg-source-mark); }
html.ui-v2 .mg-psteps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
html.ui-v2 .mg-psteps li { display: flex; gap: var(--mg-space-14); min-height: 64px; }
html.ui-v2 .mg-psteps li > span:first-child { display: flex; flex-direction: column; align-items: center; }
html.ui-v2 .mg-psteps li > span:last-child { display: flex; flex-direction: column; gap: var(--mg-space-2); padding-top: 3px; }
html.ui-v2 .mg-psteps b { font-size: 15px; font-weight: 600; }
html.ui-v2 .mg-psteps small { font-size: 14px; color: var(--mg-text-muted); }
html.ui-v2 .mg-psteps li.is-on b { font-weight: 700; }
html.ui-v2 .mg-psteps li:not(.is-on):not(.is-done) b { color: var(--mg-text-muted); }
html.ui-v2 .mg-psteps .mg-ok svg { width: 16px; height: 16px; }
html.ui-v2 .mg-step-dot { width: 28px; height: 28px; border-radius: 50%; border: 2px solid var(--mg-ink-200); background: var(--mg-bg-card); }
html.ui-v2 .mg-company__actions .mg-btn-sec:active, html.ui-v2 .mg-opt:active, html.ui-v2 .mg-em-opt:active, html.ui-v2 .mg-menu button:active, html.ui-v2 .mg-term-row:active, html.ui-v2 button.mg-final-row:active, html.ui-v2 .mg-desk-row:active { transform: scale(.98); transition: transform var(--mg-motion-fast) var(--mg-ease-out); }
html.ui-v2 .mg-desk__next { display: flex; align-items: center; gap: var(--mg-space-20); padding: var(--mg-space-16) 18px; border-radius: 18px; background: var(--mg-own-tint); border: 1px solid var(--mg-green-200); }
html.ui-v2 .mg-desk__next > span { flex: 1; display: flex; flex-direction: column; gap: var(--mg-space-4); }
html.ui-v2 .mg-desk__next .mg-desk__group { margin: 0; }
html.ui-v2 .mg-desk__next b { font-size: 17px; font-weight: 700; }
html.ui-v2 .mg-desk__next .mg-btn { width: 240px; flex: none; }
@media (max-width: 1199px) {
html.ui-v2 .mg-desk__next { flex-direction: column; align-items: stretch; gap: var(--mg-space-12); }
html.ui-v2 .mg-desk__next .mg-btn { width: 100%; }
html.ui-v2 .mg-desk__dhead { flex-direction: column; gap: var(--mg-space-8); }
html.ui-v2 .mg-desk__actions { width: 100%; justify-content: space-between; }
}
html.ui-v2 a.mg-btn, html.ui-v2 a.mg-btn-sec, html.ui-v2 a.mg-btn-opt { text-decoration: none; }