main.mail-page{max-width:none;padding:22px 12px 18px;min-width:0}.mail-page>.top{display:none}.mail-page #content{height:calc(100dvh - 40px);min-height:550px}.mail-workspace{--mail-panel:#fff;--mail-bg:#eef2f5;--mail-line:#e4e9ed;--mail-text:#263747;--mail-muted:#7a8c9c;--mail-active:#edf6fc;--mail-out:#dff2fe;display:grid;grid-template-columns:315px minmax(0,1fr);height:100%;border:1px solid var(--mail-line);border-radius:16px;overflow:hidden;color:var(--mail-text);background:var(--mail-panel);box-shadow:0 6px 26px #16324808}.mail-workspace button{font-weight:500}.mail-sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--mail-line);background:var(--mail-panel)}.mail-sidebar-head{padding:22px 20px 12px;display:flex;align-items:center;justify-content:space-between}.mail-sidebar-head h2{font-size:25px;margin:0 0 4px;letter-spacing:-.6px}.mail-account{font-size:11px;color:var(--mail-muted);overflow-wrap:anywhere}.mail-icon-btn{background:transparent!important;color:var(--mail-muted)!important;font-size:24px;padding:8px 12px;border-radius:50%;line-height:1}.mail-search{margin:6px 16px 12px;border-radius:24px;background:var(--mail-bg);display:flex;align-items:center;gap:8px;padding:0 14px;color:var(--mail-muted)}.mail-search>span{font-size:26px}.mail-search input{border:0;background:transparent;font-size:14px;padding:11px 0;outline:0}.mail-tabs{display:flex;overflow-x:auto;gap:3px;padding:0 12px;border-bottom:1px solid var(--mail-line);flex-shrink:0}.mail-tabs button{font-size:11px;padding:12px 6px;border-radius:0;color:var(--mail-muted);background:transparent!important;white-space:nowrap}.mail-tabs button[aria-selected=true]{color:#298ccb;border-bottom:3px solid #298ccb}.mail-sidebar>select{margin:9px 16px;width:calc(100% - 32px);padding:7px 10px;font-size:11px;border-color:var(--mail-line);color:var(--mail-muted);background:var(--mail-panel)}.mail-contact-list{flex:1;overflow:auto;min-height:0}.mail-contact{display:flex;width:100%;align-items:center;gap:12px;padding:14px 17px;border-radius:0;background:transparent!important;color:var(--mail-text);text-align:left;border-bottom:1px solid var(--mail-line)}.mail-contact.selected{background:var(--mail-active)!important}.mail-contact:hover{background:var(--mail-bg)!important;filter:none}.mail-avatar{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#66bedf,#358fbd);font-size:16px;font-weight:600}.mail-contact:nth-child(3n) .mail-avatar{background:linear-gradient(135deg,#b6a0df,#8a77be)}.mail-contact:nth-child(3n + 2) .mail-avatar{background:linear-gradient(135deg,#7fbeb0,#469889)}.mail-contact-copy{min-width:0;flex:1}.mail-contact-top{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-bottom:4px}.mail-contact-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.mail-contact-top time{font-size:10px;flex-shrink:0;color:var(--mail-muted)}.mail-contact-address{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;color:var(--mail-muted);margin-bottom:5px}.mail-contact-bottom{display:flex;justify-content:space-between;gap:7px;align-items:center;font-size:12px;color:var(--mail-muted)}.mail-contact-bottom>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-unread{font-size:10px;min-width:18px;height:18px;padding:2px 5px;border-radius:12px;background:#479fd3;color:white;text-align:center}.mail-sync-status{padding:11px 15px;border-top:1px solid var(--mail-line);font-size:10px;line-height:1.5;color:var(--mail-muted);overflow-wrap:anywhere}.mail-sync-status.mail-error{color:#c34b49}.mail-chat{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--mail-bg)}.mail-welcome{margin:auto;text-align:center;padding:35px;line-height:1.8;color:var(--mail-muted)}.mail-welcome h2{color:var(--mail-text);font-size:20px;margin:22px 0 12px}.mail-welcome p{font-size:14px}.mail-welcome small{font-size:11px}.mail-envelope{display:inline-grid;place-items:center;width:84px;height:84px;background:#deecf6;border-radius:50%;font-size:36px;color:#5599c2}.mail-chat-head{display:flex;align-items:center;gap:13px;padding:15px 22px;background:var(--mail-panel);border-bottom:1px solid var(--mail-line);flex-shrink:0}.mail-chat-name{min-width:0;flex:1}.mail-chat-name strong,.mail-chat-name span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-chat-name strong{font-size:15px}.mail-chat-name span{font-size:11px;color:var(--mail-muted);margin-top:4px}.mail-messages{flex:1;min-height:0;overflow:auto;padding:20px 30px;background-image:radial-gradient(#7d99ad13 1px,transparent 1px);background-size:18px 18px;scroll-behavior:auto}.mail-day{text-align:center;margin:5px 0 22px}.mail-day span{padding:5px 12px;border-radius:15px;background:#8399a433;color:var(--mail-muted);font-size:10px}.mail-message{display:flex;margin:0 0 14px;min-width:0}.mail-message.outgoing{justify-content:flex-end}.mail-bubble{max-width:85%;min-width:170px;padding:14px 17px 8px;background:var(--mail-panel);border-radius:13px 13px 13px 3px;box-shadow:0 1px 2px #0e345012;overflow-wrap:anywhere}.outgoing .mail-bubble{background:var(--mail-out);border-radius:13px 13px 3px 13px}.mail-message-subject{font-weight:600;font-size:12px;color:#3e86af;border-bottom:1px solid #7294ae26;padding-bottom:8px;margin-bottom:9px}.mail-message-body{font-size:13px;white-space:pre-wrap;line-height:1.65;max-height:700px;overflow:auto}.mail-body-loading{color:var(--mail-muted);font-size:11px}.mail-bubble footer{display:flex;justify-content:flex-end;gap:5px;font-size:10px;color:var(--mail-muted);margin-top:6px}.mail-attachments{display:grid;gap:7px;margin-top:10px}.mail-file{display:flex;gap:10px;align-items:center;background:#7a9bb117;padding:10px;border-radius:8px;text-decoration:none;color:var(--mail-text)}.mail-file>span:first-child{font-size:26px;color:#429acd}.mail-file strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}.mail-file small{font-size:10px;color:var(--mail-muted)}.mail-compose{padding:12px 20px;background:var(--mail-panel);border-top:1px solid var(--mail-line);flex-shrink:0}.mail-subject-label{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--mail-muted)}.mail-subject-label input{border:0;background:transparent;padding:5px 0;font-size:12px;outline:none}.mail-compose textarea{padding:9px 0;border:0;border-radius:0;background:transparent;color:var(--mail-text);font-size:13px;min-height:60px;max-height:220px;outline:none}.mail-compose-bottom{display:flex;align-items:center;gap:10px}.mail-attach{font-size:12px;cursor:pointer;color:#458cbb;flex-shrink:0;position:relative}.mail-attach input{position:absolute;width:1px;height:1px;opacity:0}.mail-attach:focus-within{outline:2px solid #458cbb}#mail-file-names{font-size:10px;color:var(--mail-muted);flex:1;overflow:hidden;text-overflow:ellipsis;max-height:35px}#mail-send{font-size:12px;background:#368dc1;padding:10px 16px;border-radius:20px}.mail-placeholder{text-align:center;padding:25px 15px;line-height:1.8;font-size:12px;color:var(--mail-muted)}.mail-older{display:block;margin:0 auto 20px;background:var(--mail-panel)!important;color:var(--mail-muted);font-size:11px;padding:7px 12px;border-radius:15px}.mail-view-only{padding:15px;text-align:center;font-size:12px;color:var(--mail-muted)}.mail-confirm-body{white-space:pre-wrap;max-height:260px;overflow:auto;padding:14px;background:var(--theme-surface-f7f8fa,#f7f8fa);border-radius:8px;font-size:13px}.mail-retry{display:block;font-size:10px;padding:5px 8px;margin-top:5px}.mail-back{display:none}
:root[data-theme=dark] .mail-workspace{--mail-panel:#202a34;--mail-bg:#17212b;--mail-line:#2a3743;--mail-text:#e3ebf1;--mail-muted:#8397a8;--mail-active:#2b485e;--mail-out:#284961}.mail-workspace button{color:inherit}.mail-workspace button.mail-contact{color:var(--mail-text)}:root[data-theme=dark] .mail-envelope{background:#283e50;color:#83bfde}
@media(max-width:1150px){main.mail-page{padding:14px}.mail-workspace{grid-template-columns:275px minmax(0,1fr)}.mail-messages{padding:18px}.mail-bubble{max-width:94%}}
@media(max-width:850px){.mail-workspace{grid-template-columns:235px minmax(0,1fr)}.mail-contact{gap:8px;padding:13px 10px}.mail-contact .mail-avatar{flex-basis:35px;height:35px;font-size:12px}.mail-tabs{padding:0 5px}.mail-tabs button{font-size:10px;padding:10px 4px}.mail-chat-head{padding:12px}.mail-compose{padding:10px 12px}}
@media(max-width:700px){main.mail-page{padding:10px}.mail-page #content{height:calc(100dvh - 90px);min-height:500px}.mail-workspace{display:block;border-radius:12px}.mail-sidebar,.mail-chat{height:100%}.mail-chat{display:none}.mail-workspace.mail-chat-open .mail-sidebar{display:none}.mail-workspace.mail-chat-open .mail-chat{display:flex}.mail-back{display:block}.mail-message-body{font-size:13px}.mail-messages{padding:13px}.mail-bubble{max-width:95%}.mail-tabs button{font-size:12px;padding:12px 10px}.mail-contact .mail-avatar{flex-basis:44px;height:44px;font-size:16px}}
@media(max-width:700px){body:has(main.mail-page) .layout>aside{height:auto;min-height:0;padding:8px 10px;position:sticky;top:0;z-index:5;display:block}body:has(main.mail-page) aside .brand-logo,body:has(main.mail-page) aside .brand-crm-caption,body:has(main.mail-page) aside footer{display:none}body:has(main.mail-page) aside nav{display:flex;overflow-x:auto;gap:5px}body:has(main.mail-page) aside nav button{flex-shrink:0;padding:10px 13px;font-size:12px}body:has(main.mail-page) .mail-page #content{height:calc(100dvh - 76px);min-height:380px}}
/* Same 50px rendered rows, four-pixel spacing and palette as the Artists directory. */
.mail-workspace{--mail-panel:var(--theme-surface-ffffff,#fff);--mail-bg:var(--theme-surface-f4f5f7,#f4f5f7);--mail-line:var(--line,#e4e4e4);--mail-text:var(--ink,#20242a);--mail-muted:var(--muted,#717171);--mail-active:var(--theme-surface-eef0f3,#eef0f3);--mail-out:var(--theme-surface-eef0f3,#eef0f3);box-shadow:none;border-radius:12px}
:root[data-theme=dark] .mail-workspace{--mail-panel:#242424;--mail-bg:#1b1b1b;--mail-line:#303030;--mail-text:#e3e3e3;--mail-muted:#a1a1a1;--mail-active:#303030;--mail-out:#353535}
.mail-contact-list{padding:0 8px;background:var(--mail-bg)}.mail-workspace .mail-contact{height:50px;min-height:50px;padding:4px 8px;margin:4px 0;border:1px solid transparent;border-radius:6px;gap:8px;background:var(--mail-panel)!important}.mail-workspace .mail-contact.selected{background:var(--mail-active)!important;box-shadow:inset 3px 0 var(--accent)}.mail-workspace .mail-contact:hover{background:var(--crm-row-hover,var(--mail-active))!important;box-shadow:0 1px 6px #23272d25}.mail-contact .mail-avatar{flex-basis:28px;height:28px;font-size:11px;border-radius:6px}.mail-workspace .mail-avatar,.mail-workspace .mail-contact:nth-child(n) .mail-avatar{background:var(--mail-active);color:var(--theme-text-9d78ed,#9d78ed)}.mail-contact-top{margin:0 0 2px;line-height:16px}.mail-contact-top strong{font-size:12px;font-weight:500}.mail-contact-address{display:none}.mail-contact-bottom{font-size:10px;line-height:14px}.mail-contact-copy{overflow:hidden}.mail-unread{background:var(--accent);font-size:9px;height:15px;min-width:15px;padding:0 4px}.mail-tabs button[aria-selected=true]{color:var(--mail-text);border-bottom-color:var(--accent)}.mail-message-subject,.mail-attach,.mail-file>span:first-child{color:var(--mail-text)}.mail-messages{background-image:none}.mail-envelope,:root[data-theme=dark] .mail-envelope{background:var(--mail-active);color:var(--mail-muted)}#mail-send{background:var(--accent)}
@media(max-width:700px){body:has(main.mail-page) aside nav{margin:0;scrollbar-width:none}body:has(main.mail-page) aside nav::-webkit-scrollbar{display:none}}
/* Compact mail header, aligned with the density of CRM directories. */
main.mail-page{padding-top:10px;padding-bottom:10px}.mail-page #content{height:calc(100dvh - 20px)}.mail-sidebar-head{padding:9px 12px 5px}.mail-sidebar-head h2{font-size:17px;line-height:21px;letter-spacing:-.2px;margin:0 0 2px}.mail-account{font-size:10px;line-height:13px}.mail-sidebar-head .mail-icon-btn{padding:5px 8px;font-size:21px}.mail-search{margin:4px 10px 6px;padding:0 10px;border-radius:6px;min-height:28px}.mail-search>span{font-size:20px;line-height:24px}.mail-search input{font-size:12px;padding:5px 0;line-height:18px}.mail-tabs{padding:0 8px}.mail-tabs button{padding:7px 6px;font-size:10px;line-height:15px}.mail-sidebar>select{margin:5px 10px;width:calc(100% - 20px);padding:4px 7px;min-height:24px;font-size:10px}.mail-sidebar .search-picker{margin:5px 10px;width:calc(100% - 20px);font-size:10px}.mail-sidebar .search-picker>summary{padding-top:4px;padding-bottom:4px;min-height:24px;font-size:10px}.mail-chat-head{padding:9px 14px;gap:10px}.mail-chat-head .mail-avatar{flex-basis:32px;height:32px;font-size:12px}.mail-chat-name strong{font-size:13px}.mail-chat-name span{font-size:10px;margin-top:2px}
@media(max-width:700px){main.mail-page{padding:6px}.mail-sidebar-head{padding:9px 12px 5px}.mail-tabs button{font-size:11px;padding:7px 9px}body:has(main.mail-page) .mail-page #content{height:calc(100dvh - 62px)}}
.mail-contacts-tools{padding:6px 10px}.mail-contacts-tools[hidden]{display:none}.mail-contacts-tools button{width:100%;font-size:11px;padding:6px}.mail-chat-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.mail-chat-actions .small{font-size:11px;padding:6px 8px;white-space:nowrap}.mail-chat-actions .mail-icon-btn{font-size:20px;padding:5px 6px}.mail-artist-badge,.mail-artist-label{font-size:10px;color:var(--theme-text-9d78ed,#9d78ed)!important;background:var(--mail-active)!important;white-space:nowrap;border-radius:5px;padding:5px 7px}.mail-artist-label{padding:0 5px;font-size:9px}.mail-artist-choices{display:grid;gap:8px}.mail-chat-head .mail-chat-name{min-width:70px}
@media(max-width:700px){.mail-chat-head{flex-wrap:wrap;gap:7px;padding:8px 10px}.mail-chat-actions{width:100%;justify-content:flex-end}.mail-chat-actions .small{font-size:10px}.mail-contacts-tools{padding:5px 10px}}
.mail-bubble.mail-rich-bubble{width:480px;max-width:94%;padding:8px 10px 6px}.mail-rich-bubble .mail-message-subject{padding:2px 3px 6px;margin-bottom:7px}.mail-rich-content{min-width:0}.mail-html-preview{position:relative;width:100%;height:240px;overflow:hidden;border-radius:6px;background:white;isolation:isolate}.mail-html-frame{position:absolute;inset:0;border:0;width:600px;height:300px;transform-origin:top left;background:white;color-scheme:light}.mail-rich-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.mail-rich-controls button{font-size:10px;padding:4px 6px;background:var(--mail-active)!important;color:var(--mail-muted)}.mail-rich-controls button[hidden]{display:none}.mail-rich-bubble .mail-attachments:empty{margin-top:0}
@media(max-width:700px){.mail-bubble.mail-rich-bubble{max-width:100%;padding:7px}.mail-messages{padding:10px}}

/* Recipient and subject stay visible above the reply, in the CRM's compact form style. */
.mail-compose-fields{display:grid;gap:0}.mail-compose-fields .mail-subject-label{min-width:0;margin:0;gap:10px;border-bottom:1px solid var(--mail-line);min-height:27px}.mail-compose-fields .mail-subject-label>span{flex:0 0 34px}.mail-compose-fields input{min-width:0;flex:1;width:100%;color:var(--mail-text);line-height:17px;padding:4px 0}.mail-compose-fields input:focus{box-shadow:none}.mail-compose-fields .mail-subject-label:focus-within{border-bottom-color:var(--accent)}.mail-compose textarea{min-height:54px}.mail-workspace .mail-avatar,.mail-workspace .mail-contact .mail-avatar{border-radius:50%;overflow:hidden}
@media(max-width:700px){.mail-compose{padding:7px 10px}.mail-compose-fields .mail-subject-label{min-height:26px}.mail-compose textarea{min-height:50px}}

.mail-bubble footer{align-items:center}.mail-reply-button{margin-right:auto;padding:2px 0;background:transparent!important;border:0;font-size:10px;color:var(--mail-muted)!important}.mail-reply-button:hover{color:var(--mail-text)!important;text-decoration:underline}.mail-reply-context{display:flex;gap:10px;align-items:center;padding:5px 8px;margin-bottom:5px;border-left:2px solid var(--accent);background:var(--mail-active);border-radius:4px;font-size:10px}.mail-reply-context[hidden]{display:none}.mail-reply-context>span{min-width:0;flex:1}.mail-reply-context strong,.mail-reply-context span span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.mail-reply-context span span{color:var(--mail-muted);margin-top:2px}.mail-reply-context button{padding:2px 6px;font-size:18px;background:transparent!important;color:var(--mail-muted)}

.mail-rich-controls{white-space:normal}.mail-message-body a{color:inherit;text-decoration:underline;overflow-wrap:anywhere}

.mail-file-row{display:flex;gap:3px;align-items:stretch;min-width:0}.mail-file-row .mail-file{min-width:0;flex:1;border:0;text-align:left;background:var(--mail-active)!important}.mail-file-row .mail-file>span:last-child{min-width:0}.mail-file-download{display:grid;place-items:center;width:30px;flex-shrink:0;border-radius:6px;background:var(--mail-active);color:var(--mail-muted);text-decoration:none;font-size:20px}.mail-preview-dialog{width:min(1100px,94vw);max-width:94vw}.mail-preview-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.mail-preview-head h2{font-size:16px;overflow-wrap:anywhere;margin:0}.mail-preview-head .actions{flex-shrink:0;margin:0}.mail-preview-content{margin-top:14px;max-height:72vh;overflow:auto;min-height:100px}.mail-preview-content iframe{width:100%;height:68vh;border:0;border-radius:6px;background:#fff}.mail-preview-content>img{display:block;max-width:100%;max-height:68vh;object-fit:contain;margin:auto}.mail-preview-content audio{width:100%}.mail-preview-content video{display:block;max-width:100%;max-height:68vh;margin:auto}.mail-preview-content pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:13px;line-height:1.6}.mail-sheet-preview{overflow:auto;max-height:56vh;border:1px solid var(--line);border-radius:6px}.mail-sheet-preview table{width:max-content;min-width:100%;border-collapse:collapse}.mail-sheet-preview td{font-size:11px;line-height:1.4;padding:6px 9px;border:1px solid var(--line);max-width:350px;white-space:pre-wrap;overflow-wrap:anywhere}.mail-preview-content h3{font-size:13px}.mail-preview-content .muted{font-size:11px}@media(max-width:700px){.mail-preview-head{flex-wrap:wrap;gap:8px}.mail-preview-dialog{padding:13px}.mail-preview-head .actions{margin-left:auto}.mail-preview-head h2{font-size:14px}}

.mail-subject-caption{font-weight:400;color:var(--mail-muted);font-size:10px}

.mail-sidebar-footer{display:flex;gap:5px;align-items:center;border-top:1px solid var(--mail-line);flex-shrink:0}.mail-sidebar-footer .mail-sync-status{border:0;flex:1;min-width:0;padding:9px 8px 9px 12px}.mail-settings-button{font-size:10px;padding:7px 8px;margin-right:5px;background:transparent!important;color:var(--mail-muted)!important}

.mail-contact{position:relative}.mail-workspace .mail-contact-open{display:flex;gap:8px;align-items:center;min-width:0;width:100%;padding:0;text-align:left;background:transparent!important;border:0;color:var(--mail-text)}.mail-chat-menu{position:absolute;right:8px;bottom:4px;font-size:9px;line-height:13px;padding:0 3px;background:transparent!important;color:var(--mail-muted)!important;border-radius:3px}.mail-contact:has(.mail-chat-menu) .mail-contact-bottom{padding-right:27px}.mail-contact:has(.mail-unread) .mail-chat-menu{right:8px}.mail-contact-bottom>.mail-unread{flex-shrink:0}.mail-menu-actions{display:grid;gap:7px}.mail-menu-actions button{text-align:left}.mail-menu-actions .mail-delete-action{background:var(--theme-surface-f4f5f7,#f4f5f7);color:var(--accent)}.mail-chat-head{flex-wrap:wrap}.mail-chat-actions{flex-wrap:wrap;justify-content:flex-end;max-width:100%}

.mail-pdf-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;margin-bottom:12px;position:sticky;top:0;background:var(--surface,#fff);padding:8px;border-radius:6px}.mail-preview-content>img.mail-pdf-page{max-height:none;width:auto;max-width:100%;box-shadow:0 1px 5px #0002}.mail-message-body:empty{display:none}

#mail-nav-button{display:flex;align-items:center;gap:8px}#mail-nav-unread{margin-left:auto;flex-shrink:0;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border-radius:11px;font-size:11px;line-height:1;background:var(--accent,#bc2433);color:#fff;font-weight:600}#mail-nav-unread[hidden]{display:none}

.mail-new-notice{position:fixed;top:20px;right:22px;z-index:1500;width:350px;max-width:calc(100vw - 32px);background:var(--theme-surface-ffffff,#fff);color:var(--theme-text-20242a,#20242a);border:2px solid #5ad6cd;border-radius:14px;box-shadow:0 0 0 1px #5ad6cd22,0 8px 34px #0002;overflow:hidden;animation:mail-notice-arrive .18s ease-out}.mail-notice-top{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 0 15px;font-size:11px;font-weight:600;color:var(--muted)}.mail-notice-close{background:transparent!important;color:var(--muted)!important;padding:2px 6px;font-size:20px;line-height:22px}.mail-notice-open{width:100%;display:flex;gap:12px;align-items:center;text-align:left;padding:9px 15px 16px;background:transparent!important;color:inherit!important;border-radius:0;font-weight:400}.mail-notice-avatar{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#fbe8ec;color:#a92237;font-size:14px;font-weight:600}.mail-notice-content{min-width:0;display:grid;gap:4px}.mail-notice-content strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-notice-content>span{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-notice-content small{font-size:11px;color:var(--muted);margin-top:2px}.mail-notice-open:focus-visible,.mail-notice-close:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}@keyframes mail-notice-arrive{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.mail-new-notice{animation:none}}@media(max-width:600px){.mail-new-notice{top:12px;right:16px}}

.mail-notice-top>span:first-child{margin-right:auto}.mail-notice-count{min-width:22px;height:22px;display:grid;place-items:center;border-radius:11px;padding:0 6px;margin-left:8px;margin-right:4px;background:#5ad6cd;color:#163c39;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}

.mail-draft-status{font-size:10px;color:var(--mail-muted);min-height:13px;margin-top:5px}.mail-draft-error,.mail-draft-files-warning{color:var(--theme-danger,#a84b2d)}.mail-draft-files-warning{font-size:11px;padding:6px 0;overflow-wrap:anywhere}.mail-draft-files-warning button{font-size:10px;padding:3px 7px;margin:3px 0}

/* Typing indicator occupies the middle of the existing chat header. */
.mail-chat-head .mail-chat-name{flex:0 1 240px;min-width:90px}.mail-presence{flex:1 1 110px;min-width:0;text-align:center;font-size:11px;line-height:16px;color:var(--theme-text-368dc1,#368dc1);overflow-wrap:anywhere}.mail-presence[hidden]{display:none}.mail-chat-head .mail-chat-actions{margin-left:auto}
@media(max-width:700px){.mail-presence{flex:1 1 100px;text-align:right}.mail-chat-head .mail-chat-name{flex:1 1 140px}}

#crm-notices{position:fixed;top:20px;right:22px;z-index:1500;width:350px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow-y:auto;display:flex;flex-direction:column;gap:12px;pointer-events:none}#crm-notices>.mail-new-notice{position:relative;top:auto;right:auto;bottom:auto;width:100%;max-width:100%;height:auto;box-sizing:border-box;flex:none;pointer-events:auto}
/* Approved light-theme hover: match Artists without changing selected-thread state. */
:root[data-theme="light"] main.mail-page .mail-workspace{--mail-bg:var(--crm-canvas,#f3f3f3);--mail-active:#eef3f3}
:root[data-theme="light"] main.mail-page .mail-workspace .mail-contact:not(.selected):hover{background:#f5f6f7!important;box-shadow:none}
:root[data-theme="light"] main.mail-page .mail-contact:hover .mail-contact-top strong{color:var(--mail-text)}
:root[data-theme="light"] main.mail-page .mail-contact .mail-contact-open:hover .mail-contact-top strong{color:#55a9ae;text-decoration:none}
:root[data-theme="light"] main.mail-page :is(.mail-tabs button,.mail-icon-btn,.mail-settings-button,.mail-chat-menu,.mail-reply-button,.mail-older,.mail-file,.mail-file-download,.mail-attach):hover{color:#55a9ae!important;text-decoration:none!important;filter:none;box-shadow:none}

:root[data-theme="light"] main.mail-page{background:var(--crm-canvas,#f3f3f3)}
:root[data-theme="light"] main.mail-page .mail-workspace .mail-chat{background:#fff}
:root[data-theme="light"] main.mail-page .mail-workspace .mail-contact-open:hover{filter:none!important}

/* Separate light conversation canvas from white working panels. */
:root[data-theme="light"] main.mail-page .mail-workspace{--mail-panel:#fff;--mail-bg:var(--crm-canvas,#f3f3f3);--mail-line:#e2e5e7}
:root[data-theme="light"] main.mail-page .mail-workspace .mail-messages{background:var(--crm-canvas,#f3f3f3)}
:root[data-theme="light"] main.mail-page .mail-workspace :is(.mail-sidebar,.mail-chat-head,.mail-compose){background:#fff}