/* Owner-selected references: /дизайны/Стиль 787 - гайд.dc.html and admin frame 1a.
   Presentation only. Loaded after the historical final-787.css cascade. */
.design-787,
.admin-body {
  --787-bg: var(--background);
  --787-line: var(--line);
  --787-blue: var(--header);
  --787-blue-2: var(--blue);
  --787-ink: var(--ink);
  --787-muted: var(--muted);
  --787-orange: var(--orange);
  --787-soft: var(--blue-soft);
  --787-radius: 14px;
}

@supports (color: #32669a) {
  .design-787,
  .admin-body {
    --ink: #14202d;
    --muted: #5b646f;
    --gold: #f7a062;
    --blue-soft: #e0f1ff;
    --787-danger: #b63325;
    --787-ok: #005e37;
    --787-warn: #7e4500;
  }
}

.admin-body.workspace-ready .workspace-rail {
  background: var(--shell) !important;
}

.admin-body.workspace-ready .workspace-rail a {
  font-size: 13px;
  color: #bbc5d1;
}

.admin-body.workspace-ready .workspace-rail a.active {
  background: #1e548d;
  color: #fff;
}

.admin-body.workspace-ready .workspace-brand > b {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  background: #0f74c5;
  font-size: 12px;
}

.admin-body .admin-workspace-breadcrumb h1 {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -.01em;
}

.admin-body .admin-data-head {
  background: #f6f9fb;
  font-family: var(--font-data);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.admin-body .admin-main .admin-data-head .admin-sort {
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

.admin-body .admin-data-cell small {
  font-size: 12px;
}

.admin-body :is(#tariff-load, #trips-load) {
  background: #fff;
  color: var(--787-ink);
  border: 1px solid var(--787-line);
  font-weight: 500;
}

.admin-body :is(#tariff-load, #trips-load):hover {
  background: var(--787-soft);
}

/* The reference has list toolbars, but no matching trips-list frame.
   Keep the real search/status/refresh controls together and allow text to wrap
   the toolbar at narrow widths. The mobile legacy grid is !important. */
body.admin-body #trips > .tariff-filters {
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 8px !important;
}

body.admin-body #trips > .tariff-filters > :is(#trip-search, #trip-status, #trips-load) {
  width: auto;
  max-width: 100%;
  min-height: 44px;
  font-size: 16px;
  grid-column: auto !important;
}

body.admin-body #trips > .tariff-filters > #trip-search {
  flex: 1 1 260px;
  min-width: 0;
  font-weight: 400;
}

body.admin-body #trips > .tariff-filters > #trip-status {
  flex: 0 1 14em;
  min-width: min(100%, 14em);
  font-weight: 400;
}

body.admin-body #trips > .tariff-filters > #trips-load {
  flex: 0 0 auto;
  white-space: normal;
}

@media (max-width: 759px) {
  body.admin-body #trips > .tariff-filters > #trip-search {
    flex-basis: 100%;
  }
  body.admin-body #trips > .tariff-filters > #trip-status {
    flex: 1 1 12em;
    min-width: min(100%, 12em);
  }
}

.admin-body .shift-metric {
  border-radius: 14px;
}

.design-787 [data-notification-trip-target="true"] {
  outline: 2px solid var(--blue);
  outline-offset: 3px;
  scroll-margin-block: 84px;
}

.admin-body :is(.shift-attention, .shift-chart) h2 {
  font-size: 15px;
  font-weight: 600;
}

@media (min-width: 760px) and (max-width: 1179px) {
  .admin-body :is(.admin-user-overview, .admin-trip-detail, .driver-review, .driver-document-viewer) {
    top: 56px;
  }
  .admin-body .admin-subtabs {
    top: 56px;
  }
}

@media (max-width: 759px) {
  .admin-body .admin-workspace-breadcrumb h1 {
    font-size: 16px;
  }
  .admin-body .admin-data-cell small,
  .admin-body .admin-data-list .admin-data-cell:not(.data-primary)::before {
    font-size: 12px;
  }
  .design-787 :is(input, select, textarea):not([type=checkbox]):not([type=radio]) {
    font-size: 16px;
  }
}