.mail-view-tabs,.mail-folders{display:flex;gap:4px;flex-wrap:wrap}
.mail-view-tabs{margin-bottom:16px}
.mail-view-tabs button,.mail-folders button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border,#dededb);background:var(--surface,#fff);color:var(--text,#242523);padding:9px 14px;border-radius:6px;font:inherit;cursor:pointer}
.mail-view-tabs button[aria-pressed=true],.mail-folders button[aria-pressed=true]{background:#eaf0fa;color:#2d59a7;border-color:#afc4e8;font-weight:600}
.mail-view-tabs svg,.mail-view svg{width:19px;height:19px;flex-shrink:0}
.mail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.mail-toolbar .mail-view-tabs{margin:0}
.mail-view.is-expanded{position:fixed;inset:0;z-index:80;padding:20px;background:#f4f4f2;display:flex;flex-direction:column}
.mail-workspace{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);height:calc(100dvh - 265px);min-height:460px;border:1px solid #dededb;border-radius:8px;overflow:hidden;background:#fff}
.mail-view.is-expanded .mail-workspace{flex:1;min-height:0;height:auto}
.mail-list-panel{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid #dededb}
.mail-list-head{padding:16px 18px 8px}.mail-list-head h2,.mail-thread-head h2{margin:0;font-size:18px;line-height:1.4}.mail-list-head span{font-size:13px;color:#70736f;overflow-wrap:anywhere}
.mail-search{display:flex;gap:6px;padding:10px 12px}.mail-search .search-field{min-width:0;flex:1}.mail-search .input{width:100%;min-width:0}.mail-folders{padding:0 12px 12px}.mail-folders button{font-size:13px;padding:6px 10px}
.mail-rows{overflow:auto;flex:1;min-height:0}.mail-row{display:flex;flex-direction:column;gap:5px;text-align:left;width:100%;border:0;border-top:1px solid #eee;background:#fff;padding:14px 18px;font:inherit;cursor:pointer;color:#272925;min-width:0}.mail-row:hover{background:#f5f7fa}.mail-row.is-selected{background:#eaf0fa;box-shadow:inset 3px 0 #2d59a7}.mail-row-top{display:flex;gap:8px;justify-content:space-between;width:100%;align-items:center}.mail-row-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.mail-subject{font-size:14px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.mail-snippet{font-size:13px;color:#747770;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.mail-row time{font-size:12px;color:#747770}
.mail-pagination{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid #dededb;font-size:13px}
.mail-thread-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:#f8f9fa}.mail-thread-head{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff;border-bottom:1px solid #dededb}.mail-thread-head h2{overflow-wrap:anywhere;min-width:0}.mail-thread-content{overflow:auto;min-height:0;padding:20px;display:flex;flex-direction:column;gap:16px}
.mail-message{padding:18px;border:1px solid #dededb;border-radius:6px;background:#fff;min-width:0}.mail-message.is-outbound{border-left:3px solid #2d59a7}.mail-message header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:#686d65}.mail-message header strong{color:#2d59a7}.mail-message dl{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 8px;font-size:13px;margin:12px 0 18px}.mail-message dt{color:#747770}.mail-message dd{margin:0;overflow-wrap:anywhere}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.65}.mail-attachments{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.mail-attachment{display:inline-flex;gap:8px;align-items:center;max-width:100%;padding:8px 10px;border:1px solid #c8d5e9;border-radius:4px;color:#2d59a7;font-size:13px;text-decoration:none}.mail-attachment span{overflow-wrap:anywhere;min-width:0}
.mail-empty{padding:24px;text-align:center;color:#747770;font-size:14px}.mail-empty-thread{margin:auto}.mail-empty-thread svg{width:32px;height:32px}.mail-error{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:12px;background:#fff0ed;color:#9a3527;border:1px solid #e8bdb4;border-radius:6px}.mail-error span{flex:1;min-width:0}
@media(max-width:760px){.mail-toolbar{align-items:flex-start}.mail-view-tabs button{padding:8px 10px;font-size:13px}.mail-workspace{grid-template-columns:minmax(0,1fr);height:calc(100dvh - 260px);min-height:400px}.mail-workspace .mail-thread-panel{display:none}.mail-workspace.has-thread .mail-list-panel{display:none}.mail-workspace.has-thread .mail-thread-panel{display:flex}.mail-list-panel{border:0}.mail-thread-content{padding:12px}.mail-message{padding:12px}.mail-view.is-expanded{padding:10px}.mail-error{flex-wrap:wrap}}