:root{color-scheme:dark;--bg:#151618;--panel:#212327;--inset:#191A1C;--input-bg:#1C1D20;--hover:#292B2F;--active:rgba(0,151,211,0.14);--ink:#FFFFFF;--muted:#A9B6C4;--line:rgba(255,255,255,0.10);--line-strong:rgba(255,255,255,0.16);--accent:#0097D3;--accent-hover:#007FB4;--accent-press:#006490;--accent-ink:#66C4E8;--accent-soft:rgba(0,151,211,0.14);--warn:#F5A623;--warn-ink:#05080B;--done:#29C28A;--danger:#F0494E;--danger-soft:rgba(240,73,78,0.16);--focus-ring:rgba(0,151,211,0.55);--backdrop:rgba(0,0,0,0.72);--paper:#ffffff;--grad-accent:linear-gradient(135deg,#00A9E8,#0097D3 55%,#007FB4);--glow-sm:0 0 0 1px rgba(0,151,211,0.35),0 4px 18px rgba(0,151,211,0.18);--glow-md:0 0 0 1px rgba(0,151,211,0.45),0 8px 32px rgba(0,151,211,0.28);--ease:cubic-bezier(0.16,1,0.3,1);--dur:220ms;--font-display:var(--font-montserrat),"Arial Black","Segoe UI",Arial,sans-serif;--font-body:var(--font-mulish),-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--font-mono:var(--font-jbmono),ui-monospace,"SF Mono",Menlo,Consolas,monospace;--chart-done:#2fae74;--chart-alt:#2fae74;--chart-3:#c98500;--chart-4:#d55181;--chart-5:#7a5cd6;--chart-6:#a94b12;--chart-7:#8a3d7a;--chart-rest:#7286a3;--cat-kursanfrage:#0097D3;--cat-bestandskunde:#9b7ce0;--cat-rechnung:#d08a2c;--cat-automatisch:#3fa9a0;--cat-sonstiges:#6B7886;--cat-spam:#F0494E;--flag-rot:#E5484D;--flag-orange:#F76B15;--flag-gelb:#F5D90A;--flag-gruen:#30A46C;--flag-blau:#3E9FF3;--flag-lila:#A468E8;--status-ok:#30A46C;--status-warn:#F5D90A;--status-err:#E5484D;--badge-ink:#FFFFFF}:root[data-theme=light]{color-scheme:light;--bg:#F4F6F9;--panel:#FFFFFF;--inset:#E9EDF2;--input-bg:#FFFFFF;--hover:#E4EAF0;--active:rgba(0,151,211,0.12);--ink:#0F141B;--muted:#5C6B7A;--line:rgba(15,20,27,0.13);--line-strong:rgba(15,20,27,0.24);--accent-ink:#006E9E;--accent-soft:rgba(0,151,211,0.12);--done:#1F8F63;--danger:#D7373F;--danger-soft:rgba(215,55,63,0.12);--focus-ring:rgba(0,151,211,0.45);--backdrop:rgba(15,20,27,0.40);--glow-sm:0 0 0 1px rgba(0,151,211,0.25),0 4px 18px rgba(15,20,27,0.12);--glow-md:0 0 0 1px rgba(0,151,211,0.35),0 8px 32px rgba(15,20,27,0.18);--chart-done:#1F8F63;--chart-alt:#1F8F63;--chart-3:#A36C00;--chart-4:#B23A68;--chart-5:#4a55d2;--chart-6:#963722;--chart-7:#7b2f8e;--chart-rest:#5F7186;--cat-bestandskunde:#7C5CC9;--cat-rechnung:#A96F1E;--cat-automatisch:#2E8B84;--cat-sonstiges:#5C6B7A;--cat-spam:#D7373F;--flag-rot:#D93036;--flag-orange:#DC5C0A;--flag-gelb:#C7A700;--flag-gruen:#268A5B;--flag-blau:#1E7FD1;--flag-lila:#8A50CF;--status-ok:#268A5B;--status-warn:#C7A700;--status-err:#D93036}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.app{max-width:none;margin:0;padding:0 12px 32px}.topbar{justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:30;background:var(--bg);padding:10px 12px 8px;border-bottom:1px solid var(--line);margin:0 -12px 10px}.brand,.topbar{display:flex;align-items:center;gap:12px}.brand{margin:0}.brand-logo{height:26px;width:auto;display:block}.logo-on-light,:root[data-theme=light] .logo-on-dark{display:none}:root[data-theme=light] .logo-on-light{display:block}.brand-label{font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);border-left:1px solid var(--line-strong);padding-left:12px;white-space:nowrap}.stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 24px;background:var(--panel);border-bottom:1px solid var(--line);margin:-10px -12px 10px;padding:8px 12px}.stat,.stats{align-items:baseline}.stat{display:inline-flex;gap:8px;min-width:0}.stats .stat-num{font-size:11px}.system-status{display:inline-flex;align-items:center;gap:8px;margin-right:auto;min-width:0;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.system-status .status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-status .status-dot{width:9px;height:9px;border-radius:50%;flex:none}.system-status.ok .status-dot{background:var(--status-ok)}.system-status.warn .status-dot{background:var(--status-warn)}.system-status.err .status-dot{background:var(--status-err)}.system-status.info .status-dot{background:var(--accent)}.system-status .status-update{flex:none;color:var(--accent);text-decoration:none}.system-status .status-update:hover{text-decoration:underline}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.stat-num{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.01em;line-height:1}.stat-label{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.bars{display:flex;flex-direction:column;gap:6px;margin-top:4px}.bar-row{display:grid;grid-template-columns:110px 1fr 28px;align-items:center;grid-gap:8px;gap:8px}.bar{background:var(--inset);height:8px;overflow:hidden}.bar,.bar-fill{border-radius:6px}.bar-fill{height:100%;background:var(--accent)}.bar-n{font-size:12px;color:var(--muted);text-align:right}.bar-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-empty{font-size:13px;color:var(--muted);margin-top:4px}.stats-page{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:12px;gap:12px}.stats-page .stat-card{min-width:0}.stat-card.s2{grid-column:span 2}.stat-card.s3{grid-column:span 3}.stat-card.s6{grid-column:1/-1}.tile-sub{font-size:11px;color:var(--muted);min-height:14px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.legend{display:flex;gap:14px;font-size:12px;color:var(--muted)}.legend-col{flex-direction:column;gap:6px}.legend .dot{width:9px;height:9px;border-radius:2px;display:inline-block;margin-right:5px;vertical-align:baseline}.cols{display:flex;align-items:flex-end;gap:4px;height:140px;margin-top:10px}.cols.mini{height:90px}.col-group{flex:1 1;min-width:0;height:100%;display:flex;align-items:flex-end;gap:2px;background:var(--inset);border-radius:3px;padding:0 1px}.col{flex:1 1;min-height:0;border-radius:3px 3px 0 0}.col.in{background:var(--accent)}.col.out{background:var(--chart-done)}.cols-x{display:flex;gap:4px;margin-top:4px}.cols-x span{flex:1 1;min-width:0;font-size:10px;color:var(--muted);text-align:center;white-space:nowrap;overflow:visible}.donut-wrap{display:flex;align-items:center;gap:18px;margin-top:10px}.donut{width:96px;height:96px;border-radius:50%;position:relative;flex:none}.donut:after{content:"";position:absolute;inset:24px;border-radius:50%;background:var(--panel)}.donut-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;z-index:1}.workspace{display:grid;grid-template-columns:360px 1fr;grid-gap:0;gap:0;align-items:start}.detail-head>*,.workspace>*{min-width:0}.list{list-style:none;margin:0;display:flex;flex-direction:column;gap:6px;padding:6px 4px;max-height:72vh;max-height:72dvh;overflow-y:auto}.list-item{padding:10px 12px;background:var(--panel);border-radius:8px;cursor:pointer}.list-item:hover{background:var(--hover)}.list-item.ungelesen{box-shadow:inset 3px 0 0 var(--warn)}.list-item.ungelesen .li-subject{font-weight:700}.list-item.active{background-color:var(--panel);background-image:linear-gradient(var(--active),var(--active));box-shadow:inset 3px 0 0 var(--accent)}.list-item.beantwortet{opacity:.6}.li-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.li-folder,.li-from{min-width:0}.li-folder,.li-from,.li-sender{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.li-sender{margin-bottom:2px}.li-meta{display:inline-flex;align-items:center;gap:6px;margin-left:auto}.li-date{font-size:11px;color:var(--muted);white-space:nowrap}.li-clip,.li-pin{display:inline-flex;align-items:center;color:var(--muted)}.flag-dot{flex:none;width:10px;height:10px;border-radius:50%;border:1px solid var(--line-strong)}.flag-dot.rot{background:var(--flag-rot)}.flag-dot.orange{background:var(--flag-orange)}.flag-dot.gelb{background:var(--flag-gelb)}.flag-dot.gruen{background:var(--flag-gruen)}.flag-dot.blau{background:var(--flag-blau)}.flag-dot.lila{background:var(--flag-lila)}.li-chevron{flex:none;font:inherit;font-size:11px;color:var(--muted);background:var(--inset);border:1px solid var(--line);border-radius:6px;padding:1px 6px;cursor:pointer;white-space:nowrap}.li-chevron:hover{color:var(--ink);border-color:var(--muted)}.li-chevron:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.li-thread-child{padding-left:30px;position:relative;background:var(--inset)}.li-thread-child:before{content:"";position:absolute;left:16px;top:0;bottom:0;width:1px;background:var(--line)}.li-thread-loading{color:var(--muted);font-size:12px;cursor:default}.li-actions{position:absolute;top:6px;right:8px;z-index:5;display:inline-flex;align-items:center;gap:2px;background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;padding:2px 4px;opacity:0;pointer-events:none;transition:opacity .12s ease}.list-item{position:relative}.li-actions.open,.list-item:focus-within .li-actions,.list-item:hover .li-actions{opacity:1;pointer-events:auto}.li-act{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:6px;padding:4px 5px;cursor:pointer;color:var(--ink)}.li-act:hover{background:var(--hover)}.li-act:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.li-act.active{background:var(--active)}.flag-swatch{flex:none;width:18px;height:18px;padding:0;cursor:pointer;border:1px solid var(--line-strong);border-radius:50%}.flag-swatch:hover{border-color:var(--ink)}.flag-swatch:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.flag-swatch.rot{background:var(--flag-rot)}.flag-swatch.orange{background:var(--flag-orange)}.flag-swatch.gelb{background:var(--flag-gelb)}.flag-swatch.gruen{background:var(--flag-gruen)}.flag-swatch.blau{background:var(--flag-blau)}.flag-swatch.lila{background:var(--flag-lila)}.flag-swatch.none{background:linear-gradient(to top left,transparent 44%,var(--danger) 46%,var(--danger) 54%,transparent 56%)}.li-subject{font-weight:500;font-size:14px;margin-bottom:2px}.li-summary{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.detail{background:var(--panel);border-radius:8px;padding:8px 14px 24px;min-height:60vh;scroll-margin-top:8px}.detail-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.detail-head-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.mail-actions{display:flex;gap:6px}.mail-actions .btn.icon{padding:7px 9px}.btn.icon .spin-wrap{height:18px;display:inline-flex;align-items:center}.detail-subject{font-size:17px;font-weight:600}.detail-from{font-size:13px;color:var(--muted);margin-top:2px}.detail-date{white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.chip{font-size:12px;background:var(--inset);border:1px solid var(--line);border-radius:6px;padding:3px 10px}.filters{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}button.btn-select.filter-select,select.btn-select.filter-select{width:100%;padding:8px 34px 8px 12px;font-size:13px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.btn-select.filter-select.active,select.btn-select.filter-select.active{border-color:var(--accent);background-color:var(--accent-soft)}.topbar-filters{display:flex;gap:8px;flex-wrap:nowrap;justify-content:center;min-width:0}.topbar-filters .filter-select{width:auto;max-width:180px;min-width:0}.topbar-filters .filter-menu{min-width:0;max-width:180px}.topbar-filters .filter-menu .filter-select{width:100%;max-width:none}.filter-menu{position:relative}.filter-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:40;min-width:220px;max-height:60vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:var(--glow-sm)}.filter-opt{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;font:inherit;font-size:13px;color:var(--ink);background:transparent;border:0;border-radius:6px;cursor:default;text-align:left;white-space:nowrap}button.filter-opt{cursor:pointer}button.filter-opt:hover{background:var(--hover)}div.filter-opt{padding:2px 4px 2px 10px}.filter-opt-text{flex:1 1;min-width:0;text-align:left;white-space:nowrap;font:inherit;font-size:13px;color:var(--ink);background:transparent;border:0;border-radius:6px;padding:5px 6px;cursor:pointer}.filter-opt-text:hover{background:var(--hover)}.filter-opt-text:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.filter-check{width:20px;height:20px;flex:none;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:12px;font-weight:700;color:var(--accent);background:var(--inset);border:1px solid var(--line);border-radius:6px;padding:0}button.filter-check{cursor:pointer}button.filter-check:hover{border-color:var(--accent);background:var(--accent-soft)}.filter-check:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.filter-sep{height:1px;background:var(--line);margin:6px 4px}.filter-heading{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:6px 10px 2px}.search-wrap{position:relative;margin:0 4px}.search-input{width:100%;font:inherit;font-size:13px;padding:8px 30px 8px 10px;border:none;border-radius:8px;background:var(--input-bg);color:var(--ink)}.search-input::placeholder{color:var(--muted)}.search-input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.search-input.active{background-color:var(--accent-soft)}.search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:16px;line-height:1;padding:4px 8px;border-radius:6px}.search-clear:hover{color:var(--ink)}.search-clear:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.attachments{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px}.attachments-label{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.attachment-chip{display:inline-flex;align-items:center;gap:8px}.attachment-chip[draggable=true]{cursor:-webkit-grab;cursor:grab}.attachment-chip[draggable=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.attachment-name{background:none;border:none;padding:0;cursor:pointer;font:inherit;font-size:12px;color:var(--ink)}.attachment-name:hover{color:var(--accent-ink)}.attachment-name em{color:var(--muted);font-style:normal}.attachment-name:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.attachment-dl{display:inline-flex;align-items:center;color:var(--muted);text-decoration:none}.attachment-dl:hover{color:var(--accent-ink)}.reply-attachments{margin:10px 0 0}.reply-attachments .chip{font-size:12px}.reply-attachments em{color:var(--muted);font-style:normal}.attachment-remove{background:none;border:none;padding:0 2px;cursor:pointer;font:inherit;font-size:14px;line-height:1;color:var(--muted)}.attachment-remove:hover{color:var(--danger)}.attachment-remove:disabled{opacity:.5;cursor:not-allowed}.attachment-remove:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.modal-backdrop{position:fixed;inset:0;z-index:50;background:var(--backdrop);display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(960px,94vw);max-height:90vh;max-height:90dvh;display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}.modal-title{flex:1 1;min-width:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-body{overflow:auto;min-height:240px;display:flex;align-items:center;justify-content:center;background:var(--inset)}.modal-body img{max-width:100%;max-height:76vh;max-height:76dvh;display:block}.modal-body iframe{width:100%;height:76vh;height:76dvh;border:none;background:var(--paper)}.modal-media{max-width:100%}.modal-hint{padding:40px 24px;color:var(--muted);font-size:14px;text-align:center}.preview{font-size:13px;color:var(--muted);background:var(--input-bg);border-radius:8px;padding:10px 12px;margin:12px 0;max-height:300px;max-height:32dvh;overflow-y:auto;white-space:pre-wrap}.preview a{color:var(--accent-ink);text-decoration:underline;overflow-wrap:anywhere}.draft-label{display:block;font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:12px 0 6px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.btn{border:1px solid transparent;background:var(--grad-accent);color:var(--ink);font-family:inherit;font-size:14px;font-weight:600;padding:9px 16px;border-radius:8px;cursor:pointer;transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease),filter var(--dur) var(--ease)}.btn:not(:disabled):not(.ghost):hover{box-shadow:var(--glow-sm);transform:translateY(-1px)}.btn:not(:disabled):not(.ghost):active{transform:none;filter:brightness(.92)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.ghost:hover{background:var(--hover);border-color:var(--line-strong)}.actions .btn.danger{margin-left:auto;color:var(--danger)}.actions .btn.danger:hover{border-color:var(--danger);background:var(--danger-soft)}.btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}a.btn{text-decoration:none;display:inline-block;line-height:normal}.ico{flex:none;vertical-align:-.125em}.btn.icon{display:inline-flex;align-items:center;justify-content:center;padding:9px 11px}.btn.ghost.icon:not(:disabled):not(.danger):hover{color:var(--accent-ink)}.spin-wrap{display:inline-block;width:0;height:12px;overflow:hidden;vertical-align:-2px;transition:width .25s ease}.spin-wrap.on{width:19px}.spin{width:12px;height:12px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--accent-ink);display:inline-block;opacity:0;transition:opacity .25s ease;animation:rotate .8s linear infinite;animation-play-state:paused}.spin-wrap.on .spin{opacity:1;animation-play-state:running}@keyframes rotate{to{transform:rotate(1turn)}}.icon-spin{animation:rotate .8s linear infinite;transform-origin:center}@media (prefers-reduced-motion:reduce){.icon-spin,.spin{animation:none}.btn{transition:none}.btn:not(:disabled):not(.ghost):hover{transform:none}}.note{margin-top:12px;font-size:13px;color:var(--accent-ink);background:var(--accent-soft);border-radius:8px;padding:8px 12px}.actions .note,.dialog-actions .note{margin-top:0;margin-right:auto;flex:1 1;min-width:0}.status-done{color:var(--done);font-size:13px;font-weight:500}.empty{color:var(--muted);font-size:14px;padding:24px;text-align:center}.badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;color:var(--badge-ink);white-space:nowrap}.badge.kursanfrage{background:var(--cat-kursanfrage)}.badge.bestandskunde{background:var(--cat-bestandskunde)}.badge.rechnung{background:var(--cat-rechnung)}.badge.automatisch{background:var(--cat-automatisch)}.badge.sonstiges{background:var(--cat-sonstiges)}.badge.spam{background:var(--cat-spam)}.badge.unklassifiziert{background:var(--warn);color:var(--warn-ink)}select.badge.badge-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;font:inherit;font-size:11px;font-weight:600;cursor:pointer;padding-right:20px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'><path d='M0 0l4 5 4-5z' fill='white'/></svg>");background-repeat:no-repeat;background-position:right 7px center}select.badge.badge-select.unklassifiziert{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'><path d='M0 0l4 5 4-5z' fill='%2305080B'/></svg>")}select.badge-select:hover{filter:brightness(1.12)}:root[data-theme=light] button.btn-select,:root[data-theme=light] select.btn-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M0 0l5 6 5-6z' fill='%235C6B7A'/></svg>")}:root[data-theme=light] .compose-row-select,:root[data-theme=light] .tb-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'><path d='M0 0l4 5 4-5z' fill='%235C6B7A'/></svg>")}select.badge-select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}select.badge-select:disabled{opacity:.5;cursor:not-allowed}select.badge-select option{background:var(--panel);color:var(--ink);font-weight:400}.topbar-actions{display:flex;gap:8px}.draft-head{justify-content:space-between;gap:12px;margin:12px 0 6px}.draft-head,.tone-controls{display:flex;align-items:center;flex-wrap:wrap}.tone-controls{gap:8px}.draft-head .btn-select{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-draft-head{margin:0 0 6px}.addr-wrap{position:relative}.addr-wrap .login-input{width:100%}.addr-suggest{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:40;margin:0;padding:4px;list-style:none;background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;box-shadow:var(--glow-sm);max-height:240px;overflow-y:auto}.addr-item{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;text-align:left;font:inherit;font-size:13px;background:transparent;border:0;border-radius:6px;padding:6px 10px;cursor:pointer;color:var(--ink)}.addr-item.active{background:var(--hover)}.addr-item:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.addr-name{font-weight:500}.addr-mail{font-size:12px;color:var(--muted)}button.btn-select,select.btn-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;font:inherit;font-size:14px;font-weight:500;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:8px;padding:9px 34px 9px 16px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M0 0l5 6 5-6z' fill='%23A9B6C4'/></svg>");background-repeat:no-repeat;background-position:right 12px center}button.btn-select:hover,select.btn-select:hover{background-color:var(--hover);border-color:var(--muted)}button.btn-select:focus-visible,select.btn-select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}button.btn-select:disabled,select.btn-select:disabled{opacity:.5;cursor:not-allowed}select.btn-select option{background:var(--panel);color:var(--ink);font-weight:400}.editor{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--input-bg)}.editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:6px 8px;border-bottom:1px solid var(--line);background:var(--inset)}.tb-btn{font:inherit;font-size:13px;min-width:30px;padding:4px 8px;cursor:pointer;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:6px}.tb-btn:hover{border-color:var(--muted)}.tb-btn:disabled{opacity:.5;cursor:not-allowed}.tb-btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.tb-toggle{margin-left:auto;color:var(--muted)}.tb-btn.active{background:var(--active);border-color:var(--accent)}.tb-btn.tb-icon{display:inline-flex;align-items:center;justify-content:center}.tb-group{display:inline-flex;border:1px solid var(--line);border-radius:6px}.tb-group .tb-btn{border:0;border-radius:0}.tb-group>*+*{border-left:1px solid var(--line)}.tb-group>:first-child,.tb-group>:first-child .tb-btn{border-top-left-radius:5px;border-bottom-left-radius:5px}.tb-group>:last-child,.tb-group>:last-child .tb-btn{border-top-right-radius:5px;border-bottom-right-radius:5px}.tb-group .tb-btn:hover{background:var(--hover)}.tb-group .tb-btn.active{box-shadow:inset 0 0 0 1px var(--accent)}.tb-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;font:inherit;font-size:13px;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:6px;padding:4px 20px 4px 8px;cursor:pointer;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'><path d='M0 0l4 5 4-5z' fill='%23A9B6C4'/></svg>");background-repeat:no-repeat;background-position:right 7px center}.tb-select:hover{border-color:var(--muted)}.tb-select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.tb-select:disabled{opacity:.5;cursor:not-allowed}.tb-select option{background:var(--panel);color:var(--ink)}.tb-ico-fore{border-bottom:3px solid var(--accent);padding-bottom:1px;line-height:1}.tb-ico-hilite{background:var(--warn);color:var(--warn-ink);border-radius:3px;padding:0 3px}.tb-colorwrap{position:relative;display:inline-flex}.color-pop{position:absolute;top:calc(100% + 4px);left:0;z-index:40;display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;box-shadow:var(--glow-sm)}.color-row{display:flex;gap:6px}.tb-swatch{width:22px;height:22px;padding:0;cursor:pointer;border:1px solid var(--line-strong);border-radius:5px}.tb-swatch:hover{border-color:var(--ink)}.tb-swatch:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.tb-swatch.none{background:linear-gradient(to top left,transparent 44%,var(--danger) 46%,var(--danger) 54%,transparent 56%)}.tb-custom{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);cursor:pointer;white-space:nowrap}.tb-custom input[type=color]{width:24px;height:24px;padding:0;cursor:pointer;border:1px solid var(--line-strong);border-radius:5px;background:transparent}.emoji-pop{position:absolute;top:calc(100% + 4px);right:0;z-index:40;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:2px;gap:2px;padding:8px;background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;box-shadow:var(--glow-sm)}.tb-emoji{padding:3px 5px;font-size:17px;line-height:1.3;cursor:pointer;background:transparent;border:none;border-radius:5px}.tb-emoji:hover{background:var(--hover)}.tb-emoji:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.editor-box{min-height:220px;max-height:52vh;max-height:52dvh;overflow-y:auto;padding:12px 14px;font-size:14px;line-height:1.6;color:var(--ink);outline:none;font-family:Aptos,Calibri,Segoe UI,Arial,sans-serif}.editor-box:empty:before{content:attr(data-placeholder);color:var(--muted)}.editor-box p{margin:0 0 10px}.editor-box a{color:var(--accent-ink)}.editor-source{width:100%;min-height:220px;resize:vertical;border:none;outline:none;padding:12px 14px;background:var(--input-bg);color:var(--ink);font-family:var(--font-mono);font-size:13px;line-height:1.6}.compose-modal,.dialog-modal{width:min(960px,94vw)}.dialog-body{padding:16px;overflow-y:auto;gap:10px}.dialog-body,.dialog-field{display:flex;flex-direction:column}.dialog-field{gap:4px}.dialog-label{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.compose-rows{display:flex;flex-direction:column}.compose-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.compose-row:focus-within{border-bottom-color:var(--accent)}.compose-row-label{flex:none;width:56px;font-size:12px;color:var(--muted)}.compose-row .addr-wrap,.compose-row-input{flex:1 1;min-width:0}.compose-row-input{width:100%;font:inherit;font-size:14px;color:var(--ink);background:transparent;border:0;padding:9px 0;outline:none}.compose-row-input:disabled{opacity:.5}.compose-row-input::placeholder{color:var(--muted);opacity:.75}.compose-subject .compose-row-input{font-size:15px;font-weight:600}.compose-row-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;font:inherit;font-size:14px;color:var(--ink);cursor:pointer;background:transparent;border:0;padding:9px 20px 9px 0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'><path d='M0 0l4 5 4-5z' fill='%23A9B6C4'/></svg>");background-repeat:no-repeat;background-position:right 4px center}.compose-row-select:disabled{opacity:.5;cursor:not-allowed}.compose-row-select:focus-visible{outline:none}.compose-row-select option{background:var(--panel);color:var(--ink)}.addr-toggles{flex:none;display:flex;gap:2px}.addr-toggle{font:inherit;font-size:12px;color:var(--muted);background:transparent;border:0;border-radius:6px;padding:5px 8px;cursor:pointer}.addr-toggle:hover{color:var(--ink);background:var(--hover)}.addr-toggle:disabled{opacity:.5;cursor:not-allowed}.addr-toggle:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.dialog-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--line)}.settings{max-width:640px}.settings-card{gap:10px}.settings-hint{font-size:13px;color:var(--muted);margin:0;line-height:1.55}.mailbox-list{list-style:none;margin:2px 0;padding:0}.mailbox-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line)}.mailbox-row:last-child{border-bottom:none}.mailbox-address{font-family:var(--font-mono);font-size:13px;min-width:0;overflow-wrap:anywhere}.mailbox-tag{font-size:11px;color:var(--muted);background:var(--inset);border:1px solid var(--line);border-radius:6px;padding:2px 8px;white-space:nowrap}.mailbox-actions{margin-left:auto;display:flex;gap:8px}.mailbox-empty{padding:10px 0;color:var(--muted);font-size:13px}.mailbox-add{display:flex;gap:8px;margin-top:2px;flex-wrap:wrap}.mailbox-add .login-input{flex:1 1;min-width:220px}.sig-form{display:flex;flex-direction:column;gap:8px;margin-top:6px}.sig-form-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.sig-form-actions{display:flex;justify-content:flex-end}.login-wrap{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:340px;display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px 24px;box-shadow:var(--glow-sm)}.login-brand{display:flex;justify-content:center;margin:0 0 14px}.login-brand img{height:30px;width:auto}.login-label{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.login-input{font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--input-bg);color:var(--ink)}.login-input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px;border-color:var(--accent)}.login-error{font-size:13px;color:var(--ink);background:var(--danger);border-radius:8px;padding:8px 12px}.login-card .btn{margin-top:4px}@media (min-width:901px){.app-shell{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}.app-shell .stats{flex:none}.app-shell .workspace{flex:1 1;min-height:0;align-items:stretch;padding-bottom:10px}.app-shell .list-col{display:flex;flex-direction:column;min-height:0;padding-right:14px}.app-shell .filters{flex:none}.app-shell .list{flex:1 1;max-height:none;min-height:0}.app-shell .detail{overflow-y:auto;min-height:0;padding-left:16px}}@media (max-width:1100px){.stats-page{grid-template-columns:repeat(4,1fr)}.stat-card.s3{grid-column:span 2}.topbar{flex-wrap:wrap;row-gap:10px}.topbar-filters{order:3;width:100%;justify-content:flex-start}}@media (max-width:900px){.stats{gap:2px 18px}.workspace{grid-template-columns:1fr}.list{max-height:46vh;max-height:46dvh}.detail{min-height:0;border-top:1px solid var(--line);margin-top:10px;padding:12px 12px 24px}}@media (max-width:760px){.stats-page{grid-template-columns:repeat(2,1fr)}.stat-card.s2,.stat-card.s3{grid-column:span 2}.topbar-filters .filter-menu,.topbar-filters .filter-select{flex:1 1;max-width:none}}@media (max-width:640px){.app{padding:0 10px 24px}.stats,.topbar{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}.topbar{row-gap:10px;position:static;padding-top:12px}.topbar,.topbar-actions,.topbar-filters{flex-wrap:wrap}.topbar-filters .filter-menu,.topbar-filters .filter-select{flex:1 1 40%}.brand-logo{height:22px}.detail-head{flex-direction:column;align-items:stretch}.detail-head-right{flex-direction:row;align-items:center;justify-content:space-between}.bar-row{grid-template-columns:96px 1fr 26px}.cols,.cols-x{gap:2px}.donut-wrap{flex-wrap:wrap}.modal-backdrop{padding:12px}.editor-box{max-height:44vh;max-height:44dvh}.tb-select{max-width:104px}}@media (pointer:coarse){.btn,.search-input,button.btn-select,select.btn-select{min-height:44px}.search-clear{padding:8px 10px}.li-actions{position:static;opacity:1;pointer-events:auto;margin-top:6px;justify-content:flex-end;display:flex;background:transparent;border:0;padding:0;gap:6px}.li-act{min-width:40px;min-height:40px;border:1px solid var(--line)}.li-chevron{min-height:40px;padding:4px 12px}.flag-swatch{width:32px;height:32px}.addr-item{min-height:44px;justify-content:center}.addr-toggle{min-height:40px;min-width:40px}.compose-row-input,.compose-row-select{min-height:44px}.tb-btn{padding:8px 10px}.tb-btn,.tb-select{min-height:40px}.tb-custom input[type=color],.tb-swatch{width:32px;height:32px}select.badge.badge-select{padding-top:5px;padding-bottom:5px}.attachment-name{padding:4px 0}.attachment-dl{padding:4px 6px}.attachment-dl .ico{width:16px;height:16px}}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b1f344208eb4edfe-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/48e2044251ef3125-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/bf24a9759715e608-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/1f173e5e25f3efee-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/904be59b21bd51cb-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Montserrat Fallback;src:local("Arial");ascent-override:85.79%;descent-override:22.25%;line-gap-override:0.00%;size-adjust:112.83%}.__className_069ab3{font-family:Montserrat,Montserrat Fallback;font-style:normal}.__variable_069ab3{--font-montserrat:"Montserrat","Montserrat Fallback"}@font-face{font-family:Mulish;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/1ba4bcc28d9acde5-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Mulish;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/3cca6a2fae6396cc-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Mulish;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/af6b7096c023fb67-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Mulish;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/7d87e5ac6ec6000d-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Mulish;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/3be83a346553616c-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Mulish Fallback;src:local("Arial");ascent-override:96.56%;descent-override:24.02%;line-gap-override:0.00%;size-adjust:104.08%}.__className_9738f2{font-family:Mulish,Mulish Fallback;font-style:normal}.__variable_9738f2{--font-mulish:"Mulish","Mulish Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_3c557b{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_3c557b{--font-jbmono:"JetBrains Mono","JetBrains Mono Fallback"}