/**
 * Mobile Postfach & Shell – ergänzt mobile-app.css
 */
@media (max-width: 768px) {
  body.nav-open {
    overflow: hidden;
    touch-action: none;
  }

  /* Menü-Größe: nur Tablet; iPhone steuert mobile-iphone.css */
  body:not(.is-phone) .header--compact .nav.is-open .nav-link,
  body:not(.is-phone) .header--compact .nav-link {
    font-size: 0.92rem !important;
    min-height: 44px;
    padding: 0.5rem 0.65rem !important;
    display: flex;
    align-items: center;
  }

  /* Postfach: volle Höhe – min-height auf .mail-app würde Liste sonst abschneiden */
  #app-shell.mail-view-active {
    display: flex;
    flex-direction: column;
    height: 100dvh;
    height: 100svh;
    max-height: 100dvh;
    max-height: 100svh;
    overflow: hidden;
  }

  #app-shell.mail-view-active #content.content--mail {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    padding-bottom: 0 !important;
  }

  #app-shell.mail-view-active .mail-app {
    flex: 1 1 auto;
    min-height: 0 !important;
    max-height: none !important;
    height: auto;
    border-radius: 0;
    border-left: none;
    border-right: none;
  }

  #app-shell.mail-view-active .mail-panes.is-mobile {
    flex: 1 1 auto;
    min-height: 0;
    position: relative;
  }

  /* Fallback: Liste sichtbar, falls Pane-Klasse kurz fehlt */
  .mail-panes.is-mobile:not(.mail-show-folders):not(.mail-show-read) > .mail-list-panel {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
  }

  /* Lesemodus: Footer ausblenden = mehr Platz */
  #app-shell.mail-pane-read .dsgvo-footer-fixed {
    display: none;
  }

  #app-shell.mail-view-active:not(.mail-pane-read) .dsgvo-footer-fixed {
    flex-shrink: 0;
    font-size: 0.62rem;
    line-height: 1.3;
    padding: 0.28rem 0.5rem;
    padding-bottom: max(0.28rem, env(safe-area-inset-bottom, 0px));
  }

  /* App-Kopfzeile im Postfach: eine Zeile + Hamburger-Menü */
  #app-shell.mail-view-active.mail-mobile-active > .header {
    flex-shrink: 0;
    padding: max(0.35rem, env(safe-area-inset-top, 0px)) 0.5rem 0.35rem;
  }

  .mail-msg-row {
    min-height: 56px;
    padding: 0.55rem 0.4rem;
  }

  .mail-msg-check {
    padding: 0.5rem 0.2rem 0 0.15rem;
  }

  .mail-msg-checkbox {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.5rem;
  }

  .mail-list-header-inner {
    min-height: 44px;
  }

  .mail-select-all input {
    width: 1.2rem;
    height: 1.2rem;
  }

  .mail-compose-btn-new {
    min-height: 44px;
  }

  .mail-ai-drawer {
    position: fixed;
    inset: 0;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-height: 88dvh;
    border-radius: 12px 12px 0 0;
    z-index: 250;
  }

  .mail-ai-backdrop {
    z-index: 240;
  }

  /* KI-Statuszeile auf Mobile oft zu hoch */
  #app-shell.mail-mobile-active .mail-status-hint {
    display: none;
  }

  #app-shell.mail-mobile-active .mail-status-bar {
    font-size: 0.72rem;
    padding: 0.28rem 0.5rem;
  }

  .mail-app-toolbar-search .mail-search-input {
    min-height: 44px;
    font-size: 16px;
  }

  /* Konto-Zeile: Select volle Breite, Buttons darunter (kein vertikaler Buchstaben-Stack) */
  .mail-app-toolbar-row.mail-chrome-row {
    flex-wrap: wrap;
    overflow-x: visible;
  }

  .mail-account-picker {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
  }

  .mail-account-email-display {
    display: none !important;
  }

  .mail-chrome-actions {
    flex: 1 1 100%;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .mail-chrome-actions::-webkit-scrollbar {
    display: none;
  }

  /* Schmale Screens: ohne body.is-phone / shell-Klassen (robust bei Cache) */
  #mail-open-new-tab,
  #mail-toggle-fullscreen,
  #mail-open-fullscreen-tab,
  #mail-chrome-move,
  #mail-ki-settings-btn,
  .mail-fs-btn-label {
    display: none !important;
  }

  .mail-app:has(.mail-panes.mail-show-folders) .mail-chrome-search-wrap,
  .mail-app:has(.mail-panes.mail-show-folders) #mail-folders-toggle,
  .mail-app:has(.mail-panes.mail-show-folders) #mail-new-mail-btn,
  .mail-app:has(.mail-panes.mail-show-folders) #mail-reply-toolbar,
  .mail-app:has(.mail-panes.mail-show-folders) #mail-delete-toolbar,
  .mail-app:has(.mail-panes.mail-show-folders) #mail-ki-toggle,
  .mail-app:has(.mail-panes.mail-show-folders) .mail-mobile-bar {
    display: none !important;
  }

  .mail-app:has(.mail-panes.mail-show-folders) #mail-mobile-back {
    display: inline-flex !important;
  }

  .mail-app:has(.mail-panes.mail-show-list) #mail-reply-toolbar,
  .mail-app:has(.mail-panes.mail-show-list) #mail-delete-toolbar {
    display: none !important;
  }

  .mail-app:has(.mail-panes.mail-show-read) #mail-folders-toggle,
  .mail-app:has(.mail-panes.mail-show-read) #mail-new-mail-btn {
    display: none !important;
  }

  .mail-read-body,
  .mail-body-html-inline {
    font-size: 16px;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
  }

  .mail-read-attach {
    font-size: 0.85rem;
    padding: 0 0.65rem 0.75rem;
    word-break: break-word;
  }
}

@media (max-width: 768px) and (orientation: landscape) {
  .mail-read-header.is-collapsed .mail-read-compact-subject {
    -webkit-line-clamp: 1;
  }
}