/* Остальные экраны пассажира: «Мои поездки», профиль, адреса.
   Раздел бывшего ui-fixes-20260926.css (порядок правил внутри раздела прежний; разложено tools/css-sections.py). */
body.design-787.role-passenger .active-trip-identifier{display:block;padding-bottom:6px;border-bottom:1px solid var(--787-line);color:var(--787-blue);font-size:13px;line-height:1.3}

/* Saved-address editor has one close pattern per layout. */
.saved-address-editor header{grid-template-columns:minmax(0,1fr) auto}
.saved-address-editor .saved-address-back{display:none}
@media(max-width:759px){
  .saved-address-editor header{grid-template-columns:auto minmax(0,1fr)}
  .saved-address-editor .saved-address-back{display:inline-flex;min-width:44px;min-height:44px}
  .saved-address-editor .saved-address-close{display:none}
}
/* Profile and conversations share a stable desktop shell; only their content scrolls. */
@media (min-width:1100px) {
  html:has(body.design-787.cabinet-mode) { scrollbar-gutter:stable; }
  body.design-787:is([data-current-page="profile"],[data-current-page="messages"]) #cabinet {
    padding-bottom:0;
  }
  body.design-787:is([data-current-page="profile"],[data-current-page="messages"]) #cabinet .cabinet-main {
    margin-bottom:24px!important;
  }
  body.design-787[data-current-page="messages"] #notification-onboarding {
    display:none!important;
  }
  body.design-787 .messages-page .dialog-directory,
  body.design-787 .profile-workspace {
    height:var(--desktop-workspace-height,calc(calc(var(--app-vh, 1vh) * 100) - 260px));height:var(--desktop-workspace-height,calc(100dvh - 260px));
    min-height:320px;
  }
}
body.design-787 #design-profile-shortcut i{background:#ad4a1d;color:#fff}
body.design-787 .cabinet-header .design-profile{min-height:44px;min-width:44px;justify-content:center}
/* Дизайн-проход 06.10.2026 (docs/design-rules.md). */
#passenger-cancel-details-field[hidden]{display:none!important}
/* Идея 8: подсказка «Сохранить как Дом» у последней завершённой поездки, пока своих адресов нет. */
body.design-787.role-passenger .save-home-hint{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-top:10px;padding:10px 12px;border:1px solid var(--787-line);border-radius:12px;background:var(--787-soft);font-size:14px;line-height:1.35}
body.design-787.role-passenger .save-home-hint>span{flex:1 1 180px;min-width:0;overflow-wrap:anywhere}
body.design-787.role-passenger .save-home-hint>button{flex:none;min-height:44px;margin:0}
/* Идея 2: активная поездка пассажира — этапы, фраза «что сейчас», одно главное действие. */
body.design-787.role-passenger .trip-card .passenger-progress{display:grid;gap:4px;margin:0 0 10px}
body.design-787.role-passenger .passenger-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0 0 8px;padding:0;list-style:none}
body.design-787.role-passenger .passenger-stages li{padding-top:8px;border-top:4px solid #dce4eb;border-radius:2px 2px 0 0;font-size:11px;line-height:1.25;color:var(--787-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.design-787.role-passenger .passenger-stages li[data-state=done]{border-top-color:#7fa6c6;color:var(--787-muted)}
body.design-787.role-passenger .passenger-stages li[data-state=current]{border-top-color:var(--787-blue);color:var(--787-blue);font-weight:700}
body.design-787.role-passenger .passenger-progress-title{font-size:20px;font-weight:600;line-height:1.2;color:var(--787-ink)}
body.design-787.role-passenger .passenger-progress-detail{font-size:16px;line-height:1.3;color:var(--787-ink);font-variant-numeric:tabular-nums}
body.design-787.role-passenger .trip-card.has-progress>.status-pill{display:none}
body.design-787.role-passenger .trip-card.active .trip-actions:has(.passenger-main-action){display:flex;flex-wrap:wrap;gap:8px}
/* Аудит интерфейса 21.10.2026: «Поездка N · подача …» остаётся над кнопками связи, которые подняты наверх карточки. */
body.design-787.role-passenger .trip-card.active > .active-trip-identifier{order:-2}
body.design-787.role-passenger .trip-card.active .passenger-main-action{display:block;width:100%;min-height:48px!important;margin:0;border:0;border-radius:14px;background:var(--787-orange);color:#fff;font-size:16px;font-weight:600}
body.design-787.role-passenger .trip-card.active .trip-cancel-link{flex:0 0 auto;min-height:44px;min-width:44px;padding:0 6px;border:0!important;background:transparent!important;color:var(--787-danger,#a93a34)!important;font-weight:500;text-decoration:underline;text-underline-offset:3px;box-shadow:none}
.design-787 .app-page>.page-heading,.design-787 .trip-card,.design-787 .rating-form{scroll-margin-top:76px}
/* Раскрывающиеся строки «Техническая информация», «Данные события» и подобные: высота зоны нажатия 36 px в админке на компьютере, 44 px в кабинетах. */
/* Голосовое сообщение: кнопка воспроизведения не заходит на дорожку. */
body.design-787 .profile-pane details.settings-accordion+details.settings-accordion{margin-top:8px}

/* Аудит 16.10.2026 (F-14): «Мои поездки» пассажира — текущая поездка и список первыми, статистика ниже. */
#passenger-shell .app-page[data-page="trips"]:not([hidden]){display:flex;flex-direction:column}
#passenger-shell .app-page[data-page="trips"]>.page-heading{order:0}
#passenger-shell .app-page[data-page="trips"]>#passenger-trip-list{order:1}
#passenger-shell .app-page[data-page="trips"]>#passenger-trips-more{order:2}
#passenger-shell .app-page[data-page="trips"]>#passenger-trip-stats{order:3;margin-top:16px}
body.design-787 .profile-menu .profile-menu-logout{color:var(--787-red,#b42318)}

/* «Мои поездки» пассажира (22.10.2026): период истории (по умолчанию год) на всех ширинах; на телефоне — вкладки
   «Текущие» и «История», прошлые поездки короткими строками, подробности — касанием строки. */
#passenger-shell .app-page[data-page="trips"]>.trips-tabs{order:0;display:none}
#passenger-shell .app-page[data-page="trips"]>.passenger-trip-period{order:0;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 4px}
#passenger-shell .app-page[data-page="trips"]>.passenger-trip-period-state{order:0;margin:0 0 10px;font-size:13px}
body.design-787 .passenger-trip-period button{min-height:40px;padding:6px 14px;border:1px solid var(--787-line,#dce4eb);border-radius:999px;background:#fff;color:var(--787-ink,#16293b);font-size:14px;font-weight:600}
body.design-787 .passenger-trip-period button.active{border-color:var(--design-header,#123e6a);background:var(--design-header,#123e6a);color:#fff}
@media(max-width:759px){
 #passenger-shell .app-page[data-page="trips"]>.trips-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 10px}
 body.design-787 .trips-tabs button{min-height:44px;border:1px solid var(--787-line,#dce4eb);border-radius:12px;background:#fff;color:var(--787-ink,#16293b);font-size:15px;font-weight:700}
 body.design-787 .trips-tabs button[aria-selected="true"]{border-color:var(--design-header,#123e6a);background:var(--design-header,#123e6a);color:#fff}
 body.design-787 .trips-tabs button:disabled{opacity:.55}
 #passenger-shell .app-page[data-trips-tab="current"]>:is(.passenger-trip-period,.passenger-trip-period-state,#passenger-trip-stats,#passenger-trips-more){display:none!important}
 #passenger-shell .app-page[data-trips-tab="current"] #passenger-trip-list>:not(.trip-card.active){display:none!important}
 #passenger-shell .app-page[data-trips-tab="history"] #passenger-trip-list>.trip-card.active{display:none!important}
 /* Строка прошлой поездки: статус, маршрут, дата и цена; кнопки — одной строкой ссылок. Водитель — в «Подробнее». */
 #passenger-shell .app-page[data-trips-tab="history"] #passenger-trip-list{gap:8px!important}
 #passenger-shell .app-page[data-trips-tab="history"] #passenger-trip-list>.trip-card:not(.active){display:grid!important;grid-template-columns:1fr auto;gap:2px 8px;min-height:0!important;padding:10px 12px!important;cursor:pointer}
 #passenger-shell .app-page[data-trips-tab="history"] #passenger-trip-list>.trip-card:not(.active)>.status-pill{grid-column:1/-1;justify-self:start;margin:0!important}
 #passenger-shell .app-page[data-trips-tab="history"] #passenger-trip-list>.trip-card:not(.active)>.trip-route{grid-column:1/-1;margin:0!important}
 #passenger-shell .app-page[data-trips-tab="history"] #passenger-trip-list>.trip-card:not(.active)>.trip-route strong{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.3}
 #passenger-shell .app-page[data-trips-tab="history"] #passenger-trip-list>.trip-card:not(.active)>.trip-meta{grid-column:1/-1;margin:0!important;font-size:13px;line-height:1.3}
 #passenger-shell .app-page[data-trips-tab="history"] #passenger-trip-list>.trip-card:not(.active)>.trip-driver-line{display:none!important}
 body.design-787.role-passenger #cabinet #passenger-shell .app-page[data-trips-tab="history"] #passenger-trip-list>.trip-card:not(.active) .trip-history-actions{grid-column:1/-1;display:flex!important;flex-wrap:wrap;gap:0 4px!important;margin:0 -8px -8px!important}
 body.design-787.role-passenger #cabinet #passenger-shell .app-page[data-trips-tab="history"] #passenger-trip-list>.trip-card:not(.active) .trip-history-actions>.trip-chat-actions{display:contents!important}
 body.design-787.role-passenger #cabinet #passenger-shell .app-page[data-trips-tab="history"] #passenger-trip-list>.trip-card:not(.active) .trip-history-actions :is(button){min-height:44px!important;min-width:44px!important;width:auto!important;padding:4px 8px!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--787-blue,#154f7f)!important;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
}
@media(max-width:759px){
 #passenger-shell .app-page[data-trips-tab="history"] #passenger-trip-list>.trip-card:not(.active){grid-template-columns:minmax(0,1fr) auto;min-width:0}
 #passenger-shell .app-page[data-page="trips"] .trip-card{min-width:0;max-width:100%}
 #passenger-shell .app-page[data-page="trips"] .trip-card :is(.trip-meta,.trip-route strong){overflow-wrap:anywhere}
}

/* Профиль пассажира и водителя на телефоне в один экран (план оценки 22.10.2026, п. 3г): разделы профиля —
   плиткой в два столбца вместо столбика; «Выйти из аккаунта» и версия приложения — во всю ширину внизу.
   Все пункты на месте, порядок прежний. */
@media(max-width:599px){
 body.design-787 .profile-workspace>.profile-menu:not(:where(.profile-subpage .profile-menu)){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important;padding:0!important;border:0!important;background:none!important;overflow:visible!important}
 body.design-787 .profile-workspace>.profile-menu>.profile-menu-link{min-height:48px!important;padding:6px 8px!important;border:1px solid var(--787-line,#dce4eb)!important;border-radius:12px;background:#fff;font-size:14px!important;line-height:1.2;text-align:center;white-space:normal}
 body.design-787 .profile-workspace>.profile-menu>.profile-menu-link.active{border-color:#b9d6ee!important}
 body.design-787 .profile-workspace>.profile-menu>:is(.profile-menu-logout,.profile-mobile-meta){grid-column:1/-1}
 body.design-787 .profile-workspace>.profile-menu>.profile-mobile-meta{order:19;padding:2px 8px;font-size:13px}
 body.design-787 .profile-workspace>.profile-menu>.profile-menu-logout{order:20}
 /* Карточка профиля ниже: счётчики «Поездок / Рейтинг» — одной строкой. */
 body.design-787 .profile-summary{padding:12px!important;gap:8px!important}
 /* «Изм.» стоит в правом верхнем углу карточки — имя под ним не заходит. */
 body.design-787 .profile-summary:has(.profile-mobile-summary-edit) .profile-identity{margin-right:58px!important;min-width:0;overflow-wrap:anywhere}
 body.design-787 .profile-summary-metrics{gap:6px!important}
 body.design-787 .profile-summary-metrics>span{min-height:0!important;padding:6px 10px!important;display:flex!important;align-items:baseline;justify-content:space-between;gap:8px}
 body.design-787 .profile-summary-metrics>span strong{font-size:17px!important}
 /* Карточка водителя: имя и статус анкеты в строку, телефон и автомобиль — мельче. */
 body.design-787.role-driver #driver-profile-summary{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 8px!important;padding:12px!important}
 body.design-787.role-driver #driver-profile-summary>h3{flex:1 1 100%;margin:0!important;font-size:18px!important}
 body.design-787.role-driver #driver-profile-summary>span{font-size:15px!important;line-height:1.3}
 body.design-787.role-driver #driver-profile-summary>.driver-document-progress{flex:1 1 100%;margin:2px 0 0!important}
 body.design-787.role-driver .driver-profile-links{gap:6px!important;margin:8px 0!important}
 body.design-787.role-driver .driver-profile-links>.button{min-height:44px!important;padding:6px 8px!important;font-size:14px!important}
}
@media(max-width:759px){
 /* Старое правило (дизайн 21.09) растягивало профиль на «высоту окна − 140 px»; с меню и шапкой это давало лишние
    26 px прокрутки на любой высоте. На телефоне профиль высотой по содержимому. */
 body.design-787 .profile-workspace{min-height:0!important}
}
/* 06.11.2026 (проверяющий): меню профиля на планшете — «Выйти из аккаунта» не одна в последнем ряду с пустыми клетками,
   а во всю ширину отдельной строкой. */
@media(min-width:600px) and (max-width:1099px){body.design-787 .profile-menu>.profile-menu-logout{grid-column:1/-1;border-top:1px solid #e8edf2!important}}