/* Barber agenda: operational status wins over commercial plan colors.
   Other Beauty themes, customer portal and financial screens keep their styles. */
.beauty-agenda-status--in-service { --beauty-status-bg:#15803d; --beauty-status-ink:#ffffff; --beauty-status-border:#14532d; }
.beauty-agenda-status--service-changed { --beauty-status-bg:#854d27; --beauty-status-ink:#ffffff; --beauty-status-border:#5c3319; }
.beauty-agenda-status--attended { --beauty-status-bg:#cbd5e1; --beauty-status-ink:#172033; --beauty-status-border:#64748b; }
.beauty-agenda-status--no-show { --beauty-status-bg:#facc15; --beauty-status-ink:#422006; --beauty-status-border:#a16207; }
.beauty-agenda-status--arrived { --beauty-status-bg:#86efac; --beauty-status-ink:#14532d; --beauty-status-border:#16a34a; }
.beauty-agenda-status--online { --beauty-status-bg:#fb923c; --beauty-status-ink:#431407; --beauty-status-border:#c2410c; }
.beauty-agenda-status--blocked { --beauty-status-bg:#dc2626; --beauty-status-ink:#ffffff; --beauty-status-border:#991b1b; }
.beauty-agenda-status--scheduled { --beauty-status-bg:#bfdbfe; --beauty-status-ink:#172554; --beauty-status-border:#2563eb; }
.beauty-agenda-status--cancelled { --beauty-status-bg:#f1f5f9; --beauty-status-ink:#475569; --beauty-status-border:#64748b; }
html:root body.beauty-theme.beauty-theme--masculine .beauty-agenda-status-card.beauty-appointment-card,
html:root body.beauty-theme.beauty-theme--masculine .beauty-agenda-status-card.beauty-appointment-card:hover {
  background:var(--beauty-status-bg) !important;
  border-color:var(--beauty-status-border) !important;
  border-left:5px solid var(--beauty-status-border) !important;
  color:var(--beauty-status-ink) !important;
  --agenda-mobile-accent:var(--beauty-status-border);
  opacity:1;
}
html:root body.beauty-theme.beauty-theme--masculine .beauty-agenda-status-card.beauty-appointment-card :is(p, span, strong, small, em, b) {
  color:var(--beauty-status-ink) !important;
}
html:root body.beauty-theme.beauty-theme--masculine .beauty-agenda-status-card.beauty-appointment-card .beauty-appointment-type-pill,
html:root body.beauty-theme.beauty-theme--masculine .beauty-agenda-status-card.beauty-appointment-card .beauty-appointment-payment-alert {
  background:#ffffff !important;
  color:#172033 !important;
  border-color:#64748b !important;
}
html:root body.beauty-theme.beauty-theme--masculine .beauty-agenda-status--cancelled { border-style:dashed !important; }
html:root body.beauty-theme.beauty-theme--masculine :is(.beauty-agenda-day-event--blocked, .beauty-agenda-mobile-card--block),
html:root body.beauty-theme.beauty-theme--masculine :is(.beauty-agenda-day-event--blocked, .beauty-agenda-mobile-card--block):hover {
  background:#dc2626 !important;
  border-color:#991b1b !important;
  color:#ffffff !important;
  --agenda-mobile-accent:#991b1b;
}
html:root body.beauty-theme.beauty-theme--masculine :is(.beauty-agenda-day-event--blocked, .beauty-agenda-mobile-card--block) :is(span, strong, small, em) { color:#ffffff !important; }
.beauty-agenda-status-label { display:block; font-size:.7rem; font-weight:700; }
.beauty-agenda-status-legend { display:none; }
html:root body.beauty-theme.beauty-theme--masculine .beauty-agenda-status-legend { display:flex; flex-wrap:wrap; gap:.45rem .9rem; margin:.5rem 0 .8rem; font-size:.75rem; color:#334155; }
.beauty-agenda-status-legend > span { display:inline-flex; align-items:center; gap:.35rem; }
.beauty-agenda-status-legend i { display:inline-block; flex-shrink:0; width:.9rem; height:.9rem; border:1px solid var(--beauty-status-border); border-radius:.2rem; background:var(--beauty-status-bg); }