/* ===================== Tema escuro (escolhido pela loja) ===================== */
.m-body[data-theme="dark"] {
  --brand-soft: color-mix(in srgb, var(--brand) 16%, transparent);
  --ink: #d5d8de; --ink-strong: #f3f4f6; --txt2: #9aa1ad;
  --line: #262a31; --line2: #353a43;
  --ok: #34d399; --ok-soft: rgba(52,211,153,.14);
  --bg: #0f1115; --surface: #171a20; --soft: #1c2027; --soft-2: #22262e; --overlay-btn: rgba(23,26,32,.92);
  --disabled-bg: #2a2f38; --disabled-tx: #6b7280;
  --shadow-sm: 0 2px 8px rgba(0,0,0,.25);
  --shadow: 0 6px 20px rgba(0,0,0,.3);
  --shadow-lg: 0 16px 36px rgba(0,0,0,.4);
  color-scheme: dark;
}
.m-body[data-theme="dark"] input, .m-body[data-theme="dark"] textarea, .m-body[data-theme="dark"] select { background: #11141a; color: var(--ink-strong); border-color: var(--line2); }
.m-body[data-theme="dark"] .m-search input { background: var(--surface); border-color: var(--line); }
.m-body[data-theme="dark"] .m-closed-banner { background: #262a31; }
.m-body[data-theme="dark"] .m-count.req { background: #e5e7eb; color: #111; }
.m-body[data-theme="dark"] .m-check { background: transparent; }
.m-body[data-theme="dark"] .m-drawer { box-shadow: -12px 0 40px rgba(0,0,0,.5); }
.m-body[data-theme="dark"] :focus-visible { outline-color: #60a5fa; }