/* Compact blue mail layout, guided by the user's JustEmails reference. */
:root{--blue:#245bea;--pale:#edf2ff;--border:#e5e7eb;--muted:#657080;color:#1d2633;background:#f7f8fa}::selection{background:#dbe7ff;color:#163b89}input,textarea{caret-color:var(--blue)}*{scrollbar-width:thin;scrollbar-color:#c7d2e3 #f7f8fa}a{text-underline-offset:3px}header{min-height:64px;padding:14px 22px}header strong{font-size:21px;display:flex;align-items:center;gap:6px}header strong::before{content:"";display:block;width:9px;height:9px;border-radius:50%;background:var(--blue);margin-right:4px}header strong span{color:#697689}#workspace-navigation{padding:8px 22px;gap:8px}#workspace-navigation button{padding:8px 18px;min-height:38px;font-size:13px}#workspace{grid-template-columns:242px minmax(330px,390px) minmax(300px,1fr);min-height:calc(100vh - 121px)}aside{background:#fafafa;padding:20px 14px}aside #compose{box-shadow:0 3px 7px #245bea20;font-weight:650;display:flex;align-items:center;justify-content:center;gap:8px}aside nav{margin-top:0}aside nav button,aside #drafts-button{display:flex;align-items:center;gap:10px;min-height:36px;padding:7px 10px;margin-bottom:4px;color:#424956;font-size:13px}aside nav button[aria-current]{background:#e8edf8;color:#152b53}aside label{margin-top:20px}aside label select{font-size:12px}.sidebar-label{margin:24px 10px 10px;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;color:#858994}.ui-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 17px}.folder-heading{margin-top:20px;padding-top:20px;border-top:0}.folder-heading strong{font-size:10px;color:#858994;letter-spacing:1px}.folder-heading button{min-height:32px}.company-folder{font-size:13px;padding:8px 10px;min-height:35px;border-radius:5px}#list-panel{padding:0;background:#fff}#search-form{padding:14px;margin:0;background:#fbfcfd;border-bottom:1px solid var(--border)}#search-form input{background:#f6f7f9;border-color:#e2e6ed;font-size:13px}#search-form button{padding:8px 12px;font-size:12px}#reader{background:#fff;padding:0 24px 28px}#reader h2{font-size:20px;margin:26px 0 12px;line-height:1.4;letter-spacing:-.25px}#reader>.fine{font-size:12px;line-height:1.7;border-bottom:1px solid var(--border);padding-bottom:20px}#reader pre{font-size:14px;max-width:75ch;color:#2d3541;line-height:1.8}.message-row{padding:4px 10px 4px 5px;border-bottom:1px solid var(--border);min-height:105px}.message-row:has(.message[aria-current]){background:#eef3ff;box-shadow:inset 1px 0 var(--blue)}.message-row:hover{background:#f5f8ff}.message{border:0;padding:12px 5px;background:transparent;overflow:hidden}.message:hover{background:transparent}.message-head{display:flex;align-items:center;gap:7px;min-width:0;margin-bottom:6px}.message-head strong{font-size:13px;font-weight:550;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.message.unread .message-head strong{font-weight:750;color:#171e29}.message .domain-badge{display:inline-block;background:#e9f0ff;color:#2052b8;border-radius:10px;padding:2px 7px;font-size:10px;line-height:1.3;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;margin:0}.message .message-date{margin:0;font-size:10px;white-space:nowrap;color:#737b88}.message .message-subject{font-size:13px;color:#2d3541;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.message.unread .message-subject{font-weight:650}.message .message-preview{font-size:12px;color:#6e7785;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.message .message-address{font-size:10px;color:#737b88;margin:0}.star-button{padding:14px 0;min-height:44px;flex-basis:34px;background:transparent!important;color:#9aa5b6!important}.star-button .ui-icon{width:15px;height:15px}.star-button[aria-pressed=true]{color:#245bea!important}.star-button[aria-pressed=true] .ui-icon{fill:#245bea;stroke:#245bea}.star-button:disabled{opacity:.6}.reader-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);padding:12px 0;z-index:2}.reader-toolbar button{font-size:12px;background:transparent;color:#42536d;min-height:36px;padding:7px 9px;border-color:transparent}.reader-toolbar button:hover{background:#edf2ff}.reader-toolbar button:disabled{color:#909aab;background:#f6f8fb}.reader-toolbar select{font-size:12px;width:auto;max-width:190px;min-height:36px;padding:7px 10px}.reader-back{display:none}.reader-extra{font-size:12px;position:relative}.reader-extra summary{padding:9px;cursor:pointer;color:#42536d}.reader-extra[open]{background:#f5f8fd;border-radius:8px}.reader-extra button{display:block;width:100%;text-align:left}.connection-settings{border-top:1px solid #e6e9ef;margin-top:24px;padding-top:16px}.connection-settings summary{font-size:12px;color:#6e7785;cursor:pointer}.connection-settings label{font-size:12px}.connection-details{font-size:10px}.empty-state{margin:0;padding:36px 22px;color:#687587;line-height:1.6}.reply-status{color:#2452a2}.organizer{background:#f7f8fa}.record-row[aria-current]{background:#edf2ff}.record-editor{box-shadow:none}.calendar-day{min-height:92px}.calendar-controls button{background:#f0f4fc;color:#355788}.login-card .eyebrow{display:none}
@media(min-width:1600px){#workspace{grid-template-columns:250px 430px minmax(350px,1fr)}}
@media(max-width:1050px){#workspace{grid-template-columns:220px minmax(0,1fr)}#workspace:not(.reading-message) #reader{display:none}#workspace.reading-message #list-panel{display:none}#workspace.reading-message #reader{display:block;grid-column:2;border-top:0;min-height:70vh}.reader-back{display:block}.reader-toolbar{position:static}.reader-toolbar select{max-width:180px}}
@media(max-width:600px){header{padding:12px 16px}#workspace-navigation{padding:8px 10px;gap:2px}#workspace-navigation button{padding:8px 6px}#workspace{display:block}aside{padding:16px}aside nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}aside nav button{justify-content:center;padding:8px 2px;font-size:12px;gap:5px}.sidebar-label{margin:16px 4px 8px}aside #drafts-button{width:auto;margin-top:6px}.folder-heading{padding-top:0;margin-top:14px}#company-folders{display:flex;flex-wrap:wrap;gap:6px}.company-folder{width:auto;background:#f0f3fa!important;margin:0}.connection-settings{margin-top:14px;padding-top:12px}aside>p.fine{display:none}#workspace.reading-message aside{display:none}#workspace.reading-message #reader{grid-column:auto;min-height:75vh}#reader{padding:0 16px 24px}.reader-toolbar{position:static}.message-row{min-height:102px}#list-panel{padding:0}.message .domain-badge{max-width:90px;font-size:9px}#mail-status{font-size:12px}.reader-toolbar .actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .12s ease-out,color .12s ease-out}}

@media(min-width:1051px){#workspace{grid-template-columns:242px var(--mail-list-width,390px) 12px minmax(320px,1fr)}#list-panel{border-right:0}#mail-divider{cursor:col-resize;touch-action:none;background:#f4f6fa;position:relative;outline-offset:-2px}#mail-divider::after{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background:#d6deeb}#mail-divider:hover,#mail-divider:focus-visible,#mail-divider[data-dragging]{background:#dbe7ff}#mail-divider:focus-visible{outline:2px solid #245bea}}
@media(max-width:1050px){#mail-divider{display:none}}

.signature-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8ff;border:1px solid #dbe5f8;padding:16px;border-radius:8px;min-height:70px}#settings-dialog form{display:grid;gap:14px}#settings-dialog select,#settings-dialog textarea{width:100%}