/* LiveOS — iOS-26-Aufsatz (Vorschau 02.11.2026). Gilt nur mit <html class="ios26"> (setzt ios26.js).
   Maße in pt aus Walats Bildschirmfoto der echten Mail-App (iPhone 15 Pro, 1 pt = 1,5 px im Foto):
   Knöpfe oben 44 pt, Rand 17 pt · Kategorien 36 pt hoch, 50 pt breit · Zeile 92 pt, Logo 44 pt (Ecken 10 pt)
   · Text ab 89 pt · Leiste unten 48 pt hoch, 28 pt Rand. Einfarbig: kein Blau in Knöpfen und Kategorien. */

/* ── Glas (Liquid Glass) ── */
.ios26 .glas{background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);
  border:.5px solid rgba(0,0,0,.06);box-shadow:0 4px 18px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.8);color:var(--text);
  transition:transform .25s cubic-bezier(.32,.72,0,1),background .2s}
@media (prefers-color-scheme:dark){
  .ios26 .glas{background:rgba(42,42,42,.74);border-color:rgba(255,255,255,.10);
    box-shadow:0 4px 18px rgba(0,0,0,.5),inset 0 .5px 0 rgba(255,255,255,.14)}
}
.ios26 .glas:active{transform:scale(1.08);opacity:1}
.ios26 .rund{width:44px;height:44px;min-width:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;flex:0 0 auto}
.ios26 .kapsel{height:44px;border-radius:22px;padding:0 18px;display:flex;align-items:center;justify-content:center}
.ios26 .glas.blau{background:var(--blau);color:#fff;border-color:transparent}

/* ── Zurück: runder Glasknopf, nur Pfeil (überall) ── */
.ios26 .zurueckknopf{width:44px;height:44px;min-width:44px;border-radius:50%;justify-content:center;padding:0;gap:0;color:var(--text);
  background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);
  border:.5px solid rgba(0,0,0,.06);box-shadow:0 4px 18px rgba(0,0,0,.10)}
@media (prefers-color-scheme:dark){.ios26 .zurueckknopf{background:rgba(42,42,42,.74);border-color:rgba(255,255,255,.10);box-shadow:0 4px 18px rgba(0,0,0,.5)}}
.ios26 .zurueckknopf span{display:none}
.ios26 .zurueckknopf svg{width:12px;height:20px;margin:0 2px 0 0}
.ios26 .zurueckknopf svg path{stroke-width:3.1}
.ios26 .nav-links{padding-left:17px}

/* ── Mail-Liste: kompakte Navigation ── */
.ios26 .liste26 .navleiste,.ios26 .liste26 .navleiste.material{background:linear-gradient(to bottom,var(--hg) 0%,var(--hg) 72%,transparent 100%);
  -webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:transparent}
.ios26 .liste26 .nav-links{flex:0 0 auto}
.ios26 .liste26 .nav-mitte{position:static;flex:1;min-width:0;opacity:1;text-align:left;height:44px;line-height:normal;padding-left:12px;
  display:flex;flex-direction:column;justify-content:center;pointer-events:auto}
.ios26 .liste26 .nav-mitte b{font-size:17px;line-height:21px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ios26 .liste26 .nav-mitte small{font-size:12.5px;line-height:16px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;letter-spacing:-.08px}
.ios26 .liste26 .nav-rechts{flex:0 0 auto;padding-right:16px;gap:13px}
.ios26 .liste26 .navknopf.kapsel{font-size:17px;font-weight:600;color:var(--text);padding:0 17px;letter-spacing:-.2px}
.ios26 .liste26 .navknopf.rund{color:var(--text)}
.ios26 .liste26 .navknopf.rund.blau{color:#fff}
.ios26 .liste26 .nav-links .navknopf.kapsel{font-size:15px;padding:0 14px}

/* ── Kategorien: Glaskapseln, gewählte weiß mit schwarzer Schrift ── */
.ios26 .kat26{gap:8px;padding:18px 16px 10px 17px;scroll-padding:0 16px}
.ios26 .kat26 .kat{height:36px;min-width:50px;border-radius:18px;padding:0 15px;justify-content:center;font-size:15px;font-weight:600;
  background:rgba(118,118,128,.14);color:var(--text2);flex:0 0 auto}
@media (prefers-color-scheme:dark){.ios26 .kat26 .kat{background:#1C1C1E;color:rgba(235,235,245,.72)}}
.ios26 .kat26 .kat svg{width:20px;height:20px}
.ios26 .kat26 .kat.aktiv{background:var(--text);color:var(--hg);padding:0 17px 0 15px;gap:7px}
.ios26 .kat26 .kat:not(.aktiv){width:50px;padding:0}

/* ── Zeilen: 92 pt, Logo 44 pt als abgerundetes Quadrat, Personen rund ── */
.ios26 .liste26 .scroller{padding-bottom:calc(48px + var(--sa-unten) + 24px)}
.ios26 .liste26 .mzeile .vorn{gap:11px;padding:11px 16px 8px 0;min-height:92px}
.ios26 .liste26 .mzeile::after{left:86px;right:16px}
.ios26 .liste26 .mzeile:last-child::after{display:none}
.ios26 .liste26 .links-spalte{width:78px;flex:0 0 78px;padding:2px 0 0;align-items:flex-end}
.ios26 .liste26 .ungelesen-punkt{left:13px;top:16px;width:10px;height:10px}
.ios26 .av26{width:44px;height:44px;flex:0 0 44px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:600;font-size:17px;letter-spacing:0}
.ios26 .av26.rund26{border-radius:50%}
.ios26 .av26.eckig26{border-radius:10px}
.ios26 .av26 img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}
.ios26 .av26.mit-logo{background:#fff}
.ios26 .liste26 .mkopf{gap:6px;height:19px;align-items:center}
.ios26 .liste26 .mname{font-size:16.5px;line-height:19px;font-weight:600}
.ios26 .liste26 .mzeit{font-size:14.5px;line-height:19px;gap:7px;margin-right:-1px}
.ios26 .liste26 .mzeit svg{width:8px;height:13px}
.ios26 .liste26 .mzeit svg path{stroke-width:2.3}
.ios26 .liste26 .mbetreff{font-size:15px;line-height:18px;margin-top:0}
.ios26 .liste26 .mvorschau{font-size:15px;line-height:18px;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
.ios26 .liste26 .mails.bearbeiten .links-spalte{width:50px;flex-basis:50px;align-items:center;justify-content:center}
.ios26 .liste26 .mails.bearbeiten .mzeile::after{left:61px}

/* ── Unten schwebend: Filter · Suchen · Verfassen (keine Leiste, kein Statustext) ── */
.ios26 .liste26 .werkzeugleiste{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-top:0!important;
  height:calc(48px + max(var(--sa-unten) - 7px, 12px));padding:0 28px max(calc(var(--sa-unten) - 7px), 12px);gap:12px;align-items:flex-start;
  justify-content:flex-start}   /* Walat 02.11.2026 (z): keine eigene Verschiebung mehr – der Stapel folgt der Tastatur */
.ios26 .liste26 .werkzeugleiste::before{content:"";position:absolute;left:0;right:0;top:-28px;bottom:0;z-index:-1;pointer-events:none;
  background:linear-gradient(to bottom,transparent 0%,var(--hg) 62%)}
.ios26 .liste26 .werkzeug.glas.rund{width:48px;height:48px;min-width:48px;color:var(--text)}
.ios26 .liste26 .werkzeug.glas.rund svg{width:24px;height:24px}
.ios26 .liste26 .filterknopf.an{background:var(--text);color:var(--hg)}
.ios26 .suchkapsel{flex:1;min-width:0;height:48px;border-radius:24px;display:flex;align-items:center;gap:8px;padding:0 14px 0 16px;color:var(--text);cursor:text}
.ios26 .suchkapsel > svg{flex:0 0 auto;width:18px;height:18px}
.ios26 .suchkapsel input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:17px;color:var(--text);height:100%;font-family:inherit}
.ios26 .suchkapsel input::placeholder{color:var(--text2)}
.ios26 .suchkapsel input::-webkit-search-cancel-button{display:none}
.ios26 .suchkapsel .mikro{flex:0 0 auto;display:flex;color:var(--text);padding:6px 0 6px 4px}
.ios26 .such-zu{display:none!important}
.ios26 .werkzeugleiste.sucht .filterknopf,.ios26 .werkzeugleiste.sucht .verfassknopf{display:none!important}
.ios26 .werkzeugleiste.sucht .such-zu{display:flex!important}
/* Auswählen-Modus: Aktionen als Glaskapseln */
.ios26 .liste26 .werkzeug[data-b]{height:44px;border-radius:22px;padding:0 14px;font-size:15px;font-weight:600;color:var(--text);flex:1;min-width:0;
  background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:.5px solid rgba(0,0,0,.06)}
@media (prefers-color-scheme:dark){.ios26 .liste26 .werkzeug[data-b]{background:rgba(42,42,42,.74);border-color:rgba(255,255,255,.10)}}
.ios26 .liste26 .werkzeug[data-b][disabled]{color:var(--text3)}
.ios26 .liste26 .werkzeugleiste:has([data-b]){padding:0 12px max(calc(var(--sa-unten) - 7px), 12px);gap:8px}

/* ── Geöffnete Mail: Frage „Absender vertrauen?“ (Walat 02.11.2026) ── */
.ios26 .nkopf .av26{flex:0 0 44px}
.ios26 .vertrauen26{margin:6px 16px 12px;padding:12px 12px 12px 14px;border-radius:16px;display:flex;align-items:center;gap:10px;
  background:var(--fuell)}
.ios26 .vt-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ios26 .vt-text b{font-size:15px;font-weight:600}
.ios26 .vt-text span{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ios26 .vt-text small{font-size:12px;line-height:15px;color:var(--text2)}
.ios26 .vt-knoepfe{display:flex;gap:8px;flex:0 0 auto}
.ios26 .vt-knoepfe button{height:34px;min-width:52px;border-radius:17px;padding:0 14px;font-size:15px;font-weight:600;color:var(--text);background:var(--fuell2)}
.ios26 .vt-knoepfe .vt-ja{background:var(--text);color:var(--hg)}
.ios26 .vertrauen26.laedt{opacity:.5;pointer-events:none}
.ios26 .vt-klein{width:30px!important;height:30px!important;flex:0 0 30px!important;font-size:12px!important;border-radius:8px!important;margin-right:12px}
.ios26 .vt-klein.rund26{border-radius:50%!important}

/* Vertraute Person: Personen-Symbol mit grünem Häkchen (Walat 02.11.2026) */
.ios26 .av26.person26{overflow:visible}
.ios26 .av26.person26 > svg{width:26px;height:26px;color:#fff}
.ios26 .haken26{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;background:#34C759;
  border:2px solid var(--hg);display:flex;align-items:center;justify-content:center}
.ios26 .haken26 svg{width:11px;height:11px;color:#fff}
.ios26 .vt-klein.person26 > svg{width:18px;height:18px}
.ios26 .vt-klein .haken26{width:14px;height:14px;right:-3px;bottom:-3px}
.ios26 .vt-klein .haken26 svg{width:8px;height:8px}
.ios26 .liste26 .nav-mitte small.konto-fehler{color:var(--orange)}

/* ── Postfächer-Seite (iOS 26, Walat 02.11.2026) ── */
.ios26 .pf26 .navleiste,.ios26 .pf26 .navleiste.material{background:linear-gradient(to bottom,var(--hg-gruppiert) 0%,var(--hg-gruppiert) 70%,transparent 100%);
  -webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:transparent}
.ios26 .pf26 .nav-links{padding-left:17px}
.ios26 .pf26 .nav-rechts{padding-right:16px}
.ios26 .pf26 .navknopf.glas.rund{margin:0;color:var(--text)}
.ios26 .pf26 .navknopf.glas.rund svg{width:22px;height:22px}
.ios26 .pf26 .navknopf .avatar-klein{width:32px;height:32px;font-size:13px}
.ios26 .pf26 .grosstitel{padding:6px 20px 12px}
.ios26 .pf26 .abschnitt{margin:0 16px 26px}
.ios26 .pf26 .tabelle{border-radius:26px}
.ios26 .pf26 .zelle{min-height:52px;padding:0 18px}
.ios26 .pf26 .zelle+.zelle::before{left:58px;right:18px}
.ios26 .pf26 .zelle .wert{font-size:17px}
.ios26 .pf26 .abschnitt-kopf{font-size:20px;font-weight:700;letter-spacing:.2px;padding:4px 6px 9px 6px;min-height:28px;cursor:pointer}
.ios26 .pf26 .abschnitt-kopf .pfeil-auf{color:var(--text2);display:flex}
.ios26 .pf26 .abschnitt-kopf .pfeil-auf svg{width:16px;height:16px}
.ios26 .pf26 .fussnote{padding-bottom:8px}
.ios26 .pf26 .scroller{padding-bottom:calc(48px + var(--sa-unten) + 28px)}
.ios26 .pf26 .werkzeugleiste{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-top:0!important;
  height:calc(48px + max(var(--sa-unten) - 7px, 12px));padding:0 28px max(calc(var(--sa-unten) - 7px), 12px);gap:12px;align-items:center}
.ios26 .pf26 .werkzeugleiste::before{content:"";position:absolute;left:0;right:0;top:-28px;bottom:0;z-index:-1;pointer-events:none;
  background:linear-gradient(to bottom,transparent 0%,var(--hg-gruppiert) 62%)}
.ios26 .pf26 .werkzeug.glas.rund{width:48px;height:48px;min-width:48px;color:var(--text)}
.ios26 .pf26 .werkzeug.glas.rund svg{width:24px;height:24px}
.ios26 .pf26 .platzhalter26{width:48px;min-width:48px;visibility:hidden}
.ios26 .pf26 .status{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ios26 .pf26 .status span{font-size:12.5px;line-height:15px;color:var(--text);font-weight:500;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ios26 .pf26 .status small{font-size:11.5px;line-height:14px;color:var(--text2)}
.ios26 .pf26 .status.konto-fehler span{color:var(--orange)}
.ios26 .pf26 .glas{background:rgba(255,255,255,.92);border-color:rgba(0,0,0,.08);box-shadow:0 4px 16px rgba(0,0,0,.12),inset 0 1px 0 #fff}
@media (prefers-color-scheme:dark){.ios26 .pf26 .glas{background:rgba(44,44,46,.82);border-color:rgba(255,255,255,.12);box-shadow:0 4px 18px rgba(0,0,0,.5),inset 0 .5px 0 rgba(255,255,255,.14)}}
.ios26 .pf26 .status.konto-fehler{color:var(--orange)}

/* Angeheftet 📌 (Walat 02.11.2026) */
.ios26 .av-huelle26{position:relative;width:44px;height:44px}
.ios26 .pin-abz26{position:absolute;right:-5px;top:-5px;width:20px;height:20px;border-radius:50%;background:var(--orange);color:#fff;
  display:flex;align-items:center;justify-content:center;border:2px solid var(--pinhg,var(--hg));box-shadow:0 1px 3px rgba(0,0,0,.25);z-index:2}
.ios26 .pin-abz26 svg{width:11px;height:11px}
.ios26 .pinkopf26{display:flex;align-items:center;gap:6px;padding:14px 20px 7px;font-size:15px;font-weight:600;color:var(--orange);letter-spacing:-.2px}
.ios26 .pinkopf26 svg{width:15px;height:15px}
.ios26 .pinkopf26 small{margin-left:auto;font-size:13px;font-weight:500;color:var(--text2)}
.ios26 .pinkopf26.rest26{color:var(--text2);font-weight:600;padding-top:18px}
.ios26 .pinkarte26{margin:0 12px;border-radius:22px;overflow:hidden;--pinhg:#FFF4E5;background:var(--pinhg);
  box-shadow:0 0 0 .5px rgba(255,149,0,.35),0 4px 14px rgba(255,149,0,.10)}
@media (prefers-color-scheme:dark){.ios26 .pinkarte26{--pinhg:#2A1F10;box-shadow:0 0 0 .5px rgba(255,159,10,.40),0 4px 16px rgba(0,0,0,.4)}}
.ios26 .pinkarte26 .mzeile .vorn{background:var(--pinhg)}
.ios26 .pinkarte26 .mzeile .vorn:active,.ios26 .pinkarte26 .mzeile.gedrueckt .vorn{background:var(--zelle-druck)}
.ios26 .pinkarte26 .mzeile .links-spalte{width:70px;flex-basis:70px}
.ios26 .pinkarte26 .mzeile::after{left:78px;right:14px}
.ios26 .pinkarte26 .mzeile:last-child::after{display:none}

/* ── Einstellungen im iOS-Stil (Walat 02.11.2026) ── */
.ios26 .einst26-fenster .blattinhalt{overflow-x:hidden}
.ios26 .einst26{position:relative;min-height:100%}
.ios26 .e26-ebene{transition:transform .38s cubic-bezier(.32,.72,0,1),opacity .38s;padding-top:8px}
.ios26 .e26-ebene:not(.e26-haupt){position:absolute;left:0;right:0;top:0}
.ios26 .e26-rein{transform:translateX(100%)}
.ios26 .e26-weg{transform:translateX(-30%);opacity:0;pointer-events:none;height:0;overflow:hidden}
.ios26 .einst26 .tabelle{border-radius:26px}
.ios26 .einst26 .zelle{min-height:52px;padding:0 16px}
.ios26 .einst26 .zelle+.zelle::before{left:60px}
.ios26 .einst26 .zelle.ohne-symbol+.zelle::before,.ios26 .einst26 .zelle.ohne-symbol::before{left:16px}
.ios26 .kachel26{width:30px;height:30px;flex:0 0 30px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}
.ios26 .kachel26 svg{width:19px;height:19px}
.ios26 .e26-profil{min-height:76px!important;gap:14px}
.ios26 .avatar-gross26{width:56px;height:56px;flex:0 0 56px;border-radius:50%;background:linear-gradient(180deg,#A5A5AA,#8A8A8F);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600}
.ios26 .e26-profil .text b{font-size:18px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis}
.ios26 .e26-warn{color:var(--orange)!important}
.ios26 .e26-abz{display:inline-flex;min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:var(--rot);color:#fff;font-size:14px;font-weight:600;align-items:center;justify-content:center}
.ios26 .e26-zurueck{display:flex;align-items:center;gap:2px;color:var(--blau)}
.ios26 .e26-zurueck svg{width:12px;height:20px}
.ios26 .e26-suche{padding:0 16px 10px}
.ios26 .e26-suche .suchbox{height:38px;border-radius:19px}
.ios26 .einst26 .e-sig{width:100%;min-height:150px;border:0;background:transparent;color:var(--text);font:inherit;font-size:16px;padding:12px 0;resize:vertical}
.ios26 .e26-hinweis{margin:4px 16px 14px;padding:12px 12px 12px 14px;border-radius:20px;background:var(--zelle);display:flex;align-items:center;gap:12px}
.ios26 .e26-hinweis-zeichen{width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:var(--rot);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.ios26 .e26-hinweis .text{flex:1;min-width:0;display:flex;flex-direction:column}
.ios26 .e26-hinweis small{font-size:13px;color:var(--text2)}
.ios26 .e26-gesehen{height:34px;border-radius:17px;padding:0 16px;font-size:15px;font-weight:600;background:var(--text);color:var(--hg)}

/* Suche: Ort der Mail + Tastatur (Walat 02.11.2026) */
.ios26 .ort26{font-size:11.5px;font-weight:600;color:var(--text2);background:var(--fuell);border-radius:6px;padding:1px 6px;line-height:16px}
html.tastatur26 .stapel{top:var(--vv-top,0px)!important;bottom:auto!important;height:var(--vv-h)!important}
html.tastatur26.ios26 .liste26 .werkzeugleiste,html.tastatur26.ios26 .unten26 .werkzeugleiste{transform:none!important;padding-bottom:8px;height:60px}
html.tastatur26.ios26 .liste26 .scroller,html.tastatur26.ios26 .unten26 .scroller{padding-bottom:76px}

/* Rückgängig-Leiste oben (Walat 02.11.2026) */
#rueck26{position:fixed;left:50%;top:calc(var(--sa-oben) + 8px);transform:translate(-50%,-160%);z-index:300;display:flex;align-items:center;gap:14px;
  height:46px;border-radius:23px;padding:0 6px 0 18px;max-width:calc(100% - 32px);transition:transform .35s cubic-bezier(.32,.72,0,1)}
#rueck26.an{transform:translate(-50%,0)}
#rueck26 .r26-text{font-size:15px;font-weight:600;white-space:nowrap}
#rueck26 .r26-knopf{height:34px;border-radius:17px;padding:0 14px;font-size:15px;font-weight:600;background:var(--blau);color:#fff}

/* Zentrale Ordner + App-Symbole (Walat 02.11.2026) */
.ios26 .app26{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:inset 0 .5px 0 rgba(255,255,255,.35)}
.ios26 .app26 svg{width:19px;height:19px}
.ios26 .pf26 .apps26 .zelle .symbol{width:30px;display:flex;justify-content:center}
.ios26 .pf26 .abschnitt-kopf26{font-size:20px;font-weight:700;padding:4px 6px 9px;color:var(--text)}
.ios26 .pf26 .ordner26{padding-right:18px}
.ios26 .pf26 .aufklapp26{width:22px;height:44px;margin:0 2px 0 -6px;display:flex;align-items:center;justify-content:center;color:var(--blau);background:none;border:0;padding:0;flex:0 0 22px}
.ios26 .pf26 .aufklapp26 svg{transition:transform .25s cubic-bezier(.32,.72,0,1)}
.ios26 .pf26 .aufklapp26.auf svg{transform:rotate(90deg)}
.ios26 .pf26 .ordner26 .wert b{font-weight:400;color:var(--text)}
.ios26 .pf26 .ordner26 .wert{color:var(--text2)}
/* Tastatur: iOS darf html/body/Stapel nicht mehr verschieben */
html.ios26,html.ios26 body{overflow:clip}
.ios26 .stapel{overflow:clip}

.ios26 .navabz26{position:absolute;top:0;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--rot);color:#fff;
  font-size:12px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 1.5px var(--hg-gruppiert);pointer-events:none;z-index:2}
/* Walat 02.11.2026 (z): Abzeichen sitzt INNERHALB des 44-pt-Glasknopfs – vorher ragte es heraus und wurde abgeschnitten */
.ios26 .e26-warn .e26-abz{margin-left:6px}

.ios26 .neu26{padding:4px 16px 24px}
.ios26 .neu26-kopf{display:flex;gap:12px;align-items:center;margin:6px 0 14px}
.ios26 .neu26-kopf .app26{width:44px;height:44px;border-radius:11px}
.ios26 .neu26-kopf b{display:block;font-size:19px}
.ios26 .neu26-kopf small{color:var(--grau);font-size:14px}
.ios26 .neu26-text{background:var(--zelle,var(--hg-zweit));border-radius:14px;padding:6px 16px 10px;font-size:15px;line-height:1.4}
.ios26 .neu26-text h4{font-size:15px;font-weight:600;margin:14px 0 4px}
.ios26 .neu26-text ul{margin:4px 0;padding-left:20px}
.ios26 .neu26-text li{margin:3px 0}
.ios26 .neu26-text p{margin:8px 0}
.ios26 .neu26-text a{color:var(--blau)}
.ios26 .neu26-text code{font-size:13px}
.ios26 .neu26 .leise{color:var(--grau);font-size:13px}
.ios26 .neu26-link{display:block;text-align:center;margin-top:14px;padding:13px;border-radius:14px;background:var(--blau);color:#fff;font-weight:600;text-decoration:none}
.ios26 .neu26-link.leise26{background:transparent;color:var(--blau);font-weight:500;margin-top:4px}

.ios26 .anh26{margin:10px 16px 4px;display:flex;flex-direction:column;gap:8px}
.ios26 .anh26-liste{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:var(--hg-zweit,rgba(127,127,127,.12))}
.ios26 .anh26-zeile{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer}
.ios26 .anh26-zeile+.anh26-zeile{border-top:.5px solid var(--trenner,rgba(127,127,127,.25))}
.ios26 .anh26-sym{flex:none;width:38px;height:44px;border-radius:6px;background:var(--rot,#ff3b30);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px}
.ios26 .anh26-name{display:flex;flex-direction:column;font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ios26 .anh26-name small{color:var(--grau);font-size:13px}
.ios26 .pl26-knopf{align-self:flex-start;display:flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:5px 14px 5px 5px;
  background:var(--hg-zweit,rgba(127,127,127,.12));color:var(--text,inherit);font:500 15px/1 -apple-system,system-ui,sans-serif;cursor:pointer}
.ios26 .pl26-knopf .app26{width:26px;height:26px;border-radius:50%}
.ios26 .pl26-knopf .app26 svg{width:15px;height:15px}

.ios26 .gs26 .gs26-zeile{align-items:center;gap:12px;min-height:60px;padding-top:8px;padding-bottom:8px}
.ios26 .gs26 .gs26-bild,.ios26 .gs26 .gs26-logo{flex:none;width:52px;height:52px;border-radius:11px;object-fit:cover;background:#fff}
.ios26 .gs26 .gs26-logo{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}
.ios26 .gs26 .text{display:flex;flex-direction:column;gap:2px;min-width:0}
.ios26 .gs26 .gs26-titel{font-size:16px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ios26 .gs26 small{font-size:13px;color:var(--grau);line-height:1.3}
.ios26 .gs26 .gs26-bed{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ios26 .gs26 .gs26-preis{color:var(--text,inherit);font-weight:700}
.ios26 .gs26 .gs26-frist.dringend,.ios26 .gs26 .gs26-frist.bald{color:var(--rot);font-weight:600}
.ios26 .gs26 .gs26-code{flex:none;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1.5px dashed var(--blau);color:var(--blau);
  background:transparent;border-radius:9px;padding:7px 10px;font:600 14px/1 ui-monospace,Menlo,monospace;letter-spacing:.5px;cursor:pointer}
.ios26 .gs26 .gs26-code.kopiert{background:var(--gruen,#34c759);border-color:var(--gruen,#34c759);color:#fff}


/* ══ Runde z (Walat 02.11.2026) ══ */
/* P2 VIP raus: alte Postfach-Zeile „VIP“ (app2) nie zeigen */
.ios26 [data-ziel="vip"]{display:none!important}

/* P5 + P11: schwebende Glas-Leiste unten wie in den Mail-Listen (Gutscheine, Entwürfe) */
.ios26 .unten26 .scroller{padding-bottom:calc(48px + var(--sa-unten) + 24px)}
.ios26 .unten26 .werkzeugleiste{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-top:0!important;
  height:calc(48px + max(var(--sa-unten) - 7px, 12px));padding:0 28px max(calc(var(--sa-unten) - 7px), 12px);gap:12px;align-items:flex-start;justify-content:flex-start}
.ios26 .unten26 .werkzeugleiste::before{content:"";position:absolute;left:0;right:0;top:-28px;bottom:0;z-index:-1;pointer-events:none;
  background:linear-gradient(to bottom,transparent 0%,var(--hg-gruppiert) 62%)}
.ios26 .unten26 .werkzeug.glas.rund{width:48px;height:48px;min-width:48px;color:var(--text)}
.ios26 .unten26 .werkzeug.glas.rund svg{width:24px;height:24px}
.ios26 .unten26 .werkzeugleiste:not(.sucht) .such-zu{display:none!important}
.ios26 .gs26-seite .gs26 .gs26-titel b{font-weight:700}
.ios26 .gs26 .gs26-was{color:var(--text)!important;font-size:14px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ios26 .gs26-seite .segment{margin:4px 16px 14px;border-radius:18px;padding:3px;height:36px}
.ios26 .gs26-seite .segment button{border-radius:15px;height:30px}

/* P11 Entwürfe: Leiste wie Postfächer (Platzhalter · Status · Verfassen) */
.ios26 .entw26 .werkzeugleiste{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-top:0!important;
  height:calc(48px + max(var(--sa-unten) - 7px, 12px));padding:0 28px max(calc(var(--sa-unten) - 7px), 12px);gap:12px;align-items:center;justify-content:space-between}
.ios26 .entw26 .werkzeug.glas.rund{width:48px;height:48px;min-width:48px;color:var(--text)}
.ios26 .entw26 .werkzeug.glas.rund svg{width:24px;height:24px}
.ios26 .entw26 .platzhalter26{width:48px;min-width:48px;visibility:hidden}
.ios26 .entw26 .status{flex:1;min-width:0;text-align:center;font-size:12.5px;color:var(--text2)}
.ios26 .entw26 .mname{color:var(--rot)!important}

/* P10 Passwort ändern */
.ios26 .pw26{display:flex!important;align-items:center;gap:8px;min-height:52px}
.ios26 .pw26 .pw26-ein{flex:1;min-width:0;border:0;background:transparent;outline:none;font:inherit;font-size:17px;color:var(--text);height:44px}
.ios26 .pw26 .pw26-ein::placeholder{color:var(--text2)}
.ios26 .pw26-auge{flex:0 0 44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--text2);background:none;border:0;margin-right:-10px}
.ios26 .pw26-hinweis.pw26-warn{color:var(--rot)}
.ios26 .pw26-hinweis.pw26-ok{color:var(--gruen,#34C759)}
.ios26 .pw26-los{width:100%;height:50px;border-radius:25px;border:0;background:var(--blau);color:#fff;font-size:17px;font-weight:600}
.ios26 .pw26-los[disabled]{background:var(--fuell);color:var(--text3,var(--text2))}
.ios26 .pw26-fertig{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:48px 32px}
.ios26 .pw26-fertig b{font-size:20px}
.ios26 .pw26-fertig small{font-size:15px;color:var(--text2);line-height:1.35}
.ios26 .pw26-haken{width:64px;height:64px;border-radius:50%;background:var(--gruen,#34C759);color:#fff;display:flex;align-items:center;justify-content:center}
.ios26 .pw26-haken svg{width:32px;height:32px}
.ios26 .e26-profil .chevron{margin-left:auto}

/* P8 eingebettete Apps: EIN iOS-26-Kopf mit Glas-Kapsel „‹ LiveOS“ */
.ios26 .mf26 .mf-leiste{background:var(--mf26-kopf,var(--hg));border-bottom:0;height:calc(52px + var(--sa-oben));padding:var(--sa-oben) 16px 0;
  display:flex;align-items:center;transition:height .2s}
.ios26 .mf26 .mf26-zurueck{position:relative;z-index:1;height:40px;border-radius:20px;padding:0 14px 0 11px;display:flex;align-items:center;gap:6px;
  font-size:16px;font-weight:600;color:var(--text);flex:0 0 auto}
.ios26 .mf26 .mf26-zurueck svg{width:11px;height:19px}
.ios26 .mf26 .mf26-zurueck svg path{stroke-width:3}
.ios26 .mf26 .mf-titel{left:32%;right:32%;bottom:0;height:52px;line-height:52px}
.ios26 .mf26 iframe{top:calc(52px + var(--sa-oben));height:calc(100% - 52px - var(--sa-oben))}
.ios26 .mf26.mf26-eigen .mf-leiste{height:var(--sa-oben);padding:0}
.ios26 .mf26.mf26-eigen .mf-leiste > *{display:none}
.ios26 .mf26.mf26-eigen iframe{top:var(--sa-oben);height:calc(100% - var(--sa-oben))}