@import './calendar/schedule-builder.css';
@import './calendar/desktop/01-schedule.css';
@import './calendar/mobile/01-schedule.css';
@import './calendar/mobile/02-shift-create.css';
@import './calendar/desktop/02-shift-details.css';

@import './calendar/mobile/03-schedule-core.css';
@import './calendar/mobile/04-schedule-responsive.css';
@import './calendar/mobile/05-wizard.css';
@import './calendar/mobile/06-controls.css';
@import './calendar/mobile/07-month.css';

@import './calendar/desktop/03-wizard.css';
@import './calendar/mobile/08-wizard.css';

@import './calendar/desktop/04-standard-schedule.css';
@import './calendar/mobile/09-standard-schedule.css';

@import './calendar/desktop/05-employee-picker.css';
@import './calendar/mobile/10-employee-picker.css';

@import './calendar/desktop/06-clear-period.css';
@import './calendar/mobile/11-clear-period.css';

@import './calendar/desktop/07-weekdays.css';
@import './calendar/mobile/12-weekdays.css';

@import './calendar/desktop/08-controls.css';
@import './calendar/mobile/13-controls.css';

@import './calendar/desktop/09-month.css';
@import './calendar/mobile/14-month.css';

@import './calendar/desktop/10-personal.css';
@import './calendar/desktop/11-wide.css';

@import './calendar/desktop/12-history.css';
@import './calendar/mobile/15-history.css';

@import './calendar/desktop/13-absences.css';
@import './calendar/mobile/16-absences.css';
@import './calendar/swap-calendar.css';

.shift-detail-no-show {
  display: inline-flex;
  width: fit-content;
  padding: 5px 9px;
  border-radius: 999px;
  background: color-mix(in srgb, #d84b4b 12%, transparent);
  color: var(--color-danger);
  font-size: 11px;
  font-weight: 700;
}

/* Прогул: вся карточка в одной красной палитре */
.schedule-shift.no-show,
.schedule-compact-shift.no-show {
  border-color: color-mix(in srgb, #d84b4b 30%, var(--line));
  background: color-mix(in srgb, #d84b4b 10%, var(--surface));
  color: var(--color-danger);
}

.schedule-shift.no-show strong,
.schedule-shift.no-show span,
.schedule-compact-shift.no-show span,
.schedule-compact-shift.no-show strong,
.schedule-compact-shift.no-show svg {
  color: var(--color-danger);
}

.schedule-compact-shift.no-show .schedule-compact-duration,
.schedule-compact-shift.no-show .schedule-compact-branch,
.schedule-compact-shift.no-show .schedule-compact-arrow {
  color: var(--color-danger);
}

.shift-detail-no-show-list {
  display: flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin-top: 12px;
  padding: 7px 10px;
  border-radius: 10px;
  background: color-mix(in srgb, #d84b4b 8%, transparent);
  color: var(--color-danger);
  font-size: 12px;
}

.shift-detail-no-show-list span,
.shift-detail-no-show-list strong {
  color: var(--color-danger);
}

.shift-detail-no-show-list strong {
  font-weight: 700;
}