/* Keep the customization form readable across every brand palette. */
[data-more-group="business"] > summary .more-group-copy strong {
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:18px; line-height:1.25; font-weight:700; text-shadow:none;
}
#businessProfileSection {
  --custom-ink:#203047; --custom-muted:#53627a; --custom-surface:#fff;
  --custom-field:#f7f9fd; --custom-line:#a5b0c2;
  padding:20px; gap:20px; background:var(--custom-surface); border:1px solid var(--custom-line);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html[data-theme="dark"] #businessProfileSection {
  --custom-ink:#f5f7fc; --custom-muted:#c1cbdd; --custom-surface:#202c40;
  --custom-field:#131e30; --custom-line:#687b99;
  background:var(--custom-surface)!important;
}
#businessProfileSection :is(h2,label,summary,button,strong) { font-family:inherit!important; text-shadow:none!important; }
#businessProfileSection h2 { margin:0; font-size:25px; line-height:1.15; color:var(--custom-ink); font-weight:750; }
#businessProfileSection .customization-intro p { margin:8px 0 0; color:var(--custom-muted); font-size:15px; line-height:1.5; }
.business-preview { display:grid; gap:6px; padding:16px; border:1px solid var(--custom-line); border-left:5px solid var(--preview-color,#5969b8); border-radius:14px; background:linear-gradient(135deg,var(--preview-soft,var(--custom-field)),var(--custom-field) 72%); }
.business-preview-label { color:var(--custom-muted); font-size:12px; font-weight:600; }
#businessProfileSection .business-preview strong { font-size:22px; line-height:1.2; color:var(--custom-ink); font-weight:700; overflow-wrap:anywhere; }
.business-preview-tagline { color:var(--custom-muted); font-size:15px; line-height:1.4; overflow-wrap:anywhere; }
.business-preview-style { display:flex; align-items:center; gap:8px; margin-top:5px; color:var(--custom-muted); font-size:13px; }
.business-preview-swatch { width:18px; height:18px; flex:0 0 auto; border-radius:50%; border:1px solid #ffffff80; background:var(--preview-color,#5969b8); }
#businessProfileSection .field-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
#businessProfileSection .field { min-width:0; }
#businessProfileSection .field label { color:var(--custom-ink)!important; font-size:16px; line-height:1.35; font-weight:650; margin-bottom:8px; }
#businessProfileSection .field :is(input,select) { min-height:52px; background:var(--custom-field)!important; color:var(--custom-ink)!important; border:1px solid var(--custom-line)!important; border-radius:12px; box-shadow:none!important; padding:12px; font-family:inherit!important; font-size:17px; line-height:1.4; font-weight:400; }
#businessProfileSection input::placeholder { color:var(--custom-muted)!important; opacity:1; }
#businessProfileSection .field :is(input,select):focus-visible { outline:3px solid #90a9f8; outline-offset:2px; }
#businessProfileSection .customization-help { margin:7px 0 0; color:var(--custom-muted); font-size:13px; line-height:1.4; }
.brand-theme-picker { min-width:0; margin:0; padding:0; border:0; }
#businessProfileSection .brand-theme-picker legend { margin:0 0 9px; padding:0; color:var(--custom-ink); font-size:16px; line-height:1.35; font-weight:650; }
.brand-theme-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.brand-theme-card {
  --card-primary:var(--choice-primary); --card-secondary:var(--choice-secondary); --card-background:var(--choice-background);
  position:relative; min-width:0; min-height:82px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:11px;
  padding:12px; border:2px solid var(--custom-line); border-radius:15px; background:var(--custom-field); color:var(--custom-ink); cursor:pointer;
  transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease;
}
.brand-theme-card:nth-child(5) { grid-column:1/-1; }
.brand-theme-card input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.brand-theme-swatches { display:flex; align-items:center; width:58px; height:38px; padding:5px; border:1px solid var(--custom-line); border-radius:999px; background:var(--card-background); }
.brand-theme-swatches i { width:25px; height:25px; border:2px solid rgba(255,255,255,.72); border-radius:50%; background:var(--card-primary); box-shadow:0 2px 7px rgba(0,0,0,.15); }
.brand-theme-swatches i:nth-child(2) { margin-left:-8px; background:var(--card-secondary); }
.brand-theme-swatches i:nth-child(3) { width:13px; height:13px; margin-left:-5px; align-self:flex-end; background:var(--card-background); }
.brand-theme-card-copy { min-width:0; }
#businessProfileSection .brand-theme-card-copy strong { display:block; color:var(--custom-ink); font-size:15px; line-height:1.25; font-weight:750; }
.brand-theme-card-copy small { display:block; margin-top:3px; color:var(--custom-muted); font-size:12px; line-height:1.25; }
.brand-theme-card-check { width:25px; height:25px; display:grid; place-items:center; border:1px solid var(--custom-line); border-radius:50%; color:transparent; font-size:15px; font-weight:900; }
.brand-theme-card:has(input:checked) { border-color:var(--card-primary); background:linear-gradient(135deg,var(--card-background),var(--custom-field)); box-shadow:0 0 0 2px var(--card-primary),0 7px 18px rgba(0,0,0,.10); }
.brand-theme-card:has(input:checked) .brand-theme-card-check { border-color:var(--card-primary); background:var(--card-primary); color:#fff; }
.brand-theme-card:has(input:focus-visible) { outline:3px solid var(--card-secondary); outline-offset:3px; }
.business-contact-details { padding-top:4px; border-top:1px solid var(--custom-line); }
#businessProfileSection .business-contact-details summary { padding:12px 0; min-height:48px; color:var(--custom-ink); font-size:15px; line-height:1.4; font-weight:600; cursor:pointer; }
#businessProfileSection .business-contact-details .field-row { margin-top:8px; }
#businessProfileSection [data-save-business-profile] { min-height:52px; padding:12px; background:var(--sage)!important; color:#fff!important; border:1px solid var(--sage); border-radius:12px; box-shadow:none; font-size:17px; font-weight:650; }

/* Brand palettes remain distinct in dark mode and drive the app's major accents. */
html[data-theme="dark"] .brand-theme-card { --card-primary:var(--choice-dark-primary); --card-secondary:var(--choice-dark-secondary); --card-background:var(--choice-dark-background); }
html[data-theme="dark"] .brand-theme-card:has(input:checked) .brand-theme-card-check { color:#111827; }
html[data-theme="dark"] .app-shell {
  background:
    radial-gradient(circle at top right,rgba(var(--brand-coral-rgb),.12),transparent 25%),
    radial-gradient(circle at top left,rgba(var(--brand-sage-rgb),.13),transparent 29%),
    linear-gradient(180deg,var(--cream) 0%,#1c2433 100%);
}
html[data-theme="dark"],
html[data-theme="dark"] body { background:var(--cream)!important; }
html[data-theme="dark"] .topbar {
  background:color-mix(in srgb,var(--cream) 88%,var(--brand-accent-deep))!important;
  border-bottom-color:rgba(var(--brand-sage-rgb),.30)!important;
}
html[data-theme="dark"] :is(.home-logo-script,.home-name-script,.hunter-tribute,.visit-profile-kicker,.today-next-visit-copy span) { color:var(--sage)!important; }
html[data-theme="dark"] :is(.brand-mark,.workflow-hero,.calendar-hero,.client-hero-card,.booking-hero-detail,.today-hero,.home-overview,.home-brief-btn,.more-page-intro) {
  background:linear-gradient(145deg,var(--brand-accent-deep),color-mix(in srgb,var(--brand-accent-deep) 72%,var(--sage)))!important;
}
html[data-theme="dark"] :is(.primary-btn,.calendar-quickbar .primary-btn,.hunter-ask-submit,.hunter-reply-action:not(.secondary),.request-import-home button,.photo-editor-apply,.request-step,.request-paste-step,.visit-map-action:not(.missing),.more-quick-actions button:first-child,.messages-tools button,.message-booking-card .message-type-btn:first-child,.calendar-head .calendar-month-nav,.day-focus-actions .day-focus-primary,.calendar-view-switch button[aria-pressed="true"],.calendar-week-head .calendar-month-nav,.calendar-week-actions .calendar-open-visit,.calendar-week-open-actions .day-focus-primary,.visit-duty-empty .secondary-btn) {
  background:var(--brand-accent-deep)!important; border-color:var(--sage)!important; color:#fff!important;
}
html[data-theme="dark"] :is(.bottom-nav) { background:linear-gradient(145deg,var(--brand-accent-deep),color-mix(in srgb,var(--brand-accent-deep) 76%,var(--sage)))!important; }
html[data-theme="dark"] .nav-add { background:var(--brand-coral-deep)!important; border:2px solid var(--coral)!important; }
html[data-theme="dark"] .nav-btn.active { color:color-mix(in srgb,var(--coral) 52%,white)!important; }
html[data-theme="dark"] :is(.home-theme-toggle,.home-notification) {
  background:var(--sage-soft)!important; color:var(--coral)!important; border-color:rgba(var(--brand-sage-rgb),.46)!important;
}
html[data-theme="dark"] .home-welcome {
  background:linear-gradient(145deg,color-mix(in srgb,var(--cream) 76%,var(--sage-soft)),var(--cream))!important;
  border-color:rgba(var(--brand-sage-rgb),.34)!important;
}
html[data-theme="dark"] .home-photo-fade {
  background:linear-gradient(90deg,var(--cream) 0%,color-mix(in srgb,var(--cream) 92%,transparent) 36%,transparent 72%)!important;
}
html[data-theme="dark"] .home-welcome-wave { background:var(--cream)!important; }
html[data-theme="dark"] .home-start-action::before { background:var(--sage)!important; }
html[data-theme="dark"] .home-start-action.booking::before { background:var(--coral)!important; }
html[data-theme="dark"] .home-start-action.import::before { background:var(--sage-dark)!important; }
html[data-theme="dark"] :is(.home-start-icon,.home-open-icon,.home-start-arrow) { background:var(--sage-soft)!important; color:var(--sage-dark)!important; }
html[data-theme="dark"] .home-start-action.booking .home-start-icon { background:var(--coral-soft)!important; color:var(--coral)!important; }
html[data-theme="dark"] .home-start-action.import .home-start-icon { background:var(--sage-soft)!important; color:var(--sage)!important; }
html[data-theme="dark"] .regular-add-card .plus { background:var(--coral-soft)!important; color:var(--coral)!important; }
html[data-theme="dark"] :is(.messages-hero,.messages-tools,.today-empty-card) {
  background:linear-gradient(125deg,var(--sage-soft),var(--coral-soft))!important;
  border-color:rgba(var(--brand-sage-rgb),.44)!important;
}
html[data-theme="dark"] :is(.more-group[open] > summary,.more-group-icon,.today-next-visit) { background:var(--sage-soft)!important; }
html[data-theme="dark"] :is(.messages-import,.more-quick-actions button:last-child) { background:var(--coral-soft)!important; color:color-mix(in srgb,var(--coral) 62%,white)!important; border-color:rgba(var(--brand-coral-rgb),.55)!important; }
html[data-theme="dark"] :is(.task input,.finish-check input,.service-row input[type="checkbox"],.schedule-mode-option input,.trip-slot-row input[type="checkbox"]) { accent-color:var(--coral); }
html[data-theme="dark"] :is(.day.selected,.regular-card-photo,.total-box,.booking-date-guidance,.client-form-section-heading > strong,.client-profile-status,.review-demo-banner) { background:var(--sage-soft)!important; }
html[data-theme="dark"] :is(.more-group[open] > summary,.message-booking-card .message-type-btn,.calendar-week-actions a,.calendar-week-actions button) { border-color:rgba(var(--brand-sage-rgb),.45)!important; }
@media(max-width:600px) {
  [data-more-group="business"] .more-group-body { padding:12px; }
  #businessProfileSection { padding:16px; gap:18px; }
  #businessProfileSection .field-row { grid-template-columns:minmax(0,1fr); }
  .brand-theme-grid { grid-template-columns:minmax(0,1fr); }
  .brand-theme-card:nth-child(5) { grid-column:auto; }
}
@media(prefers-reduced-motion:reduce) { .brand-theme-card { transition:none; } }