/*
 * Stress Less: The R.E.A.L. Way — Amelia Customer Panel companion styling.
 * Amelia owns panel behavior, access tokens, scheduling controls, and data.
 * These styles only refine visual presentation when the customer panel is embedded.
 */
:root {
  --slrw-amelia-teal: #07596b;
  --slrw-amelia-teal-ink: #16353d;
  --slrw-amelia-gold: #d99626;
  --slrw-amelia-paper: #fffdf8;
  --slrw-amelia-sage: #edf5f1;
}

:where(.slrw-amelia-customer-panel, .amelia-customer-panel, .am-customer-panel, #amelia-app-booking .am-cp, .amelia-v2-booking .am-cp) {
  color: var(--slrw-amelia-teal-ink);
  font-family: "Source Sans 3", Arial, sans-serif;
}

:where(.slrw-amelia-customer-panel, .amelia-customer-panel, .am-customer-panel, #amelia-app-booking .am-cp, .amelia-v2-booking .am-cp) :where(button, [role="button"], input, select, textarea) {
  font-family: "Source Sans 3", Arial, sans-serif;
}

:where(.slrw-amelia-customer-panel, .amelia-customer-panel, .am-customer-panel, #amelia-app-booking .am-cp, .amelia-v2-booking .am-cp) :where(h1, h2, h3, h4, .am-cp__title) {
  color: var(--slrw-amelia-teal);
  font-family: Fraunces, Georgia, serif;
}

:where(.slrw-amelia-customer-panel, .amelia-customer-panel, .am-customer-panel, #amelia-app-booking .am-cp, .amelia-v2-booking .am-cp) :where(button, .am-button, .am-cp__button, [class*="primary"]) {
  border-radius: 0;
  background: var(--slrw-amelia-teal);
  color: var(--slrw-amelia-paper);
  font-weight: 700;
}

:where(.slrw-amelia-customer-panel, .amelia-customer-panel, .am-customer-panel, #amelia-app-booking .am-cp, .amelia-v2-booking .am-cp) :where(button, [role="button"], input, select, textarea, a):focus-visible {
  outline: 3px solid var(--slrw-amelia-gold);
  outline-offset: 3px;
}

:where(.slrw-amelia-customer-panel, .amelia-customer-panel, .am-customer-panel, #amelia-app-booking .am-cp, .amelia-v2-booking .am-cp) :where(input, select, textarea) {
  border-color: rgba(7, 89, 107, .28);
  color: var(--slrw-amelia-teal-ink);
}

:where(.slrw-amelia-customer-panel, .amelia-customer-panel, .am-customer-panel, #amelia-app-booking .am-cp, .amelia-v2-booking .am-cp) :where(.am-cp__sidebar, [class*="sidebar"]) {
  background: var(--slrw-amelia-teal);
  color: var(--slrw-amelia-paper);
}

:where(.slrw-amelia-customer-panel, .amelia-customer-panel, .am-customer-panel, #amelia-app-booking .am-cp, .amelia-v2-booking .am-cp) :where(.am-cp__sidebar, [class*="sidebar"]) :where(a, button, span) {
  color: inherit;
}

:where(.slrw-amelia-customer-panel, .amelia-customer-panel, .am-customer-panel, #amelia-app-booking .am-cp, .amelia-v2-booking .am-cp) :where(.am-cp__active, .is-active, [aria-current="page"]) {
  box-shadow: inset 3px 0 0 var(--slrw-amelia-gold);
}

@media (max-width: 700px) {
  :where(.slrw-amelia-customer-panel, .amelia-customer-panel, .am-customer-panel, #amelia-app-booking .am-cp, .amelia-v2-booking .am-cp) :where(button, .am-button, .am-cp__button, [class*="primary"]) {
    min-height: 46px;
  }
}