:root{--bg:#f7f8fa;--panel:#ffffff;--panel-soft:#f1f4f7;--ink:#243244;--muted:#667085;--line:#d9e1ea;--accent:#d86f4a;--accent-strong:#a84630;--accent-soft:#fff0ea;--aqua-soft:#edf7f6;--blue:#6b8e8f;--amber:#b96a3c;--danger:#b42318;--shadow:0 12px 30px rgba(36,50,68,0.06)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}.appShell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:#ffffff;border-right:1px solid var(--line);color:var(--ink);display:flex;flex-direction:column;gap:22px;padding:20px}.brand{display:flex;align-items:center;gap:12px;min-height:42px}.brandMark{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent-strong);font-weight:800}.brandText span,.brandText strong{display:block}.brandText span{color:var(--muted);font-size:12px;margin-top:2px}.composeButton,.ghostButton,.iconButton,.primaryButton,.secondaryButton{border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px}.composeButton,.primaryButton{background:var(--accent);color:#fff;font-weight:700;padding:0 14px}.composeButton{width:100%}.secondaryButton{background:#f3f5f7;color:var(--ink);padding:0 12px}.ghostButton{background:transparent;color:inherit;padding:0 10px}.iconButton{width:38px;background:#f3f5f7;color:var(--ink)}.accountGroup,.navGroup{display:flex;flex-direction:column;gap:6px}.navTitle{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:0;margin:8px 0 2px;text-transform:uppercase}.accountItem,.navItem{align-items:center;border-radius:8px;color:var(--ink);display:grid;grid-gap:10px;gap:10px;grid-template-columns:20px minmax(0,1fr) auto;min-height:38px;padding:0 10px}.navItem.active{background:var(--accent-soft);color:var(--accent-strong)}.accountItem.active{background:#fff3ec;color:var(--accent-strong)}.accountItem span,.navItem span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebarHint{color:var(--muted);font-size:13px;padding:8px 10px}.badge{background:#edf2f7;border-radius:999px;color:var(--muted);font-size:12px;min-width:28px;padding:3px 8px;text-align:center}.dot{width:10px;height:10px;border-radius:50%}.clientContextMenu{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 50px rgba(36,50,68,.16);display:grid;min-width:230px;overflow:hidden;padding:6px;position:fixed;z-index:30}.clientContextHeader{border-bottom:1px solid var(--line);display:grid;grid-gap:3px;gap:3px;margin:0 0 4px;padding:8px 10px 10px}.clientContextFooter,.clientContextHeader span{color:var(--muted);font-size:12px}.clientContextMenu button{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--ink);display:grid;grid-gap:10px;gap:10px;grid-template-columns:18px minmax(0,1fr);min-height:36px;padding:0 10px;text-align:left}.clientContextMenu button:hover{background:var(--accent-soft);color:var(--accent-strong)}.clientContextFooter{border-top:1px solid var(--line);margin-top:4px;padding:8px 10px 4px}.main{min-width:0;padding:18px 20px 28px}.topbar{grid-gap:14px;gap:14px;grid-template-columns:minmax(220px,1fr) auto;margin-bottom:16px}.searchBox,.topbar{align-items:center;display:grid}.searchBox{background:var(--panel);border:1px solid var(--line);border-radius:8px;grid-gap:10px;gap:10px;grid-template-columns:20px 1fr;min-height:44px;padding:0 12px}.searchBox input{border:0;min-width:0;outline:0}.topActions{display:flex;gap:8px}.settingsOverlay{align-items:center;background:rgba(36,50,68,.18);display:grid;inset:0;padding:24px;position:fixed;z-index:20}.settingsDialog{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 80px rgba(36,50,68,.18);display:grid;grid-template-rows:auto minmax(0,1fr);height:min(760px,calc(100vh - 48px));justify-self:center;overflow:hidden;width:min(1080px,calc(100vw - 48px))}.settingsDialogHeader{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;min-height:66px;padding:0 18px}.settingsDialogHeader h2{font-size:20px;margin:0}.settingsDialogHeader small{color:var(--muted);display:block;font-size:12px;margin-top:4px}.settingsBody{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:0}.settingsNav{background:#f8fafb;border-right:1px solid var(--line);display:grid;align-content:start;grid-gap:8px;gap:8px;padding:14px}.settingsNavItem{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--ink);display:grid;grid-gap:10px;gap:10px;grid-template-columns:20px minmax(0,1fr);min-height:58px;padding:0 10px;text-align:left}.settingsNavItem.active{background:var(--accent-soft);color:var(--accent-strong)}.settingsNavItem small,.settingsNavItem span,.settingsNavItem strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settingsNavItem small{color:var(--muted);font-size:12px;font-weight:400;margin-top:3px}.settingsContent{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;overflow:auto}.settingsContentHeader{align-items:center;border-bottom:1px solid var(--line);display:flex;min-height:58px;padding:0 18px}.settingsContentHeader h3{font-size:18px;margin:0}.settingsContentHeader small{color:var(--muted);display:block;font-size:12px;margin-top:3px}.settingsPanel{padding:16px}.accountForm,.settingsPanel{display:grid;grid-gap:14px;gap:14px}.accountForm{border:1px solid var(--line);border-radius:8px;padding:14px}.settingsPanelHeader{align-items:center;display:flex;gap:12px;justify-content:space-between}.formGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.passwordField{display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) 38px}.passwordField input{min-width:0}.manualSettings{border:1px solid var(--line);border-radius:8px;overflow:hidden}.manualSettings summary{background:#f8fafb;cursor:pointer;font-weight:700;min-height:42px;padding:12px}.manualSettings .formGrid{padding:12px}.toggleField{align-items:center;display:flex;gap:8px;min-height:42px}.toggleField input{accent-color:var(--accent);height:17px;width:17px}.emptyState{align-items:center;color:var(--muted);display:flex;gap:10px;min-height:72px;padding:0 16px}.messageEmpty{align-items:flex-start;flex-direction:column;gap:6px;min-height:118px;padding:20px}.messageEmpty strong{color:var(--text)}.framedList{border:1px solid var(--line);border-radius:8px;overflow:hidden}.spamSettingsGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.settingsNote{background:#f8fafb;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:5px;gap:5px;padding:12px}.settingsNote span{color:var(--muted)}.settingsActionBar{align-items:center;background:#f8fafb;border:1px solid var(--line);border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:10px}.statusPill{background:#edf2f7;border-radius:999px;color:var(--muted);font-size:12px;font-weight:700;padding:5px 10px}.statusPill.pending{background:var(--accent-soft);color:var(--accent-strong)}.mailWorkspace,.workspace{display:grid;grid-gap:16px;gap:16px}.mailWorkspace{align-items:start;grid-template-columns:minmax(0,1fr) minmax(300px,360px)}.mailPrimary{display:grid;grid-gap:16px;gap:16px;min-width:0}.rightRail{min-width:0;position:-webkit-sticky;position:sticky;top:18px}.summaryGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.loginPanel,.section,.summaryTile{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.summaryTile{padding:14px}.summaryTile span{color:var(--muted);display:block;font-size:13px}.summaryTile strong{display:block;font-size:26px;margin-top:8px}.section{overflow:hidden}.sectionHeader{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;min-height:58px;padding:0 16px}.sectionHeader h1,.sectionHeader h2{font-size:18px;margin:0}.sectionHeader small{display:block;font-weight:400;margin-top:3px}.headerMeta,.sectionHeader small{color:var(--muted);font-size:12px}.headerMeta{background:#f3f5f7;border-radius:999px;font-weight:700;padding:5px 10px;white-space:nowrap}.collapsibleSection summary{cursor:pointer;list-style:none}.collapsibleSection summary::-webkit-details-marker{display:none}.collapsibleSection summary:before{background:#f3f5f7;border-radius:8px;color:var(--muted);content:"+";display:grid;flex:0 0 auto;font-size:20px;font-weight:700;height:32px;place-items:center;width:32px}.collapsibleSection[open] summary:before{content:"-"}.collapsibleSection:not([open]) summary{border-bottom:0}.collapsibleSection:not([open]){align-self:start;min-height:0}.toolbar{display:flex;flex-wrap:wrap;gap:8px}.messageList{display:grid}.listStatusBar{background:#fbfcfd;color:var(--muted);font-size:13px;min-height:46px}.listStatusBar,.selectionToolbar{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:8px 12px}.selectionToolbar{background:var(--accent-soft);min-height:50px}.messageHeaderRow{background:#f7f8fa;color:var(--muted);font-size:12px;font-weight:700;min-height:34px;text-transform:uppercase}.messageHeaderRow,.messageRow{align-items:center;border-bottom:1px solid var(--line);display:grid;grid-gap:12px;gap:12px;grid-template-columns:32px 52px minmax(150px,190px) minmax(0,1fr) 72px 34px;padding:0 12px}.messageRow{cursor:pointer;min-height:56px}.messageRow:last-child{border-bottom:0}.messageRow.unread{background:#fffaf7;font-weight:700}.messageRow.selected{background:var(--accent-soft)}.messageRow:hover{background:#fff7f2}.readerOverlay{align-items:center;background:rgba(29,36,48,.28);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:70}.readerDialog{max-width:980px;width:min(980px,100%)}.composeDialog,.readerDialog{background:#ffffff;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 70px rgba(31,41,55,.18);display:grid;max-height:calc(100vh - 40px);overflow:hidden}.composeDialog{max-width:920px;width:min(920px,100%)}.composeGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));overflow:auto;padding:18px}.composeFull{grid-column:1/-1}.composeFooter{align-items:center;border-top:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;min-height:64px;padding:12px 18px}.composeFooter .formError{margin:0}.readerHeader{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:14px;justify-content:space-between;padding:18px}.readerTitleBlock{display:grid;grid-gap:8px;gap:8px;min-width:0}.readerTitleBlock h2{font-size:24px;line-height:1.2;margin:0}.readerMeta{align-items:center;border-bottom:1px solid var(--line);display:grid;grid-gap:12px;gap:12px;grid-template-columns:34px minmax(0,1fr) auto;padding:14px 18px}.readerMeta div:nth-child(2){display:grid;grid-gap:3px;gap:3px;min-width:0}.readerMeta span,.readerMeta time,.readerRecipients{color:var(--muted);font-size:13px}.readerRecipients{gap:10px 18px;padding:10px 18px}.readerActions,.readerRecipients{border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap}.readerActions{gap:8px;padding:12px 18px}.readerBody{color:var(--ink);font-size:15px;line-height:1.65;max-height:min(62vh,680px);overflow:auto;padding:22px;white-space:normal}.readerBody p{margin:0 0 12px}.checkCell{align-items:center;display:flex;height:30px;justify-content:center;width:30px}.checkCell input{accent-color:var(--accent);cursor:pointer;height:17px;width:17px}.avatar{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:12px;font-weight:800;height:30px;justify-content:center;width:30px}.sender,.snippet,.subjectLine{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subjectLine{display:flex;gap:8px;min-width:0}.subjectText{flex:0 1 auto;max-width:46%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snippet{flex:1 1 auto;min-width:0;color:var(--muted);font-weight:400}.dateCell{color:var(--muted);font-size:12px;text-align:right}.contentGrid{align-items:start;grid-gap:16px;grid-template-columns:minmax(0,1fr) minmax(280px,360px)}.contentGrid,.stack{display:grid;gap:16px}.stack{align-content:start;grid-gap:16px}.cardList{display:grid}.accountCard,.calendarCard,.ruleCard,.settingRow{border-bottom:1px solid var(--line);padding:14px 16px}.accountCard:last-child,.calendarCard:last-child,.ruleCard:last-child,.settingRow:last-child{border-bottom:0}.accountCard,.calendarCard,.ruleCard{display:grid;grid-gap:8px;gap:8px}.spamPanel{display:grid;grid-gap:12px;gap:12px;padding:14px 16px}.spamMetric{align-items:center;background:#fffaf7;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;min-height:48px;padding:0 12px}.spamMetric span{color:var(--muted)}.spamMetric strong{font-size:22px}.cardTop{align-items:center;display:flex;gap:10px;justify-content:space-between}.muted{color:var(--muted)}.tagRow{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#f3f5f7;border-radius:999px;color:var(--muted);font-size:12px;padding:4px 8px}.subsectionHeader{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;min-height:44px;padding:0 16px}.subsectionHeader>span{display:grid;grid-gap:3px;gap:3px;min-width:0}.subsectionHeader .muted{display:block;font-size:12px}.appearancePanel{display:grid;grid-gap:18px;gap:18px;padding:16px}.appearanceGroup{display:grid;grid-gap:12px;gap:12px}.appearanceGroupHeader{align-items:center;display:flex;gap:12px;justify-content:space-between}.clientColorList,.colorGrid{display:grid;grid-gap:10px;gap:10px}.colorGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.colorField{align-items:center;background:#f8fafb;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:42px minmax(0,1fr) auto;min-height:64px;padding:10px}.colorField input{background:transparent;border:0;cursor:pointer;height:38px;padding:0;width:38px}.colorField span{min-width:0}.colorField small,.colorField strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.colorField small{margin-top:3px}.colorField code,.colorField small{color:var(--muted);font-size:12px}.confidence{color:var(--accent-strong);font-weight:700}.settingsGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.rightRail .settingsGrid{grid-template-columns:1fr}.settingRow{min-height:82px}.settingRow strong{display:block;margin-bottom:6px}.loginPage{align-items:center;display:grid;min-height:100vh;padding:24px;place-items:center}.loginPanel{max-width:460px;padding:28px;width:100%}.loginPanel h1{margin:18px 0 8px}.formStack{display:grid;grid-gap:12px;gap:12px;margin-top:22px}.setupSecret{background:#f8fafb;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:10px;gap:10px;padding:12px}.setupSecret code{background:#ffffff;border:1px solid var(--line);border-radius:6px;color:var(--ink);display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere;padding:10px}.field{display:grid;grid-gap:6px;gap:6px}.field label{color:var(--muted);font-size:13px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:8px;font:inherit;min-height:42px;padding:0 12px}.field textarea{line-height:1.5;min-height:220px;padding:12px;resize:vertical}.formError{background:#fff0ea;border:1px solid #f3c4b5;border-radius:8px;color:var(--accent-strong);margin:0;padding:10px 12px}@media (max-width:980px){.appShell{grid-template-columns:1fr}.sidebar{min-height:auto}.colorGrid,.contentGrid,.formGrid,.mailWorkspace,.settingsBody,.settingsGrid,.spamSettingsGrid,.summaryGrid{grid-template-columns:1fr}.settingsOverlay{padding:10px}.settingsDialog{height:calc(100vh - 20px);width:calc(100vw - 20px)}.settingsNav{border-bottom:1px solid var(--line);border-right:0;grid-template-columns:repeat(2,minmax(0,1fr))}.settingsActionBar,.settingsPanelHeader{align-items:flex-start;flex-direction:column}.rightRail{position:static}.messageHeaderRow,.messageRow{grid-template-columns:32px 42px minmax(0,1fr) 62px}.messageHeaderRow span:first-of-type,.messageHeaderRow span:last-child,.messageHeaderRow span:nth-of-type(2),.messageRow .iconButton,.messageRow .sender{display:none}.selectionToolbar{align-items:flex-start;flex-direction:column}.subjectText{max-width:52%}}