/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Layout styles are in agentdna-shell.css */
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* NavMenu.razor is not used — layout and nav are in MainLayout.razor + agentdna-shell.css */
/* /Components/Pages/Regulatory/TrainingCompensation.razor.rz.scp.css */
/* ── Training Compensation — scoped styles ─────────────────────────
   Global tokens (--tenant-colour-*, --border-color, etc.) are used
   throughout so dark-mode and theming work automatically.
   Standard UI (tabs, buttons, form fields, tables, cards) defers
   to agentdna-shell.css. Only TC-domain layout lives here.
   ─────────────────────────────────────────────────────────────── */

/* ── Shared page width — all tabs align to one column ──────────── */
.page-header[b-sk5pd8dn3c],
.tab-bar[b-sk5pd8dn3c] {
  max-width: 1440px;
  margin-inline: auto;
}

/* ── Currency selector ─────────────────────────────────────────── */
.currency-selector[b-sk5pd8dn3c] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-shrink: 0;
}
.currency-label[b-sk5pd8dn3c] {
  font-size: 0.73rem;
  color: var(--text-muted);
  font-weight: 500;
  margin-right: 0.2rem;
}
.currency-btn[b-sk5pd8dn3c] {
  background: var(--secondary-bg-color);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 0.28rem 0.65rem;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-muted);
  cursor: pointer;
  transition: all .15s;
  font-family: inherit;
}
.currency-btn:hover[b-sk5pd8dn3c]  { border-color: var(--tenant-colour-primary); color: var(--tenant-colour-primary); }
.currency-btn.active[b-sk5pd8dn3c] { background: var(--tenant-colour-primary); border-color: var(--tenant-colour-primary); color: #fff; }

/* ── Calculator two-column layout ──────────────────────────────── */
.workspace[b-sk5pd8dn3c] {
  max-width: 1440px;
  margin: 1.5rem auto 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  align-items: start;
}
@media (max-width: 1100px) { .workspace[b-sk5pd8dn3c] { grid-template-columns: 1fr; } }

.input-panel[b-sk5pd8dn3c]  { display: flex; flex-direction: column; }
.results-panel[b-sk5pd8dn3c] { position: sticky; top: 72px; }

/* ── Advisor context banner (top of calculator tab) ────────────── */
.advisor-context-banner[b-sk5pd8dn3c] {
  max-width: 1440px;
  margin: 1rem auto 0;
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.65rem 1rem;
  background: var(--info-bg);
  border: 1px solid var(--info-border);
  border-left: 4px solid var(--tenant-colour-primary);
  border-radius: 10px;
}

/* ── Transfer summary strip (inside Step 3) ─────────────────────── */
.transfer-summary[b-sk5pd8dn3c] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
  background: var(--info-bg);
  border: 1.5px solid var(--info-border);
  border-radius: 8px;
  padding: 0.55rem 0.8rem;
  margin-top: 0.6rem;
  font-size: 0.82rem;
}

/* ── Registration history ───────────────────────────────────────── */
.reg-help[b-sk5pd8dn3c] {
  font-size: 0.75rem;
  color: var(--text-muted);
  line-height: 1.55;
  background: var(--info-bg);
  border: 1px solid var(--info-border);
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.85rem;
}
.reg-help strong[b-sk5pd8dn3c] { color: var(--tenant-colour-primary); }

.reg-list[b-sk5pd8dn3c] { display: flex; flex-direction: column; gap: 8px; margin-bottom: 10px; }

.reg-row[b-sk5pd8dn3c] {
  background: var(--tertiary-bg-color);
  border: 1.5px solid var(--border-color);
  border-left: 4px solid var(--border-color);
  border-radius: 8px;
  padding: 10px;
}
.reg-row.is-loan[b-sk5pd8dn3c]   { border-left-color: #7c3aed; background: rgba(124, 58, 237, 0.05); }
.reg-row.is-waived[b-sk5pd8dn3c] { border-left-color: var(--success); background: var(--success-bg); }

.reg-row-fields[b-sk5pd8dn3c]  { display: flex; gap: 8px; align-items: flex-end; flex-wrap: wrap; }
.reg-row-toggles[b-sk5pd8dn3c] {
  display: flex;
  gap: 1.2rem;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--border-color);
  flex-wrap: wrap;
}
.reg-toggle[b-sk5pd8dn3c] {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.78rem;
  color: var(--text-muted);
  cursor: pointer;
  font-weight: 500;
  user-select: none;
}
.reg-toggle input[type="checkbox"][b-sk5pd8dn3c] { width: 14px; height: 14px; accent-color: var(--tenant-colour-primary); }
.reg-toggle.active-loan[b-sk5pd8dn3c]   { color: #7c3aed; }
.reg-toggle.active-loan   input[type="checkbox"][b-sk5pd8dn3c] { accent-color: #7c3aed; }
.reg-toggle.active-waiver[b-sk5pd8dn3c] { color: var(--success); }
.reg-toggle.active-waiver input[type="checkbox"][b-sk5pd8dn3c] { accent-color: var(--success); }

.reg-row-meta[b-sk5pd8dn3c] { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 6px; align-items: center; }

/* ── Inline select + add-club button row ───────────────────────── */
.tc-select-row[b-sk5pd8dn3c] { display: flex; gap: 5px; align-items: center; }
.tc-select-row .form-control[b-sk5pd8dn3c] { flex: 1; }

/* ── Category badges ────────────────────────────────────────────── */
.cat-badge[b-sk5pd8dn3c] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  font-size: 0.68rem;
  font-weight: 700;
  flex-shrink: 0;
}
.cat-badge.cat-1[b-sk5pd8dn3c] { background: rgba(61,82,213,.15);  color: #3d52d5; }
.cat-badge.cat-2[b-sk5pd8dn3c] { background: rgba(3,105,161,.15);  color: #0369a1; }
.cat-badge.cat-3[b-sk5pd8dn3c] { background: rgba(4,120,87,.15);   color: #047857; }
.cat-badge.cat-4[b-sk5pd8dn3c] { background: rgba(180,83,9,.15);   color: #b45309; }

/* ── Info pills (DoB key dates) ─────────────────────────────────── */
.info-pills[b-sk5pd8dn3c] { display: flex; flex-wrap: wrap; gap: 4px; padding-top: 2px; }
.info-pill[b-sk5pd8dn3c] {
  font-size: 0.68rem;
  color: var(--tenant-colour-primary);
  background: var(--info-bg);
  border: 1px solid var(--info-border);
  border-radius: 4px;
  padding: 2px 7px;
}

/* ── Stat card slight override for inactive state ───────────────── */
.tc-inactive[b-sk5pd8dn3c] { opacity: 0.45; }

/* ── Result section dot indicators ─────────────────────────────── */
.section-dot-primary[b-sk5pd8dn3c],
.section-dot-secondary[b-sk5pd8dn3c] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-block;
}
.section-dot-primary[b-sk5pd8dn3c]   { background: var(--tenant-colour-primary); }
.section-dot-secondary[b-sk5pd8dn3c] { background: var(--tenant-colour-secondary); }

/* ── TC club row (results breakdown header) ─────────────────────── */
.tc-club-row[b-sk5pd8dn3c] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 8px 14px;
  background: var(--tertiary-bg-color);
  border-bottom: 1px solid var(--border-color);
  font-size: 13px;
}
.tc-club-row.waived-row[b-sk5pd8dn3c] { background: var(--success-bg); }

/* ── Breakdown table density override ───────────────────────────── */
.breakdown-table th[b-sk5pd8dn3c] { font-size: 0.62rem; }
.breakdown-table td[b-sk5pd8dn3c] { padding: 0.4rem 0.75rem; font-size: 0.75rem; }
.breakdown-table tr.cap-row td[b-sk5pd8dn3c] { background: var(--warning-bg) !important; }

/* ── Stat card value size helpers ───────────────────────────────── */
.stat-value.amt-md[b-sk5pd8dn3c] { font-size: 1.45rem !important; }
.stat-value.amt-sm[b-sk5pd8dn3c] { font-size: 1.1rem !important; }

/* ── Custom club management rows ────────────────────────────────── */
.custom-club-row[b-sk5pd8dn3c] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 6px 0;
  border-bottom: 1px solid var(--border-color);
}
.custom-club-row:last-child[b-sk5pd8dn3c] { border-bottom: none; }

/* ── Saved calculations ─────────────────────────────────────────── */
.saved-panel[b-sk5pd8dn3c]  { padding-top: 0.25rem; }
.saved-grid[b-sk5pd8dn3c] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 1rem;
}

.saved-card[b-sk5pd8dn3c] {
  background: var(--secondary-bg-color);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
  transition: box-shadow .15s, transform .1s;
}
.saved-card:hover[b-sk5pd8dn3c] { box-shadow: 0 4px 16px rgba(61,82,213,.12); transform: translateY(-1px); }

.saved-card-header[b-sk5pd8dn3c] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 12px 14px 10px;
  background: var(--tertiary-bg-color);
  border-bottom: 1px solid var(--border-color);
}
.saved-card-title[b-sk5pd8dn3c] { font-size: 14px; font-weight: 700; color: var(--primary-text-color); }

.saved-card-body[b-sk5pd8dn3c] { padding: 10px 14px 0; }
.saved-kv[b-sk5pd8dn3c] {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px solid var(--border-color);
  font-size: 13px;
  color: var(--primary-text-color);
}
.saved-kv:last-of-type[b-sk5pd8dn3c] { border-bottom: none; }
.saved-kv-label[b-sk5pd8dn3c] {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--text-muted);
  min-width: 46px;
  flex-shrink: 0;
}

.saved-totals[b-sk5pd8dn3c] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 6px;
  margin: 10px 0;
}
.saved-total-chip[b-sk5pd8dn3c] {
  border: 1px solid var(--border-color);
  border-top: 3px solid var(--border-color);
  border-radius: 8px;
  padding: 6px 8px;
  text-align: center;
  background: var(--tertiary-bg-color);
}
.saved-total-tc[b-sk5pd8dn3c]  { border-top-color: var(--tenant-colour-primary); }
.saved-total-sol[b-sk5pd8dn3c] { border-top-color: var(--tenant-colour-secondary); }
.saved-total-all[b-sk5pd8dn3c] { border-top-color: var(--success); }

.saved-total-label[b-sk5pd8dn3c] {
  display: block;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--text-muted);
  margin-bottom: 3px;
}
.saved-total-value[b-sk5pd8dn3c] {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: var(--primary-text-color);
}
.saved-total-tc  .saved-total-value[b-sk5pd8dn3c] { color: var(--tenant-colour-primary); }
.saved-total-all .saved-total-value[b-sk5pd8dn3c] { color: var(--success); }

.saved-card-actions[b-sk5pd8dn3c] {
  display: flex;
  gap: 6px;
  padding: 8px 14px;
  background: var(--tertiary-bg-color);
  border-top: 1px solid var(--border-color);
  justify-content: flex-end;
}

/* ── Transaction Advisor ────────────────────────────────────────── */
.advisor-panel[b-sk5pd8dn3c] { max-width: 1440px; margin: 1rem auto 0; }

.advisor-intro[b-sk5pd8dn3c] { text-align: center; margin-bottom: 1.5rem; }
.advisor-intro-title[b-sk5pd8dn3c] {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--primary-text-color);
  margin-bottom: 0.3rem;
}
.advisor-intro-sub[b-sk5pd8dn3c] {
  font-size: 0.85rem;
  color: var(--text-muted);
  max-width: 560px;
  margin: 0 auto;
  line-height: 1.55;
}

.advisor-type-grid[b-sk5pd8dn3c] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
  margin-bottom: 1.5rem;
}

.advisor-type-card[b-sk5pd8dn3c] {
  background: var(--secondary-bg-color);
  border: 1.5px solid var(--border-color);
  border-radius: 12px;
  padding: 1.1rem 1rem;
  cursor: pointer;
  text-align: left;
  transition: all .15s;
  font-family: inherit;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.advisor-type-card:hover[b-sk5pd8dn3c] {
  border-color: var(--tenant-colour-primary);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(61,82,213,.1);
}
.advisor-type-card.selected[b-sk5pd8dn3c] {
  border-color: var(--tenant-colour-primary);
  background: var(--info-bg);
  box-shadow: 0 4px 12px rgba(61,82,213,.15);
}
.advisor-type-icon[b-sk5pd8dn3c] {
  width: 22px;
  height: 22px;
  color: var(--text-muted);
  margin-bottom: 4px;
}
.advisor-type-card.selected .advisor-type-icon[b-sk5pd8dn3c] { color: var(--tenant-colour-primary); }
.advisor-type-title[b-sk5pd8dn3c] {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--primary-text-color);
}
.advisor-type-card.selected .advisor-type-title[b-sk5pd8dn3c] { color: var(--tenant-colour-primary); }
.advisor-type-tagline[b-sk5pd8dn3c] {
  font-size: 0.71rem;
  color: var(--text-muted);
  line-height: 1.45;
}

.advisor-placeholder[b-sk5pd8dn3c] {
  background: var(--tertiary-bg-color);
  border: 2px dashed var(--border-color);
  border-radius: 12px;
  padding: 2.5rem 1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.advisor-placeholder p[b-sk5pd8dn3c] { font-size: 13px; color: var(--text-muted); margin: 0; }

/* ── Catalog detail (static info before tailored advice) ────────── */
.catalog-detail[b-sk5pd8dn3c] {
  background: var(--secondary-bg-color);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
  overflow: hidden;
}
.catalog-detail-header[b-sk5pd8dn3c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  background: var(--tertiary-bg-color);
  border-bottom: 1px solid var(--border-color);
  flex-wrap: wrap;
}
.catalog-detail-icon[b-sk5pd8dn3c] { width: 24px; height: 24px; color: var(--tenant-colour-primary); flex-shrink: 0; }
.catalog-detail-title[b-sk5pd8dn3c] { font-size: 1rem; font-weight: 700; color: var(--primary-text-color); }
.catalog-detail-tagline[b-sk5pd8dn3c] { font-size: 0.75rem; color: var(--text-muted); margin-top: 1px; }
.catalog-detail-desc[b-sk5pd8dn3c] {
  font-size: 0.85rem;
  color: var(--primary-text-color);
  line-height: 1.6;
  padding: 0.85rem 1.25rem 0;
  margin: 0;
}

/* ── Advice / catalog sections grid ────────────────────────────── */
.advice-sections-grid[b-sk5pd8dn3c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 0.85rem 1.25rem 1.1rem;
}
@media (max-width: 860px) { .advice-sections-grid[b-sk5pd8dn3c] { grid-template-columns: 1fr; } }

.advice-section[b-sk5pd8dn3c] {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  padding: 0.75rem 0.9rem 0.85rem;
  background: var(--tertiary-bg-color);
}
.advice-section-heading[b-sk5pd8dn3c] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 0.6rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid var(--border-color);
}
.advice-section-primary[b-sk5pd8dn3c]    { border-left: 4px solid var(--tenant-colour-primary); }
.advice-section-primary    .advice-section-heading[b-sk5pd8dn3c] { color: var(--tenant-colour-primary); }
.advice-section-compliance[b-sk5pd8dn3c] { border-left: 4px solid #0369a1; background: var(--info-bg); }
.advice-section-compliance .advice-section-heading[b-sk5pd8dn3c] { color: #0369a1; }
.advice-section-warning[b-sk5pd8dn3c]    { border-left: 4px solid var(--warning); background: var(--warning-bg); }
.advice-section-warning    .advice-section-heading[b-sk5pd8dn3c] { color: var(--warning); }
.advice-section-success[b-sk5pd8dn3c]    { border-left: 4px solid var(--success); background: var(--success-bg); }
.advice-section-success    .advice-section-heading[b-sk5pd8dn3c] { color: var(--success); }

.advice-item[b-sk5pd8dn3c] { padding: 0.45rem 0; border-bottom: 1px dashed var(--border-color); }
.advice-item:last-child[b-sk5pd8dn3c] { border-bottom: none; padding-bottom: 0; }
.advice-item:first-of-type[b-sk5pd8dn3c] { padding-top: 0; }
.advice-item-title[b-sk5pd8dn3c]  { font-size: 0.8rem; font-weight: 600; color: var(--primary-text-color); margin-bottom: 2px; }
.advice-item-detail[b-sk5pd8dn3c] { font-size: 0.76rem; color: var(--text-muted); line-height: 1.55; }
.advice-item-ref[b-sk5pd8dn3c]    { font-size: 0.67rem; color: var(--text-light); font-style: italic; margin-top: 2px; }

.advice-action-list[b-sk5pd8dn3c] { list-style: none; padding: 0; margin: 0; }
.advice-action-list li[b-sk5pd8dn3c] {
  position: relative;
  padding: 0.35rem 0 0.35rem 1.25rem;
  font-size: 0.79rem;
  color: var(--primary-text-color);
  line-height: 1.5;
  border-bottom: 1px dashed var(--border-color);
}
.advice-action-list li:last-child[b-sk5pd8dn3c] { border-bottom: none; }
.advice-action-list li[b-sk5pd8dn3c]::before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--success);
  font-weight: 700;
}

/* ── Specific (tailored) advice card ────────────────────────────── */
.specific-advice[b-sk5pd8dn3c] {
  background: var(--secondary-bg-color);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
  overflow: hidden;
}
.specific-advice-info[b-sk5pd8dn3c]    { border-top: 4px solid var(--tenant-colour-primary); }
.specific-advice-success[b-sk5pd8dn3c] { border-top: 4px solid var(--success); }
.specific-advice-warning[b-sk5pd8dn3c] { border-top: 4px solid var(--warning); }
.specific-advice-danger[b-sk5pd8dn3c]  { border-top: 4px solid var(--danger); }

.specific-advice-header[b-sk5pd8dn3c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  padding: 0.85rem 1.4rem;
  background: var(--tertiary-bg-color);
  border-bottom: 1px solid var(--border-color);
  flex-wrap: wrap;
}
.specific-advice-context-line[b-sk5pd8dn3c] {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.specific-advice-headline[b-sk5pd8dn3c] {
  font-size: 1.02rem;
  font-weight: 700;
  color: var(--primary-text-color);
  margin: 0 0 0.35rem;
}
.specific-advice-info    .specific-advice-headline[b-sk5pd8dn3c] { color: var(--tenant-colour-primary); }
.specific-advice-success .specific-advice-headline[b-sk5pd8dn3c] { color: var(--success); }
.specific-advice-warning .specific-advice-headline[b-sk5pd8dn3c] { color: var(--warning); }
.specific-advice-danger  .specific-advice-headline[b-sk5pd8dn3c] { color: var(--danger); }

.specific-advice-summary[b-sk5pd8dn3c] {
  font-size: 0.86rem;
  line-height: 1.6;
  color: var(--primary-text-color);
  margin: 0 0 0.85rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid var(--border-color);
}

/* ── "Gaps in your answers" callout ─────────────────────────────── */
.advice-gaps[b-sk5pd8dn3c] {
  margin: 0 0 0.85rem;
  padding: 0.7rem 0.85rem 0.8rem;
  border: 1px solid var(--warning-border);
  background: var(--warning-bg);
  border-radius: 10px;
}
.advice-gaps-heading[b-sk5pd8dn3c] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--warning);
}
.advice-gaps-note[b-sk5pd8dn3c] {
  font-size: 0.8rem;
  line-height: 1.5;
  color: var(--primary-text-color);
  margin: 0.4rem 0 0.55rem;
}
.advice-gaps-chips[b-sk5pd8dn3c] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.65rem;
}
.advice-gap-chip[b-sk5pd8dn3c] {
  font-size: 0.74rem;
  font-weight: 600;
  padding: 2px 9px;
  border-radius: 999px;
  background: var(--secondary-bg-color);
  border: 1px solid var(--warning-border);
  color: var(--primary-text-color);
}

.specific-advice-cta[b-sk5pd8dn3c] {
  padding: 0.85rem 1.4rem 1.2rem;
  border-top: 1px solid var(--border-color);
  background: var(--tertiary-bg-color);
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  align-items: flex-start;
}
.specific-advice-cta-banner[b-sk5pd8dn3c] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  background: var(--info-bg);
  border: 1px solid var(--info-border);
  font-size: 0.82rem;
  color: var(--primary-text-color);
  line-height: 1.4;
  width: 100%;
}
.specific-advice-cta-banner-clear[b-sk5pd8dn3c] {
  background: var(--success-bg);
  border-color: var(--success-border);
}
.specific-advice-warning .specific-advice-cta-banner[b-sk5pd8dn3c] { background: var(--warning-bg); border-color: var(--warning-border); }
.specific-advice-danger  .specific-advice-cta-banner[b-sk5pd8dn3c] { background: var(--danger-bg);  border-color: var(--danger-border); }

/* ── Advice / scenario questions modal ──────────────────────────── */
.advice-modal[b-sk5pd8dn3c] {
  width: min(580px, 95vw);
  max-height: 90vh;
  overflow: hidden;
  padding: 0;
  gap: 0;
}
.advice-modal-header[b-sk5pd8dn3c] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0;
  padding: 1rem 2.5rem 0.85rem;
  border-bottom: 2px solid var(--tenant-colour-primary);
}
.advice-modal-header > div:first-child > div:first-child[b-sk5pd8dn3c] {
  justify-content: center;
}
.advice-modal-header h3[b-sk5pd8dn3c] {
  font-size: 1rem;
  font-weight: 700;
  color: var(--primary-text-color);
  border: none;
  padding: 0;
  margin: 0;
}
.advice-modal-sub[b-sk5pd8dn3c] {
  font-size: 0.76rem;
  color: var(--text-muted);
  margin: 0.25rem 0 0;
}
.advice-modal-close[b-sk5pd8dn3c] {
  position: absolute;
  top: 0.75rem;
  right: 0.85rem;
  background: transparent;
  border: none;
  color: var(--text-light);
  font-size: 1.1rem;
  cursor: pointer;
  padding: 0.2rem 0.45rem;
  border-radius: 6px;
  line-height: 1;
  flex-shrink: 0;
  transition: all .15s;
}
.advice-modal-close:hover[b-sk5pd8dn3c] { background: var(--tertiary-bg-color); color: var(--danger); }

.advice-modal-body[b-sk5pd8dn3c] {
  padding: 0.9rem 1.25rem 0.4rem;
  max-height: 55vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.advice-modal-actions[b-sk5pd8dn3c] {
  display: flex;
  gap: 0.65rem;
  justify-content: flex-end;
  align-items: center;
  padding: 0.85rem 1.25rem 1.1rem;
  border-top: 1px solid var(--border-color);
  background: var(--tertiary-bg-color);
}