/* ============================================================
   Plataforma de Movimentação de Contas · protótipo de alta fidelidade
   Estilos derivados do Design System Wealth Money (tokens, Button,
   Card, Badge, SegmentedControl). Adições sinalizadas: cores de
   estado (sucesso/aviso/erro) para a máquina de estados das
   movimentações, seguindo a linhagem Tailwind da paleta.
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");

:root{
  /* Brand blues */
  --wm-blue-700:#014a88;
  --wm-blue-600:#015aa5;
  --wm-blue-500:#1668b8;
  --wm-blue-100:#dbeafe;
  --wm-blue-50:#eff6fe;
  /* App / sky accent */
  --wm-sky-600:#0389fb;
  --wm-sky-400:#289efe;
  --wm-sky-300:#51a2ff;
  /* Navy */
  --wm-navy-950:#0e172b;
  --wm-navy-900:#1a2337;
  --wm-navy-800:#243049;
  /* Neutrals (slate) */
  --wm-slate-900:#0f172a;
  --wm-slate-700:#314158;
  --wm-slate-600:#45556c;
  --wm-slate-400:#90a1b9;
  --wm-slate-300:#cad5e2;
  --wm-slate-200:#e2e8f0;
  --wm-slate-100:#f1f5f9;
  --wm-slate-50:#f8fafc;
  --wm-white:#ffffff;
  --wm-ink:#171717;
  /* Semantic accents (DS) */
  --wm-green-500:#00c950;
  --wm-green-400:#05df72;
  --wm-orange-400:#ff8904;
  --wm-purple-600:#7008e7;
  --wm-blue-900:#1c398e;
  /* State accents (adição sinalizada, linhagem Tailwind) */
  --wm-green-700:#008236; --wm-green-50:#f0fdf4;
  --wm-amber-700:#c2410c; --wm-amber-50:#fff7ed;
  --wm-red-600:#e7000b;   --wm-red-50:#fef2f2;
  /* Aliases */
  --color-primary:var(--wm-blue-600);
  --color-primary-hover:var(--wm-blue-700);
  --text-heading:var(--wm-blue-600);
  --text-display:var(--wm-ink);
  --text-body:var(--wm-slate-600);
  --text-muted:var(--wm-slate-400);
  --text-figure:var(--wm-blue-900);
  --surface-page:var(--wm-slate-50);
  --surface-card:var(--wm-white);
  --surface-dark:var(--wm-navy-950);
  --surface-dark-card:var(--wm-navy-900);
  --border-default:var(--wm-slate-200);
  /* Type */
  --font-display:"Montserrat",system-ui,sans-serif;
  --font-sans:"Poppins",system-ui,sans-serif;
  /* Space */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;
  /* Radii */
  --radius-pill:999px;--radius-card:24px;--radius-md:16px;--radius-sm:12px;
  /* Shadow */
  --shadow-card:0 8px 30px rgba(14,23,43,.08);
  --shadow-float:0 20px 50px rgba(14,23,43,.15);
  --shadow-btn:0 4px 14px rgba(1,90,165,.25);
  /* Motion */
  --ease-out:cubic-bezier(.2,.8,.2,1);--dur-fast:150ms;--dur-med:250ms;
  --sidebar-w:252px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:var(--font-sans);
  color:var(--text-body);
  font-size:15px;
  line-height:1.6;
  background:var(--surface-page);
  -webkit-font-smoothing:antialiased;
}
a{color:var(--wm-blue-600);text-decoration:none}
a:hover{color:var(--wm-blue-700)}
h1,h2,h3,h4{margin:0;color:var(--wm-slate-900)}
.mono{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:12.5px;letter-spacing:-.01em}

/* ---------- Layout shell ---------- */
.layout{display:flex;min-height:100vh}
.sidebar{
  width:var(--sidebar-w);flex:0 0 var(--sidebar-w);
  background:var(--wm-white);border-right:1px solid var(--border-default);
  position:sticky;top:0;height:100vh;display:flex;flex-direction:column;
}
.main{flex:1;min-width:0;display:flex;flex-direction:column}
.content{padding:var(--space-6) var(--space-7);max-width:1240px;width:100%}

/* ---------- Sidebar ---------- */
.sb-brand{padding:22px 22px 14px;display:flex;align-items:center;gap:10px}
.sb-brand img{height:26px;width:auto;display:block}
.sb-env{margin:0 22px 14px;font:600 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;
  color:var(--wm-blue-700);background:var(--wm-blue-50);border:1px solid var(--wm-blue-100);
  border-radius:var(--radius-pill);padding:6px 12px;display:inline-flex;align-items:center;gap:7px;width:fit-content}
.sb-env .dot{width:7px;height:7px;border-radius:50%;background:var(--wm-green-500)}
.sb-nav{flex:1;overflow-y:auto;padding:6px 14px 14px}
.sb-group{font:600 10.5px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;
  color:var(--wm-slate-400);padding:16px 10px 8px}
.sb-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-sm);
  color:var(--wm-slate-700);font-weight:500;font-size:14px;cursor:pointer;transition:background var(--dur-fast) var(--ease-out);position:relative}
.sb-link svg{width:18px;height:18px;flex:0 0 18px;stroke:var(--wm-slate-400);stroke-width:2;fill:none}
.sb-link:hover{background:var(--wm-slate-50);color:var(--wm-slate-900)}
.sb-link.active{background:var(--wm-blue-50);color:var(--wm-blue-700);font-weight:600}
.sb-link.active svg{stroke:var(--wm-blue-600)}
.sb-link .count{margin-left:auto;font:600 11px/1 var(--font-sans);background:var(--wm-amber-50);color:var(--wm-amber-700);
  padding:4px 8px;border-radius:var(--radius-pill)}
.sb-user{border-top:1px solid var(--border-default);padding:14px 18px;display:flex;align-items:center;gap:11px}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--wm-blue-600);color:#fff;
  display:flex;align-items:center;justify-content:center;font:700 13px/1 var(--font-sans);flex:0 0 34px}
.sb-user .nm{font:600 13px/1.2 var(--font-sans);color:var(--wm-slate-900)}
.sb-user .rl{font:400 11.5px/1.2 var(--font-sans);color:var(--wm-slate-400)}

/* ---------- Topbar ---------- */
.topbar{height:64px;background:var(--wm-white);border-bottom:1px solid var(--border-default);
  display:flex;align-items:center;gap:16px;padding:0 var(--space-7);position:sticky;top:0;z-index:20}
.topbar h1{font:700 18px/1 var(--font-sans);color:var(--wm-slate-900)}
.topbar .spacer{flex:1}
.tenant-switch{display:inline-flex;background:var(--wm-slate-50);border:1px solid var(--border-default);
  border-radius:var(--radius-pill);padding:3px}
.tenant-switch button{border:none;background:transparent;font:600 12.5px/1 var(--font-sans);color:var(--wm-slate-600);
  padding:8px 16px;border-radius:var(--radius-pill);cursor:pointer}
.tenant-switch button.on{background:var(--wm-blue-600);color:#fff}
.tb-icon{width:38px;height:38px;border-radius:50%;border:1px solid var(--border-default);background:#fff;
  display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--wm-slate-600)}
.tb-icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}
.tb-secure{display:inline-flex;align-items:center;gap:7px;font:600 12px/1 var(--font-sans);color:var(--wm-green-700);
  background:var(--wm-green-50);padding:7px 13px;border-radius:var(--radius-pill)}
.tb-secure svg{width:14px;height:14px;stroke:var(--wm-green-700);stroke-width:2;fill:none}

/* ---------- Page head ---------- */
.page-head{margin-bottom:var(--space-6)}
.eyebrow{font:600 11.5px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--wm-blue-600)}
.page-head h2{font:700 27px/1.2 var(--font-sans);color:var(--wm-slate-900);margin-top:8px}
.page-head p{margin:8px 0 0;color:var(--wm-slate-600);max-width:70ch}
.row{display:flex;align-items:center;gap:12px}
.spread{display:flex;align-items:center;justify-content:space-between;gap:16px}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;
  font:600 14px/1 var(--font-sans);border-radius:var(--radius-pill);padding:11px 26px;
  transition:filter var(--dur-fast) var(--ease-out);white-space:nowrap}
.btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}
.btn:hover{filter:brightness(.94)}
.btn--primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-btn)}
.btn--secondary{background:var(--wm-slate-100);color:var(--wm-slate-700)}
.btn--muted{background:var(--wm-slate-400);color:#fff}
.btn--ghost{background:transparent;color:var(--color-primary)}
.btn--ondark{background:#fff;color:var(--color-primary)}
.btn--danger{background:var(--wm-red-600);color:#fff}
.btn--sm{padding:8px 18px;font-size:13px}
.btn--lg{padding:14px 32px;font-size:16px}
.btn[disabled]{background:var(--wm-slate-200);color:var(--wm-slate-400);box-shadow:none;cursor:not-allowed;filter:none}

/* ---------- Cards ---------- */
.card{background:var(--surface-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}
.card--outline{box-shadow:none;border:1px solid var(--border-default)}
.card--navy{background:var(--surface-dark);color:#fff;box-shadow:var(--shadow-card)}
.card--dark{background:var(--surface-dark-card);color:#fff}
.card__head{background:var(--wm-blue-600);color:#fff;padding:18px 28px}
.card__head .t{font:700 16px/1.3 var(--font-sans)}
.card__head .s{font:400 13px/1.4 var(--font-sans);color:rgba(255,255,255,.75);margin-top:3px}
.card__body{padding:24px 28px}
.card__body.tight{padding:0}

/* ---------- Grid ---------- */
.grid{display:grid;gap:20px}
.g-2{grid-template-columns:repeat(2,1fr)}
.g-3{grid-template-columns:repeat(3,1fr)}
.g-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){.g-4{grid-template-columns:repeat(2,1fr)}.g-3{grid-template-columns:1fr}}

/* ---------- Stat / KPI ---------- */
.stat{padding:22px 24px}
.stat .lbl{font:600 12px/1 var(--font-sans);color:var(--wm-slate-400);text-transform:uppercase;letter-spacing:.06em}
.stat .val{font:700 30px/1.1 var(--font-display);color:var(--wm-slate-900);margin-top:12px;letter-spacing:-.01em}
.stat .val.figure{color:var(--wm-blue-900)}
.stat .sub{font:500 12.5px/1.4 var(--font-sans);margin-top:8px;color:var(--wm-slate-400);display:flex;align-items:center;gap:6px}
.stat .up{color:var(--wm-green-700)}
.stat .down{color:var(--wm-red-600)}
.card--navy .stat .lbl{color:rgba(255,255,255,.55)}
.card--navy .stat .val{color:#fff}
.card--navy .stat .sub{color:rgba(255,255,255,.65)}

/* ---------- Badges ---------- */
.badge{display:inline-flex;align-items:center;gap:7px;font:600 12.5px/1 var(--font-sans);
  padding:7px 14px;border-radius:var(--radius-pill);white-space:nowrap}
.badge .bdot{width:7px;height:7px;border-radius:50%;background:var(--wm-green-400)}
.badge--status{background:#fff;color:var(--wm-slate-700);border:1px solid var(--border-default)}
.badge--brand{background:var(--wm-blue-600);color:#fff}
.badge--risk{background:var(--wm-blue-100);color:var(--wm-blue-700)}
.badge--dark{background:var(--wm-navy-900);color:#fff}
/* state badges */
.badge--neutral{background:var(--wm-slate-100);color:var(--wm-slate-600)}
.badge--info{background:var(--wm-blue-50);color:var(--wm-blue-700)}
.badge--sky{background:#e6f4ff;color:var(--wm-sky-600)}
.badge--pending{background:var(--wm-amber-50);color:var(--wm-amber-700)}
.badge--success{background:var(--wm-green-50);color:var(--wm-green-700)}
.badge--danger{background:var(--wm-red-50);color:var(--wm-red-600)}
.badge--sm{font-size:11.5px;padding:5px 11px}

/* ---------- Segmented control ---------- */
.seg{display:inline-flex;gap:10px;flex-wrap:wrap}
.seg button{font:600 14px/1 var(--font-sans);padding:12px 22px;border-radius:var(--radius-sm);cursor:pointer;
  background:var(--wm-slate-50);color:var(--wm-slate-700);border:1px solid var(--border-default);
  transition:all var(--dur-fast) var(--ease-out)}
.seg button.on{background:var(--wm-blue-600);color:#fff;border-color:var(--wm-blue-600);font-weight:700}

/* ---------- Tables ---------- */
.table-wrap{overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border-default);background:#fff}
table.tbl{width:100%;border-collapse:collapse;font-size:13.5px}
table.tbl thead th{background:var(--wm-slate-50);text-align:left;font:600 11.5px/1 var(--font-sans);
  letter-spacing:.05em;text-transform:uppercase;color:var(--wm-slate-500,#64748b);padding:14px 18px;border-bottom:1px solid var(--border-default)}
table.tbl tbody td{padding:15px 18px;border-bottom:1px solid var(--wm-slate-100);color:var(--wm-slate-700);vertical-align:middle}
table.tbl tbody tr:last-child td{border-bottom:none}
table.tbl tbody tr{transition:background var(--dur-fast) var(--ease-out)}
table.tbl tbody tr.clickable{cursor:pointer}
table.tbl tbody tr.clickable:hover{background:var(--wm-slate-50)}
.td-strong{font-weight:600;color:var(--wm-slate-900)}
.td-val{font:700 14px/1 var(--font-sans);color:var(--wm-slate-900);text-align:right;white-space:nowrap}
.td-sub{font-size:12px;color:var(--wm-slate-400);margin-top:3px}

/* ---------- Toolbar / filters ---------- */
.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--border-default);
  border-radius:var(--radius-pill);padding:9px 16px;min-width:260px}
.search input{border:none;outline:none;font:400 14px/1 var(--font-sans);color:var(--wm-slate-700);width:100%;background:transparent}
.search svg{width:16px;height:16px;stroke:var(--wm-slate-400);stroke-width:2;fill:none;flex:0 0 16px}
.chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--border-default);
  border-radius:var(--radius-pill);padding:9px 15px;font:500 13px/1 var(--font-sans);color:var(--wm-slate-600);cursor:pointer}
.chip svg{width:14px;height:14px;stroke:var(--wm-slate-400);stroke-width:2;fill:none}

/* ---------- Forms ---------- */
.field{margin-bottom:20px}
.field > label{display:block;font:600 13px/1 var(--font-sans);color:var(--wm-slate-700);margin-bottom:9px}
.field .req{color:var(--wm-red-600)}
.input,.select,textarea.input{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-sm);
  padding:13px 16px;font:400 15px/1.3 var(--font-sans);color:var(--wm-slate-900);background:#fff;outline:none;
  transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}
.input:focus,.select:focus,textarea.input:focus{border-color:var(--wm-blue-500);box-shadow:0 0 0 3px var(--wm-blue-50)}
.input::placeholder{color:var(--wm-slate-400)}
.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2390a1b9' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
.hint{font:400 12.5px/1.4 var(--font-sans);color:var(--wm-slate-400);margin-top:8px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.input-money{position:relative}
.input-money .cur{position:absolute;left:16px;top:50%;transform:translateY(-50%);font:600 15px/1 var(--font-sans);color:var(--wm-slate-400)}
.input-money input{padding-left:46px;font:700 18px/1 var(--font-sans);color:var(--wm-slate-900)}

/* ---------- Stepper ---------- */
.steps{display:flex;align-items:center;gap:0;margin-bottom:28px}
.step{display:flex;align-items:center;gap:11px;color:var(--wm-slate-400);font:600 13px/1 var(--font-sans)}
.step .n{width:28px;height:28px;border-radius:50%;background:var(--wm-slate-100);color:var(--wm-slate-400);
  display:flex;align-items:center;justify-content:center;font-size:13px;flex:0 0 28px}
.step.done .n{background:var(--wm-green-50);color:var(--wm-green-700)}
.step.active{color:var(--wm-slate-900)}
.step.active .n{background:var(--wm-blue-600);color:#fff}
.step-line{flex:1;height:2px;background:var(--border-default);margin:0 14px;min-width:28px}
.step-line.done{background:var(--wm-green-400)}

/* ---------- Timeline (máquina de estados) ---------- */
.timeline{position:relative;padding-left:6px}
.tl{position:relative;padding:0 0 26px 30px;border-left:2px solid var(--border-default);margin-left:8px}
.tl:last-child{border-left-color:transparent;padding-bottom:0}
.tl .mk{position:absolute;left:-9px;top:0;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--wm-slate-300)}
.tl.done .mk{background:var(--wm-green-400);border-color:var(--wm-green-400)}
.tl.current .mk{background:var(--wm-blue-600);border-color:var(--wm-blue-600);box-shadow:0 0 0 4px var(--wm-blue-50)}
.tl.fail .mk{background:var(--wm-red-600);border-color:var(--wm-red-600)}
.tl .tl-t{font:600 14px/1.2 var(--font-sans);color:var(--wm-slate-900)}
.tl .tl-m{font:400 12.5px/1.5 var(--font-sans);color:var(--wm-slate-500,#64748b);margin-top:4px}
.tl .tl-time{font:500 12px/1 var(--font-sans);color:var(--wm-slate-400);margin-top:5px}

/* ---------- Lists / rows ---------- */
.list-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--wm-slate-100)}
.list-row:last-child{border-bottom:none}
.list-row .ic{width:40px;height:40px;border-radius:12px;background:var(--wm-blue-50);display:flex;align-items:center;justify-content:center;flex:0 0 40px}
.list-row .ic svg{width:19px;height:19px;stroke:var(--wm-blue-600);stroke-width:2;fill:none}
.list-row .gw{flex:1;min-width:0}
.list-row .gw .a{font:600 14px/1.3 var(--font-sans);color:var(--wm-slate-900)}
.list-row .gw .b{font:400 12.5px/1.4 var(--font-sans);color:var(--wm-slate-400);margin-top:2px}

/* progress */
.progress{height:8px;border-radius:var(--radius-pill);background:var(--wm-slate-100);overflow:hidden}
.progress > i{display:block;height:100%;border-radius:var(--radius-pill);background:var(--wm-blue-600)}
.progress.danger > i{background:var(--wm-red-600)}
.progress.warn > i{background:var(--wm-orange-400)}

/* definition list */
.dl{display:grid;grid-template-columns:auto 1fr;gap:12px 22px;align-items:center}
.dl dt{font:500 13px/1.3 var(--font-sans);color:var(--wm-slate-400)}
.dl dd{margin:0;font:600 13.5px/1.3 var(--font-sans);color:var(--wm-slate-900);text-align:right}

.divider{height:1px;background:var(--border-default);margin:22px 0}
.muted{color:var(--wm-slate-400)}
.callout{background:var(--wm-blue-50);border:1px solid var(--wm-blue-100);border-radius:var(--radius-md);padding:16px 20px;
  font:400 13.5px/1.6 var(--font-sans);color:var(--wm-slate-700);display:flex;gap:12px}
.callout svg{width:18px;height:18px;stroke:var(--wm-blue-600);stroke-width:2;fill:none;flex:0 0 18px;margin-top:2px}
.callout.warn{background:var(--wm-amber-50);border-color:#fed7aa}
.callout.warn svg{stroke:var(--wm-amber-700)}

/* ---------- Modal (step-up MFA) ---------- */
.overlay{position:fixed;inset:0;background:rgba(14,23,43,.55);backdrop-filter:blur(2px);display:none;
  align-items:center;justify-content:center;z-index:100;padding:20px}
.overlay.open{display:flex}
.modal{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-float);width:100%;max-width:440px;overflow:hidden}
.modal__head{padding:26px 30px 0;text-align:center}
.modal__head .lock{width:52px;height:52px;border-radius:50%;background:var(--wm-blue-50);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.modal__head .lock svg{width:24px;height:24px;stroke:var(--wm-blue-600);stroke-width:2;fill:none}
.modal__head h3{font:700 20px/1.2 var(--font-sans);color:var(--wm-slate-900)}
.modal__head p{margin:10px 0 0;font:400 14px/1.5 var(--font-sans);color:var(--wm-slate-500,#64748b)}
.modal__body{padding:24px 30px 30px}
.otp{display:flex;gap:10px;justify-content:center;margin:6px 0 4px}
.otp input{width:46px;height:56px;text-align:center;font:700 22px/1 var(--font-sans);color:var(--wm-slate-900);
  border:1px solid var(--border-default);border-radius:var(--radius-sm);outline:none}
.otp input:focus{border-color:var(--wm-blue-500);box-shadow:0 0 0 3px var(--wm-blue-50)}
.confirm-box{background:var(--wm-slate-50);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:16px 18px;margin-bottom:22px}

/* ---------- Login ---------- */
.login-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
.login-left{background:var(--wm-navy-950);color:#fff;padding:56px 60px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.login-left::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(3,137,251,.25),transparent 70%)}
.login-left .wm{font:800 22px/1 var(--font-display);letter-spacing:-.01em}
.login-left .wm span{color:var(--wm-sky-400)}
.login-left h2{color:#fff;font:700 34px/1.2 var(--font-sans);max-width:16ch;margin-top:26px}
.login-left p{color:rgba(255,255,255,.7);max-width:40ch;margin-top:16px}
.login-left .feat{display:flex;align-items:center;gap:11px;color:rgba(255,255,255,.85);font-size:13.5px;margin-top:14px}
.login-left .feat svg{width:18px;height:18px;stroke:var(--wm-sky-400);stroke-width:2;fill:none;flex:0 0 18px}
.login-right{background:#fff;display:flex;align-items:center;justify-content:center;padding:40px}
.login-card{width:100%;max-width:380px}
.login-card .brand{height:30px;margin-bottom:34px}
.login-card h1{font:700 24px/1.2 var(--font-sans);margin-bottom:8px}
.login-card .lead{color:var(--wm-slate-500,#64748b);margin-bottom:30px;font-size:14.5px}
@media(max-width:860px){.login-wrap{grid-template-columns:1fr}.login-left{display:none}}

/* helpers */
.mt-0{margin-top:0}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:32px}
.mb-4{margin-bottom:16px}.mb-6{margin-bottom:32px}
.flex{display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.wrap{flex-wrap:wrap}.center{align-items:center}.between{justify-content:space-between}
.w-full{width:100%}.right{text-align:right}.nowrap{white-space:nowrap}
.section-title{font:700 16px/1 var(--font-sans);color:var(--wm-slate-900);margin-bottom:16px}