/* Postfach nach Sende-Pruefer: Ordner / Liste / Lesen, Glas-Knöpfe und Petrol.
   Auf die Private-Brain-Themes begrenzt; verändert keine anderen Ansichten. */
.mail-app{--mail-accent:#0e6b72;--mail-soft:#d7eeef;--mail-h1:#15838b;--mail-h2:#0a4a50;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card);color:var(--ink);margin:12px 0}
:root[data-theme="dunkel"] .mail-app{--mail-accent:#71cdd2;--mail-soft:#173a3d;--mail-h1:#1b7f87;--mail-h2:#0b4046}
.mail-head{padding:16px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--line)}
.mail-head h2{margin:0 auto 0 0}.mail-notice{margin:0;padding:12px 16px;font-size:.83rem;color:var(--mut);background:var(--card2);line-height:1.6}
.mail-app [hidden]{display:none!important}
.mail-layout{display:grid;grid-template-columns:190px minmax(220px,300px) minmax(0,1fr);min-height:580px}
.mail-folders{padding:12px 8px;border-right:1px solid var(--line);background:var(--card2)}
.mail-folder{display:flex;width:100%;text-align:left;gap:8px;padding:10px 12px;min-height:44px;border:0;border-radius:0 999px 999px 0;background:transparent;color:var(--ink);box-shadow:none;overflow-wrap:anywhere}
.mail-folder[aria-current="true"]{background:var(--mail-soft);color:var(--mail-accent);font-weight:bold}.mail-folder small{margin-left:auto}
.mail-app .mail-button{position:relative;cursor:pointer;border:1px solid var(--line);background:linear-gradient(180deg,var(--card),var(--card2));color:var(--ink);box-shadow:inset 0 2px 1px rgb(255 255 255/.45),inset 0 -4px 8px rgb(0 0 0/.10),0 4px 10px rgb(0 0 0/.1);border-radius:12px;padding:8px 12px;min-height:44px;white-space:normal}
.mail-app .mail-button:hover,.mail-app .mail-button:focus-visible{border-color:var(--mail-accent)}.mail-app .mail-button:active{transform:scale(.97)}
.mail-app .mail-primary{color:#fff;background:linear-gradient(135deg,var(--mail-h1),var(--mail-h2) 75%);border-color:transparent}
.mail-list{padding:12px;border-right:1px solid var(--line);min-width:0}.mail-list input[type="search"]{width:100%;min-height:44px;margin:0 0 8px}
.mail-list-actions,.mail-reader-actions{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.mail-app input,.mail-app textarea,.mail-app select{font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:10px;padding:10px;max-width:100%;min-width:0}
.mail-list-actions select{width:100%;min-height:44px}.mail-count{font-size:.8rem;color:var(--mut);margin:8px 0}
.mail-item{display:grid;grid-template-columns:30px minmax(0,1fr);border-top:1px solid var(--line);align-items:center}.mail-item input{width:22px;height:22px}
.mail-item button{display:grid;grid-template-columns:32px minmax(0,1fr);gap:6px 8px;width:100%;text-align:left;min-height:80px;border:0;border-radius:0;background:transparent;box-shadow:none;padding:10px 6px;color:var(--ink)}
.mail-item button[aria-current="true"]{background:var(--mail-soft)}.mail-avatar{grid-row:span 2;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--mail-accent);color:var(--card);font-weight:bold}
.mail-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-preview{grid-column:2;font-size:.8rem;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-item.unread .mail-subject{font-weight:bold}
.mail-reader{padding:18px;min-width:0;overflow-wrap:anywhere}.mail-reader h3{margin:10px 0;font-size:1.2rem}.mail-text{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:16px 0}
.mail-reader label{display:block;margin:12px 0;color:var(--mut);font-size:.85rem}.mail-reader label input,.mail-reader label textarea{display:block;width:100%;margin-top:5px}.mail-reader textarea{min-height:160px;resize:vertical}.mail-reader .mail-names{min-height:60px}
.mail-report{padding:12px;border:1px solid var(--line);border-left:4px solid var(--mail-accent);border-radius:10px;margin:14px 0;font-size:.85rem;line-height:1.6}.mail-report ul{padding-left:20px}.mail-report li{margin:8px 0}.mail-muted{color:var(--mut);font-size:.85rem;line-height:1.6}
.mail-back{display:none}.mail-undo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 16px;background:var(--mail-soft)}
@media(max-width:1050px){.mail-layout{grid-template-columns:160px minmax(200px,1fr)}.mail-reader{grid-column:1/-1;border-top:1px solid var(--line)}.mail-list{border-right:0}.mail-folders{max-height:390px;overflow:auto}}
@media(max-width:650px){.main-pages{flex-wrap:wrap}.main-pages .tab{flex:1 1 40%}.mail-layout{display:block;min-height:480px}.mail-folders{display:flex;gap:4px;overflow-x:auto;max-height:none;border-right:0;border-bottom:1px solid var(--line);padding:8px}.mail-folder{flex:0 0 auto;width:auto;border-radius:12px}.mail-folders>.mail-button{flex-shrink:0}.mail-list{border-right:0}.mail-back{display:inline-flex}.mail-app[data-view="reader"] .mail-list,.mail-app[data-view="reader"] .mail-folders{display:none}.mail-app[data-view="list"] .mail-reader{display:none}.mail-head h2{font-size:1.3rem}.mail-reader{padding:12px}.mail-head{padding:12px}}
@media(prefers-reduced-motion:reduce){.mail-app .mail-button:active{transform:none}}
/* Private service shares the existing mailbox layout, also on touch screens. */
.live-dialog{width:min(560px,calc(100vw - 24px));max-height:90dvh;overflow:auto;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}
.live-dialog::backdrop{background:#0008}.live-dialog label{display:block;margin:12px 0}.live-dialog input,.live-dialog select{display:block;width:100%;margin-top:6px;min-height:44px}.live-dialog button{margin:8px 8px 0 0}.live-mail[hidden],.mail-app[hidden]{display:none!important}.live-mail .mail-back{display:inline-flex}.live-mail .mail-list .mail-item button{display:block;text-align:left;overflow-wrap:anywhere}.live-mail .mail-head select{max-width:100%;min-height:44px}

#mailWorkspace .mail-head>[hidden]{display:none!important}