:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f5f1;--ink:#151515;--muted:#6f706d;--line:#deded7;--panel:#fff;--panel-soft:#fafaf6;--accent:#0f8f72;--accent-strong:#066955;--coral:#ff735c;--sky:#328af1;--shadow:0 24px 60px #191f231f}*{box-sizing:border-box}html,body{height:100%}body{background:linear-gradient(135deg, #0f8f721f, transparent 28%), linear-gradient(315deg, #ff735c1f, transparent 26%), var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.mail-shell{grid-template-columns:260px minmax(340px,430px) minmax(420px,1fr);gap:12px;height:100vh;min-height:680px;padding:14px;transition:grid-template-columns .18s;display:grid}.mail-shell.sidebar-collapsed{grid-template-columns:78px minmax(360px,460px) minmax(420px,1fr)}.mail-shell:is(.calendar-open,.contacts-open){grid-template-columns:260px minmax(0,1fr)}.mail-shell:is(.calendar-open,.contacts-open).sidebar-collapsed{grid-template-columns:78px minmax(0,1fr)}.mail-shell:is(.calendar-open,.contacts-open) .message-column,.mail-shell:is(.calendar-open,.contacts-open) .reading-pane{display:none}.login-shell{grid-template-columns:minmax(320px,1fr) minmax(320px,440px);align-items:center;gap:28px;min-height:100vh;padding:clamp(18px,4vw,54px);display:grid}.login-copy{max-width:680px}.login-mark{width:58px;height:58px;margin-bottom:28px}.login-copy h1{letter-spacing:0;margin:0;font-size:clamp(48px,8vw,92px);line-height:.92}.login-copy p{color:#434542;max-width:560px;margin:22px 0 0;font-size:clamp(17px,2vw,22px);line-height:1.4}.login-preview{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffad;border:1px solid #deded7e6;border-radius:8px;align-items:center;gap:14px;width:min(520px,100%);margin-top:34px;padding:14px;display:flex}.login-preview>span{background:linear-gradient(135deg,#328af1e6,#0f8f72e6);border-radius:8px;width:42px;height:42px}.login-preview strong,.login-preview small{display:block}.login-preview small{color:var(--muted);margin-top:3px}.login-panel{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffd1;border:1px solid #deded7e6;border-radius:8px;gap:12px;padding:20px;display:grid}.login-panel h2{letter-spacing:0;margin:3px 0 8px;font-size:30px}.login-panel input{height:46px}.login-hint{color:var(--muted);margin:0;font-size:13px;font-weight:800}.secondary-login-button{border:1px solid var(--line);min-height:42px;color:var(--muted);background:#fff;border-radius:8px;font-weight:700}.sidebar,.message-column,.reading-pane{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffc7;border:1px solid #deded7db}.icon-button{width:44px;height:44px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:all .16s;display:inline-flex}.icon-button:hover,.icon-button.active{color:var(--accent-strong);background:#eff8f5;border-color:#cfe9e1}.compact{width:34px;height:34px}.sidebar,.message-column,.reading-pane{border-radius:8px;overflow:hidden}.sidebar{z-index:10;flex-direction:column;gap:16px;min-height:0;padding:16px;display:flex;position:relative;overflow:visible}.brand-row{grid-template-columns:42px 1fr 34px;align-items:center;gap:10px;display:grid}.sidebar-collapsed .brand-row{grid-template-columns:42px;justify-content:center}.sidebar-collapsed .brand-row>div:nth-child(2){display:none}.sidebar-collapsed .brand-row .icon-button{grid-column:1;width:42px}.brand-row strong{font-size:14px;display:block}.brand-row span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--accent), var(--sky));border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.compose-button,.compose-send,.secondary-button{color:#fff;background:var(--ink);border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;font-weight:700;display:inline-flex;box-shadow:0 12px 22px #1515151f}.sidebar-collapsed .compose-button{justify-self:center;width:44px;padding:0}.sidebar-collapsed .compose-button svg{flex:none}.sidebar-collapsed .compose-button{gap:0;font-size:0}.folder-list{overscroll-behavior:contain;scrollbar-color:#c9cbc4 transparent;scrollbar-width:thin;flex-direction:column;flex:1;gap:5px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.sidebar-collapsed .folder-list{align-items:center;padding-right:0}.folder-list::-webkit-scrollbar{width:8px}.folder-list::-webkit-scrollbar-thumb{background:#c9cbc4;border-radius:999px}.folder-list::-webkit-scrollbar-track{background:0 0}.folder{width:100%;min-height:40px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 11px;display:grid}.sidebar-collapsed .folder{justify-content:center;width:44px;padding:0;display:inline-flex}.sidebar-collapsed .folder span,.sidebar-collapsed .folder small,.folder-unread-badge{display:none}@media (min-width:781px){.sidebar-collapsed .folder{flex-shrink:0;position:relative}.sidebar-collapsed .folder-list:before{content:"";background:var(--line);flex-shrink:0;width:32px;height:1px;margin:5px 0 10px}.sidebar-collapsed .folder-unread-badge{border:2px solid var(--panel);background:var(--accent-strong);color:#fff;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 3px;font-size:9px;font-weight:800;line-height:1;display:flex;position:absolute;top:1px;right:1px}}.folder:hover,.folder.active{color:var(--accent-strong);background:#f1f7f5;border-color:#d8ece6}.folder.drop-target{color:var(--accent-strong);background:#e6f5f0;border-color:#0f8f7273;box-shadow:inset 0 0 0 1px #0f8f722e}.folder span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder small{color:#9a9d96;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:24px;max-width:84px;font-size:11px;font-weight:800;overflow:hidden}.folder.active small,.folder:hover small{color:var(--accent-strong)}.sidebar-apps,.sidebar-settings{flex-shrink:0;align-items:center;gap:8px;display:flex}.sidebar-settings{margin-top:auto;position:relative}.settings-popover{z-index:80;border:1px solid var(--line);background:#fff;border-radius:10px;width:max-content;min-width:230px;padding:7px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 16px 38px #1e232129}.settings-popover button{min-height:40px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:0 11px;font-weight:700;display:flex}.settings-popover button:hover{color:var(--accent-strong);background:#eff8f5}.settings-popover-separator{background:var(--line);height:1px;margin:6px 4px}.settings-popover .settings-popover-logout{color:#9a351f}.sidebar-collapsed .settings-popover{bottom:0;left:calc(100% + 8px)}.sidebar-apps .icon-button,.sidebar-settings .icon-button{width:44px;height:44px}.sidebar-collapsed .sidebar-apps{flex-direction:column}.sidebar-collapsed .sidebar-settings{justify-content:center}.settings-management{flex-wrap:wrap;gap:10px;display:flex}.settings-management .secondary-button{padding:0 16px}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;outline:0}input{height:38px;padding:0 11px}textarea{resize:vertical;min-height:210px;padding:12px;line-height:1.45}input:focus,textarea:focus{border-color:#0f8f7299;box-shadow:0 0 0 3px #0f8f721f}.secondary-button{min-height:38px;box-shadow:none;background:var(--accent-strong)}.secondary-button svg{flex:none}.message-column{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px;display:flex}.search-wrap{border:1px solid var(--line);min-width:0;height:44px;color:var(--muted);background:#fff;border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search-wrap input{min-width:0;height:auto;box-shadow:none;border:0;padding:0}.search-clear{flex:none;width:28px;height:28px}.bulk-menu-wrap{flex:none;align-items:center;gap:6px;display:inline-flex;position:relative}.topbar-select,.bulk-menu-button{border:1px solid var(--line);min-height:36px;color:var(--ink);background:#fff;border-radius:8px;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.topbar-select input{width:16px;height:16px;accent-color:var(--accent)}.bulk-menu-button:hover,.topbar-select:hover{border-color:#0f8f7257}.bulk-menu{z-index:30;background:#fffffffc;border:1px solid #1e23221f;border-radius:8px;width:190px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 18px 38px #1a1f2229}.bulk-menu button{border:0;border-bottom:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);text-align:left;background:0 0;align-items:center;gap:9px;padding:0 12px;font-size:13px;font-weight:800;display:flex}.bulk-menu button:last-child{border-bottom:0}.bulk-menu button:hover:not(:disabled){color:var(--accent-strong);background:#0f8f7214}.bulk-menu button:disabled{cursor:progress;opacity:.58}.error-banner{color:#9a351f;background:#fff1ed;border:1px solid #ffd3c7;border-radius:8px;margin:12px 14px 0;padding:10px 12px;font-size:13px}.mailbox-heading{justify-content:space-between;align-items:center;padding:18px 18px 12px;display:flex}.mailbox-heading h1{letter-spacing:0;margin:0;font-size:28px}.mailbox-heading p{color:var(--muted);margin:4px 0 0;font-size:13px}.unread-pill{border:1px solid var(--accent);color:var(--accent);vertical-align:middle;cursor:pointer;background:0 0;border-radius:999px;margin-left:8px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.unread-pill:hover{background:#0f8f721a}.unread-pill.active{background:var(--accent);color:#fff}.bulk-actions{background:#ffffffc7;border:1px solid #0f8f7238;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin:0 14px 10px;padding:9px 10px;display:flex;box-shadow:0 10px 22px #1a1f220f}.bulk-actions label,.bulk-action-buttons,.bulk-action-buttons button{align-items:center;display:flex}.bulk-actions label{color:var(--ink);gap:8px;font-size:13px;font-weight:800}.bulk-actions input{width:17px;height:17px;accent-color:var(--accent)}.bulk-action-buttons{gap:6px}.bulk-action-buttons button{border:1px solid var(--line);min-height:32px;color:var(--ink);background:#fff;border-radius:8px;gap:6px;padding:0 10px;font-size:12px;font-weight:800}.bulk-action-buttons button:hover:not(:disabled){color:var(--accent-strong);border-color:#0f8f725c}.bulk-action-buttons button:disabled{cursor:progress;opacity:.6}.message-list{flex:1;padding:0 10px 12px;overflow:auto}.message-pager{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.message-pager-range{color:var(--muted);font-size:13px;font-weight:600}.message-pager-button{border:1px solid var(--line);min-height:32px;color:var(--ink);background:#fff;border-radius:8px;padding:0 14px;font-size:13px;font-weight:700}.message-pager-button:hover:not(:disabled){background:var(--panel-soft)}.message-pager-button:disabled{opacity:.5;cursor:default}.message-card{width:100%;min-height:118px;color:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;outline:none;grid-template-columns:38px minmax(0,1fr);gap:11px;margin-bottom:8px;padding:14px 12px;display:grid;position:relative}.message-card.compact{border-width:0 0 1px;border-color:var(--line);min-height:56px;box-shadow:none;background:0 0;border-radius:0;grid-template-columns:32px minmax(0,1fr);gap:8px;margin-bottom:0;padding:6px 10px 7px}.message-card[draggable=true]{cursor:grab}.message-card[draggable=true]:active{cursor:grabbing}.message-card.unread{background:#ffffff85}.message-card.compact.unread{background:0 0}.message-card.flagged{background:#fffaf09e;border-color:#ffbd5957}.message-card:hover,.message-card.hovered,.message-card.active,.message-card.selected{border-color:var(--line);background:#fff;box-shadow:0 14px 28px #1a1f2214}.message-card.compact:hover,.message-card.compact.hovered,.message-card.compact.active,.message-card.compact.selected{border-color:var(--line);box-shadow:none;background:#fff}.message-card.selected{border-color:#0f8f7261;box-shadow:0 14px 30px #0f8f721a}.message-card.compact.selected{border-color:var(--line);box-shadow:none}.message-card:focus-visible{border-color:#0f8f7294;box-shadow:0 0 0 3px #0f8f7224}.message-card.compact.active{box-shadow:inset 3px 0 0 var(--accent)}.message-card.compact.active:focus-visible{box-shadow:inset 3px 0 0 var(--accent), 0 0 0 3px #0f8f7224}.message-select-cell{width:38px;height:38px;margin-top:1px;position:relative}.message-card.compact .message-select-cell{width:32px;height:32px;margin-top:5px}.message-checkbox{z-index:2;width:17px;height:17px;accent-color:var(--accent);opacity:0;margin:0;transition:opacity .12s,transform .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.92)}.message-card:hover .message-checkbox,.message-card.hovered .message-checkbox,.message-card:focus-within .message-checkbox,.message-card.selected .message-checkbox{opacity:1;transform:translate(-50%,-50%)scale(1)}.message-list.has-hovered-message .message-card:not(.hovered):not(.selected):focus-within .message-checkbox{opacity:0;transform:translate(-50%,-50%)scale(.92)}.message-card:hover .message-avatar,.message-card.hovered .message-avatar,.message-card:focus-within .message-avatar,.message-card.selected .message-avatar{opacity:0;transform:scale(.92)}.message-list.has-hovered-message .message-card:not(.hovered):not(.selected):focus-within .message-avatar{opacity:.86;transform:none}.message-avatar{color:#fff;letter-spacing:0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;font-weight:800;transition:opacity .12s,transform .12s;display:grid;box-shadow:inset 0 0 0 2px #ffffffb8}.message-card.compact .message-avatar{width:30px;height:30px;font-size:11px}.message-avatar.color-0{background:#0f8f72}.message-avatar.color-1{background:#2f8edb}.message-avatar.color-2{background:#e08a20}.message-avatar.color-3{background:#4cae55}.message-avatar.color-4{background:#d35b7a}.message-avatar.color-5{background:#7664d8}.message-avatar.seen{opacity:.86}.read-dot{background:var(--accent);border-radius:999px;width:8px;height:8px;margin-top:7px}.subject-row .read-dot{flex:none;margin-top:0}.message-card.compact .read-dot{flex:none;width:6px;height:6px;margin-top:0}.read-dot.seen{background:#c4c5be}.message-card.unread .read-dot{background:var(--ink);width:9px;height:9px;box-shadow:none}.message-card.compact.unread .read-dot{background:var(--ink);width:6px;height:6px;box-shadow:none}.message-card-main{min-width:0}.message-meta,.subject-row{align-items:center;gap:8px;display:flex}.message-meta{justify-content:space-between}.message-meta .sender-name,.subject-row .subject-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.message-meta .sender-name{flex:1;font-size:14px;font-weight:400}.message-card.compact .message-meta .sender-name{font-size:13px;font-weight:400}.message-card.unread .message-meta .sender-name,.message-card.compact.unread .message-meta .sender-name{color:var(--ink);font-weight:700}.message-card.unread .subject-row{color:var(--ink);font-weight:800}.message-card.compact .subject-row{margin-top:3px;font-size:13px;font-weight:400}.message-card.compact.unread .subject-row{font-weight:700}.message-list-details{color:var(--muted);text-align:right;white-space:nowrap;flex:none;align-items:baseline;gap:5px;margin-left:auto;font-size:12px;display:inline-flex}.message-meta time{color:inherit;font:inherit;white-space:nowrap}.message-list-size{color:#969994;font-size:11px}.message-card.compact .message-list-details{font-size:12px}.message-card.unread .message-list-details{color:var(--muted);font-weight:800}.subject-row{color:#2e302f;margin-top:7px;font-size:13px;font-weight:700;position:relative}.subject-row .subject-text{flex:1}.message-quick-actions{box-shadow:none;opacity:0;pointer-events:none;background:#fff;border:0;border-radius:8px;gap:8px;padding:2px;transition:opacity .12s,transform .12s;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.message-card:hover .message-quick-actions,.message-card.hovered .message-quick-actions,.message-card:focus-within .message-quick-actions{opacity:1;pointer-events:auto}.message-list.has-hovered-message .message-card:not(.hovered):focus-within .message-quick-actions{opacity:0;pointer-events:none}.message-card:hover .subject-row,.message-card.hovered .subject-row,.message-card:focus-within .subject-row{padding-right:104px}.message-list.has-hovered-message .message-card:not(.hovered):focus-within .subject-row{padding-right:0}.message-quick-actions button{width:28px;height:28px;color:var(--muted);background:#fff;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.message-quick-actions button:hover{color:var(--accent-strong);background:#0f8f721a}.message-quick-actions button:last-child:hover{color:#9a351f;background:#fff1ed}.message-star{color:#b9bcb4;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.message-card.compact .message-star{border-radius:5px;width:18px;height:18px}.message-card.compact .subject-row>svg{width:13px;height:13px}.message-star:hover,.message-star.active{color:#d68a00;background:#fff7e8}.flagged-star{color:#d68a00;fill:#ffd37a;stroke-width:2.3px}.message-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.message-card.unread p{color:#4a4d49;font-weight:600}.message-card.compact .subject-row{margin-top:5px}.empty-state,.reader-empty,.reader-loading{min-height:260px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.empty-state strong,.reader-empty strong{color:var(--ink)}.reading-pane{flex-direction:column;min-width:0;display:flex}.reader-message-view{background:#f8f8f6;flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.reader-subject-header{flex:none;padding:24px 22px 18px}.reader-subject-header h2{color:#2a2c2b;overflow-wrap:anywhere;letter-spacing:-.025em;margin:0;font-size:clamp(23px,2vw,31px);line-height:1.2}.reader-message-card{background:#fff;border:1px solid #ddddda;border-radius:16px;flex-direction:column;flex:none;min-height:calc(100% - 84px);margin:0 18px 18px;display:flex;overflow:hidden;box-shadow:0 1px 2px #181c1b08;container-type:inline-size}.reader-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 20px 18px;display:grid}.reader-header span,.eyebrow{color:var(--muted);font-size:13px}.eyebrow{margin:0;font-weight:700}.message-preview-card{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:14px;min-width:0;display:grid}.sender-avatar{color:#fff;text-transform:uppercase;background:#ef1762;border-radius:50%;place-items:center;width:48px;height:48px;font-size:21px;font-weight:500;display:grid}.message-fields{gap:6px;min-width:0;display:grid}.message-sender-row{flex-wrap:wrap;align-items:center;gap:14px;min-width:0;display:flex}.message-sender-meta{color:var(--muted);white-space:nowrap;flex:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.message-recipient-row{color:var(--muted);align-items:baseline;gap:8px;font-size:13px;display:flex}.message-recipient-row strong{color:#5d605e;font-weight:600}.message-date-score{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.spam-score{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:inline-flex}.spam-score-bar{background:linear-gradient(90deg,#dc3545,#efa52a 50%,#299b55);border-radius:3px;flex:0 0 76px;width:76px;height:8px;display:inline-block;position:relative}.spam-score-marker{background:#202522;border-radius:1px;width:3px;height:14px;position:absolute;top:-3px;transform:translate(-50%);box-shadow:0 0 0 1px #fff}.spam-score-value{font-variant-numeric:tabular-nums}.spam-score-unavailable{color:var(--muted)}.sender-menu-wrap{flex:220px;min-width:0;position:relative}.sender-link{overflow-wrap:anywhere;color:#303231;text-align:left;background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:7px;max-width:100%;min-height:24px;padding:0;font-size:15px;display:inline-flex}.sender-link strong{font-size:16px;font-weight:750}.sender-link span{color:#686b69;white-space:normal;overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:450}.sender-link:hover{color:var(--accent-strong);background:0 0;text-decoration:none}.sender-link .external-badge{white-space:nowrap;color:#3c3000;background:#f4b400;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:800;line-height:1.35}.sender-menu{z-index:20;background:#fffffffc;border:1px solid #1e23221f;border-radius:8px;width:min(260px,100vw - 48px);position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 18px 38px #1a1f2229}.sender-menu button{border:0;border-bottom:1px solid var(--line);width:100%;min-height:58px;color:var(--ink);text-align:left;background:0 0;align-items:center;gap:11px;padding:10px 14px;display:flex}.sender-menu button>svg{color:var(--accent-strong);flex:none}.sender-menu button>span{gap:2px;min-width:0;display:grid}.sender-menu button strong{color:inherit;font-size:14px;font-weight:850;line-height:1.1}.sender-menu button small{color:var(--muted);font-size:12px;font-weight:700;line-height:1.2}.sender-menu button:last-child{border-bottom:0}.sender-menu button:hover:not(:disabled){color:var(--accent-strong);background:#0f8f7214}.sender-menu button:disabled{color:var(--muted);cursor:default}.sender-menu button:disabled>svg{color:#9da29a}.reader-actions{border:1px solid var(--line);background:#fff;border-radius:10px;flex-wrap:wrap;justify-content:flex-end;gap:0;display:flex;overflow:hidden}.reader-actions .icon-button{border:0;border-right:1px solid var(--line);border-radius:0;width:39px;height:39px}.reader-actions .icon-button:last-child{border-right:0}.reader-actions .icon-button:hover,.reader-actions .icon-button.active{border-color:var(--line)}@container (max-width:720px){.reader-header{grid-template-columns:minmax(0,1fr);gap:12px}.reader-header>.reader-actions{justify-content:flex-start;justify-self:start;max-width:100%}}.external-content-banner{color:#8a5a12;background:#fff8ed;border-bottom:1px solid #ffe1b8;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:4px 12px;padding:6px 12px;font-size:13px;font-weight:700;display:flex}.external-content-banner-actions{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.external-content-banner button{color:#8a5a12;white-space:normal;background:#fff;border:1px solid #f0bf72;border-radius:8px;min-height:30px;padding:0 10px;font-size:12px;font-weight:800}.external-content-banner button:hover{color:#6d4300;border-color:#d68a00}.external-content-banner-secondary{background:0 0}.message-body{background:#fff;flex:none;min-height:360px;padding:0;overflow:visible}.message-body iframe{background:#fff;border:0;width:100%;height:360px;min-height:360px;display:block}.message-body pre{color:#252525;white-space:pre-wrap;width:min(100%,820px);margin:0 auto;padding:34px 42px;font-family:inherit;font-size:16px;line-height:1.65}.reader-reply-actions{flex-wrap:wrap;gap:10px;padding:16px 20px 20px;display:flex}.reader-reply-actions button{border:1px solid var(--line);color:#626562;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:650;display:inline-flex}.reader-reply-actions button:hover{color:var(--accent-strong);background:#f5fbf9;border-color:#0f8f7259}.attachment-strip{border-top:1px solid var(--line);gap:8px;padding:14px;display:flex;overflow:auto}.attachment{border:1px solid var(--line);background:var(--panel-soft);max-width:230px;min-height:38px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:inline-flex}.attachment:hover:not(:disabled){color:var(--accent-strong);background:#fff;border-color:#0f8f7261}.attachment:disabled{cursor:progress;opacity:.7}.attachment span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compose-window{background:#fff;gap:10px;display:grid}.pane-compose{flex-direction:column;height:100%;min-height:0;padding:22px;display:flex}.pane-compose header{border-bottom:1px solid var(--line);padding-bottom:14px}.pane-compose h2{letter-spacing:0;margin:4px 0 0;font-size:clamp(26px,3vw,40px);line-height:1}.settings-pane,.contacts-pane{background:#fff;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;padding:22px;display:grid}.mail-shell>.contacts-pane{border:1px solid #deded7db;border-radius:8px;grid-template-rows:auto minmax(0,1fr);min-width:0;overflow:hidden}.settings-pane{min-width:0;overflow:hidden}.settings-pane>footer{border-top:1px solid var(--line);background:#fff;flex-wrap:wrap;padding-top:14px}.settings-pane header,.settings-pane footer,.contacts-pane header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.settings-pane header,.contacts-pane header{border-bottom:1px solid var(--line);padding-bottom:14px}.settings-pane h2,.contacts-pane h2{letter-spacing:0;margin:4px 0 8px;font-size:clamp(28px,3vw,42px);line-height:1}.settings-pane header span,.contacts-pane header span{color:var(--muted);font-size:13px}.settings-fields{overscroll-behavior:contain;scrollbar-gutter:stable;grid-template-columns:minmax(0,620px);align-content:start;gap:18px;min-width:0;min-height:0;padding:24px 0;display:grid;overflow-y:auto}.settings-fields label{gap:8px;display:grid}.settings-fields label>span,.settings-choice legend{color:var(--muted);font-size:13px;font-weight:800}.settings-fields textarea{min-height:170px}.settings-choice{border:0;gap:8px;margin:0;padding:0;display:grid}.totp-settings,.password-settings{border:1px solid var(--line);background:#fafafa;border-radius:8px;gap:12px;padding:14px;display:grid}.totp-settings-header,.totp-actions,.totp-disable,.password-settings-header{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.totp-settings-header,.password-settings-header{align-items:center}.totp-settings-header div,.totp-setup,.password-settings-header div,.password-fields{gap:8px;display:grid}.totp-settings-header span,.password-settings-header span{color:var(--text);font-size:13px;font-weight:800}.totp-settings-header small,.password-settings-header small{color:var(--muted)}.totp-settings input[readonly]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px}.segmented-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.segmented-choice label{min-width:0;position:relative}.segmented-choice input{opacity:0;pointer-events:none;position:absolute}.segmented-choice span{border:1px solid var(--line);background:var(--panel-soft);min-height:64px;color:var(--muted);border-radius:8px;gap:3px;padding:11px 12px;display:grid}.segmented-choice strong{color:var(--ink);font-size:14px}.segmented-choice small{font-size:12px;font-weight:700;line-height:1.25}.segmented-choice input:checked+span{color:var(--accent-strong);background:#0f8f7214;border-color:#0f8f7257}.segmented-choice input:checked+span strong{color:var(--accent-strong)}.contacts-workspace{grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0;padding-top:18px;display:grid}.contacts-summary{align-items:center;gap:8px;display:flex}.contacts-summary .icon-button{flex-shrink:0}.contact-form{grid-template-columns:minmax(0,1fr);align-items:end;gap:10px;display:grid}.contact-dialog{border:1px solid var(--line);background:var(--panel);width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border-radius:12px;padding:24px}.contact-dialog::backdrop{background:#00000059}.contact-dialog h2{margin:0 0 8px}.contact-dialog input{border:1px solid var(--line);width:100%;min-height:42px;font:inherit;border-radius:8px;padding:8px 10px}.contact-dialog footer{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.contact-dialog .secondary-button{color:var(--ink);border:1px solid var(--line);background:0 0}.contact-form label{gap:7px;display:grid}.contact-form label>span{color:var(--muted);font-size:12px;font-weight:800}.contact-form button{background:var(--ink);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-weight:800;display:inline-flex}.contact-search{max-width:460px}.contacts-list{align-content:start;gap:8px;min-height:0;padding-right:4px;display:grid;overflow:auto}.contact-card{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:10px;min-height:54px;padding:6px 8px 6px 6px;display:grid}.contact-card strong,.contact-card span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.contact-compose{text-align:left;background:0 0;border:0;border-radius:7px;min-width:0;min-height:44px;padding:7px 8px;display:block}.contact-card strong{color:var(--ink);font-size:14px}.contact-card span{color:var(--muted);margin-top:2px;font-size:12px}.contact-card .contact-remove{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.contact-compose:hover{background:#fff}.contact-compose:hover strong,.contact-compose:hover span{color:var(--accent-strong)}.contact-card .contact-remove:hover{color:#9a351f;background:#fff1ed}.compact-empty{min-height:180px}.calendar-pane{background:var(--panel);border:1px solid #deded7db;border-radius:8px;flex-direction:column;gap:12px;min-width:0;padding:18px 20px 20px;display:flex;overflow:hidden}.calendar-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.calendar-head h2{letter-spacing:-.6px;margin:4px 0 6px;font-size:clamp(24px,2.4vw,34px);line-height:1}.calendar-head>div>span{color:var(--muted);font-size:13px}.calendar-head-actions{align-items:center;gap:8px;display:inline-flex}.calendar-primary,.calendar-secondary{border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-weight:800;display:inline-flex}.calendar-primary{background:var(--ink);color:#fff;border:0}.calendar-primary:hover{background:#000}.calendar-primary:disabled{cursor:progress;opacity:.68}.calendar-secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.calendar-secondary:hover{background:var(--panel-soft)}.calendar-toolbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.calendar-heading{min-width:0;color:var(--ink);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.calendar-nav,.calendar-view-tabs{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;gap:4px;padding:4px;display:inline-flex}.calendar-nav button,.calendar-view-tabs button{min-height:30px;color:var(--muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.calendar-nav button.compact{width:30px;height:30px;padding:0}.calendar-nav button:hover,.calendar-view-tabs button:hover,.calendar-view-tabs button.active{color:var(--accent-strong);background:#fff;box-shadow:0 6px 16px #1a1f2214}.calendar-hint{border:1px dashed var(--line);background:var(--panel-soft);color:var(--muted);border-radius:8px;align-items:center;gap:8px;margin:0;padding:9px 12px;font-size:13px;font-weight:700;display:flex}.calendar-hint svg{color:var(--accent-strong);flex:none}.calendar-canvas{border:1px solid var(--line);background:#fff;border-radius:10px;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.calendar-chip{border:1px solid #0f8f723d;border-left:3px solid var(--accent);text-align:left;background:#f2fbf8;border-radius:6px;flex-direction:column;justify-content:center;gap:1px;min-width:0;padding:4px 6px;display:flex;overflow:hidden}.calendar-chip:hover{border-color:var(--accent);background:#e6f7f1}.calendar-chip>time{color:var(--accent-strong);flex:none;font-size:11px;font-weight:900}.calendar-chip>span{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.calendar-chip.mini,.calendar-chip.spanning{flex-direction:row;align-items:center;gap:5px}.calendar-chip.mini{min-height:21px;padding:2px 6px}.calendar-chip.mini>span{flex:1}.calendar-chip.timed{z-index:2;position:absolute;box-shadow:0 6px 14px #1a1f2214}.calendar-chip.spanning{border:1px solid var(--accent);background:var(--accent);border-radius:999px;min-height:20px;padding:2px 9px}.calendar-chip.spanning>span{color:#fff;font-size:11px}.calendar-chip.spanning:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.week-view{--gutter:58px;flex:1;grid-template-rows:auto auto minmax(0,1fr);min-width:0;display:grid}.week-header{grid-template-columns:var(--gutter) repeat(7, minmax(0, 1fr));border-bottom:1px solid var(--line);display:grid}.week-gutter{border-right:1px solid var(--line);color:var(--muted);text-transform:uppercase;place-items:center;padding:4px;font-size:10px;font-weight:850;display:grid}.week-day-head{border:0;border-right:1px solid var(--line);background:var(--panel-soft);text-align:center;gap:3px;padding:8px 6px;display:grid}.week-day-head:last-child{border-right:0}.week-day-head:hover{background:#eff8f5}.week-day-head span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:850}.week-day-head strong{color:var(--ink);font-size:20px;line-height:1.2}.week-day-head.today strong{background:var(--accent);color:#fff;border-radius:999px;justify-self:center;min-width:30px}.week-allday{grid-template-columns:var(--gutter) minmax(0, 1fr);border-bottom:1px solid var(--line);background:var(--panel-soft);display:grid}.week-allday-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;padding:3px 0;display:grid}.week-scroll{min-height:0;overflow:auto}.week-body{grid-template-columns:var(--gutter) minmax(0, 1fr);height:calc(var(--hour-height) * 24);display:grid}.week-hours{grid-template-rows:repeat(24, var(--hour-height));border-right:1px solid var(--line);display:grid}.week-hours span{color:var(--muted);text-align:right;padding-right:8px;font-size:11px;font-weight:800;transform:translateY(-7px)}.week-hours span:first-child{visibility:hidden}.week-columns{background:repeating-linear-gradient(to bottom, var(--line) 0 1px, transparent 1px var(--hour-height));grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.week-column{border-right:1px solid var(--line);cursor:cell;min-width:0;position:relative}.week-column:last-child{border-right:0}.week-column.today{background:#0f8f720d}.week-now{z-index:3;background:var(--coral);pointer-events:none;height:2px;position:absolute;left:0;right:0}.week-now:before{content:"";background:var(--coral);border-radius:999px;width:8px;height:8px;position:absolute;top:-3px;left:-4px}.month-view{flex:1;grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.month-weekdays{border-bottom:1px solid var(--line);background:var(--panel-soft);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.month-weekdays span{border-right:1px solid var(--line);color:var(--muted);text-transform:uppercase;padding:7px 9px;font-size:11px;font-weight:850}.month-weekdays span:last-child{border-right:0}.month-grid{grid-template-columns:repeat(7,minmax(0,1fr));min-height:0;display:grid}.month-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:cell;grid-template-rows:auto minmax(0,1fr);gap:4px;min-width:0;min-height:0;padding:5px 5px 6px;display:grid}.month-cell:nth-child(7n){border-right:0}.month-grid>.month-cell:nth-last-child(-n+7){border-bottom:0}.month-cell:hover{background:var(--panel-soft)}.month-cell.outside{background:#fafaf6b3}.month-cell.outside .month-day-number{color:#b0b3ac}.month-day-number{min-width:24px;height:22px;color:var(--ink);background:0 0;border:0;border-radius:999px;justify-self:start;padding:0 7px;font-size:12px;font-weight:800}.month-day-number:hover{color:var(--accent-strong);background:#eff8f5}.month-cell.today .month-day-number{background:var(--accent);color:#fff}.month-cell-events{align-content:start;gap:3px;min-height:0;display:grid;overflow:hidden}.month-cell-more{color:var(--muted);background:0 0;border:0;justify-self:start;padding:0 5px;font-size:11px;font-weight:800}.month-cell-more:hover{color:var(--accent-strong)}.year-view{flex:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-content:start;gap:12px;min-width:0;padding:14px;display:grid;overflow:auto}.year-month{border:1px solid var(--line);background:var(--panel-soft);border-radius:10px;align-content:start;gap:6px;padding:10px;display:grid}.year-month-title{color:var(--ink);background:0 0;border:0;border-radius:6px;justify-self:start;padding:2px 7px;font-size:14px;font-weight:850}.year-month-title:hover{color:var(--accent-strong);background:#eff8f5}.year-weekdays,.year-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.year-weekdays span{color:var(--muted);text-align:center;font-size:10px;font-weight:850}.year-day{height:23px;color:var(--ink);background:0 0;border:0;border-radius:6px;place-items:center;font-size:11px;font-weight:700;display:grid;position:relative}.year-day:hover:not(:disabled){color:var(--accent-strong);background:#eff8f5}.year-day.outside{visibility:hidden}.year-day.today{background:var(--accent);color:#fff}.year-day em{background:var(--coral);border-radius:999px;width:4px;height:4px;position:absolute;bottom:2px}.year-day.today em{background:#fff}.calendar-modal{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#15151552;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.calendar-modal-card{border:1px solid var(--line);background:var(--panel);width:min(520px,100%);max-height:min(88vh,760px);box-shadow:var(--shadow);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;display:grid;overflow:auto}.calendar-modal-card.detail{grid-template-columns:minmax(0,1fr)}.calendar-modal-card>header,.calendar-modal-card>footer,.calendar-modal-card>.wide,.calendar-modal-card>.calendar-detail-row,.calendar-modal-card>.calendar-detail-notes{grid-column:1/-1}.calendar-modal-card>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.calendar-modal-card h3{letter-spacing:-.3px;margin:0;font-size:19px}.calendar-modal-card label{gap:6px;min-width:0;display:grid}.calendar-modal-card label>span{color:var(--muted);font-size:12px;font-weight:800}.calendar-modal-card textarea{min-height:88px}.calendar-modal-card label.calendar-toggle{align-items:center;gap:8px;display:flex}.calendar-modal-card label.calendar-toggle input{width:16px;height:16px;accent-color:var(--accent)}.calendar-modal-card>footer{justify-content:flex-end;align-items:center;gap:8px;padding-top:2px;display:flex}.calendar-modal-card>footer.spread{justify-content:space-between}.calendar-confirm{color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.calendar-detail-row{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:13px;font-weight:700;display:flex}.calendar-detail-row svg{color:var(--accent-strong);flex:none}.calendar-detail-notes{border:1px solid var(--line);background:var(--panel-soft);color:var(--ink);white-space:pre-wrap;border-radius:8px;margin:0;padding:12px;font-size:13px;line-height:1.5}.compose-fields{gap:8px;display:grid}.extra-recipients-toggle{min-height:32px;color:var(--muted);font:inherit;background:0 0;border:0;border-radius:6px;justify-self:start;align-items:center;gap:6px;padding:4px 8px;font-size:13px;display:inline-flex}.extra-recipients-toggle:hover{background:var(--panel-soft);color:var(--accent-strong)}.extra-recipients-toggle[aria-expanded=true]>svg{transform:rotate(90deg)}.extra-recipients-toggle span{font-size:12px}.extra-recipients-fields:not([hidden]){gap:8px;display:grid}.editor-toolbar{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;gap:4px;width:fit-content;padding:4px;display:inline-flex}.mode-tab{min-width:72px;min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:6px;font-weight:700}.ai-tab{justify-content:center;align-items:center;gap:6px;min-width:92px;display:inline-flex}.mode-tab.active{color:var(--accent-strong);background:#fff;box-shadow:0 6px 16px #1a1f2214}.ai-edit-panel{background:#f1f7f5c7;border:1px solid #0f8f7238;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:10px;display:grid}.ai-edit-panel button{background:var(--accent);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:92px;height:38px;padding:0 12px;font-weight:800;display:inline-flex}.ai-edit-panel button:disabled{cursor:progress;opacity:.7}.compose-attachments{background:var(--panel-soft);min-height:48px;color:var(--muted);border:1px dashed #cfd7d1;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;font-size:13px;display:flex}.compose-attachments.drop-active{color:var(--accent-strong);background:#eef8f5;border-color:#0f8f7294}.compose-attachments input{display:none}.attachment-drop-button{border:1px solid var(--line);min-height:34px;color:var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:800;display:inline-flex}.attachment-drop-button:hover{color:var(--accent-strong);border-color:#0f8f725c}.compose-attachment-list{flex-wrap:wrap;gap:8px;display:flex}.compose-attachment-item{border:1px solid var(--line);max-width:320px;min-height:34px;color:var(--muted);background:#fff;border-radius:8px;grid-template-columns:16px minmax(0,1fr) auto 28px;align-items:center;gap:7px;padding:0 4px 0 10px;font-size:13px;display:grid}.compose-attachment-item span{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compose-attachment-item small{font-size:11px;font-weight:800}.compose-attachment-item button{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.compose-attachment-item button:hover{color:#9a351f;background:#fff1ed}.html-editor{border:1px solid var(--line);min-height:320px;max-height:46vh;caret-color:var(--ink);cursor:text;-webkit-user-select:text;user-select:text;white-space:normal;background:#fff;border-radius:8px;outline:0;padding:14px;line-height:1.5;overflow:auto}.html-editor:focus{border-color:#0f8f7299;box-shadow:0 0 0 3px #0f8f721f}.wysiwyg-wrap{flex:1;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0;display:grid}.pane-compose .html-editor{height:100%;min-height:0;max-height:none}.wysiwyg-toolbar{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;padding:5px;display:flex}.wysiwyg-toolbar button{width:34px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.wysiwyg-toolbar button:hover{color:var(--accent-strong);background:#fff;box-shadow:0 6px 16px #1a1f2214}.wysiwyg-toolbar span{background:var(--line);width:1px;height:20px;margin:0 3px}.html-editor blockquote{border-left:3px solid var(--accent);color:#4e5350;margin:10px 0;padding-left:12px}.html-editor a{color:var(--sky)}.compose-window header{justify-content:space-between;align-items:center;gap:10px;display:flex}.compose-window footer{justify-content:flex-end;align-items:center;gap:10px;display:flex}.compose-draft{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-weight:700;display:inline-flex}.compose-draft:hover{background:var(--panel-soft)}.compose-draft:disabled{opacity:.68;cursor:progress}.compose-textarea{resize:none;flex:1;height:100%;min-height:360px}.compose-send{background:var(--accent-strong);min-height:40px;box-shadow:none;padding:0 18px}.discard-button{color:#9a351f;background:#fff7f4;border:1px solid #ffd3c7;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 13px;font-weight:700;display:inline-flex}.discard-button:hover{background:#fff1ed}.compose-send:disabled{opacity:.68;cursor:progress}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1180px){.mail-shell{grid-template-columns:220px minmax(320px,1fr)}.mail-shell.sidebar-collapsed{grid-template-columns:78px minmax(320px,1fr)}.mail-shell:is(.calendar-open,.contacts-open){grid-template-columns:220px minmax(0,1fr)}.mail-shell:is(.calendar-open,.contacts-open).sidebar-collapsed{grid-template-columns:78px minmax(0,1fr)}.reading-pane{grid-column:1/-1;min-height:420px}}@media (min-width:781px) and (max-width:1180px){.mail-shell:not(.calendar-open):not(.contacts-open){grid-template-rows:minmax(220px,2fr) minmax(0,3fr)}.mail-shell:not(.calendar-open):not(.contacts-open)>.sidebar{grid-area:1/1/3}.mail-shell:not(.calendar-open):not(.contacts-open)>.message-column{grid-area:1/2;min-height:0}.mail-shell:not(.calendar-open):not(.contacts-open)>.reading-pane{grid-area:2/2;min-height:0}}.mobile-mail-header,.mobile-folder-backdrop,.mobile-message-actions,.mobile-back{display:none}.mobile-actions-dialog{border:1px solid var(--line);width:min(360px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);background:#fff;border-radius:8px;padding:16px}.mobile-actions-dialog::backdrop{background:#00000059}.mobile-actions-dialog h2{margin:0 0 12px;font-size:18px}.mobile-actions-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:12px;display:grid}.mobile-actions-list button{min-height:44px;color:inherit;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:8px;font-size:13px;display:flex}.mobile-actions-list button svg{flex-shrink:0}.mobile-actions-list button:hover,.mobile-actions-list button:focus-visible{background:var(--panel-soft)}.reader-navigation{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:8px;padding:2px 14px;display:flex}.reader-position{color:var(--muted);flex:1;font-size:13px}.translation-dialog{border:1px solid var(--line);width:min(360px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);background:#fff;border-radius:8px;padding:24px}.translation-dialog::backdrop{background:#00000059}.translation-dialog form{gap:14px;display:grid}.translation-dialog h2{margin:0 0 6px;font-size:22px}.translation-dialog select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fff;border-radius:6px;padding:8px}.translation-dialog footer,.translation-status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.translation-dialog footer .secondary-button{min-height:44px}.translation-status{border-bottom:1px solid var(--line);flex-shrink:0;padding:10px 16px;font-size:13px}@media (max-width:780px){.login-shell{grid-template-columns:1fr;align-items:start;gap:20px}.login-copy h1{font-size:48px}.mail-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:0;height:100dvh;min-height:0;padding:0;overflow:hidden}.mail-shell.sidebar-collapsed,.mail-shell:is(.calendar-open,.contacts-open),.mail-shell:is(.calendar-open,.contacts-open).sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.calendar-pane,.mail-shell>.contacts-pane{order:1;min-height:0;padding:14px;overflow:auto}.calendar-head{flex-direction:column}.calendar-toolbar{grid-template-columns:1fr;justify-items:start}.calendar-heading{text-align:left}.calendar-modal-card{grid-template-columns:minmax(0,1fr)}.week-view{--gutter:44px}.sidebar,.message-column,.reading-pane{min-height:auto}.sidebar{z-index:51;background:#fff;border-radius:0;width:min(340px,90vw);position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar-collapsed .sidebar{display:none}.mobile-mail-header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:12px;padding:8px 12px;display:flex}.mobile-mail-header strong{overflow-wrap:anywhere;flex:1;min-width:0}.mobile-folder-backdrop{z-index:50;background:#00000059;border:0;display:block;position:fixed;inset:0}.mobile-back{display:inline-flex}.mail-shell .icon-button{min-width:44px;min-height:44px}.sidebar-collapsed .brand-row{grid-template-columns:42px 1fr 34px;justify-content:stretch}.sidebar-collapsed .brand-row>div:nth-child(2),.sidebar-collapsed .folder span,.sidebar-collapsed .folder small{display:block}.sidebar-collapsed .brand-row .icon-button{grid-column:auto;width:34px}.sidebar-collapsed .compose-button{width:100%;font-size:inherit;gap:9px;padding:0}.sidebar-collapsed .folder-list{align-items:stretch;padding-right:4px}.sidebar-collapsed .folder{grid-template-columns:22px minmax(0,1fr) auto;justify-content:stretch;width:100%;padding:0 11px;display:grid}.message-column{border-radius:0;order:2;min-height:0}.reading-pane{border-radius:0;order:3;grid-column:auto;min-height:0;display:none;overflow-y:auto}.mobile-detail-open .message-column{display:none}.mobile-detail-open:not(.calendar-open):not(.contacts-open) .reading-pane{display:flex}.reader-navigation{z-index:5;background:#fff;position:sticky;top:0}.message-body{flex:1 0 50dvh}.message-body pre{overflow-wrap:anywhere;padding:16px}.reader-header{flex-shrink:0;grid-template-columns:minmax(0,1fr);padding:10px 12px}.reader-message-view{overflow:visible}.reader-subject-header{padding:16px 14px 12px}.reader-subject-header h2{font-size:22px}.reader-message-card{border-radius:12px;flex:1 0 auto;min-height:0;margin:0 10px 12px}.external-content-banner{gap:0;font-size:11px}.external-content-banner>span{flex-basis:100%}.external-content-banner-actions{gap:12px}.external-content-banner button{text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:0;font-size:12px;text-decoration:underline}.reader-header>.reader-actions{display:none}.reader-header h2{overflow-wrap:anywhere;font-size:20px;line-height:1.2}.reader-actions{flex-wrap:wrap;justify-content:flex-start}.message-preview-card{grid-template-columns:minmax(0,1fr)}.sender-avatar{display:none}.reader-header .sender-link,.reader-header .sender-link span,.reader-header .message-date-score>span,.message-recipient-row,.message-sender-meta{font-size:12px}.message-sender-row{flex-direction:column;align-items:flex-start;gap:2px}.message-sender-row>.sender-menu-wrap{flex:0 auto;width:100%}.message-date-score{display:block}.mobile-message-actions{grid-area:1/2/3;align-self:center;display:inline-flex}.message-date-score .spam-score{gap:6px}.reader-header .spam-score span{font-size:11px}.sender-link{align-items:flex-start;gap:4px}.message-body{min-height:45dvh}.reader-reply-actions{padding:12px}.reader-reply-actions button{flex:auto;min-height:44px}.contact-form{grid-template-columns:1fr}.pane-compose,.settings-pane,.contacts-pane{padding:14px}.pane-compose{height:auto;min-height:100%}.pane-compose h2,.settings-pane h2,.contacts-pane h2{overflow-wrap:anywhere;font-size:24px}.compose-textarea{min-height:220px}.attachment-strip{flex-wrap:wrap;flex-shrink:0}}.filters-pane{background:#fff;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;padding:22px;display:grid}.filters-pane header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:14px;display:flex}.filters-pane h2{letter-spacing:0;margin:4px 0 8px;font-size:clamp(28px,3vw,42px);line-height:1}.filters-pane header span{color:var(--muted);font-size:13px}.filters-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.filters-tab{border:1px solid var(--line);background:var(--panel-soft);min-height:40px;color:var(--ink);border-radius:8px;align-items:center;gap:7px;padding:0 13px;font-weight:700;display:inline-flex}.filters-tab[aria-pressed=true]{color:var(--accent-strong);background:#0f8f721a;border-color:#0f8f7266}.filters-workspace{align-content:start;gap:12px;min-height:0;padding:18px 4px 0 0;display:grid;overflow:auto}.filters-error,.filters-notice{border-radius:8px;margin:0;padding:10px 12px;font-size:13px;font-weight:700}.filters-error{color:#9a351f;background:#fff7f4;border:1px solid #ffd3c7}.filters-notice{color:var(--accent-strong);background:#0f8f7214;border:1px solid #0f8f724d}.filters-preserved{border:1px dashed var(--line);background:var(--panel-soft);border-radius:10px;gap:5px;padding:12px;display:grid}.filters-preserved span{color:var(--muted);font-size:12px}.filters-preserved pre{margin:6px 0 0;font-size:12px;line-height:1.5;overflow:auto}.filters-list{gap:12px;display:grid}.blocked-sender-card{border:1px solid var(--line);background:var(--panel-soft);border-radius:10px;grid-template-columns:minmax(0,1fr) auto 32px;align-items:center;gap:14px;padding:14px;display:grid}.blocked-sender-identity{color:#9a351f;align-items:center;gap:11px;min-width:0;display:flex}.blocked-sender-identity div{gap:3px;min-width:0;display:grid}.blocked-sender-identity strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.blocked-sender-identity span{color:var(--muted);font-size:12px}@media (max-width:600px){.blocked-sender-card{grid-template-columns:minmax(0,1fr) 32px}.blocked-sender-card>.filter-toggle{grid-area:2/1}.blocked-sender-card>.filter-remove{grid-area:1/2/3}}.filter-card{border:1px solid var(--line);background:var(--panel-soft);border-radius:10px;gap:12px;padding:14px;display:grid}.filter-card-head{grid-template-columns:minmax(0,1fr) auto 32px;align-items:center;gap:10px;display:grid}.filter-name{height:36px;font-weight:800}.filter-summary{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.filter-section{border-top:1px solid var(--line);gap:8px;padding-top:10px;display:grid}.filter-section-head{color:var(--muted);align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-row input{flex:160px;min-width:0;height:36px}.filter-row select,.filter-section-head select,.filter-apply select{border:1px solid var(--line);height:36px;color:var(--ink);background:#fff;border-radius:8px;padding:0 9px;font-weight:700}.filter-hint{color:var(--muted);font-size:11px;font-weight:700}.filter-toggle{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.filter-toggle input{width:16px;height:16px}.filter-remove{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);background:#fff;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.filter-remove:hover:not(:disabled){color:#9a351f;background:#fff7f4;border-color:#ffd3c7}.filter-remove:disabled{opacity:.4}.filter-add{border:1px dashed var(--line);min-height:34px;color:var(--muted);background:#fff;border-radius:8px;justify-self:start;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:800;display:inline-flex}.filter-add:hover{border-color:var(--accent);color:var(--accent-strong)}.filter-card-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.filter-apply{align-items:center;gap:8px;display:inline-flex}.filter-apply button,.filters-actions button:not(.filter-add),.filters-script-actions button{background:var(--ink);color:#fff;border:0;border-radius:8px;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.filter-apply button{background:var(--accent)}.filter-apply button:disabled,.filters-actions button:disabled,.filters-script-actions button:disabled{opacity:.55}.filters-actions{justify-content:space-between;align-items:center;gap:10px;padding:4px 0 18px;display:flex}.filters-script{gap:12px;padding-bottom:18px;display:grid}.filters-script label{gap:8px;display:grid}.filters-script label>span{color:var(--muted);font-size:12px;font-weight:800}.filters-script textarea{min-height:420px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.filters-script-actions{gap:8px;display:flex}.filters-script-actions .filters-secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.folders-pane{background:#fff;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;padding:22px;display:grid}.folders-pane header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:14px;display:flex}.folders-pane h2{letter-spacing:0;margin:4px 0 8px;font-size:clamp(28px,3vw,42px);line-height:1}.folders-pane header span{color:var(--muted);font-size:13px}.folders-workspace{flex-direction:column;gap:12px;min-height:0;padding-top:18px;display:flex}.folders-workspace>:not(.folders-list){flex-shrink:0}.folder-create{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.folder-create label{gap:7px;display:grid}.folder-create label>span{color:var(--muted);font-size:12px;font-weight:800}.folder-create select{border:1px solid var(--line);height:38px;color:var(--ink);background:#fff;border-radius:8px;padding:0 10px;font-weight:700}.folder-create button{background:var(--ink);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-weight:800;display:inline-flex}.folder-create button:disabled{opacity:.5}.folders-list{flex:1;align-content:start;gap:6px;min-height:0;padding-right:4px;display:grid;overflow:auto}.folder-manage-row{border:1px solid var(--line);background:var(--panel-soft);border-radius:9px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:50px;padding:6px 10px;display:grid}.folder-manage-name{gap:2px;min-width:0;display:grid}.folder-manage-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.folder-manage-name span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.folder-manage-name input{height:34px;font-weight:800}.folder-manage-count{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:800}.folder-manage-actions{align-items:center;gap:6px;display:inline-flex}.folder-system{min-height:28px;color:var(--muted);background:#eef0ea;border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex}.folder-confirm,.folder-cancel,.folder-danger{border:1px solid var(--line);min-height:32px;color:var(--ink);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:800;display:inline-flex}.folder-confirm{background:var(--accent);color:#fff;border-color:#0000}.folder-danger{color:#9a351f;background:#fff7f4;border-color:#ffd3c7}.folder-danger:hover{background:#ffece5}.folder-confirm:disabled,.folder-danger:disabled{opacity:.55}.signature-settings{gap:10px;min-width:0;display:grid}.signature-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.signature-heading select{border:1px solid var(--line);color:inherit;background:var(--panel);border-radius:8px;padding:7px 10px}.signature-settings .wysiwyg-toolbar{flex-wrap:wrap}.signature-settings .wysiwyg-toolbar button{width:auto;padding:6px 8px;font-size:12px}.signature-settings .signature-editor{min-height:150px;max-height:none;overflow:visible}.signature-editor img{max-width:100%}.signature-source{font-family:monospace}.folder-icon-dialog{border:1px solid var(--line);background:var(--panel);width:min(500px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border-radius:12px;padding:24px;overflow-y:auto}.folder-icon-dialog::backdrop{background:#00000059}.folder-icon-dialog h2{margin:0;font-size:22px}.folder-icon-options{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;display:grid}.folder-icon-options button{border:1px solid var(--line);min-height:76px;color:var(--ink);background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.folder-icon-options button[aria-pressed=true]{border-color:var(--accent);color:var(--accent-strong);box-shadow:inset 0 0 0 1px var(--accent);background:#eff8f5}.folder-icon-dialog footer{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.folder-create{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto}@media (max-width:780px){.folder-create{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.folder-index-help{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.folder-manage-name .folder-index-status{white-space:normal;overflow-wrap:anywhere;color:var(--accent-strong)}.folder-index-button{border:1px solid var(--line);background:var(--panel);min-height:34px;color:var(--accent-strong);border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.folder-index-button:disabled{opacity:.65}.folder-manage-actions{flex-wrap:wrap}@media (max-width:600px){.folder-manage-row{grid-template-columns:minmax(0,1fr) auto}.folder-manage-actions{grid-column:1/-1}}.folder-color-options{flex-wrap:wrap;align-items:center;gap:16px;margin:16px 0;display:flex}.folder-color-options label{align-items:center;gap:12px;display:flex}.folder-color-options input[type=color]{cursor:pointer;width:44px;height:36px;padding:2px}.folder-icon-dialog{max-height:85vh;overflow-y:auto}.message-answered{color:#15806b;flex-shrink:0;align-items:center;display:inline-flex}.contacts-table-pane{z-index:4;grid-area:1/2/auto/-1;position:relative}.contacts-toolbar,.contact-row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.contacts-table-workspace{flex-direction:column;gap:18px;min-height:0;padding-top:18px;display:flex}.contacts-table-scroll{min-height:0;overflow:auto}.contacts-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.contacts-table th{border-bottom:1px solid var(--line);color:var(--muted);background:#fff;padding:16px 12px;font-weight:500;position:sticky;top:0}.contacts-table td{overflow-wrap:anywhere;border-bottom:1px solid #f0f1ef;max-width:240px;padding:12px}.contacts-table tbody tr:hover{background:#f5f8f7}.contact-name-link{text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;min-width:170px;display:flex}.contact-avatar{color:#fff;background:#16836f;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.contact-label-chip{border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:12px;display:inline-block}.contacts-empty{color:var(--muted);padding:24px}.contact-detail-dialog{border:1px solid var(--line);border-radius:16px;width:min(780px,94vw);max-height:90vh;padding:24px;overflow:auto}.contact-detail-dialog::backdrop{background:#14282359}.contact-detail-dialog header,.contact-detail-dialog footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.contact-detail-dialog footer{justify-content:flex-end;margin-top:20px}.contact-detail-fields fieldset{border:0;border-top:1px solid var(--line);margin-top:20px;padding:18px 0}.contact-detail-fields legend{padding-right:12px;font-weight:650}.contact-field-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-field-grid label{flex-direction:column;gap:6px;min-width:0;display:flex}.contact-field-grid label span{color:var(--muted);font-size:12px}.contact-field-grid label strong{white-space:pre-wrap;overflow-wrap:anywhere;font-weight:450}.contact-field-grid input,.contact-field-grid textarea{border:1px solid var(--line);box-sizing:border-box;border-radius:6px;width:100%;padding:10px}@media (max-width:700px){.contacts-table-pane{grid-column:1/-1}.contact-field-grid{grid-template-columns:1fr}}.contacts-table-workspace>.contacts-search{box-sizing:border-box;flex:0 0 44px;width:min(520px,100%);height:44px;max-height:44px}.contacts-search input{flex:1;width:100%}.contacts-table-scroll{flex:auto}.contact-labels{flex-wrap:wrap;gap:6px;display:flex}.contact-value-list{flex-direction:column;gap:4px;display:flex}.mail-quota{color:var(--muted);flex-direction:column;gap:6px;padding:12px 4px;font-size:12px;display:flex}.mail-quota progress{accent-color:#15806b;width:100%;height:7px}.thread-toggle{background:var(--surface-hover,#eef2f6);color:inherit;font:inherit;cursor:pointer;text-align:left;border:0;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;display:flex}.message-card.thread-message{border-left:3px solid var(--accent,#7b8ca8)}.thread-toggle{width:100%}.sent-message-row{width:100%;color:inherit;font:inherit;text-align:left;background:0 0}.sent-message-row .message-avatar{flex-shrink:0}.sent-message-row .message-meta time{color:var(--muted);white-space:nowrap;font-size:12px}.sent-row-label{color:var(--muted);margin-left:6px;font-size:11px;font-weight:400}.sent-message-row .subject-row>svg{color:var(--muted);flex-shrink:0}.sent-reader-meta{border-bottom:1px solid var(--line);padding:20px}.sent-reader-meta time{float:right;color:var(--muted);font-size:12px}.sent-reader-meta p{color:var(--muted);margin-bottom:0;font-size:13px}