/* 🚐 Cesta pro zákazníky — jen to, co má web navíc proti Pilotovi.
   Vzhled (barvy, okna, tlačítka) i obrazovky Cesty (.tr-*) jdou z pilot.css + trip.css,
   aby zákazník viděl přesně to, co David. Tady je hlavička, hlavní plocha a brána. */
html { overflow-x: clip; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { min-height: 100dvh; }
.ce-top { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: calc(8px + env(safe-area-inset-top, 0px)) 14px 8px; background: var(--ground); border-bottom: 1px solid var(--line); }
.ce-brand { display: flex; align-items: center; gap: 10px; min-width: 0; }
.ce-brand b { display: block; font-family: Archivo, "Arial Narrow", system-ui, sans-serif; font-stretch: 112%; font-size: 17px; line-height: 1.1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ce-brand small { display: block; color: var(--muted); font-size: 12px; }
.ce-tools { display: flex; gap: 6px; flex: 0 0 auto; }
.ce-main { max-width: 720px; margin: 0 auto; padding: 12px 16px calc(24px + env(safe-area-inset-bottom, 0px)); }
/* hlavní obrazovka Cesty žije přímo ve stránce — stejná kostra jako v okně Pilota */
.ce-main .tr-wrap { padding: 0; }
.ce-main #trip-tabs { position: sticky; top: calc(54px + env(safe-area-inset-top, 0px)); z-index: 4; background: var(--ground); padding: 6px 0 8px; margin: 0 0 6px; }
.ce-gate { text-align: center; padding: 48px 8px; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.ce-gate h1 { font-size: 24px; }
.ce-gate .brand-mark { font-size: 26px; }
.ce-welcome { max-width: 520px; margin: 0 auto; }
.ce-welcome p { margin: 10px 0; }
.ce-welcome .field { text-align: left; }
.ce-lang-on { font-weight: 700; color: var(--acc); }
/* iPhone: políčka pod 16 px přibližují stránku */
@media (pointer: coarse) { input, select, textarea { font-size: 16px !important; } }
/* na počítači víc místa, jako v Pilotovi uprostřed */
@media (min-width: 900px) { .ce-main { max-width: 860px; } }