/* TiXA Driver App – Phase 45 light mobile theme
   Ziel: freundliche iPhone/Android-PWA mit hoher Lesbarkeit und klaren Touch-Zielen. */
:root{
  --driver-bg:#f4f8ff;
  --driver-surface:#ffffff;
  --driver-surface-soft:#f8fbff;
  --driver-line:#dbe7f5;
  --driver-line-strong:#c8d9ed;
  --driver-text:#0f2747;
  --driver-muted:#62748b;
  --driver-blue:#0b6ef3;
  --driver-blue-dark:#0757c7;
  --driver-blue-soft:#eaf3ff;
  --driver-green:#16834d;
  --driver-green-soft:#e8f7ef;
  --driver-amber:#a96700;
  --driver-amber-soft:#fff5dd;
  --driver-red:#c83c3c;
  --driver-red-soft:#fff0f0;
}
html{background:var(--driver-bg)!important;}
body.tixa-driver-light,
body.tixa-driver-light.ios,
body.tixa-driver-light.android{
  background:
    radial-gradient(circle at 18% 0%,rgba(11,110,243,.10),transparent 30%),
    linear-gradient(180deg,#f8fbff 0%,#eef5fd 54%,#f8fbff 100%)!important;
  color:var(--driver-text)!important;
}
body.tixa-driver-light .wrap{max-width:760px!important;padding-left:12px!important;padding-right:12px!important;}
body.tixa-driver-light .panel,
body.tixa-driver-light .notice{
  background:rgba(255,255,255,.97)!important;
  border:1px solid var(--driver-line)!important;
  box-shadow:0 14px 34px rgba(28,65,110,.09)!important;
}
body.tixa-driver-light .panel{border-radius:24px!important;}
body.tixa-driver-light .nativebar,
body.tixa-driver-light.ios .nativebar,
body.tixa-driver-light.android .nativebar{
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid var(--driver-line)!important;
  box-shadow:0 8px 28px rgba(28,65,110,.08)!important;
  backdrop-filter:blur(20px)!important;
}
body.tixa-driver-light .nativebar-logo{
  background:#fff!important;
  box-shadow:0 0 0 1px var(--driver-line),0 8px 22px rgba(11,110,243,.13)!important;
  filter:none!important;
}
body.tixa-driver-light .nativebar-title,
body.tixa-driver-light .header-title,
body.tixa-driver-light .sectiontitle,
body.tixa-driver-light .triptitle,
body.tixa-driver-light .pickup-hero-name,
body.tixa-driver-light strong{color:var(--driver-text)!important;}
body.tixa-driver-light .nativebar-sub,
body.tixa-driver-light .header-sub,
body.tixa-driver-light .muted,
body.tixa-driver-light .gpshint,
body.tixa-driver-light .vehicle-note,
body.tixa-driver-light .k,
body.tixa-driver-light .pickup-hero-label{color:var(--driver-muted)!important;}
body.tixa-driver-light .iconbtn{
  background:#fff!important;
  color:var(--driver-blue)!important;
  border:1px solid var(--driver-line)!important;
  box-shadow:0 5px 14px rgba(28,65,110,.07)!important;
}
body.tixa-driver-light .premium-hero{
  background:linear-gradient(145deg,#ffffff 0%,#eef6ff 58%,#e7f2ff 100%)!important;
  border-color:#cfe2fa!important;
}
body.tixa-driver-light .hero-status{
  background:var(--driver-green-soft)!important;
  color:var(--driver-green)!important;
  border-color:#b8e2ca!important;
}
body.tixa-driver-light .hero-status.off{
  background:#f1f5f9!important;
  color:#55667a!important;
  border-color:#dbe3ec!important;
}
body.tixa-driver-light .hero-next,
body.tixa-driver-light .kpi-card,
body.tixa-driver-light .statusitem,
body.tixa-driver-light .box,
body.tixa-driver-light .routebox,
body.tixa-driver-light .today-pill{
  background:var(--driver-surface-soft)!important;
  border-color:var(--driver-line)!important;
  color:var(--driver-text)!important;
}
body.tixa-driver-light .pickup-hero-route{
  background:#fff!important;
  border-color:var(--driver-line)!important;
  color:#314862!important;
}
body.tixa-driver-light .pickup-hero-time,
body.tixa-driver-light .current-ride-time{
  background:var(--driver-blue-soft)!important;
  border-color:#b9d7fb!important;
  color:var(--driver-blue-dark)!important;
}
body.tixa-driver-light .live-badge-green{
  background:var(--driver-green-soft)!important;
  border-color:#b8e2ca!important;
  color:var(--driver-green)!important;
}
body.tixa-driver-light .badge.live{
  background:#edf3fa!important;
  border-color:#d6e2ef!important;
  color:#314862!important;
}
body.tixa-driver-light .arrow{color:var(--driver-blue)!important;}
body.tixa-driver-light select,
body.tixa-driver-light input,
body.tixa-driver-light textarea,
body.tixa-driver-light .vehicle-shift-form select{
  background:#fff!important;
  color:var(--driver-text)!important;
  border-color:var(--driver-line-strong)!important;
  box-shadow:0 1px 0 rgba(15,39,71,.02)!important;
}
body.tixa-driver-light input::placeholder,
body.tixa-driver-light textarea::placeholder{color:#8a9bad!important;}
body.tixa-driver-light .btn{
  background:var(--driver-blue)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(11,110,243,.18)!important;
}
body.tixa-driver-light .btn:hover{background:var(--driver-blue-dark)!important;}
body.tixa-driver-light .btn.secondary{background:#246fda!important;}
body.tixa-driver-light .btn.success{background:var(--driver-green)!important;}
body.tixa-driver-light .btn.gray{
  background:#fff!important;
  color:#3d526b!important;
  border:1px solid var(--driver-line-strong)!important;
  box-shadow:none!important;
}
body.tixa-driver-light .btn.nav{background:#0b78d1!important;}
body.tixa-driver-light .btn.alt{background:#355fba!important;}
body.tixa-driver-light .btn[disabled]{background:#edf2f7!important;color:#95a3b3!important;border:1px solid #e0e7ef!important;box-shadow:none!important;opacity:1!important;}
body.tixa-driver-light .gps-control{
  background:#f7fbff!important;
  border-color:var(--driver-line)!important;
}
body.tixa-driver-light .gps-status{color:#526780!important;}
body.tixa-driver-light .gps-status.ok{color:var(--driver-green)!important;}
body.tixa-driver-light .gps-status.warn{color:var(--driver-amber)!important;}
body.tixa-driver-light .gps-status.err{color:var(--driver-red)!important;}
body.tixa-driver-light #gpsStartButton{background:var(--driver-blue)!important;color:#fff!important;}
body.tixa-driver-light .gps-warning{
  background:var(--driver-amber-soft)!important;
  color:#7a4d00!important;
  border-color:#f0d699!important;
}
body.tixa-driver-light .offer-card{
  background:linear-gradient(180deg,#f7fbff 0%,#fff 100%)!important;
  border-color:#cfe2fa!important;
}
body.tixa-driver-light .offer-head span{color:var(--driver-blue)!important;}
body.tixa-driver-light .driver-menu{
  background:rgba(255,255,255,.985)!important;
  border-color:var(--driver-line)!important;
  box-shadow:0 28px 70px rgba(28,65,110,.22)!important;
}
body.tixa-driver-light .driver-menu-head{
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,251,255,.97))!important;
}
body.tixa-driver-light .driver-menu-close{
  background:#eef5fd!important;
  color:var(--driver-blue)!important;
}
body.tixa-driver-light .driver-link{
  background:#f7fbff!important;
  border-color:var(--driver-line)!important;
  color:var(--driver-text)!important;
}
body.tixa-driver-light .driver-link:before{background:var(--driver-blue)!important;box-shadow:none!important;}
body.tixa-driver-light.driver-menu-open:before{background:rgba(36,58,85,.24)!important;}
body.tixa-driver-light .quickmenu-grid{
  background:rgba(255,255,255,.94)!important;
  border-color:var(--driver-line)!important;
  box-shadow:0 -12px 32px rgba(28,65,110,.13)!important;
}
body.tixa-driver-light .quickmenu-link{
  background:#f4f8fd!important;
  border-color:var(--driver-line)!important;
  color:var(--driver-text)!important;
}
body.tixa-driver-light .driver-pwa-hint{
  background:rgba(238,246,255,.96)!important;
  border-color:#cfe2fa!important;
  box-shadow:0 12px 30px rgba(28,65,110,.11)!important;
}
body.tixa-driver-light .driver-pwa-hint strong{color:var(--driver-blue-dark)!important;}
body.tixa-driver-light .driver-pwa-hint span{color:#536b85!important;}
body.tixa-driver-light .driver-pwa-hint button{background:#fff!important;color:var(--driver-blue)!important;border-color:var(--driver-line)!important;}
body.tixa-driver-light .orientation-lock{background:rgba(239,246,255,.98)!important;}
body.tixa-driver-light .orientation-card{background:#fff!important;border-color:var(--driver-line)!important;box-shadow:0 20px 50px rgba(28,65,110,.18)!important;}
body.tixa-driver-light .pull-refresh-indicator{background:var(--driver-blue)!important;color:#fff!important;box-shadow:0 12px 32px rgba(11,110,243,.24)!important;}
body.tixa-driver-light .pull-refresh-indicator.ready{background:var(--driver-green)!important;}
body.tixa-driver-light .notice.ok{background:var(--driver-green-soft)!important;border-color:#b8e2ca!important;color:#17613d!important;}
body.tixa-driver-light .notice.err{background:var(--driver-red-soft)!important;border-color:#f0baba!important;color:#8d2929!important;}
body.tixa-driver-light table th{color:#556b84!important;background:#f6f9fd!important;}
body.tixa-driver-light table td{color:var(--driver-text)!important;border-bottom-color:#e7eef6!important;}
body.tixa-driver-light .driver-docs{
  margin-top:14px;
  border:1px solid var(--driver-line);
  border-radius:18px;
  background:#fbfdff;
  overflow:hidden;
}
body.tixa-driver-light .driver-docs > summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:15px 16px;
  font-weight:850;
  color:var(--driver-text);
  user-select:none;
}
body.tixa-driver-light .driver-docs > summary::-webkit-details-marker{display:none;}
body.tixa-driver-light .driver-docs > summary:after{content:'›';font-size:24px;color:var(--driver-blue);transform:rotate(90deg);transition:transform .18s ease;}
body.tixa-driver-light .driver-docs[open] > summary:after{transform:rotate(-90deg);}
body.tixa-driver-light .driver-docs-content{padding:0 12px 12px;}
body.tixa-driver-light .driver-docs .box{background:#fff!important;}
body.tixa-driver-light .current-primary-actions{margin-top:12px;}
body.tixa-driver-light .app-separation-note{
  margin:0 0 12px;
  padding:11px 13px;
  border-radius:16px;
  background:#eef6ff;
  border:1px solid #cee2fb;
  color:#47627e;
  font-size:12px;
  line-height:1.4;
}
@media(max-width:620px){
  body.tixa-driver-light .panel{border-radius:20px!important;}
  body.tixa-driver-light .quickmenu-grid{border-radius:20px!important;}
  body.tixa-driver-light .actgrid .btn{min-height:58px;}
}
body.tixa-driver-light .status-pill{
  background:#f4f8fd!important;
  color:#40566f!important;
  border-color:var(--driver-line)!important;
  box-shadow:none!important;
}
body.tixa-driver-light .status-pill.active{
  background:var(--driver-blue)!important;
  color:#fff!important;
  border-color:var(--driver-blue)!important;
  box-shadow:0 8px 20px rgba(11,110,243,.18)!important;
}
body.tixa-driver-light .login-logo img{filter:drop-shadow(0 10px 22px rgba(11,110,243,.14))!important;}
body.tixa-driver-light .hint{color:var(--driver-muted)!important;}


/* Fahrer-App Phase 107: reduzierte Arbeitsoberfläche */
body.tixa-driver-light .driver-compact-overview{padding:14px!important;margin-bottom:12px!important;}
body.tixa-driver-light .driver-compact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
body.tixa-driver-light .driver-compact-grid>div{padding:10px 12px;border:1px solid var(--driver-line);border-radius:15px;background:var(--driver-surface-soft);min-width:0;}
body.tixa-driver-light .driver-compact-grid span{display:block;font-size:11px;font-weight:800;color:var(--driver-muted);margin-bottom:2px;}
body.tixa-driver-light .driver-compact-grid strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.tixa-driver-light .driver-connection-details{margin-top:10px;border-top:1px solid var(--driver-line);padding-top:8px;}
body.tixa-driver-light .driver-connection-details>summary{cursor:pointer;color:var(--driver-muted);font-size:13px;font-weight:800;list-style:none;padding:5px 2px;}
body.tixa-driver-light .driver-connection-details>summary::-webkit-details-marker{display:none;}
body.tixa-driver-light .driver-connection-details .gpshint,
body.tixa-driver-light .driver-connection-details .gps-status{margin-top:7px;font-size:12px;line-height:1.4;}
body.tixa-driver-light .driver-connection-details .btn{margin-top:9px;width:auto;min-height:42px;padding:9px 13px;}
body.tixa-driver-light .driver-utility-card{padding:0!important;overflow:hidden;}
body.tixa-driver-light .driver-utility-card>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:15px 17px;font-weight:850;color:var(--driver-text);}
body.tixa-driver-light .driver-utility-card>summary::-webkit-details-marker{display:none;}
body.tixa-driver-light .driver-utility-card>summary:after{content:'›';font-size:22px;color:var(--driver-blue);transform:rotate(90deg);margin-left:4px;}
body.tixa-driver-light .driver-utility-card[open]>summary:after{transform:rotate(-90deg);}
body.tixa-driver-light .driver-utility-card>summary small{margin-left:auto;color:var(--driver-muted);font-weight:700;text-align:right;}
body.tixa-driver-light .driver-utility-content{padding:0 16px 16px;border-top:1px solid var(--driver-line);padding-top:14px;}
body.tixa-driver-light .driver-menu-grid-simple{grid-template-columns:1fr!important;}
body.tixa-driver-light .current-primary-actions{margin-top:12px;}
body.tixa-driver-light .current-primary-actions form{margin:0;}
body.tixa-driver-light .current-primary-actions .btn{width:100%;min-height:58px;font-size:17px;}
body.tixa-driver-light .driver-upcoming-list{display:grid;gap:0;padding-top:4px;}
body.tixa-driver-light .driver-upcoming-row{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:start;padding:11px 0;border-bottom:1px solid var(--driver-line);}
body.tixa-driver-light .driver-upcoming-row:last-child{border-bottom:0;}
body.tixa-driver-light .driver-upcoming-time{display:grid;gap:2px;}
body.tixa-driver-light .driver-upcoming-time strong{font-size:16px;}
body.tixa-driver-light .driver-upcoming-time span{font-size:11px;color:var(--driver-muted);}
body.tixa-driver-light .driver-upcoming-row>div:last-child{min-width:0;}
body.tixa-driver-light .driver-upcoming-row>div:last-child strong{display:block;font-size:14px;}
body.tixa-driver-light .driver-upcoming-row>div:last-child small{display:block;color:var(--driver-muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.tixa-driver-light .driver-small-link{display:inline-flex;margin-bottom:8px;color:var(--driver-blue);font-weight:800;text-decoration:none;}
body.tixa-driver-light .driver-now-card{margin-top:0;}
@media(max-width:620px){
  body.tixa-driver-light .driver-compact-grid{grid-template-columns:1fr 1fr;}
  body.tixa-driver-light .driver-compact-grid>div:first-child{grid-column:1/-1;}
  body.tixa-driver-light .driver-utility-card>summary{padding:14px;}
  body.tixa-driver-light .driver-utility-content{padding:12px 14px 14px;}
  body.tixa-driver-light .driver-now-card{grid-template-columns:1fr;}
  body.tixa-driver-light .driver-now-card a{width:100%;}
}

/* TiXA Phase 192 – ergonomische Touch-Oberfläche
   Rein visuelle Anpassung: größere Trefferflächen, ruhigere Abstände, keine Funktionsänderung. */
body.tixa-driver-light .btn{
  min-height:58px!important;
  padding:15px 18px!important;
  border-radius:18px!important;
  font-size:17px!important;
  line-height:1.2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.tixa-driver-light .btn.small,
body.tixa-driver-light .btn.compact-inline,
body.tixa-driver-light .btn.secondary.compact-inline,
body.tixa-driver-light .btn.alt.compact-inline{
  min-height:54px!important;
  padding:13px 16px!important;
  font-size:16px!important;
  border-radius:16px!important;
}
body.tixa-driver-light .iconbtn{
  min-width:56px!important;
  width:56px!important;
  height:56px!important;
  padding:0!important;
  border-radius:18px!important;
  font-size:24px!important;
}
body.tixa-driver-light .driver-status-pills{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin:12px 0 16px!important;
}
body.tixa-driver-light .driver-status-pills form{width:100%!important;margin:0!important;}
body.tixa-driver-light .status-pill{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  padding:13px 10px!important;
  border-radius:17px!important;
  font-size:16px!important;
  line-height:1.1!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent;
}
body.tixa-driver-light .driver-utility-card>summary,
body.tixa-driver-light .driver-collapsible-box>summary,
body.tixa-driver-light .driver-docs>summary{
  min-height:68px!important;
  padding:16px 18px!important;
  font-size:17px!important;
}
body.tixa-driver-light .driver-menu-close,
body.tixa-driver-light .driver-pwa-hint button{
  min-width:48px!important;
  width:48px!important;
  height:48px!important;
  min-height:48px!important;
}
body.tixa-driver-light .driver-link,
body.tixa-driver-light .quickmenu-link{
  min-height:60px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:15px!important;
  line-height:1.15!important;
}
body.tixa-driver-light .driver-link{justify-content:flex-start!important;}
body.tixa-driver-light .driver-now-card a,
body.tixa-driver-light .driver-day-status a{
  min-height:52px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px 16px!important;
  font-size:14px!important;
}
body.tixa-driver-light select,
body.tixa-driver-light input,
body.tixa-driver-light textarea,
body.tixa-driver-light .vehicle-shift-form select{
  min-height:54px!important;
  font-size:16px!important;
  padding:13px 14px!important;
}
body.tixa-driver-light textarea{min-height:96px!important;}
body.tixa-driver-light .driver-quick-actions-grid .btn{
  min-height:54px!important;
  font-size:16px!important;
  padding:13px 14px!important;
}
body.tixa-driver-light .gps-control .btn,
body.tixa-driver-light #gpsStartButton{min-height:54px!important;font-size:16px!important;}
body.tixa-driver-light .driver-connection-details .btn{min-height:52px!important;font-size:15px!important;}

@media(max-width:620px){
  body.tixa-driver-light .wrap{padding-left:12px!important;padding-right:12px!important;}
  body.tixa-driver-light .nativebar-inner{grid-template-columns:76px minmax(0,1fr) 124px!important;padding-left:12px!important;padding-right:12px!important;}
  body.tixa-driver-light .nativebar-side{min-width:76px!important;}
  body.tixa-driver-light .nativebar-side.right{min-width:124px!important;}
  body.tixa-driver-light .nativebar-actions{gap:8px!important;}
  body.tixa-driver-light .status-pill{min-height:60px!important;font-size:16px!important;padding:14px 8px!important;}
  body.tixa-driver-light .driver-utility-card>summary,
  body.tixa-driver-light .driver-collapsible-box>summary,
  body.tixa-driver-light .driver-docs>summary{min-height:70px!important;padding:16px!important;}
  body.tixa-driver-light .driver-inline-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;}
  body.tixa-driver-light .driver-inline-actions .btn,
  body.tixa-driver-light .btn.compact-inline,
  body.tixa-driver-light .btn.secondary.compact-inline,
  body.tixa-driver-light .btn.alt.compact-inline{width:100%!important;}
  body.tixa-driver-light .driver-day-status{align-items:stretch!important;flex-direction:column!important;}
  body.tixa-driver-light .driver-day-status a{width:100%!important;}
}