/*
  Status chips — one Aya token palette on admin, customer, and staff.
  Load after template.min.css / admin_default.css so legacy badge/br-* colours lose.
*/

.aya-pill,
.cp-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px 4px 8px;
  border-radius: var(--aya-radius-pill);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  border: 1px solid transparent;
}

.aya-pill::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
  flex: 0 0 auto;
}

.cp-status > span {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
  flex: 0 0 auto;
}

.aya-pill--success,
.cp-status.is-approved,
.badge-success-soft,
.badge.badge-success-soft,
.badge-success,
.aya-chip--ok {
  color: var(--aya-success);
  background: var(--aya-success-bg);
  border-color: color-mix(in srgb, var(--aya-success) 22%, transparent);
}

.aya-pill--muted,
.badge-secondary-soft,
.badge.badge-secondary-soft,
.badge-secondary {
  color: var(--aya-neutral);
  background: var(--aya-neutral-bg);
  border-color: var(--aya-border);
}

.aya-pill--warning,
.cp-status.is-pending,
.badge-warning-soft,
.badge.badge-warning-soft,
.badge-warning,
.aya-chip--warn {
  color: var(--aya-warning);
  background: var(--aya-warning-bg);
  border-color: color-mix(in srgb, var(--aya-warning) 22%, transparent);
}

.aya-pill--danger,
.cp-status.is-rejected,
.badge-danger-soft,
.badge.badge-danger-soft,
.badge-danger,
.aya-chip--bad,
.aya-chip--danger {
  color: var(--aya-danger);
  background: var(--aya-danger-bg);
  border-color: color-mix(in srgb, var(--aya-danger) 22%, transparent);
}

.aya-pill--info,
.cp-status.is-completed,
.badge-info-soft,
.badge.badge-info-soft,
.badge-info,
.badge-primary-soft,
.badge.badge-primary-soft,
.badge-primary {
  color: var(--aya-info);
  background: var(--aya-info-bg);
  border-color: color-mix(in srgb, var(--aya-info) 22%, transparent);
}

.aya-qc-warn {
  background: var(--aya-warning-bg);
  color: var(--aya-warning);
}

.aya-admin-widget__stat--ok { color: var(--aya-success); }
.aya-admin-widget__stat--warn { color: var(--aya-warning); }
.aya-admin-widget__stat--bad { color: var(--aya-danger); }

/* Appointment / event status selects: same fill as pills, beat .br-* !important borders */
.aya-app .nice-select.br-warning,
.aya-app .nice-select.active_status.br-warning,
.aya-app .nice-select.active_event_status.br-warning {
  background: var(--aya-warning-bg);
  color: var(--aya-warning);
  border-color: color-mix(in srgb, var(--aya-warning) 22%, transparent) !important;
}

.aya-app .nice-select.br-success,
.aya-app .nice-select.active_status.br-success,
.aya-app .nice-select.active_event_status.br-success {
  background: var(--aya-success-bg);
  color: var(--aya-success);
  border-color: color-mix(in srgb, var(--aya-success) 22%, transparent) !important;
}

.aya-app .nice-select.br-danger,
.aya-app .nice-select.active_status.br-danger,
.aya-app .nice-select.active_event_status.br-danger {
  background: var(--aya-danger-bg);
  color: var(--aya-danger);
  border-color: color-mix(in srgb, var(--aya-danger) 22%, transparent) !important;
}

.aya-app .nice-select.br-primary,
.aya-app .nice-select.active_status.br-primary,
.aya-app .nice-select.active_event_status.br-primary {
  background: var(--aya-info-bg);
  color: var(--aya-info);
  border-color: color-mix(in srgb, var(--aya-info) 22%, transparent) !important;
}

.aya-app .nice-select.br-warning span.current,
.aya-app .nice-select.br-success span.current,
.aya-app .nice-select.br-danger span.current,
.aya-app .nice-select.br-primary span.current {
  color: inherit !important;
}

body.dark-mode .aya-pill--success,
body.dark-mode .cp-status.is-approved,
body.dark-mode .badge-success-soft,
body.dark-mode .badge-success,
body.dark-mode .aya-chip--ok {
  background: var(--aya-success-bg);
  color: var(--aya-success);
}

body.dark-mode .aya-pill--muted,
body.dark-mode .badge-secondary-soft,
body.dark-mode .badge-secondary {
  background: var(--aya-neutral-bg);
  color: var(--aya-neutral);
}

body.dark-mode .aya-pill--warning,
body.dark-mode .cp-status.is-pending,
body.dark-mode .badge-warning-soft,
body.dark-mode .badge-warning,
body.dark-mode .aya-chip--warn,
body.dark-mode .aya-qc-warn {
  background: var(--aya-warning-bg);
  color: var(--aya-warning);
}

body.dark-mode .aya-pill--danger,
body.dark-mode .cp-status.is-rejected,
body.dark-mode .badge-danger-soft,
body.dark-mode .badge-danger,
body.dark-mode .aya-chip--bad,
body.dark-mode .aya-chip--danger {
  background: var(--aya-danger-bg);
  color: var(--aya-danger);
}

body.dark-mode .aya-pill--info,
body.dark-mode .cp-status.is-completed,
body.dark-mode .badge-info-soft,
body.dark-mode .badge-info,
body.dark-mode .badge-primary-soft,
body.dark-mode .badge-primary {
  background: var(--aya-info-bg);
  color: var(--aya-info);
}