/* К9 (22.10): кабинет на телефоне 375 / 414 px — только размеры касаний (≥ 40 px) и шрифт кнопок (≥ 14 px; нижнее меню — 12 px,
 * пять подписей в ряд), Финансы без пропадающей кнопки «История», подсказка-ярлык над меню. Подписей и функций не меняет. */
html.office-phone .gmh-logo, html.office-phone .gmh-out, html.office-phone .gmh-toggle { min-height: 40px; }
html.office-phone .gmh-out, html.office-phone .gmh-toggle { font-size: 14px; }
html.office-phone .gmh-toggle { min-width: 40px; }
html.office-phone .office-gate .btn, html.office-phone .office-gate-switch {
  min-height: 44px; font-size: 14px; display: inline-flex; align-items: center; justify-content: center;
}
html.office-phone .office-gate .btn { display: flex; width: 100%; }

/* подсказка «Установить кабинет» — над нижним меню, не под ним */
html.office-phone .office-pwa-hint { bottom: calc(68px + env(safe-area-inset-bottom, 0px)); }
html.office-phone .office-pwa-hint-btn { min-height: 40px; font-size: 14px; }
html.office-phone .office-pwa-hint-x { min-width: 40px; min-height: 40px; font-size: 1.5rem; }

/* нижнее меню: подписи 12 px вместо 10,5 */
html.office-phone .ophone-nav button { font-size: 12px; letter-spacing: 0; white-space: nowrap; min-height: 56px; }
html.office-phone .ophone-nav__n { font-size: 11px; }

/* мелкие значки в строке и в карточке машины: кнопка видна как была, а нажимаемая зона — 40 px */
html.office-phone .vin-copy, html.office-phone .cars-table .card-ico, html.office-phone .oph-tr .card-ico,
html.office-phone .card-ico { position: relative; }
html.office-phone .vin-copy::after, html.office-phone .card-ico::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; transform: translate(-50%, -50%);
}
html.office-phone .stages .stage { min-height: 40px; font-size: 14px; }

/* Таймлайн */
html.office-phone .otl-arw { width: 40px; min-height: 40px; }
html.office-phone .otl button:not(.otl-b):not(.otl-lnk):not(.otl-arw) { min-height: 40px; font-size: 14px; }
html.office-phone .otl-lnk { min-height: 40px; font-size: 14px; display: inline-flex; align-items: center; text-align: left; }

/* Финансы: сводка в строки, «История» на всю ширину — не уезжает вправо за экран */
html.office-phone .finance-ledger-bar { flex-wrap: wrap; overflow-x: visible; gap: 10px 24px; }
html.office-phone .finance-ledger-bar .fin-sum { min-width: 0; flex: 0 1 auto; }
html.office-phone .finance-ledger-bar .finance-history-btn {
  order: 9; flex: 1 0 100%; margin-left: 0; min-height: 40px; font-size: 14px;
}

/* События */
html.office-phone .events-dlg #eventsDlgClose { min-width: 40px; min-height: 40px; }
html.office-phone .events-dlg-list .btn { min-height: 40px; font-size: 14px; }

/* подпись на главном фото — внутри кадра, без обрезки справа */
html.office-phone .hero-hint { max-width: calc(100% - 64px); white-space: normal; text-align: right; line-height: 1.25; }

/* нижнее меню: все пункты в один ряд поровну (было 5 колонок — шестой пункт «Справочник» падал второй строкой) */
html.office-phone .ophone-nav { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
html.office-phone .ophone-nav button { font-size: 10px; letter-spacing: -0.2px; padding-left: 0; padding-right: 0; }
html.office-phone .ophone-nav button span { white-space: nowrap; }
html.office-phone .ophone-nav__n { left: calc(50% + 4px); }

/* Таймлайн: «Обе | NJ | TX», стрелки и период — одним рядом (стрелка «›» не падает одна на вторую строку) */
html.office-phone .otl-ctl { flex-wrap: nowrap; gap: 6px; }
html.office-phone .otl-ctl .ds-seg { flex: 0 0 auto; }
html.office-phone .otl-per { flex: 1 1 auto; min-width: 0; font-size: 12.5px; white-space: nowrap; }
html.office-phone .otl-arw { flex: none; }