/* Extracted badges/labels styles from /styles/compat/legacy.css */

/* Attention badge: same size as default badge, with subtle red outline */
.badge--attention{
  box-shadow: inset 0 0 0 1px var(--bs-danger-border-subtle, var(--err));
}

/* Бейдж для дополнительных услуг (фиолетовый) */
.badge.bg-extra {
  background: var(--fx-extra-accent) !important;
  color: var(--fx-card) !important;
}

/* Status badges */
.badge-on{background:color-mix(in srgb, var(--ok), white 86%); color:color-mix(in srgb, var(--ok), black 20%); font-weight:600}
.badge-off{background:color-mix(in srgb, var(--err), white 90%); color:color-mix(in srgb, var(--err), black 12%); font-weight:600}

/* Deadline pills (orders/public forms)
   Used by `shared/_choice_deadline_badge` and orders list controls.
*/
.deadline-pill{
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.25rem 0.65rem;
  border-radius: var(--fx-radius-pill, 999px);
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.2;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.deadline-pill strong{
  font-weight: 800;
}

.deadline-pill--neutral{
  background: rgba(var(--bs-body-color-rgb), 0.06);
  border-color: rgba(var(--bs-body-color-rgb), 0.10);
  color: var(--bs-body-color);
}

.deadline-pill--warning{
  background: rgba(var(--bs-warning-rgb), 0.20);
  border-color: rgba(var(--bs-warning-rgb), 0.35);
  color: color-mix(in srgb, var(--bs-warning), black 45%);
}

.deadline-pill--danger{
  background: rgba(var(--bs-danger-rgb), 0.16);
  border-color: rgba(var(--bs-danger-rgb), 0.35);
  color: var(--bs-danger);
}

button.deadline-pill{
  appearance: none;
}

.deadline-pill--control{
  background: var(--surface);
  border-color: var(--bs-border-color);
  color: var(--bs-body-color);
  cursor: pointer;
}

.deadline-pill--control:hover{
  background: color-mix(in srgb, var(--surface), black 4%);
}

.deadline-pill--control:focus-visible{
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.18);
}

.deadline-pill__counter{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.35rem;
  border-radius: 999px;
  background: rgba(0,0,0,.12);
  font-weight: 800;
  font-size: 0.75rem;
  line-height: 1;
}