/* Family Guardian only. Never recolor Account, auth or other workspaces. */
:is(body:not([data-site-theme="dark"])[data-site-theme="light"],
  html[data-site-theme-bootstrap="light"] body:not([data-site-theme="dark"]):not([data-site-theme])) :is(
  .consumer-workspace[data-workspace="care"],
  .consumer-workspace[data-workspace="pets"],
  .consumer-section-panel:has([data-consumer-surface="care"]),
  [data-consumer-surface="care"],
  .person-care-surface,
  .pet-family-surface
) {
  --lotbi-bg-primary: #F6F7F9;
  --lotbi-surface-primary: #fff;
  --lotbi-surface-elevated: #fff;
  --lotbi-link-primary: #2563eb;
  --lotbi-link-hover: #1d4ed8;
  --lotbi-brand-solid-bg: #2563eb;
  --lotbi-brand-solid-bg-hover: #1d4ed8;
  --lotbi-brand-solid-text: #fff;
  --brand-violet: #2563eb;
  --lotbi-focus-ring: #2563eb;
  background: #F6F7F9;
}

:is(body:not([data-site-theme="dark"])[data-site-theme="light"],
  html[data-site-theme-bootstrap="light"] body:not([data-site-theme="dark"]):not([data-site-theme])) :is(
  [data-consumer-surface="care"], .person-care-surface, .pet-family-surface
) :is(.person-card, .person-form, .person-empty-panel, .pet-card, .pet-form,
  .pet-profile, .pet-empty, .safecare-guide, .safecare-complete-card, input, select, textarea) {
  background: #fff;
}

/* Reference artwork stays intact; remove decorative gradients and glow only. */
:is(body:not([data-site-theme="dark"])[data-site-theme="light"],
  html[data-site-theme-bootstrap="light"] body:not([data-site-theme="dark"]):not([data-site-theme])) :is(
  [data-consumer-surface="care"], .person-care-surface, .pet-family-surface
) :is(.safecare-guide-figure, .safecare-slot-media) {
  background: #fff;
  box-shadow: none;
}

:is(body:not([data-site-theme="dark"])[data-site-theme="light"],
  html[data-site-theme-bootstrap="light"] body:not([data-site-theme="dark"]):not([data-site-theme])) [data-consumer-surface="care"]
  .consumer-tabs button[aria-selected="true"] {
  border-bottom-color: #2563eb;
  color: #2563eb;
}

/* Stronger than the shared neutral consumer control, and light/family only. */
:is(body:not([data-site-theme="dark"])[data-site-theme="light"],
  html[data-site-theme-bootstrap="light"] body:not([data-site-theme="dark"]):not([data-site-theme])) :is(
  [data-consumer-surface="care"], .person-care-surface, .pet-family-surface
) .site-button-primary {
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
}


/* Automatic/default light must follow the OS; never overwrite system-dark. */
@media (prefers-color-scheme: light) {
  html:not([data-site-theme-bootstrap="dark"]) body:not([data-site-theme="dark"]):not([data-site-theme="light"]) :is(
    .consumer-workspace[data-workspace="care"],
    .consumer-workspace[data-workspace="pets"],
    .consumer-section-panel:has([data-consumer-surface="care"]),
    [data-consumer-surface="care"],
    .person-care-surface,
    .pet-family-surface
  ) {
    --lotbi-bg-primary: #F6F7F9;
    --lotbi-surface-primary: #fff;
    --lotbi-surface-elevated: #fff;
    --lotbi-link-primary: #2563eb;
    --lotbi-link-hover: #1d4ed8;
    --lotbi-brand-solid-bg: #2563eb;
    --lotbi-brand-solid-bg-hover: #1d4ed8;
    --lotbi-brand-solid-text: #fff;
    --brand-violet: #2563eb;
    --lotbi-focus-ring: #2563eb;
    background: #F6F7F9;
  }

  html:not([data-site-theme-bootstrap="dark"]) body:not([data-site-theme="dark"]):not([data-site-theme="light"]) :is(
    [data-consumer-surface="care"], .person-care-surface, .pet-family-surface
  ) :is(.person-card, .person-form, .person-empty-panel, .pet-card, .pet-form,
    .pet-profile, .pet-empty, .safecare-guide, .safecare-complete-card, input, select, textarea) {
    background: #fff;
  }

  /* Reference artwork stays intact; remove decorative gradients and glow only. */
  html:not([data-site-theme-bootstrap="dark"]) body:not([data-site-theme="dark"]):not([data-site-theme="light"]) :is(
    [data-consumer-surface="care"], .person-care-surface, .pet-family-surface
  ) :is(.safecare-guide-figure, .safecare-slot-media) {
    background: #fff;
    box-shadow: none;
  }

  html:not([data-site-theme-bootstrap="dark"]) body:not([data-site-theme="dark"]):not([data-site-theme="light"]) [data-consumer-surface="care"]
    .consumer-tabs button[aria-selected="true"] {
    border-bottom-color: #2563eb;
    color: #2563eb;
  }

  /* Stronger than the shared neutral consumer control, and light/family only. */
  html:not([data-site-theme-bootstrap="dark"]) body:not([data-site-theme="dark"]):not([data-site-theme="light"]) :is(
    [data-consumer-surface="care"], .person-care-surface, .pet-family-surface
  ) .site-button-primary {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff;
  }

}

.family-guardian-welcome {
  display: grid;
  justify-items: start;
  gap: 16px;
  max-width: 620px;
  padding: 24px;
  border: 1px solid var(--lotbi-border-default);
  border-radius: 16px;
  background: var(--lotbi-surface-elevated);
  color: var(--lotbi-text-primary);
}
.family-guardian-welcome :is(h3, p) { margin: 0; }
.family-guardian-welcome p { line-height: 1.7; word-break: keep-all; }
@media (max-width: 480px) {
  .family-guardian-welcome { padding: 18px; }
}
/* Stable public registration IDs can be long; never widen a 360px card. */
.person-care-surface .person-card-facts dd,
.person-care-surface .person-review dd,
.person-care-surface .person-card-meta,
.pet-family-surface .pet-number-value {
  overflow-wrap: anywhere;
}