:root{--bg:#fff;--canvas:#f6f8fb;--panel:#f3f6fa;--surface:#fff;--border:#e6eaf1;--border-strong:#d9dfe8;--text:#182033;--text-2:#3b4458;--muted:#6b7489;--faint:#9aa3b5;--accent:#2f6fed;--accent-2:#4a8bf5;--accent-soft:#eaf2ff;--accent-text:#fff;--danger:#dc3545;--warn:#b45309;--star:#f5b400;--row-hover:#f4f7fc;--row-selected:#e8f1ff;--shadow:0 1px 2px #14203c0d, 0 2px 8px #14203c0a;--shadow-pop:0 12px 32px #14203c29;--side-bg:linear-gradient(180deg, #23345c 0%, #1b2a4b 55%, #172441 100%);--side-text:#e8edf7;--side-muted:#a3afc8;--side-hover:#ffffff0f;--side-active:#ffffff1a;--side-line:#ffffff14;--t-blue-bg:#dce8fb;--t-blue-fg:#2c5cb0;--t-slate-bg:#e3e7ee;--t-slate-fg:#5d677b;--t-rose-bg:#fde1e3;--t-rose-fg:#cf4458;--t-orange-bg:#f2895d;--t-orange-fg:#fff;--t-violet-bg:#e6e1fa;--t-violet-fg:#6650c8;--t-amber-bg:#fbefc6;--t-amber-fg:#9a7414;--t-teal-bg:#d5f1ec;--t-teal-fg:#18806f;--t-green-bg:#dcf3e2;--t-green-fg:#23864a;--t-red-bg:#fde3e3;--t-red-fg:#d93a3a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#11151d;--canvas:#0d1118;--panel:#171c26;--surface:#151a23;--border:#252c39;--border-strong:#303848;--text:#e7ebf3;--text-2:#c3cad8;--muted:#949db0;--faint:#6d7689;--accent:#4a86f5;--accent-2:#5b95f7;--accent-soft:#1b2a45;--row-hover:#18202c;--row-selected:#1b2a45;--shadow:0 1px 2px #0000004d;--shadow-pop:0 12px 32px #00000080;--t-blue-bg:#1f3253;--t-blue-fg:#9cbcf3;--t-slate-bg:#283041;--t-slate-fg:#aeb7c8;--t-rose-bg:#46252c;--t-rose-fg:#f39aa6;--t-violet-bg:#2f2950;--t-violet-fg:#b9acf5;--t-amber-bg:#43391c;--t-amber-fg:#f0cd68;--t-teal-bg:#183c37;--t-teal-fg:#7fd8c8;--t-green-bg:#1b3a26;--t-green-fg:#86d6a0;--t-red-bg:#46232a;--t-red-fg:#f59595;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#11151d;--canvas:#0d1118;--panel:#171c26;--surface:#151a23;--border:#252c39;--border-strong:#303848;--text:#e7ebf3;--text-2:#c3cad8;--muted:#949db0;--faint:#6d7689;--accent:#4a86f5;--accent-2:#5b95f7;--accent-soft:#1b2a45;--row-hover:#18202c;--row-selected:#1b2a45;--shadow:0 1px 2px #0000004d;--shadow-pop:0 12px 32px #00000080;--t-blue-bg:#1f3253;--t-blue-fg:#9cbcf3;--t-slate-bg:#283041;--t-slate-fg:#aeb7c8;--t-rose-bg:#46252c;--t-rose-fg:#f39aa6;--t-violet-bg:#2f2950;--t-violet-fg:#b9acf5;--t-amber-bg:#43391c;--t-amber-fg:#f0cd68;--t-teal-bg:#183c37;--t-teal-fg:#7fd8c8;--t-green-bg:#1b3a26;--t-green-fg:#86d6a0;--t-red-bg:#46232a;--t-red-fg:#f59595;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--canvas);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font:14px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,system-ui,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}button:hover:not(:disabled){border-color:var(--border-strong)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);border-color:#0000;justify-content:center;font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-2)}button.link{color:var(--accent);background:0 0;border:none;padding:4px 0}button.danger,.danger{color:var(--danger)}button.icon{background:0 0;border:none;padding:6px 8px}input,select,textarea{background:var(--surface);border:1px solid var(--border);appearance:none;width:100%;min-height:40px;color:var(--text);border-radius:10px;padding:9px 12px;line-height:1.35}input[type=checkbox],input[type=radio]{appearance:auto;width:auto;min-height:0;accent-color:var(--accent);padding:0}input[type=file]{min-height:0;padding:6px}textarea{resize:vertical;min-height:80px}input::placeholder,textarea::placeholder{color:var(--faint)}select{cursor:pointer;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7489' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;background-size:16px;padding-right:34px}input[type=datetime-local],input[type=date],input[type=time]{align-items:center;display:inline-flex}input::-webkit-datetime-edit{padding:0}input::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}button.ghost{color:var(--text-2);background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--row-hover);border-color:#0000}label{color:var(--muted);margin:10px 0 4px;font-size:13px;display:block}kbd{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:4px 6px;font:11px/1 -apple-system,system-ui,sans-serif}.muted{color:var(--muted)}.accent{color:var(--accent)}.error{color:var(--danger)}.warn{color:var(--warn)}.center{place-items:center;height:100%;display:grid}.row{align-items:center;gap:8px;display:flex}.grow{flex:1;min-width:0}.ellipsis{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.icon-btn{color:var(--text-2);background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;gap:2px;padding:7px;display:inline-flex;position:relative}.icon-btn:hover:not(:disabled){background:var(--row-hover)}.icon-btn.on{background:var(--accent-soft);color:var(--accent)}.icon-btn.accent{color:var(--accent)}.icon-btn.with-caret{padding:7px 6px 7px 8px}.tone-blue{background:var(--t-blue-bg);color:var(--t-blue-fg)}.tone-slate{background:var(--t-slate-bg);color:var(--t-slate-fg)}.tone-rose{background:var(--t-rose-bg);color:var(--t-rose-fg)}.tone-orange{background:var(--t-orange-bg);color:var(--t-orange-fg)}.tone-violet{background:var(--t-violet-bg);color:var(--t-violet-fg)}.tone-amber{background:var(--t-amber-bg);color:var(--t-amber-fg)}.tone-teal{background:var(--t-teal-bg);color:var(--t-teal-fg)}.tone-green{background:var(--t-green-bg);color:var(--t-green-fg)}.tone-red{background:var(--t-red-bg);color:var(--t-red-fg)}.avatar{letter-spacing:.02em;border:none;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;padding:0;font-size:14px;font-weight:600;display:inline-grid}.avatar.lg{width:46px;height:46px;font-size:15px}.avatar.md{width:40px;height:40px}.avatar.sm{width:34px;height:34px;font-size:12px}.avatar.xs{border:2px solid var(--surface);width:24px;height:24px;font-size:10px}.login{background:var(--canvas);place-items:center;height:100%;padding:16px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);width:min(380px,100%);box-shadow:var(--shadow);border-radius:18px;gap:10px;padding:28px;display:grid}.login-card h1{margin:0 0 8px}.shell{height:100dvh}.app{background:var(--bg);grid-template-columns:272px minmax(0,1fr);height:100%;display:grid;overflow:hidden}.sidebar{background:var(--side-bg);color:var(--side-text);flex-direction:column;gap:4px;padding:18px 14px 14px;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{width:0}.brand{align-items:center;gap:12px;padding:2px 4px 16px;display:flex}.brand-name{letter-spacing:-.01em;font-size:20px;font-weight:600;line-height:1.15}.brand-tag{color:var(--side-muted);font-size:12.5px}.side-icon{color:var(--side-muted);background:0 0;border:none;border-radius:8px;padding:6px}.side-icon:hover{background:var(--side-hover);color:var(--side-text)}.side-icon.small{padding:4px}.compose-wrap{margin:0 0 14px;position:relative}.compose-pop{min-width:0;color:var(--text);left:0;right:0}.compose-btn{background:linear-gradient(#5596f7,#3f83f2);border-radius:11px;margin:0;display:flex;overflow:hidden;box-shadow:0 6px 16px #2f6fed59}.compose-btn button{color:#fff;background:0 0;border:none;border-radius:0}.compose-btn button:hover{background:#ffffff1a}.compose-main{flex:1;justify-content:center;gap:10px;padding:12px 10px;font-size:15px;font-weight:600}.compose-more{padding:0 12px;border-left:1px solid #fff3!important}.nav{border-bottom:1px solid var(--side-line);gap:2px;padding-bottom:12px;display:grid}.nav-item{width:100%;color:var(--side-text);text-align:left;background:0 0;border:none;border-radius:9px;gap:12px;padding:8px 10px;font-size:14px}.nav-item svg{color:var(--side-muted);flex:none}.nav-item:hover{background:var(--side-hover)}.nav-item.active{background:var(--side-active);font-weight:600}.nav-item.active svg{color:var(--side-text)}.nav-item.add{color:var(--side-text);margin-top:4px}.nav-count{min-width:26px;height:22px;color:var(--side-text);background:#ffffff1a;border-radius:11px;place-items:center;margin-left:auto;padding:0 7px;font-size:12px;font-weight:600;display:inline-grid}.nav-item.active .nav-count{color:#fff;background:#3f83f2}.side-section{gap:2px;padding-top:10px;display:grid}.side-head{color:var(--side-text);justify-content:space-between;align-items:center;padding:6px 10px;font-size:13.5px;font-weight:600;display:flex}.account{width:100%;color:var(--side-text);text-align:left;background:0 0;border:none;border-radius:10px;gap:11px;padding:7px 10px;position:relative}.account:hover{background:var(--side-hover)}.account.active{background:var(--side-active)}.account.active:before{content:"";background:#5596f7;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:-2px;transform:translateY(-50%)}.account-avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid;box-shadow:inset 0 0 0 2px #ffffff40}.account-text{flex:1;min-width:0;display:grid}.account-name{font-size:13.5px;font-weight:600}.account-mail{color:var(--side-muted);font-size:12px}.scrim{display:none}.main{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex}.topbar{align-items:center;gap:10px;padding:12px 18px 10px;display:flex}.search{background:var(--panel);width:min(680px,100%);color:var(--muted);border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;margin:0;padding:0 8px 0 14px;display:flex}.search:focus-within{background:var(--surface);border-color:var(--accent)}.search input{color:var(--text);background:0 0;border:none;outline:none;padding:10px 0}.search input:focus{box-shadow:none;outline:none}.top-icon{color:var(--text-2);padding:9px}.bell-dot{background:var(--danger);border:2px solid var(--bg);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:8px}.me{color:#fff;border:2px solid var(--surface);width:40px;height:40px;box-shadow:var(--shadow);background:linear-gradient(135deg,#8ec5ff,#2f6fed);border-radius:50%;flex:none;justify-content:center;margin-left:6px;padding:0;font-size:14px;font-weight:600}.menu-btn{display:none}.page{border-top:1px solid var(--border);flex:1;min-height:0;overflow-y:auto}.workspace{flex:1;grid-template:"filters filters details""list reader details"minmax(0,1fr)/minmax(340px,440px) minmax(0,1fr) 300px;min-height:0;display:grid}.filters{scrollbar-width:none;grid-area:filters;gap:8px;padding:2px 18px 12px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.chip{background:var(--surface);border:1px solid var(--border);color:var(--text-2);white-space:nowrap;box-shadow:var(--shadow);border-radius:999px;gap:7px;padding:7px 14px;font-size:13.5px}.chip svg{color:var(--muted)}.chip .chip-red{color:var(--danger)}.chip.active{background:var(--accent);color:#fff;border-color:#0000;padding-inline:18px;font-weight:600}.chip.active svg{color:#fff}.chip-count{background:var(--accent-soft);min-width:22px;height:20px;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:10px;place-items:center;padding:0 6px;font-size:11.5px;font-weight:600;display:inline-grid}.chip.active .chip-count{color:#fff;background:#ffffff40;border-color:#0000}.list{border-top:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;grid-area:list;min-height:0;display:flex}.list-head{align-items:center;gap:4px;min-height:56px;padding:12px 10px 10px 20px;display:flex}.list-head h2{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.list-head .range{color:var(--muted);white-space:nowrap;margin-left:8px;font-size:13px}.list-head.bulk{background:var(--accent-soft);gap:6px;padding-left:10px}.list-error{margin:0;padding:0 20px 8px}.list-body{flex:1;padding:0 8px 12px;overflow-y:auto}.empty{padding:16px 14px}.group-head{background:var(--panel);color:var(--muted);z-index:1;border-radius:8px;align-items:center;gap:8px;margin-top:4px;padding:8px 12px;font-size:13px;display:flex;position:sticky;top:0}.msg{cursor:pointer;border-radius:12px;grid-template-columns:10px 42px minmax(0,1fr);align-items:start;gap:12px;padding:12px 12px 12px 6px;display:grid;position:relative}.msg+.msg:before{content:"";border-top:1px solid var(--border);position:absolute;top:0;left:70px;right:12px}.msg:hover{background:var(--row-hover)}.msg.selected,.msg.checked{background:var(--row-selected)}.msg.selected:before,.msg.selected+.msg:before,.msg.checked:before,.msg.checked+.msg:before{display:none}.unread-dot{border-radius:50%;justify-self:center;width:8px;height:8px;margin-top:18px}.msg.unread .unread-dot{background:var(--accent)}.msg .avatar{cursor:pointer}.msg.checked .avatar{background:var(--accent);color:#fff}.msg-main{gap:1px;min-width:0;display:grid}.msg-top{align-items:baseline;gap:8px;display:flex}.from{min-width:0;color:var(--text);flex:1;font-size:14.5px;font-weight:600}.time{color:var(--muted);white-space:nowrap;font-size:12.5px}.msg-bottom{align-items:flex-end;gap:8px;min-width:0;display:flex}.msg-text{flex:1;min-width:0}.subject{color:var(--text-2);font-size:14px}.msg.unread .subject{color:var(--text);font-weight:500}.snippet{color:var(--muted);font-size:13px}.msg-icons{color:var(--faint);align-items:center;gap:4px;padding-bottom:1px;display:flex}.star{color:var(--faint);background:0 0;border:none;border-radius:6px;padding:3px}.star:hover{color:var(--star);background:0 0}.star.on{color:var(--star)}.star.on svg{fill:var(--star)}.clip{color:var(--muted)}.reader{border-top:1px solid var(--border);flex-direction:column;grid-area:reader;min-width:0;min-height:0;display:flex}.reader-empty{height:100%;color:var(--muted);place-items:center;display:grid}.toolbar{align-items:center;gap:4px;min-height:56px;padding:10px 18px;display:flex}.reader-body{flex:1;min-height:0;padding:6px 28px 20px;overflow-y:auto}.subject-row{align-items:flex-start;gap:12px;margin:4px 0 18px;display:flex}.subject-row h1{letter-spacing:-.015em;flex:1;margin:0;font-size:23px;font-weight:600;line-height:1.25}.folder-chip{color:var(--text-2);background:var(--panel);border:1px solid var(--border);white-space:nowrap;border-radius:8px;gap:4px;margin-top:3px;padding:4px 8px 4px 10px;font-size:12.5px}.sender-row{align-items:center;gap:12px;display:flex}.sender-name{font-size:15px;font-weight:600}.recipients{color:var(--muted);white-space:nowrap;background:0 0;border:none;gap:3px;max-width:100%;padding:0;font-size:13px;overflow:hidden}.sender-date{color:var(--muted);white-space:nowrap;margin-right:6px;font-size:13px}.icon-btn.star{color:var(--text-2)}.icon-btn.star.on{color:var(--star)}.icon-btn.star.on svg{fill:var(--star)}.recipient-list{background:var(--panel);border-radius:10px;gap:4px;margin:12px 0 0 58px;padding:10px 12px;font-size:13px;display:grid}.recipient-list .muted{width:52px;display:inline-block}.mail-content{margin:22px 0 18px}.mail-frame{background:#fff;border:0;width:100%;min-height:120px;display:block}.mail-text{white-space:pre-wrap;color:var(--text);overflow-wrap:anywhere;font-size:15px;line-height:1.6}.thread-list{border:1px solid var(--border);border-radius:12px;margin:16px 0 0;overflow:hidden}.thread-list button{text-align:left;border:none;border-bottom:1px solid var(--border);background:var(--surface);border-radius:0;gap:10px;width:100%;padding:8px 12px;font-size:13px}.thread-list button:last-child{border-bottom:none}.thread-list button.current{background:var(--row-selected)}.attachment-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0 0 18px;display:grid}.attachment{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.attachment:hover{border-color:var(--border-strong);background:var(--surface)}.file-icon{border-radius:7px;flex:none;place-items:center;width:38px;height:44px;display:grid}.att-name{font-size:13.5px;font-weight:600}.att-size{color:var(--muted);font-size:12.5px;display:block}.attachments{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.attachments a{border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 10px;font-size:13px;text-decoration:none}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;display:grid}.quick-actions>button,.qa-menu>button{width:100%;height:100%;position:relative}.quick-actions button.on{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--accent-soft)}.quick-actions>button>span:not(.qa-icon),.qa-menu>button>span:not(.qa-icon){min-width:0}.qa-check{color:var(--accent);position:absolute;top:8px;right:8px}.qa-menu{display:block}.quick-actions button{text-align:left;background:var(--surface);border-radius:12px;align-items:center;gap:12px;padding:12px 14px}.quick-actions strong{font-size:13px;font-weight:600;display:block}.quick-actions small{color:var(--muted);font-size:11.5px;display:block}.qa-icon{border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.reply-dock{gap:10px;padding:10px 28px 16px;display:grid}.quick-reply{align-items:center;gap:12px;display:flex}.reply-field{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;flex:1;align-items:center;gap:2px;padding:4px 6px 4px 14px;display:flex}.reply-field:focus-within{border-color:var(--accent)}.reply-field textarea{resize:none;field-sizing:content;background:0 0;border:none;border-radius:0;min-height:0;max-height:160px;padding:8px 0}.reply-field textarea:focus{box-shadow:none;outline:none}.send-split{border-radius:11px;display:flex;overflow:visible}.send-split>button{background:var(--accent);color:#fff;border:none;font-weight:600}.send-split>button:hover:not(:disabled){background:var(--accent-2)}.send-main{border-radius:11px 0 0 11px;padding:10px 22px}.send-more{border-radius:0 11px 11px 0;padding:10px;border-left:1px solid #ffffff40!important}.send-split>button:disabled{opacity:1;background:color-mix(in srgb, var(--accent) 70%, white)}.reply-buttons{flex-wrap:wrap;gap:10px;display:flex}.reply-buttons button{color:var(--text-2);box-shadow:var(--shadow);border-radius:10px;padding:8px 14px;font-size:13.5px}.reply-buttons .icon-only{padding:8px 12px}.details{background:var(--panel);border-left:1px solid var(--border);flex-direction:column;grid-area:details;gap:12px;padding:14px 12px 16px;display:flex;overflow-y:auto}.panel-card{background:var(--surface);box-shadow:var(--shadow);border-radius:14px;gap:8px;padding:14px;display:grid}.panel-card h3{margin:0 0 2px;font-size:13.5px;font-weight:600}.slot-date{align-items:center;gap:10px;padding:2px 0;font-size:14px;font-weight:600;display:flex}.slots{gap:6px;padding-left:28px;display:grid}.reminder-picker{gap:8px;display:grid}.reminder-picker>input{width:calc(100% - 28px);min-height:36px;margin-left:28px;padding:7px 10px;font-size:13px}.reminder-picker>input.on{border-color:var(--accent)}.reminder-picker.compact .slots,.reminder-picker.compact .slot-actions{padding-left:0}.reminder-picker.compact>input{width:100%;margin-left:0}.slot-actions{gap:8px;display:flex}.slot{color:var(--text-2);background:var(--surface);white-space:nowrap;border-radius:9px;gap:10px;padding:7px 10px;font-size:13px}.slot svg{color:var(--faint)}.slot.on{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 30%, transparent);color:var(--accent);font-weight:600}.slot-check{background:var(--accent);border-radius:4px;flex:none;width:16px;height:16px;position:relative}.slot-check:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.slot-time{color:var(--muted);font-size:12px}.slot.on .slot-time{color:var(--accent)}.slot-actions{padding-left:28px}.slot-actions input{min-height:36px;padding:7px 10px;font-size:13px}.slot-actions .primary{padding:8px}.person{align-items:center;gap:12px;display:flex}.person-name{font-size:13.5px;font-weight:600}.person-mail{color:var(--muted);font-size:12px}.people-row{background:0 0;border:none;gap:10px;width:100%;padding:6px 0 0;font-size:13px}.stack{display:inline-flex}.stack .avatar+.avatar{margin-left:-7px}.panel-link{width:100%;color:var(--text-2);text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:8px;gap:12px;padding:7px 2px;font-size:13px}.panel-link:hover{background:var(--row-hover)}.panel-link>svg:last-child{color:var(--faint)}.pl-icon{border-radius:7px;flex:none;place-items:center;width:26px;height:26px;display:grid}.picker-pop{gap:8px;width:290px;padding:12px}.menu-pop.picker-pop button.slot{border:1px solid var(--border);padding:7px 10px}.menu-pop.picker-pop button.slot.on{border-color:color-mix(in srgb, var(--accent) 30%, transparent);background:var(--accent-soft)}.menu-pop.picker-pop .slot-actions button{justify-content:center}.menu-pop.picker-pop .slot-actions button.primary{background:var(--accent);color:#fff}.menu-pop.picker-pop .slot-actions button.primary svg{color:#fff}.menu-pop.picker-pop>button.danger{justify-content:center}.qa-menu .menu-pop.up{left:0}.pop-title{padding:0 2px 2px;font-size:13px;font-weight:600}.reminder-banner{background:color-mix(in srgb, var(--star) 10%, var(--surface));border-color:color-mix(in srgb, var(--star) 35%, transparent)}.reminder-banner>svg{color:#c98a00}.reminder-banner.due{background:color-mix(in srgb, var(--star) 22%, var(--surface))}.reminder-banner button.primary{border-radius:8px;padding:5px 12px}.panel-reminder{background:color-mix(in srgb, var(--star) 12%, var(--surface));border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.panel-reminder svg{color:#c98a00;flex:none}.panel-reminder small{color:var(--muted);font-weight:400;display:block}.panel-reminder.due{background:color-mix(in srgb, var(--star) 24%, var(--surface))}.remind-tag{color:#b07800;background:color-mix(in srgb, var(--star) 14%, transparent);white-space:nowrap;border-radius:6px;align-items:center;gap:3px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}.remind-tag.due{color:#fff;background:#e09a00}.nav-count.due{color:#1b2a4b;background:#f5b400}.event-modal{width:min(520px,100%)}.event-form{gap:2px;padding-top:4px}.event-form label:not(.switch){gap:5px;margin:8px 0 0;display:grid}.event-when{align-items:end;gap:10px;display:flex}.event-when label:not(.grow){flex:none;width:120px}.found-hint{color:var(--accent);background:var(--accent-soft);border-radius:8px;align-items:center;gap:6px;margin:0 0 4px;padding:6px 10px;font-size:12.5px;display:flex}.banner{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:13px;display:flex}.menu{display:inline-flex;position:relative}.menu-pop{z-index:20;background:var(--surface);border:1px solid var(--border);min-width:230px;box-shadow:var(--shadow-pop);border-radius:12px;gap:1px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.menu-pop.right{left:auto;right:0}.menu-pop.up{top:auto;bottom:calc(100% + 6px)}.menu-pop button{text-align:left;background:0 0;border:none;border-radius:8px;gap:10px;width:100%;padding:8px 10px;font-size:13.5px}.menu-pop button svg{color:var(--muted);flex:none}.menu-pop button:hover{background:var(--row-hover)}.emoji-pop{grid-template-columns:repeat(6,1fr);width:252px;min-width:0}.emoji-pop button{justify-content:center;padding:6px;font-size:20px}.modal-bg{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#111b3259;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);width:min(780px,100%);max-height:92vh;box-shadow:var(--shadow-pop);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.modal-head{align-items:center;gap:8px;padding:14px 14px 10px 22px;font-size:16px;display:flex}.modal-body{grid-auto-rows:max-content;gap:0;padding:0 22px 14px;display:grid;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:12px 22px;display:flex}.modal-foot button.primary{border-radius:11px;padding:9px 18px}.field{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:46px;display:flex}.field-label{width:56px;color:var(--muted);flex:none;font-size:13.5px}.field input,.field select{min-height:0;box-shadow:none;background-color:#0000;border:none;border-radius:0;flex:1;min-width:0;padding:10px 0}.field input:focus,.field select:focus{box-shadow:none}.field-from{flex:1;gap:12px;min-width:0;display:flex}.field select.select-plain{background-position:right 2px center;flex:0 auto;width:auto;max-width:100%;padding-right:24px;font-weight:500}.field-extra{flex:none;font-size:13px}.composer .editor{border:none;border-radius:0;min-height:240px;padding:12px 0 4px}.composer .editor .ProseMirror{min-height:200px}.composer .editor-tools{border-bottom:1px dashed var(--border);margin-bottom:10px;padding-bottom:6px}.compose-options{flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.pill{border:1px solid var(--border);background:var(--surface);height:34px;color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;margin:0;padding:0 12px;font-size:13px;display:inline-flex}.pill:hover{border-color:var(--border-strong);background:var(--row-hover)}.pill svg{color:var(--muted);flex:none}.pill.on{background:var(--accent-soft);color:var(--accent);border-color:#0000}.pill.on svg{color:var(--accent)}.pill-select{padding-right:10px;position:relative}.pill-select select{width:auto;min-height:0;color:inherit;cursor:pointer;box-shadow:none;background:0 0;border:none;padding:0;font-size:13px}.pill-select select:focus{box-shadow:none}.pill-select:focus-within{border-color:var(--accent)}.att-chips{flex-wrap:wrap;gap:8px;padding-top:10px;display:flex}.att-chip{background:var(--panel);max-width:260px;color:var(--text-2);border-radius:10px;align-items:center;gap:6px;padding:4px 4px 4px 10px;font-size:13px;display:inline-flex}.att-chip .icon-btn{padding:4px}.schedule-row{flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;display:flex}.schedule-row input{width:auto;min-height:34px;padding:6px 10px}.me-pop{min-width:250px}.me-head{border-bottom:1px solid var(--border);gap:1px;margin-bottom:4px;padding:8px 10px 10px;display:grid}.me-head span{font-size:12.5px}.me-sep{background:var(--border);height:1px;margin:4px 0}.me-label{text-transform:uppercase;letter-spacing:.04em;color:var(--faint);padding:6px 10px 2px;font-size:11.5px;font-weight:600}.menu-pop button.danger,.menu-pop button.danger svg{color:var(--danger)}.editor{border:1px solid var(--border);border-radius:12px;min-height:180px;padding:10px 12px}.editor .ProseMirror{outline:none;min-height:160px}.editor .ProseMirror p{margin:0 0 .6em}.editor-tools{gap:4px;margin-bottom:6px;display:flex}.editor-tools button{border-radius:7px;padding:3px 9px;font-size:13px}.editor-tools button.on{background:var(--accent-soft);color:var(--accent)}.signature-preview{border-top:1px dashed var(--border);color:var(--muted);margin-top:8px;padding-top:8px;font-size:13px}.toast{color:#fff;z-index:60;background:#1b2a4b;border-radius:12px;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 32px);padding:10px 16px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}.toast button{color:#93c5fd;background:0 0;border:none;font-weight:600}.settings{max-width:980px;min-height:0;padding:20px 24px;overflow-y:auto}.settings h2{margin-top:0}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;margin-bottom:14px;padding:16px}.card h3{margin:0 0 8px;font-size:15px}.list-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:9px 0;display:flex}.list-row:last-child{border-bottom:none}.switch{color:var(--text);align-items:center;gap:6px;margin:6px 0;font-size:14px;display:inline-flex}.switch input{width:auto}.code{background:var(--panel);border-radius:8px;padding:8px;font-family:ui-monospace,Menlo,monospace;font-size:14px}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=1360px){.workspace{grid-template-columns:minmax(320px,400px) minmax(0,1fr);grid-template-areas:"filters filters""list reader"}.details{display:none}}@media (width<=1100px){.app{grid-template-columns:236px minmax(0,1fr)}.quick-actions{grid-template-columns:1fr}}@media (width<=860px){.app{grid-template-columns:1fr}.sidebar{z-index:40;width:84%;max-width:300px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:none;box-shadow:0 0 40px #00000059}.scrim{z-index:39;opacity:0;pointer-events:none;background:#0a122359;transition:opacity .2s;display:block;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.menu-btn{display:inline-flex}.topbar{padding:10px 12px 8px;padding-top:max(10px, env(safe-area-inset-top));gap:6px}.search kbd{display:none}.filters{padding:2px 12px 10px}.workspace{grid-template-columns:1fr;grid-template-areas:"filters""list"}.list{border-right:none}.list-head{padding-left:14px}.list-body{padding:0 4px 12px}.reader{background:var(--bg);z-index:30;padding-top:env(safe-area-inset-top);border-top:none;display:none;position:fixed;inset:0}.app.has-reader .reader{display:flex}.reader-body{padding:4px 16px 16px}.reply-dock{padding:8px 12px max(12px, env(safe-area-inset-bottom))}.reply-buttons,.quick-reply>.avatar,.reply-field .menu{display:none}.send-main{padding:10px 16px}.sender-date{margin-right:0;font-size:12px}.sender-row{gap:8px}.subject-row h1{font-size:20px}.recipient-list{margin-left:0}.grid2{grid-template-columns:1fr}.field-label{width:48px}.modal-head{padding-left:16px}.modal-body,.modal-foot{padding-left:16px;padding-right:16px}.modal-bg{align-items:end;padding:0}.modal{border-radius:18px 18px 0 0;width:100%;max-height:95vh}}.nav-count.failed,.nav-item.active .nav-count.failed{background:var(--danger);color:#fff}.toast.toast-error{background:#7f1d1d}.toast.toast-error button{color:#fecaca}.outbox-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);align-items:center;gap:8px;margin:18px 0 10px;font-size:13px;display:flex}.outbox-title.danger{color:var(--danger)}.outbox-card{gap:4px;display:grid}.outbox-card.failed{border-color:color-mix(in srgb, var(--danger) 45%, var(--border))}.outbox-error{color:var(--danger);font-size:14px}.outbox-actions{flex-wrap:wrap;gap:8px;margin-top:8px}.outbox-actions input[type=datetime-local]{width:auto}.icon-btn.is-vip{background:var(--accent-soft)}.details-btn,.details-head,.menu-pop .menu-mobile{display:none}.details-head{justify-content:space-between;align-items:center;padding:2px 4px 0 6px}.details-scrim{z-index:34;background:#0a12234d;position:fixed;inset:0}@media (width>=1361px){.details-scrim{display:none}}@media (width<=1360px){.details-btn{display:inline-flex}.details.open{z-index:35;width:min(360px,92vw);box-shadow:var(--shadow-pop);display:flex;position:fixed;top:0;bottom:0;right:0}.details.open .details-head{display:flex}}@media (width<=860px){.tb-optional{display:none}.menu-pop .menu-mobile{display:flex}.details.open{width:auto;max-height:82vh;padding-bottom:max(16px, env(safe-area-inset-bottom));border-left:none;border-radius:18px 18px 0 0;top:auto;left:0}.field-from{flex-wrap:wrap;row-gap:0}.field-from select.select-plain{max-width:100%}.field:has(.field-from){align-items:flex-start;padding-top:2px}}.offline-banner{color:#6b4e00;background:#fff4d6;border-bottom:1px solid #f1dfa6;align-items:center;gap:10px;padding:8px 16px;font-size:13.5px;display:flex}.offline-banner.sending{background:var(--accent-soft);color:var(--accent);border-color:#0000}.offline-banner.error{color:#8a1c1c;background:#fde8e8;border-color:#f5c2c2}.offline-banner .icon-btn{color:inherit}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.offline-start{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.queued-tag{color:#6b4e00;background:#fff4d6;border-radius:6px;justify-self:start;padding:2px 8px;font-size:12px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .offline-banner{color:#f5d98a;background:#3a2f10;border-color:#4b3d16}:root:not([data-theme=light]) .offline-banner.error{color:#f5b5b5;background:#3d1717;border-color:#522020}}:root[data-theme=dark] .offline-banner{color:#f5d98a;background:#3a2f10;border-color:#4b3d16}:root[data-theme=dark] .offline-banner.error{color:#f5b5b5;background:#3d1717;border-color:#522020}.sidebar{padding-top:max(18px, env(safe-area-inset-top));padding-left:max(14px, env(safe-area-inset-left))}.topbar{padding-top:max(12px, env(safe-area-inset-top))}@media (width>=861px){.topbar{padding-right:max(18px, env(safe-area-inset-right))}}.toast{bottom:max(20px, calc(env(safe-area-inset-bottom) + 12px))}.main{position:relative}.fab{display:none}.swipe{border-radius:12px;position:relative;overflow:hidden}.swipe+.swipe>.msg:before{content:"";border-top:1px solid var(--border);position:absolute;top:0;left:70px;right:12px}.swipe>.msg.selected:before,.swipe>.msg.checked:before,.swipe.left>.msg:before,.swipe.right>.msg:before{display:none}.swipe:has(>.msg.selected)+.swipe>.msg:before{display:none}.swipe:has(>.msg.checked)+.swipe>.msg:before{display:none}.swipe>.msg{background:var(--bg);touch-action:pan-y;transition:transform .2s}.swipe>.msg:hover{background:var(--row-hover)}.swipe>.msg.selected,.swipe>.msg.checked{background:var(--row-selected)}.swipe-bg{color:#fff;background:var(--faint);align-items:center;gap:8px;padding:0 22px;font-size:13px;font-weight:600;transition:background .15s;display:flex;position:absolute;inset:0}.swipe.left .swipe-bg{flex-direction:row-reverse;justify-content:flex-end}.swipe.right.armed .swipe-bg{background:#2f9e5b}.swipe.left.armed .swipe-bg{background:var(--danger)}.pull{color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex;overflow:hidden}.pull.ready{color:var(--accent)}@media (width<=860px){input,select,textarea,[contenteditable=true]{font-size:16px}.fab{right:max(18px, env(safe-area-inset-right));bottom:max(20px, calc(env(safe-area-inset-bottom) + 12px));z-index:20;background:linear-gradient(180deg, var(--accent-2), var(--accent));color:#fff;border:none;border-radius:18px;place-items:center;width:56px;height:56px;padding:0;display:grid;position:absolute;box-shadow:0 8px 22px #2f6fed66}.fab:active{transform:scale(.96)}.list-body{overscroll-behavior-y:contain;padding-bottom:90px}}.install-steps{gap:10px;margin:4px 0 12px;padding-left:20px;line-height:1.5;display:grid}.install-steps svg{vertical-align:-3px}.install-modal{width:min(460px,100%)}