/* Canonical tokens copied from the approved landing page. Keep in sync. */
:root {
    --bg:         #f8f9f5;
    --bg-card:    #ffffff;
    --bg-hover:   #f0f1ec;
    --ink:        #1e293b;
    --border:     #e2e0da;
    --border-mid: #ccc9c2;
    --blue:   #2563eb; --blue-lt:   #eff6ff; --blue-mid:   #bfdbfe;
    --green:  #16a34a; --green-lt:  #f0fdf4; --green-mid:  #bbf7d0;
    --amber:  #d97706; --amber-lt:  #fffbeb; --amber-mid:  #fde68a;
    --red:    #dc2626; --red-lt:    #fef2f2; --red-mid:    #fecaca;
    --cyan:   #0891b2; --cyan-lt:   #ecfeff; --cyan-mid:   #a5f3fc;
    --violet: #7c3aed; --violet-lt: #f5f3ff; --violet-mid: #ddd6fe;
    --orange: #c2410c; --orange-lt: #fff7ed;
    --pink:   #be185d; --pink-lt:   #fdf2f8;
    --teal:   #0d9488; --teal-lt:   #f0fdfa;
    --text-1: #1e293b; --text-2: #475569; --text-3: #64748b; --text-4: #94a3b8;
    --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 20px;
    --sh-xs: 0 1px 2px rgba(15,23,42,.05);
    --sh-sm: 0 1px 3px rgba(15,23,42,.06), 0 4px 12px rgba(15,23,42,.04);
    --sh-md: 0 2px 8px rgba(15,23,42,.07), 0 8px 24px rgba(15,23,42,.05);
    --sh-hv: 0 8px 24px rgba(15,23,42,.10), 0 24px 48px rgba(15,23,42,.07);
    --ease-out: cubic-bezier(.22,.68,0,1.2);
}

/* Shared product layout. Landing-page CSS remains the visual reference. */
:root { --sidebar-w: 248px; --page-gutter: 30px; }
body { background:var(--bg);font-family:'Inter',system-ui,sans-serif;font-size:14px;line-height:1.6; }
:focus-visible { outline:2px solid var(--blue);outline-offset:3px; }
a,button,input,select,textarea { -webkit-tap-highlight-color:transparent; }
button:disabled { opacity:.5;cursor:not-allowed;box-shadow:none; }
.muted,.footnote { color:var(--text-2); }
small,.small { line-height:1.6; }
label { font-size:12px;font-weight:600;color:var(--text-2);gap:6px;margin:16px 0; }
input,select,textarea { min-height:42px;padding:9px 12px;font-size:14px;font-weight:400;border:1px solid var(--border-mid);border-radius:var(--r-sm);background:#fff;color:var(--text-1); }
input:focus,select:focus,textarea:focus { border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.10); }
input[type=checkbox] { min-height:0;height:17px;width:17px;accent-color:var(--blue); }
.primary,.secondary { min-height:42px;padding:9px 16px;border-radius:var(--r-sm);font-size:13px;font-weight:600;line-height:1.5; }
.primary { border:1px solid #2563eb;background:#2563eb;box-shadow:var(--sh-xs); }
.primary:hover { background:#1d4ed8; }
.secondary { border-color:var(--border-mid);background:#fff; }
.secondary:hover { background:var(--bg-hover); }
.grid2 { grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px; }
.two-col { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:24px; }
.two-col>* { min-width:0; }
.inline-actions { flex-wrap:wrap;gap:10px; }
.section-gap { margin-top:24px; }
.permission-grid { display:flex;gap:12px 20px;flex-wrap:wrap; }
.permission-grid .tag { white-space:normal;line-height:1.8; }
/* Public account pages share the landing content edges: 1180 including 30px gutters. */
.auth-page { display:block;border:0; }
.auth-nav-shell { border-bottom:1px solid var(--border);background:var(--bg); }
.auth-nav { max-width:1180px;margin:0 auto;padding:14px var(--page-gutter);border:0;gap:20px; }
.brand { gap:12px;font-size:15px;font-weight:700;letter-spacing:-.2px;line-height:1.2; }
.brand small { font-size:11px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--text-2);margin-top:4px; }
.brand-mark { width:38px;height:38px;border-radius:12px;font-size:16px;background:linear-gradient(135deg,var(--blue),#3b82f6);box-shadow:0 6px 16px rgba(37,99,235,.2); }
.auth-nav>a:last-child { font-size:13px;color:var(--text-2);text-align:right; }
.auth-wrap { width:calc(100% - 2 * var(--page-gutter));max-width:1120px;margin:40px auto;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:stretch;border:1px solid var(--border);border-radius:20px;overflow:hidden;background:#fff;box-shadow:var(--sh-sm); }
.auth-intro,.apply-page .auth-intro { position:relative;padding:40px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-width:0;background:var(--ink);color:#fff; }
.auth-intro::before { content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at top left,rgba(37,99,235,.22),transparent 65%); }
.auth-intro>* { position:relative; }
.auth-intro .eyebrow { color:#93c5fd;font-size:11px;letter-spacing:1px; }
.auth-story h1 { font-size:34px;line-height:1.2;font-weight:800;letter-spacing:-1px;margin:20px 0 16px;max-width:420px; }
.auth-story>p { font-size:14px;line-height:1.8;color:#c1cbd9;max-width:42ch; }
.auth-benefits { display:grid;gap:20px;margin:0;padding:0; }
.auth-benefits>div { display:flex;gap:12px;align-items:flex-start; }
.auth-benefits>div>i { color:#93c5fd;font-size:15px;padding:10px;background:rgba(255,255,255,.07);border-radius:8px;margin:0; }
.auth-benefits strong { display:block;font-size:13px;font-weight:600;color:#fff; }
.auth-benefits small { display:block;font-size:12px;color:#aab9cd;margin-top:3px; }
.auth-intro-bottom { padding-top:20px;border-top:1px solid rgba(255,255,255,.14); }
.auth-intro-bottom .back-link { display:inline-block;color:#c1cbd9;font-size:12px; }
.auth-intro-bottom p { margin-top:12px;font-size:12px;color:#c1cbd9; }
.auth-intro-bottom a { overflow-wrap:anywhere; }
.auth-card { border:0;border-radius:0;box-shadow:none;padding:40px;min-width:0; }
.auth-card h2 { font-size:25px;font-weight:700;letter-spacing:-.6px;line-height:1.3;margin:16px 0 8px; }
.auth-card>.muted { font-size:13.5px;line-height:1.7;color:var(--text-2);margin-bottom:24px; }
.auth-card input,.auth-card select { min-height:46px; }
.auth-card .primary { min-height:46px; }
.auth-card .steps { flex-wrap:wrap;gap:10px;font-size:11px; }
.auth-footer { padding:0 20px 28px;color:var(--text-2); }
.password-feedback { font-size:12px;line-height:1.6;margin:8px 0;padding-left:10px;border-left:3px solid #94a3b8;color:#475569; }
.password-feedback[data-level=weak] { color:#b42318;border-color:#ef4444; }
.password-feedback[data-level=compatible] { color:#946200;border-color:#eab308; }
.password-feedback[data-level=strong] { color:#15803d;border-color:#22c55e; }
[data-signup-step][hidden],[data-signup-next][hidden],[data-signup-back][hidden] { display:none!important; }
.steps .current-step { color:var(--blue);font-weight:700; }
.auth-card .steps>b:not(.current-step) { font-weight:400;color:var(--text-2); }
[data-signup-next] { margin-top:24px; } [data-signup-back] { display:block;margin:18px 0; }
/* Root admin sidebar — dark charcoal with blue active */
.root-portal .sidebar { background:#23272E;color:#F8F8F5;border-right:1px solid #3B424C; }
.root-portal .sb-brand { border-color:#3B424C; }
.root-portal .sb-brand-name { color:#F8F8F5; }
.root-portal .sb-brand-sub { color:#B5BCC5;text-transform:none;letter-spacing:0; }
.root-portal .sb-logo { background:linear-gradient(135deg,#2F63E9,#3b82f6);color:#fff; }
.root-portal .sb-section { color:#B5BCC5; }
.root-portal .sb-link { color:#F8F8F5; }
.root-portal .sb-link i { color:#B5BCC5; }
.root-portal .sb-link:hover { background:#2E343D;color:#F8F8F5; }
.root-portal .sb-link.active { background:#2F63E9;color:#fff;font-weight:600; }
.root-portal .sb-link.active i { color:#fff; }
.root-portal .sb-footer { border-color:#3B424C; }
.root-portal .sb-user-name { color:#F8F8F5; }
.root-portal .sb-user-role { color:#B5BCC5; }
.root-portal .sb-avatar { background:#2F63E9;color:#fff; }
.root-portal .sidebar .logout { color:#B5BCC5; }
.root-portal .sidebar .logout:hover { color:#F8F8F5; }
/* Application shell: predictable gutters, restrained controls and task grouping. */
.business-portal .sidebar { background:#f3f4f0;color:#1e293b;border-right:1px solid #e2e0da; }
.business-portal .sb-brand { border-color:#e2e0da; }
.business-portal .sb-brand-name { color:#1e293b; }
.business-portal .sb-brand-sub { color:#64748b;text-transform:none;letter-spacing:0; }
.business-portal .sb-logo { background:linear-gradient(135deg,var(--blue),#3b82f6);color:#fff; }
.business-portal .sb-section { color:#64748b; }
.business-portal .sb-link { color:#1e293b; }
.business-portal .sb-link i { color:#64748b; }
.business-portal .sb-link:hover { background:#eaebe6;color:#1e293b; }
.business-portal .sb-link.active { background:#eff6ff;color:var(--blue);font-weight:600; }
.business-portal .sb-link.active i { color:var(--blue); }
.business-portal .sb-footer { border-color:#e2e0da; }
.business-portal .sb-user-name { color:#1e293b; }
.business-portal .sb-user-role { color:#64748b; }
.business-portal .sb-avatar { background:#eff6ff;color:var(--blue); }
.business-portal .sidebar .logout { color:#64748b; }
.business-portal .sidebar .logout:hover { color:#1e293b; }
.sb-logo { width:38px;height:38px;font-size:16px; }
.sb-link { font-size:13px;min-height:40px; }
.sidebar .logout { padding:10px; }
.main-content { min-width:0;width:calc(100% - var(--sidebar-w)); }
.topbar { padding:16px var(--page-gutter);min-height:70px; }
.topbar-title { font-size:14px;font-weight:600; }
.page-body { width:100%;max-width:1380px;margin:0 auto;padding:28px var(--page-gutter) 48px; }
.page-heading { align-items:flex-start;margin-bottom:24px; }
.page-heading h2 { font-size:25px;font-weight:700;letter-spacing:-.6px;line-height:1.3; }
.page-heading p,.panel p { font-size:13px;color:var(--text-2);line-height:1.7; }
.page-heading p { max-width:70ch;margin-top:8px; }
.panel { min-width:0;box-shadow:var(--sh-xs);border-radius:12px; }
.panel-pad { padding:24px; }
.panel h3 { font-size:15px;font-weight:600;line-height:1.5;margin-bottom:8px; }
.panel h4 { margin:20px 0 10px;font-size:13px; }
.panel-pad>form { max-width:880px; }
.panel .wide { width:auto; }
.panel .event { overflow-wrap:anywhere;padding:16px 0; }
.panel summary { cursor:pointer;font-weight:600;line-height:1.6; }
.panel details[open]>summary { margin-bottom:16px; }
.panel details form { margin-top:12px; }
.stat-grid { grid-template-columns:repeat(4,minmax(0,1fr));gap:16px; }
.stat-card { padding:20px;min-width:0; }
.stat-val { font-size:28px;letter-spacing:-.7px;overflow-wrap:anywhere; }
.stat-sub { line-height:1.6; }
.tbl th { font-size:11px;letter-spacing:.3px; }
.tbl td { vertical-align:top;padding:16px;font-size:13px;line-height:1.7; }
.tbl input,.tbl select { min-width:150px; }
.tbl form { display:grid;gap:10px;min-width:190px; }
.tbl form label { margin:0; }
.table-scroll { max-width:100%;overflow:auto; }
.task-nav { display:flex;flex-wrap:wrap;gap:8px;padding:0 0 20px;margin-bottom:24px;border-bottom:1px solid var(--border); }
.task-nav a { padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:12px;font-weight:500;background:#fff;color:var(--text-2); }
.task-nav a:hover { color:var(--blue);border-color:var(--blue-mid);background:var(--blue-lt); }
[id] { scroll-margin-top:96px; }
.skip-link { position:absolute;top:-80px;left:16px;z-index:200;background:white;padding:12px;color:var(--blue); }
.skip-link:focus { top:8px; }
.page-body nav[role=navigation] { margin-top:16px; } .page-body nav[role=navigation] svg { width:18px;height:18px; }
@media(max-width:1200px) { .stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.plan-grid { grid-template-columns:1fr; } }
@media(max-width:1024px) { .main-content { width:100%;margin-left:0; }.two-col { grid-template-columns:minmax(0,1fr); } }
@media(max-width:800px) {
 .auth-wrap { display:block; }.auth-intro,.apply-page .auth-intro { padding:28px;gap:20px; }.auth-story h1 { font-size:28px;max-width:none; }.auth-story>p { max-width:none; }.auth-benefits { display:none; }.auth-intro-bottom { padding-top:16px; }.auth-intro-bottom p { display:none; }.auth-card { padding:28px; }
}
@media(max-width:560px) {
 :root { --page-gutter:16px; }.auth-wrap { margin:24px auto; }.auth-nav { padding:14px var(--page-gutter); }.auth-nav>a:last-child { font-size:12px;max-width:130px; }.auth-intro,.apply-page .auth-intro,.auth-card { padding:24px; }.auth-story h1 { font-size:25px;letter-spacing:-.6px; }.auth-card h2 { font-size:23px; }
 input,select,textarea { font-size:16px;min-height:44px; }.grid2 { grid-template-columns:minmax(0,1fr);gap:0; }.page-body { padding-top:20px; }.panel-pad { padding:20px; }.page-heading { flex-direction:column;gap:16px; }.page-heading h2 { font-size:23px; }.stat-grid { gap:10px; }.stat-card { padding:16px; }.stat-val { font-size:24px; }.stat-ico { display:none; }.trial-bar { align-items:flex-start; }.topbar-right { gap:6px; }.topbar-title { font-size:13px; }.task-nav { gap:8px; }.primary,.secondary { min-height:44px; }.table-scroll .tbl { min-width:560px; }
}
@media(max-width:360px) { .stat-grid { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important; } }
@media print { .sidebar,.topbar,.no-print,.auth-nav-shell,.auth-intro,.auth-footer,.task-nav { display:none!important; }.main-content { margin:0;width:100%; }.panel,.auth-wrap { box-shadow:none;border:0; }.auth-wrap { display:block;margin:0;width:100%; } }

.page-body>.panel+.two-col { margin-top:24px; }

/* Match the landing hero and contact-form type scale on account screens. */
.auth-story h1 { font-size:clamp(28px,7vw,46px);font-weight:800;line-height:1.14;letter-spacing:-1.2px; }
.auth-card h2 { font-size:25px;font-weight:700;letter-spacing:-.6px; }
.auth-card .primary { min-height:48px;border-radius:13px;font-size:14px;font-weight:700;background:linear-gradient(160deg,#2563eb,#1648c0);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 6px 18px rgba(37,99,235,.28); }
.auth-card input,.auth-card select { border-radius:12px;background:var(--bg-hover); }
@media(max-width:800px){.auth-story h1{font-size:28px}.auth-story>p{font-size:13.5px}.auth-intro,.apply-page .auth-intro{padding:24px 28px;gap:18px}}

.support-entry{margin-bottom:24px}.support-banner{display:flex;gap:20px;align-items:center;justify-content:space-between}.support-banner form{flex-shrink:0}@media(max-width:700px){.support-banner{align-items:flex-start;flex-direction:column}}

/* Align the sidebar identity and page toolbar on one 70px row. */
.sb-brand,.topbar { height:70px;min-height:70px;box-sizing:border-box;flex-shrink:0; }
.sb-brand { padding:16px 18px;align-items:center; }
.sb-brand-text { min-width:0; }.sb-brand-sub { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px;line-height:16px; }
.sb-brand-name { line-height:18px; }.topbar-title { font-size:15px;line-height:18px; }

/* ── Modern design language — aligned with landing page ── */

/* Primary buttons: gradient everywhere, not just auth cards */
.primary {
  border:none;
  border-radius:12px;
  background:linear-gradient(160deg,#2563eb,#1648c0);
  color:#fff;
  font-size:13px;
  font-weight:700;
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset, 0 4px 14px rgba(37,99,235,.22);
  transition:transform .18s cubic-bezier(.22,.68,0,1.2), box-shadow .18s;
}
.primary:hover {
  transform:translateY(-1px);
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset, 0 8px 22px rgba(37,99,235,.32);
  background:linear-gradient(160deg,#2563eb,#1648c0);
}
.secondary {
  border-radius:12px;
  border:1.5px solid var(--border);
  background:#fff;
  color:var(--text-2);
  font-weight:600;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  transition:border-color .15s, background .15s;
}
.secondary:hover { border-color:var(--text-3);background:var(--bg-hover); }

/* Panels: subtle border, no heavy shadow */
.panel {
  border:1px solid var(--border);
  border-radius:14px;
  box-shadow:none;
  background:#fff;
}
.panel-head { border-radius:14px 14px 0 0; }

/* Page headings: bolder, more spacious */
.page-heading { margin-bottom:28px; }
.page-heading h2 {
  font-size:clamp(24px,4vw,28px);
  font-weight:800;
  letter-spacing:-.7px;
  line-height:1.2;
}
.page-heading p {
  font-size:13px;
  color:var(--text-2);
  line-height:1.7;
  margin-top:8px;
}

/* Form inputs: rounded, modern */
input, select, textarea {
  border:1.5px solid var(--border);
  border-radius:10px;
  background:#fff;
  transition:border-color .15s, box-shadow .15s;
}
input:focus, select:focus, textarea:focus {
  border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(37,99,235,.08);
}

/* Tables: cleaner, no hover background */
.tbl th {
  background:transparent;
  border-bottom:2px solid var(--border);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.4px;
  color:var(--text-3);
  padding:12px 16px;
}
.tbl td {
  padding:14px 16px;
  border-bottom:1px solid var(--border);
  font-size:13px;
  line-height:1.7;
}
.tbl tr:hover td { background:transparent; }
.tbl tr:last-child td { border-bottom:none; }

/* Tags: pill-shaped badges */
.tag {
  border-radius:999px;
  padding:3px 10px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.3px;
}

/* Trial bar: cleaner with rounded corners */
.trial-bar {
  border-radius:12px;
  font-size:12px;
  font-weight:500;
  line-height:1.6;
}

/* Notices: rounded with modern feel */
.notice {
  border-radius:12px;
  font-size:12px;
  line-height:1.7;
}

/* Empty blocks: better typography */
.empty-block {
  padding:48px 24px;
}
.empty-block h3 {
  font-size:16px;
  font-weight:700;
  letter-spacing:-.3px;
}
.empty-block p {
  font-size:13px;
  color:var(--text-2);
  line-height:1.7;
  max-width:380px;
  margin:8px auto 20px;
}
.empty-icon {
  width:56px;
  height:56px;
  border-radius:16px;
  font-size:22px;
}

/* Stat cards: no hover lift, cleaner */
.stat-card {
  border-radius:14px;
  box-shadow:none;
  border:1px solid var(--border);
}
.stat-card:hover { transform:none;box-shadow:none; }
.stat-val { font-size:28px;font-weight:800;letter-spacing:-.8px; }

/* Panel details/summary: cleaner disclosure */
.panel summary {
  font-size:13px;
  color:var(--blue);
  font-weight:600;
}
.panel details {
  border-top:1px solid var(--border);
  padding-top:16px;
}

/* Topbar: cleaner */
.topbar {
  background:var(--bg);
  border-bottom:1px solid var(--border);
}

/* Section gap: consistent */
.section-gap { margin-top:28px; }

/* Footnotes */
.footnote {
  font-size:11px;
  color:var(--text-3);
  line-height:1.7;
}

/* Action pills: naked outlined buttons used across pages */
.dash-action {
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 14px;
  border-radius:99px;
  font-size:12px;
  font-weight:500;
  color:var(--text-2);
  border:1px solid var(--border);
  background:var(--bg-card);
  transition:all .2s cubic-bezier(.22,.68,0,1.2);
  white-space:nowrap;
  text-decoration:none;
  cursor:pointer;
  min-height:auto;
}
.dash-action:hover {
  color:var(--blue);
  border-color:var(--blue);
  background:var(--blue-lt);
  transform:translateY(-1px);
}
.dash-action i { font-size:10px; }

/* Review form: pill-like controls */
.review-form select {
  min-height:36px;
  padding:6px 10px;
  font-size:12px;
  border-radius:8px;
}
.review-form .secondary {
  min-height:36px;
  padding:6px 12px;
  font-size:12px;
}

/* Progress track: gradient fill */
.progress-track {
  height:5px;
  background:var(--border);
  border-radius:4px;
  overflow:hidden;
}
.progress-track span {
  background:linear-gradient(90deg,var(--blue),#3b82f6);
}

/* Event log items: cleaner */
.event {
  padding:16px 0;
  border-bottom:1px solid var(--border);
  font-size:13px;
  line-height:1.7;
}

/* Pagination: cleaner nav */
.page-body nav[role=navigation] span,
.page-body nav[role=navigation] a {
  border-radius:8px;
}

/* Subscription badge in header */
.sub-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:99px;font-size:11px;font-weight:600;white-space:nowrap;text-decoration:none;transition:opacity .15s}
.sub-badge:hover{opacity:.85}
.sub-badge-amber{background:var(--amber-lt);color:var(--amber);border:1px solid var(--amber-mid)}
.sub-badge-red{background:var(--red-lt);color:var(--red);border:1px solid var(--red-mid)}
.sub-badge-blue{background:var(--blue-lt);color:var(--blue);border:1px solid var(--blue-mid)}
.sub-badge-green{background:var(--green-lt);color:var(--green);border:1px solid var(--green-mid)}
.sub-badge-violet{background:var(--violet-lt);color:var(--violet);border:1px solid var(--violet-mid)}

/* Toast notifications — fixed top-right */
@keyframes toastIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
@keyframes toastOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(40px)}}
.toast-container{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:380px}
.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:500;box-shadow:0 4px 24px rgba(15,23,42,.12);pointer-events:auto;animation:toastIn .3s cubic-bezier(.22,.68,0,1.2) forwards}
.toast.hiding{animation:toastOut .25s ease-in forwards}
.toast-success{background:#fff;color:var(--green);border:1px solid var(--green-mid)}
.toast-success i{color:var(--green)}
.toast-error{background:#fff;color:var(--red);border:1px solid var(--red-mid)}
.toast-error i{color:var(--red)}
.toast span{flex:1;color:var(--text-1);line-height:1.4}
.toast-close{background:none;border:none;color:var(--text-3);cursor:pointer;padding:2px;font-size:12px;flex-shrink:0;transition:color .15s}
.toast-close:hover{color:var(--text-1)}