.mail-workspace{height:calc(100vh - 70px);display:flex;flex-direction:column;background:#f8fafc;min-height:0}
.mail-toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #e2e8f0;background:white;flex-wrap:wrap}
.mail-toolbar h2{font-size: var(--ef-font-page-title);margin:0 15px 0 0}.mail-toolbar select{max-width:270px}
.mail-columns{display:grid;grid-template-columns:minmax(145px,16fr) minmax(230px,30fr) minmax(0,54fr);min-height:0;flex:1}
.mail-folders,.mail-messages{min-width:0;border-right:1px solid #e2e8f0;background:white}
.mail-folders{overflow:auto}.mail-folders h3,.mail-list-tools h3{font-size: var(--ef-font-panel-title);font-weight: var(--ef-font-weight-semibold);margin:0;padding:13px 14px}
.mail-folder{display:block;border:0;background:transparent;width:100%;text-align:left;padding:8px 12px;overflow-wrap:anywhere;font-size: var(--ef-font-body)}
.mail-folder.selected,.mail-message.selected{background:#eef2ff;color:#4338ca}
.mail-messages{display:flex;flex-direction:column;min-height:0}.mail-list-tools{padding:0 10px 10px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.mail-list-tools h3{padding-left:3px;display:flex;justify-content:space-between;gap:8px}.mail-count{color:#64748b;font-size: var(--ef-font-compact);font-weight: var(--ef-font-weight-normal)}.mail-search,.mail-filter{font-size: var(--ef-font-body);min-height:32px;padding:5px 9px}.mail-filter{margin-top:6px}.mail-message-list{overflow:auto;flex:1;min-height:0}
.mail-message{display:flex;gap:7px;align-items:flex-start;border:0;border-bottom:1px solid #e8edf3;background:white;width:100%;padding:9px 10px;text-align:left;min-height:0;color:#334155;font-weight: var(--ef-font-weight-normal)}
.mail-message:hover{background:#f3f6fb}.mail-message.selected:hover{background:#e5eaff}.mail-message:focus-visible,.mail-folder:focus-visible{outline:2px solid #6366f1;outline-offset:-2px}
.mail-message-status{width:14px;flex:0 0 14px;line-height:19px}.mail-new-star{color:#dba900;font-size: var(--ef-font-body)}.mail-message-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.mail-message-top{display:flex;gap:8px;align-items:baseline}.mail-message-from{font-size: var(--ef-font-body);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:inherit}.mail-message time{flex:none;font-size: var(--ef-font-small);color:#64748b;font-weight: var(--ef-font-weight-normal)}.mail-message-subject{font-size: var(--ef-font-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:19px}.mail-message.unread{font-weight: var(--ef-font-weight-bold);color:#0f172a}.mail-message.selected{box-shadow:inset 3px 0 #6366f1}
.mail-preview{overflow:auto;padding:20px;display:flex;flex-direction:column;min-width:0}.mail-message-heading{border-bottom:1px solid #e2e8f0;padding-bottom:16px;margin-bottom:16px}.mail-message-heading h3{font-size: var(--ef-font-panel-title)}.mail-plain{white-space:pre-wrap;overflow-wrap:anywhere}.mail-html{width:100%;min-height:450px;flex:1;border:0;background:white}
@media(max-width:1000px){.mail-columns{grid-template-columns:135px minmax(200px,30fr) minmax(0,54fr)}.mail-preview{padding:14px}}
@media(max-width:760px){.mail-columns{grid-template-columns:1fr;overflow:auto}.mail-folders{max-height:130px}.mail-messages{height:300px;min-height:200px}.mail-preview{min-height:350px}.mail-workspace{height:calc(100vh - 70px)}}
.mail-filter{padding-right:34px;background-position:right 10px center;background-size:16px 12px}
.mail-header-progress { display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding:7px 10px; border-bottom:1px solid var(--ef-border,#e0e2ec); color:var(--ef-muted,#858ba0); font-size:var(--ef-font-small); background:#fafafe; }
.mail-message-list .mail-message-selection { min-height:64px; box-sizing:border-box; }
.mail-account-tree + .mail-account-tree { margin-top:10px; padding-top:8px; border-top:1px solid var(--ef-border,#e0e2ec); }
.mail-account-heading.active { color:var(--ef-accent,#6c5ce7); }
.mail-account-heading:hover { background:var(--ef-accent-soft,#efedfe); border-radius:var(--ef-button-radius,7px); }
.mail-account-heading:focus-visible { outline:3px solid var(--ef-button-focus,#b9adf1); outline-offset:-3px; }
.mail-account-status { margin:4px 10px 8px 28px; color:var(--ef-muted,#858ba0); font-size:var(--ef-font-small); }
.mail-folders{background:#f7f8fa;padding:8px 5px}.mail-account-heading{border:0;background:transparent;display:flex;align-items:center;gap:7px;width:100%;padding:9px 3px;font-size: var(--ef-font-compact);font-weight: var(--ef-font-weight-bold);text-align:left;min-width:0}.mail-account-heading>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-account-heading i{color:#1684db}.mail-tree-arrow,.mail-tree-toggle,.mail-tree-spacer{width:17px;flex:0 0 17px;text-align:center}.mail-tree-toggle{border:0;background:transparent;padding:0;line-height:28px;color:#475569;font-size:19px}.mail-folder-row{display:flex;align-items:center;border:1px solid transparent;border-radius:3px;margin:1px 0;min-width:0}.mail-folder-row.selected{border-color:#bbc4d0;background:#e9edf3}.mail-folder-row.selected .mail-folder{color:#0879d8;font-weight: var(--ef-font-weight-bold)}.mail-folder-row:hover{background:#edf1f7}.mail-folder{display:flex;align-items:center;gap:9px;padding:5px 5px 5px 0;min-width:0;font-size: var(--ef-font-compact);line-height:20px}.mail-folder span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-folder i{flex:0 0 16px;font-size:15px}.mail-icon-inbox{color:#1684db}.mail-icon-drafts{color:#aa57ed}.mail-icon-sent{color:#16945d}.mail-icon-archive{color:#986126}.mail-icon-spam{color:#e34a54}.mail-icon-trash{color:#64748b}.mail-icon-folder{color:#d9ad00}.mail-message-subject{color:#087bd7}.mail-message{border:1px solid #d9dee7;border-radius:3px;margin:4px;width:calc(100% - 8px);padding:7px 8px}.mail-message-list{background:#f5f6fa}.mail-message.selected{border-color:#a8b6d8}

.mail-folder-name{flex:1;min-width:0}.mail-folder-unread{flex:none;margin-left:auto;padding:0 6px;border-radius:9px;background:var(--ef-primary-soft,#eeebff);color:var(--ef-primary,#6854e8);font-weight:var(--ef-font-weight-bold);font-size:var(--ef-font-compact);font-variant-numeric:tabular-nums}

.mail-folders { position:relative; }