/* E-Mail-Verlauf in der Kundenkarte (01.11.2026). Ruhig, eine Zeile je E-Mail, Inhalt klappt darunter auf. */
.mail-aktionen { display:flex;gap:8px;flex-wrap:wrap; }
.mail-liste { list-style:none;margin:12px 0 16px;padding:0;border-top:1px solid var(--border); }
.mail-zeile { border-bottom:1px solid var(--border); }
.mail-kopf { all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:12px 4px;cursor:pointer; }
.mail-kopf:hover { background:var(--bg); }
.mail-kopf:focus-visible { outline:2px solid var(--primary);outline-offset:-2px; }
.mail-richtung { font-size:12px;color:var(--muted); }
.mail-mitte { min-width:0;display:flex;flex-direction:column;gap:2px; }
.mail-betreff { font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.mail-von { font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.mail-datum { font-size:12px;color:var(--muted);white-space:nowrap; }
.mail-ungelesen .mail-betreff { font-weight:600; }
.mail-kopf[aria-expanded="true"] .mail-von { white-space:normal; }
.mail-inhalt { padding:4px 4px 18px 94px; }
.mail-meta { display:grid;grid-template-columns:56px 1fr;gap:4px 12px;margin:0 0 14px;font-size:13px; }
.mail-meta dt { color:var(--muted); }
.mail-meta dd { margin:0;overflow-wrap:anywhere; }
.mail-text { white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6;max-height:520px;overflow:auto; }
.mail-zitat { margin-top:10px; }
.mail-zitat summary { font-size:13px;color:var(--muted);cursor:pointer; }
.mail-zitat .mail-text { color:var(--muted);margin-top:8px;padding-left:12px;border-left:2px solid var(--border); }
.mail-anhaenge { display:flex;flex-wrap:wrap;gap:6px;margin:14px 0; }
.mail-anhaenge span { font-size:12px;border:1px solid var(--border);border-radius:var(--radius);padding:3px 8px;color:var(--muted); }
.mail-fehler { color:#dc2626;font-size:14px; }
body.dark-mode .mail-fehler { color:#f87171; }
@media (max-width:720px) {
    .mail-kopf { grid-template-columns:minmax(0,1fr) auto;gap:4px 10px; }
    .mail-richtung { grid-column:1 / -1; }
    .mail-inhalt { padding-left:4px; }
}
#detail-mails a.btn-flat { text-decoration:none; }
/* Seite E-Mails (Posteingang info@) */
#mails-content { max-width:none; }
.mail-seite-kopf { display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px; }
.mail-ordner { display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);padding:2px;gap:2px; }
.mail-ordner button { border:0;background:none;color:var(--muted);padding:6px 12px;border-radius:calc(var(--radius) - 1px);cursor:pointer;font:inherit;font-size:13px; }
.mail-ordner button[aria-selected="true"] { background:var(--card, var(--bg));color:var(--text);box-shadow:0 0 0 1px var(--border); }
.mail-suche { flex:1;min-width:200px; }
.mail-suche input { width:100%;box-sizing:border-box; }
.mail-kunde { color:var(--text); }
.mail-knoepfe { display:flex;gap:8px;flex-wrap:wrap; }
#mails-content a.btn-flat { text-decoration:none; }
#mails-content .mail-liste { margin-top:0; }

/* ===== Postfach (crm-postfach.js), überarbeitet 01.11.2026 abends =====
   Vollflächig ab der Kopfzeile bis an den rechten Rand. Ruhig: eine Akzentfarbe, Linien-Symbole, keine Farbflächen. */
/* Links bleibt der Abstand zur (schwebenden) Navigation, oben, rechts und unten keiner. */
body #main-content #view-mails.view { padding:0 0 0 max(var(--app-gutter, 16px), env(safe-area-inset-left)) !important; }
#view-mails .pfm { border-left:1px solid var(--pfm-linie); }
@media (max-width:820px) { body #main-content #view-mails.view { padding:0 !important; } #view-mails .pfm { border-left:0; } }
#view-mails #mails-content { max-width:none;margin:0; }
.pfm { --pfm-linie:var(--border);--pfm-flaeche:var(--card, var(--bg));--pfm-hover:color-mix(in srgb, var(--text) 4%, transparent);--pfm-aktiv:color-mix(in srgb, var(--primary) 9%, transparent);
    display:grid;grid-template-columns:216px minmax(300px,400px) minmax(0,1fr);height:calc(100dvh - var(--pfm-oben, 66px));min-height:420px;background:var(--pfm-flaeche);border-top:1px solid var(--pfm-linie);overflow:hidden;font-size:13px;color:var(--text); }
.pfm .pfm-leise,.pfm-komp .pfm-leise { color:var(--muted); }
.pfm-i { width:18px;height:18px;flex-shrink:0;display:block; }
.pfm-luecke { flex:1; }
.pfm-trenner { width:1px;height:20px;background:var(--pfm-linie, var(--border));margin:0 4px;flex-shrink:0; }
:is(#view-mails, body) .pfm-ik { all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--muted);cursor:pointer;flex-shrink:0; }
.pfm-ik:hover { background:var(--pfm-hover, rgba(127,127,127,.08));color:var(--text); }
.pfm-ik:focus-visible { outline:2px solid var(--primary);outline-offset:-2px; }
.pfm-ik[disabled] { opacity:.35;pointer-events:none; }
.pfm-ik[hidden] { display:none; }
.pfm-ik[aria-pressed="true"] { color:var(--primary); }
.pfm-ik[data-a="ohneStern"] .pfm-i { fill:currentColor; }
.pfm-ik[data-a="k-format"][aria-pressed="true"] { background:var(--pfm-hover, rgba(127,127,127,.1)); }
:is(#view-mails, body) .pfm-tk { all:unset;font-size:13px;padding:6px 10px;border-radius:6px;color:var(--text);cursor:pointer; }
.pfm-tk:hover { background:var(--pfm-hover); }
:is(#view-mails, body) .pfm-link { all:unset;color:var(--primary);cursor:pointer;font-size:12px; }
.pfm-laedt { padding:18px 16px;font-size:13px;list-style:none; }
.pfm-klein { font-size:12px; }
kbd { font:500 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:2px 5px;color:var(--text);background:var(--card, var(--bg)); }

/* Ordnerspalte */
.pfm-ordner { border-right:1px solid var(--pfm-linie);padding:12px 8px;display:flex;flex-direction:column;gap:1px;overflow-y:auto;min-height:0; }
:is(#view-mails, body) .pfm-neu { all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;margin:0 2px 14px;padding:11px 16px;border-radius:8px;background:var(--primary);color:#fff;font-weight:600;font-size:14px;cursor:pointer; }
.pfm-neu:hover { filter:brightness(1.07); }
.pfm-neu:focus-visible { outline:2px solid var(--primary);outline-offset:2px; }
.pfm-ordner-liste,.pfm-labels { display:flex;flex-direction:column;gap:1px; }
.pfm-ordner [data-ordner] { all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:7px 10px 7px 12px;border-radius:6px;color:var(--text);cursor:pointer;min-width:0; }
.pfm-ordner [data-ordner] .pfm-i { width:17px;height:17px;color:var(--muted); }
.pfm-ordner [data-ordner]:hover { background:var(--pfm-hover); }
.pfm-ordner [data-ordner][aria-current="true"] { background:var(--pfm-aktiv);font-weight:600; }
.pfm-ordner [data-ordner][aria-current="true"] .pfm-i { color:var(--primary); }
.pfm-ordner [data-ordner]:focus-visible { outline:2px solid var(--primary);outline-offset:-2px; }
.pfm-ordner-name { flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.pfm-zahl { font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums; }
.pfm-zahl.stark { color:var(--text);font-weight:600; }
.pfm-labels-titel { font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--muted);margin:16px 12px 4px; }
.pfm-ordner-fuss { margin-top:auto;padding:16px 6px 2px;display:flex;flex-direction:column;gap:8px; }
.pfm-hinweis { font-size:12px;color:var(--muted);line-height:1.5;margin:0; }
.pfm-tasten-link { display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px; }
.pfm-tasten-link .pfm-i { width:16px;height:16px; }
.pfm-tasten-link:hover { color:var(--text); }
.pfm-konto { font-size:11px;margin:0;overflow:hidden;text-overflow:ellipsis; }

/* Liste */
.pfm-liste { border-right:1px solid var(--pfm-linie);display:flex;flex-direction:column;min-height:0;min-width:0; }
.pfm-suche { display:flex;align-items:center;gap:6px;margin:10px 10px 4px;padding:0 4px 0 10px;border-radius:8px;background:var(--pfm-hover);border:1px solid transparent; }
.pfm-suche:focus-within { background:var(--pfm-flaeche);border-color:var(--primary); }
.pfm-suche > .pfm-i { width:16px;height:16px;color:var(--muted); }
:is(#view-mails, body) .pfm .pfm-suche input[type=search] { all:unset;flex:1;min-width:0;height:36px;font-size:13px;color:var(--text);background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important; }
.pfm-suche input::placeholder { color:var(--muted); }
.pfm-suche input::-webkit-search-cancel-button { display:none; }
.pfm-suche .pfm-ik { width:28px;height:28px; }
.pfm-listen-leiste { display:flex;align-items:center;gap:2px;padding:2px 8px 2px 12px;min-height:40px;border-bottom:1px solid var(--pfm-linie); }
.pfm-listen-leiste .pfm-wahl { margin-right:6px; }
.pfm-sammel,.pfm-listen-normal { display:flex;align-items:center;gap:2px;min-width:0; }
.pfm-sammel[hidden],.pfm-listen-normal[hidden] { display:none; }
.pfm-sammel-zahl { font-size:12px;margin-right:6px;white-space:nowrap; }
.pfm-ordner-titel { font-size:12px;margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.pfm-wahl { display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:pointer;flex-shrink:0; }
.pfm-wahl input { width:15px;height:15px;margin:0;accent-color:var(--primary);cursor:pointer; }
.pfm-zeilen { list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain; }
.pfm-zeile { position:relative;display:grid;grid-template-columns:20px 22px minmax(0,1fr);gap:0 6px;align-items:start;padding:10px 12px 10px 12px;border-bottom:1px solid var(--pfm-linie);cursor:pointer; }
.pfm-zeile:hover { background:var(--pfm-hover); }
.pfm-zeile.fokus { box-shadow:inset 3px 0 0 color-mix(in srgb, var(--primary) 45%, transparent); }
.pfm-zeile.aktiv { background:var(--pfm-aktiv);box-shadow:inset 3px 0 0 var(--primary); }
.pfm-zeile.gewaehlt { background:var(--pfm-aktiv); }
.pfm-zeile .pfm-wahl { margin-top:1px;opacity:0; }
.pfm-zeile:hover .pfm-wahl,.pfm-zeile.gewaehlt .pfm-wahl,.pfm.pfm-waehlt .pfm-zeile .pfm-wahl,.pfm-zeile .pfm-wahl:focus-within { opacity:1; }
:is(#view-mails, body) .pfm-stern-knopf { all:unset;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--muted);opacity:.45;cursor:pointer; }
.pfm-stern-knopf .pfm-i { width:16px;height:16px; }
.pfm-stern-knopf:hover { opacity:1; }
.pfm-stern-knopf.an { opacity:1;color:#c58a00; }
.pfm-stern-knopf.an .pfm-i { fill:currentColor; }
.pfm-stern-knopf:focus-visible { outline:2px solid var(--primary);border-radius:4px; }
.pfm-zeile-text { min-width:0;display:flex;flex-direction:column;gap:2px; }
.pfm-zeile-oben { display:flex;align-items:baseline;gap:8px;min-width:0; }
.pfm-zeile-von { flex:1;min-width:0;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.pfm-anzahl { font-size:12px;font-weight:400; }
.pfm-zeile-rechts { display:inline-flex;align-items:center;gap:6px;flex-shrink:0; }
.pfm-zeile-rechts .pfm-i { width:14px;height:14px; }
.pfm-zeile-datum { font-size:12px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums; }
.pfm-zeile-betreff { font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.pfm-zeile-auszug { font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.pfm-zeile-kunde { color:var(--text); }
.pfm-rot { color:#c5221f; }
body.dark-mode .pfm-rot { color:#f28b82; }
.pfm-zeile.ungelesen .pfm-zeile-von,.pfm-zeile.ungelesen .pfm-zeile-betreff { font-weight:650; }
.pfm-zeile.ungelesen .pfm-zeile-datum { color:var(--text);font-weight:600; }
.pfm-zeile.ungelesen::before { content:"";position:absolute;left:4px;top:17px;width:5px;height:5px;border-radius:50%;background:var(--primary); }
.pfm-zeile.ungelesen:hover::before,.pfm-zeile.gewaehlt::before,.pfm.pfm-waehlt .pfm-zeile::before { display:none; }
.pfm-schnell { position:absolute;right:8px;top:6px;display:none;gap:0;background:var(--pfm-flaeche);border-radius:6px;box-shadow:0 0 0 1px var(--pfm-linie),0 2px 6px rgba(0,0,0,.06); }
.pfm-schnell .pfm-ik { width:30px;height:30px; }
.pfm-schnell .pfm-i { width:16px;height:16px; }
.pfm-schnell:empty { display:none !important; }
@media (hover:hover) { .pfm-zeile:hover .pfm-schnell { display:flex; } }
.pfm-leer-liste { list-style:none;display:flex;flex-direction:column;align-items:center;gap:8px;padding:56px 20px;text-align:center; }
.pfm-leer-icon { width:34px;height:34px;color:var(--muted);opacity:.5; }

/* Lesebereich */
.pfm-lesen { display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--pfm-flaeche); }
.pfm-leer-lesen { margin:auto;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:24px; }
.pfm-leer-lesen p { margin:0; }
.pfm-lesen-leiste { display:flex;align-items:center;gap:2px;padding:4px 12px;min-height:48px;border-bottom:1px solid var(--pfm-linie, var(--border));flex-shrink:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none; }
.pfm-position { font-size:12px;margin:0 6px;white-space:nowrap;font-variant-numeric:tabular-nums; }
.pfm-lesen-inhalt { flex:1;overflow-y:auto;min-height:0;padding:20px 28px 40px; }
.pfm-lesen-kopf { margin-bottom:12px; }
.pfm-lesen-kopf h2 { font-size:20px;font-weight:500;line-height:1.35;margin:0 0 8px;letter-spacing:-.01em;overflow-wrap:anywhere; }
.pfm-chips { display:flex;flex-wrap:wrap;gap:6px; }
.pfm-chip-labels { display:contents; }
:is(#view-mails, body) .pfm-chip { all:unset;display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:1;padding:4px 8px;border-radius:4px;background:var(--pfm-hover, rgba(127,127,127,.08));color:var(--text); }
:is(#view-mails, body) .pfm-chip button { all:unset;display:inline-flex;cursor:pointer;color:var(--muted); }
.pfm-chip button .pfm-i { width:12px;height:12px; }
.pfm-chip-kunde { cursor:pointer;color:var(--primary); }
.pfm-chip-kunde .pfm-i { width:13px;height:13px; }
.pfm-chip-kunde:hover { text-decoration:underline; }
.pfm-lesen-kopf .pfm-hinweis { margin-top:10px; }
:is(#view-mails, body) .pfm-gefaltet { all:unset;box-sizing:border-box;display:flex;align-items:center;width:100%;margin:2px 0;cursor:pointer;color:var(--muted);font-size:12px; }
.pfm-gefaltet::before,.pfm-gefaltet::after { content:"";flex:1;border-top:1px solid var(--border); }
.pfm-gefaltet span { padding:4px 12px;border:1px solid var(--border);border-radius:999px;margin:0 8px; }
.pfm-gefaltet:hover span { color:var(--text); }
.pfm-nachricht { border-bottom:1px solid var(--border); }
.pfm-nachricht:last-child { border-bottom:0; }
.pfm-nachricht.entwurf .pfm-absender strong { color:#c5221f;font-weight:600; }
.pfm-nachricht-kopf { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding:14px 0 10px;cursor:pointer;align-items:center; }
.pfm-nachricht-kopf:focus-visible { outline:2px solid var(--primary);outline-offset:2px;border-radius:4px; }
.pfm-absender { font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.pfm-absender strong { font-weight:600; }
.pfm-absender .pfm-leise { font-size:12px; }
.pfm-nachricht-zeit { display:flex;align-items:center;gap:2px;font-size:12px;color:var(--muted);white-space:nowrap; }
.pfm-nachricht-zeit > span { margin-right:6px; }
.pfm-nachricht-zeit .pfm-i { width:15px;height:15px; }
.pfm-nachricht-zeit .pfm-ik { width:30px;height:30px; }
.pfm-empfaenger { font-size:12px;grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.pfm-auszug { grid-column:1 / -1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px; }
.pfm-nachricht.offen .pfm-auszug { display:none; }
.pfm-nachricht:not(.offen) .pfm-empfaenger,.pfm-nachricht:not(.offen) .pfm-nachricht-zeit .pfm-ik { display:none; }
.pfm-nachricht-inhalt { padding:0 0 18px; }
.pfm-details { font-size:12px;margin:-4px 0 12px; }
.pfm-details summary { cursor:pointer;width:max-content; }
.pfm-details dl { display:grid;grid-template-columns:64px 1fr;gap:4px 12px;margin:8px 0 0;padding:10px 12px;border:1px solid var(--border);border-radius:6px; }
.pfm-details dt { color:var(--muted); }
.pfm-details dd { margin:0;overflow-wrap:anywhere; }
.pfm-html { width:100%;border:0;display:block;background:#fff;min-height:40px; }
body.dark-mode .pfm-html { border-radius:6px;box-shadow:0 0 0 10px #fff;margin:10px 0; }
.pfm-text { white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6; }
.pfm-text a { color:var(--primary); }
:is(#view-mails, body) .pfm-text-zitat summary,:is(#view-mails, body) .pfm-zitat-knopf { all:unset;display:inline-block;margin-top:8px;padding:0 8px;line-height:14px;font-size:12px;letter-spacing:1px;border-radius:4px;background:var(--pfm-hover, rgba(127,127,127,.12));color:var(--muted);cursor:pointer; }
.pfm-text-zitat summary::-webkit-details-marker { display:none; }
.pfm-text-zitat .pfm-text { color:var(--muted);margin-top:8px;padding-left:12px;border-left:2px solid var(--border); }
.pfm-anhaenge { margin-top:16px;padding-top:14px;border-top:1px dashed var(--border); }
.pfm-anhaenge-titel { font-size:12px;margin:0 0 8px; }
.pfm-anhang-reihe { display:flex;flex-wrap:wrap;gap:8px; }
:is(#view-mails, body) .pfm-anhang-karte { all:unset;box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:1px 10px;align-items:center;width:220px;padding:9px 12px;border:1px solid var(--border);border-radius:8px;cursor:pointer; }
.pfm-anhang-karte:hover { border-color:color-mix(in srgb, var(--text) 25%, transparent); }
.pfm-anhang-karte:focus-visible { outline:2px solid var(--primary); }
.pfm-anhang-karte[disabled] { cursor:default;opacity:.6; }
.pfm-anhang-karte .pfm-anhang-typ { grid-row:1 / 3; }
.pfm-anhang-karte .pfm-leise { font-size:11px; }
.pfm-anhang-typ { display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:30px;padding:0 4px;box-sizing:border-box;border-radius:4px;background:var(--pfm-hover, rgba(127,127,127,.1));color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.03em; }
.pfm-anhang-name { font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
/* Bild-Anhänge als Vorschau (02.11.2026), Klick öffnet groß */
.pfm-bilder { display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;max-width:720px;margin-bottom:8px; }
:is(#view-mails, body) .pfm-bild { all:unset;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:zoom-in; }
.pfm-bild:hover { border-color:color-mix(in srgb, var(--text) 25%, transparent); }
.pfm-bild:focus-visible { outline:2px solid var(--primary);outline-offset:1px; }
.pfm-bild-rahmen { position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;background:var(--pfm-hover, rgba(127,127,127,.08)); }
.pfm-bild-rahmen img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .15s; }
.pfm-bild.da .pfm-bild-rahmen img { opacity:1; }
.pfm-bild.da .pfm-bild-rahmen .pfm-anhang-typ { visibility:hidden; }
.pfm-bild.ohne { cursor:pointer; }
.pfm-bild-fuss { display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:6px 10px;font-size:12px; }
.pfm-bild-fuss .pfm-anhang-name { font-size:12px;min-width:0; }
.pfm-bild-fuss .pfm-leise { font-size:11px;flex:none; }
@media (max-width:720px) { .pfm-bilder { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.pfm-bildansicht { position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(10,12,16,.96);color:#e8e9ed; }
.pfm-bildansicht::backdrop { background:transparent; }
.pfm-bildansicht header { position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:6px;padding:10px 12px 10px 20px;padding-top:max(10px, env(safe-area-inset-top));font-size:13px; }
.pfm-bildansicht .pfm-bild-titel { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0; }
.pfm-bildansicht .pfm-bild-pos { color:rgba(232,233,237,.6);margin-right:6px;white-space:nowrap; }
.pfm-bildansicht .pfm-ik { color:#e8e9ed; }
.pfm-bildansicht .pfm-ik:hover { background:rgba(255,255,255,.1);color:#fff; }
.pfm-bild-buehne { position:absolute;inset:56px 64px 24px;display:flex;align-items:center;justify-content:center; }
.pfm-bild-buehne img { max-width:100%;max-height:100%;object-fit:contain;border-radius:2px; }
.pfm-bild-status { margin:0;color:rgba(232,233,237,.6);font-size:13px; }
:is(#view-mails, body) .pfm-bild-nav { all:unset;position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-22px;border-radius:50%;color:#e8e9ed;cursor:pointer; }
.pfm-bild-nav:hover,.pfm-bild-nav:focus-visible { background:rgba(255,255,255,.1); }
:is(#view-mails, body) .pfm-bild-nav.links { left:10px; } :is(#view-mails, body) .pfm-bild-nav.rechts { right:10px; }
.pfm-bild-nav .pfm-i { width:24px;height:24px; }
@media (max-width:720px) { .pfm-bild-buehne { inset:56px 0 16px; } .pfm-bild-nav { display:none !important; } }
.pfm-antwort-bereich { margin-top:18px; }
.pfm-antwort-knoepfe { display:flex;flex-wrap:wrap;gap:8px; }
.pfm-antwort-knoepfe[hidden] { display:none; }
:is(#view-mails, body) .pfm-rk { all:unset;display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 12px;border:1px solid var(--border);border-radius:999px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer; }
.pfm-rk .pfm-i { width:16px;height:16px;color:var(--muted); }
.pfm-rk:hover { background:var(--pfm-hover, rgba(127,127,127,.08)); }
.pfm-rk:focus-visible { outline:2px solid var(--primary);outline-offset:1px; }

/* Schreiben: Fenster unten rechts (dock) oder unter der Unterhaltung (inline) */
.pfm-komp { --pfm-hover:color-mix(in srgb, var(--text) 5%, transparent);display:flex;flex-direction:column;background:var(--card, var(--bg));color:var(--text);font-size:13px;position:relative; }
.pfm-komp[hidden] { display:none; }
.pfm-komp.dock { position:fixed;right:24px;bottom:0;z-index:1200;width:min(600px,calc(100vw - 32px));height:min(620px,calc(100dvh - 72px));border-radius:10px 10px 0 0;box-shadow:0 10px 40px rgba(0,0,0,.22),0 0 0 1px var(--border); }
.pfm-komp.dock.gross { right:50%;bottom:50%;transform:translate(50%,50%);width:min(1000px,calc(100vw - 48px));height:min(820px,calc(100dvh - 48px));border-radius:10px; }
.pfm-komp.dock.mini { height:auto; }
.pfm-komp.dock.mini > :not(.pfm-komp-kopf) { display:none; }
.pfm-komp.dock.mini .pfm-komp-kopf { cursor:pointer; }
.pfm-komp.inline { border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);min-height:260px; }
.pfm-komp-kopf { display:flex;align-items:center;gap:0;padding:4px 6px 4px 16px;border-radius:10px 10px 0 0;background:color-mix(in srgb, var(--text) 5%, var(--card, var(--bg)));min-height:42px; }
.pfm-komp-kopf h2 { font-size:14px;font-weight:600;margin:0; }
.pfm-komp-kopf .pfm-ik { width:30px;height:30px; }
.pfm-komp-kopf .pfm-i { width:16px;height:16px; }
.pfm-komp-koerper { flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:0 16px; }
.pfm-feld { display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);min-height:40px;flex-shrink:0; }
.pfm-feld[hidden] { display:none; }
.pfm-feld > span { width:52px;font-size:13px;color:var(--muted);flex-shrink:0; }
:is(#view-mails, body) .pfm-komp .pfm-feld input { all:unset;flex:1;min-width:0;height:38px;font-size:13.5px;color:var(--text);background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important;border-radius:0 !important; }
.pfm-feld .pfm-link { font-size:12px;color:var(--muted); }
.pfm-feld .pfm-link:hover { color:var(--text); }
.pfm-feld .pfm-link[hidden] { display:none; }
.pfm-editor { flex:1;min-height:180px;padding:14px 0;outline:none;font-size:14px;line-height:1.6;overflow-wrap:anywhere;cursor:text; }
.pfm-komp.inline .pfm-editor { min-height:140px; }
.pfm-editor a { color:var(--primary); }
.pfm-editor ul,.pfm-editor ol { padding-left:24px;margin:4px 0; }
.pfm-editor .gmail_signature { color:var(--muted); }
.pfm-editor blockquote { margin:0 0 0 .8ex;border-left:1px solid var(--border);padding-left:1ex;color:var(--muted); }
:is(#view-mails, body) .pfm-komp .pfm-komp-zitat { margin:0 0 10px;align-self:flex-start;width:max-content; }
.pfm-komp-zitat-vorschau { margin-bottom:12px; }
.pfm-anhaenge-neu { display:flex;flex-wrap:wrap;gap:6px;padding-bottom:10px; }
.pfm-anhaenge-neu:empty { display:none; }
.pfm-anhang-chip { display:inline-flex;align-items:center;gap:8px;max-width:280px;padding:4px 4px 4px 4px;border:1px solid var(--border);border-radius:6px;font-size:12px; }
.pfm-anhang-chip .pfm-anhang-typ { min-width:30px;height:24px;font-size:9px; }
.pfm-anhang-chip .pfm-anhang-name { font-size:12px;min-width:0; }
:is(#view-mails, body) .pfm-anhang-chip button { all:unset;display:inline-flex;cursor:pointer;color:var(--muted);padding:2px; }
.pfm-anhang-chip button .pfm-i { width:14px;height:14px; }
.pfm-komp .mail-fehler { margin:0 0 8px; }
.pfm-komp .mail-fehler:empty { display:none; }
.pfm-format { display:flex;gap:0;padding:2px 12px;margin:0 12px;border:1px solid var(--border);border-radius:8px;flex-shrink:0;align-self:flex-start; }
.pfm-format[hidden] { display:none; }
.pfm-format .pfm-ik { width:30px;height:30px; }
.pfm-format .pfm-i { width:16px;height:16px; }
.pfm-komp-fuss { display:flex;align-items:center;gap:4px;padding:10px 12px 12px 16px;flex-shrink:0; }
:is(#view-mails, body) .pfm-senden { all:unset;box-sizing:border-box;padding:9px 22px;border-radius:999px;background:var(--primary);color:#fff;font-weight:600;font-size:13.5px;cursor:pointer;margin-right:6px; }
.pfm-senden:hover { filter:brightness(1.07); }
.pfm-senden:focus-visible { outline:2px solid var(--primary);outline-offset:2px; }
.pfm-komp-status { font-size:12px;margin-left:6px;white-space:nowrap; }
.pfm-komp-fuss label.pfm-ik { cursor:pointer; }
.pfm-ablage { position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:2px dashed var(--primary);border-radius:10px;background:color-mix(in srgb, var(--primary) 8%, var(--card, var(--bg)));color:var(--primary);font-weight:600;font-size:14px;pointer-events:none; }
.pfm-ablage[hidden] { display:none; }

/* Hinweis unten links, Menüs, Tastenkürzel */
.pfm-snack { position:fixed;left:24px;bottom:24px;z-index:1300;display:flex;align-items:center;gap:6px;padding:6px 6px 6px 16px;min-height:44px;box-sizing:border-box;border-radius:8px;background:#202124;color:#f1f3f4;font-size:13.5px;box-shadow:0 6px 24px rgba(0,0,0,.25);transform:translateY(16px);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease; }
.pfm-snack.sichtbar { opacity:1;transform:none;pointer-events:auto; }
.pfm-snack span { margin-right:10px; }
.pfm-snack-knopf { all:unset;padding:8px 12px;border-radius:6px;color:#8ab4f8;font-weight:600;cursor:pointer; }
.pfm-snack-knopf:hover,.pfm-snack-zu:hover { background:rgba(255,255,255,.08); }
.pfm-snack-zu { all:unset;display:inline-flex;padding:6px;border-radius:6px;cursor:pointer;color:#bdc1c6; }
.pfm-snack-zu .pfm-i { width:16px;height:16px; }
.pfm-menue { position:fixed;z-index:1400;min-width:200px;max-height:320px;overflow-y:auto;padding:6px;border-radius:8px;background:var(--card, var(--bg));color:var(--text);box-shadow:0 8px 28px rgba(0,0,0,.18),0 0 0 1px var(--border);font-size:13px; }
.pfm-menue button { all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border-radius:6px;cursor:pointer; }
.pfm-menue button:hover,.pfm-menue button:focus-visible { background:color-mix(in srgb, var(--text) 6%, transparent); }
.pfm-menue-haken { display:inline-flex;width:16px;color:var(--primary); }
.pfm-menue-haken .pfm-i { width:16px;height:16px; }
.pfm-menue-titel { font-size:12px;color:var(--muted);margin:6px 10px; }
.pfm-tasten { width:min(480px,calc(100vw - 32px));padding:0;border:0;border-radius:12px;background:var(--card, var(--bg));color:var(--text);box-shadow:0 20px 60px rgba(0,0,0,.3); }
.pfm-tasten::backdrop { background:rgba(0,0,0,.35); }
.pfm-tasten header { display:flex;align-items:center;justify-content:space-between;padding:14px 12px 6px 20px; }
.pfm-tasten h2 { font-size:16px;font-weight:600;margin:0; }
.pfm-tasten dl { display:grid;grid-template-columns:auto 1fr;gap:9px 18px;padding:8px 20px 20px;margin:0;font-size:13px;align-items:center; }
.pfm-tasten dt { white-space:nowrap; }
.pfm-tasten dd { margin:0; }
.pfm-leer.pfm-verbinden { display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:32px; }

/* Kundenkarte: Unterhaltung aufgeklappt in der Liste */
.pfm-im-kunden { padding:0 0 12px; }
.pfm-im-kunden .pfm-lesen-leiste { padding:4px 0;min-height:42px; }
.pfm-im-kunden .pfm-lesen-inhalt { padding:14px 2px 8px;overflow:visible; }
.pfm-im-kunden .pfm-lesen-kopf h2 { font-size:16px; }
.pfm-im-kunden .pfm-zurueck,.pfm-im-kunden .pfm-zurueck + .pfm-trenner { display:none; }

@media (max-width:1180px) {
    .pfm { grid-template-columns:64px minmax(280px,360px) minmax(0,1fr); }
    .pfm-ordner { padding:10px 6px;align-items:center; }
    .pfm-neu { width:44px;height:44px;padding:0;justify-content:center;margin:0 0 12px; }
    .pfm-neu span,.pfm-ordner-name,.pfm-labels-titel,.pfm-ordner-fuss .pfm-hinweis,.pfm-konto,.pfm-tasten-link { display:none; }
    .pfm-ordner [data-ordner] { position:relative;width:44px;height:38px;padding:0;justify-content:center; }
    .pfm-ordner .pfm-zahl { position:absolute;top:2px;right:2px;font-size:10px; }
    .pfm-position { display:none; }
    .pfm-lesen-inhalt { padding:18px 20px 36px; }
}
@media (max-width:820px) {
    .pfm { grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr); }
    .pfm-ordner { flex-direction:row;align-items:center;gap:2px;padding:6px 8px;border-right:0;border-bottom:1px solid var(--pfm-linie);overflow-x:auto;scrollbar-width:none; }
    .pfm-ordner-liste,.pfm-labels { flex-direction:row;gap:2px; }
    .pfm-labels,.pfm-ordner-fuss { display:none; }
    .pfm-neu { position:fixed;right:16px;bottom:20px;z-index:50;width:56px;height:56px;border-radius:16px;margin:0;box-shadow:0 6px 20px rgba(0,0,0,.2); }
    .pfm-liste { border-right:0; }
    .pfm-lesen { display:none; }
    .pfm.pfm-offen .pfm-liste,.pfm.pfm-offen .pfm-ordner { display:none; }
    .pfm.pfm-offen { grid-template-rows:minmax(0,1fr); }
    .pfm.pfm-offen .pfm-lesen { display:flex; }
    .pfm.pfm-offen .pfm-neu { display:none; }
    .pfm-lesen-inhalt { padding:14px 16px 32px; }
    .pfm-lesen-leiste { padding:4px 6px; }
    .pfm-lesen-leiste [data-schliessen],.pfm-position,.pfm-lesen-leiste [data-a="vor"],.pfm-lesen-leiste [data-a="nach"] { display:none; }
    .pfm-lesen-kopf h2 { font-size:18px; }
    .pfm-zeile .pfm-wahl { display:none; }
    .pfm-zeile { grid-template-columns:22px minmax(0,1fr);padding-left:14px; }
    .pfm-komp.dock { right:0;left:0;bottom:0;top:0;width:auto;height:auto;border-radius:0; }
    .pfm-komp.dock.gross { transform:none;width:auto;height:auto;right:0;bottom:0; }
    .pfm-komp-kopf { border-radius:0; }
    .pfm-snack { left:12px;right:12px;bottom:12px; }
    .pfm-anhang-karte { width:100%; }
}
body.dark-mode .pfm-neu,body.dark-mode .pfm-senden { color:#0b1526; }

.pfm-komp .pfm-feld input::-webkit-calendar-picker-indicator { display:none !important; }
:is(#view-mails, body) .pfm-ik[hidden] { display:none; }

/* Dunkelmodus: tiefes Blauschwarz wie der Dashboard-Hintergrund statt Grau (Yuriy, 01.11.2026). Feste Farben, damit der Liquid-Hintergrund nicht durchscheint. */
body.dark-mode .pfm { --pfm-flaeche:#11141b;--pfm-linie:rgba(255,255,255,.07);--pfm-hover:rgba(255,255,255,.045);--pfm-aktiv:color-mix(in srgb, var(--primary) 16%, #11141b);background:#11141b;color:#e8e9ed; }
body.dark-mode .pfm-ordner { background:#0d1016; }
body.dark-mode .pfm-liste { background:#11141b; }
body.dark-mode .pfm-lesen { background:#141821; }
body.dark-mode .pfm-suche { background:rgba(255,255,255,.05); }
body.dark-mode .pfm-suche:focus-within { background:#11141b; }
body.dark-mode .pfm-schnell { background:#1a1f2a; }
body.dark-mode .pfm-zeile { border-bottom-color:rgba(255,255,255,.05); }
body.dark-mode .pfm-komp { background:#161a23;color:#e8e9ed; }
body.dark-mode .pfm-komp-kopf { background:#1d2230; }
body.dark-mode .pfm-menue,body.dark-mode .pfm-tasten { background:#1a1f2a; }
body.dark-mode .pfm-chip,body.dark-mode .pfm-anhang-typ { background:rgba(255,255,255,.06); }