.settings-body{padding:8px 24px 24px;display:grid;gap:24px}.settings-body fieldset{border:0;padding:0;margin:0;min-width:0}.settings-body legend{font-size:12px;color:var(--muted);margin-bottom:12px}.layout-option{display:flex;align-items:center;gap:12px;padding:16px 12px;border-radius:6px;cursor:pointer}.layout-option:has(:checked){background:var(--selected)}.layout-option strong{display:block;font-size:13px}.layout-option small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.layout-option input,input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.layout-scheme{margin-left:auto;width:54px;height:36px;border:1px solid var(--control);border-radius:3px;flex-shrink:0}.split-scheme{background:linear-gradient(90deg,transparent 28%,var(--control) 28%,var(--control) 30%,transparent 30%,transparent 59%,var(--control) 59%,var(--control) 61%,transparent 61%)}.compact-scheme{background:repeating-linear-gradient(0deg,transparent,transparent 7px,var(--line) 7px,var(--line) 8px)}.settings-themes{display:flex;gap:8px}.settings-themes button{display:flex;align-items:center;gap:8px}.settings-themes [aria-pressed=true]{background:var(--selected)}.action-options{padding:8px 16px 24px;display:grid;gap:4px;max-height:65dvh;overflow:auto}.action-options .mail-tool{justify-content:flex-start;min-height:44px}.mail-tool{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;font-size:12px;white-space:nowrap;color:var(--muted)}.mail-tool svg{width:18px;height:18px}.mail-tool:hover{color:var(--text)}.mail-tool:disabled{opacity:.38}.bulk-toolbar{display:flex;align-items:center;gap:4px;padding:8px 16px;border-bottom:1px solid var(--line);flex-shrink:0;flex-wrap:wrap;min-height:56px}.select-all{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:40px;cursor:pointer}.selection-count{font-size:11px;color:var(--muted);min-width:72px}.row-check{display:flex;align-items:center;justify-content:center;width:40px;min-height:40px;cursor:pointer}.split-row-wrap{position:relative}.split-row-wrap .row-check{position:absolute;right:0;top:4px;background:var(--surface);border-radius:4px;opacity:0}.split-row-wrap:hover .row-check,.split-row-wrap:focus-within .row-check,.split-row-wrap.checked .row-check{opacity:1}.split-row-wrap.checked .mail-row{box-shadow:inset 0 0 0 1px var(--accent)}[data-layout=split] .bulk-toolbar .mail-tool{padding:8px;width:36px}[data-layout=split] .bulk-toolbar .mail-tool span{display:none}[data-layout=split] .bulk-toolbar{gap:0;padding:8px}.reader-toolbar{height:auto;min-height:64px;flex-wrap:wrap;gap:4px;padding:8px 16px}.reader-toolbar .reader-position{margin-left:auto}.reader-back{display:none}[data-layout=compact] .reader-back{display:inline-flex}[data-layout=compact] .mail-workspace{display:flex}[data-layout=compact] .list-pane{flex:1;border:0}[data-layout=compact] .reader{display:none;flex:1;min-width:0}[data-layout=compact] .mail-workspace.reading .list-pane{display:none}[data-layout=compact] .mail-workspace.reading .reader{display:flex}[data-layout=compact] .list-heading{padding:24px 24px 12px}[data-layout=compact] .mail-list{padding:0 16px}[data-layout=compact] .reader-content{width:100%;max-width:1100px;margin:0 auto;padding:32px 40px}.compact-row{display:flex;align-items:center;min-height:40px;border-bottom:1px solid color-mix(in srgb,var(--line) 24%,transparent);gap:4px;padding:0 4px}.compact-row:hover{background:var(--surface)}.compact-row.checked{background:var(--selected)}.compact-mail{flex:1;min-width:0;display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr) 20px 52px;gap:16px;align-items:center;min-height:36px;text-align:left;border-radius:0;padding:4px}.compact-mail:hover{background:transparent}.compact-sender{display:flex;align-items:center;gap:12px;min-width:0}.compact-sender>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.compact-avatar{width:28px;height:28px;border-radius:50%;background:var(--hover);color:var(--muted);display:grid;place-items:center;flex-shrink:0;font-size:10px}.compact-summary{display:flex;gap:12px;align-items:center;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden}.compact-summary strong{font-weight:400;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;max-width:70%}.unread .compact-summary strong,.unread .compact-sender{font-weight:600}.compact-preview{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.compact-file{color:var(--muted)}.compact-file svg{width:16px;height:16px}.compact-mail time{font-size:11px;color:var(--muted);text-align:right}.compact-star{width:32px;height:40px}.compact-star svg{width:16px;height:16px}.compact-star[aria-pressed=true]{color:var(--link)}
@media(min-width:761px) and (max-width:1500px){[data-layout=split] .reader-toolbar .mail-tool span{display:none}}
@media(pointer:coarse){.row-check,.compact-star{min-width:44px;min-height:44px}.split-row-wrap .row-check{opacity:1}.split-row-wrap .row-top{padding-right:36px}}
@media(max-width:1000px){.bulk-toolbar .mail-tool span,.reader-toolbar .mail-tool span{display:none}.compact-mail{grid-template-columns:160px minmax(0,1fr) 16px 44px;gap:8px}.compact-summary strong{max-width:100%}.compact-preview{display:none}}
@media(max-width:760px){.topbar-right{gap:4px}.topbar-right .demo-label{display:none}.settings-body{padding:8px 16px 24px}.layout-scheme{display:none}.bulk-toolbar{padding:4px 12px;gap:0}.bulk-toolbar .mail-tool{min-width:40px;padding:8px}.selection-count{min-width:64px}.reader-back{display:inline-flex}.reader-toolbar{padding:4px 8px;gap:0}.reader-toolbar .mail-tool{min-width:44px;min-height:44px;padding:8px}.reader-toolbar .reader-position{display:none}.reader-toolbar .icon-button{width:44px}.split-row-wrap .row-check{opacity:1}.split-row-wrap .row-top{padding-right:28px}[data-layout=compact] .mail-list{padding:0 8px}[data-layout=compact] .reader-content{padding:24px 20px}[data-layout=compact] .list-heading{padding:20px 20px 12px}.compact-row{min-height:64px;padding:4px 0;gap:0}.compact-mail{grid-template-columns:minmax(0,1fr) 40px;gap:4px 8px;min-height:55px}.compact-sender{grid-column:1;grid-row:1}.compact-avatar{display:none}.compact-summary{grid-column:1 / -1;grid-row:2;font-size:13px;gap:6px}.compact-mail time{grid-column:2;grid-row:1}.compact-file{display:none}.compact-star{width:36px;height:44px}.row-check{width:36px;min-height:44px}.compact-summary strong{max-width:100%}.select-all{min-height:44px}.mail-workspace.reading .reader-toolbar{min-height:96px;justify-content:flex-start}}

@media(min-width:761px) and (pointer:fine){.compact-row .row-check{min-height:36px}.compact-star{height:36px}.compact-avatar{width:24px;height:24px}}