@charset "UTF-8";
:root {
  --ti-trip-status-color: #1A73E8;
  --ti-trip-status-bg: #E8F0FE;
  --ti-booking-status-color: #1A73E8;
  --ti-booking-status-bg: #E8F0FE;
}

.user-auth-page .region--content .block-page-title-block,
.user-auth-page .region--content .block-system-main-block,
.user-auth-page .region--content .block-local-tasks-block {
  display: flex;
  justify-content: center;
}

.user-auth-page main {
  min-height: 80vh; /* высота экрана */
  display: flex;
  align-items: center; /* вертикальный центр */
}

.dash-date-nav__items {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
.dash-date-nav__items li {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
.dash-date-nav__item {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}
.dash-date-nav__link {
  padding: 8px 16px;
  background: #c5c5c5;
  border-radius: 4px;
  color: var(--button-fg-color);
  text-decoration: none;
}
.dash-date-nav__link:hover, .dash-date-nav__link:focus {
  color: var(--button-fg-color--primary);
  background: var(--button--focus-bg-color--primary);
}
.dash-date-nav__link.active {
  color: var(--button-fg-color--primary);
  background: var(--button--focus-bg-color--primary);
}

.vehicle-status--no-select {
  border-radius: 20px;
  padding: 4px 8px;
  background: var(--ti-vehicle-status-bg, #C5221F);
  color: var(--ti-vehicle-status-color, #E8F0FE);
  font-weight: 600;
  font-size: 12px;
}

.trip-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.trip-card__time-status {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.trip-card__status--planned {
  --ti-trip-status-color: #1A73E8;
  --ti-trip-status-bg: #E8F0FE;
}
.trip-card__status--open {
  --ti-trip-status-color: #137333;
  --ti-trip-status-bg: #E6F4EA;
}
.trip-card__status--boarding {
  --ti-trip-status-color: #1A73E8;
  --ti-trip-status-bg: #FEF7E0;
}
.trip-card__status--departed {
  --ti-trip-status-color: #00695C;
  --ti-trip-status-bg: #E0F2F1;
}
.trip-card__status--finished {
  --ti-trip-status-color: #455A64;
  --ti-trip-status-bg: #ECEFF1;
}
.trip-card__status--canceled {
  --ti-trip-status-color: #C5221F;
  --ti-trip-status-bg: #E8F0FE;
}
.trip-card__status .trip-status-pill {
  border-radius: 20px;
  padding: 4px 8px;
  background: var(--ti-trip-status-bg);
  color: var(--ti-trip-status-color);
  font-size: 12px;
}
.trip-card__time {
  font-size: 20px;
  font-weight: 600;
}
.trip-card__link {
  text-decoration: none;
  color: #1976D2;
}
.trip-card__link:hover {
  color: #0D47A1;
}

.form-add-booking .form-item {
  --space-l: 16px ;
}
.form-add-booking__from_to_stops {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: flex-start;
}
.form-add-booking__seat_count_full {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
}
.form-add-booking__main {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
}
.form-add-booking__seat-count .form-radios {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.form-add-booking__seat-count .form-radios .form-type--boolean {
  margin-inline-start: 0;
}
.form-add-booking__seat-count .form-radios input[type=radio] {
  display: none;
}
.form-add-booking__seat-count .form-radios label {
  padding: 8px 18px;
  border: 1px solid #ccc;
  border-radius: 4px; /* прямоугольник */
  cursor: pointer;
  background: #f5f5f5;
  transition: all 0.2s ease;
}
.form-add-booking__seat-count .form-radios label:hover {
  background: #e0e0e0;
}
.form-add-booking__seat-count .form-radios input[type=radio]:checked + label {
  background: #0d6efd;
  color: #fff;
  border-color: #0d6efd;
}

.booking-card__created-time {
  font-size: 10px;
}
.booking-card__top {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-self: center;
}
.booking-card__status .status-pill {
  font-size: 12px;
  color: var(--ti-booking-status-color, #1A73E8);
  background: var(--ti-booking-status-bg, #E8F0FE);
}
.booking-card__phone {
  font-size: 18px;
  font-weight: 600;
}

.views-exposed-form .form-element[name=telephone] {
  width: 130px;
}
.views-exposed-form .form-element[name=code] {
  width: 120px;
}

.trip--dashboard-card {
  background: #E8F0FE;
  border-radius: 20px;
  padding: 24px;
}
.trip .trip__vehicle {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.trip__card-item-label {
  font-weight: 600;
}

.maps.maps--60vh .yandex-map {
  height: 60vh;
}
.maps.maps--75vh .yandex-map {
  height: 75vh;
}

.dash-padding-right {
  padding-right: 24px;
}

.status-pill {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 500;
}

.status-pill--planned {
  background: #E8F0FE;
  color: #1A73E8;
}

.status-pill--open {
  background: #E6F4EA;
  color: #137333;
}

.status-pill--boarding {
  background: #FEF7E0;
  color: #B06000;
}

.status-pill--departed {
  background: #E0F2F1;
  color: #00695C;
}

.status-pill--finished {
  background: #ECEFF1;
  color: #455A64;
}

.status-pill--canceled {
  background: #FDECEA;
  color: #C5221F;
  --ti-booking-status-color: #FDECEA;
  --ti-booking-status-bg: #C5221F;
}

.status-pill--no_show {
  background: #FDECEA;
  color: #C5221F;
  --ti-booking-status-color: #C5221F;
  --ti-booking-status-bg: #FDECEA;
}

.toolbar-scheduled-trip {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
}
.toolbar-scheduled-trip__departure-time {
  font-weight: 600;
  font-size: 18px;
}
.toolbar-scheduled-trip .toolbar-scheduled-trip__route {
  display: flex;
  gap: 8px;
}

.dashboard__scheduled-trips {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
/*# sourceMappingURL=styles.css.map */