/* Handy: Navigation unten (Daumen) statt oben – Bereichsleiste der Plattform und Kundenakte im Stil der App (Peter 29.10.2026). */
.platform-global-menu .nav-icon,.platform-global-menu .label-short{display:none}
.platform-bottom-nav{display:none!important}
@media (max-width:700px){
  /* Untere Leiste hell und zur App passend (vorher dunkel) */
  /* oben ausblenden, unten die eigene Kopie (die Kopfleiste würde eine feste Leiste sonst einfangen) */
  .app-head .platform-global-menu{display:none!important}
  .platform-bottom-nav{display:flex!important}
  .customer-record-menu,.platform-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:0;margin:0;
    padding:0 0 env(safe-area-inset-bottom);background:var(--surface,#fff);border-top:1px solid var(--line,#dfe6ee);
    box-shadow:0 -6px 18px rgba(7,21,37,.08);overflow-x:auto;justify-content:space-between;flex-wrap:nowrap;width:auto}
  .customer-record-menu a,.platform-bottom-nav a{flex:1 0 58px;display:flex;flex-direction:column;align-items:center;gap:3px;
    padding:9px 2px 10px;border:0;border-radius:0;font-size:.68rem;color:var(--muted,#5e6d7d);text-align:center;box-shadow:none;text-decoration:none}
  .customer-record-menu a:hover,.platform-global-menu a:hover{background:transparent;color:var(--ink,#101a28)}
  .customer-record-menu a[aria-current=page],[data-theme=dark] .customer-record-menu a[aria-current=page],
  .platform-global-menu a[aria-current=page]{background:color-mix(in srgb,var(--blue,#0874e8) 9%,transparent);color:var(--blue,#0874e8);
    font-weight:700;box-shadow:inset 0 3px var(--blue,#0874e8)}
  .platform-global-menu .nav-icon{display:block}
  .platform-global-menu .label-long{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .platform-global-menu .label-short{display:block}
  /* In der Kundenakte zählt deren Leiste – die Bereichsleiste oben/unten entfällt dort */
  body:has(.customer-record-menu) .platform-bottom-nav{display:none!important}
  body:has(.platform-bottom-nav) .page-shell,.app-body:has(.customer-record-menu) .page-shell{padding-bottom:84px}
  /* Kundenliste: Karten abwechselnd weiß / Hauch Markenblau (ruhiger als Grau, passt zur Akzentfarbe) */
  .customer-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--blue,#0874e8) 5%,var(--surface,#fff))}
  [data-theme=dark] .customer-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--surface,#0f2238) 85%,#fff 6%)}
  /* Kundenliste: nie breiter als der Bildschirm (Tabelle hat am PC eine Mindestbreite) */
  .customer-table{min-width:0!important;width:100%!important;table-layout:auto}
  .customer-browser,.customer-table-wrap{min-width:0;max-width:100%}
  .customer-table .contact-link{min-width:0;max-width:100%}
  .customer-table .contact-link>span:first-child{flex:none}
  .customer-table .contact-cell a{overflow-wrap:anywhere}
  /* Sicherheitsnetz: am Handy nie seitlich scrollen */
  html,body{overflow-x:clip}
}