/* Unified Inbox: contained pages and a usable reading pane. */
#composeDialog{width:min(720px,calc(100vw - 30px));max-width:none;padding:26px;max-height:94vh}
#composeDialog .dialog-top{gap:12px;align-items:center}
#composeDialog .dialog-top>div{margin-right:auto}
#composeDialog .compose-expand{white-space:nowrap;font-size:10px;padding:8px 10px}
#composeDialog textarea{font-size:14px;line-height:1.65;min-height:240px}
#composeDialog.compose-expanded{width:min(1120px,calc(100vw - 36px));height:94vh}
#composeDialog.compose-expanded #composeForm{display:flex;flex-direction:column;min-height:100%}
#composeDialog.compose-expanded #composeForm>label:has(textarea){display:flex;flex-direction:column;flex:1}
#composeDialog.compose-expanded textarea{flex:1;min-height:280px}
#composeDialog .dialog-actions{position:sticky;bottom:-26px;background:#fff;border-top:1px solid #e5e9df;padding:14px 0 2px;z-index:1}
[data-theme="dark"] #composeDialog .dialog-actions{background:#1b251e;border-color:#303d32}
@media(max-width:650px){#composeDialog{padding:18px}#composeDialog .dialog-top{flex-wrap:wrap}#composeDialog .dialog-top>div{flex:1}#composeDialog textarea{min-height:200px}#composeDialog .dialog-actions{bottom:-18px;flex-wrap:wrap}#composeDialog.compose-expanded{width:calc(100vw - 16px);height:96vh;max-height:96vh}}
.inbox-toolbar{flex-wrap:wrap}
.inbox-label-filter{display:flex;align-items:center;gap:10px}
.inbox-label-filter select{min-width:165px}
#view-inbox #mailFolder{min-width:165px;width:165px}
#view-inbox .inbox-search{margin-right:14px}
@media(max-width:650px){#view-inbox #mailFolder{width:100%;min-width:0}#view-inbox .inbox-search{margin-right:0}}
@media(max-width:650px){#view-inbox .inbox-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px 12px}#view-inbox .inbox-label-filter{display:contents}#view-inbox .inbox-toolbar select{width:100%;min-width:0}#view-inbox #inboxRefresh{grid-column:2;justify-self:end}}
.mail-routing{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;margin:18px 0 4px}
.mail-route-card{flex:0 1 auto;max-width:100%;padding:9px 12px;border:1px solid;border-radius:8px;min-width:0}
.mail-route-from{background:#eef4e9;border-color:#d9e5d2;color:#375435}
.mail-route-to{background:#edf3fa;border-color:#d5e2f1;color:#345476}
.mail-route-label{display:block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px;opacity:.8}
.mail-route-address{display:block;font-size:12px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.mail-labels{display:flex;flex-wrap:wrap;gap:6px;margin:3px 0 14px}
.mail-labels[hidden]{display:none}
#view-inbox .mail-detail>.mail-address-badge{background:#263b2b;color:#fff!important}
[data-theme="dark"] .mail-route-from{background:#253b2a;border-color:#3b5840;color:#d1e7c9}
[data-theme="dark"] .mail-route-to{background:#25364a;border-color:#3b536e;color:#d0e2f6}
@media(max-width:650px){.mail-routing{grid-template-columns:1fr}.inbox-label-filter{flex:1;min-width:0}.inbox-label-filter select{min-width:0;width:100%}}
.content:has(#view-inbox.active){max-width:1650px;padding-left:34px;padding-right:34px}
#view-inbox .mail-layout{grid-template-columns:320px minmax(0,900px);max-width:1220px;margin-inline:auto;height:min(78vh,900px);min-height:620px}
#view-inbox .mail-list,#view-inbox .mail-detail{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.mail-bulk-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-5px 0 12px;color:#697565;font-size:11px}
.mail-bulk-bar[hidden]{display:none}
.mail-bulk-bar span{font-weight:600;margin-right:2px}
.mail-bulk-bar .danger-btn,.mail-actions .danger-btn{border:1px solid #c9958c;background:#fff8f6;color:#8d3f34;border-radius:7px;padding:10px 14px;font-size:11px;font-weight:600}
.mail-bulk-bar .danger-btn:hover,.mail-actions .danger-btn:hover{background:#f9e9e5;border-color:#b8756a}
#view-inbox .mail-detail{padding:25px 30px}
#view-inbox.mail-expanded .mail-layout{grid-template-columns:minmax(0,1fr);max-width:none}
#view-inbox>.page-heading,#view-inbox>.inbox-toolbar,#view-inbox>.mail-bulk-bar{max-width:1220px;margin-left:auto;margin-right:auto}
#view-inbox.mail-expanded>.page-heading,#view-inbox.mail-expanded>.inbox-toolbar,#view-inbox.mail-expanded>.mail-bulk-bar{max-width:none}
.mail-toolbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.inbox-toolbar .mail-toolbar-actions button{margin-left:0;white-space:nowrap}
#inboxRefresh{transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s}
#inboxRefresh:hover{background:#edf3e8;border-color:#a2b69a;color:#304f31;box-shadow:0 2px 5px #2336290c}
#inboxRefresh:focus-visible{outline:2px solid #7b9972;outline-offset:2px}
[data-theme="dark"] #inboxRefresh:hover{background:#2b402e;border-color:#658260;color:#e5efdf}
#view-inbox.mail-expanded .mail-layout{height:auto}
#view-inbox.mail-expanded .mail-detail{overflow:visible}
@media(max-width:650px){#view-inbox .mail-toolbar-actions{grid-column:1/-1;justify-content:flex-end;width:100%}#view-inbox .mail-toolbar-actions #inboxRefresh{grid-column:auto}}
#view-inbox.mail-expanded .mail-list{display:none}
.mail-reading-bar{display:flex;align-items:center;justify-content:space-between;gap:14px}
.mail-expand{white-space:nowrap}
#view-inbox .mail-rich-body{display:block;width:100%;height:620px;min-height:60vh;max-height:none;border:0;background:#fff;margin:18px 0}
.mail-image-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f2f5ed;color:#53624f;border:1px solid #e0e8da;border-radius:7px;padding:10px 12px;font-size:11px;margin-top:15px}
.mail-image-notice button{white-space:nowrap}
.mail-plain{font-size:11px;color:#758073;margin-top:12px}
.mail-plain summary{cursor:pointer}
.mail-pagination{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:14px;flex-wrap:wrap}
.mail-pagination[hidden]{display:none}
.mail-pagination button{min-width:34px}
.mail-pagination button.active{background:#e6eee2;border-color:#91aa89;color:#253b2a}
.mail-page-ellipsis{color:#879487;font-size:12px;padding:0 4px}
@media(max-width:800px){.content:has(#view-inbox.active){padding-left:20px;padding-right:20px}#view-inbox .mail-layout{grid-template-columns:minmax(210px,34%) minmax(0,1fr)}#view-inbox .mail-detail{padding:20px}.mail-rich-body{height:560px}}
@media(max-width:650px){#view-inbox .mail-layout{display:block;height:auto;min-height:0}#view-inbox .mail-list{max-height:360px;border-right:0}#view-inbox .mail-detail{max-height:none;border-top:1px solid #e8ebe5}#view-inbox.mail-expanded .mail-list{display:none}.mail-rich-body{height:75vh;min-height:440px}.mail-image-notice{align-items:flex-start;flex-direction:column}}

.mail-row.unread strong,.mail-row.unread span{font-weight:750;color:#263b2b}
[data-theme="dark"] .mail-row.unread strong,[data-theme="dark"] .mail-row.unread span{color:#e5f0df}

.inbox-search{display:flex;align-items:center;gap:10px;flex:1;min-width:190px}.inbox-search input{box-sizing:border-box;width:100%;min-width:0;max-width:330px;min-height:36px;padding:9px 11px;border:1px solid #dce4d9;border-radius:6px;background:#fff;color:#283028;font:inherit;font-size:11px;outline:none;transition:border-color .16s,box-shadow .16s}.inbox-search input::placeholder{color:#8b9788;opacity:1}.inbox-search input:focus{border-color:#82a276;box-shadow:0 0 0 2px #82a27620}.inbox-search label{font-size:11px;color:#7d8c7b}[data-theme="dark"] .inbox-search input{background:#121b15;border-color:#354637;color:#e7eee5}@media(max-width:650px){#view-inbox .inbox-search{display:contents}.inbox-search input{max-width:none}}
/* Read state is visible without opening a message. Selection never activates it. */
.mail-read-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;max-width:1220px;margin:0 auto 12px;font-size:11px;color:#52634d}
.mail-read-toolbar[hidden]{display:none!important}.mail-read-toolbar>label{display:flex;align-items:center;gap:7px;min-height:36px}.mail-read-toolbar input{accent-color:#66865a;width:17px;height:17px}.mail-read-toolbar small{flex-basis:100%;color:#7c8977;font-size:10px}.mail-read-toolbar .text-btn{font-size:11px}.mail-read-toolbar button:disabled{opacity:.5;cursor:default}
.mail-row-container{display:flex;align-items:stretch;min-width:0;border-bottom:1px solid #e6ebe1;background:#fff;border-left:3px solid transparent}
.mail-row-container .mail-row{flex:1;min-width:0;width:auto;border:0;padding-left:7px;position:relative;padding-right:24px;color:inherit}
.mail-select-control{display:flex;align-items:center;justify-content:center;flex:0 0 36px;cursor:pointer}.mail-select-control input{width:17px;height:17px;accent-color:#66865a;margin:0;cursor:pointer}
.mail-row-container.unread{background:#edf3e7;border-left-color:#76986b}.mail-row-container.unread .mail-row{background:#edf3e7}
.mail-row-container.unread .mail-row::after{content:'';position:absolute;right:9px;top:21px;width:7px;height:7px;border-radius:50%;background:#547a48}
.mail-row-container:not(.unread) .mail-row strong{font-weight:500}.mail-row-container.unread .mail-row strong,.mail-row-container.unread .mail-row>span:not(.mail-address-badge){font-weight:750}
.mail-row-container .mail-row:focus-visible{outline:2px solid #68895b;outline-offset:-3px}.mail-select-control input:focus-visible{outline:2px solid #68895b;outline-offset:2px}
[data-theme=dark] .mail-read-toolbar{color:#c9d7c2}[data-theme=dark] .mail-row-container{background:#1b251e;border-color:#303d32}[data-theme=dark] .mail-row-container.unread,[data-theme=dark] .mail-row-container.unread .mail-row{background:#293e2d}[data-theme=dark] .mail-row-container.unread{border-left-color:#a1bf8d}[data-theme=dark] .mail-row-container.unread .mail-row::after{background:#bed4ab}
@media(max-width:650px){.mail-read-toolbar button{min-height:40px}.mail-read-toolbar>label{min-height:40px}.mail-select-control{flex-basis:40px}.mail-row-container .mail-row{padding-top:16px;padding-bottom:16px}}

/* Consistent selection across Inbox, Sent, Drafts, Spam and Bin. */
.mail-selection-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.mail-selection-actions button[hidden]{display:none!important}.mail-read-toolbar{padding:10px 12px;border:1px solid #e0e7db;border-radius:9px;background:#f4f7f0}.mail-row-container .mail-select-control{align-self:stretch;min-width:36px}.mail-row-container .mail-read-check{flex:none}.mail-row-container .mail-row:disabled{opacity:.75;cursor:wait}.mail-read-toolbar small{line-height:1.5}.mail-read-toolbar:has(#mailSelectPage:indeterminate) #mailReadCount,.mail-read-toolbar:has(#mailSelectPage:checked) #mailReadCount{font-weight:700}
[data-theme=dark] .mail-read-toolbar{background:#1a281e;border-color:#354638}
/* A neutral mailbox card; only the softly lit orb identifies the address. */
#view-inbox .mail-address-badge[data-mailbox-color],
#view-inbox .mail-detail>.mail-address-badge[data-mailbox-color]{
  display:inline-flex!important;align-items:center;gap:7px;box-sizing:border-box;
  min-width:0;max-width:100%;width:max-content;padding:6px 9px;border-radius:7px;
  background:#fff!important;color:#171b18!important;border:1px solid #dce2d9!important;
  box-shadow:0 1px 2px #18251b05;font-size:10px!important;font-weight:500;line-height:1.3;
  vertical-align:middle;overflow:hidden;white-space:nowrap;
}
#view-inbox .mail-address-badge::before{
  content:'';display:block;flex:0 0 10px;width:10px;height:10px;border-radius:50%;
  background:radial-gradient(circle at 28% 23%,#ffffffdf 0%,#ffffff00 43%),
    conic-gradient(from 35deg,hsl(var(--mailbox-hue) 78% 60%),hsl(calc(var(--mailbox-hue) + 65) 85% 72%),hsl(calc(var(--mailbox-hue) - 35) 70% 48%),hsl(var(--mailbox-hue) 78% 60%));
  box-shadow:inset 0 0 0 1px #ffffff40,0 1px 2px #17291b24;
}
#view-inbox .mail-address-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit!important;font:inherit!important}
[data-theme=dark] #view-inbox .mail-address-badge[data-mailbox-color],
[data-theme=dark] #view-inbox .mail-detail>.mail-address-badge[data-mailbox-color]{background:#202b24!important;color:#fff!important;border-color:#445047!important;box-shadow:0 1px 2px #00000016}
@media(max-width:650px){.mail-read-toolbar{padding:10px;gap:9px}.mail-selection-actions{width:100%;gap:7px}.mail-selection-actions>button{flex:0 1 auto}.mail-read-toolbar .text-btn{margin-left:auto}.mail-select-control{min-width:40px}}

.mail-confirm-copy{white-space:pre-line;font-size:13px;line-height:1.7;overflow-wrap:anywhere}

/* Keep mail interactions in place while remote providers catch up. */
#mailDeleteSelected{appearance:none;min-height:40px;box-sizing:border-box;padding:9px 14px;border:1px solid #e3c3bc;border-radius:7px;background:#fff7f5;color:#9a3b2c;font:600 11px Inter,Arial,sans-serif;line-height:16px;cursor:pointer}#mailDeleteSelected:hover:not(:disabled){background:#fbeae5;border-color:#ce9b90}#mailDeleteSelected:disabled{opacity:.48;cursor:default}[data-theme=dark] #mailDeleteSelected{background:#35261f;color:#efb5a8;border-color:#664337}[data-theme=dark] #mailDeleteSelected:hover:not(:disabled){background:#462d25}.mail-loading-state{padding:14px 18px}.mail-loading-label{display:block;font-size:11px;color:#7a8973;padding:6px 0 14px}.mail-skeleton-row{min-height:78px;border-top:1px solid #dfe5d833;display:grid;grid-template-columns:25% 1fr 16%;gap:20px;align-items:center}.mail-skeleton-row span{height:9px;border-radius:6px;background:#879b7830;animation:mail-soft-pulse 1.4s ease-in-out infinite}.mail-skeleton-row span:nth-child(2){width:80%}.mail-skeleton-row span:nth-child(3){height:17px}@keyframes mail-soft-pulse{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.mail-skeleton-row span{animation:none}}

/* Read state is the only row background cue. Hover outlines include selection. */
#view-inbox .mail-row-container:not(.unread),#view-inbox .mail-row-container:not(.unread) .mail-row,#view-inbox .mail-row-container:not(.unread) .mail-row:hover,#view-inbox .mail-row-container:not(.unread) .mail-row.selected{background:#fff!important}
#view-inbox .mail-row-container.unread,#view-inbox .mail-row-container.unread .mail-row,#view-inbox .mail-row-container.unread .mail-row:hover,#view-inbox .mail-row-container.unread .mail-row.selected{background:#edf3e7!important}
#view-inbox .mail-row-container:hover{box-shadow:inset 0 0 0 1px #9cad92;position:relative;z-index:1}
[data-theme=dark] #view-inbox .mail-row-container:not(.unread),[data-theme=dark] #view-inbox .mail-row-container:not(.unread) .mail-row,[data-theme=dark] #view-inbox .mail-row-container:not(.unread) .mail-row:hover,[data-theme=dark] #view-inbox .mail-row-container:not(.unread) .mail-row.selected{background:#1b251e!important}
[data-theme=dark] #view-inbox .mail-row-container.unread,[data-theme=dark] #view-inbox .mail-row-container.unread .mail-row,[data-theme=dark] #view-inbox .mail-row-container.unread .mail-row:hover,[data-theme=dark] #view-inbox .mail-row-container.unread .mail-row.selected{background:#293e2d!important}
[data-theme=dark] #view-inbox .mail-row-container:hover{box-shadow:inset 0 0 0 1px #7a9270}

#mailRestore,#mailDeleteSelected{min-height:40px}

/* One pointer cue: a left rail, independent from unread state. */
#view-inbox .mail-row-container,#view-inbox .mail-row-container.unread,[data-theme=dark] #view-inbox .mail-row-container,[data-theme=dark] #view-inbox .mail-row-container.unread{border-left-color:transparent;box-shadow:none}
#view-inbox .mail-row-container:hover,[data-theme=dark] #view-inbox .mail-row-container:hover{border-left-color:#263b2b;box-shadow:none}
[data-theme=dark] #view-inbox .mail-row-container:hover{border-left-color:#a1bf8d}

.mail-confirm-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:22px}
.mail-confirm-dialog .dialog-actions .danger-btn{appearance:none;border:1px solid #c9958c;background:#fff8f6;color:#8d3f34;border-radius:7px;padding:10px 14px;min-height:40px;font:inherit;font-size:11px;font-weight:600;cursor:pointer}
.mail-confirm-dialog .dialog-actions .danger-btn:hover:not(:disabled){background:#f9e9e5;border-color:#b8756a}
.mail-confirm-dialog .dialog-actions .danger-btn:disabled{opacity:.5;cursor:not-allowed}
.mail-confirm-dialog label{display:block;font-size:11px;font-weight:600;line-height:1.6;color:var(--muted,#718071)}
.mail-confirm-dialog label input{display:block;width:100%;box-sizing:border-box;margin-top:5px;min-height:40px}
[data-theme=dark] .mail-confirm-dialog .dialog-actions .danger-btn{background:#342722;border-color:#996f61;color:#f0bbaa}
[data-theme=dark] .mail-confirm-dialog .dialog-actions .danger-btn:hover:not(:disabled){background:#483129}
.mail-overview{margin:18px 0;padding:16px;border:1px solid var(--border,#dce2d7);border-radius:10px;background:var(--surface,#f7f9f4)}.mail-overview-notice{display:block;font-size:11px;line-height:1.6;color:var(--muted,#667361);margin-top:8px}.mail-overview-result:empty{display:none}.mail-overview-result h3{font-size:13px;margin:18px 0 8px}.mail-overview-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.mail-overview-result p{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.mail-overview-caution{border-left:3px solid #b87a39;padding-left:12px}[data-theme="dark"] .mail-overview{background:#1d2a21;border-color:#3c4d3d}[data-theme="dark"] .mail-overview-notice{color:#a6b5a1}