:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-md:.875rem;--fs-lg:1rem;--fs-xl:1.25rem;--radius-sm:4px;--radius:6px;--radius-lg:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--topbar-h:52px;--sidebar-w:248px;--list-w:clamp(380px, 34vw, 500px);--bg:#f6f6f3;--surface:#fff;--surface-2:#f0efeb;--surface-3:#e7e6e1;--border:#dfded8;--border-strong:#c4c3bc;--text:#1c1c1a;--text-muted:#5c5b56;--accent:#2f5d50;--accent-hover:#244a3f;--accent-contrast:#fff;--accent-soft:#e2ece8;--accent-text:#2a5447;--row-hover:#f3f3ef;--row-selected:#e6eeea;--row-active:#dde9e4;--focus:#1d63b8;--danger:#b3261e;--danger-contrast:#fff;--danger-soft:#fbe6e4;--ok:#1d6a39;--ok-bg:#e1f1e6;--warn:#7d5100;--warn-bg:#fbf0d4;--bad:#a8231c;--bad-bg:#fae3e1;--info:#1d5a85;--info-bg:#e2edf6;--ai:#5b3fa6;--ai-bg:#ece6fa;--banner-bg:#fbf0d4;--banner-text:#5c3c00;--badge-s-bg:45%;--badge-l-bg:92%;--badge-s-fg:55%;--badge-l-fg:26%;--shadow:0 1px 2px #0000000f, 0 4px 16px #00000014;--shadow-lg:0 8px 40px #0000002e}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111513;--surface:#171c1a;--surface-2:#1e2422;--surface-3:#283030;--border:#2c3431;--border-strong:#3e4844;--text:#e6e8e5;--text-muted:#a2aaa5;--accent:#7cc3ab;--accent-hover:#95d2bd;--accent-contrast:#0c1a15;--accent-soft:#1d3029;--accent-text:#8fd0b9;--row-hover:#1c2220;--row-selected:#1f2f29;--row-active:#233830;--focus:#7ab4ff;--danger:#ff8a80;--danger-contrast:#1a0b0a;--danger-soft:#3a1d1b;--ok:#86d6a1;--ok-bg:#18301f;--warn:#f1c46b;--warn-bg:#33280f;--bad:#ff9a8f;--bad-bg:#3a1c19;--info:#8cc2ef;--info-bg:#182a39;--ai:#c6b3ff;--ai-bg:#2a2340;--banner-bg:#33280f;--banner-text:#f6dca0;--badge-s-bg:25%;--badge-l-bg:22%;--badge-s-fg:60%;--badge-l-fg:80%;--shadow:0 1px 2px #0006, 0 4px 16px #0006;--shadow-lg:0 8px 40px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111513;--surface:#171c1a;--surface-2:#1e2422;--surface-3:#283030;--border:#2c3431;--border-strong:#3e4844;--text:#e6e8e5;--text-muted:#a2aaa5;--accent:#7cc3ab;--accent-hover:#95d2bd;--accent-contrast:#0c1a15;--accent-soft:#1d3029;--accent-text:#8fd0b9;--row-hover:#1c2220;--row-selected:#1f2f29;--row-active:#233830;--focus:#7ab4ff;--danger:#ff8a80;--danger-contrast:#1a0b0a;--danger-soft:#3a1d1b;--ok:#86d6a1;--ok-bg:#18301f;--warn:#f1c46b;--warn-bg:#33280f;--bad:#ff9a8f;--bad-bg:#3a1c19;--info:#8cc2ef;--info-bg:#182a39;--ai:#c6b3ff;--ai-bg:#2a2340;--banner-bg:#33280f;--banner-text:#f6dca0;--badge-s-bg:25%;--badge-l-bg:22%;--badge-s-fg:60%;--badge-l-fg:80%;--shadow:0 1px 2px #0006, 0 4px 16px #0006;--shadow-lg:0 8px 40px #0009}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:var(--fs-md) / 1.45 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3{margin:0;line-height:1.25}a{color:var(--accent-text)}code,kbd{font-family:var(--font-mono);font-size:.92em}kbd{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);border-bottom-width:2px;padding:1px 6px;display:inline-block}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius);padding:8px 12px;position:absolute;top:-40px;left:8px}.skip-link:focus{top:8px}.muted{color:var(--text-muted)}.small{font-size:var(--fs-sm)}.pad{padding:var(--space-4)}.pad-sm{padding:var(--space-2) var(--space-3)}.spacer{flex:1}.break{word-break:break-all}.icon{flex:none}.rot-90{transform:rotate(-90deg)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.btn{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);min-height:34px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 14px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--danger-contrast)}.btn-ghost{background:0 0;border-color:#0000}.btn-danger-ghost{color:var(--danger);background:0 0;border-color:#0000}.btn-danger-ghost:hover{background:var(--danger-soft)}.btn-sm{min-height:28px;font-size:var(--fs-sm);padding:0 10px}.icon-btn{border-radius:var(--radius);width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.link-btn{color:var(--accent-text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}input,select,textarea{font:inherit;color:inherit}:where(input:not([type=checkbox],[type=radio]),select,textarea){border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);min-height:34px;padding:6px 10px}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--accent)}textarea{resize:vertical}.badge{font-size:var(--fs-xs);white-space:nowrap;background:var(--surface-3);color:var(--text);border-radius:999px;align-items:center;gap:3px;padding:1px 7px;font-weight:600;display:inline-flex}.badge-ai{background:var(--ai-bg);color:var(--ai)}.badge-draft{background:var(--danger-soft);color:var(--danger)}.badge-blocked{background:var(--bad-bg);color:var(--bad)}.badge-demo{background:var(--accent-soft);color:var(--accent-text)}.badge-offline{background:var(--warn-bg);color:var(--warn)}.status{font-size:var(--fs-xs);white-space:nowrap;vertical-align:middle;border-radius:999px;align-items:center;gap:3px;padding:1px 8px;font-weight:600;display:inline-flex}.status-ok{background:var(--ok-bg);color:var(--ok)}.status-warn{background:var(--warn-bg);color:var(--warn)}.status-bad{background:var(--bad-bg);color:var(--bad)}.status-info{background:var(--info-bg);color:var(--info)}.status-muted{background:var(--surface-3);color:var(--text-muted)}.kind-tag{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap;margin-left:6px;padding:0 6px;display:inline-block}.avatar{width:34px;height:34px;font-size:var(--fs-sm);background:hsl(var(--badge-hue,160) var(--badge-s-bg) var(--badge-l-bg));color:hsl(var(--badge-hue,160) var(--badge-s-fg) var(--badge-l-fg));border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:650;text-decoration:none;display:inline-flex}.avatar-sm{width:26px;height:26px;font-size:var(--fs-xs)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.card h2{font-size:var(--fs-lg);margin-bottom:var(--space-3)}.card-flush{padding:0;overflow:hidden}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:9px 12px}.table th{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--surface-2);font-weight:600}.table tr:last-child td{border-bottom:0}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .right{text-align:right}.empty{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-5);color:var(--text-muted);text-align:center;flex-direction:column;height:100%;display:flex}.field-error{color:var(--danger);font-size:var(--fs-sm);margin:4px 0 0}.app{grid-template-rows:var(--topbar-h) auto minmax(0, 1fr);height:100dvh;display:grid;overflow:hidden}.topbar{align-items:center;gap:var(--space-3);padding:0 var(--space-3);background:var(--surface);border-bottom:1px solid var(--border);min-width:0;display:flex}.brand{width:calc(var(--sidebar-w) - 64px);color:var(--text);letter-spacing:-.01em;flex:none;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.menu-btn{display:none}.topbar-actions{align-items:center;gap:2px;margin-left:auto;display:flex}.avatar-btn{width:30px;height:30px;margin-left:6px}.search{flex:1;min-width:0;max-width:680px;position:relative}.search-form{background:var(--surface-2);border-radius:var(--radius-lg);border:1px solid #0000;align-items:center;padding-left:10px;display:flex}.search-form:focus-within{background:var(--surface);border-color:var(--border-strong)}.search-icon{color:var(--text-muted)}.search-form .search-input{background:0 0;border:0;outline:none;flex:1;min-width:0;min-height:36px}.search-advanced{z-index:30;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0}.adv-field{align-items:center;gap:var(--space-2);grid-template-columns:150px 1fr;display:grid}.adv-field span{color:var(--text-muted);font-size:var(--fs-sm)}.adv-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.adv-row .adv-field{grid-template-columns:150px 1fr}.adv-check{align-items:center;gap:8px;display:flex}.adv-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.health-banner{align-items:center;gap:var(--space-3);padding:8px var(--space-4);background:var(--banner-bg);color:var(--banner-text);border-bottom:1px solid var(--border);display:flex}.health-text{flex:1}.health-link{color:inherit;font-weight:600}.health-banner .icon-btn{color:inherit}.layout{grid-row:3;grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:0;display:grid}.sidebar-wrap{border-right:1px solid var(--border);background:var(--bg);min-height:0;overflow-y:auto}.main{outline:none;min-width:0;min-height:0;overflow:hidden}.sidebar{padding:var(--space-3) var(--space-2);flex-direction:column;gap:2px;min-height:100%;display:flex}.compose-btn{margin:0 var(--space-1) var(--space-3);justify-content:center;min-height:40px}.nav-list{margin:0;padding:0;list-style:none}.nav-item{border-radius:var(--radius);min-height:32px;color:var(--text);align-items:center;gap:10px;min-width:0;padding:4px 10px;text-decoration:none;display:flex}.nav-item .icon{color:var(--text-muted)}.nav-item:hover{background:var(--surface-2)}.nav-item.active{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.nav-item.active .icon{color:var(--accent-text)}.nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-label.is-off{color:var(--text-muted);text-decoration:line-through}.nav-count{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;font-weight:700}.nav-heading{margin:var(--space-4) 10px var(--space-1);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700}.nav-domain-row{align-items:center;display:flex}.nav-domain-row .nav-item{flex:1;padding-left:2px}.nav-toggle{width:22px;height:28px}.nav-sublist{margin:0 0 4px;padding:0 0 0 30px;list-style:none}.nav-sub{min-height:28px;font-size:var(--fs-sm);gap:6px}.dot{background:hsl(var(--badge-hue) 55% 45%);border-radius:50%;flex:none;width:10px;height:10px}.nav-item .warn-icon{color:var(--warn)}.sidebar-foot{padding-top:var(--space-4);margin-top:auto}.mail-view{grid-template-columns:var(--list-w) minmax(0, 1fr);height:100%;min-height:0;display:grid}.list-pane{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;min-height:0;display:flex}.list-toolbar{min-height:48px;padding:0 var(--space-2) 0 var(--space-4);border-bottom:1px solid var(--border);align-items:center;gap:4px;display:flex}.list-title{font-size:var(--fs-lg);white-space:nowrap;text-overflow:ellipsis;flex:1;margin-left:10px;font-weight:650;overflow:hidden}.list-sel-count{margin:0 var(--space-2);font-weight:600;font-size:var(--fs-sm)}.move-menu{color:var(--text-muted);align-items:center;gap:4px;margin-left:4px;display:inline-flex}.move-menu select{max-width:140px;min-height:30px;padding:2px 6px}.list-scroll{outline:none;flex:1;min-height:0;overflow-y:auto}.msg-list{margin:0;padding:0;list-style:none;position:relative}.row{border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:22px 34px minmax(0,1fr) 30px;align-items:center;gap:0 10px;padding:0 6px 0 14px;display:grid;position:absolute;top:0;left:0;right:0}.row:hover{background:var(--row-hover)}.row.is-selected{background:var(--row-selected)}.row.is-active{background:var(--row-active)}.row.is-cursor{box-shadow:inset 3px 0 0 var(--accent)}.row-link{min-width:0;color:inherit;gap:2px;padding:8px 0;text-decoration:none;display:grid}.row-top{align-items:center;gap:6px;min-width:0;display:flex}.row-from{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:5.5em;overflow:hidden}.row-count{color:var(--text-muted);font-size:var(--fs-xs);margin-left:5px}.row-date{font-size:var(--fs-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none}.row-bottom{white-space:nowrap;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.row-subject{text-overflow:ellipsis;flex:none;max-width:70%;overflow:hidden}.row-preview{text-overflow:ellipsis;min-width:0;color:var(--text-muted);flex:1;overflow:hidden}.row-attach{color:var(--text-muted)}.row.is-unread .row-from,.row.is-unread .row-subject{font-weight:700}.row.is-unread .row-date{color:var(--accent-text);font-weight:700}.row.is-unread:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:3px}.row-flag{opacity:.45;width:28px;height:28px}.row-flag.is-on{opacity:1;color:#c98a00}.row-flag.is-on .icon{fill:currentColor}.row:hover .row-flag{opacity:1}.to-badge{max-width:190px;font-size:var(--fs-xs);white-space:nowrap;background:hsl(var(--badge-hue) var(--badge-s-bg) var(--badge-l-bg));color:hsl(var(--badge-hue) var(--badge-s-fg) var(--badge-l-fg));vertical-align:middle;border-radius:999px;flex:none;align-items:center;gap:2px;padding:0 7px;font-weight:600;line-height:18px;display:inline-flex;overflow:hidden}.to-local{text-overflow:ellipsis;flex:none;max-width:100%;overflow:hidden}.to-domain{text-overflow:ellipsis;opacity:.8;min-width:0;font-weight:500;overflow:hidden}.to-badge.is-blocked{text-decoration:line-through}.row-top .to-badge{flex:0 auto;min-width:0;max-width:58%}.reader{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex}.reader-toolbar{min-height:48px;padding:0 var(--space-3);border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:2px;display:flex}.reader-back{display:none}.reader-toolbar{overflow-x:auto}.reader-scroll{min-height:0;padding:var(--space-4) var(--space-5) var(--space-5);flex:1;overflow-y:auto}.reader-subject{font-size:var(--fs-xl);margin-bottom:var(--space-4);outline:none;font-weight:650}.thread{gap:var(--space-2);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.msg{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.msg.is-draft{border-style:dashed}.msg-collapsed{padding:0}.msg-collapsed-btn{width:100%;padding:10px var(--space-4);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;display:flex}.msg-collapsed-btn .msg-from{flex:none;font-weight:600}.msg-preview{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-muted);flex:1;overflow:hidden}.msg-head{gap:var(--space-3);align-items:flex-start;display:flex}.msg-meta{flex:1;min-width:0}.msg-line1{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.msg-line2{font-size:var(--fs-sm);margin-top:2px}.msg-from-btn{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.msg-email{font-size:var(--fs-sm)}.msg-date{font-size:var(--fs-sm);color:var(--text-muted);flex:none}.msg-actions{margin:var(--space-3) 0;flex-wrap:wrap;gap:6px;display:flex}.html-body{border-radius:var(--radius);overflow:hidden}.html-frame{border-radius:var(--radius);background:#fff;border:0;width:100%;display:block}.images-bar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);border-radius:var(--radius);background:var(--surface-2);font-size:var(--fs-sm);flex-wrap:wrap;padding:6px 10px;display:flex}.images-bar span{flex:1;min-width:12em}.images-bar-quiet{color:var(--text-muted);background:0 0;padding:2px 0}.plain-body{font-size:var(--fs-md);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.quote-line{color:var(--text-muted);border-left:3px solid var(--border-strong);padding-left:8px}.attachments{gap:var(--space-2);margin:var(--space-3) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.attachment{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);max-width:280px;color:inherit;font:inherit;text-align:left;cursor:pointer;align-items:center;gap:10px;padding:8px 10px;display:flex}.attachment:hover{border-color:var(--border-strong)}.attachment-meta{min-width:0;font-size:var(--fs-sm);display:grid}.attachment-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.reader-empty .empty{opacity:.9}.composer{right:var(--space-4);z-index:40;width:min(600px,100vw - 32px);max-height:calc(100dvh - var(--topbar-h) - 16px);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);border-bottom:0;flex-direction:column;display:flex;position:fixed;bottom:0}.composer.is-expanded{width:min(960px,100vw - 48px);height:calc(100dvh - var(--topbar-h) - 24px);right:50%;transform:translate(50%)}.composer.is-drag{outline:3px dashed var(--accent);outline-offset:-6px}.composer-head{background:var(--surface-2);border-radius:var(--radius-lg) var(--radius-lg) 0 0;align-items:center;gap:2px;padding:4px 6px 4px 14px;display:flex}.composer-title{font-size:var(--fs-md);flex:1;align-items:center;gap:8px;font-weight:650;display:flex}.composer-status{font-size:var(--fs-xs);color:var(--text-muted);margin-right:6px}.composer-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.composer.is-min .composer-body{display:none}.field-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:40px;padding:2px 14px;display:flex}.field-row-link{min-height:30px;font-size:var(--fs-sm);justify-content:flex-end}.field-label{width:52px;color:var(--text-muted);font-size:var(--fs-sm)}.field-row .field-error{width:100%;padding-left:60px}.chips{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.chip{background:var(--surface-3);font-size:var(--fs-sm);border-radius:999px;align-items:center;gap:2px;max-width:100%;padding:1px 4px 1px 9px;display:inline-flex}.chip-x{width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.chip-x:hover{background:var(--border)}.combo{flex:1;min-width:140px;position:relative}.chips-input,.from-input,.subject-input{background:0 0;border:0;outline:none;width:100%;padding:6px 0}.subject-input{flex:1;width:auto}.from-combo{align-items:center;display:flex}.combo-list{z-index:50;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);min-width:280px;max-width:420px;max-height:280px;box-shadow:var(--shadow);margin:2px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;overflow-y:auto}.combo-opt{border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:4px;padding:6px 8px;display:flex}.combo-opt.active{background:var(--accent-soft)}.combo-group{width:100%;font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding-top:4px;font-weight:700}.combo-main{flex:1}.combo-create{color:var(--accent-text);font-weight:600}.combo-empty{color:var(--text-muted);font-size:var(--fs-sm);padding:8px}.editor{flex-direction:column;flex:1;min-height:200px;display:flex}.editor-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:0;padding:2px 8px;display:flex}.editor-toolbar .icon-btn{width:30px;height:30px}.editor-area,.plain-editor{overflow-wrap:anywhere;outline:none;flex:1;min-height:180px;padding:10px 14px;line-height:1.5}.plain-editor{resize:none;font-family:var(--font-mono);font-size:var(--fs-sm);border:0;border-radius:0}.editor-area p{margin:0 0 .6em}.editor-area blockquote{border-left:3px solid var(--border-strong);color:var(--text-muted);margin:0 0 .6em;padding-left:10px}.editor-area [data-eo-signature]{color:var(--text-muted);margin-bottom:.8em}.attach-list{flex-wrap:wrap;gap:6px;margin:0;padding:8px 14px;list-style:none;display:flex}.attach-chip{border:1px solid var(--border);border-radius:var(--radius);font-size:var(--fs-sm);align-items:center;gap:6px;padding:3px 4px 3px 8px;display:inline-flex}.attach-name{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.composer-foot{border-top:1px solid var(--border);background:var(--surface);align-items:center;gap:6px;padding:8px 10px;display:flex;position:sticky;bottom:0}.toasts{z-index:60;gap:8px;width:max-content;max-width:calc(100vw - 24px);display:grid;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius);color:#f2f3f1;box-shadow:var(--shadow-lg);font-size:var(--fs-md);background:#262a28;align-items:center;gap:10px;padding:6px 6px 6px 14px;display:flex}.toast-error{background:#7a1d17}.toast-action{color:#9fe0c9;font:inherit;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;padding:6px 8px;font-weight:700}.toast-error .toast-action{color:#ffd7d2}.toast-action:hover{background:#ffffff1a}.toast .icon-btn{color:#c9ccca;width:28px;height:28px}.toast .icon-btn:hover{color:#fff;background:#ffffff1a}.modal-backdrop{z-index:80;background:#0a0e0c73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-lg);width:min(460px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lg);overflow-y:auto}.modal-wide{width:min(680px,100%)}.modal-head{justify-content:space-between;align-items:center;padding:14px 14px 0 20px;display:flex}.modal-head h2{font-size:var(--fs-lg)}.modal-body{padding:8px 20px 4px}.modal-foot{justify-content:flex-end;gap:8px;padding:12px 20px 18px;display:flex}.shortcuts{gap:6px;margin:0 0 12px;display:grid}.shortcut-row{grid-template-columns:160px 1fr;align-items:center;display:grid}.shortcut-row dd{margin:0}.secret-box{border-radius:var(--radius);background:var(--surface-2);word-break:break-all;align-items:center;gap:8px;padding:10px 12px;display:flex}.secret-box code{flex:1}.signin{place-items:center;min-height:100dvh;padding:16px;display:grid}.signin-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;justify-items:center;gap:12px;width:min(380px,100%);padding:32px;display:grid}.settings{grid-template-columns:230px minmax(0,1fr);height:100%;min-height:0;display:grid}.settings-nav{padding:var(--space-3) var(--space-2);border-right:1px solid var(--border);overflow-y:auto}.settings-nav .nav-heading{font-size:var(--fs-xs)}.settings-content{min-height:0;padding:var(--space-5);overflow-y:auto}.page{max-width:980px}.page-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.page-head h1{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;font-size:1.4rem;display:flex}.page-head p{max-width:640px;margin:0}.page-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.crumbs{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--space-2)}.section-title{font-size:var(--fs-lg);margin:var(--space-5) 0 var(--space-2)}.form{gap:var(--space-3);display:grid}.form-inline{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.form-field{gap:4px;display:grid}.form-field>span{font-size:var(--fs-sm);font-weight:600}.form-field.narrow{max-width:340px;margin-bottom:var(--space-3)}.form-field.grow{flex:1;min-width:200px}.form-actions{gap:var(--space-2);display:flex}.check,.radio{margin-right:var(--space-4);align-items:center;gap:6px;display:inline-flex}.check-group{border:0;flex-wrap:wrap;gap:6px 0;margin:0;padding:0;display:flex}.check-group legend{font-size:var(--fs-sm);margin-bottom:6px;padding:0;font-weight:600}.scopes-grid .check{min-width:190px}.radio-row{margin:0 0 var(--space-3);border:0;padding:0}.filters{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.filters input[type=search]{flex:1;min-width:200px}.strong-link{color:var(--text);font-weight:600;text-decoration:none}.strong-link:hover{text-decoration:underline}.addr-cell,.dns-cell{align-items:center;gap:2px;max-width:100%;display:inline-flex}.copy-btn{width:26px;height:26px}.dns-value{word-break:break-all}.dns-found{color:var(--bad);margin-top:4px}.dns-hint{color:var(--warn);margin-top:4px}.dns-table td{font-size:var(--fs-sm)}.note-btn{color:inherit;font:inherit;text-align:left;border-radius:var(--radius-sm);cursor:text;background:0 0;border:0;max-width:260px;padding:2px 4px}.note-btn:hover{background:var(--surface-2)}.note-input{width:100%;min-height:28px;padding:2px 6px}.delivery-select{max-width:200px;min-height:28px;font-size:var(--fs-sm);padding:2px 6px}.actions-cell{white-space:nowrap}.steps{margin:0;padding:0;list-style:none}.step-title{font-size:var(--fs-lg);align-items:center;gap:10px;display:flex}.step-num{background:var(--surface-3);width:24px;height:24px;font-size:var(--fs-sm);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.step.is-done .step-num{background:var(--ok-bg);color:var(--ok)}.step>p{margin:4px 0 10px}.step .table th,.step .table td{padding:7px 8px}.danger-zone{border-color:var(--bad-bg)}.danger-zone p{margin-top:0}.plain-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.card-list{margin:0;padding:0;list-style:none}.identity-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.identity-head h2{font-size:var(--fs-lg);margin:0}.empty-card{align-items:center;gap:var(--space-3);color:var(--text-muted);display:flex}.meter{margin-bottom:var(--space-3)}.meter-head{font-size:var(--fs-sm);justify-content:space-between;margin-bottom:4px;display:flex}.meter-bar{background:var(--surface-3);border-radius:3px;height:6px;overflow:hidden}.meter-bar span{background:var(--accent);height:100%;display:block}.plan-name{color:var(--accent-text)}.drawer-backdrop{display:none}.onboarding{background:var(--bg);place-items:center;min-height:100dvh;padding:16px;display:grid}.onboarding-card{gap:var(--space-3);width:min(480px,100%);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);display:grid}.onboarding-card h1{font-size:var(--fs-xl);margin:0}.onboarding-card>p{margin:0}.onboarding-brand{justify-content:space-between;align-items:center;display:flex}.onboarding-form{gap:var(--space-2);display:grid}.onboarding-label{font-size:var(--fs-sm);font-weight:600}.address-input{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);align-items:stretch;display:flex;overflow:hidden}.address-input:focus-within{outline:2px solid var(--focus);outline-offset:1px}.address-input input{min-width:0;font-size:var(--fs-lg);border:0;border-radius:0;outline:none;flex:1}.address-suffix{padding:0 var(--space-3);background:var(--surface-2);color:var(--text-muted);border-left:1px solid var(--border);white-space:nowrap;align-items:center;display:flex}.field-status{min-height:1.4em;font-size:var(--fs-sm);align-items:center;gap:4px;margin:0;display:flex}.status-text-muted{color:var(--text-muted)}.status-text-ok{color:var(--ok)}.status-text-bad{color:var(--bad)}.onboarding-foot{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border);font-size:var(--fs-sm);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.onboarding-wait{justify-items:center;gap:var(--space-2);padding:var(--space-4) 0;text-align:center;display:grid}.onboarding-wait p{margin:0}.spinner{border:3px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}.demo-switch.compact{padding-top:var(--space-2);border-top:1px dashed var(--border);font-size:var(--fs-sm)}.badge-plan{background:var(--info-bg);color:var(--info)}.fwd-tiles{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.fwd-tile{padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:2px;display:grid}.fwd-tile-label{font-size:var(--fs-sm);color:var(--text-muted)}.fwd-tile-value{font-size:var(--fs-xl);font-weight:600}.fwd-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;display:grid}.fwd-grid .card{margin:0}.fwd-home{box-sizing:border-box;height:100%;padding:var(--space-5);overflow-y:auto}.fwd-grid .form-actions{flex-wrap:wrap}.fwd-features{margin:0 0 var(--space-3);gap:6px;padding:0;list-style:none;display:grid}.fwd-features li{align-items:center;gap:6px;display:flex}.fwd-check{color:var(--ok)}.fwd-upgrade-form{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.fwd-upgrade-form .form-actions{margin:0}.strong-text{font-weight:600}@media (max-width:760px){.fwd-home,.onboarding-card{padding:var(--space-4)}}@media (min-width:761px){.is-settings .layout{grid-template-columns:minmax(0,1fr)}.is-settings .sidebar-wrap{display:none}}@media (max-width:1100px){.mail-view{grid-template-columns:minmax(0,1fr)}.mail-view .list-pane{border-right:0}.mail-view .reader,.mail-view.has-reader .list-pane{display:none}.mail-view.has-reader .reader{display:flex}.reader-back{display:inline-flex}}@media (max-width:760px){:root{--topbar-h:52px}.menu-btn{display:inline-flex}.brand{width:auto}.brand-name,.hide-phone,.badge-demo{display:none}.topbar{gap:var(--space-2);padding:0 var(--space-2)}.layout{grid-template-columns:minmax(0,1fr)}.sidebar-wrap{z-index:70;background:var(--surface);visibility:hidden;width:min(300px,86vw);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.drawer-open .sidebar-wrap{visibility:visible;box-shadow:var(--shadow-lg);transform:none}.drawer-open .drawer-backdrop{z-index:65;background:#0a0e0c66;display:block;position:fixed;inset:0}.row{grid-template-columns:20px 30px minmax(0,1fr) 28px;gap:0 8px;padding-left:10px}.row .avatar{width:30px;height:30px}.row-top .to-badge{max-width:110px}.row-top .to-domain{display:none}.reader-scroll,.msg{padding:var(--space-3)}.msg-head .msg-date{display:none}.composer,.composer.is-expanded{border-radius:0;width:100%;height:100dvh;max-height:none;inset:0;transform:none}.composer-head{border-radius:0}.settings{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.settings-nav{border-right:0;border-bottom:1px solid var(--border);padding:var(--space-2)}.settings-nav .nav-heading{display:none}.settings-nav .nav-list{gap:2px;display:flex;overflow-x:auto}.settings-nav .nav-item{white-space:nowrap}.settings-nav .nav-label{overflow:visible}.settings-back{display:none}.settings-content{padding:var(--space-4) var(--space-4) var(--space-5)}.adv-field,.adv-row .adv-field{grid-template-columns:1fr;gap:2px}.adv-row{grid-template-columns:1fr}.search-advanced{left:8px;right:8px;top:calc(var(--topbar-h) + 4px);position:fixed}.shortcut-row{grid-template-columns:120px 1fr}}@media (prefers-reduced-motion:reduce){.sidebar-wrap{transition:none}}.nav-mailbox{padding-left:calc(var(--depth,0) * 14px);border-radius:var(--radius);align-items:center;display:flex;position:relative}.nav-mailbox>.nav-item{flex:1}.nav-mailbox.is-drop{outline:2px dashed var(--accent);outline-offset:-2px;background:var(--accent-soft)}.nav-edit{opacity:0;background:var(--surface-2);width:26px;height:26px;position:absolute;right:2px}.nav-mailbox:hover .nav-edit,.nav-edit:focus-visible{opacity:1}@media (hover:none){.nav-edit{opacity:1;background:0 0}}.nav-new-folder{width:100%;font:inherit;font-size:var(--fs-sm);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:0}.row[draggable=true]{cursor:default}.push-dot{background:var(--border-strong);border-radius:50%;flex:none;width:8px;height:8px}.push-dot.is-live{background:var(--ok);box-shadow:0 0 0 3px var(--ok-bg)}.move-filter{width:100%;margin-bottom:var(--space-2)}.move-list{max-height:50vh;margin:0;padding:0;list-style:none;overflow:auto}.move-option{border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;min-height:34px;padding-right:10px;display:flex}.move-option.is-active{background:var(--accent-soft);color:var(--accent-text)}.folder-cell{align-items:center;gap:8px;display:inline-flex}.foot-left{margin-right:auto}.radio-block{margin:0 0 var(--space-2);align-items:flex-start;display:flex}.radio-block input{margin-top:3px}.block{display:block}.nowrap{white-space:nowrap}.rot-180{transform:rotate(180deg)}.notice{padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:var(--fs-sm);margin:0 0 var(--space-3);align-items:flex-start;gap:8px;display:flex}.notice>svg{flex:none;margin-top:1px}.notice-warn{background:var(--warn-bg);color:var(--warn)}.rule-list{margin:0;padding:0;list-style:none}.rule-card{gap:var(--space-3);display:grid;position:relative}.rule-card.is-off{opacity:.75}.rule-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.rule-num{background:var(--accent-soft);width:24px;height:24px;color:var(--accent-text);font-size:var(--fs-xs);border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.rule-name{flex:1;min-width:160px;font-weight:600}.rule-toggle{margin-right:0}.rule-tools{gap:2px;display:inline-flex}.rule-section{gap:var(--space-2);border:0;margin:0;padding:0;display:grid}.rule-section legend{font-size:var(--fs-sm);margin-bottom:var(--space-2);padding:0;font-weight:700}.rule-section legend select{margin-left:4px;font-weight:400}.cond-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.cond-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.cond-field{flex:0 260px;min-width:0}.cond-value{flex:1;min-width:160px}.rule-section>.btn-ghost{justify-self:start}.action-grid{gap:var(--space-3) var(--space-5);grid-template-columns:minmax(180px,280px) 1fr;align-items:start;display:grid}.action-checks{gap:6px var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding-top:22px;display:grid}.action-checks .check{margin-right:0}.check-danger{color:var(--danger)}.rule-problems{font-size:var(--fs-sm);color:var(--warn);align-items:center;gap:6px;margin:0;display:flex}.rule-off{top:-9px;right:var(--space-4);position:absolute}.filters-bar{z-index:2;justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-3) 0;margin-bottom:var(--space-3);background:var(--bg);border-top:1px solid var(--border);flex-wrap:wrap;display:flex;position:sticky;bottom:0}.filters-bar .field-error{margin:0 auto 0 0}.sieve-preview summary{cursor:pointer;font-weight:600;font-size:var(--fs-sm)}.sieve-preview pre{margin:var(--space-3) 0 0;padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--fs-xs);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;overflow:auto}@media (max-width:760px){.action-grid{grid-template-columns:1fr}.action-checks{padding-top:0}}.banners{grid-row:2;min-width:0}.auto-reply-banner{background:var(--info-bg);color:var(--info)}.ar-card{gap:var(--space-4);display:grid}.ar-switch{font-weight:600}.ar-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.ar-row .form-field{min-width:180px}.ar-card textarea{resize:vertical;width:100%;font:inherit}.ar-days{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);flex-wrap:wrap;font-weight:600;display:flex}.ar-days input{width:5em}.ar-group+.ar-group{margin-top:var(--space-2)}.ar-domain{font-size:var(--fs-sm);color:var(--text-muted);margin:0 0 4px;font-weight:600}.ar-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.ar-list .check{flex-wrap:wrap;margin-right:0}.ar-email{overflow-wrap:anywhere}.ar-card .notice:not(.notice-warn){background:var(--surface-2);color:var(--text-muted);margin:var(--space-2) 0 0}.ar-card .form-field>label{font-size:var(--fs-sm);font-weight:600}
