.email-workspace{width:min(1200px,96vw);max-width:96vw;max-height:92vh;border:0;border-radius:16px;padding:24px;color:#203f4c;box-shadow:0 20px 70px #102c4566;overflow:auto}
.email-workspace::backdrop{background:#122f426b}
.email-workspace input,.email-workspace select,.email-workspace textarea{padding:10px 12px;font-size:14px;line-height:1.4}
:is(#email-error,#mailbox-email-error):empty{display:none}:is(#email-error,#mailbox-email-error){margin:12px 0}.email-filters{margin-top:18px}
.email-workspace [hidden]{display:none!important}
.email-header,.email-topbar,.email-list-caption,.email-read-actions,.email-file-toolbar,.email-upload-row,.email-recipient-picker{display:flex;align-items:center;gap:12px;justify-content:space-between}
.email-header{border-bottom:1px solid #dbe6ec;padding-bottom:12px}.email-header h2{margin:0}.email-header p{margin:6px 0 0;color:#67818e}
.email-topbar{justify-content:flex-start;flex-wrap:wrap;margin-top:16px}.email-topbar :is(#email-status,#mailbox-email-status){color:#177253}
.email-filters{display:grid;grid-template-columns:minmax(200px,1fr) minmax(160px,220px) minmax(130px,190px) auto;gap:8px;align-items:center}
.email-filters input,.email-filters select{width:100%;min-width:0}
.email-list-caption{margin:12px 0;color:#67818e;font-size:14px}.email-table-wrap{overflow:auto}
.email-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}.email-table th{background:#f3f7f9;color:#67818e;font-size:12px;text-align:left;padding:12px 8px;border-bottom:1px solid #dbe6ec}.email-table td{padding:12px 8px;border-bottom:1px solid #e8eef2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.email-table th:first-child{width:115px}.email-table th:nth-child(2){width:25%}.email-table th:last-child{width:148px}.email-table tr:hover{background:#f4fafa}
.email-direction-incoming{color:#16859a}.email-direction-outgoing{color:#58749e}
.email-open-message{font:inherit;font-weight:600;color:#197d8c;background:none;border:0;padding:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline;cursor:pointer;text-align:left}
.email-preview{color:#83959f;margin-left:12px}.email-read-actions{justify-content:flex-start;margin:14px 0}.email-read-actions h3{margin:0;flex:1}
:is(#email-headers,#mailbox-email-headers){display:grid;grid-template-columns:70px 1fr;gap:8px;font-size:14px}:is(#email-headers,#mailbox-email-headers) dt{color:#83959f}:is(#email-headers,#mailbox-email-headers) dd{margin:0;overflow-wrap:anywhere}
:is(#email-body,#mailbox-email-body),:is(#email-original,#mailbox-email-original) pre{font:15px/1.55 Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f9fb;border:1px solid #e1e9ee;border-radius:8px;padding:20px;max-height:50vh;overflow:auto}
:is(#email-files,#mailbox-email-files){margin-bottom:16px}:is(#email-write-form,#mailbox-email-write-form){display:grid;gap:14px}:is(#email-write-form,#mailbox-email-write-form) label{display:grid;gap:6px;font-size:14px;color:#627a87}:is(#email-write-form,#mailbox-email-write-form) input,:is(#email-write-form,#mailbox-email-write-form) textarea{width:100%;box-sizing:border-box}
.email-recipient-picker{justify-content:flex-start}.email-recipient-picker select{max-width:75%;min-width:0}.email-file-toolbar{justify-content:flex-start;flex-wrap:wrap}.email-file-label{display:inline-flex!important;cursor:pointer;border:1px solid #cbdce4;border-radius:7px;padding:9px 12px}:is(#email-upload,#mailbox-email-upload){display:none}.email-upload-row{justify-content:flex-start;font-size:14px;margin-bottom:6px}
.email-signature{border-top:1px solid #e1e9ee;padding-top:12px}.email-signature img{max-width:220px}.email-signature .hint{display:block;margin-bottom:10px}.email-submit{border-top:1px solid #e1e9ee;padding-top:16px}
.email-profile-editor{width:100%;flex-basis:100%;margin-top:10px}.email-profile-editor summary{cursor:pointer;color:#16859a}.email-profile-fields{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:12px;margin-top:12px}.email-profile-fields label{display:grid;gap:6px}.email-profile-fields p{grid-column:1/-1}.email-profile-fields input{min-width:0;width:100%}.user-row:has(.email-profile-editor){flex-wrap:wrap}
.user-row>.email-profile-editor{grid-column:1/-1}
@media(max-width:760px){.email-workspace{padding:16px;width:96vw}.email-filters{grid-template-columns:1fr 1fr}.email-filters input{grid-column:1/-1}.email-table{min-width:720px}.email-recipient-picker{flex-wrap:wrap}.email-recipient-picker select{max-width:100%;width:100%}.email-profile-fields{grid-template-columns:1fr}.email-topbar .hint{width:100%}}

#mail-workspace{width:100%;max-width:none;max-height:none;overflow:visible;padding:0;border:0;border-radius:0;box-shadow:none;margin:20px 0;background:transparent}
#mail-workspace .email-header{display:none}
#mail-workspace .email-table-wrap{background:white;border:1px solid #dbe6ec;border-radius:10px}
#mail-workspace #mailbox-email-body{max-height:none}
#mail-workspace .email-table th:nth-child(2){width:24%}
.communications-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:16px 28px;background:#f5f9fa;border-bottom:1px solid #dbe6ec}
.communications-filters[hidden],#calls-filters[hidden]{display:none!important}
.communications-filters label{display:grid;gap:6px;color:#627a87;font-size:13px}
.communications-filters input,.communications-filters select{padding:9px 12px;font-size:14px;min-height:40px}
.communications-filters .hint{font-size:12px;align-self:center}
#communications-filter-error:empty{display:none}#communications-filter-error{flex-basis:100%;margin:0}
@media(max-width:760px){.communications-filters{margin-left:0;padding:12px 16px;gap:8px}.communications-filters label{flex:1;min-width:130px}.communications-filters select{max-width:100%}}
/* Keep the dialog close control reachable while reading or composing long mail. */
#email-workspace>.email-header{position:sticky;top:-24px;z-index:5;background:#fff;margin:-24px -24px 0;padding:20px 24px 14px;box-shadow:0 3px 8px #203f4c0a}
#email-workspace>.email-header>div{min-width:0}
#email-workspace #email-close{flex-shrink:0;align-self:flex-start;display:grid;place-items:center;width:40px;height:40px;margin:-4px -8px 0 12px;border-radius:8px;background:#fff}
@media(max-width:760px){#email-workspace>.email-header{top:-16px;margin:-16px -16px 0;padding:16px 16px 12px}}