/* Extend the existing ARKASCALE reader. Native disclosure controls keep keyboard semantics. */
.email-conversation-mode{display:flex;gap:4px;padding:0 12px 10px;flex-wrap:wrap}
.email-conversation-mode button{min-height:44px;flex:1;padding:8px 12px;border:1px solid var(--line);background:transparent;color:var(--navy);border-radius:8px;font:inherit;font-size:12px;font-weight:700}
.email-conversation-mode button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
#email-workspace .email-conversation-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--navy)}
.email-conversation-header>span{display:grid;gap:3px;min-width:0}.email-conversation-header small{font-size:12px;color:#576b7d;overflow-wrap:anywhere}
.email-conversation-header button,.email-conversation-older button,.email-conversation-notice button,.email-conversation-actions button{min-height:44px;padding:8px 12px;border:1px solid var(--line);background:var(--surface,#fffdf9);color:var(--navy);border-radius:8px;font:inherit;font-size:12px;font-weight:700;white-space:normal}
.email-conversation-notice:empty{display:none}.email-conversation-notice,.email-conversation-older{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px;margin-bottom:12px;border:1px solid var(--line);border-radius:8px;color:var(--navy);font-size:12px;line-height:1.5}
.email-conversation-notice.error{border-color:#bc6860;color:#9b3029;background:#fff5f2}
#email-workspace .email-conversation-message{padding:0;margin-bottom:10px;border-radius:10px;background:var(--surface,#fffdf9);overflow:hidden}
#email-workspace .email-conversation-message>summary{display:flex;align-items:flex-start;gap:10px;list-style:none;min-height:64px;padding:14px;cursor:pointer;color:var(--navy)}
#email-workspace .email-conversation-message>summary::-webkit-details-marker{display:none}
.email-conversation-avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#e6eef5;color:#315d7e;font-size:12px;font-weight:800}
.email-conversation-summary{display:grid;gap:3px;min-width:0;flex:1}.email-conversation-summary b,.email-conversation-subject{font-size:12px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}.email-conversation-summary small{font-size:12px;color:#576b7d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.email-conversation-meta{display:grid;justify-items:end;gap:4px;flex:none;text-align:right;max-width:40%;font-size:11px;color:#576b7d;line-height:1.5}.email-conversation-meta i{font-style:normal;color:#315d7e;font-weight:700}
.email-conversation-message[open] .email-conversation-summary>small{display:none}
.email-conversation-content{padding:0 16px 16px;border-top:1px solid var(--line);min-width:0}.email-conversation-content>[data-email-translation-original]{padding-top:16px;overflow-wrap:anywhere;min-width:0}.email-conversation-content [data-conversation-files]:not(:empty){padding-top:14px}
.email-conversation-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px;margin-top:16px;border-top:1px solid var(--line)}
#email-workspace .email-conversation-message>summary:focus-visible,.email-conversation-mode button:focus-visible,.email-conversation-actions button:focus-visible{outline:3px solid #3976b9;outline-offset:-3px}
/* Mail navigation and thread heading stay on paper in both themes; message cards have their own dark surface. */
body[data-crm-appearance=night] .email-conversation-mode button,body[data-crm-appearance=night] #email-workspace .email-conversation-header{color:#1C3A57}
body[data-crm-appearance=night] #email-workspace .email-conversation-message>summary{color:var(--appearance-ink,#f5f0e8)}
body[data-crm-appearance=night] .email-conversation-mode button[aria-pressed=true]{background:#d8ba8f;border-color:#d8ba8f;color:#173652}
body[data-crm-appearance=night] #email-workspace .email-conversation-message,body[data-crm-appearance=night] .email-conversation-actions button,body[data-crm-appearance=night] .email-conversation-header button,body[data-crm-appearance=night] .email-conversation-older button,body[data-crm-appearance=night] .email-conversation-notice button{background:#243e59;color:#f5f0e8;border-color:#576b7d}
body[data-crm-appearance=night] .email-conversation-header small,body[data-crm-appearance=night] .email-conversation-summary small,body[data-crm-appearance=night] .email-conversation-meta{color:#d5cbbc}
body[data-crm-appearance=night] .email-conversation-meta i{color:#b6d6ee}
body[data-crm-appearance=night] .email-conversation-notice,body[data-crm-appearance=night] .email-conversation-older{color:#f5f0e8}
body[data-crm-appearance=night] .email-conversation-notice.error{background:#4c3030;color:#ffd9d2;border-color:#c5867e}
@media(max-width:640px){#email-workspace .email-conversation-message>summary{gap:8px;padding:12px;flex-wrap:wrap}.email-conversation-avatar{width:28px;height:28px}.email-conversation-meta{width:100%;max-width:none;justify-items:start;text-align:left;padding-left:36px;grid-template-columns:auto 1fr}.email-conversation-meta i{grid-column:1/-1}.email-conversation-header,.email-conversation-older,.email-conversation-notice{flex-wrap:wrap}.email-conversation-actions button{flex:1 1 120px}.email-conversation-content{padding:0 12px 12px}}
@media(prefers-reduced-motion:reduce){.email-conversation-message,.email-conversation-mode button{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#email-workspace .email-conversation-message>summary{position:relative;padding-right:32px}#email-workspace .email-conversation-message>summary::after{content:"";position:absolute;right:16px;top:20px;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}#email-workspace .email-conversation-message[open]>summary::after{transform:rotate(225deg)}
.email-conversation-meta .email-conversation-status.failed{color:#9b3029}.email-conversation-meta .email-conversation-status.sent{color:#226744}.email-conversation-meta .email-conversation-status.pending{color:#895516}
body[data-crm-appearance=night] .email-conversation-meta .email-conversation-status.failed{color:#ffa6a6}body[data-crm-appearance=night] .email-conversation-meta .email-conversation-status.sent{color:#87d6b2}body[data-crm-appearance=night] .email-conversation-meta .email-conversation-status.pending{color:#e7bc82}
/* The shared night stylesheet sets generic small/time colors with !important. */
body[data-crm-appearance=night] #email-workspace .email-conversation-message .email-conversation-summary>small,
body[data-crm-appearance=night] #email-workspace .email-conversation-message .email-conversation-meta,
body[data-crm-appearance=night] #email-workspace .email-conversation-message .email-conversation-meta time,
body[data-crm-appearance=night] #email-workspace .email-conversation-message .email-conversation-meta small{color:#d5cbbc!important}
#email-workspace .email-conversation-message .email-conversation-meta .email-conversation-status.failed{color:#9b3029!important}
#email-workspace .email-conversation-message .email-conversation-meta .email-conversation-status.sent{color:#226744!important}
#email-workspace .email-conversation-message .email-conversation-meta .email-conversation-status.pending{color:#895516!important}
body[data-crm-appearance=night] #email-workspace .email-conversation-message .email-conversation-meta .email-conversation-status.failed{color:#ffa6a6!important}
body[data-crm-appearance=night] #email-workspace .email-conversation-message .email-conversation-meta .email-conversation-status.sent{color:#87d6b2!important}
body[data-crm-appearance=night] #email-workspace .email-conversation-message .email-conversation-meta .email-conversation-status.pending{color:#e7bc82!important}
@media(max-width:640px){.email-conversation-message:not([open]) .email-conversation-summary>small{display:none}}

/* Header/continuation notices sit outside the dark message card. */
body[data-crm-appearance=night] #email-workspace .email-conversation-header small{color:#576b7d}
body[data-crm-appearance=night] #email-workspace :is(.email-conversation-older,.email-conversation-notice:not(.error)){color:#1C3A57}

/* One reading surface; older messages remain native keyboard disclosures. */
#email-workspace .email-reader-flat{padding:0;background:transparent}
#email-workspace .email-reader-flat .email-conversation-message{margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent}
#email-workspace .email-reader-flat .email-conversation-message.current{border-left:0;box-shadow:none}
#email-workspace .email-reader-flat .email-conversation-message>summary{padding:16px 24px 16px 0;min-height:64px}
#email-workspace .email-reader-flat .email-conversation-content{padding:0 0 24px;border:0;background:transparent}
#email-workspace .email-reader-flat .email-conversation-content>[data-email-translation-original]{padding-top:20px}
#email-workspace .email-reader-flat .email-conversation-actions{border:0;margin-top:12px;padding-top:8px}
#email-workspace .email-reader-flat .email-conversation-message[open] .email-conversation-subject{display:none}
#email-workspace .email-reader-flat .email-conversation-message:not([open])>summary{min-height:56px}
#email-workspace .email-reader-flat .email-conversation-message>summary::after{right:4px}
@media(max-width:640px){#email-workspace .email-reader-flat .email-conversation-message>summary{padding-left:0}#email-workspace .email-reader-flat .email-conversation-content{padding-left:0;padding-right:0}}
/* The message list and opened letter share the same main area. */
@media(min-width:981px){
 #email-workspace.email-workspace{grid-template-columns:240px minmax(0,1fr)}
 #email-workspace .email-reader:not(.mobile-open){display:none}
 #email-workspace:has(.email-reader.mobile-open) .email-message-column{display:none}
 #email-workspace .email-reader.mobile-open{display:block;min-width:0}
 #email-workspace #email-reader-back{display:inline-flex!important;align-items:center;min-height:44px}
 #email-workspace .email-message-open{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px}
 #email-workspace .email-message-row{padding:0 14px;min-height:48px;align-items:center}
 #email-workspace .email-message-avatar{width:28px;height:28px;font-size:11px}
 #email-workspace .email-message-copy{display:grid;grid-template-columns:minmax(160px,24%) minmax(0,1fr);column-gap:18px;align-items:center;position:relative;padding:10px 90px 10px 0}
 #email-workspace .email-message-copy>span:first-child{display:block;grid-row:1/3}
 #email-workspace .email-message-leading{position:absolute;right:0;top:11px}
 #email-workspace .email-message-copy>strong,#email-workspace .email-message-copy>small{margin:0;line-height:1.5}
 #email-workspace .email-message-copy>em{display:none}
 #email-workspace .email-reader-header{padding-bottom:12px}
}

/* Mail components must fit the actual available column, including long URLs. */
#email-workspace,#email-reader,#email-reader-content{min-width:0;max-width:100%;box-sizing:border-box}
#email-workspace .email-reader-crm{width:auto;max-width:calc(100% - 32px);margin:16px;box-sizing:border-box;min-width:0;overflow-wrap:anywhere}
#email-workspace .email-reader-crm :is(div,p,span,b,li,a,select,button){min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;white-space:normal}
#email-workspace .email-reader-body{min-width:0;overflow-wrap:anywhere}
#email-workspace .email-reader-body :is(img,video,iframe,table){max-width:100%}
#email-workspace .email-reader-crm ul{padding-left:18px}
#email-workspace .email-reader-crm .email-ai-summary{min-width:0;width:auto}
@media(min-width:1600px){#email-reader-content:not([hidden]){grid-template-columns:minmax(0,1fr) minmax(0,286px)}}
#email-workspace .email-translation{padding:0;margin:0 0 12px;background:transparent;border:0}
#email-workspace .email-translation-bar{padding:0;gap:8px;justify-content:flex-start;background:transparent}
#email-workspace .email-translation-bar :is(button,select){width:auto;min-width:0;min-height:32px;height:32px;padding:4px 10px;font-size:12px;border-radius:6px;font:inherit;font-size:12px;box-shadow:none}
#email-workspace .email-translation[hidden],#email-workspace .email-translation [hidden]{display:none!important}
.email-account-bar{display:flex;justify-content:flex-end;align-items:center;padding:8px 16px;position:relative;background:#fffdf9;border-top:1px solid var(--line);z-index:5;min-width:0}
.email-account-picker{position:relative;max-width:100%;color:#1c3a57}
.email-account-picker>summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;cursor:pointer;list-style:none;box-sizing:border-box}
.email-account-picker>summary::-webkit-details-marker{display:none}
.email-account-picker>summary .ui-icon{width:18px;height:18px;flex:none}
#email-account-current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(340px,55vw);font-size:13px;font-weight:700}
.email-account-popover{position:absolute;right:0;top:calc(100% + 6px);width:min(360px,calc(100vw - 40px));max-height:min(65dvh,580px);overflow:auto;overscroll-behavior:contain;padding:12px;box-sizing:border-box;background:#fffdf9;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 26px #17365226}
.email-account-popover .email-navigation-heading{margin-top:0}
.email-account-popover .email-workspace-mailboxes button{display:grid;width:100%;min-width:0;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;text-align:left}
.email-account-popover #email-workspace-mailboxes .personal-mailbox{min-height:60px}
.email-account-popover .email-mailbox-group h3{font-size:11px;display:flex;justify-content:space-between}
.email-account-popover .email-personal-caption{display:none}
.email-account-picker>summary:focus-visible{outline:3px solid #3976b9;outline-offset:2px}
.notification-attention-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#d33f3f;box-shadow:0 0 0 2px #d33f3f26}
.notification-attention-dot[hidden]{display:none}
@keyframes crm-attention-dot{0%,100%{opacity:1}50%{opacity:.35}}
.nav-notification-dot,.notification-attention-dot{animation:crm-attention-dot 2s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.nav-notification-dot,.notification-attention-dot{animation:none!important}}

.email-account-bar[hidden]{display:none!important}

#email-workspace .email-reader-flat{padding:16px 24px}
body[data-crm-appearance=night] #email-workspace .email-reader-flat a{color:#b6d6ee!important}
@media(max-width:640px){#email-workspace .email-reader-flat{padding:12px}}
#email-workspace .email-message-open>i{background:#d33f3f;animation:crm-attention-dot 2s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){#email-workspace .email-message-open>i{animation:none!important}}

/* A compact account menu: addresses remain within the popover and workspace. */
.email-account-bar{flex:0 0 auto;width:100%;max-width:100%;box-sizing:border-box;background:var(--surface,#fffdf9)}
.email-account-picker{min-width:0;width:auto;flex:0 1 auto}
.email-account-popover{width:min(352px,calc(100vw - 40px));background:var(--surface,#fffdf9);padding:10px;border-radius:14px;box-shadow:0 14px 40px #17365226}
.email-account-popover #email-workspace-mailboxes{display:block;min-width:0;width:100%}
.email-account-popover #email-workspace-mailboxes button{margin:3px 0;padding:10px 12px;min-height:52px;border:1px solid transparent;border-radius:9px;background:transparent;color:inherit;box-shadow:none;gap:10px}
.email-account-popover #email-workspace-mailboxes button:hover{background:#c28e4820;border-color:#c28e4840}
.email-account-popover #email-workspace-mailboxes button.active{background:#193e5d;color:#fff;border-color:#193e5d;box-shadow:inset 3px 0 #d4a45d}
.email-account-popover .email-mailbox-nav-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:2px;overflow:hidden}
.email-account-popover .email-mailbox-nav-copy :is(b,small){display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.email-account-popover .email-mailbox-nav-copy b{font-size:13px;line-height:1.35}
.email-account-popover .email-mailbox-nav-copy small{font-size:12px;line-height:1.35;color:inherit;opacity:.8}
.email-account-popover .email-workspace-mailbox-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#c28e481c;color:#a36d2e}
.email-account-popover .active .email-workspace-mailbox-icon{background:#ffffff20;color:#f0c88e}
.email-account-popover .email-workspace-mailbox-icon svg{width:18px;height:18px}
.email-account-popover .email-mailbox-overview{padding-bottom:7px;margin-bottom:7px;border-bottom:1px solid var(--line)}
.email-account-popover .email-mailbox-list{padding:0;margin:0}
body[data-crm-appearance=night] .email-account-bar,body[data-crm-appearance=night] .email-account-popover{background:#182a3a;color:#e5edf5;border-color:#3c4b5a}
body[data-crm-appearance=night] .email-account-popover #email-workspace-mailboxes button.active{background:#295476;border-color:#587b99}
.email-account-popover #email-workspace-mailboxes button[hidden]{display:none!important}

body[data-crm-appearance=night] .email-account-picker>summary{color:#e5edf5;background:#20384b;border-color:#52677b}
body[data-crm-appearance=night] .email-account-popover .email-navigation-heading{color:#e0c193}
body[data-crm-appearance=night] .email-account-popover #email-workspace-mailboxes .email-mailbox-nav-copy small{color:#c6d6e5!important;opacity:1}
body[data-crm-appearance=night] .email-account-popover .email-mailbox-search input{background:#102331;color:#e5edf5;border-color:#52677b}
body[data-crm-appearance=night] .email-account-popover .email-mailbox-search input::placeholder{color:#b5c6d5}

.email-account-bar{container-type:inline-size}
.email-account-popover{width:min(352px,calc(100cqw - 32px),calc(100vw - 40px))}
body[data-crm-appearance=night] .email-account-popover .email-mailbox-search{background:#102331;border-color:#52677b}
/* Imported attachments use the same reader and retain legible controls in both themes. */
#email-workspace .email-conversation-content .email-attachment-import-warning{display:block;color:#70430b!important;background:#fff4df;border:1px solid #bc8c46;margin:16px 0 0;overflow-wrap:anywhere}
#email-workspace .email-conversation-content .email-attachment-heading{color:#1c3a57}
#email-workspace .email-conversation-content .email-attachment-card{background:#fffdf9;color:#1c3a57;border:1px solid #ccd4dc;min-width:0;overflow-wrap:anywhere}
#email-workspace .email-conversation-content .email-attachment-card :is(b,small){color:#1c3a57!important}
#email-workspace .email-conversation-content .email-attachment-card a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;color:#1c3a57!important;background:#fffdf9;border:1px solid #687f94;border-radius:8px}
body[data-crm-appearance=night] #email-workspace .email-conversation-content .email-attachment-import-warning{color:#ffe0ab!important;background:#46351e;border-color:#b38a51}
body[data-crm-appearance=night] #email-workspace .email-conversation-content .email-attachment-heading{color:#f4eee6}
body[data-crm-appearance=night] #email-workspace .email-conversation-content .email-attachment-card{background:#24384e;color:#f4eee6;border-color:#7890a6}
body[data-crm-appearance=night] #email-workspace .email-conversation-content .email-attachment-card :is(b,small){color:#f4eee6!important}
body[data-crm-appearance=night] #email-workspace .email-conversation-content .email-attachment-card a{color:#f4eee6!important;background:#24384e;border-color:#a8b9c8}
#email-workspace .email-conversation-content .email-attachment-card a:focus-visible{outline:3px solid #bc8c46;outline-offset:2px}

#email-compose-form #email-compose-attach{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 14px;border:1px solid #687f94;border-radius:8px;background:#fffdf9;color:#1c3a57;font:inherit;font-weight:700;cursor:pointer}
#email-compose-form #email-compose-attach .ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
#email-compose-form #email-compose-attach:disabled{opacity:.5;cursor:wait}
#email-compose-form #email-compose-attach:focus-visible{outline:3px solid #bc8c46;outline-offset:3px}
body[data-crm-appearance=night] #email-compose-form #email-compose-attach{background:#24384e;color:#f4eee6;border-color:#a8b9c8}
#email-workspace .email-state-icon.attachment{width:20px;height:20px;color:#315d7e}
#email-workspace .email-state-icon.attachment svg{width:18px;height:18px}
body[data-crm-appearance=night] #email-workspace .email-state-icon.attachment{color:#b9d6ef}

.email-status-legend{display:flex;flex-wrap:wrap;gap:8px 16px;padding:10px 14px;background:#fffdf9;color:#1c3a57;border-bottom:1px solid #ccd4dc;font-size:12px;line-height:1.4}
.email-status-legend span{display:inline-flex;align-items:center;gap:5px}.email-status-legend svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}
#email-workspace .email-state-icon:is(.answered,.forwarded,.attachment,.pending){width:22px;height:22px;border-radius:5px;flex:none}
#email-workspace .email-state-icon:is(.answered,.forwarded,.attachment,.pending) svg{width:17px;height:17px}
#email-workspace .email-state-icon.answered{color:#1b5b3c;background:#e2f2e9}
#email-workspace .email-state-icon.forwarded{color:#315d7e;background:#e7eff5}
#email-workspace .email-state-icon.attachment{color:#1c3a57;background:#edf2f7}
#email-workspace .email-state-icon.pending{color:#75450b;background:#fff0d7}
body[data-crm-appearance=night] .email-status-legend{color:#f4eee6;background:#24384e;border-color:#7890a6}
body[data-crm-appearance=night] #email-workspace .email-state-icon.answered{color:#1b5b3c;background:#e2f2e9}
body[data-crm-appearance=night] #email-workspace .email-state-icon.forwarded{color:#315d7e;background:#e7eff5}
body[data-crm-appearance=night] #email-workspace .email-state-icon.attachment{color:#1c3a57;background:#edf2f7}
body[data-crm-appearance=night] #email-workspace .email-state-icon.pending{color:#75450b;background:#fff0d7}
@media(max-width:640px){.email-status-legend{gap:8px 12px;padding:9px 12px;font-size:11px}}

.email-draft-dock{position:fixed;right:20px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:1300;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:calc(100vw - 40px);max-height:30vh;overflow:auto;padding:4px}
.email-draft-dock[hidden]{display:none}.email-draft-dock-item{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;max-width:320px;padding:12px 16px;border:1px solid #687f94;border-radius:10px;background:#fffdf9;color:#1c3a57;box-shadow:0 4px 16px #172c4433;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.email-draft-dock-item>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-draft-dock-item:focus-visible{outline:3px solid #bc8c46;outline-offset:1px}.email-draft-dock-item:disabled{opacity:.65;cursor:wait}
body[data-crm-appearance=night] .email-draft-dock-item{background:#24384e;color:#f4eee6;border-color:#a8b9c8}
body.email-has-draft-dock .email-compose-notice{bottom:92px}
@media(max-width:640px){.email-draft-dock{right:12px;max-width:calc(100vw - 24px)}.email-draft-dock-item{max-width:calc(100vw - 32px);min-height:48px}}

/* Visible authoring, backed by the existing draft textarea. */
.email-letter-editor #email-compose-body[hidden]{display:none!important}
.email-rich-tools{display:flex;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line,#d8d4cc)}
.email-rich-tools button{font-weight:700;min-width:44px;min-height:44px}
.email-rich-compose{min-height:240px;max-height:48vh;overflow:auto;padding:16px 12px;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:16px;line-height:1.6;color:inherit;outline:none}
.email-rich-compose:focus{box-shadow:inset 0 0 0 2px var(--accent,#31729b)}
.email-rich-compose strong,.email-rich-compose b{font-weight:700}
.email-rich-compose[aria-disabled=true]{opacity:.65}
@media(max-width:600px){.email-rich-compose{min-height:200px;max-height:42vh}}

.email-rich-tools{flex-wrap:wrap;align-items:center;gap:4px}
.email-rich-tools button{min-width:40px;min-height:40px;padding:6px 9px}
.email-rich-tools select{min-height:40px;max-width:160px;width:auto;font-size:13px}
.email-rich-color{display:flex!important;align-items:center;gap:4px;padding:4px;font-size:13px}
.email-rich-color input{width:28px!important;min-height:28px;height:28px;padding:0;border:0}
.email-rich-link:not([hidden]){display:flex;flex-wrap:wrap;gap:8px;padding:10px}
.email-rich-link input{flex:1;min-width:180px}
.email-rich-compose ul,.email-rich-compose ol{padding-left:28px}
.email-rich-compose blockquote{border-left:3px solid currentColor;margin:12px 0;padding-left:16px}
@media(max-width:600px){.email-rich-tools{max-height:138px;overflow:auto}.email-rich-tools select{max-width:130px}.email-rich-tools button{min-height:44px}.email-rich-compose{min-height:180px}}

.email-rich-color{flex-shrink:0;white-space:nowrap}
.email-rich-color input[type=color]{appearance:auto;flex:none;height:28px!important;min-width:28px;background:transparent;border:1px solid var(--line,#c5cbd1);border-radius:4px}
.email-rich-color input[type=color]::-webkit-color-swatch-wrapper{padding:3px}
.email-rich-color input[type=color]::-webkit-color-swatch{border:0;border-radius:2px}
.email-rich-tools button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent,#538bb5)}

.email-rich-color input[type=color]{appearance:none;background:var(--email-color)!important;cursor:pointer}
.email-rich-color input[type=color]::-webkit-color-swatch-wrapper{display:none}

.email-arrival-notice{position:fixed;inset:auto 18px 18px auto;margin:0;width:360px;max-width:calc(100vw - 32px);padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper,#fffdf9);color:var(--ink,#18354f);box-shadow:0 8px 32px #172c4433;z-index:1500;font:14px/1.5 Montserrat,sans-serif;overflow-wrap:anywhere}
.email-arrival-notice p{margin:8px 0 14px;max-height:110px;overflow:auto}.email-arrival-notice>div{display:flex;gap:8px}.email-arrival-notice button{min-height:44px;padding:8px 14px}.email-arrival-notice::backdrop{background:transparent;pointer-events:none}
body[data-crm-appearance=night] .email-arrival-notice{background:#24384e;color:#f4eee6;border-color:#758ba0}
@media(max-width:600px){.email-arrival-notice{right:12px;width:calc(100vw - 24px)}}

#email-workspace-refresh{min-height:40px;flex:none;font-size:12px;padding:8px 10px}.email-refresh-status{margin:0;padding:0 14px;font-size:12px;color:var(--muted);line-height:1.5}.email-refresh-status:not(:empty){padding:10px 14px}

.email-conversation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;margin-bottom:12px;border-bottom:1px solid var(--line);font-size:13px}.email-conversation-toolbar button{min-height:40px;padding:8px 12px}
.email-conversation-message:not([open]):has([data-conversation-unread]){border-left:4px solid #ba7d36;background:#fff4e5}
.email-conversation-message:not([open]):has([data-conversation-unread])>summary{background:#fff4e5;color:#173b5d}
.email-conversation-message:not([open]):has([data-conversation-unread]) .email-conversation-summary>b,.email-conversation-message:not([open]):has([data-conversation-unread]) .email-conversation-subject{font-weight:700}
[data-conversation-unread]{display:inline-block;padding:2px 7px;border-radius:5px;background:#f3d6b0;color:#633e18;font-style:normal;font-size:11px;font-weight:700}
body[data-crm-appearance=night] .email-conversation-message:not([open]):has([data-conversation-unread]),body[data-crm-appearance=night] .email-conversation-message:not([open]):has([data-conversation-unread])>summary{background:#35495c;color:#fff8ed;border-left-color:#e0ac68}
body[data-crm-appearance=night] [data-conversation-unread]{background:#654c2f;color:#fff1d8}

.email-mail-actions{display:flex;align-items:center;gap:8px}.email-mail-actions #email-workspace-count{display:inline-grid;place-items:center;min-width:24px;padding:3px 7px;border-radius:99px}.email-column-heading>span{min-width:0}.email-column-heading>span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#email-workspace-refresh{min-height:44px}
body[data-crm-appearance=night] #email-reader-body .email-conversation-message:not([open]):has([data-conversation-unread]) .email-conversation-summary small,body[data-crm-appearance=night] #email-reader-body .email-conversation-message:not([open]):has([data-conversation-unread]) .email-conversation-meta time,body[data-crm-appearance=night] #email-reader-body .email-conversation-message:not([open]):has([data-conversation-unread]) .email-conversation-meta small{color:#e3eaf0!important}
body[data-crm-appearance=night] #email-reader-body [data-conversation-unread]{background:#654c2f!important;color:#fff1d8!important}

.email-send-options{display:grid;grid-template-columns:minmax(180px,1fr) minmax(130px,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.email-send-options label{display:flex;flex-direction:column;gap:6px}.email-send-options .email-receipt-option{grid-column:1/-1;display:grid;grid-template-columns:22px 1fr;align-items:center;font-weight:500}.email-receipt-option input{width:18px;height:18px;margin:0}.email-receipt-option small{grid-column:2;font-weight:400;line-height:1.4}.email-send-options .email-date-time{grid-column:1/-1}@media(max-width:560px){.email-send-options{grid-template-columns:1fr}}

.email-priority-high{color:#A45D13;font-weight:800}.email-message-options-note{font-size:13px;margin:0 0 10px;line-height:1.5}body[data-crm-appearance=night] .email-priority-high{color:#FFD395}

/* Reading typography belongs to the content section, not the old direct-div structure. */
#email-workspace .email-conversation-content>[data-email-translation-original]:not(.email-html-original){box-sizing:border-box;width:100%;max-width:76ch;font-size:16px;line-height:1.65;color:var(--navy,#1c3a57);white-space:normal;overflow-wrap:anywhere;word-break:normal}
#email-workspace .email-conversation-content>[data-email-translation-original]:not(.email-html-original) :is(p,li,blockquote,h4){max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
#email-workspace .email-conversation-content>[data-email-translation-original] p{margin:0 0 .85em}
#email-workspace .email-conversation-content>[data-email-translation-original] :is(ul,ol){margin:.5em 0 1em;padding-inline-start:1.5em}
#email-workspace .email-conversation-content>[data-email-translation-original] li{margin:.35em 0}
#email-workspace .email-conversation-content>[data-email-translation-original] blockquote{margin:1em 0;padding-inline-start:1em;border-inline-start:3px solid var(--line)}
#email-workspace .email-conversation-position,#email-workspace .email-conversation-history-heading{margin:14px 0 4px;font-size:12px;font-weight:600;color:var(--muted,#576b7d);line-height:1.5}
#email-workspace .email-conversation-history-heading{margin-top:24px}
#email-workspace .email-conversation-message.is-read .email-conversation-summary :is(b,.email-conversation-subject){font-weight:500}
#email-workspace .email-conversation-message.is-unread .email-conversation-summary :is(b,.email-conversation-subject){font-weight:700}
body[data-crm-appearance=night] #email-workspace .email-conversation-content>[data-email-translation-original]:not(.email-html-original){color:#f4eee6}
body[data-crm-appearance=night] #email-workspace :is(.email-conversation-position,.email-conversation-history-heading){color:#d5cbbc}

body[data-crm-appearance=night] #email-workspace .email-conversation-toolbar{color:#f4eee6}

/* Keep plain text and signatures away from the reading surface edge. */
#email-workspace .email-reader-flat .email-conversation-content>[data-email-translation-original]:not(.email-html-original){padding-inline:24px}
@media(max-width:600px){#email-workspace .email-reader-flat .email-conversation-content>[data-email-translation-original]:not(.email-html-original){padding-inline:16px}}

#email-compose-form>.dialog-heading{gap:12px}
#email-compose-title{min-width:0;overflow-wrap:anywhere}
.email-compose-window-tools{display:flex;align-items:center;gap:6px;flex:none}
#email-compose-form .email-compose-window-tools button{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;border:1px solid var(--line,#cad5df);border-radius:8px;background:var(--paper,#fffdf9);color:var(--ink,#1c3a57)}
.email-compose-window-tools svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
#email-compose-maximize[aria-pressed=true]{box-shadow:inset 0 0 0 1px currentColor}
#email-compose-dialog.email-compose-sheet.is-maximized{inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}
@media(max-width:600px){#email-compose-title{font-size:17px}.email-compose-window-tools{gap:4px}}

/* Mail header: passive count, then one compact refresh action. */
#email-workspace-refresh{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;flex:0 0 44px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink,#18354f);box-shadow:none;cursor:pointer;transition:background-color .15s,border-color .15s}
#email-workspace-refresh svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#email-workspace-refresh:hover:not(:disabled){background:var(--soft,#edf2f5);border-color:var(--line,#d8e0e6)}
#email-workspace-refresh:focus-visible{outline:2px solid currentColor;outline-offset:2px}
#email-workspace-refresh:disabled{opacity:.6;cursor:wait}
#email-workspace-refresh[aria-busy=true] svg{animation:email-refresh-turn 1s linear infinite}
body[data-crm-appearance=night] #email-workspace-refresh{color:#e3eaf0}
body[data-crm-appearance=night] #email-workspace-refresh:hover:not(:disabled){background:#35495c;border-color:#758ba0}
@keyframes email-refresh-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#email-workspace-refresh{transition:none}#email-workspace-refresh[aria-busy=true] svg{animation:none}}

/* Mail navigation and selection actions follow one stable reading order. */
#email-workspace .email-navigation{background:#f5f4f1;padding:12px 10px}
.email-nav-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px 8px;color:var(--navy,#18354f)}
.email-nav-title>b{font-size:20px;letter-spacing:-.02em}
.email-nav-title button{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;background:transparent;color:inherit;border-radius:9px;padding:8px}
.email-compose-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:center;margin-bottom:12px}
.email-compose-row #email-workspace-compose{margin:0;min-height:44px;border-radius:10px;box-shadow:none;background:var(--navy,#18354f);color:#fff}
.email-compose-row #email-workspace-refresh{background:#e8e9e9}
#email-workspace .email-folder-list>button{min-height:44px;padding:9px 10px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px;font-size:13px;font-weight:600;border-radius:9px}
#email-workspace .email-folder-list>button .ui-icon{width:18px;height:18px}
#email-workspace .email-folder-list>button.active{background:#e2e7eb;color:#18354f;box-shadow:inset 3px 0 #bc8748}
#email-workspace .email-folder-list>button>b{background:transparent;color:inherit;font-size:12px;font-weight:700}
.email-quick-filters{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.email-quick-filters button{display:flex;align-items:center;gap:7px;min-height:44px;padding:7px 8px;background:#e9ebed;color:var(--navy,#18354f);border:1px solid transparent;border-radius:8px;font-size:11px;text-align:left;box-shadow:none}
.email-quick-filters button .ui-icon{width:15px;height:15px;flex:none}.email-quick-filters button b{margin-left:auto}.email-quick-filters button:last-child{grid-column:1/-1}
.email-quick-filters button.active{border-color:#bc8748;background:#e0e6eb}
.email-nav-add-mailbox{display:flex;align-items:center;gap:9px;min-height:44px;width:100%;margin-top:14px;padding:9px 10px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;color:var(--navy,#18354f);font-size:13px;text-align:left;box-shadow:none}
.email-nav-add-mailbox .ui-icon{width:18px;height:18px}
#email-bulk-actions.email-selection-toolbar{padding:4px 10px;gap:4px!important;border-top:0;border-bottom:1px solid var(--line);background:#fffdf9;align-items:center}
#email-bulk-actions .email-toolbar-quick{gap:0;flex:1}
#email-bulk-actions button,.email-toolbar-more summary{font-size:12px;padding:8px!important;gap:5px}
#email-bulk-actions button:disabled{opacity:1!important;color:#6c7782!important;cursor:default}
#email-bulk-actions .email-toolbar-quick button[data-email-bulk-state=trash]:not(:disabled){color:var(--navy,#18354f)}
#email-selected-count{min-width:0;font-size:11px;padding:0 5px}
#email-bulk-actions .email-toolbar-clear span{display:none}
#email-bulk-actions .email-toolbar-more{margin-left:0;flex:none}
#email-bulk-actions .email-toolbar-menu{background:#fffdf9;border:1px solid var(--line);box-shadow:0 8px 24px #17365220;border-radius:10px}
#email-workspace :is(.email-nav-title button,.email-folder-list button,.email-quick-filters button,.email-nav-add-mailbox):focus-visible{outline:2px solid #bc8748;outline-offset:-2px}
body[data-crm-appearance=night] #email-workspace .email-navigation{background:#203448}
body[data-crm-appearance=night] :is(.email-nav-title,.email-nav-add-mailbox){color:#edf1f5}
body[data-crm-appearance=night] .email-quick-filters button,body[data-crm-appearance=night] .email-compose-row #email-workspace-refresh{background:#30485f;color:#edf1f5}
body[data-crm-appearance=night] #email-workspace .email-folder-list>button.active,body[data-crm-appearance=night] .email-quick-filters button.active{background:#3c5267;color:#fff}
body[data-crm-appearance=night] #email-bulk-actions.email-selection-toolbar,body[data-crm-appearance=night] #email-bulk-actions .email-toolbar-menu{background:#233b51;color:#edf1f5}
body[data-crm-appearance=night] #email-bulk-actions button:not(:disabled),body[data-crm-appearance=night] #email-bulk-actions .email-toolbar-more summary{color:#edf1f5!important}
body[data-crm-appearance=night] #email-bulk-actions button:disabled{color:#a9b7c5!important}
@media(max-width:760px){#email-bulk-actions .email-toolbar-quick{flex-wrap:nowrap;overflow-x:auto;max-width:calc(100% - 100px);scrollbar-width:thin}#email-bulk-actions .email-toolbar-quick button{flex:none}#email-bulk-actions .email-toolbar-quick button span{display:none}#email-bulk-actions .email-select-all-control{min-width:32px}#email-selected-count{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#email-bulk-actions .email-toolbar-more summary span{display:none}#email-workspace .email-navigation{padding:12px}}

#email-bulk-actions .email-select-all-control>span{display:none}

#email-bulk-actions.email-selection-toolbar{flex-wrap:nowrap!important}
#email-bulk-actions .email-toolbar-quick{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:thin}
#email-bulk-actions .email-toolbar-quick button{flex:none}
.email-quick-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.email-quick-filters button{min-width:0;overflow:hidden}
.email-quick-filters button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.email-quick-filters button:nth-child(-n+2) span{display:none}
.email-quick-filters button:nth-child(-n+2){justify-content:center}
.email-quick-filters button:nth-child(-n+2) b{margin-left:0}

body[data-crm-appearance=night] #email-workspace .email-folder-list>button,body[data-crm-appearance=night] #email-workspace .email-navigation-heading{color:#e3eaf0}
body[data-crm-appearance=night] #email-workspace .email-message-column{background:#21394f;color:#edf1f5}
body[data-crm-appearance=night] #email-workspace .email-column-heading{background:#263f55;color:#edf1f5}
body[data-crm-appearance=night] #email-workspace .email-column-search{background:#21394f;color:#edf1f5}
body[data-crm-appearance=night] #email-workspace .email-column-search input{background:#294258;color:#edf1f5;border-color:#576b7d}

#email-bulk-actions .email-toolbar-quick,#email-bulk-actions .email-toolbar-more{order:0}
body[data-crm-appearance=night] #email-workspace .email-column-search input::placeholder,body[data-crm-appearance=night] #email-workspace .email-column-heading small,body[data-crm-appearance=night] #email-workspace .email-message-copy small{color:#bdcad5;opacity:1}

#email-workspace .email-correspondent-address{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;line-height:1.4;color:#617383}body[data-crm-appearance=night] #email-workspace .email-correspondent-address{color:#bdcad5}

body[data-crm-appearance=night] #email-workspace .email-message-row{background:#243e59;color:#edf1f5}body[data-crm-appearance=night] #email-workspace .email-message-open{background:transparent;color:#edf1f5}body[data-crm-appearance=night] #email-workspace .email-message-copy :is(b,strong){color:#edf1f5}body[data-crm-appearance=night] #email-workspace .email-message-row:hover{background:#304b63}

#email-compose-dialog .email-compose-drop-overlay{position:absolute;inset:12px;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:2px dashed #bc8748;border-radius:14px;background:rgba(247,244,239,.96);color:#18354f;pointer-events:none;text-align:center;padding:24px;box-sizing:border-box}
#email-compose-dialog .email-compose-drop-overlay[hidden]{display:none!important}
.email-compose-drop-overlay .ui-icon{width:40px;height:40px}.email-compose-drop-overlay b{font-size:20px}.email-compose-drop-overlay span{font-size:14px;line-height:1.5}
body[data-crm-appearance=night] #email-compose-dialog .email-compose-drop-overlay{background:rgba(32,52,72,.97);color:#edf1f5;border-color:#dbb27a}