:root {
  --ink: #0d2339;
  --muted: #607181;
  --line: #d9e2e9;
  --paper: #f3f6f8;
  --card: #ffffff;
  --nav: #0d2339;
  --gold: #f47700;
  --green: #17698f;
  --red: #bd4a35;
  --blue: #155f88;
}
.rail {
  background: #fff;
  color: var(--ink);
  border-right: 1px solid var(--line);
  padding: 20px 14px;
}
.official-wordmark {
  display: block;
  padding: 0 0 17px;
}
.logo-crop {
  position: relative;
  width: 194px;
  height: 64px;
  overflow: hidden;
  background: #fff;
}
.logo-crop img {
  position: absolute;
  width: 255px;
  max-width: none;
  height: auto;
  left: -34px;
  top: -55px;
}
.official-wordmark > small {
  display: block;
  margin-top: 7px;
  color: var(--blue);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .155em;
  text-align: center;
  text-transform: uppercase;
}
.rail nav { gap: 2px; }
.rail nav a { color: #526779; padding: 8px 10px; }
.rail nav a:hover, .rail nav a.active {
  background: #eaf2f7;
  color: var(--ink);
}
.rail nav a.active { box-shadow: inset 3px 0 var(--gold); }
.nav-section-label {
  display: block;
  margin: 9px 8px 3px;
  padding-top: 9px;
  border-top: 1px solid var(--line);
  color: #7890a2;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .13em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}
.nav-section-label:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.local-note {
  margin-top: auto;
  border-top-color: var(--line);
  color: var(--ink);
}
.local-note i {
  background: var(--blue);
  box-shadow: 0 0 0 4px #e4f0f6;
}
.local-note small { color: var(--muted); }
.local-note.offline i { background: #c5964e; }
.local-note.protected i { background: #2d6f9f; }
header small, .intro span, .connector-card small { color: var(--blue); }
.button, .file-button { background: var(--nav); }
.button:hover, .file-button:hover { background: #155f88; }
.metric { border-top: 3px solid #e6edf2; }
.metric-link { color: inherit; text-decoration: none; border-radius: 7px; }
.metric-link .metric { height: 100%; transition: border-color .15s, box-shadow .15s, transform .15s; }
.metric-link:hover .metric, .metric-link:focus-visible .metric { border-top-color: var(--blue); box-shadow: 0 8px 22px #0d233914; transform: translateY(-1px); }
.metric.warning { border-top-color: var(--gold); }
.connector-picker button.selected {
  border-color: var(--gold);
  background: #fff5e9;
}
.connector-picker button b, .connector-card > b, .entity-mark {
  background: #e8f1f6;
  color: var(--blue);
}
.phase-strip article { background: #eef3f6; }
.phase-strip article.current { border-top-color: var(--gold); }
.phase-strip article > b { color: var(--blue); }
.bar.out { background: var(--gold); }
.architecture b, .empty > span { color: var(--gold); }
.header-actions, .header-actions label { display: flex; align-items: center; gap: 10px; }
.header-actions { flex-direction: row; }
.header-actions label { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.header-actions select, .add-entity input, .add-entity select {
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #fff;
  color: var(--ink);
  padding: 9px 11px;
}
.organization-row {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto auto auto;
  align-items: center;
  gap: 11px;
  padding: 12px 0;
  border-bottom: 1px solid #eee7dc;
}
.organization-row > div { display: flex; flex-direction: column; }
.organization-row small { color: var(--muted); }
.organization-profile-summary { min-width: 0; gap: 3px; }
.organization-profile-summary small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.organization-profile-incomplete { color: #9a5b00 !important; font-weight: 700; }
.organization-row > i { font-style: normal; color: var(--green); font-size: 11px; text-transform: uppercase; }
.entity-mark {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  background: #eee4d6;
  color: #77542d;
  border-radius: 50%;
  font-weight: 800;
  font-size: 11px;
  overflow: hidden;
}
.entity-mark img { width: 100%; height: 100%; object-fit: cover; }
.organization-profile-mark > span { display: grid; width: 100%; height: 100%; place-items: center; }
.add-entity { margin-top: 18px; }
.add-entity > div { display: grid; grid-template-columns: 1fr 160px auto auto; gap: 10px; margin-top: 12px; }
.organization-row > .organization-actions { flex-direction: row; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.organization-actions button { border: 1px solid var(--line); border-radius: 5px; padding: 6px 8px; background: #fff; color: var(--navy); cursor: pointer; }
.organization-actions .organization-details-button { border-color: #92b8cd; color: var(--blue); font-weight: 750; }
.organization-actions .delete { color: #8f332d; }

.setup-journey { display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; margin: 0 0 1.25rem; }
.setup-journey span { display: flex; align-items: center; gap: .65rem; padding: .85rem 1rem; border: 1px solid var(--line); border-radius: 14px; color: var(--muted); background: var(--card,#fff); font-weight: 700; }
.setup-journey b { display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: 50%; background: #edf2f5; color: var(--ink); }
.setup-journey .active { border-color: var(--gold,#c5964e); color: var(--ink); }
.setup-journey .complete b { background: #dff3e8; color: #176c48; }
.provider-template-picker, .provider-template-library { margin-top: 1rem; }
.provider-template-picker summary, .provider-template-library > summary { cursor: pointer; font-weight: 800; color: var(--ink); padding: .75rem 0; }
@media (max-width: 760px) { .setup-journey { grid-template-columns: 1fr 1fr; } }
.combined-status { padding: 4px 7px; border-radius: 12px; background: #eef1f3; color: var(--muted); font-size: 10px; font-weight: 700; white-space: nowrap; }
.combined-status.included { background: #e5f1ea; color: var(--green); }
.entity-checkbox { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; font-weight: 700; white-space: nowrap; }
.entity-checkbox input { width: auto; }
.edit-combined { margin-top: 18px; }
.phase-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
  margin-bottom: 18px;
}
.phase-strip article {
  background: #ece8e1;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 12px;
  display: flex;
  flex-direction: column;
}
.phase-strip article.current { background: #fff; border-top: 3px solid var(--green); }
.phase-strip article > b { font-size: 10px; color: #8a6a40; text-transform: uppercase; letter-spacing: .1em; }
.phase-strip article > strong { margin: 3px 0; }
.phase-strip article > small, .account-row small, .roadmap small { color: var(--muted); }
.input-mode, .account-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.csv-button { color: var(--blue) !important; cursor: pointer; }
.csv-button input { display: none; }
.document-drop {
  margin-top: 12px;
  min-height: 105px;
  border: 1.5px dashed #9db3c2;
  border-radius: 8px;
  background: #f7fafc;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
  color: var(--ink) !important;
}
.document-drop.dragging { border-color: var(--gold); background: #fff5e9; }
.document-drop span, .document-drop small { color: var(--muted); }
.document-drop input { display: none; }
.legacy-import-block { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px; margin: 4px 0 18px; border: 1px solid var(--line); border-radius: 8px; background: #f7fafc; }
.legacy-import-block > div { display: flex; flex-direction: column; gap: 3px; }
.legacy-import-block small { color: var(--muted); }
#commission-legacy-preview:not(:empty) { margin-bottom: 18px; }
.file-summary { padding: 9px 11px; margin-bottom: 10px; border-radius: 6px; background: #edf4f8; color: var(--blue); font-size: 12px; }
.snapshot-note { display: flex; flex-direction: column; gap: 3px; padding: 10px 12px; margin: 10px 0; border-left: 3px solid var(--gold); background: #fff7ee; }
.snapshot-note span { color: var(--muted); font-size: 12px; }
.account-grid { display: grid; grid-template-columns: 1fr; gap: 18px; }
.add-account { margin-bottom: 18px; }
.account-page-actions { display: grid; grid-template-columns: auto auto; align-items: center; justify-items: end; gap: 7px 10px; }
.account-page-actions > span { grid-column: 1 / -1; color: var(--muted); font-size: 12px; }
.account-save-all:not(:disabled) { border-color: var(--gold); background: var(--gold); color: #172538; }
.account-save-all:disabled { border-color: #d5dee5; background: #edf1f4; color: #68798a; opacity: 1; }
.account-floating-save { position: fixed; right: clamp(16px, 3vw, 40px); bottom: max(16px, env(safe-area-inset-bottom)); z-index: 25; width: min(470px, calc(100vw - 32px)); display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 13px 14px 13px 17px; border: 1px solid #ffffff2b; border-radius: 12px; background: var(--nav); color: #fff; box-shadow: 0 16px 44px #0b213852; }
.account-floating-save[hidden] { display: none; }
.account-floating-save > div { display: grid; gap: 3px; min-width: 0; }
.account-floating-save span { color: #b9ccda; font-size: 9px; font-weight: 850; letter-spacing: .14em; }
.account-floating-save strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.account-floating-save .account-save-all { flex: 0 0 auto; min-height: 42px; }
.account-form { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; margin-top: 18px; }
.account-form label { display: flex; flex-direction: column; gap: 5px; }
.account-form .wide-field { grid-column: span 2; }
.account-form [hidden] { display: none; }
.account-form input, .account-form select, .account-form textarea { width: 100%; padding: 9px 10px; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--ink); font: inherit; }
.account-head { align-items: flex-start; border-bottom: 1px solid var(--line); padding-bottom: 13px; }
.account-head strong { font: 500 21px Georgia; }
.account-column-heads, .account-row { display: grid; grid-template-columns: minmax(220px, 1.35fr) minmax(320px, 1fr) 132px 210px; column-gap: 18px; align-items: center; }
.account-column-heads { padding: 10px 0 7px; border-bottom: 1px solid #e4e9ed; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.account-column-heads span:nth-child(n+2) { text-align: left; }
.account-row { padding: 13px 0; border-bottom: 1px solid #e4e9ed; }
.account-row > div, .roadmap span { display: flex; flex-direction: column; }
.account-identity { gap: 3px; }
.account-identity > b { font-size: 14px; line-height: 1.25; }
.account-identity > small { max-width: 68ch; line-height: 1.45; }
.account-edit-area, .balance-editor { display: contents !important; }
.account-quick-fields { display: grid !important; grid-template-columns: minmax(0, 1fr); align-items: end; gap: 10px; }
.credit-quick-editor .account-quick-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.account-quick-fields label { display: grid; gap: 4px; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.account-quick-fields .value-formula-control { width: 100%; grid-template-columns: minmax(0, 1fr) 38px; }
.account-save-cluster { display: grid !important; grid-template-columns: 1fr; align-items: center; justify-items: stretch; gap: 5px; }
.balance-editor input { width: 100%; min-width: 0; padding: 8px 9px; border: 1px solid var(--line); border-radius: 6px; text-align: right; }
.balance-editor button { border: 0; border-radius: 6px; padding: 8px 10px; background: var(--nav); color: white; cursor: pointer; }
.balance-editor button:disabled { cursor: default; opacity: .48; }
.balance-editor .account-inline-save { flex: 0 0 auto; min-width: 108px; min-height: 36px; border: 1px solid var(--nav); background: var(--nav); color: #fff; font-weight: 800; line-height: 1.15; white-space: nowrap; }
.balance-editor .account-inline-save:not(:disabled):hover { background: #24364d; border-color: #24364d; }
.balance-editor .account-inline-save:disabled { border-color: #d5dee5; background: #edf1f4; color: #68798a; opacity: 1; }
.account-save-status { color: #68798a; font-size: 12px; white-space: nowrap; }
.account-save-status.error { color: #9f3129; }
.account-row.has-unsaved-balance { background: #fff8eb; box-shadow: inset 3px 0 0 var(--gold); padding-inline: 10px; }
.account-row.has-unsaved-balance .account-save-status { color: #9a5a00; font-weight: 700; }
.account-row.has-unsaved-balance .account-inline-save:not(:disabled) { border-color: var(--gold); background: var(--gold); color: #172538; }
.account-row.has-unsaved-balance .account-inline-save:not(:disabled):hover { background: #d76700; border-color: #d76700; color: #fff; }
.balance-editor .link-button { background: transparent; color: var(--nav); padding-inline: 4px; }
.balance-editor .delete-account { color: #8f332d; }
.account-row-actions { display: grid !important; grid-template-columns: repeat(3, auto); justify-content: end; align-items: center; gap: 2px; min-height: 30px; }
.account-row-actions .link-button { border: 0; padding: 6px 9px; border-radius: 5px; background: transparent; color: var(--nav); cursor: pointer; font-size: 11px; font-weight: 700; }
.account-row-actions .link-button:hover { background: #edf3f6; }
.account-row-actions .related-account { grid-column: 1 / -1; justify-self: end; color: var(--blue); }
.account-row-actions .delete-account { color: #8f332d; }
.recurring-schedules { margin-bottom: 18px; }
.recurring-schedule-row { display: grid; grid-template-columns: 30px minmax(0,1fr) auto auto; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid #eeeae4; }
.recurring-schedule-row:first-of-type { border-top: 0; }
.recurring-schedule-row > div { display: flex; flex-direction: column; gap: 3px; }
.recurring-schedule-row small { color: var(--muted); }
.recurring-schedule-row button { border: 0; background: transparent; color: var(--blue); cursor: pointer; font-weight: 700; }
.recurring-schedule-row > a { color: var(--blue); font-size: 12px; font-weight: 700; text-decoration: none; }
.recurring-icon { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: #edf4f8; color: var(--blue); font-weight: 700; }
.recurring-icon.account-driven { background: #fff1e5; color: var(--orange); }
.forecast-coverage { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 14px; padding: 10px 13px; border-left: 3px solid var(--orange); background: #fff7ee; font-size: 12px; }
.forecast-coverage span { color: var(--muted); }
.credit-quick-editor { flex-wrap: nowrap; }
.credit-quick-editor label { display: flex; flex-direction: column; gap: 3px; color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.credit-quick-editor label input { width: 100%; color: var(--ink); font-size: 14px; font-weight: 400; letter-spacing: 0; text-transform: none; }
.roadmap { margin-top: 18px; }
.roadmap > div { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #eeeae4; }
.roadmap > div > b { width: 28px; height: 28px; background: #e9e1d5; display: grid; place-items: center; border-radius: 50%; }
.roadmap i { font-style: normal; color: var(--green); font-size: 12px; }
@media (max-width: 900px) {
  .phase-strip, .account-grid { grid-template-columns: 1fr 1fr; }
  .official-wordmark { padding-bottom: 12px; }
  .logo-crop { width: 194px; }
}
@media (max-width: 560px) {
  .phase-strip, .account-grid { grid-template-columns: 1fr; }
  .header-actions label { display: none; }
  .recurring-schedule-row { grid-template-columns: 30px 1fr auto; }
  .recurring-schedule-row button { grid-column: 2 / -1; justify-self: start; padding: 0; }
  .forecast-coverage { flex-direction: column; gap: 3px; }
  .add-entity > div { grid-template-columns: 1fr; }
}

.forge-method { margin: 20px 0; padding: 24px; border: 1px solid var(--line); border-radius: 12px; background: var(--card); }
.maturity-track, .capability-map { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.maturity-track article { position: relative; padding: 18px; border-top: 3px solid var(--blue); border-radius: 8px; background: #eef4f7; }
.maturity-track article:nth-child(2), .maturity-track article:nth-child(4) { border-top-color: var(--gold); }
.maturity-track b, .capability-map span, .scenario-hero span, .scenario-card > span, .project-card header span, .formula-workbench section > div span { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.maturity-track h3 { margin: 7px 0; font: 600 22px Georgia, serif; color: var(--ink); }
.maturity-track p, .capability-map p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
.capability-map { grid-template-columns: repeat(3, 1fr); margin-bottom: 22px; }
.capability-map article { display: flex; flex-direction: column; gap: 6px; padding: 18px; border-left: 3px solid var(--gold); border-radius: 7px; background: var(--card); box-shadow: 0 5px 18px #0d23390b; }
.capability-map b { font: 600 18px Georgia, serif; }
.scenario-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 18px; padding: 26px; border-radius: 14px; background: linear-gradient(135deg, #0d2339, #155f88); color: #fff; }
.scenario-hero span { color: #78c1e8; }
.scenario-hero h1 { margin: 7px 0; color: #fff; font: 600 clamp(30px, 4vw, 54px) Georgia, serif; }
.scenario-hero p { max-width: 760px; margin: 0; color: #dbe7ee; line-height: 1.5; }
.scenario-hero .button { flex: 0 0 auto; background: var(--gold); }
.scenario-hero-actions,.scenario-dialog-actions{display:flex;align-items:center;gap:9px}.scenario-hero-actions{flex:0 0 auto}.scenario-hero-actions .context-help-trigger{border-color:#9fc5db;background:#fff;color:var(--blue)}.scenario-library-link{padding:10px 13px;border:1px solid #9fc5db;border-radius:6px;background:#fff;color:var(--blue);font-size:12px;font-weight:800;text-decoration:none}.scenario-library-link:hover{background:#edf7fc}.scenario-dialog-actions>[data-close-scenario]{border:0;background:transparent;color:var(--muted);font-size:25px;cursor:pointer}
.scenario-template-strip, .project-capabilities { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 18px; }
.scenario-template-strip button, .project-capabilities span { border: 1px solid var(--line); border-radius: 999px; padding: 8px 13px; background: #fff; color: var(--ink); font: inherit; font-size: 12px; cursor: pointer; }
.project-capabilities span { cursor: default; }
.scenario-grid, .project-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.scenario-card, .project-card { padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: #fff; box-shadow: 0 7px 22px #0d23390d; }
.scenario-card h2, .project-card h2 { margin: 7px 0; font: 600 24px Georgia, serif; }
.scenario-card p, .project-card p { color: var(--muted); font-size: 12px; }
.scenario-card > strong { display: block; margin-top: 24px; font: 600 30px Georgia, serif; color: var(--blue); }
.scenario-card > strong.negative { color: var(--red); }
.scenario-card > small { color: var(--muted); }
.scenario-card footer, .project-card footer { display: flex; gap: 8px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line); }
.scenario-card button, .project-card button, .formula-workbench button { border: 0; background: transparent; color: var(--blue); font-weight: 700; cursor: pointer; }
.scenario-card button.delete, .project-card button.delete { margin-left: auto; color: var(--red); }
.scenario-saved-library{scroll-margin-top:18px;margin-bottom:22px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#f5f8fa}.scenario-saved-library>.section-heading{margin-bottom:16px}.scenario-saved-library>.section-heading>b{padding:6px 9px;border-radius:999px;background:#e4eef4;color:var(--blue);font-size:11px}.scenario-card-saved{animation:scenario-saved-highlight 2.4s ease-out}@keyframes scenario-saved-highlight{0%,35%{border-color:var(--orange);box-shadow:0 0 0 4px #f477211f,0 12px 28px #0d233916}100%{border-color:var(--line);box-shadow:0 7px 22px #0d23390d}}
.scenario-basics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.formula-workbench { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(520px, 1.28fr); gap: 18px; margin: 18px 0; }
.formula-workbench section { padding: 15px; border: 1px solid var(--line); border-radius: 8px; background: #f7fafc; }
.formula-workbench section > div:first-child { display: flex; justify-content: space-between; align-items: center; }
.workbench-help { margin: 7px 0 14px; color: var(--muted); font-size: 12px; line-height: 1.4; }
.element-column-headings { display: grid; grid-template-columns: 1fr 140px 28px; gap: 8px; padding: 0 2px; color: var(--muted); font-size: 10px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.formula-row { display: grid; grid-template-columns: minmax(0, 1fr) 140px 28px; gap: 8px; margin-top: 8px; }
.formula-row[data-formula-row="formula"] { display: block; margin-top: 12px; padding: 12px; border: 1px solid #dbe5eb; border-radius: 9px; background: #fff; }
.formula-row input { min-width: 0; }
.formula-row button { color: var(--red); font-size: 18px; }
.element-amount { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 5px; padding-left: 9px; border: 1px solid var(--line); border-radius: 4px; background: #fff; color: var(--muted); }
.element-amount input { width: 100%; border: 0; padding-left: 0; }
.formula-result-line { display: grid; grid-template-columns: minmax(140px, .7fr) auto minmax(220px, 1.3fr) 28px; gap: 9px; align-items: center; }
.formula-equals { color: var(--gold); font: 700 24px Georgia, serif; }
.formula-canvas { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; min-height: 44px; padding: 7px; border: 1px solid var(--line); border-radius: 6px; background: #f7fafc; }
.formula-canvas > small { padding-left: 4px; color: var(--muted); }
.formula-token { display: inline-flex; align-items: center; min-height: 27px; padding: 4px 8px; border-radius: 5px; background: #e8eef2; color: var(--ink); font-size: 12px; font-weight: 750; }
.formula-token.element { background: #dcecf4; color: var(--blue); }
.formula-token.function { background: #fff0df; color: #9b4d00; }
.formula-token.operator { min-width: 27px; justify-content: center; padding-inline: 6px; }
.formula-controls { display: grid; gap: 8px; margin-top: 9px; }
.formula-element-picker { display: grid; grid-template-columns: 1fr auto; gap: 7px; }
.formula-element-picker button, .formula-edit-actions button, .formula-operators button { border: 1px solid var(--line); border-radius: 5px; background: #fff; color: var(--blue); font-size: 12px; font-weight: 750; }
.formula-operators { display: flex; flex-wrap: wrap; gap: 5px; }
.formula-operators button { min-width: 38px; padding: 7px 10px; font-size: 14px; }
.formula-edit-actions { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 6px; }
.formula-edit-actions label { display: grid; gap: 3px; color: var(--muted); font-size: 10px; font-weight: 750; text-transform: uppercase; }
.formula-edit-actions input { width: 95px; padding-block: 6px; }
.formula-edit-actions button { padding: 7px 9px; }
.formula-row-status { display: block; min-height: 16px; margin-top: 8px; color: #18734d; font-weight: 700; }
.formula-row-status.error { color: var(--red); }
.preview-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: 18px; }
.preview-heading span { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .13em; }
.preview-heading small { color: var(--muted); }
.formula-preview { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 14px 0; }
.formula-preview > span { display: flex; flex-direction: column; padding: 12px; border-radius: 7px; background: #edf4f8; }
.formula-preview > span.error { background: #fcebea; color: var(--red); }
.formula-preview small { color: var(--muted); }
.scenario-forecast-destination { display: grid; gap: 5px; margin: 14px 0 4px; padding: 13px 14px; border: 1px solid #bdd4e1; border-radius: 8px; background: #f1f8fb; color: var(--ink); }
.scenario-forecast-destination b { color: var(--blue); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.scenario-forecast-destination span { color: var(--muted); font-size: 12px; }
#scenario-forecast-summary { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); }
.vehicle-purchase-method { display: grid; grid-template-columns: minmax(220px, .65fr) 1fr; gap: 14px; align-items: end; margin-bottom: 14px; padding: 14px; border: 1px solid #bdd4e1; border-radius: 8px; background: #f1f8fb; }
.vehicle-purchase-method label { display: grid; gap: 5px; color: var(--ink); font-weight: 800; }
.vehicle-purchase-method label small { color: var(--muted); font-size: 10px; font-weight: 500; }
.vehicle-purchase-method p { margin: 0; color: var(--blue); font-weight: 700; }
.value-formula-control { display: grid; grid-template-columns: minmax(0, 1fr) 38px; align-items: stretch; width: 100%; min-width: 0; }
.value-formula-control > input { width: 100%; min-width: 0; border-radius: 6px 0 0 6px !important; }
.value-formula-trigger { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; margin: 0; border: 1px solid var(--line); border-left: 0; border-radius: 0 6px 6px 0; background: #edf4f8; color: var(--blue); font: 800 13px Georgia, serif; cursor: pointer; }
.value-formula-trigger:hover, .value-formula-trigger:focus-visible { background: var(--blue); color: #fff; outline: 0; }
.balance-editor > .value-formula-control { flex: 0 0 auto; width: auto; grid-template-columns: 130px 38px; }
.credit-quick-editor label .value-formula-control { width: auto; grid-template-columns: 118px 38px; }
.future-fields .value-formula-control { margin-top: 5px; }
.future-fields .value-formula-control > input { margin-top: 0; }
#value-formula-dialog { width: min(1050px, calc(100vw - 32px)); }
.value-formula-builder { max-width: none; }
.value-formula-layout { display: grid; grid-template-columns: minmax(300px, .72fr) minmax(440px, 1.28fr); gap: 18px; margin: 18px 0; }
.value-formula-layout > section { padding: 16px; border: 1px solid var(--line); border-radius: 10px; background: #f7fafc; }
.value-formula-layout > section > p { margin: 5px 0 14px; color: var(--muted); font-size: 12px; line-height: 1.45; }
.value-formula-section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.value-formula-section-head span { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .13em; }
.value-formula-section-head h3 { margin: 3px 0; font: 600 22px Georgia, serif; }
.value-formula-section-head button { border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--blue); padding: 7px 10px; font-weight: 750; cursor: pointer; }
.value-elements-head { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
.value-calculator-library { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.value-calculator-library button { display: grid; gap: 3px; min-height: 64px; padding: 10px 11px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink); text-align: left; cursor: pointer; }
.value-calculator-library button:hover, .value-calculator-library button:focus-visible { border-color: var(--blue); background: #eaf3f7; outline: 0; }
.value-calculator-library b { color: var(--blue); font-size: 12px; }
.value-calculator-library small { color: var(--muted); font-size: 10px; line-height: 1.35; }
.currency-rate-metadata { display: grid; grid-template-columns: 1fr 1fr 1.35fr; gap: 8px; margin-top: 12px; padding: 11px; border: 1px solid #bcd3df; border-radius: 8px; background: #eaf3f7; }
.currency-rate-metadata label { display: grid; gap: 4px; color: var(--muted); font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .05em; }
.currency-rate-metadata input { width: 100%; min-width: 0; padding: 8px; border: 1px solid var(--line); border-radius: 6px; background: #fff; text-transform: uppercase; }
.currency-rate-note { display: block; margin: 6px 2px 0; color: var(--muted); font-size: 10px; line-height: 1.4; }
.value-formula-element { grid-template-columns: minmax(0, 1fr) 150px 28px; }
.value-formula-element > button { border: 0; background: transparent; color: var(--red); font-size: 19px; cursor: pointer; }
.value-formula-canvas { min-height: 58px; background: #fff; }
.value-formula-editor-label { display: block; margin-bottom: 6px; color: var(--muted); font-size: 11px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.value-formula-editor-shell { position: relative; }
.value-formula-editor-shell > input { width: 100%; padding: 13px 14px; border: 2px solid #bdd2df; border-radius: 8px; background: #fff; color: var(--ink); font: 600 15px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.value-formula-editor-shell > input:focus { border-color: var(--blue); outline: 3px solid #1c78a31c; }
.value-formula-suggestions { position: absolute; z-index: 20; top: calc(100% + 5px); right: 0; left: 0; overflow: hidden; max-height: 290px; border: 1px solid var(--line); border-radius: 8px; background: #fff; box-shadow: 0 16px 36px #0d23392b; }
.value-formula-suggestions button { display: grid; width: 100%; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; padding: 10px 12px; border: 0; border-bottom: 1px solid #edf1f3; background: #fff; color: var(--ink); text-align: left; cursor: pointer; }
.value-formula-suggestions button:last-child { border-bottom: 0; }
.value-formula-suggestions button:hover, .value-formula-suggestions button.active { background: #eaf3f7; color: var(--blue); }
.value-formula-suggestions b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.value-formula-suggestions small { color: var(--muted); font-weight: 500; }
.value-formula-editor-shell + .value-formula-canvas { min-height: 42px; margin-top: 9px; }
.value-formula-shortcuts { margin-top: 10px; border: 1px solid var(--line); border-radius: 7px; background: #fff; }
.value-formula-shortcuts summary { padding: 9px 11px; color: var(--blue); font-size: 12px; font-weight: 750; cursor: pointer; }
.value-formula-shortcuts .formula-controls { margin: 0; padding: 0 10px 10px; }
.value-formula-result { display: grid; grid-template-columns: 1fr auto; gap: 3px 16px; align-items: end; margin-top: 14px; padding: 14px; border-radius: 8px; background: #eaf3f7; }
.value-formula-result span { color: var(--muted); font-size: 11px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.value-formula-result strong { grid-row: 1 / span 2; grid-column: 2; color: var(--blue); font: 600 30px Georgia, serif; }
.value-formula-result small { color: #18734d; }
.value-formula-result small.error { color: var(--red); }
.value-formula-builder .actions .delete { margin-right: auto; border: 0; background: transparent; color: var(--red); font-weight: 750; cursor: pointer; }
.value-formula-builder .actions small { max-width: 490px; }
.project-card header { display: flex; justify-content: space-between; align-items: flex-start; }
.project-card header > b { font: 600 27px Georgia, serif; color: var(--blue); }
.project-progress { height: 7px; overflow: hidden; margin: 14px 0; border-radius: 99px; background: #e8eef2; }
.project-progress i { display: block; height: 100%; background: var(--gold); }
.project-economics { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.project-economics span:last-child { grid-column: 1 / -1; }
.project-economics span { display: flex; flex-direction: column; padding: 9px; border-radius: 6px; background: #f5f7f8; }
.project-economics small, .project-task-list small { color: var(--muted); }
.project-task-list { margin-top: 12px; }
.project-task-list label { display: grid; grid-template-columns: auto 1fr auto; gap: 9px; align-items: center; padding: 8px 0; border-bottom: 1px solid #edf0f2; }
.project-task-list label span { display: flex; flex-direction: column; }
@media (max-width: 1000px) { .scenario-grid, .project-grid { grid-template-columns: 1fr 1fr; } .maturity-track { grid-template-columns: 1fr 1fr; } }
@media (max-width: 900px) { .formula-workbench { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .value-formula-layout { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .scenario-hero { align-items: flex-start; flex-direction: column; } .scenario-hero-actions{width:100%;flex-wrap:wrap}.scenario-hero-actions .button{flex:1}.scenario-grid, .project-grid, .capability-map, .scenario-basics { grid-template-columns: 1fr; } .formula-preview { grid-template-columns: 1fr; } .formula-result-line { grid-template-columns: 1fr auto; } .formula-result-line .formula-equals { grid-row: 2; } .formula-canvas { grid-column: 2; } .vehicle-purchase-method { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .maturity-track { grid-template-columns: 1fr; } .formula-row { grid-template-columns: 1fr 1fr auto; } .formula-row[data-formula-row="formula"] { display: block; } .formula-row button { justify-self: start; } .formula-result-line { grid-template-columns: 1fr auto; } .formula-result-line > input { grid-column: 1 / -1; } .formula-result-line .formula-equals { display: none; } .formula-canvas { grid-column: 1; } .formula-edit-actions { align-items: stretch; } }
@media (max-width: 560px) { .value-formula-element { grid-template-columns: 1fr 1fr auto; } .value-formula-builder .actions { align-items: stretch; } .value-formula-builder .actions small { width: 100%; } }
@media (max-width: 560px) { .value-calculator-library { grid-template-columns: 1fr; } .currency-rate-metadata { grid-template-columns: 1fr 1fr; } .currency-rate-metadata label:last-child { grid-column: 1 / -1; } }
@media (max-width: 560px) { .balance-editor > .value-formula-control, .credit-quick-editor label .value-formula-control { width: 100%; grid-template-columns: minmax(0, 1fr) 42px; } }

/* Responsive application shell and transaction controls */
html, body { max-width: 100%; overflow-x: hidden; }
.shell { width: 100%; grid-template-columns: 230px minmax(0, 1fr); }
header { min-height: 82px; height: auto; padding: 14px clamp(18px, 3vw, 38px); gap: 18px; }
.workspace { width: 100%; max-width: 1600px; padding-inline: clamp(18px, 3vw, 38px); }
.event-row > .event-actions { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-end; gap: 5px; white-space: nowrap; }
.event-actions button { border: 1px solid var(--line); background: #fff; color: var(--muted); border-radius: 5px; padding: 6px 8px; cursor: pointer; }
.event-row.ignored { opacity: .58; }
.event-row.ignored strong { text-decoration: line-through; }
.event-row strong small { display: block; color: var(--muted); font: 10px system-ui; text-align: right; text-transform: uppercase; }
.event-actions .delete { border: 0; background: transparent; color: #aaa; font-size: 20px; padding: 2px 5px; }
.event-list { max-width: 1100px; }

.future-invoices { margin-bottom: 18px; }
.section-heading, .chart-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.section-heading span { color: var(--blue); font-size: 10px; font-weight: 700; letter-spacing: .14em; }
.section-heading p, .chart-head p { margin: 2px 0 0; color: var(--muted); }
.section-heading > b { font: 500 25px Georgia; white-space: nowrap; }
.future-fields { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin-top: 20px; }
.future-fields label { display: flex; flex-direction: column; }
.future-fields label small { min-height: 32px; color: var(--muted); font-weight: 400; }
.future-fields input { width: 100%; margin-top: 5px; padding: 10px 11px; border: 1px solid var(--line); border-radius: 6px; color: var(--ink); font: inherit; }
.calculation-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 16px; background: var(--line); border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }
.calculation-strip span { padding: 11px 13px; background: #f7fafc; display: flex; flex-direction: column; color: var(--muted); font-size: 11px; }
.calculation-strip b { margin-top: 3px; color: var(--ink); font: 500 17px Georgia; }
.forecast-controls { display: grid; grid-template-columns: minmax(0, 2fr) minmax(250px, 1fr); gap: 18px; margin: -5px 0 20px; }
.forecast-controls > div { min-width: 0; }
.forecast-controls label { display: block; margin-bottom: 7px; color: var(--muted); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.forecast-controls .range { flex-wrap: wrap; }
.forecast-controls .range a { border: 1px solid var(--line); border-radius: 5px; padding: 8px 11px; background: #fff; color: var(--muted); text-decoration: none; font-size: 12px; }
.forecast-controls .range a.active { border-color: var(--blue); background: var(--blue); color: #fff; }
.flow-range { margin-bottom: 18px; }
.chart-head { align-items: center; }
.chart-legend { display: flex; align-items: center; gap: 18px; color: var(--muted); font-size: 12px; }
.chart-legend span { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.chart-legend i { width: 12px; height: 12px; border-radius: 2px; background: var(--green); }
.chart-legend i.out { background: var(--gold); }
.chart-scroll { width: 100%; overflow-x: auto; padding-bottom: 8px; }
.cash-chart { display: block; width: 100%; height: 420px; color: var(--muted); font: 11px system-ui; }
.cash-chart .grid-line { stroke: #e6edf2; stroke-width: 1; }
.cash-chart .zero-line { stroke: #7f8f9d; stroke-width: 1.5; }
.cash-chart .svg-in { fill: var(--green); }
.cash-chart .svg-out { fill: var(--gold); }
.cash-chart .cash-line { fill: none; stroke: var(--ink); stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; }
.cash-chart .cash-dot { fill: #fff; stroke: var(--ink); stroke-width: 2; }
.cash-chart .cash-dot:hover { r: 5; fill: var(--gold); }
.cash-chart .x-label { fill: var(--muted); }
.cash-chart .axis-title { fill: var(--ink); font-weight: 700; font-size: 11px; letter-spacing: .04em; }
.chart-legend i.cash { width: 18px; height: 3px; border-radius: 2px; background: var(--ink); }
.chart-tracer { stroke: var(--blue); stroke-width: 1; stroke-dasharray: 4 3; pointer-events: none; }
.chart-readout { min-height: 49px; margin-top: 14px; padding: 10px 13px; border: 1px solid var(--line); border-radius: 6px; background: #f7fafc; display: flex; align-items: center; gap: 18px; color: var(--muted); }
.chart-readout b { color: var(--ink); }
.chart-readout strong { margin-left: auto; color: var(--ink); font: 500 17px Georgia; }
.view-toggle { display: inline-flex; padding: 3px; border: 1px solid var(--line); border-radius: 7px; background: #fff; }
.view-toggle button { border: 0; border-radius: 5px; padding: 8px 12px; background: transparent; color: var(--muted); cursor: pointer; }
.view-toggle button.active { background: var(--nav); color: #fff; }
.event-sort { display: flex; align-items: center; gap: 5px; }
.event-sort > span { margin-right: 4px; color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .07em; }
.event-sort button, .due-review button { border: 1px solid var(--line); border-radius: 5px; padding: 7px 10px; background: #fff; color: var(--muted); cursor: pointer; }
.event-sort button.active { border-color: var(--blue); color: var(--blue); }
.recurring-mark { display: inline-grid; place-items: center; width: 19px; height: 19px; margin-left: 7px; border-radius: 50%; background: #e8f1f6; color: var(--blue); font: 700 13px system-ui; vertical-align: middle; }
.scope-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin-bottom: 13px; }
.due-review { margin-bottom: 18px; border-left: 3px solid var(--gold); }
.due-review-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 8px; }
.due-review-head h2 { margin-bottom: 3px; }
.due-review-head p { margin: 0; }
.due-review-bulk { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px; }
.due-review-bulk [data-due-selection-count] { min-width: 68px; color: var(--muted); font-size: 12px; text-align: center; }
.due-review .due-review-primary { border-color: var(--nav); background: var(--nav); color: #fff; font-weight: 700; }
.due-review .due-review-primary:disabled { border-color: var(--line); background: #edf1f4; color: #8b99a5; cursor: not-allowed; }
.due-review-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.due-review-choice { display: flex; align-items: center; gap: 12px; min-width: 0; cursor: pointer; }
.due-review-choice input { width: 18px; height: 18px; flex: 0 0 auto; accent-color: var(--blue); }
.due-review-choice span { display: flex; min-width: 0; flex-direction: column; }
.due-review small { color: var(--muted); }
.danger-button { background: #8f332d; }
.connector-card { align-items: flex-start; }
.connector-card > div { min-width: 0; flex: 1; }
.connector-card > button { align-self: center; border: 1px solid var(--blue); border-radius: 5px; padding: 8px 10px; background: var(--blue); color: #fff; font-weight: 700; cursor: pointer; }
.connector-card > button.connector-disable { border-color: var(--line); background: #fff; color: var(--muted); }
.connector-card.disabled { background: #f8fafb; }
.connector-card.disabled > b { filter: grayscale(1); opacity: .65; }
.setup-connectors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 18px; }
.setup-connectors label { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 7px; background: #f8fafb; cursor: pointer; }
.setup-connectors input { width: 18px; height: 18px; accent-color: var(--blue); }
.setup-connectors span { display: flex; flex-direction: column; }
.setup-connectors small { color: var(--muted); font-weight: 500; }
.toggle-field > span { position: relative; display: inline-block; width: 43px; height: 24px; margin-top: 6px; }
.toggle-field input { position: absolute; opacity: 0; }
.toggle-field i { position: absolute; inset: 0; border-radius: 20px; background: #aeb9c1; transition: .2s; }
.toggle-field i::after { content: ""; position: absolute; width: 18px; height: 18px; top: 3px; left: 3px; border-radius: 50%; background: #fff; transition: .2s; }
.toggle-field input:checked + i { background: var(--blue); }
.toggle-field input:checked + i::after { transform: translateX(19px); }
.disabled-field { opacity: .45; }
dialog { width: min(650px, calc(100% - 28px)); border: 1px solid var(--line); border-radius: 9px; padding: 0; color: var(--ink); box-shadow: 0 24px 70px #0d233950; }
dialog::backdrop { background: #0d233960; }
dialog form { padding: 23px; }
.dialog-head { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 18px; }
.dialog-head span { color: var(--blue); font-size: 10px; font-weight: 700; letter-spacing: .13em; }
.dialog-head h2 { margin: 3px 0 0; font: 500 25px Georgia; }
.dialog-head > button { border: 0; background: transparent; color: var(--muted); font-size: 25px; cursor: pointer; }
dialog label { display: flex; flex-direction: column; gap: 5px; color: var(--muted); font-size: 12px; font-weight: 700; }
dialog label small { font-weight: 400; }
dialog input, dialog select { width: 100%; padding: 10px 11px; border: 1px solid var(--line); border-radius: 6px; color: var(--ink); background: #fff; font: inherit; }
.account-details { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.account-details[hidden] { display: none; }
.account-details h3 { margin: 0; font: 500 18px Georgia; }
.account-details output { min-height: 41px; padding: 10px 11px; border-radius: 6px; background: #eef3f6; color: var(--ink); font-weight: 700; }
.points-total { display: flex; align-items: center; justify-content: space-between; margin: 14px 0 3px; padding: 11px 13px; border: 1px solid #d7e4ec; border-left: 3px solid var(--blue); border-radius: 6px; background: #f3f8fb; }
.points-total span { display: flex; flex-direction: column; font-weight: 700; }
.points-total small { color: var(--muted); font-weight: 400; }
.points-total strong { color: var(--blue); font: 500 20px Georgia; }
.reward-points-balance, .reward-points-value { display: flex; flex-direction: column; justify-content: center; }
.reward-points-balance b, .reward-points-value b { color: var(--ink); font-size: 14px; }
.reward-points-balance small, .reward-points-value small { margin-top: 2px; color: var(--muted); }
.reward-points-value b { color: var(--blue); }
.reward-points-row .account-row-actions { align-self: center; }
#account-editor { width: min(920px, calc(100% - 28px)); max-height: calc(100vh - 30px); }
#account-editor form { max-height: calc(100vh - 32px); overflow-y: auto; }
.edit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin-top: 13px; }
.add-transaction { margin-bottom: 18px; }
.transaction-notes { margin-top: 13px; }
.reconciliation-explanation { margin: 16px 0; padding: 14px 16px; border: 1px solid var(--line); border-left: 4px solid var(--orange); border-radius: 8px; background: #fffaf4; }
.reconciliation-explanation p { margin: 5px 0 0; color: var(--muted); line-height: 1.45; }
.account-details > p { margin: 7px 0 14px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.asset-group { margin-top: 16px; }
.asset-group-heading { display: flex; align-items: center; justify-content: space-between; padding: 8px 10px; border-bottom: 2px solid #dce7ee; background: #f5f8fa; color: var(--blue); }
.asset-group-heading span { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.asset-group-heading strong { font: 500 16px Georgia; color: var(--ink); }
.flow-detail { margin-top: 18px; }

@media (max-width: 1100px) {
  .account-grid, .import-grid { grid-template-columns: 1fr; }
  .account-form { grid-template-columns: 1fr 1fr; }
  .metrics { grid-template-columns: 1fr 1fr; }
  .account-column-heads { display: none; }
  .account-row { grid-template-columns: minmax(190px, .8fr) minmax(320px, 1.2fr); align-items: start; row-gap: 9px; }
  .account-identity { grid-row: 1 / span 3; }
  .account-quick-fields, .account-save-cluster, .account-row-actions { grid-column: 2; }
  .account-save-cluster { grid-template-columns: minmax(0, 1fr) 120px; justify-items: stretch; }
  .account-save-status { align-self: center; }
  .account-row-actions { justify-content: start; }
  .account-row-actions .related-account { justify-self: start; }
}

@media (max-width: 900px) {
  .shell { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  header { align-items: flex-start; flex-direction: column; }
  .header-actions { width: 100%; justify-content: space-between; }
  .header-actions label { display: flex !important; flex: 1; }
  .header-actions select { width: 100%; }
  .metrics { grid-template-columns: 1fr; }
  .event-row { grid-template-columns: 30px minmax(0, 1fr) auto; }
  .event-row > .event-actions { grid-column: 2 / 4; justify-content: flex-end; }
  .account-row { grid-template-columns: 1fr; row-gap: 10px; }
  .account-identity { grid-row: auto; }
  .account-quick-fields, .account-save-cluster, .account-row-actions { grid-column: 1; }
  .account-save-cluster { grid-template-columns: minmax(0, 1fr) 120px; }
  .account-row-actions { justify-content: start; }
  .account-row-actions .related-account { width: 100%; margin-right: 0; text-align: left; }
  .future-fields, .calculation-strip, .forecast-controls { grid-template-columns: 1fr; }
  .section-heading, .chart-head { flex-direction: column; }
  .chart-legend { flex-wrap: wrap; gap: 8px 16px; }
  .edit-grid { grid-template-columns: 1fr; }
  .chart-readout { align-items: flex-start; flex-direction: column; gap: 3px; }
  .chart-readout strong { margin-left: 0; }
  .event-sort { align-self: stretch; }
  .scope-fields { grid-template-columns: 1fr; }
  .account-form { grid-template-columns: 1fr; }
}
.delete-series{color:#9b2c25!important}.commission-filters{display:flex;gap:12px;margin:0 0 18px}.commission-filters label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.commission-filters select{min-width:180px}.commission-columns{align-items:start}.calculation-strip.vertical{display:grid;margin:0 0 12px}.commission-cost,.commission-preview-row,.assignment-panel>div,.rep-settings>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.commission-cost span,.commission-preview-row span{display:grid}.commission-cost small,.commission-preview-row small,.assignment-panel small{color:var(--muted);margin-top:3px}.commission-cost button{color:#9b2c25;font-size:20px}.commission-preview-row select,.assignment-panel select{min-width:170px}.commission-preview-row.duplicate{opacity:.55}.assignment-panel>div{grid-template-columns:minmax(0,1fr) 220px}.commission-table{overflow:auto}.commission-table>div{display:grid;grid-template-columns:minmax(170px,1.5fr) repeat(5,minmax(110px,1fr));gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line);min-width:850px}.commission-table .table-head{background:#f4f7f9;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.commission-table small{display:block;color:var(--muted);margin-top:3px}.rep-settings>div{grid-template-columns:minmax(180px,1fr) 150px auto auto}.rep-settings label{display:grid;grid-template-columns:auto 75px;gap:8px;align-items:center}.rep-settings input{width:100%}
@media(max-width:800px){.commission-cost,.commission-preview-row,.assignment-panel>div,.rep-settings>div{grid-template-columns:1fr}.commission-preview-row select,.assignment-panel select{width:100%}.commission-filters{display:grid}}
.legacy-import{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:12px 0;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:12px}.invoice-history small{display:block;color:var(--muted);margin-top:3px}
.readonly-commission .commission-columns,.readonly-commission .assignment-panel,.readonly-commission .rep-settings,.readonly-commission [data-edit-commission-invoice]{display:none}.readonly-commission #commission-rep-filter{pointer-events:none;background:#f3f5f7}.rep-portal-brand{display:none}.readonly-commission .shell{grid-template-columns:1fr;background:#f3f7fa}.readonly-commission .rail,.readonly-commission main>header{display:none}.readonly-commission .workspace{max-width:1320px;margin:0 auto;padding-top:24px}.readonly-commission .rep-portal-brand{display:flex;align-items:center;justify-content:space-between;margin:-24px -38px 28px;padding:18px 38px;background:#fff;border-bottom:1px solid var(--line)}.rep-portal-brand>div{display:flex;align-items:baseline;gap:12px}.rep-portal-brand strong{color:#123d61;font-size:24px;letter-spacing:.16em}.rep-portal-brand small{color:#55758f;font-size:11px;letter-spacing:.08em}.rep-portal-brand>span{color:#ef7400;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.readonly-commission .rep-portal-intro h1{color:#123d61}.readonly-commission .commission-filters label:first-child{display:none}.readonly-commission #commission-rep-filter{border:0;font-weight:800}.readonly-commission .commission-dashboard-grid{margin-top:4px}@media(max-width:700px){.readonly-commission .workspace{padding:0 14px 20px}.readonly-commission .rep-portal-brand{margin:0 -14px 20px;padding:15px 14px;align-items:flex-start}.rep-portal-brand>div{align-items:flex-start;flex-direction:column;gap:1px}.rep-portal-brand strong{font-size:20px}}
.rep-property-card{padding:18px 0;border-bottom:1px solid var(--line)}.rep-property-card:last-child{border-bottom:0}.rep-property-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.rep-property-head>input{font-family:var(--display);font-size:22px;font-weight:700;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:5px 0;max-width:320px}.rep-property-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.rep-property-grid label{display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--muted)}.rep-property-grid small{font-weight:400}.rep-property-card .actions{margin-top:14px}@media(max-width:1000px){.rep-property-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media(max-width:650px){.rep-property-grid{grid-template-columns:1fr}.rep-property-head{align-items:start;flex-direction:column}.rep-property-head>input{max-width:none;width:100%}}
.commission-cost{grid-template-columns:minmax(0,1fr) auto auto auto}@media(max-width:800px){.commission-cost{grid-template-columns:1fr}}
.commission-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 18px}.commission-dashboard-grid>.commission-chart-card:last-child{grid-column:1/-1}.commission-chart-card{min-width:0}.commission-chart-card .chart-head{margin-bottom:8px}.commission-chart-card .chart-head span{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.12em}.commission-chart-card .chart-head h2{margin:4px 0;font:500 21px Georgia}.commission-chart-card .chart-head p{margin:0;color:var(--muted);font-size:12px}.commission-chart-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0;color:var(--muted);font-size:11px;font-weight:700}.commission-chart-legend span{display:flex;align-items:center;gap:6px}.commission-chart-legend i{width:9px;height:9px;border-radius:50%}.commission-canvas-wrap{width:100%;overflow-x:auto}.commission-canvas{display:block;max-width:none}.invoice-history .section-heading{align-items:flex-end}.invoice-analysis-controls{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(150px,.7fr) minmax(180px,.8fr) auto;gap:12px;align-items:end;margin:16px 0}.invoice-analysis-controls label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.invoice-analysis-actions{display:flex;gap:7px}.invoice-analysis-totals{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:1px;margin-bottom:14px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--line)}.invoice-analysis-totals span{display:grid;gap:4px;padding:12px 14px;background:#f7f9fa}.invoice-analysis-totals small{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.invoice-analysis-totals b{font-family:var(--display);font-size:19px}.invoice-scroll{max-height:560px;overflow:auto;padding-right:5px;border-top:1px solid var(--line)}.invoice-scroll>div:not(.preview-empty){display:grid;grid-template-columns:minmax(0,1fr) 120px 120px 52px auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.invoice-scroll.rep-invoice-scroll>div:not(.preview-empty){grid-template-columns:minmax(0,1fr) 120px 120px}.invoice-scroll small{display:block;color:var(--muted);margin-top:3px}.invoice-state{justify-self:center;padding:4px 7px;border-radius:12px;background:#e8f2f7;color:var(--blue);font-size:11px;font-weight:800}@media(max-width:900px){.commission-dashboard-grid{grid-template-columns:1fr}.commission-dashboard-grid>.commission-chart-card:last-child{grid-column:auto}.invoice-analysis-controls{grid-template-columns:1fr 1fr}.invoice-analysis-totals{grid-template-columns:1fr 1fr}}@media(max-width:700px){.invoice-history .section-heading{align-items:flex-start}.invoice-analysis-controls{grid-template-columns:1fr}.invoice-analysis-actions>*{flex:1}.invoice-scroll>div:not(.preview-empty){grid-template-columns:1fr auto}.invoice-scroll>div:not(.preview-empty)>span:nth-child(2),.invoice-scroll>div:not(.preview-empty)>span:nth-child(3){display:none}.invoice-state{grid-column:2}}
.commission-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.commission-metrics{grid-template-columns:1fr}}
.commission-accrual-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:-4px 0 20px}.commission-accrual-timeline button{display:grid;gap:4px;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);cursor:pointer}.commission-accrual-timeline button span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.commission-accrual-timeline button b{font-family:var(--display);font-size:19px}.commission-accrual-timeline button.active{border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 16%,transparent)}.commission-accrual-timeline button.active span{color:var(--blue)}@media(max-width:700px){.commission-accrual-timeline{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.commission-accrual-timeline button{min-width:150px;scroll-snap-align:start}}

/* Phone and tablet workspace */
@media (max-width: 760px) {
  body { font-size: 14px; padding-bottom: env(safe-area-inset-bottom); }
  .shell { display: block; min-height: 100dvh; }
  .rail {
    position: sticky;
    top: 0;
    z-index: 20;
    padding: max(10px, env(safe-area-inset-top)) 12px 8px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
    box-shadow: 0 4px 18px #0d23390d;
  }
  .official-wordmark { display: none; }
  .rail nav {
    display: flex;
    gap: 5px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    padding-bottom: 2px;
  }
  .rail nav::-webkit-scrollbar { display: none; }
  .rail nav a {
    min-width: 76px;
    min-height: 50px;
    padding: 7px 9px;
    flex: 0 0 auto;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 11px;
    line-height: 1.1;
    scroll-snap-align: start;
  }
  .rail nav a span { display: block; width: auto; font-size: 16px; }
  .rail nav a.active { border-color: #d5e3eb; box-shadow: inset 0 -3px var(--gold); }
  .nav-section-label { display: none; }
  .local-note { display: none; }
  main > header {
    min-height: 0;
    padding: 12px 14px;
    align-items: stretch;
    gap: 10px;
  }
  main > header > div:first-child small { display: none; }
  main > header > div:first-child strong { font-size: 18px; }
  .header-actions { gap: 8px; }
  .header-actions label { min-width: 0; }
  .header-actions select { min-width: 0; min-height: 44px; font-size: 16px; }
  .header-actions .button { display: none; }
  .workspace { padding: 18px 12px calc(24px + env(safe-area-inset-bottom)); }
  .intro { align-items: flex-start; flex-direction: column; gap: 12px; margin-bottom: 18px; }
  .intro h1 { font-size: 29px; }
  .intro > b { align-self: flex-start; }
  .panel, .empty { padding: 16px; border-radius: 10px; }
  .columns, .import-grid, .account-grid, .commission-dashboard-grid { gap: 12px; }
  .metrics, .commission-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .metric { min-width: 0; padding: 14px; }
  .metric > strong { font-size: 22px; overflow-wrap: anywhere; }
  .metric > small { line-height: 1.3; }
  .phase-strip { display: flex; overflow-x: auto; scroll-snap-type: x proximity; }
  .phase-strip article { min-width: 190px; scroll-snap-align: start; }
  .connector-picker { display: grid; grid-template-columns: 1fr 1fr; }
  .connector-picker button { min-height: 44px; }
  .document-drop { min-height: 130px; padding: 18px; }
  textarea { height: 180px; font-size: 16px; }
  .actions { align-items: stretch; flex-direction: column; gap: 10px; }
  .actions .button, .actions .file-button { width: 100%; min-height: 46px; }
  .preview-stats { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .preview-stats b { padding: 8px; font-size: 16px; }
  .section-heading { gap: 10px; }
  .section-heading .button, .section-heading > button { width: 100%; min-height: 44px; }
  .event-row { grid-template-columns: 30px minmax(0,1fr) auto; align-items: start; }
  .event-row > strong { padding-top: 2px; }
  .event-row > .event-actions { grid-column: 2 / -1; width: 100%; flex-direction: row; justify-content: flex-start; }
  .event-actions button { min-height: 40px; padding: 8px 11px; }
  .recurring-schedule-row { grid-template-columns: 30px minmax(0,1fr) auto; align-items: start; }
  .recurring-schedule-row button, .recurring-schedule-row a { min-height: 40px; display: inline-flex; align-items: center; }
  .due-review-head, .due-review-row { align-items: stretch; flex-direction: column; }
  .due-review-bulk { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .due-review-bulk [data-due-selection-count] { grid-column: 1 / -1; text-align: left; }
  .due-review-bulk .due-review-primary { grid-column: 1 / -1; }
  .due-review-row > button { width: 100%; min-height: 44px; }
  .account-head { align-items: flex-start; flex-direction: column; }
  .account-page-actions { width: 100%; grid-template-columns: 1fr; justify-items: stretch; }
  .account-page-actions > span { grid-column: auto; }
  .account-page-actions .button { width: 100%; }
  .account-floating-save { right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); width: calc(100vw - 24px); }
  .account-row { padding: 14px 0; }
  .balance-editor { display: contents !important; }
  .account-quick-fields { display: grid !important; grid-template-columns: 1fr; width: 100%; }
  .credit-quick-editor .account-quick-fields { grid-template-columns: 1fr 1fr; }
  .account-save-cluster { justify-content: stretch; }
  .balance-editor input, .balance-editor button { width: 100%; min-width: 0; min-height: 42px; }
  .credit-quick-editor label { min-width: 0; }
  .organization-row { grid-template-columns: 38px minmax(0,1fr) auto; }
  .organization-row > i, .organization-row .organization-actions { grid-column: 2 / -1; }
  .organization-row .organization-actions { flex-direction: row; }
  .forecast-controls .range { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); }
  .forecast-controls .range a { display: grid; min-height: 42px; place-items: center; padding: 7px; text-align: center; }
  .view-toggle { width: 100%; }
  .view-toggle button { flex: 1; min-height: 42px; }
  .chart-scroll, .commission-canvas-wrap { margin-inline: -8px; width: calc(100% + 16px); }
  .cash-chart, .commission-canvas { min-width: 680px; }
  .chart-readout { padding: 10px; }
  .commission-filters { gap: 9px; }
  .commission-filters label { display: grid; grid-template-columns: 82px minmax(0,1fr); }
  .commission-filters select { width: 100%; min-width: 0; min-height: 44px; font-size: 16px; }
  .commission-table { margin-inline: -16px; padding-inline: 16px; }
  .invoice-range { display: grid; grid-template-columns: repeat(3,1fr); width: 100%; }
  .invoice-range button { min-height: 40px; }
  dialog, #account-editor {
    width: 100%;
    max-width: none;
    max-height: calc(100dvh - env(safe-area-inset-top));
    margin: auto 0 0;
    border-width: 1px 0 0;
    border-radius: 16px 16px 0 0;
  }
  dialog form, #account-editor form {
    max-height: calc(100dvh - env(safe-area-inset-top));
    padding: 18px 14px calc(20px + env(safe-area-inset-bottom));
    overflow-y: auto;
  }
  .dialog-head { position: sticky; top: -18px; z-index: 2; margin: -18px -14px 14px; padding: 16px 14px 12px; background: #fff; border-bottom: 1px solid var(--line); }
  dialog input, dialog select { min-height: 44px; font-size: 16px; }
}

/* Vehicle purchase scenario: editable specifications, full ownership cost, and option comparison. */
.vehicle-purchase-editor{margin:0 17px 16px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#f7fafc}.vehicle-editor-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}.vehicle-editor-heading span,.vehicle-comparison>div:first-child>span{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.14em}.vehicle-editor-heading h3,.vehicle-comparison h3{margin:4px 0;font:600 22px Georgia,serif}.vehicle-editor-heading p,.vehicle-comparison p{margin:0;color:var(--muted);font-size:11px}.vehicle-editor-groups{display:grid;gap:13px}.vehicle-editor-group{padding-top:12px;border-top:1px solid var(--line)}.vehicle-editor-group:first-child{padding-top:0;border-top:0}.vehicle-editor-group>h4{margin:0 0 9px;font-size:12px}.vehicle-editor-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.vehicle-editor-fields label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.04em}.vehicle-editor-fields input,.vehicle-editor-fields select{width:100%;min-height:38px;padding:8px 9px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}.vehicle-vin-field{grid-column:span 2}.vehicle-vin-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.vehicle-vin-controls button{border:1px solid var(--blue);border-radius:6px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}.vehicle-check{display:flex!important;align-items:center;grid-auto-flow:column;justify-content:start;gap:7px;padding-top:21px}.vehicle-check input{width:auto;min-height:0}.vehicle-cost-summary{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;margin-top:14px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--line)}.vehicle-cost-summary>span{display:grid;gap:3px;padding:11px;background:var(--card)}.vehicle-cost-summary small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.vehicle-cost-summary b{font-size:13px}.vehicle-comparison{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.vehicle-comparison-table{margin-top:12px;overflow:hidden;border:1px solid var(--line);border-radius:8px}.vehicle-comparison-head,.vehicle-comparison-row{display:grid;grid-template-columns:1.5fr repeat(6,minmax(90px,1fr));align-items:center}.vehicle-comparison-head{background:#f1f4f6;color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.vehicle-comparison-head span,.vehicle-comparison-row>span{padding:10px;border-right:1px solid var(--line)}.vehicle-comparison-head span:last-child,.vehicle-comparison-row>span:last-child{border-right:0}.vehicle-comparison-row{border-top:1px solid var(--line);font-size:11px}.vehicle-comparison-row:first-of-type{border-top:0}.vehicle-comparison-row.selected{box-shadow:inset 4px 0 var(--orange);background:#fff9f2}.vehicle-comparison-row>span:first-child{display:grid;gap:2px}.vehicle-comparison-row small{color:var(--muted)}.vehicle-comparison-row em{width:max-content;padding:2px 5px;border-radius:99px;background:#dff3e9;color:#176b4c;font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase}
@media(max-width:1100px){.vehicle-editor-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-cost-summary{grid-template-columns:repeat(4,1fr)}.vehicle-comparison-table{overflow-x:auto}.vehicle-comparison-head,.vehicle-comparison-row{min-width:900px}}
@media(max-width:650px){.vehicle-purchase-editor{margin:0 10px 12px;padding:12px}.vehicle-editor-fields,.vehicle-cost-summary{grid-template-columns:1fr}.vehicle-vin-field{grid-column:1}.vehicle-comparison{padding:12px}.vehicle-comparison-head{display:none}.vehicle-comparison-row{display:grid;min-width:0;grid-template-columns:1fr 1fr}.vehicle-comparison-row>span{display:grid;gap:2px;border-right:0;border-bottom:1px solid var(--line)}.vehicle-comparison-row>span:first-child{grid-column:1/-1}.vehicle-comparison-row>span:not(:first-child)::before{content:attr(data-label);color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}}

/* Shared modules: organization-owned tasks and property intelligence. */
.tasks-module,.properties-module{display:grid;gap:18px}.module-hero{display:flex;align-items:end;justify-content:space-between;gap:22px;padding:26px 28px;border-radius:16px;background:linear-gradient(125deg,#0b2942,#145b7e);color:#fff}.module-hero small{color:#8ed0ee;font-size:9px;font-weight:900;letter-spacing:.16em}.module-hero h1{margin:5px 0 7px;color:#fff}.module-hero p{max-width:780px;margin:0;color:#d8e8f1}.module-hero button{flex:0 0 auto}.task-priority,.task-status{display:inline-block;padding:4px 9px;border-radius:999px;background:#e9f2f6;font-size:10px;font-weight:800;text-transform:capitalize}.task-priority.urgent,.task-overdue{color:#a5382d}.task-priority.urgent{background:#fbe8e5}.task-priority.high{background:#fff0d8;color:#965300}.task-priority.low{background:#eef1f3;color:#607386}.task-status.complete{background:#e5f4ec;color:#176b4c}.task-status.blocked{background:#fbe8e5;color:#a5382d}.task-table small{margin-top:4px}.property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.property-card{display:grid;gap:8px;padding:18px;border:1px solid #d8e3eb;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgb(16 43 65 / .04)}.property-card>header,.property-card>footer,.property-comparison>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.property-card>header>span{padding:4px 8px;border-radius:999px;background:#edf3f6;color:#587083;font-size:9px;font-weight:800}.property-compare-check{display:flex;align-items:center;gap:6px;color:#376079;font-size:10px;font-weight:800}.property-card h3{margin:0;font-size:20px}.property-card p,.property-card>small{margin:0;color:#607386}.property-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.property-card dl>div{padding:9px;border-radius:8px;background:#f5f8fa}.property-card dt{color:#607386;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.property-card dd{margin:3px 0 0;font-weight:800}.property-card .negative{color:#a5382d}.property-card .positive{color:#176b4c}.property-card footer{justify-content:flex-end;margin-top:auto}.property-card footer button,.property-card footer a{border:0;background:transparent;color:#12658e;font-size:10px;font-weight:800;cursor:pointer}.property-card footer .delete{color:#a5382d}.property-comparison{padding:18px;border:1px solid #d8e3eb;border-radius:14px;background:#fff}.property-comparison>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:13px}.property-comparison article{padding:14px;border:1px solid #d8e3eb;border-radius:10px}.property-comparison h3{margin:0 0 4px}.property-comparison p{min-height:32px;color:#607386}.property-comparison dl{display:grid;grid-template-columns:1fr auto;gap:6px 10px;margin:12px 0 0}.property-comparison dd{margin:0;font-weight:800}.property-provider-readiness{border:1px solid #d8e3eb;border-radius:14px;background:#fff}.property-provider-readiness summary{padding:16px 18px;color:#0c263d;font-weight:800;cursor:pointer}.property-provider-readiness>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 18px 18px}.property-provider-readiness article{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:11px;border:1px solid #e2e9ee;border-radius:9px}.property-provider-readiness article small{grid-column:1/-1;color:#607386}.property-provider-readiness article span{font-size:8px;font-weight:900;text-transform:uppercase}.property-dialog{max-height:calc(100vh - 28px);overflow:auto}.property-dialog fieldset{margin:16px 0;padding:15px;border:1px solid #d8e3eb;border-radius:12px}.property-dialog legend{padding:0 7px;color:#0c263d;font:600 18px Georgia,serif}.fieldset-help{margin:0 0 12px;color:#607386;font-size:10px}.empty-module{grid-column:1/-1;padding:34px;border:1px dashed #9fb8c7;border-radius:14px;background:#f7fafc;text-align:center}

/* Vehicle evidence: facts and sources remain visible, reviewable, and separate. */
.vehicle-evidence-counts{display:flex;flex-wrap:wrap;gap:7px}.vehicle-evidence-counts span{padding:5px 9px;border-radius:999px;background:#e5f4ec;color:#176b4c;font-size:9px;font-weight:900}.vehicle-evidence-counts span:nth-child(2){background:#fff0c8;color:#855800}.vehicle-evidence-counts span:nth-child(3){background:#fbe8e5;color:#a5382d}.vehicle-evidence-facts,.vehicle-evidence-review,.vehicle-research-list,.vehicle-research-warnings{display:grid;gap:7px;margin-top:12px}.vehicle-evidence-facts article,.vehicle-evidence-review article,.vehicle-research-list article,.vehicle-research-warnings article{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(0,1.5fr) auto;align-items:center;gap:8px 12px;padding:10px 12px;border:1px solid #dce6ec;border-radius:9px;background:#fff}.vehicle-evidence-facts small,.vehicle-evidence-review small,.vehicle-research-list small{color:#607386}.vehicle-evidence-review article{border-color:#e8c877;background:#fffaf0}.vehicle-evidence-review button{border:1px solid #12658e;border-radius:6px;background:#edf7fc;color:#12658e;font-size:9px;font-weight:800}.vehicle-research-list article{grid-template-columns:minmax(150px,.8fr) minmax(0,1.7fr) auto}.vehicle-research-warnings article{grid-template-columns:1fr;border-color:#efb7b1;background:#fff4f2;color:#923a31}.vehicle-history-list,.vehicle-recall-list{display:grid;gap:7px;margin-top:10px}.vehicle-history-list article,.vehicle-recall-list article{padding:10px 12px;border-left:3px solid #12658e;border-radius:0 8px 8px 0;background:#f6fafc}.vehicle-recall-list article{border-left-color:#d85e31;background:#fff7f2}.vehicle-history-list p,.vehicle-recall-list p{margin:3px 0;color:#607386;font-size:10px}
@media(max-width:1050px){.property-grid{grid-template-columns:1fr 1fr}.property-comparison>div,.property-provider-readiness>div{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.module-hero{align-items:stretch;flex-direction:column;padding:21px}.module-hero button{width:100%}.property-grid,.property-comparison>div,.property-provider-readiness>div{grid-template-columns:1fr}.task-table{min-width:780px}.vehicle-evidence-facts article,.vehicle-evidence-review article,.vehicle-research-list article{grid-template-columns:1fr}.vehicle-evidence-review button{width:100%}}

/* Scenario clarity pass: compact metadata and vehicle-first comparisons. */
.scenario-basics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px}.scenario-basics label{gap:4px}.scenario-basics label small{min-height:0}.scenario-model-tools{display:flex;align-items:center;gap:10px;margin:10px 0 4px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--card)}.scenario-model-tools>span{font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--blue);white-space:nowrap}.scenario-model-tools>b{font:600 17px Georgia,serif;white-space:nowrap}.scenario-model-tools>.scenario-horizon-buttons{display:flex;margin:0 0 0 auto;padding:0;border:0;background:transparent}.scenario-car-suggestions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.scenario-car-suggestions[hidden]{display:none!important}.scenario-car-suggestions>span{font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--muted)}.scenario-car-suggestions button{min-height:34px;padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:#f5f8fa;color:var(--blue);font-size:10px;font-weight:800;cursor:pointer}.scenario-stream.vehicle-option>header{display:flex;align-items:center;padding:12px 16px}.scenario-stream.vehicle-option>header>div:first-child{flex:1;min-width:280px}.scenario-stream.vehicle-option .scenario-stream-name-field input{min-height:40px;font-size:18px}.scenario-stream.vehicle-option .scenario-stream-actions{width:auto!important;display:flex!important;align-items:center;justify-content:flex-end;flex-wrap:wrap!important}.vehicle-editor-heading{display:none!important}.vehicle-purchase-editor{padding:12px}.vehicle-vin-start{margin:0;padding:14px}.vehicle-quick-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-comparison-table{overflow-x:auto}.vehicle-comparison-head,.vehicle-comparison-row{grid-template-columns:minmax(210px,1.45fr) 90px minmax(160px,1.1fr) minmax(180px,1.2fr) repeat(3,minmax(100px,.75fr));min-width:1080px}
@media(max-width:980px){.scenario-basics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.scenario-basics{grid-template-columns:1fr}.scenario-model-tools{align-items:flex-start;flex-direction:column}.scenario-model-tools>b{white-space:normal}.scenario-model-tools>.scenario-horizon-buttons{width:100%;margin:0}.scenario-stream.vehicle-option>header{align-items:stretch}.scenario-stream.vehicle-option>header>div:first-child{min-width:0}.scenario-stream.vehicle-option .scenario-stream-actions{display:grid!important;grid-template-columns:1fr auto auto;width:100%!important}.vehicle-quick-steps{grid-template-columns:1fr}}

/* Buy a car: VIN-first, progressive disclosure, and compact desktop forms. */
.vehicle-purchase-editor{padding:0;overflow:hidden;background:#f5f8fa}
.vehicle-editor-heading{margin:0;padding:20px 22px 16px;background:linear-gradient(120deg,#0b263e,#154e70);color:#fff}
.vehicle-editor-heading span{color:#91d7f4}
.vehicle-editor-heading h3{margin:6px 0;color:#fff;font-size:25px}
.vehicle-editor-heading p{max-width:760px;color:#dbeaf3;font-size:12px;line-height:1.55}
.vehicle-vin-start{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(430px,1.3fr);align-items:center;gap:20px;margin:18px;padding:18px 20px;border:1px solid #a9cfe2;border-left:5px solid var(--orange);border-radius:10px;background:#fff;box-shadow:0 10px 25px rgba(15,53,78,.06)}
.vehicle-vin-start>div>span{color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.14em}
.vehicle-vin-start h4{margin:5px 0 4px;font:600 20px Georgia,serif}
.vehicle-vin-start p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.vehicle-vin-start>small{grid-column:2;color:var(--blue);font-size:10px;font-weight:700}
.vehicle-vin-entry{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(150px,.55fr);gap:12px;align-items:end}
.vehicle-vin-field{display:grid;gap:6px;color:var(--ink);font-size:11px;font-weight:900;letter-spacing:.03em}
.vehicle-vin-field>small{color:var(--muted);font-size:9px;font-weight:500}
.vehicle-mileage-field{display:grid;gap:6px;color:var(--ink);font-size:11px;font-weight:900;letter-spacing:.03em}
.vehicle-mileage-field>small{color:var(--muted);font-size:9px;font-weight:500}
.vehicle-mileage-field input{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font-size:15px;font-weight:750}
.vehicle-vin-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.vehicle-vin-controls input{min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:16px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.vehicle-vin-controls button,.vehicle-history-actions button{min-height:42px;padding:9px 15px;border:1px solid var(--blue);border-radius:7px;background:var(--blue);color:#fff;font-weight:900;cursor:pointer}
.vehicle-quick-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:2px}
.vehicle-quick-steps button{min-height:38px;padding:8px 10px;border:1px solid #bfd4e0;border-radius:7px;background:#f3f8fb;color:var(--blue);font-size:10px;font-weight:850;cursor:pointer}
.vehicle-quick-steps button:hover{border-color:var(--blue);background:#e9f4f9}
.vehicle-editor-groups{gap:10px;padding:0 18px 18px}
.vehicle-section{overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#fff}
.vehicle-section>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;list-style:none;cursor:pointer;user-select:none}
.vehicle-section>summary::-webkit-details-marker{display:none}
.vehicle-section>summary>span{display:grid;gap:3px}
.vehicle-section>summary b{font:600 17px Georgia,serif}
.vehicle-section>summary small{color:var(--muted);font-size:10px;font-weight:500}
.vehicle-section>summary i{color:var(--blue);font-size:16px;font-style:normal;transition:transform .18s ease}
.vehicle-section[open]>summary{border-bottom:1px solid var(--line);background:#f8fbfc}
.vehicle-section[open]>summary i{transform:rotate(180deg)}
.vehicle-section-body{padding:16px}
.vehicle-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.vehicle-fields label{display:grid;align-content:start;gap:5px;min-width:0;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.035em}
.vehicle-fields label>small{min-height:0;color:var(--muted);font-size:8px;font-weight:500}
.vehicle-fields input,.vehicle-fields select,.vehicle-fields textarea{width:100%;min-width:0;min-height:39px;padding:8px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:11px;font-weight:600;letter-spacing:0}
.vehicle-fields textarea{min-height:82px;resize:vertical;line-height:1.45}
.vehicle-fields .vehicle-field-wide{grid-column:1/-1}
.vehicle-fields .vehicle-check{display:flex!important;align-items:center;align-self:end;min-height:39px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:#fafcfd}
.vehicle-fields .vehicle-check input{width:auto;min-height:auto}
.vehicle-tax-note,.vehicle-history-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:12px 14px;border-radius:7px;background:#eef6fa}
.vehicle-feature-actions{background:#fff7ec}
.vehicle-tax-note b,.vehicle-history-actions b{white-space:nowrap;font-size:11px}
.vehicle-tax-note span,.vehicle-history-actions span{color:var(--muted);font-size:10px;line-height:1.45}
.vehicle-history-actions>div{display:grid;gap:3px}
.vehicle-cost-summary{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 18px 18px}
.scenario-document-card.vehicle_history{border-left-color:#5b6fb0}
.scenario-document-card.vehicle_history .scenario-document-badge{background:#e8ebf8;color:#384a8a}
.scenario-document-review-grid .vehicle-document-wide{grid-column:1/-1}
.scenario-document-review-grid textarea{min-height:78px;resize:vertical}
@media(max-width:1100px){
  .vehicle-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vehicle-vin-start{grid-template-columns:1fr 1.2fr}
}
@media(max-width:700px){
  .vehicle-purchase-editor{margin:0 10px 12px}
  .vehicle-editor-heading{padding:18px 16px}
  .vehicle-editor-heading h3{font-size:21px}
  .vehicle-editor-heading p{font-size:11px;line-height:1.4}
  .vehicle-vin-start{grid-template-columns:1fr;gap:14px;margin:12px;padding:15px}
  .vehicle-vin-start>small{grid-column:1}
  .vehicle-vin-entry{grid-template-columns:1fr}
  .vehicle-vin-controls{grid-template-columns:1fr}
  .vehicle-vin-controls button{width:100%}
  .vehicle-quick-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vehicle-editor-groups{padding:0 12px 12px}
  .vehicle-section>summary{padding:13px}
  .vehicle-section-body{padding:13px}
  .vehicle-fields{grid-template-columns:1fr}
  .vehicle-fields .vehicle-field-wide{grid-column:1}
  .vehicle-tax-note,.vehicle-history-actions{align-items:stretch;flex-direction:column}
  .vehicle-history-actions button{width:100%}
  .vehicle-cost-summary{display:flex;margin:0 12px 12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .vehicle-cost-summary>span{flex:0 0 158px;scroll-snap-align:start}
}

@media (max-width: 390px) {
  .metrics, .commission-metrics { grid-template-columns: 1fr; }
  .connector-picker { grid-template-columns: 1fr; }
  .forecast-controls .range { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .preview-stats { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .setup-connectors { grid-template-columns: 1fr; }
  .connector-card { flex-wrap: wrap; }
  .connector-card > button { width: 100%; }
}

.prospecting-columns { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); gap: 18px; }
.crm-call-campaign{margin-top:18px}.crm-call-campaign>label,.crm-add label{display:grid;gap:5px}.crm-call-campaign select,.crm-call-campaign input,.crm-call-campaign textarea{box-sizing:border-box;width:100%;padding:9px;border:1px solid var(--line);border-radius:6px;font:inherit}.crm-call-campaign>label{max-width:430px}.crm-add{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:15px 0}.crm-add label{min-width:240px}.crm-target{display:grid;grid-template-columns:minmax(150px,1.2fr) repeat(4,minmax(110px,1fr));gap:9px;align-items:end;padding:12px 0;border-top:1px solid var(--line)}.crm-target>div:first-child{display:grid;gap:4px}.crm-target small,.crm-note{color:var(--muted)}.crm-target label{display:grid;gap:5px;font-size:12px}.crm-target-notes{grid-column:1/-2}.crm-target button{align-self:end}.crm-note{margin-top:12px;font-size:12px}@media(max-width:1000px){.crm-target{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-target>div:first-child,.crm-target-notes{grid-column:1/-1}}@media(max-width:600px){.crm-target{grid-template-columns:1fr}.crm-target>div:first-child,.crm-target-notes{grid-column:auto}}
.pipeline-board { display: grid; grid-template-columns: repeat(6, minmax(190px, 1fr)); gap: 12px; overflow-x: auto; padding-bottom: 8px; }
.pipeline-column { min-height: 230px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--wash, #f5f8fa); }
.pipeline-column > header { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
.prospect-card { display: grid; gap: 7px; margin-bottom: 9px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: #fff; box-shadow: 0 2px 8px rgba(13, 40, 61, .04); }
.prospect-card p, .prospect-card small { margin: 0; color: var(--muted); }
.prospect-card .actions { flex-direction: row; }
.activity-list, .campaign-list { display: grid; gap: 10px; }
.activity-item, .campaign-item { display: grid; gap: 4px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.campaign-item { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.campaign-item .actions { flex-direction: row; }
.access-overview { margin-top: 18px; }
.access-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 0; border-bottom: 1px solid var(--line); }
.access-row div { display: grid; gap: 4px; }
.access-row small { color: var(--muted); }
.identity-note { display: grid; gap: 4px; margin-top: 16px; padding: 13px; border-left: 3px solid var(--accent); background: var(--wash, #f5f8fa); }
.identity-note small { color: var(--muted); }
.organization-profile-dialog { width: min(980px, calc(100% - 28px)); max-height: 94vh; }
.organization-profile-dialog form { max-height: 92vh; overflow-y: auto; }
.organization-profile-dialog fieldset { margin: 16px 0; padding: 16px; border: 1px solid var(--line); border-radius: 10px; }
.organization-profile-dialog legend { padding: 0 7px; color: var(--ink); font: 600 18px Georgia, serif; }
.organization-profile-intro { display: grid; grid-template-columns: minmax(260px, .75fr) minmax(0, 1.25fr); align-items: center; gap: 22px; padding: 16px; border: 1px solid #b7d0de; border-radius: 12px; background: #f3f8fb; }
.organization-profile-intro > div:last-child > span { color: var(--blue); font-size: 9px; font-weight: 850; letter-spacing: .13em; }
.organization-profile-intro h3 { margin: 5px 0; font: 600 24px Georgia, serif; }
.organization-profile-intro p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.organization-profile-picture { display: grid; grid-template-columns: 74px minmax(0, 1fr); align-items: center; gap: 12px; }
.organization-profile-preview { width: 72px; height: 72px; display: grid; place-items: center; overflow: hidden; border: 1px solid #aac4d3; border-radius: 50%; background: #fff; color: var(--blue); font-weight: 850; }
.organization-profile-preview > * { grid-area: 1 / 1; }
.organization-profile-preview img { width: 100%; height: 100%; object-fit: cover; }
.organization-profile-picture > label { min-width: 0; }
.organization-profile-picture input[type=file] { padding: 7px; background: #fff; }
.organization-remove-picture { grid-column: 2; display: flex !important; flex-direction: row !important; align-items: center; gap: 7px; color: #8f332d !important; }
.organization-remove-picture input { width: auto; }
.organization-profile-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.organization-profile-fields .span-two { grid-column: span 2; }
.organization-profile-fields textarea { width: 100%; padding: 10px 11px; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--ink); font: inherit; resize: vertical; }
.organization-profile-fields output { min-height: 42px; padding: 10px 11px; border-radius: 6px; background: #eef3f6; color: var(--ink); font-weight: 750; }
.organization-profile-check { align-self: end; min-height: 42px; flex-direction: row !important; align-items: center; padding: 10px 11px; border: 1px solid var(--line); border-radius: 6px; background: #f7fafb; color: var(--ink) !important; }
.organization-profile-check input { width: auto; }
#edit-entity-notice:not(:empty), #organization-chat-notice:not(:empty) { padding: 10px 12px; border-radius: 7px; background: #edf5f8; color: var(--blue); font-size: 12px; }
.organization-collaboration-dialog { width: min(760px, calc(100% - 28px)); }
.organization-collaboration-dialog .dialog-head p { margin: 6px 0 0; color: var(--muted); font-size: 12px; }
.organization-message-list { display: grid; gap: 9px; max-height: 420px; margin-bottom: 16px; padding: 12px; overflow-y: auto; border: 1px solid var(--line); border-radius: 10px; background: #f4f8fa; }
.organization-message-list article { display: grid; gap: 5px; padding: 11px 13px; border-radius: 9px; background: #fff; }
.organization-message-list article header { display: flex; justify-content: space-between; gap: 12px; }
.organization-message-list article time { color: var(--muted); font-size: 10px; }
.organization-message-list article p { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.organization-collaboration-dialog textarea { width: 100%; padding: 10px 11px; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--ink); font: inherit; resize: vertical; }
@media(max-width:720px){
  .organization-profile-dialog,.organization-collaboration-dialog{width:calc(100% - 12px)}
  .organization-profile-intro{grid-template-columns:1fr;gap:14px}
  .organization-profile-fields{grid-template-columns:1fr}
  .organization-profile-fields .span-two{grid-column:1}
  .organization-profile-picture{grid-template-columns:64px minmax(0,1fr)}
  .organization-profile-preview{width:62px;height:62px}
  .organization-message-list{max-height:45vh}
  .organization-row .organization-actions{flex-wrap:wrap}
  .organization-row .organization-actions .organization-details-button{width:100%}
}
.organization-invitations{margin-bottom:18px;border-color:#91bed5}.organization-invitations article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--line)}.organization-invitations article>div{display:grid;gap:4px}.organization-invitations article>div:last-child{display:flex;grid-auto-flow:column;gap:8px}.organization-invitations small{color:var(--muted)}.invitation-lookup{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--wash,#f5f8fa)}.invitation-lookup span{color:var(--muted);font-size:.82rem}@media(max-width:620px){.organization-invitations article{align-items:stretch;flex-direction:column}.organization-invitations article>div:last-child{grid-auto-flow:row}.invitation-lookup{align-items:stretch;flex-direction:column}}
.add-entity > div { flex-wrap: wrap; }
.add-entity input { min-width: 210px; }

@media (max-width: 980px) {
  .prospecting-columns { grid-template-columns: 1fr; }
}
.quickbooks-live { margin-top: 1.5rem; }
.route-focus { outline: 3px solid rgba(238, 112, 16, .7); outline-offset: 4px; }
.storypilot-hero{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;margin-bottom:22px;padding:32px;border-radius:14px;background:linear-gradient(130deg,#101b2a,#173652);color:#fff;overflow:hidden}.storypilot-hero>div>span,.story-section-head>div>span,.story-ingest>span,.story-pilot>span,.story-queue-grid>.panel>span{color:#ef7400;font-size:10px;font-weight:800;letter-spacing:.16em}.storypilot-hero h1{margin:8px 0 10px;font:500 clamp(32px,4vw,52px)/1 Georgia,serif}.storypilot-hero p{max-width:680px;margin:0;color:#afc1cf}.storypilot-hero aside{display:grid;min-width:170px;padding:20px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);border-radius:10px}.storypilot-hero aside b{font:42px Georgia,serif;color:#fff}.storypilot-hero aside small{color:#7fd5ff;text-transform:uppercase;letter-spacing:.12em}.storypilot-hero aside span{margin-top:15px;color:#93a6b5;font-size:11px;line-height:1.4}.storypilot-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);gap:20px}.story-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.story-section-head h2,.story-pilot h2,.story-queue-grid h2,.story-empty h2{margin:6px 0 18px;font:500 26px Georgia,serif}.story-section-head>i{padding:5px 8px;border-radius:999px;background:#e7eef3;color:#17658f;font-size:10px;font-style:normal;text-transform:uppercase;letter-spacing:.08em}.story-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.story-fields label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.story-fields .wide{grid-column:1/-1}.story-fields input,.story-fields textarea,.story-post textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--ink)}.story-media-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px}.story-media-head h3{margin:0;font-family:Georgia,serif}.story-assets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.story-asset{position:relative;aspect-ratio:1;border:0;border-radius:8px;overflow:hidden;padding:0;opacity:.45;background:#5a6770;cursor:pointer}.story-asset.selected{opacity:1;outline:2px solid #ef7400;outline-offset:-2px}.story-asset i{position:absolute;inset:0;background:linear-gradient(145deg,transparent 30%,rgba(0,0,0,.52)),radial-gradient(circle at 70% 30%,#d38743 0 14%,transparent 15%),linear-gradient(30deg,#1b2936 0 35%,#426f89 36% 53%,#da8139 54%)}.story-asset.tone-1 i{filter:hue-rotate(155deg)}.story-asset.tone-2 i{filter:grayscale(1)}.story-asset.tone-3 i{filter:sepia(.65)}.story-asset>span{position:absolute;top:6px;right:6px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:rgba(3,16,28,.78);color:white;font-size:9px}.story-asset>small{position:absolute;inset:auto 7px 7px;color:white;font-size:9px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-pilot>p{color:var(--muted)}.story-modes{display:grid;gap:8px;margin:22px 0}.story-modes button{display:grid;gap:3px;padding:13px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);text-align:left;cursor:pointer}.story-modes button.active{border-color:#ef7400;box-shadow:inset 3px 0 #ef7400}.story-modes small{color:var(--muted)}.story-develop{width:100%;justify-content:space-between}.story-editorial,.story-package{margin-top:20px}.story-brief{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--line)}.story-brief article{padding:20px;background:var(--card)}.story-brief small,.story-post small{color:#17658f;font-size:9px;font-weight:800;letter-spacing:.12em}.story-brief h3{font:500 20px/1.35 Georgia,serif}.story-brief p{margin:8px 0 0;color:var(--muted)}.story-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.story-actions .button{width:auto}.story-empty{padding:52px;text-align:center}.story-empty p,.story-empty-copy,.story-schedule p{color:var(--muted)}.story-post{display:grid;grid-template-columns:54px 1fr;overflow:hidden;margin-top:11px;border:1px solid var(--line);border-radius:8px}.story-post>b{display:grid;place-items:center;background:#15324b;color:white;font:italic 17px Georgia,serif}.story-post>div{padding:16px}.story-post h3{margin:5px 0;font-family:Georgia,serif}.story-queue-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin-top:20px}.story-history-row{width:100%;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;padding:13px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer}.story-history-row.active{background:#edf3f6}.story-history-row i{padding:4px 7px;border-radius:999px;background:#e7eef3;color:#17658f;font-size:9px;font-style:normal;text-transform:uppercase}@media(max-width:1000px){.storypilot-grid,.story-queue-grid{grid-template-columns:1fr}}@media(max-width:620px){.storypilot-hero{grid-template-columns:1fr}.storypilot-hero aside{min-width:0}.story-fields,.story-brief{grid-template-columns:1fr}.story-fields .wide{grid-column:auto}.story-assets{grid-template-columns:repeat(3,1fr)}.story-actions{align-items:stretch;flex-direction:column}.story-actions>*{width:100%!important}}
.secure-connectors{margin-top:1.5rem}.secure-connector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.secure-connector-form{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.secure-connector-form label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:700}.secure-connector-form input,.secure-connector-form select{width:100%;min-height:42px;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}.secure-connector-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.secure-connector-title span{font-family:Georgia,serif;font-size:20px;color:var(--ink)}.secure-connector-title p{margin:5px 0 0;color:var(--muted);font-size:13px}.secure-connector-title i{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:var(--paper);color:var(--muted);font-size:10px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.secure-connector-form>.actions{justify-content:space-between}.secure-connector-test{display:grid;gap:7px;padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--muted);font-size:12px}.secure-connector-test.pending{border-color:#9bb9cc}.secure-connector-test.success{border-color:#88c4a8;background:#eff9f4;color:#176b45}.secure-connector-test.warning{border-color:#e2b166;background:#fff8ee;color:#8a5200}.secure-connector-test.error{border-color:#e4a7a1;background:#fff2f1;color:#9d3028}.secure-connector-test>span,.secure-connector-test>small{display:block}.secure-connector-test ol{display:grid;gap:6px;margin:2px 0 0;padding:0;list-style:none}.secure-connector-test li{display:grid;gap:2px;padding-top:6px;border-top:1px solid currentColor}.secure-connector-test li b{color:var(--ink);font-size:12px}.secure-connector-test li span{opacity:.82;font-size:11px}.subtle-button{border:1px solid var(--line);border-radius:6px;padding:9px 12px;background:var(--card);color:var(--muted);cursor:pointer}.subtle-button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1100px){.secure-connector-grid{grid-template-columns:1fr}}@media(max-width:520px){.secure-connector-form>.actions{align-items:stretch;flex-direction:column}.secure-connector-form button{width:100%}}
.distributor-columns{align-items:start}.distributor-warning{margin-bottom:18px}.distributor-summary{display:grid}.distributor-summary>button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:13px 0;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--ink);text-align:left;cursor:pointer}.distributor-summary span{display:grid;gap:3px}.distributor-summary small{color:var(--muted)}.distributor-summary strong{font-variant-numeric:tabular-nums}.distributor-table{overflow:auto}.distributor-table>div{display:grid;grid-template-columns:minmax(260px,1.6fr) 120px 130px 130px 120px;gap:12px;align-items:center;min-width:850px;padding:12px;border-bottom:1px solid var(--line)}.distributor-table .table-head{background:#f4f7f9;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.distributor-table small{display:block;margin-top:3px;color:var(--muted)}.distributor-table .past-due{color:var(--red)}.row-actions{display:flex;gap:6px}.row-actions button,#clear-distributor-filter,#clear-distributor-override{border:1px solid var(--line);border-radius:5px;padding:6px 8px;background:#fff;color:var(--ink);cursor:pointer}#distributor-override-form{display:grid;gap:12px}#distributor-override-form label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:700}
.quickbooks-controls { display:flex; gap:1rem; align-items:end; justify-content:space-between; flex-wrap:wrap; }
.quickbooks-controls label { min-width:min(100%, 22rem); }
.connector-state { padding:.45rem .75rem; border-radius:999px; background:#eef2f5; color:#52677a; font-weight:700; }
.connector-state.connected { background:#e5f5ec; color:#176b45; }
.connector-detail { margin-top:1rem; padding:1rem; border:1px solid #d7e1e8; background:#f8fafb; border-radius:.5rem; color:#52677a; }
@media (max-width: 720px) { .quickbooks-controls, .quickbooks-controls .actions { align-items:stretch; flex-direction:column; } .quickbooks-controls .button { width:100%; } }

/* Workspace customization */
.settings-columns{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(520px,1.3fr);gap:18px;align-items:start}.settings-columns select{width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}.settings-logo-preview{display:grid;place-items:center;min-height:130px;margin:18px 0;padding:14px;border:1px dashed var(--line);border-radius:8px;background:var(--paper)}.settings-logo-preview img{max-width:260px;max-height:105px;object-fit:contain}.settings-nav-list{display:grid}.settings-nav-row{display:grid;grid-template-columns:auto minmax(150px,.7fr) minmax(230px,1fr);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.settings-nav-row label{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:8px}.settings-nav-row input{width:100%;padding:9px;border:1px solid var(--line);border-radius:5px;background:var(--card);color:var(--ink)}.settings-order-actions{display:flex;gap:4px}.settings-order-actions button,#settings-logo-reset{border:1px solid var(--line);border-radius:5px;padding:7px 9px;background:var(--card);color:var(--ink);cursor:pointer}.settings-save{padding:16px 0}.official-wordmark .logo-crop img{object-fit:contain}

html[data-theme="night"]{--ink:#edf3f7;--muted:#a9b6c3;--line:#354657;--paper:#0e1722;--card:#172433;--nav:#08111b}html[data-theme="night"] body,html[data-theme="night"] main>header{background:var(--paper);color:var(--ink)}html[data-theme="night"] main>header{border-color:var(--line)}html[data-theme="night"] .panel,html[data-theme="night"] .metric,html[data-theme="night"] .empty,html[data-theme="night"] .prospect-card,html[data-theme="night"] .distributor-summary>button,html[data-theme="night"] input,html[data-theme="night"] select,html[data-theme="night"] textarea,html[data-theme="night"] dialog{background:var(--card);color:var(--ink)}html[data-theme="night"] .pipeline-column,html[data-theme="night"] .snapshot-note,html[data-theme="night"] .identity-note{background:#111d29}
@media(prefers-color-scheme:dark){html[data-theme="system"]{--ink:#edf3f7;--muted:#a9b6c3;--line:#354657;--paper:#0e1722;--card:#172433;--nav:#08111b}html[data-theme="system"] body,html[data-theme="system"] main>header{background:var(--paper);color:var(--ink)}html[data-theme="system"] main>header{border-color:var(--line)}html[data-theme="system"] .panel,html[data-theme="system"] .metric,html[data-theme="system"] .empty,html[data-theme="system"] .prospect-card,html[data-theme="system"] .distributor-summary>button,html[data-theme="system"] input,html[data-theme="system"] select,html[data-theme="system"] textarea,html[data-theme="system"] dialog{background:var(--card);color:var(--ink)}}
@media(max-width:900px){.settings-columns{grid-template-columns:1fr}.settings-nav-row{grid-template-columns:auto minmax(0,1fr)}.settings-nav-row label{grid-column:2;grid-template-columns:90px minmax(0,1fr)}}
@media(max-width:520px){.settings-nav-row label{grid-template-columns:1fr}.settings-logo-preview img{max-width:100%}}
.notification-bell{position:relative}.notification-bell summary{list-style:none;position:relative;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:linear-gradient(145deg,var(--card),#edf4f8);color:var(--navy);cursor:pointer;box-shadow:0 5px 15px #10263b14;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.notification-bell summary:hover{transform:translateY(-1px);border-color:#8fb3c9;box-shadow:0 8px 19px #10263b20}.notification-bell[open] summary{border-color:var(--orange);color:var(--orange)}.notification-bell summary::-webkit-details-marker{display:none}.notification-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-bell summary:hover .notification-icon,.notification-bell[open] .notification-icon{animation:forge-bell-ring .55s ease}.notification-bell summary i{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 5px;border:2px solid var(--card);border-radius:999px;background:var(--orange);color:white;font:700 10px/15px system-ui;text-align:center;box-shadow:0 3px 8px #10263b25}@keyframes forge-bell-ring{0%,100%{transform:rotate(0)}20%{transform:rotate(12deg)}45%{transform:rotate(-10deg)}70%{transform:rotate(6deg)}}@media (prefers-reduced-motion:reduce){.notification-bell summary:hover .notification-icon,.notification-bell[open] .notification-icon{animation:none}}.notification-menu{position:absolute;right:0;top:47px;z-index:30;width:min(360px,calc(100vw - 28px));padding:14px;background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 38px #10263b26}.notification-menu>a,.notification-menu>span{display:flex;flex-direction:column;padding:11px 4px;color:var(--ink);text-decoration:none;border-top:1px solid var(--line)}.notification-menu small{color:var(--muted)}.connector-review{margin:14px 0;padding:16px;border:1px solid #e2b166;border-left:4px solid var(--orange);border-radius:7px;background:#fff8ee}.connector-review h3{margin:4px 0}.connector-review p{margin:0;color:var(--muted)}.connector-review>div:last-child{gap:8px;justify-content:flex-end}.connector-review button:not(.button){border:1px solid var(--line);border-radius:5px;background:var(--card);color:var(--ink);padding:10px 14px;cursor:pointer}

/* Keep alert counts legible against light, dark, and custom workspace themes. */
.notification-bell summary i{right:-7px;top:-7px;z-index:2;min-width:21px;height:21px;border-color:#fff;background:#d94f12;color:#fff;font:800 11px/17px system-ui;text-shadow:0 1px 1px #6f2109;box-shadow:0 0 0 1px #8f2f09,0 4px 10px #10263b38}

@media(max-width:560px){
  main>header{position:relative;height:auto;align-items:stretch;flex-direction:column}
  main>header>div:first-child{padding-right:104px}
  .header-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;gap:8px}
  .header-actions .header-help-link{position:absolute;top:12px;right:64px;width:40px;height:40px}
  .header-actions .notification-bell{position:absolute;top:12px;right:14px}
  .header-actions label{display:flex!important;min-width:0;width:100%}
  .header-actions select{min-width:0;width:100%}
  .notification-menu{right:0;width:min(360px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100vh - 110px);overflow:auto;overflow-wrap:anywhere}
}

/* WellTold keeps its standalone editorial identity inside FORGE. */
.workspace:has(.storypilot-hero){
  --story-ink:#20221f;
  --story-muted:#74766f;
  --story-paper:#f3efe6;
  --story-panel:#fffdf8;
  --story-line:#dcd8cd;
  --story-wine:#842838;
  margin:-28px -32px -48px;
  padding:42px 42px 72px;
  background:
    radial-gradient(circle at 92% 3%,rgba(199,149,82,.16),transparent 25rem),
    var(--story-paper);
  color:var(--story-ink);
}
.workspace:has(.storypilot-hero) .panel{
  background:var(--story-panel);
  border-color:var(--story-line);
  border-radius:12px;
  box-shadow:0 8px 28px rgba(44,39,31,.04);
}
.storypilot-hero{
  min-height:310px;
  align-items:center;
  margin-bottom:24px;
  padding:46px 50px;
  border:1px solid var(--story-line);
  border-radius:12px;
  background:rgba(255,253,248,.76);
  color:var(--story-ink);
  box-shadow:0 18px 50px rgba(55,43,31,.07);
}
.storypilot-hero>div>span,
.story-section-head>div>span,
.story-ingest>span,
.story-pilot>span,
.story-queue-grid>.panel>span{
  color:var(--story-wine);
  letter-spacing:.18em;
}
.storypilot-hero h1{
  max-width:760px;
  margin:16px 0 20px;
  color:var(--story-ink);
  font:500 clamp(44px,5.2vw,72px)/.98 Georgia,serif;
  letter-spacing:-.045em;
}
.storypilot-hero h1::first-letter{color:var(--story-wine)}
.storypilot-hero p{
  max-width:650px;
  color:#5f615b;
  font:17px/1.65 Georgia,serif;
}
.storypilot-hero aside{
  min-width:190px;
  padding:26px;
  border:1px solid var(--story-line);
  border-radius:9px;
  background:var(--story-panel);
  box-shadow:12px 16px 0 #ddd4c3,0 22px 45px rgba(55,43,31,.1);
  transform:rotate(2deg);
}
.storypilot-hero aside b{color:var(--story-ink);font:48px Georgia,serif}
.storypilot-hero aside small{color:var(--story-wine)}
.storypilot-hero aside span{color:var(--story-muted)}
.story-section-head h2,.story-pilot h2,.story-queue-grid h2,.story-empty h2{color:var(--story-ink);font-family:Georgia,serif}
.story-section-head>i,.story-history-row i{background:#f1e6d6;color:#875b27}
.story-fields label{color:var(--story-muted)}
.story-fields input,.story-fields textarea,.story-post textarea{
  border-color:var(--story-line);
  background:#fbfaf6;
  color:var(--story-ink);
}
.story-media-head h3,.story-post h3{color:var(--story-ink)}
.story-asset{background:#776a5b}
.story-asset.selected{outline-color:var(--story-wine)}
.story-asset i{
  background:linear-gradient(145deg,transparent 30%,rgba(0,0,0,.5)),radial-gradient(circle at 70% 30%,#bb9361 0 14%,transparent 15%),linear-gradient(30deg,#302d2a 0 35%,#6c685d 36% 53%,#a7855e 54%);
}
.story-pilot>p,.story-empty p,.story-empty-copy,.story-schedule p{color:var(--story-muted)}
.story-modes button{
  border-color:var(--story-line);
  background:#faf8f2;
  color:var(--story-ink);
}
.story-modes button.active{border-color:var(--story-wine);box-shadow:inset 3px 0 var(--story-wine)}
.workspace:has(.storypilot-hero) .button{
  border-color:var(--story-wine);
  background:var(--story-wine);
  color:#fff;
}
.workspace:has(.storypilot-hero) .subtle-button{
  border-color:var(--story-line);
  background:#ece9e1;
  color:var(--story-ink);
}
.story-brief{border-color:var(--story-line);background:var(--story-line)}
.story-brief article{background:#fbfaf6}
.story-brief small,.story-post small{color:var(--story-wine)}
.story-brief h3,.story-brief p{color:var(--story-ink)}
.story-post{border-color:var(--story-line);background:var(--story-panel)}
.story-post>b{background:#292c29}
.story-history-row{color:var(--story-ink)}
.story-history-row.active{background:#f4f0e7}
@media(max-width:720px){
  .workspace:has(.storypilot-hero){margin:-20px;padding:26px 20px 52px}
  .storypilot-hero{padding:34px 28px}
  .storypilot-hero h1{font-size:46px}
  .storypilot-hero aside{transform:none;box-shadow:8px 10px 0 #ddd4c3}
}
.story-intelligence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:-8px 0 24px;overflow:hidden;border:1px solid var(--story-line);border-radius:9px;background:var(--story-line)}.story-intelligence span{display:flex;align-items:baseline;gap:8px;padding:14px 18px;background:rgba(255,253,248,.9);color:var(--story-muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.story-intelligence b{color:var(--story-wine);font:24px Georgia,serif}.story-dropzone{display:grid;place-items:center;gap:7px;margin:24px 0 8px;padding:28px 20px;border:1px dashed #b9ad9d;border-radius:10px;background:#f7f2e8;text-align:center;cursor:pointer;transition:.18s ease}.story-dropzone:hover,.story-dropzone:focus,.story-dropzone.dragging{border-color:var(--story-wine);background:#f3e8e3;outline:none;box-shadow:inset 0 0 0 1px var(--story-wine)}.story-dropzone>strong{font:500 20px Georgia,serif}.story-dropzone>span{color:var(--story-muted);font-size:12px}.story-dropzone>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.story-upload-button{position:relative;width:auto!important;cursor:pointer}.story-upload-button input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.story-upload-status{min-height:18px;color:var(--story-wine);font-size:11px;text-align:center}.story-media-head>span{color:var(--story-muted);font-size:11px}.story-asset em{position:absolute;left:7px;top:7px;padding:3px 5px;border-radius:10px;background:rgba(255,253,248,.88);color:#403c35;font-size:7px;font-style:normal;text-transform:uppercase;letter-spacing:.05em}.story-asset i[style]{background-size:cover;background-position:center}.story-host-note{margin-top:24px;padding:16px;border-top:1px solid var(--story-line)}.story-host-note small{color:var(--story-wine);font-size:9px;letter-spacing:.13em}.story-host-note p{margin:6px 0 0;color:var(--story-muted);font-size:12px;line-height:1.5}@media(max-width:720px){.story-intelligence{grid-template-columns:1fr}.story-dropzone>div{align-items:stretch;flex-direction:column}.story-dropzone button,.story-upload-button{width:100%!important}}
.connector-intake{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:12px}.connector-intake.pending{border-color:#9bb9cc}.connector-intake.review{border-color:#e2b166;border-left:4px solid var(--orange);background:#fffaf2}.connector-intake.error{border-color:#e4a7a1;background:#fff2f1;color:#9d3028}.connector-intake.success{border-color:#88c4a8;background:#eff9f4;color:#176b45}.intake-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.intake-heading>div{display:grid;gap:3px;min-width:0}.intake-heading small{color:#17658f;font-weight:800;letter-spacing:.1em}.intake-heading strong{color:var(--ink);font-family:Georgia,serif;font-size:17px}.intake-heading span{color:var(--muted);overflow-wrap:anywhere}.intake-heading>b{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:var(--card);color:var(--ink)}.intake-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--line)}.intake-totals>span{display:grid;gap:3px;padding:10px;background:var(--card)}.intake-totals small{color:var(--muted)}.intake-totals b{color:var(--ink);font-size:15px;font-variant-numeric:tabular-nums}.intake-counts{display:flex;flex-wrap:wrap;gap:6px}.intake-counts span{padding:4px 7px;border-radius:999px;background:var(--card);color:var(--muted);font-weight:700}.intake-table{max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:7px;background:var(--card)}.intake-row{display:grid;grid-template-columns:90px 1fr 1fr 110px;gap:8px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.intake-row:last-child{border-bottom:0}.intake-row>span{color:var(--muted);text-decoration:line-through}.intake-row>b{text-align:right;color:var(--ink)}.intake-row>i{justify-self:end;font-style:normal;font-weight:800}.intake-row.new>i{color:#176b45}.intake-row.updated>i{color:#b55d00}.intake-row.removed>i{color:#9d3028}.intake-row.unchanged{opacity:.72}.connector-intake>p{margin:0;color:var(--muted);line-height:1.5}.connector-intake>.actions{justify-content:flex-end}.intake-final{padding:8px;border-radius:6px;background:var(--card);font-weight:800}
.microsoft-monitor{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.microsoft-monitor>div{display:grid;gap:3px}.microsoft-monitor>div>b{color:var(--ink)}.microsoft-monitor>div>small,.microsoft-monitor-status{color:var(--muted);line-height:1.45}.microsoft-monitor-status{padding-top:2px}.microsoft-monitor-status.error{color:#9d3028}.microsoft-monitor-status.success{color:#176b45}
@media(max-width:560px){.intake-totals{grid-template-columns:1fr}.intake-row{grid-template-columns:78px 1fr 1fr}.intake-row>i{grid-column:2/-1}.connector-intake>.actions{align-items:stretch;flex-direction:column}.connector-intake>.actions button{width:100%}}

/* Reusable automation recipes */
.automation-recipes{margin-bottom:18px}.automation-blueprint-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.automation-blueprint-card{display:flex;min-width:0;min-height:235px;flex-direction:column;align-items:flex-start;padding:18px;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:11px;background:var(--card);color:var(--ink);text-align:left;cursor:pointer;transition:.18s ease}.automation-blueprint-card:nth-child(even){border-top-color:var(--gold)}.automation-blueprint-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0d233916}.automation-blueprint-card>i,.automation-blueprint-summary>i,.automation-review-head>i{display:grid;width:39px;height:39px;place-items:center;margin-bottom:14px;border-radius:9px;background:#e5f0f6;color:var(--blue);font:700 20px Georgia,serif}.automation-blueprint-card>span,.automation-recipe-card small,.automation-review-head small{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.12em}.automation-blueprint-card h3{margin:6px 0;font:600 20px Georgia,serif}.automation-blueprint-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.automation-blueprint-card footer{display:flex;width:100%;justify-content:space-between;gap:8px;margin-top:auto;padding-top:14px}.automation-blueprint-card footer b,.automation-blueprint-card footer em{font-size:10px;font-style:normal}.automation-blueprint-card footer em{color:var(--blue)}.automation-recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.automation-recipe-card{padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.automation-recipe-card>div:first-child,.automation-blueprint-summary,.automation-review-head{display:flex;gap:11px;align-items:flex-start}.automation-recipe-card>div i{display:grid;width:35px;height:35px;place-items:center;border-radius:8px;background:#fff0df;color:#9b4d00;font-style:normal}.automation-recipe-card>div span,.automation-blueprint-summary span,.automation-review-head span{display:flex;min-width:0;flex-direction:column}.automation-recipe-card em{color:var(--muted);font-size:11px;font-style:normal}.automation-recipe-card>p{color:var(--muted);font-size:12px;line-height:1.45}.automation-progress{display:flex!important;flex-wrap:wrap;gap:6px!important}.automation-progress span{padding:5px 7px;border-radius:99px;background:#eef4f7;color:var(--blue);font-size:10px;font-weight:700}.automation-recipe-card details{margin-top:12px}.automation-recipe-card summary{color:var(--blue);font-size:11px;font-weight:700;cursor:pointer}.automation-recipe-card ol{padding-left:20px;color:var(--muted);font-size:11px}.automation-recipe-card li{margin:7px 0}.automation-recipe-card li b{display:inline-block;width:56px;color:var(--ink);font-size:9px}.automation-recipe-card footer{display:flex;gap:9px;margin-top:13px;padding-top:11px;border-top:1px solid var(--line)}.automation-recipe-card footer button{border:0;background:transparent;color:var(--blue);font-weight:700;cursor:pointer}.automation-recipe-card footer .delete{margin-left:auto;color:var(--red)}#automation-dialog{width:min(880px,calc(100% - 28px))}.automation-stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:20px}.automation-stepper b{padding:9px;border-bottom:3px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.08em}.automation-stepper b.active{border-color:var(--blue);color:var(--blue)}.automation-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.automation-fields textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:6px;color:var(--ink);font:inherit}.automation-blueprint-summary{margin-bottom:16px;padding:13px;border-radius:8px;background:#eef4f7}.automation-blueprint-summary>i,.automation-review-head>i{margin:0}.automation-blueprint-summary small{color:var(--muted);font-weight:400}.wizard-guidance{padding:13px;border-left:3px solid var(--gold);background:#fff8ed;color:var(--muted);font-size:12px}.automation-wizard-actions small{max-width:520px}.automation-review-head{margin-bottom:14px}.automation-review-values{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.automation-review-values span{display:flex;min-width:0;flex-direction:column;padding:10px;border-radius:7px;background:#f3f6f8}.automation-review-values small{color:var(--muted)}.automation-review-values b{overflow-wrap:anywhere}.automation-review-checklists{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.automation-review-checklists section{padding:14px;border:1px solid var(--line);border-radius:8px}.automation-review-checklists h3{margin:0;font:600 17px Georgia,serif}.automation-review-checklists ol{padding-left:20px;color:var(--muted);font-size:12px}.automation-review-checklists li{margin:8px 0}

/* Scenario template library */
.scenario-template-library{margin-bottom:22px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.scenario-template-group{margin-top:18px}.scenario-template-group>div:first-child{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.scenario-template-group>div:first-child span{color:var(--blue);font:600 18px Georgia,serif}.scenario-template-group>div:first-child p{margin:0;color:var(--muted);font-size:11px}.scenario-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.scenario-template-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;min-height:105px;padding:13px;border:1px solid var(--line);border-radius:9px;background:#f8fafb;color:var(--ink);text-align:left;cursor:pointer}.scenario-template-card:hover{border-color:var(--blue);background:#f0f7fb}.scenario-template-card>i{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:#e4eef4;color:var(--blue);font-style:normal;font-weight:800}.scenario-template-card>span{display:flex;min-width:0;flex-direction:column}.scenario-template-card b{font-size:12px}.scenario-template-card small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.35}.scenario-template-card em{grid-column:2;color:var(--blue);font-size:9px;font-style:normal;font-weight:700}
@media(max-width:1100px){.automation-blueprint-grid,.scenario-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.automation-recipe-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.automation-blueprint-grid,.automation-recipe-grid,.scenario-template-grid,.automation-field-grid,.automation-review-checklists,.automation-review-values{grid-template-columns:1fr}.automation-stepper b{font-size:8px}.scenario-template-group>div:first-child{align-items:flex-start;flex-direction:column;gap:3px}.automation-wizard-actions{align-items:stretch;flex-direction:column}.automation-wizard-actions button{width:100%}}

/* Scenario revenue and expense modeling */
#scenario-dialog{width:min(1320px,calc(100vw - 28px));max-height:94vh}#scenario-forecast-dialog{width:min(680px,calc(100vw - 28px))}.scenario-card footer{flex-wrap:wrap}.scenario-card footer .delete{margin-left:auto}.scenario-stream-workbench{margin:22px 0;padding:20px;border:1px solid var(--line);border-radius:12px;background:#f5f8fa}.scenario-stream-workbench>.section-heading{align-items:flex-end}.scenario-stream-workbench>.section-heading>div:last-child{display:flex;gap:8px}.scenario-stream-workbench>.section-heading button,.scenario-stream section>div:first-child button{border:1px solid var(--line);border-radius:6px;padding:9px 11px;background:var(--card);color:var(--blue);font-weight:800;cursor:pointer}.scenario-stream-workbench>.section-heading button:first-child{border-color:#78adca;background:#edf7fc}.scenario-stream-workbench>.section-heading button:last-child{border-color:#e9b37e;background:#fff5eb}#scenario-streams{display:grid;gap:16px;margin-top:18px}.scenario-stream{overflow:hidden;border:1px solid var(--line);border-left:5px solid var(--blue);border-radius:10px;background:var(--card);box-shadow:0 6px 18px #0d23390a}.scenario-stream.expense{border-left-color:var(--orange)}.scenario-stream>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:1px solid var(--line);background:#fbfcfd}.scenario-stream>header>div{display:grid;min-width:0;flex:1;gap:5px}.scenario-stream>header span{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.14em}.scenario-stream.expense>header span{color:#b85a00}.scenario-stream>header input{width:100%;border:0;background:transparent;color:var(--ink);font:600 22px Georgia,serif}.scenario-stream>header button,[data-remove-segment],[data-remove-adjustment]{border:0;background:transparent;color:var(--red);cursor:pointer}.scenario-stream-fields{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;padding:15px 17px}.scenario-stream-fields label,.scenario-segment-row label,.scenario-adjustment-row label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.04em}.scenario-stream input,.scenario-stream select{width:100%;min-height:38px;padding:8px 9px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}.scenario-stream>section{padding:14px 17px;border-top:1px solid var(--line)}.scenario-stream>section>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.scenario-stream>section>p{margin:4px 0 10px;color:var(--muted);font-size:11px}.scenario-segment-row{display:grid;grid-template-columns:1fr 1fr 1fr .7fr 1fr auto;gap:9px;align-items:end;padding:10px 0;border-top:1px dashed var(--line)}.scenario-adjustment-row{display:grid;grid-template-columns:1.3fr 1fr .8fr 1fr auto;gap:9px;align-items:end;padding:10px 0;border-top:1px dashed var(--line)}.scenario-segment-row small{font-weight:400}.scenario-segment-row>button,.scenario-adjustment-row>button{height:38px;padding:0 9px;font-size:18px}.scenario-timeline-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:16px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--line)}.scenario-timeline-totals>span{display:grid;gap:4px;padding:14px;background:var(--card)}.scenario-timeline-totals small{color:var(--muted)}.scenario-timeline-totals b{font:600 23px Georgia,serif;color:var(--blue)}.scenario-timeline-totals b.negative{color:var(--red)}.scenario-mini-chart{display:flex;align-items:flex-end;gap:3px;height:135px;margin-top:12px;padding:12px 8px 25px;overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--card)}.scenario-mini-chart>span{position:relative;display:flex;flex:1 0 14px;align-items:flex-end;justify-content:center;gap:1px;height:92px}.scenario-mini-chart i{display:block;width:45%;min-width:3px;border-radius:2px 2px 0 0;background:var(--blue)}.scenario-mini-chart i.expense{background:var(--orange)}.scenario-mini-chart small{position:absolute;top:97px;left:50%;color:var(--muted);font-size:7px;transform:translateX(-50%) rotate(-45deg);white-space:nowrap}.scenario-chart-note{display:block;margin-top:7px;color:var(--muted)}.scenario-formula-details{margin:20px 0;border:1px solid var(--line);border-radius:9px;background:var(--card)}.scenario-formula-details>summary{padding:14px 16px;color:var(--blue);font-weight:800;cursor:pointer}.scenario-formula-details>.formula-workbench,.scenario-formula-details>.preview-heading,.scenario-formula-details>.formula-preview{margin-left:16px;margin-right:16px}.scenario-formula-details>.formula-preview{margin-bottom:16px}
@media(max-width:980px){.scenario-stream-fields{grid-template-columns:1fr}.scenario-segment-row{grid-template-columns:1fr 1fr}.scenario-segment-row>button{grid-column:2;justify-self:end}.scenario-adjustment-row{grid-template-columns:1fr 1fr}.scenario-adjustment-row>button{grid-column:2;justify-self:end}}
@media(max-width:650px){#scenario-dialog{width:calc(100vw - 12px)}.scenario-stream-workbench{padding:13px}.scenario-stream-workbench>.section-heading,.scenario-stream-workbench>.section-heading>div:last-child{align-items:stretch;flex-direction:column}.scenario-stream-workbench>.section-heading button{width:100%}.scenario-stream>header{align-items:flex-start;flex-direction:column}.scenario-segment-row,.scenario-adjustment-row,.scenario-timeline-totals{grid-template-columns:1fr}.scenario-segment-row>button,.scenario-adjustment-row>button{grid-column:1}.scenario-mini-chart>span{flex-basis:11px}}

/* Contextual learning controls */
.value-formula-dialog-actions{display:flex;align-items:center;gap:8px}.value-formula-dialog-actions>.context-help-trigger{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#f4f8fa;color:var(--blue);font-size:11px;font-weight:800;cursor:pointer}.value-formula-dialog-actions>.context-help-trigger i{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-style:normal}.value-formula-dialog-actions>[data-close]{border:0;background:transparent;color:var(--muted);font-size:27px;cursor:pointer}
@media(max-width:560px){.value-formula-dialog-actions>.context-help-trigger{width:34px;height:34px;justify-content:center;padding:0}.value-formula-dialog-actions>.context-help-trigger span{display:none}}
.scenario-chart-legend{display:flex;justify-content:flex-end;gap:16px;margin:12px 2px -4px;color:var(--muted);font-size:11px;font-weight:800}.scenario-chart-legend span{display:flex;align-items:center;gap:6px}.scenario-chart-legend i{display:block;width:12px;height:8px;border-radius:2px;background:var(--blue)}.scenario-chart-legend i.expense{background:var(--orange)}.scenario-template-group,.scenario-card{content-visibility:auto;contain-intrinsic-size:1px 280px}.scenario-stream{contain:layout paint style}

/* Configurable Paste & Import workbench */
.intake-workspace-toolbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.intake-workspace-toolbar>div{display:grid;gap:3px}.intake-workspace-toolbar>div>b{color:var(--ink);font-family:Georgia,serif;font-size:18px}.intake-workspace-toolbar>div>span{color:var(--muted);font-size:11px}.intake-workspace-toolbar details{position:relative}.intake-workspace-toolbar summary{padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:#f4f8fa;color:var(--blue);font-size:11px;font-weight:800;cursor:pointer;list-style:none}.intake-workspace-toolbar summary::-webkit-details-marker{display:none}.intake-workspace-toolbar details>div{position:absolute;top:calc(100% + 7px);right:0;display:grid;width:min(330px,calc(100vw - 42px));gap:6px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--card);box-shadow:0 16px 36px #0d233924}.intake-workspace-toolbar details>div>button{display:grid;gap:3px;padding:10px;border:0;border-radius:6px;background:#f3f7f9;color:var(--ink);text-align:left;cursor:pointer}.intake-workspace-toolbar details>div>button:hover{background:#e6f0f5}.intake-workspace-toolbar details>div small,.intake-workspace-toolbar details>div>span{color:var(--muted);font-size:10px}.intake-workspace-board{display:grid;gap:16px}.intake-workspace-card{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--card);box-shadow:0 7px 22px #0d23390b;transition:border-color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .15s ease}.intake-workspace-card.dragging{opacity:.48;box-shadow:none}.intake-workspace-card.drag-over{border-color:var(--orange);box-shadow:0 -4px 0 var(--orange),0 12px 30px #0d23391a;transform:translateY(2px)}.intake-workspace-card>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:15px 17px;border-bottom:1px solid var(--line);background:#f9fbfc}.intake-workspace-card>header>div:nth-child(2){display:grid;gap:3px}.intake-workspace-card>header span{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.intake-workspace-card>header h2{margin:0;color:var(--ink);font:600 22px Georgia,serif}.intake-workspace-card>header p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.intake-drag-handle{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--muted);font-size:19px;cursor:grab}.intake-drag-handle:active{cursor:grabbing}.intake-card-actions{display:flex;gap:5px}.intake-card-actions button{min-width:32px;padding:7px 8px;border:1px solid var(--line);border-radius:5px;background:var(--card);color:var(--muted);font-size:10px;font-weight:700;cursor:pointer}.intake-card-actions button:last-child{color:var(--red)}.intake-card-body{padding:17px}.intake-card-body .import-grid{margin:0}.intake-card-body .future-fields{margin-top:14px}.intake-card-body>.preview-empty{margin:0}.central-intake-controls{display:flex;align-items:flex-end;gap:12px}.central-intake-controls label{display:grid;min-width:240px;gap:5px;color:var(--muted);font-size:11px;font-weight:800}.central-intake-controls select{min-height:39px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}.central-intake-note{margin:10px 0;color:var(--muted);font-size:11px}.intake-workspace-card .connector-intake{margin-top:12px}.intake-commission-invoices #commission-preview:not(.preview-empty),.intake-microsoft-365-mailbox #central-m365-notice:not(:empty){margin-top:12px}
@media(max-width:720px){.intake-workspace-toolbar{align-items:stretch;flex-direction:column}.intake-workspace-toolbar details>div{right:auto;left:0}.intake-workspace-card>header{grid-template-columns:auto minmax(0,1fr)}.intake-card-actions{grid-column:1/-1;justify-content:flex-end}.intake-card-actions button{min-height:34px}.central-intake-controls{align-items:stretch;flex-direction:column}.central-intake-controls label,.central-intake-controls button{width:100%;min-width:0}}

/* Scenario alternatives, lifecycle dates, and budget-to-actual tracking */
.scenario-basics label small{display:block;min-height:28px;margin-top:3px;color:var(--muted);font-size:9px;font-weight:500;line-height:1.35;letter-spacing:0}.scenario-dialog-actions{display:flex;align-items:center;gap:8px}.scenario-stream-actions{display:flex!important;flex:0 0 auto!important;grid-auto-flow:column;align-items:center;justify-content:flex-end;gap:8px}.scenario-stream-actions>label{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--muted);font-size:10px;font-weight:800;white-space:nowrap}.scenario-stream-actions input{width:auto!important;min-height:0!important;margin:0}.scenario-option-choice{border-color:#7fb4cf!important;background:#edf7fc!important;color:var(--blue)!important}.scenario-stream-actions button{padding:7px 8px!important;border:1px solid var(--line)!important;border-radius:6px!important}.scenario-stream-actions button[data-add-stream-option]{color:var(--blue)!important}.scenario-stream-actions button[data-remove-stream]{color:var(--red)!important}.scenario-actual-workbench{margin:22px 0;padding:20px;border:1px solid var(--line);border-radius:12px;background:#f8fafb}.scenario-actual-workbench>.section-heading{align-items:flex-end}.scenario-actual-workbench>.section-heading button{padding:9px 11px;border:1px solid #78adca;border-radius:6px;background:#edf7fc;color:var(--blue);font-weight:800;cursor:pointer}.scenario-actual-row{display:grid;grid-template-columns:1fr .75fr 1.25fr .75fr auto;gap:9px;align-items:end;padding:11px 0;border-top:1px solid var(--line)}.scenario-actual-row label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:800}.scenario-actual-row input,.scenario-actual-row select{width:100%;min-height:38px;padding:8px 9px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}.scenario-actual-row>button{height:38px;padding:0 9px;border:0;background:transparent;color:var(--red);font-size:18px;cursor:pointer}.scenario-actual-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:14px 0;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--line)}.scenario-actual-totals>span{display:grid;gap:4px;padding:13px;background:var(--card)}.scenario-actual-totals small{color:var(--muted)}.scenario-actual-totals b{font:600 20px Georgia,serif;color:var(--blue)}.scenario-actual-totals b.negative{color:var(--red)}.scenario-card-actual{display:flex;align-items:baseline;gap:8px;margin-top:8px;padding:8px 10px;border-radius:7px;background:#f3f7f9;color:var(--muted);font-size:10px}.scenario-card-actual b{color:var(--ink);font-size:12px}.scenario-card-actual small{margin-left:auto}.scenario-card:has(.scenario-card-actual){min-height:280px}
@media(max-width:980px){.scenario-stream-actions{width:100%;flex-wrap:wrap!important;justify-content:flex-start}.scenario-stream>header{align-items:flex-start;flex-direction:column}.scenario-actual-row{grid-template-columns:1fr 1fr}.scenario-actual-row>button{grid-column:2;justify-self:end}.scenario-actual-totals{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.scenario-basics label small{min-height:0}.scenario-stream-actions{display:grid!important;grid-template-columns:1fr 1fr;grid-auto-flow:row}.scenario-stream-actions>label{justify-content:center}.scenario-stream-actions button{width:100%}.scenario-actual-workbench{padding:13px}.scenario-actual-workbench>.section-heading{align-items:stretch;flex-direction:column}.scenario-actual-workbench>.section-heading button{width:100%}.scenario-actual-row,.scenario-actual-totals{grid-template-columns:1fr}.scenario-actual-row>button{grid-column:1;justify-self:end}.scenario-card-actual{align-items:flex-start;flex-direction:column}.scenario-card-actual small{margin-left:0}}

/* Stream names are editable scenario data, not static upload titles. */
.scenario-stream-name-field{display:grid;gap:4px;max-width:760px;cursor:text}
.scenario-stream-name-field>small{color:var(--muted);font-family:Inter,system-ui,sans-serif;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.scenario-stream>header .scenario-stream-name-field>input{width:100%;min-height:46px;padding:6px 10px;border:1px solid var(--line);border-radius:7px;background:var(--card);box-shadow:0 1px 0 #0d233908;color:var(--ink);font:600 22px Georgia,serif;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.scenario-stream>header .scenario-stream-name-field>input:hover{border-color:#9bb7c8;background:#fff}
.scenario-stream>header .scenario-stream-name-field>input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px #157aa51a;background:#fff}
@media(max-width:650px){.scenario-stream-name-field{width:100%}.scenario-stream>header .scenario-stream-name-field>input{font-size:19px}}

/* Files stay with an individual scenario revenue or expense option. */
.scenario-attachments>div:first-child{align-items:center}.scenario-attachment-dropzone{display:grid;place-items:center;gap:4px;min-height:92px;margin-top:12px;padding:16px;border:1.5px dashed #91afc0;border-radius:9px;background:#f8fbfc;color:var(--blue);text-align:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.scenario-attachment-dropzone span{color:var(--muted);font-size:10px}.scenario-attachment-dropzone:is(:hover,:focus-visible,.is-dragging){border-color:var(--orange);background:#fff7f0;outline:0}.scenario-attachment-dropzone.is-dragging{transform:translateY(-2px)}.scenario-attachment-dropzone.is-uploading{cursor:progress;opacity:.65}.scenario-attachment-list{display:grid;gap:7px;margin-top:10px}.scenario-attachment-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:var(--card)}.scenario-attachment-list article>div{display:grid;min-width:0;gap:2px}.scenario-attachment-list a{overflow:hidden;color:var(--blue);font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.scenario-attachment-list small,.scenario-attachment-empty,.scenario-attachment-status{color:var(--muted);font-size:9px}.scenario-attachment-list button{border:0;background:transparent;color:var(--red);font-size:10px;font-weight:700;cursor:pointer}.scenario-attachment-status{display:block;min-height:14px;margin-top:7px}.scenario-attachment-status.success{color:#16704e}.scenario-attachment-status.error{color:var(--red)}
.scenario-attachments>div:first-child>div:first-child{display:grid;gap:3px}.scenario-attachments>div:first-child>div:first-child small{color:var(--muted);font-size:9px}.scenario-attachment-actions{display:flex;align-items:end;gap:8px}.scenario-attachment-actions label{display:grid;gap:3px;color:var(--muted);font-size:9px;font-weight:800}.scenario-attachment-actions select{min-height:34px;padding:6px 28px 6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}.scenario-attachment-list .scenario-document-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.scenario-document-summary{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center!important;gap:3px 8px!important}.scenario-document-summary a{grid-column:2}.scenario-document-summary small{grid-column:2}.scenario-document-summary>b{grid-column:3;grid-row:1/3;color:var(--ink);font:600 16px Georgia,serif}.scenario-document-badge{grid-column:1;grid-row:1/3;padding:4px 6px;border-radius:999px;background:#eaf4f9;color:var(--blue);font-size:8px;font-weight:900;letter-spacing:.1em}.scenario-document-card.actual .scenario-document-badge{background:#e8f6ef;color:#16704e}.scenario-document-buttons{display:flex!important;gap:4px!important}.scenario-document-buttons button:first-child{padding:6px 9px;border:1px solid #85b3cb;border-radius:6px;background:#edf7fc;color:var(--blue)}.scenario-document-review{grid-column:1/-1!important;margin-top:8px;padding:12px;border-top:1px solid var(--line);background:#f8fafb}.scenario-document-review-grid{display:grid!important;grid-template-columns:1.4fr 1fr .7fr .8fr 1fr 1fr;gap:8px!important}.scenario-document-review-grid label{display:grid;gap:4px;color:var(--muted);font-size:9px;font-weight:800}.scenario-document-review-grid input,.scenario-document-review-grid select{width:100%;min-height:36px;padding:7px 8px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}.scenario-document-review>p{margin:9px 0;color:var(--muted);font-size:9px}.scenario-document-review-actions{display:flex!important;gap:7px!important}.scenario-document-review-actions button{padding:8px 10px!important;border:1px solid var(--line)!important;border-radius:6px!important;color:var(--ink)!important}.scenario-document-review-actions button:first-child{border-color:var(--blue)!important;background:var(--blue)!important;color:#fff!important}.scenario-actual-source{display:block;margin-top:4px;color:var(--blue);font-size:9px;font-weight:700}
@media(max-width:900px){.scenario-document-review-grid{grid-template-columns:1fr 1fr 1fr}.scenario-attachment-actions{width:100%;align-items:stretch}.scenario-attachment-actions label{flex:1}.scenario-attachment-actions select{width:100%}}
@media(max-width:650px){.scenario-attachment-list article{align-items:flex-start}.scenario-attachment-dropzone{min-height:108px;padding:14px}.scenario-attachments>div:first-child{align-items:stretch;flex-direction:column}.scenario-attachments>div:first-child button{width:100%}.scenario-attachment-actions{flex-direction:column}.scenario-attachment-list .scenario-document-card{grid-template-columns:1fr}.scenario-document-summary{grid-template-columns:auto minmax(0,1fr)!important}.scenario-document-summary>b{grid-column:2;grid-row:3}.scenario-document-buttons{grid-column:1}.scenario-document-review{grid-column:1!important}.scenario-document-review-grid{grid-template-columns:1fr}.scenario-document-review-actions{flex-direction:column}.scenario-document-review-actions button{width:100%}}

/* Scenario amounts may be one-time or repeat on a defined cadence. */
.scenario-segment-row{grid-template-columns:minmax(120px,1fr) minmax(150px,1.15fr) minmax(135px,1fr) minmax(130px,1fr)}
.scenario-recurring-toggle>span:last-child{display:flex;align-items:center;gap:7px;min-height:38px;padding:8px 9px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);font-size:11px;font-weight:700;letter-spacing:0}
.scenario-recurring-toggle input{width:auto;min-height:0;margin:0}
.scenario-segment-row [hidden]{display:none!important}
@media(max-width:980px){.scenario-segment-row{grid-template-columns:1fr 1fr}.scenario-segment-row>button{grid-column:2;justify-self:end}}
@media(max-width:650px){.scenario-segment-row{grid-template-columns:1fr}.scenario-segment-row>button{grid-column:1}}

/* Driver-based scenario modeling and reusable outlook controls */
.scenario-model-tools{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.6fr);gap:14px;margin:18px 0 4px}.scenario-model-tools>div{display:grid;align-content:start;gap:6px;padding:14px 15px;border:1px solid var(--line);border-radius:9px;background:var(--card)}.scenario-model-tools span,.scenario-outlook-summary span{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.13em}.scenario-model-tools b{font:600 17px Georgia,serif}.scenario-horizon-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:5px}.scenario-horizon-buttons button,#scenario-common-items button{min-height:35px;padding:8px 11px;border:1px solid var(--line);border-radius:7px;background:#f5f8fa;color:var(--blue);font-size:10px;font-weight:800;cursor:pointer}.scenario-horizon-buttons button.active{border-color:var(--blue);background:var(--blue);color:#fff}.scenario-item-library{min-width:0}#scenario-common-items{display:flex;flex-wrap:wrap;gap:7px;margin-top:5px}#scenario-common-items button{display:flex;align-items:center;gap:6px;text-align:left}#scenario-common-items button::before{content:'+';color:var(--orange);font-size:14px;font-weight:900}.scenario-outlook-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}.scenario-outlook-summary article{display:grid;gap:4px;padding:13px 14px;border:1px solid var(--line);border-radius:8px;background:var(--card)}.scenario-outlook-summary b{font:600 20px Georgia,serif;color:var(--blue)}.scenario-outlook-summary b.negative{color:var(--red)}.scenario-outlook-summary small{color:var(--muted);font-size:9px}.scenario-segment-row{grid-template-columns:repeat(4,minmax(125px,1fr));align-items:end}.scenario-segment-row>button{justify-self:end}.scenario-segment-row label[data-quantity-rate]{min-width:0}
@media(max-width:980px){.scenario-model-tools{grid-template-columns:1fr}.scenario-outlook-summary{grid-template-columns:1fr 1fr 1fr}.scenario-segment-row{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.scenario-outlook-summary,.scenario-segment-row{grid-template-columns:1fr}.scenario-horizon-buttons button{flex:1}.scenario-segment-row>button{grid-column:1}}
.commission-state-lookback{margin:18px 0 0;padding:16px 18px;border:1px solid #c9dce8;border-radius:12px;background:#f3f8fb;display:flex;align-items:center;justify-content:space-between;gap:18px}.commission-state-lookback>div{display:grid;gap:4px}.commission-state-lookback small{display:block;max-width:820px;color:#5f7182}.state-lookback-preview{margin:12px 0 18px;padding:16px 18px;border:1px solid #d9e4ea;border-radius:10px;background:#fff}.state-lookback-preview p{margin:8px 0 14px;color:#5f7182}.state-lookback-preview .preview-stats{max-width:700px}@media(max-width:720px){.commission-state-lookback{align-items:stretch;flex-direction:column}.commission-state-lookback .file-button{width:100%}}
[data-workspace-switcher][hidden] { display: none !important; }

.contacts-module { display: grid; gap: 18px; }
.contacts-hero { align-items: end; background: linear-gradient(125deg, #0b2942, #145b7e); color: #fff; }
.contacts-hero p { color: #d8e8f1; max-width: 760px; }
.contacts-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.contacts-metrics article { background: #fff; border: 1px solid #d8e3eb; border-radius: 14px; padding: 18px; }
.contacts-metrics span, .contact-table small { color: #607386; display: block; }
.contacts-metrics strong { display: block; font-family: Georgia, serif; font-size: 2rem; margin-top: 4px; }
.contacts-toolbar { display: grid; grid-template-columns: minmax(240px, 1fr) 180px 180px; gap: 12px; }
.contacts-toolbar label, .contact-form-grid label { color: #586c7f; display: grid; font-size: .78rem; font-weight: 700; gap: 5px; }
.contacts-toolbar input, .contacts-toolbar select, .contact-form-grid input, .contact-form-grid select, .contact-form-grid textarea { background: #fff; border: 1px solid #cedbe5; border-radius: 8px; color: #0c263d; min-height: 42px; padding: 9px 11px; width: 100%; }
.contact-table-wrap { background: #fff; border: 1px solid #d8e3eb; border-radius: 14px; overflow: auto; }
.contact-table { border-collapse: collapse; min-width: 850px; width: 100%; }
.contact-table th, .contact-table td { border-bottom: 1px solid #e4ebf0; padding: 14px 16px; text-align: left; vertical-align: top; }
.contact-table th { color: #607386; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.contact-table a { color: #12658e; }
.contact-status { background: #e9f2f6; border-radius: 999px; display: inline-block; padding: 4px 9px; text-transform: capitalize; }
.contact-status.inactive { background: #f2f2f2; color: #6d7479; }
.contact-actions { white-space: nowrap; }
.contact-actions button { margin-left: 6px; }
.contact-actions .delete { color: #a5382d; }
.contact-dialog { border: 0; border-radius: 16px; max-width: 840px; padding: 0; width: calc(100% - 28px); }
.contact-dialog::backdrop { background: rgb(7 28 44 / .55); }
.contact-dialog form { padding: 24px; }
.contact-dialog header, .contact-dialog footer { align-items: center; display: flex; justify-content: space-between; }
.contact-dialog header > button { background: transparent; color: #52697b; font-size: 1.8rem; }
.contact-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 20px 0; }
.contact-form-grid .span-two { grid-column: 1 / -1; }
.contact-method-editors { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 18px; }
.contact-method-editors fieldset { border: 1px solid #d8e3eb; border-radius: 12px; margin: 0; min-width: 0; padding: 14px; }
.contact-method-editors legend { color: #0c263d; font-weight: 700; padding: 0 6px; }
.contact-method-editors legend button { background: transparent; color: #12658e; font-size: .75rem; margin-left: 8px; padding: 0; }
.contact-method-row { align-items: center; display: grid; gap: 8px; grid-template-columns: 105px minmax(0, 1fr) auto 34px; margin-top: 9px; }
.contact-method-row input, .contact-method-row select { background: #fff; border: 1px solid #cedbe5; border-radius: 8px; min-height: 40px; padding: 8px; width: 100%; }
.contact-method-primary { align-items: center; color: #586c7f; display: flex; font-size: .75rem; gap: 5px; white-space: nowrap; }
.contact-method-primary input { min-height: auto; width: auto; }
.contact-method-row .delete { background: transparent; color: #a5382d; font-size: 1.2rem; padding: 4px; }
.contact-duplicate-warning { background: #fff3dc; border: 1px solid #efb860; border-radius: 8px; margin-bottom: 14px; padding: 12px; }
@media (max-width: 760px) {
  .contacts-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .contacts-toolbar, .contact-form-grid, .contact-method-editors { grid-template-columns: 1fr; }
  .contact-form-grid .span-two { grid-column: auto; }
  .contact-method-row { grid-template-columns: 92px minmax(0, 1fr) auto 30px; }
}

/* Vehicle purchase scenario: editable specifications, full ownership cost, and option comparison. */
.vehicle-purchase-editor{margin:0 17px 16px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#f7fafc}.vehicle-editor-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}.vehicle-editor-heading span,.vehicle-comparison>div:first-child>span{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.14em}.vehicle-editor-heading h3,.vehicle-comparison h3{margin:4px 0;font:600 22px Georgia,serif}.vehicle-editor-heading p,.vehicle-comparison p{margin:0;color:var(--muted);font-size:11px}.vehicle-editor-groups{display:grid;gap:13px}.vehicle-editor-group{padding-top:12px;border-top:1px solid var(--line)}.vehicle-editor-group:first-child{padding-top:0;border-top:0}.vehicle-editor-group>h4{margin:0 0 9px;font-size:12px}.vehicle-editor-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.vehicle-editor-fields label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.04em}.vehicle-editor-fields input,.vehicle-editor-fields select{width:100%;min-height:38px;padding:8px 9px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}.vehicle-vin-field{grid-column:span 2}.vehicle-vin-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.vehicle-vin-controls button{border:1px solid var(--blue);border-radius:6px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}.vehicle-check{display:flex!important;align-items:center;grid-auto-flow:column;justify-content:start;gap:7px;padding-top:21px}.vehicle-check input{width:auto;min-height:0}.vehicle-cost-summary{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;margin-top:14px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--line)}.vehicle-cost-summary>span{display:grid;gap:3px;padding:11px;background:var(--card)}.vehicle-cost-summary small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.vehicle-cost-summary b{font-size:13px}.vehicle-comparison{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.vehicle-comparison-table{margin-top:12px;overflow:hidden;border:1px solid var(--line);border-radius:8px}.vehicle-comparison-head,.vehicle-comparison-row{display:grid;grid-template-columns:1.5fr repeat(6,minmax(90px,1fr));align-items:center}.vehicle-comparison-head{background:#f1f4f6;color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.vehicle-comparison-head span,.vehicle-comparison-row>span{padding:10px;border-right:1px solid var(--line)}.vehicle-comparison-head span:last-child,.vehicle-comparison-row>span:last-child{border-right:0}.vehicle-comparison-row{border-top:1px solid var(--line);font-size:11px}.vehicle-comparison-row:first-of-type{border-top:0}.vehicle-comparison-row.selected{box-shadow:inset 4px 0 var(--orange);background:#fff9f2}.vehicle-comparison-row>span:first-child{display:grid;gap:2px}.vehicle-comparison-row small{color:var(--muted)}.vehicle-comparison-row em{width:max-content;padding:2px 5px;border-radius:99px;background:#dff3e9;color:#176b4c;font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase}
@media(max-width:1100px){.vehicle-editor-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-cost-summary{grid-template-columns:repeat(4,1fr)}.vehicle-comparison-table{overflow-x:auto}.vehicle-comparison-head,.vehicle-comparison-row{min-width:900px}}
@media(max-width:650px){.vehicle-purchase-editor{margin:0 10px 12px;padding:12px}.vehicle-editor-fields,.vehicle-cost-summary{grid-template-columns:1fr}.vehicle-vin-field{grid-column:1}.vehicle-comparison{padding:12px}.vehicle-comparison-head{display:none}.vehicle-comparison-row{display:grid;min-width:0;grid-template-columns:1fr 1fr}.vehicle-comparison-row>span{display:grid;gap:2px;border-right:0;border-bottom:1px solid var(--line)}.vehicle-comparison-row>span:first-child{grid-column:1/-1}.vehicle-comparison-row>span:not(:first-child)::before{content:attr(data-label);color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}}
.platform-capability-grid,
.platform-admin-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
  gap: 1rem;
}

.platform-capability-card,
.platform-admin-card {
  border: 1px solid var(--line, #d7e1e8);
  border-radius: 1rem;
  background: #fff;
  padding: 1rem;
}

.platform-capability-card header,
.platform-admin-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.platform-capability-card header span,
.platform-admin-card header span {
  color: var(--blue, #09638f);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .16em;
}

.platform-capability-card header h3,
.platform-admin-card header h3 { margin: .25rem 0; }
.platform-capability-card header p,
.platform-admin-card header p { margin: 0; color: var(--muted, #607386); }

.platform-capability-card header i,
.platform-admin-card header i {
  flex: 0 0 auto;
  border-radius: 999px;
  background: #eef2f5;
  color: #536779;
  padding: .4rem .65rem;
  font-size: .68rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.platform-capability-card header i.configured,
.platform-admin-card header i.configured { background: #e4f6ed; color: #126d4c; }
.platform-capability-scope { margin: 1rem 0 .65rem; color: var(--muted, #607386); font-size: .86rem; }
.platform-capabilities>summary{cursor:pointer;list-style:none}.platform-capabilities>summary::-webkit-details-marker{display:none}.platform-capabilities>summary:after{content:"+";color:var(--muted);font-size:1.25rem}.platform-capabilities[open]>summary:after{content:"−"}.platform-capability-content{padding-top:1rem;border-top:1px solid var(--line)}
.platform-entitlements { margin-top:.75rem; }
.platform-entitlements>summary{cursor:pointer;color:var(--blue,#09638f);font-size:.78rem;font-weight:800}.platform-entitlements>div{display:grid;gap:.45rem;margin-top:.55rem}

.platform-entitlement-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-radius: .65rem;
  background: #f5f7f9;
  padding: .65rem .75rem;
}

.platform-entitlement-row div { display: grid; gap: .1rem; }
.platform-entitlement-row small { color: var(--muted, #607386); text-transform: capitalize; }
.platform-entitlement-row span { font-size: .78rem; font-weight: 800; }
.platform-entitlement-row.is-included { background: #eaf8f1; color: #126d4c; }
.platform-entitlement-row.is-locked { background: #fff4df; color: #8a5600; }

.platform-admin-controls { display: grid; gap: .8rem; margin-top: 1rem; }
.platform-admin-controls fieldset { border: 0; padding: 0; margin: 0; }
.platform-admin-controls fieldset label { display: inline-flex; align-items: center; gap: .35rem; margin: .2rem .8rem .2rem 0; text-transform: capitalize; }
.platform-promotion { display: grid; grid-template-columns: minmax(12rem, 1fr) minmax(12rem, auto) auto; gap: .75rem; align-items: end; border-top: 1px solid var(--line, #d7e1e8); margin-top: 1rem; padding-top: 1rem; }
.platform-promotion div { display: grid; gap: .2rem; }
.platform-promotion small { color: var(--muted, #607386); }

@media (max-width: 720px) {
  .platform-capability-card header,
  .platform-admin-card header { flex-direction: column; }
  .platform-promotion { grid-template-columns: 1fr; }
}

/* Workspace dashboard composition and safe duplicate-account review. */
.dashboard-intro-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;justify-content:flex-end}.dashboard-widget-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.dashboard-widget-wide{grid-column:span 2}.dashboard-module-widget{display:block;color:inherit;text-decoration:none}.dashboard-module-widget>span{color:var(--blue,#09638f);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.dashboard-module-widget h2{margin:.45rem 0}.dashboard-module-widget p{color:var(--muted,#607386);margin:0}.widget-editor-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:1rem 0}.widget-editor-columns section{border:1px solid var(--line,#d7e1e8);border-radius:.8rem;padding:1rem}.widget-choice{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line,#d7e1e8);padding:.65rem 0}.widget-choice:last-child{border-bottom:0}.widget-choice>div{display:flex;gap:.35rem}.widget-choice button,.widget-add{border:1px solid var(--line,#d7e1e8);background:#fff;color:var(--ink,#0c263d)}.widget-add{display:grid;gap:.15rem;text-align:left;width:100%;margin:.45rem 0}.widget-add span{color:var(--muted,#607386);font-size:.7rem;text-transform:uppercase}.duplicate-review-list{display:grid;gap:1rem}.duplicate-candidate{border:1px solid var(--line,#d7e1e8);border-radius:.9rem;padding:1rem}.duplicate-reasons{color:var(--muted,#607386);margin:.4rem 0 1rem}.duplicate-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.duplicate-record{border:1px solid var(--line,#d7e1e8);border-radius:.75rem;padding:1rem}.duplicate-record.recommended{border-color:#16815e;background:#effaf5}.duplicate-record label{display:flex;align-items:center;gap:.45rem;font-weight:800}.duplicate-record dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem .7rem;margin:.75rem 0 0}.duplicate-record dt{color:var(--muted,#607386)}.duplicate-record dd{margin:0;text-align:right}.duplicate-candidate footer{display:flex;justify-content:flex-end;margin-top:1rem}
@media(max-width:900px){.dashboard-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.widget-editor-columns{grid-template-columns:1fr}}
@media(max-width:650px){.dashboard-widget-grid{grid-template-columns:1fr}.dashboard-widget-wide{grid-column:auto}.dashboard-intro-actions{justify-content:flex-start}.duplicate-comparison{grid-template-columns:1fr}}

/* Live dashboard summaries and the shared cross-organization task source layer. */
.dashboard-module-widget>strong{display:block;margin:.45rem 0 .25rem;font:600 clamp(1.6rem,3vw,2.4rem)/1 Georgia,serif;color:var(--ink,#0c263d)}
.task-source-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin:1rem 0}
.task-source-card{min-width:0;padding:.85rem;border:1px solid var(--line,#d7e1e8);border-radius:.85rem;background:#fff}
.task-source-card>span{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue,#09638f)}
.task-source-card strong,.task-source-card small{display:block}.task-source-card strong{margin:.25rem 0}.task-source-card small{color:var(--muted,#607386);line-height:1.35}
.task-source-card.is-live{border-top:3px solid #1477a8}.task-source-card.is-ready{background:#f5f7f9}.task-source-card.is-ready>span{color:#677989}
.task-source-note{margin:.25rem 0 1rem;color:var(--muted,#607386);font-size:.84rem}.task-source-label{display:inline-block;border-radius:999px;background:#eaf4f8;color:#075f89;padding:.25rem .5rem;font-size:.72rem;font-weight:800;white-space:nowrap}
@media(max-width:800px){.task-source-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Review-first accounts-receivable aging and reminder batches. */
.ar-aging-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:.65rem}.ar-aging-card{min-width:0;display:flex;flex-direction:column;padding:1.1rem 1.25rem;border:1px solid var(--line,#d7e1e8);border-radius:.85rem;background:var(--card,#fff)}.ar-aging-card>span{color:var(--muted,#607386);font-size:.88rem;font-weight:800}.ar-aging-card>strong{margin:.35rem 0;font:500 clamp(1.7rem,3vw,2.25rem)/1.15 Georgia,serif;font-variant-numeric:tabular-nums}.ar-aging-card>small{color:var(--muted,#607386);font-size:.82rem;line-height:1.4}.ar-aging-card.is-overdue{border-top:3px solid var(--red,#b44e49)}.ar-aging-breakdown{margin-top:.8rem;padding-top:.65rem;border-top:1px solid var(--line,#d7e1e8)}.ar-aging-breakdown>summary{width:max-content;max-width:100%;color:var(--blue,#09638f);cursor:pointer;font-weight:800}.ar-aging-breakdown dl{display:grid;gap:.5rem;margin:.75rem 0 0}.ar-aging-breakdown dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line,#d7e1e8);padding-bottom:.4rem}.ar-aging-breakdown dt{font-weight:700}.ar-aging-breakdown dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;font-weight:800}.ar-aging-breakdown dd small{display:block;color:var(--muted,#607386);font-size:.75rem;font-weight:500}.ar-aging-context{margin:0 0 1.2rem;color:var(--muted,#607386);font-size:.84rem}@media(max-width:800px){.ar-aging-summary{grid-template-columns:1fr}}@media print{.ar-aging-breakdown{display:block!important}.ar-aging-breakdown dl{display:grid!important}}
.ar-intake{display:grid;gap:1rem}.ar-intake>label{max-width:28rem}.ar-connector-note{margin:0;padding:.8rem;border-radius:.7rem;background:#edf5f8;color:var(--muted,#607386)}.ar-batches{display:grid;gap:1rem}.ar-batch{border:1px solid var(--line,#d7e1e8);border-radius:1rem;background:#fff;overflow:hidden}.ar-batch>header{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-bottom:1px solid var(--line,#d7e1e8)}.ar-batch h2{margin:.2rem 0}.ar-batch header span{color:var(--blue,#09638f);font-size:.68rem;font-weight:800;letter-spacing:.12em}.ar-batch header label{min-width:min(22rem,100%)}.ar-batch-actions{display:flex;gap:.5rem;padding:.75rem 1.15rem;background:#f7f9fa}.ar-invoice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.8rem 1.15rem;border-top:1px solid var(--line,#d7e1e8)}.ar-invoice>span:last-child{text-align:right}.ar-invoice b,.ar-invoice small{display:block}.ar-invoice small{color:var(--muted,#607386)}.ar-invoice.is-overdue{background:#fff9ef}.ar-invoice.is-overdue>span:last-child small{color:#9a5b00;font-weight:800}.ar-batch>footer{display:flex;justify-content:flex-end;padding:1rem 1.15rem}@media(max-width:700px){.ar-batch>header{align-items:stretch;flex-direction:column}.ar-invoice{grid-template-columns:auto 1fr}.ar-invoice>span:last-child{grid-column:2;text-align:left}.ar-batch-actions{flex-wrap:wrap}}
.ar-report-tools{display:grid;grid-template-columns:minmax(15rem,1fr) minmax(12rem,1fr) 11rem auto auto;align-items:end;gap:.8rem}.ar-report-tools h2{margin:.2rem 0}.ar-report-tools span,.ar-email-review header span{color:var(--blue,#09638f);font-size:.68rem;font-weight:800;letter-spacing:.12em}.ar-intake>summary{cursor:pointer;font-weight:800}.ar-email-review{width:min(46rem,calc(100% - 2rem));border:0;border-radius:1rem;padding:0;box-shadow:0 24px 80px #0d233644}.ar-email-review::backdrop{background:#10243899}.ar-email-review form{display:grid;gap:1rem;padding:1.25rem}.ar-email-review header,.ar-email-review footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.ar-email-review header h2{margin:.2rem 0}.ar-email-review textarea{resize:vertical}.ar-review-summary{padding:.8rem;border-radius:.65rem;background:#f2f6f8;font-weight:800}.ar-email-review [data-ar-send-notice]{padding:.75rem 0}.ar-email-review [data-ar-send-notice]:empty{display:none}@media(max-width:900px){.ar-report-tools{grid-template-columns:1fr 1fr}.ar-report-tools>div{grid-column:1/-1}}@media print{.app-nav,.topbar,.ar-report-tools button,.ar-intake,.ar-batch-actions,.ar-batch footer,.ar-batch header label{display:none!important}.ar-batch{break-inside:avoid}}
.ar-reminder-profile>summary{cursor:pointer;font-weight:800}.ar-reminder-profile form{display:grid;gap:1rem;padding-top:1rem}.ar-reminder-profile .wide-field{grid-column:1/-1}.ar-reminder-profile textarea{resize:vertical}.ar-reminder-profile .actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.ar-reminder-profile [data-ar-profile-notice]{color:var(--muted,#607386)}
.ar-logo-upload{align-items:flex-start}.ar-logo-upload input{padding:.65rem;background:#f7fafc}.ar-logo-upload span{color:var(--ink,#102438);font-weight:700}.ar-logo-upload img{display:block;max-width:240px;max-height:100px;margin-top:.4rem;padding:.5rem;border:1px solid var(--line,#d7e1e8);border-radius:.6rem;background:#fff;object-fit:contain}.ar-logo-upload img[hidden]{display:none}
.ar-reminder-activity{display:grid;gap:.8rem}.ar-reminder-activity .section-heading{margin:0}.ar-reminder-activity h2{margin:.2rem 0}.ar-reminder-activity details>summary{cursor:pointer;font-weight:800}.ar-reminder-history{display:grid;margin-top:.8rem;border-top:1px solid var(--line,#d7e1e8)}.ar-reminder-history-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line,#d7e1e8)}.ar-reminder-history-row div{min-width:0}.ar-reminder-history-row b,.ar-reminder-history-row small{display:block}.ar-reminder-history-row small{margin-top:.2rem;color:var(--muted,#607386)}@media(max-width:700px){.ar-reminder-history-row{grid-template-columns:1fr}}
.ar-invoice-wrap.has-reconciliation-conflict{border-left:4px solid #c45116;background:#fff7f1}.ar-invoice-wrap .ar-invoice{border-top:1px solid var(--line,#d7e1e8)}.ar-invoice input:disabled{cursor:not-allowed}.ar-reconciliation-status{margin-top:.35rem;font-weight:800}.ar-reconciliation-status.conflict{color:#a33f0b!important}.ar-reconciliation-status.matched,.ar-reconciliation-status.reviewed{color:#157047!important}.ar-reconciliation-detail{margin:0 1.15rem .9rem 3rem;padding:.8rem 1rem;border:1px solid #efc7ad;border-radius:.75rem;background:#fff}.ar-reconciliation-detail p{margin:.35rem 0;color:var(--muted,#607386);font-size:.86rem}.ar-reconciliation-detail button{margin-top:.45rem}@media(max-width:700px){.ar-reconciliation-detail{margin:.2rem .75rem .75rem}}
/* Compact connector library and on-demand configuration panels. */
.connector-card.configurable{cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.connector-card.configurable:hover,.connector-card.configurable:focus-visible{border-color:var(--blue);box-shadow:0 10px 24px #173a5514;outline:none;transform:translateY(-1px)}
.secure-connector-form{display:block;padding:0;overflow:hidden}.connector-config-details>summary{cursor:pointer;list-style:none}.connector-config-details>summary::-webkit-details-marker{display:none}.secure-connector-title{padding:16px}.secure-connector-title:after{content:"+";font-size:1.3rem;color:var(--muted)}.connector-config-details[open]>.secure-connector-title:after{content:"−"}.connector-config-content{display:grid;gap:12px;padding:0 16px 16px;border-top:1px solid var(--line)}.connector-config-content>label:first-child{margin-top:16px}.quickbooks-live{padding:0;overflow:hidden}.quickbooks-live>summary{padding:22px}.quickbooks-live>.connector-config-content{padding:20px 22px 22px}.square-authorization-actions{display:flex;gap:8px;flex-wrap:wrap}.square-authorization-actions .button,.square-authorization-actions button{width:auto}

/* Universal calendar */
.calendar-intro{align-items:center}.calendar-shell{overflow:hidden}.calendar-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.calendar-toolbar h2{flex:1;text-align:center;margin:0}.calendar-toolbar>a{display:grid;place-items:center;min-width:38px;min-height:38px;text-decoration:none}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays b{padding:8px;text-align:center;color:var(--muted);font-size:.75rem;text-transform:uppercase}.calendar-day{appearance:none;background:var(--surface);border:1px solid var(--line);border-radius:0;min-height:112px;padding:8px;text-align:left;display:flex;flex-direction:column;gap:5px;color:inherit}.calendar-day.outside{opacity:.45}.calendar-day.today>span{background:var(--accent);color:white;border-radius:99px;width:26px;height:26px;display:grid;place-items:center}.calendar-event{font-style:normal;font-size:.72rem;line-height:1.2;padding:4px 6px;border-radius:5px;background:#e8f0fa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event.appointment,.calendar-event.square{background:#e6f4ed}.calendar-day small{color:var(--muted)}.calendar-agenda{display:grid;gap:8px}.calendar-agenda>a{display:flex;gap:16px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:12px;text-decoration:none;color:inherit}.calendar-agenda time{font-weight:800;min-width:55px}.calendar-agenda span{display:grid}.calendar-agenda small{color:var(--muted)}
@media(max-width:760px){.calendar-shell{overflow-x:auto}.calendar-weekdays,.calendar-grid{min-width:700px}.calendar-day{min-height:92px}}

/* Receivables family batches retain clear site/location groupings. */
.ar-location-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.15rem;background:#edf4f7;border-top:1px solid var(--line,#d7e1e8);color:var(--ink,#10283b)}.ar-location-heading small{color:var(--muted,#607386);font-weight:700}.ar-location-heading+.ar-invoice-wrap .ar-invoice{border-top:0}@media(max-width:700px){.ar-location-heading{align-items:flex-start;flex-direction:column;gap:.2rem}}

/* QuickBooks remains the authority for payment state; ChannelOnline remains the sales/GP source. */
.connector-organization-lock{display:grid;gap:2px;min-width:min(30rem,100%)}.connector-organization-lock>span{color:var(--muted,#607386);font-size:.75rem;font-weight:800}.connector-organization-lock>strong{color:var(--ink,#102438);font-size:1rem}.connector-organization-lock>small{color:var(--muted,#607386)}
.invoice-scroll small.invoice-payment-status{display:inline-block;margin-top:6px;padding:3px 8px;border-radius:999px;background:#eef3f6;color:#52687a;font-size:10px;font-weight:800}.invoice-scroll small.payment-outstanding,.invoice-scroll small.payment-partially_paid{background:#fff1dd;color:#9a4a11}.invoice-scroll small.payment-paid{background:#e7f6ec;color:#147341}.invoice-scroll small.payment-voided,.invoice-scroll small.payment-credited,.invoice-scroll small.payment-closed{background:#edf1f4;color:#52687a}.invoice-scroll small.payment-not_matched{background:#fbeaea;color:#a1342e}
.invoice-workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.invoice-workflow-steps>a,.invoice-workflow-steps>button{display:flex;align-items:center;gap:10px;min-height:72px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);text-align:left;text-decoration:none;cursor:pointer}.invoice-workflow-steps b{display:grid;place-items:center;flex:0 0 29px;height:29px;border-radius:50%;background:#dceaf2;color:var(--blue)}.invoice-workflow-steps span{display:grid;gap:3px;font-weight:800}.invoice-workflow-steps small{color:var(--muted);font-size:11px;font-weight:500}.uninvoiced-sale-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;margin:18px 0}.uninvoiced-sale-form label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.uninvoiced-sale-form input,.uninvoiced-sale-form select,.uninvoiced-sale-actions select{width:100%;min-height:38px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}.uninvoiced-sale-list{margin-top:12px;border-top:1px solid var(--line)}.uninvoiced-sale-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.uninvoiced-sale-row>div:first-child{min-width:0}.uninvoiced-sale-row small{display:block;margin-top:3px;color:var(--muted)}.uninvoiced-sale-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.uninvoiced-sale-actions select{min-width:210px}.uninvoiced-sale-actions button{min-height:38px}.sale-linked{padding:5px 9px;border-radius:99px;background:#e7f6ec;color:#147341;font-size:11px;font-weight:800}#uninvoiced-sale-notice:not(:empty){margin:8px 0;padding:10px 12px;border-radius:7px}@media(max-width:1000px){.invoice-workflow-steps{grid-template-columns:1fr 1fr}.uninvoiced-sale-form{grid-template-columns:1fr 1fr}}@media(max-width:650px){.invoice-workflow-steps,.uninvoiced-sale-form{grid-template-columns:1fr}.uninvoiced-sale-row{align-items:flex-start;flex-direction:column}.uninvoiced-sale-actions,.uninvoiced-sale-actions select{width:100%}}
.routine-builder-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 14px}.routine-builder-toolbar>div{display:grid;gap:3px}.routine-builder-toolbar strong{font:600 20px Georgia,serif;color:var(--ink)}.routine-builder-toolbar span{color:var(--muted);font-size:14px}.routine-builder-toolbar details{position:relative;z-index:4}.routine-builder-toolbar summary{padding:10px 13px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--blue);font-size:14px;font-weight:700;cursor:pointer}.routine-builder-toolbar details>div{position:absolute;right:0;top:calc(100% + 5px);display:grid;gap:6px;width:min(320px,calc(100vw - 36px));padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 16px 32px #0d233924}.routine-builder-toolbar details>div button{padding:10px;border:0;border-radius:5px;background:#f3f7f9;color:var(--ink);text-align:left;cursor:pointer}.routine-builder-board{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.routine-tile{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 4px 14px #0d23390b}.routine-tile.dragging{opacity:.5}.routine-tile.drag-over{border-color:var(--orange);box-shadow:inset 0 4px 0 var(--orange)}.routine-tile-main{display:flex;align-items:center;gap:10px;flex:1;width:100%;min-height:76px;padding:12px;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.routine-tile-main b{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#dceaf2;color:var(--blue)}.routine-tile-main span{display:grid;gap:3px;font-size:15px;font-weight:800;line-height:1.25}.routine-tile-main small{color:var(--muted);font-size:13px;font-weight:500}.routine-tile-controls{display:flex;justify-content:flex-end;gap:4px;padding:0 9px 8px}.routine-tile-controls button{min-width:32px;min-height:30px;border:1px solid var(--line);border-radius:5px;background:#f9fbfc;color:var(--ink);font-size:15px;cursor:pointer}.routine-tile-controls [data-routine-hide]{color:var(--red)}.routine-drag-handle{cursor:grab!important}.routine-drag-handle:active{cursor:grabbing!important}.routine-sections{display:grid;gap:16px}.routine-empty{grid-column:1/-1;padding:18px;border:1px dashed var(--line);border-radius:9px;background:#fff;color:var(--muted)}@media(max-width:650px){.routine-builder-toolbar{align-items:stretch;flex-direction:column}.routine-builder-toolbar details>div{left:0;right:auto}}
.admin-warning{display:grid;gap:4px;margin:0 0 18px;padding:13px 15px;border:1px solid #e2a486;border-radius:8px;background:#fff1e9;color:#873715}.admin-warning b{font-size:12px}.admin-warning span{font-size:11px;line-height:1.5}
.task-team-summary{color:#17658b!important;font-weight:700}.task-collaboration-dialog{width:min(920px,calc(100vw - 28px));max-height:92vh}.task-collaboration-dialog form{max-height:88vh;overflow:auto}.task-detail-section{margin:16px 0;padding:14px;border:1px solid #d8e0e6;border-radius:12px;background:#f8fafb}.task-detail-section>summary{cursor:pointer;color:#10283e;font-weight:800}.task-detail-section>p{margin:8px 0 12px;color:#617284;font-size:12px}.task-team-picker>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.task-team-picker label{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #dce3e8;border-radius:9px;background:#fff}.task-team-picker input{width:17px;height:17px;margin:0}.task-team-picker span{display:grid;gap:2px}.task-team-picker small{color:#68798a}.task-file-drop{display:flex!important;align-items:center;justify-content:center;min-height:74px;border:1px dashed #7c9bb2;border-radius:10px;background:#eef6fa;color:#155f83;font-weight:800;cursor:pointer}.task-file-drop input{position:absolute;width:1px;height:1px;opacity:0}.task-collaboration-list{display:grid;gap:7px;margin-top:10px}.task-collaboration-list a{display:flex;justify-content:space-between;gap:12px;padding:10px;border:1px solid #dbe3e8;border-radius:8px;background:#fff;color:#10283e;text-decoration:none}.task-collaboration-list a small{color:#68798a}.task-chat-panel{display:grid;gap:10px;margin:16px 0;padding:15px;border:1px solid #a8c3d4;border-radius:12px;background:#f1f8fb}.task-chat-panel>div:first-child{display:flex;justify-content:space-between}.task-chat-panel>div:first-child span{color:#17658b;font-size:10px;font-weight:800;letter-spacing:.12em}.task-message-list{display:grid;gap:8px;max-height:240px;overflow:auto}.task-message-list article{padding:10px 12px;border-radius:10px;background:#fff}.task-message-list article header{display:flex;justify-content:space-between;gap:10px}.task-message-list time{color:#728292;font-size:10px}.task-message-list p{margin:5px 0 0;white-space:pre-wrap}.task-chat-panel>button{justify-self:end;padding:9px 14px;border:0;border-radius:8px;background:#10283e;color:#fff;font-weight:800}@media(max-width:700px){.task-team-picker>div{grid-template-columns:1fr}.task-collaboration-list a{display:grid}}

/* Shared Theme Builder tokens. OTR stores these per organization; FORGE stores the same contract per workspace. */
body{font-family:var(--forge-body-font,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:calc(14px * var(--forge-font-scale,1))}.intro h1,.panel h2,.metric>strong,header strong{font-family:var(--forge-heading-font,Georgia,"Times New Roman",serif)}.rail{background:var(--nav);color:var(--forge-navigation-text,#fff);border-color:color-mix(in srgb,var(--forge-navigation-text,#fff) 24%,transparent)}.rail nav a,.rail .wordmark small{color:color-mix(in srgb,var(--forge-navigation-text,#fff) 78%,transparent)}.rail nav a:hover,.rail nav a.active{background:color-mix(in srgb,var(--forge-navigation-text,#fff) 13%,var(--nav));color:var(--forge-navigation-text,#fff)}.rail nav a.active{border-color:color-mix(in srgb,var(--forge-navigation-text,#fff) 34%,transparent)}.button,.file-button{border-radius:var(--forge-button-radius,5px);background:var(--forge-button,var(--nav));color:var(--forge-button-text,#fff)}.panel,.metric{padding:calc(22px * var(--forge-density,1))}
.forge-theme-builder{margin-top:18px}.forge-theme-builder>.section-heading>b{padding:6px 9px;border-radius:999px;background:#e7f3ef;color:#167c62;font-size:10px;text-transform:uppercase}.forge-theme-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:18px 0}.forge-theme-presets button{display:grid;place-items:center;gap:7px;min-height:82px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);cursor:pointer}.forge-theme-presets button.active{border-color:var(--gold);box-shadow:inset 0 0 0 2px var(--gold)}.forge-theme-presets i{display:grid;place-items:center;width:44px;height:34px;border:2px solid var(--swatch-accent);border-radius:6px;background:var(--swatch-surface);color:var(--swatch-text);font:700 15px Georgia,serif}.forge-theme-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:20px}.forge-theme-controls{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}.forge-theme-controls fieldset{display:grid;align-content:start;gap:11px;margin:0;padding:15px;border:1px solid var(--line);border-radius:9px}.forge-theme-controls legend{padding:0 6px;color:var(--gold);font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.forge-theme-controls label{display:grid;gap:5px;color:var(--muted);font-size:11px}.forge-theme-controls select{width:100%;min-height:39px;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}.forge-theme-controls output{justify-self:end;color:var(--gold);font-weight:850}.forge-theme-controls input[type=range]{width:100%;accent-color:var(--gold)}.forge-theme-colors{grid-template-columns:repeat(3,minmax(0,1fr))!important}.forge-theme-colors legend{grid-column:1/-1}.forge-theme-colors label{display:flex;align-items:center;gap:7px;padding:7px;border:1px solid var(--line);border-radius:7px}.forge-theme-colors input{flex:none;width:32px;height:28px;padding:2px;border:0;background:transparent}.forge-theme-preview{padding:15px;border:1px solid var(--gold);border-radius:10px;background:var(--paper)}.forge-theme-preview>span{color:var(--gold);font-size:9px;font-weight:850;letter-spacing:.12em}.forge-theme-preview>div{min-height:265px;margin-top:8px;padding:24px;border-radius:8px;background:var(--card);color:var(--ink);box-shadow:0 12px 28px #00000012}.forge-theme-preview small{color:var(--gold);font-weight:850;letter-spacing:.1em}.forge-theme-preview h3{margin:14px 0 8px;font:600 calc(25px * var(--forge-font-scale,1))/1.1 var(--forge-heading-font,Georgia,serif)}.forge-theme-preview p{color:var(--muted)}.forge-theme-preview div div{display:flex;gap:8px;margin-top:20px}.forge-theme-preview button{padding:9px 12px;border:1px solid var(--forge-button,var(--nav));border-radius:var(--forge-button-radius,5px);background:var(--forge-button,var(--nav));color:var(--forge-button-text,#fff)}.forge-theme-preview button+button{background:transparent;color:var(--forge-button,var(--nav))}@media(max-width:960px){.forge-theme-layout{grid-template-columns:1fr}.forge-theme-controls{grid-template-columns:1fr}.forge-theme-colors{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:650px){.forge-theme-presets{display:flex;overflow:auto}.forge-theme-presets button{flex:0 0 105px}.forge-theme-colors{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
