/* C092/C093/C099: presentation only; business identity and financial rules stay unchanged. */
html[data-theme] #page .settings-companies .company-theme-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}
html[data-theme] #page .settings-companies .business-settings-card {
  min-height: 0;
  /* The decorative glow extends below the card. Clip it without creating a
     scroll container that moves when focus returns from the business editor. */
  overflow: clip;
  grid-template-columns: 48px minmax(0, 1fr);
  grid-template-rows: 1fr auto;
  gap: 16px;
  padding: 20px;
}
html[data-theme] #page .settings-companies .company-theme-preview {
  width: 48px;
  height: 48px;
  margin: 0;
  box-sizing: border-box;
  font-size: 21px;
}
html[data-theme] #page .settings-companies .company-theme-copy { min-width: 0; }
html[data-theme] #page .settings-companies .business-card-labels { flex-wrap: wrap; gap: 8px; }
html[data-theme] #page .settings-companies .business-card-labels > small {
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: .04em;
}
html[data-theme] #page .settings-companies .business-status { font-size: 11px; line-height: 1.4; padding: 5px 9px; }
html[data-theme] #page .settings-companies .company-theme-copy h3 {
  font-size: 18px;
  line-height: 1.4;
  margin: 10px 0;
  overflow-wrap: anywhere;
}
html[data-theme] #page .settings-companies .business-core-meta,
html[data-theme] #page .settings-companies .theme-meta { gap: 8px; margin: 0; }
html[data-theme] #page .settings-companies .theme-meta { margin-top: 12px; }
html[data-theme] #page .settings-companies .business-core-meta span,
html[data-theme] #page .settings-companies .theme-meta span {
  max-width: 100%;
  font-size: 12px;
  line-height: 1.5;
  padding: 5px 8px;
  overflow-wrap: anywhere;
}
html[data-theme] #page .settings-companies .theme-meta b { font-size: 12px; font-variant-numeric: tabular-nums; }
html[data-theme] #page .settings-companies .theme-meta i { width: 9px; height: 9px; }
html[data-theme] #page .settings-companies .business-settings-card > .settings-card-actions {
  grid-column: 1 / -1;
  grid-row: 2;
  width: 100%;
  margin: 0;
  padding: 14px 0 0;
  border-top: 1px solid #d5c6e9;
  justify-content: flex-start;
  align-self: end;
  gap: 10px;
}
html[data-theme] #page .settings-companies .settings-card-actions button {
  min-height: 44px;
  font-size: 13px;
  padding: 10px 18px;
}
html[data-theme] #page .settings-companies .settings-card-actions .icon-button { width: 44px; padding: 10px; }
html[data-theme] #page .settings-companies .settings-note { padding: 20px; margin-top: 18px; }
html[data-theme] #page .settings-companies .settings-note b,
html[data-theme] #page .settings-companies .settings-note p { font-size: 13px; line-height: 1.6; }

/* The existing Rappi asset is a white transparent wordmark. Its square frame
   keeps the real mark intact and overrides older white-background declarations. */
html[data-theme] #page .settings-credit-card:has(.account-brand-logo.is-rappi) {
  grid-template-columns: 64px minmax(180px, 1.5fr) minmax(110px, .8fr) auto;
}
html[data-theme] #page .settings-credit-card .account-brand-logo.is-rappi {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  box-sizing: border-box;
  padding: 6px !important;
  border: 1px solid #44675d;
  border-radius: 14px;
  background: #142921 !important;
}
html[data-theme] #page .settings-credit-card .account-brand-logo.is-rappi img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  object-fit: contain;
}

html[data-theme] #page .venuz-billing-settings,
html[data-theme] #page .remainder-settings { padding: 24px; }
html[data-theme] #page .venuz-billing-settings .analysis-card-head,
html[data-theme] #page .remainder-settings .analysis-card-head {
  display: block;
  text-align: left;
}
html[data-theme] #page .venuz-billing-settings .analysis-card-head > div,
html[data-theme] #page .remainder-settings .analysis-card-head > div { display: block; width: 100%; }
html[data-theme] #page .venuz-billing-settings .analysis-card-head small {
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: .05em;
  margin-bottom: 8px;
}
html[data-theme] #page .venuz-billing-settings .analysis-card-head h2,
html[data-theme] #page .remainder-settings .analysis-card-head h2 {
  font-size: 22px;
  line-height: 1.35;
  margin: 0 0 12px;
}
html[data-theme] #page .venuz-billing-settings .analysis-card-head p,
html[data-theme] #page .remainder-settings .analysis-card-head p {
  max-width: 86ch;
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}
html[data-theme] #page .venuz-billing-form {
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(180px, auto);
  gap: 16px;
  margin-top: 22px;
}
html[data-theme] #page .venuz-billing-form label { min-width: 0; gap: 8px; }
html[data-theme] #page .venuz-billing-form label > span {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .03em;
}
html[data-theme] #page .venuz-billing-form input {
  height: 48px;
  min-width: 0;
  font-size: 16px;
  padding: 10px 12px;
}
html[data-theme] #page .venuz-billing-form label > div b { font-size: 12px; top: 15px; }
html[data-theme] #page .venuz-billing-form button {
  min-height: 48px;
  height: auto;
  font-size: 13px;
  line-height: 1.4;
  white-space: normal;
  padding: 12px 18px;
}
html[data-theme] #page .remainder-settings .remainder-timeline {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 22px;
}
html[data-theme] #page .remainder-settings .remainder-timeline article { min-width: 0; padding: 18px; border-radius: 16px; }
html[data-theme] #page .remainder-settings .remainder-timeline article > small {
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: .02em;
  margin-bottom: 14px;
}
html[data-theme] #page .remainder-settings .remainder-timeline article > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 10px;
  padding: 10px 0;
}
html[data-theme] #page .remainder-settings .remainder-timeline span { font-size: 13px; line-height: 1.5; }
html[data-theme] #page .remainder-settings .remainder-timeline b { font-size: 14px; line-height: 1.5; font-variant-numeric: tabular-nums; text-align: right; }
html[data-theme] #page .remainder-settings .remainder-timeline .result { margin-top: 6px; padding-top: 14px; }
html[data-theme] #page .remainder-settings .remainder-timeline .result b { font-size: 18px; }
html[data-theme] #page .venuz-billing-settings .remainder-rule,
html[data-theme] #page .remainder-settings .remainder-rule { padding: 14px 16px; font-size: 13px; line-height: 1.7; margin-top: 18px; }
html[data-theme] #page .settings-companies :focus-visible,
html[data-theme] #page .venuz-billing-settings :focus-visible { outline: 3px solid #9663ed; outline-offset: 3px; }

html[data-theme="light"] #page .settings-companies .business-card-labels > small,
html[data-theme="light"] #page .settings-companies .business-core-meta span,
html[data-theme="light"] #page .settings-companies .theme-meta span,
html[data-theme="light"] #page .settings-companies .theme-meta b,
html[data-theme="light"] #page .settings-companies .settings-note p,
html[data-theme="light"] #page .venuz-billing-settings p,
html[data-theme="light"] #page .venuz-billing-form label > span,
html[data-theme="light"] #page .remainder-settings p,
html[data-theme="light"] #page .remainder-settings .remainder-timeline span { color: #624c7d; }
html[data-theme="dark"] #page .settings-companies .business-settings-card {
  border-color: color-mix(in srgb, var(--company-accent) 40%, #514461);
  background: linear-gradient(145deg, color-mix(in srgb, var(--company-accent) 9%, #211a2e), #211a2e 75%);
}
html[data-theme="dark"] #page .settings-companies .business-settings-card > .settings-card-actions { border-color: #514461; }
html[data-theme="dark"] #page .settings-companies .business-core-meta span,
html[data-theme="dark"] #page .settings-companies .theme-meta span { background: #2c223d; border-color: #5c496f; }
html[data-theme="dark"] #page .venuz-billing-settings,
html[data-theme="dark"] #page .remainder-settings { background: #211a2e; border-color: #574567; }
html[data-theme="dark"] #page .venuz-billing-form input,
html[data-theme="dark"] #page .venuz-billing-settings .remainder-rule,
html[data-theme="dark"] #page .remainder-settings .remainder-rule,
html[data-theme="dark"] #page .remainder-settings .remainder-timeline article { background: #2a213b; border-color: #574567; color: #f1e9fc; }
html[data-theme="dark"] #page .remainder-settings .remainder-timeline article > div { border-color: #514461; }
html[data-theme="dark"] #page .settings-companies .business-card-labels > small,
html[data-theme="dark"] #page .settings-companies .business-core-meta span,
html[data-theme="dark"] #page .settings-companies .theme-meta span,
html[data-theme="dark"] #page .settings-companies .theme-meta b,
html[data-theme="dark"] #page .settings-companies .settings-note p,
html[data-theme="dark"] #page .venuz-billing-settings p,
html[data-theme="dark"] #page .venuz-billing-form label > span,
html[data-theme="dark"] #page .remainder-settings p,
html[data-theme="dark"] #page .remainder-settings .remainder-timeline span,
html[data-theme="dark"] #page .remainder-settings .remainder-timeline article > small { color: #d4c2ec; }
html[data-theme="dark"] #page .remainder-settings .remainder-timeline .result span,
html[data-theme="dark"] #page .remainder-settings .remainder-timeline .result b { color: #d3b4ff; }

@media (max-width: 1100px) {
  html[data-theme] #page .venuz-billing-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-theme] #page .venuz-billing-form button { grid-column: auto; }
  html[data-theme] #page .remainder-settings .remainder-timeline { grid-template-columns: minmax(0, 1fr); }
  html[data-theme] #page .settings-credit-card:has(.account-brand-logo.is-rappi) { grid-template-columns: 64px minmax(0, 1fr) auto; }
  html[data-theme] #page .settings-credit-card:has(.account-brand-logo.is-rappi) > .settings-card-actions { grid-column: 2 / -1; }
}
@media (max-width: 760px) {
  html[data-theme] #page .settings-companies .company-theme-grid { grid-template-columns: minmax(0, 1fr); }
  html[data-theme] #page .settings-companies .business-settings-card { padding: 18px; gap: 12px; }
  html[data-theme] #page .settings-companies .business-card-labels { align-items: flex-start; }
  html[data-theme] #page .settings-companies .theme-meta { display: grid; grid-template-columns: minmax(0, 1fr); }
  html[data-theme] #page .settings-companies .company-theme-copy h3 { font-size: 17px; }
  html[data-theme] #page .venuz-billing-settings,
  html[data-theme] #page .remainder-settings { padding: 18px; }
  html[data-theme] #page .venuz-billing-form { grid-template-columns: minmax(0, 1fr); }
  html[data-theme] #page .venuz-billing-form button { width: 100%; }
  html[data-theme] #page .venuz-billing-settings .analysis-card-head h2,
  html[data-theme] #page .remainder-settings .analysis-card-head h2 { font-size: 20px; }
  html[data-theme] #page .remainder-settings .remainder-timeline article { padding: 16px; }
  html[data-theme] #page .settings-credit-card:has(.account-brand-logo.is-rappi) { grid-template-columns: 64px minmax(0, 1fr); }
  html[data-theme] #page .settings-credit-card:has(.account-brand-logo.is-rappi) > div:nth-of-type(2) { grid-column: 2; }
  html[data-theme] #page .settings-credit-card:has(.account-brand-logo.is-rappi) > .settings-card-actions { grid-column: 1 / -1; width: 100%; padding: 12px 0 0; margin: 0; }
  html[data-theme] #page .settings-credit-card:has(.account-brand-logo.is-rappi) > .settings-card-actions button { min-height: 44px; font-size: 13px; line-height: 1.4; white-space: normal; }
}

/* Shared settings rhythm; financial colors and form behavior stay unchanged. */
html[data-theme] #page .configuration-deep-view :is(.catalog-card, .settings-account-card, .settings-note, .fx-example) {
  border-color: color-mix(in srgb, var(--purple) 28%, var(--line));
  background: radial-gradient(ellipse at 100% 0, color-mix(in srgb, var(--purple) 10%, transparent), transparent 65%), var(--surface);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--purple) 5%, transparent);
}
html[data-theme] #page .configuration-deep-view .catalog-card { padding: 22px; min-height: 0; }
html[data-theme] #page .configuration-deep-view :is(.catalog-card, .settings-account-card) h2 { margin: 5px 0 9px; color: var(--text); font-size: clamp(18px, 1.6vw, 21px); line-height: 1.4; overflow-wrap: anywhere; }
html[data-theme] #page .configuration-deep-view :is(.catalog-card, .settings-account-card, .settings-note, .fx-example) p { color: var(--muted); font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
html[data-theme] #page .configuration-deep-view :is(.settings-account-card small, .business-status, .settings-credit-plan-summary) { font-size: 12px; line-height: 1.5; letter-spacing: .035em; }
html[data-theme] #page .configuration-deep-view .settings-account-card small { color: var(--muted); }
html[data-theme] #page .configuration-deep-view :is(.mova-ai-settings-head small, .mova-ai-settings-foot small, .fx-main-currency > small, .catalog-card-head small, .catalog-functional-row small, .preference-section-head small) { color: var(--muted); font-size: 12px; line-height: 1.5; letter-spacing: .025em; overflow-wrap: anywhere; }
html[data-theme] #page .configuration-deep-view .settings-account-card > div { min-width: 0; }
html[data-theme] #page .configuration-deep-view .settings-account-card > div:nth-of-type(2) > b { font-size: 13px; line-height: 1.5; color: var(--text); overflow-wrap: anywhere; }
html[data-theme] #page .configuration-deep-view .settings-card-actions { flex-wrap: wrap; gap: 8px; }
html[data-theme] #page .configuration-deep-view :is(.settings-card-actions button, .catalog-card button) { min-height: 44px; font-size: 13px; line-height: 1.45; white-space: normal; }
html[data-theme] #page .configuration-deep-view :is(.settings-card-actions, .catalog-card .modal-actions) { margin-top: 14px; }
html[data-theme] #page .configuration-deep-view .fx-example h2 { font-size: clamp(26px, 3vw, 34px); line-height: 1.3; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
html[data-theme] #page .configuration-deep-view :is(.fx-example h2, .fx-main-currency h2, .fx-real-preview > strong, .remainder-timeline b, .theme-meta b) { font-family: var(--niwwi-heading-font, Manrope, sans-serif); font-variant-numeric: tabular-nums; }
html[data-theme] #page .settings-companies :is(.business-card-labels > small, .business-status) { font-size: 12px; }
html[data-theme] #page .settings-companies .business-settings-card { border-color: color-mix(in srgb, var(--company-accent, var(--purple)) 35%, var(--line)); }
html[data-theme] #page .configuration-deep-view :is(button, input, select, textarea):focus-visible { outline: 3px solid var(--purple); outline-offset: 3px; }
@media (max-width: 1150px) {
  html[data-theme] #page .configuration-deep-view .settings-account-card:not(.settings-model-card) { grid-template-columns: 64px minmax(0, 1fr); gap: 14px; padding: 20px; }
  html[data-theme] #page .configuration-deep-view .settings-account-card:not(.settings-model-card) > div:nth-of-type(2) { display: flex; grid-column: 2; flex-wrap: wrap; flex-direction: row; gap: 8px 12px; }
  html[data-theme] #page .configuration-deep-view .settings-account-card > .settings-card-actions { grid-column: 1 / -1; width: 100%; padding-top: 14px; border-top: 1px solid var(--line); }
}
@media (max-width: 760px) {
  html[data-theme] #page .configuration-deep-view .catalog-card { padding: 18px; }
  html[data-theme] #page .configuration-deep-view .settings-account-card:not(.settings-model-card) { padding: 18px; gap: 12px; }
  html[data-theme] #page .configuration-deep-view .settings-card-actions button { flex: 1 1 130px; }
  html[data-theme] #page .configuration-deep-view .settings-card-actions .icon-button { flex: 0 0 44px; }
}