/* Eletroware: signature preview and clear send confirmation. */ .ew-mail-signature-preview { display:block !important; width:100% !important; box-sizing:border-box !important; margin:2px 0 14px !important; padding:12px 14px !important; border:1px solid rgba(99,211,190,.23) !important; border-left:3px solid #39bda5 !important; border-radius:10px !important; background:rgba(32,76,72,.20) !important; } .ew-mail-signature-preview-label { display:block !important; margin-bottom:8px !important; color:#7ed9c8 !important; font-size:10px !important; font-weight:800 !important; letter-spacing:.13em !important; } .ew-mail-signature-preview-brand { display:flex !important; align-items:center !important; gap:12px !important; } .ew-mail-signature-preview-brand img { display:block !important; width:42px !important; height:38px !important; object-fit:contain !important; flex:0 0 42px !important; } .ew-mail-signature-preview-details { display:grid !important; gap:2px !important; } .ew-mail-signature-preview-details strong { color:#e7f8f4 !important; font-size:13px !important; } .ew-mail-signature-preview-details span { color:#a8c6c1 !important; font-size:12px !important; } .ew-mail-send-toast { position:fixed !important; z-index:10020 !important; right:22px !important; bottom:22px !important; display:flex !important; align-items:flex-start !important; gap:12px !important; width:min(430px,calc(100vw - 32px)) !important; box-sizing:border-box !important; padding:16px !important; color:#eafffb !important; background:linear-gradient(135deg,#213b40,#17312f) !important; border:1px solid #55dfc6 !important; border-left:4px solid #75eed8 !important; border-radius:14px !important; box-shadow:0 16px 44px rgba(0,0,0,.42),0 0 28px rgba(69,224,196,.16) !important; animation:ew-new-mail-in .32s ease-out both !important; } .ew-mail-send-toast.is-warning { border-color:#e8b85b !important; border-left-color:#f1c36b !important; } .ew-mail-send-toast-icon { display:grid !important; place-items:center !important; width:32px !important; height:32px !important; flex:0 0 32px !important; color:#0b3935 !important; background:#74e5cb !important; border-radius:10px !important; font-size:16px !important; font-weight:900 !important; } .ew-mail-send-toast.is-warning .ew-mail-send-toast-icon { color:#543900 !important; background:#f1c36b !important; } .ew-mail-send-toast-copy { display:grid !important; min-width:0 !important; gap:5px !important; flex:1 !important; } .ew-mail-send-toast-copy strong { color:#dffff7 !important; font-size:14px !important; line-height:1.4 !important; overflow-wrap:anywhere !important; } .ew-mail-send-toast-copy span { color:#a9cbc5 !important; font-size:12px !important; line-height:1.5 !important; } .ew-mail-send-toast-actions { display:flex !important; align-items:center !important; flex:0 0 auto !important; } .ew-mail-send-toast-open { color:#143d3a !important; background:#9bf0dc !important; border:0 !important; border-radius:8px !important; padding:8px 10px !important; font-size:12px !important; font-weight:800 !important; white-space:nowrap !important; cursor:pointer !important; } .ew-mail-send-toast-dismiss { align-self:flex-start !important; color:#9ec9c5 !important; background:transparent !important; border:0 !important; padding:0 2px !important; font-size:21px !important; line-height:1 !important; cursor:pointer !important; } .ew-titan-inline-reply-status.is-warning, .ew-mail-native-compose-status.is-warning { color:#f1c36b !important; } @media (max-width:560px) { .ew-mail-send-toast { right:12px !important; bottom:12px !important; width:calc(100vw - 24px) !important; } } /* v27 — integrated, labelled actions in the message card footer */ body.ew-v2-collab .ew-mail-native-message-row { display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:0 !important; width:100% !important; min-width:0 !important; margin:0 0 11px !important; overflow:hidden !important; border:1px solid #dfe8e6 !important; border-radius:15px !important; background:#fff !important; box-shadow:0 3px 10px rgba(21,46,53,.045) !important; transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease !important; } body.ew-v2-collab .ew-mail-native-message-row:hover { transform:translateY(-1px) !important; border-color:#bddbd2 !important; box-shadow:0 7px 18px rgba(21,46,53,.09) !important; } body.ew-v2-collab .ew-mail-native-message-row > .ew-mail-native-message { display:flex !important; flex-direction:column !important; align-items:stretch !important; width:100% !important; min-width:0 !important; min-height:82px !important; box-sizing:border-box !important; margin:0 !important; padding:11px 13px 10px !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; text-align:left !important; background:transparent !important; } body.ew-v2-collab .ew-mail-native-message-row .ew-mail-native-message-top { width:100% !important; min-width:0 !important; gap:8px !important; } body.ew-v2-collab .ew-mail-native-message-row .ew-mail-native-message-identity { min-width:0 !important; flex:1 1 auto !important; } body.ew-v2-collab .ew-mail-native-message-row .ew-mail-native-sender { min-width:0 !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } body.ew-v2-collab .ew-mail-native-message-row .ew-mail-native-date { flex:0 0 auto !important; white-space:nowrap !important; } body.ew-v2-collab .ew-mail-native-message-row .ew-mail-native-subject { margin-top:8px !important; } body.ew-v2-collab .ew-mail-native-message-row .ew-mail-native-from { margin-top:4px !important; } body.ew-v2-collab .ew-mail-native-message-row .ew-mail-native-message-badges { margin-top:7px !important; } body.ew-v2-collab .ew-mail-native-message-actions { display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:space-between !important; gap:8px !important; width:100% !important; min-width:0 !important; box-sizing:border-box !important; padding:5px 9px 6px !important; border:0 !important; border-top:1px solid #edf2f1 !important; border-radius:0 !important; background:#f8faf9 !important; } body.ew-v2-collab .ew-mail-native-row-action { display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; flex:0 0 auto !important; width:auto !important; min-width:0 !important; height:30px !important; padding:0 10px !important; border:1px solid transparent !important; border-radius:9px !important; color:#53666a !important; background:transparent !important; cursor:pointer !important; font:650 10.5px/1 system-ui,-apple-system,"Segoe UI",sans-serif !important; white-space:nowrap !important; transition:color .14s ease, background .14s ease, border-color .14s ease, transform .14s ease !important; } body.ew-v2-collab .ew-mail-native-row-action:hover { color:#08796d !important; border-color:#d5eae2 !important; background:#edf8f3 !important; transform:translateY(-1px) !important; } body.ew-v2-collab .ew-mail-native-row-action:focus-visible, body.ew-v2-collab .ew-mail-thread-action:focus-visible { outline:2px solid #54bea0 !important; outline-offset:2px !important; } body.ew-v2-collab .ew-mail-native-row-action.is-active { color:#08796d !important; border-color:#c2e7d9 !important; background:#e8f8f1 !important; } body.ew-v2-collab .ew-mail-native-row-action:disabled { opacity:.55 !important; cursor:wait !important; transform:none !important; } body.ew-v2-collab .ew-mail-native-row-action-icon { font-size:13px !important; line-height:1 !important; } body.ew-v2-collab .ew-mail-native-row-action-label { line-height:1 !important; } html.dark body.ew-v2-collab .ew-mail-native-message-row { border-color:#39474d !important; background:#252d33 !important; box-shadow:0 4px 13px rgba(0,0,0,.13) !important; } html.dark body.ew-v2-collab .ew-mail-native-message-row:hover { border-color:#4c6e68 !important; box-shadow:0 8px 18px rgba(0,0,0,.2) !important; } html.dark body.ew-v2-collab .ew-mail-native-message-actions { border-top-color:#37444a !important; background:#222a30 !important; } html.dark body.ew-v2-collab .ew-mail-native-row-action { color:#c4d0d2 !important; } html.dark body.ew-v2-collab .ew-mail-native-row-action:hover { color:#a0ecd2 !important; border-color:#3e7468 !important; background:#203b36 !important; } html.dark body.ew-v2-collab .ew-mail-native-row-action.is-active { color:#a0ecd2 !important; border-color:#3b786a !important; background:#203c36 !important; } @media(max-width:720px){ body.ew-v2-collab .ew-mail-native-message-row { gap:0 !important; } body.ew-v2-collab .ew-mail-native-message-actions { flex-direction:row !important; padding:5px 8px 6px !important; } body.ew-v2-collab .ew-mail-native-row-action { width:auto !important; height:29px !important; padding:0 8px !important; font-size:10px !important; } } @media(max-width:360px){ body.ew-v2-collab .ew-mail-native-row-action-label { display:none !important; } body.ew-v2-collab .ew-mail-native-row-action { width:32px !important; padding:0 !important; } } /* v27 cascade/geometry guard: loaded last, and rows must include the footer. */ body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-message-row { flex:0 0 auto !important; height:auto !important; min-height:0 !important; max-height:none !important; align-self:stretch !important; overflow:hidden !important; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-message-row > .ew-mail-native-message { flex:0 0 auto !important; height:auto !important; min-height:82px !important; max-height:none !important; margin:0 !important; padding:11px 13px 10px !important; } html.dark body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-message-row > .ew-mail-native-message { flex:0 0 auto !important; height:auto !important; min-height:82px !important; max-height:none !important; margin:0 !important; padding:11px 13px 10px !important; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-message-actions { position:static !important; flex:0 0 auto !important; height:auto !important; min-height:40px !important; } /* v28 — delivery and conversation clarity */ body.ew-v2-collab .ew-mail-thread-summary-copy { color:#243f45 !important; font-size:14px !important; font-weight:650 !important; line-height:1.55 !important; } body.ew-v2-collab .ew-mail-thread-reply-target { display:grid; gap:4px; padding:10px 12px; border:1px solid #cfe8dc; border-radius:11px; background:rgba(255,255,255,.75); } body.ew-v2-collab .ew-mail-thread-reply-target span { color:#398273; font-size:9px; font-weight:850; letter-spacing:.1em; } body.ew-v2-collab .ew-mail-thread-reply-target strong { color:#24484b; font-size:12px; line-height:1.4; overflow-wrap:anywhere; } body.ew-v2-collab .ew-mail-thread-timeline { display:grid; gap:7px; } body.ew-v2-collab .ew-mail-thread-timeline-item { min-width:0; padding:9px 11px; border:1px solid #e1ebe7; border-radius:10px; background:rgba(255,255,255,.64); } body.ew-v2-collab .ew-mail-thread-timeline-item.is-sent { border-left:3px solid #4eb89e; } body.ew-v2-collab .ew-mail-thread-timeline-item.is-received { border-left:3px solid #91a9b1; } body.ew-v2-collab .ew-mail-thread-timeline-meta { display:flex; align-items:center; gap:8px; min-width:0; color:#7b8c8e; font-size:9px; } body.ew-v2-collab .ew-mail-thread-timeline-meta strong { min-width:0; overflow:hidden; color:#355255; font-size:10px; text-overflow:ellipsis; white-space:nowrap; } body.ew-v2-collab .ew-mail-thread-timeline-meta span { flex:0 0 auto; padding:2px 6px; border-radius:999px; color:#267064; background:#e8f5ef; font-weight:800; } body.ew-v2-collab .ew-mail-thread-timeline-meta time { margin-left:auto; flex:0 0 auto; white-space:nowrap; } body.ew-v2-collab .ew-mail-thread-timeline-item p { margin:5px 0 0; color:#526569; font-size:11px; line-height:1.45; overflow-wrap:anywhere; } body.ew-v2-collab .ew-titan-inline-reply-include-quote { display:flex; align-items:center; gap:8px; width:max-content; max-width:100%; color:#62777a; font-size:11px; line-height:1.4; cursor:pointer; } body.ew-v2-collab .ew-titan-inline-reply-include-quote input { accent-color:#168b80; } .ew-mail-send-toast.is-pending { border-color:#e8b85b !important; border-left-color:#f1c36b !important; background:linear-gradient(135deg,#423b28,#322f28) !important; } .ew-mail-send-toast.is-pending .ew-mail-send-toast-icon { color:#543900 !important; background:#f1c36b !important; } .ew-new-mail-alert.is-delivery-failure { border-color:#e17979 !important; border-left:4px solid #ef7777 !important; background:#fff4f3 !important; } .ew-new-mail-alert.is-delivery-failure .ew-new-mail-alert-icon { color:#fff !important; background:#c74343 !important; } .ew-new-mail-alert.is-delivery-failure .ew-new-mail-alert-copy strong { color:#922f32 !important; } .ew-new-mail-alert.is-delivery-failure .ew-new-mail-alert-open { color:#fff !important; background:#b83d43 !important; } html.dark body.ew-v2-collab .ew-mail-thread-summary-copy { color:#e0eceb !important; } html.dark body.ew-v2-collab .ew-mail-thread-reply-target { border-color:#42695f; background:rgba(28,45,41,.72); } html.dark body.ew-v2-collab .ew-mail-thread-reply-target span { color:#8fd6c1; } html.dark body.ew-v2-collab .ew-mail-thread-reply-target strong { color:#e0eceb; } html.dark body.ew-v2-collab .ew-mail-thread-timeline-item { border-color:#3b504b; background:rgba(25,32,35,.62); } html.dark body.ew-v2-collab .ew-mail-thread-timeline-meta strong { color:#d3e2e1; } html.dark body.ew-v2-collab .ew-mail-thread-timeline-meta span { color:#a5e2cd; background:#214139; } html.dark body.ew-v2-collab .ew-mail-thread-timeline-item p { color:#c0d0d1; } html.dark body.ew-v2-collab .ew-titan-inline-reply-include-quote { color:#b6c9c9; } html.dark .ew-new-mail-alert.is-delivery-failure { border-color:#964a4b !important; background:#3a2729 !important; } html.dark .ew-new-mail-alert.is-delivery-failure .ew-new-mail-alert-copy strong { color:#ffd1d1 !important; } @media(max-width:560px){ body.ew-v2-collab .ew-mail-thread-timeline-meta { flex-wrap:wrap; } body.ew-v2-collab .ew-mail-thread-timeline-meta time { margin-left:0; } body.ew-v2-collab .ew-mail-thread-reply-target strong { font-size:11px; } } /* v30 — light theme surfaces for the legacy dark email layer. Keep external message HTML untouched. */ html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 { --mail-surface: #ffffff; --mail-background: #f4f6f8; --mail-text: #243238; --mail-muted: #65737d; --mail-line: #e0e6eb; --mail-accent: #176e68; --mail-accent-soft: #e7f3f1; color-scheme: light !important; color: var(--mail-text) !important; background: var(--mail-background) !important; } html:not(.dark) body.ew-v2-collab dialog.ew-mail-redesign-v17, html:not(.dark) body.ew-v2-collab dialog.ew-mail-redesign-v17 .ew-mail-native-dialog { color: var(--mail-text) !important; background: var(--mail-surface) !important; border-color: var(--mail-line) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mailboxes-head { color: var(--mail-text) !important; background: var(--mail-surface) !important; border-bottom: 1px solid var(--mail-line) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mailboxes-heading h2 { color: #202b36 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mailboxes-kicker { color: var(--mail-accent) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mailboxes-subtitle { color: var(--mail-muted) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mailboxes-close { color: #44545d !important; background: #f6f8f9 !important; border-color: var(--mail-line) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-content, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-workspace, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-main, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-main-content { color: var(--mail-text) !important; background: var(--mail-background) !important; border-color: var(--mail-line) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-accounts, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-accounts-head, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-main-head, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sidebar, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-folders { color: var(--mail-text) !important; background: var(--mail-surface) !important; border-color: var(--mail-line) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-footer { color: #65737d !important; background: #f8fafb !important; border-top: 1px solid var(--mail-line) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-accounts-title strong, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-main-title, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-welcome h3, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-welcome-copy h3, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-folders-title strong, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-list-head h3, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-reading-subject { color: #202b36 !important; text-shadow: none !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-main-subtitle, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-group h4, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-welcome p, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-welcome-copy p, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-labels span, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-list-count, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-reading-date { color: var(--mail-muted) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account { color: #34444d !important; background: #ffffff !important; border-color: #e1e7eb !important; box-shadow: 0 1px 3px rgba(29,43,57,.05) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account:hover { color: #145e59 !important; background: #f1f7f6 !important; border-color: #cfe3df !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account.is-active { color: #145e59 !important; background: #e7f3f1 !important; border-color: #c8e0dc !important; box-shadow: none !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-labels strong { color: #243238 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-icon, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-welcome-icon { color: var(--mail-accent) !important; background: var(--mail-accent-soft) !important; border-color: #d8ebe8 !important; box-shadow: none !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-welcome, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-welcome-metric { color: var(--mail-text) !important; background: var(--mail-surface) !important; border-color: var(--mail-line) !important; box-shadow: 0 8px 22px rgba(29,43,57,.05) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-welcome-metrics { border-color: var(--mail-line) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-welcome-metric strong { color: var(--mail-accent) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-welcome-metric span { color: var(--mail-muted) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-welcome-guide { color: var(--mail-text) !important; background: #f2f8f6 !important; border: 1px solid #dcebe7 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-welcome-guide > strong, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-welcome-step b { color: #24433f !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-welcome-step div span { color: #657b77 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-welcome-step-number { color: #145e59 !important; background: #e0f0eb !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-shell, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-list-panel { color: var(--mail-text) !important; background: #ffffff !important; border-color: var(--mail-line) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-reading-panel { color: #34414c !important; background: #ffffff !important; border-color: var(--mail-line) !important; box-shadow: none !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-reading-panel::after { display: none !important; content: none !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-reading-back { color: var(--mail-accent) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-reading-back:hover { color: #104e49 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-reading-reply, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-compose, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-primary { color: #ffffff !important; background: #176e68 !important; border-color: #176e68 !important; box-shadow: none !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-reading-meta, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-detail-meta { color: var(--mail-muted) !important; background: #f7f9fa !important; border-color: var(--mail-line) !important; box-shadow: none !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-reading-meta strong, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-detail-meta dd { color: #243238 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-reading-meta span { color: #65737d !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-reading-body { color: #34414c !important; background: transparent !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-reading-actions { border-color: var(--mail-line) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-reading-empty { color: var(--mail-muted) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-folders, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-folder-nav, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-compose-form { color: var(--mail-text) !important; background: #ffffff !important; border-color: var(--mail-line) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-folder, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-list-count, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-reading-date { color: var(--mail-muted) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-folder:hover, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-folder.is-active, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-folder-button.is-active { color: #145e59 !important; background: #e7f3f1 !important; border-color: #d5e9e5 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-folder-icon { color: var(--mail-accent) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-message, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-list-panel .ew-mail-native-message { color: #34414c !important; background: #ffffff !important; border-color: #e0e6eb !important; box-shadow: 0 2px 7px rgba(29,43,57,.045) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-message:hover, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-message-row:hover { background: #f6fbf9 !important; border-color: #cfe3df !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-message.is-selected { color: #243238 !important; background: #edf7f4 !important; border-color: #b9ddd3 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-message.is-unread { background: #fffdfd !important; border-left-color: #dc6b72 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sender { color: #263640 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-subject { color: #354b58 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-from, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-date { color: #73828b !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-detail-meta, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-empty { color: var(--mail-muted) !important; background: #ffffff !important; border-color: var(--mail-line) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-body-text { color: #34414c !important; background: #ffffff !important; border-color: var(--mail-line) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-search, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-refresh, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-folder-button, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-secondary, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-compose-input, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-compose-body { color: #34414c !important; background: #ffffff !important; border-color: #dce3e8 !important; box-shadow: none !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-danger { color: #a43f49 !important; background: #fff4f4 !important; border-color: #f0d4d6 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-thread-summary-copy { color: #243f45 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-thread-reply-target { border-color: #cfe8dc !important; background: rgba(255,255,255,.82) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-thread-reply-target span { color: #398273 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-thread-reply-target strong { color: #24484b !important; } html:not(.dark) body.ew-v2-collab .ew-mail-thread-timeline-item { border-color: #e1ebe7 !important; background: rgba(255,255,255,.82) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-thread-timeline-meta, html:not(.dark) body.ew-v2-collab .ew-mail-thread-timeline-meta time { color: #7b8c8e !important; } html:not(.dark) body.ew-v2-collab .ew-mail-thread-timeline-meta strong { color: #355255 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-thread-timeline-meta span { color: #267064 !important; background: #e8f5ef !important; } html:not(.dark) body.ew-v2-collab .ew-mail-thread-timeline-item p { color: #526569 !important; } html:not(.dark) body.ew-v2-collab .ew-titan-inline-reply-include-quote { color: #62777a !important; } html:not(.dark) body.ew-v2-collab .ew-mail-signature-preview { border-color: #d3e7e2 !important; border-left-color: #39a68f !important; background: #f3f8f6 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-signature-preview-label { color: #267064 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-signature-preview-brand strong { color: #243238 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-signature-preview-brand span { color: #64747a !important; } /* v30 — explicit reorder mode, touch/mouse drag, and keyboard alternatives. */ body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-sort-controls { display: grid; gap: 7px; padding: 11px 10px 9px; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-reorder-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 37px; padding: 0 11px; border: 1px solid #d9e4e8; border-radius: 10px; color: #344c58; background: #ffffff; font: 650 11px/1.2 Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: 0; cursor: pointer; transition: border-color .15s ease, background .15s ease, color .15s ease; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-reorder-toggle:hover, body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-reorder-toggle[aria-pressed="true"] { color: #145e59; background: #e7f3f1; border-color: #c3dfda; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-reorder-toggle:focus-visible, body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-reorder-handle:focus-visible { outline: 3px solid rgba(23,110,104,.2); outline-offset: 2px; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sort-hint { margin: 0; color: #687980; font-size: 10px; line-height: 1.45; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sort-hint[hidden] { display: none !important; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sort-status { min-height: 0; color: #267064; font-size: 10px; line-height: 1.4; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sort-status:empty { display: none; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-list { display: flex !important; flex-direction: column !important; gap: 4px !important; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sortable-row { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); align-items: stretch; gap: 7px; margin: 2px 0; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-list.is-reordering .ew-mail-native-sortable-row { grid-template-columns: minmax(0, 1fr) 52px; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sortable-row > .ew-mail-native-account { width: 100%; min-width: 0; margin: 0; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-reorder-handle { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 0; min-height: 54px; padding: 5px 4px; border: 1px solid #e0e7eb; border-radius: 12px; color: #63747d; background: #f8fafb; cursor: grab; touch-action: none; user-select: none; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-reorder-handle[hidden] { display: none !important; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-reorder-handle:hover { color: #145e59; border-color: #c3dfda; background: #edf7f4; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-rank { color: #63747d; font: 750 10px/1 Inter, ui-sans-serif, system-ui, sans-serif; font-variant-numeric: tabular-nums; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-reorder-grip { display: grid; place-items: center; width: 15px; height: 20px; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-reorder-grip svg { width: 13px; height: 17px; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-list.is-reordering .ew-mail-native-account:disabled { opacity: 1 !important; cursor: default !important; transform: none !important; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sortable-row.is-pressed { z-index: 2; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sortable-row.is-dragging { opacity: .5; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sortable-row.is-drop-before::before, body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sortable-row.is-drop-after::after { position: absolute; right: 3px; left: 3px; z-index: 4; height: 3px; border-radius: 999px; background: #168b80; content: ""; pointer-events: none; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sortable-row.is-drop-before::before { top: -5px; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sortable-row.is-drop-after::after { bottom: -5px; } body.ew-mail-account-dragging { user-select: none !important; } html.dark body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-reorder-toggle { color: #dce8ed; background: #252e35; border-color: #3b4a53; } html.dark body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-reorder-toggle:hover, html.dark body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-reorder-toggle[aria-pressed="true"] { color: #a5e2cd; background: #203c36; border-color: #3b786a; } html.dark body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sort-hint { color: #a7b7bc; } html.dark body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sort-status { color: #8fd6c1; } html.dark body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-reorder-handle { color: #bdc9ce; background: #252e35; border-color: #3b4a53; } html.dark body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-reorder-handle:hover { color: #a5e2cd; background: #203c36; border-color: #3b786a; } html.dark body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-rank { color: #a7b7bc; } html.dark body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sortable-row.is-drop-before::before, html.dark body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sortable-row.is-drop-after::after { background: #55dcca; } @media (max-width: 560px) { body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-sort-controls { padding: 10px 6px 8px; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-list.is-reordering .ew-mail-native-sortable-row { grid-template-columns: minmax(0, 1fr) 48px; gap: 5px; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-reorder-handle { min-height: 50px; } } /* v31 — mobile-first sort modes and automatic inbox recency. */ body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-sort-controls { display:grid; gap:9px; padding:13px 10px 12px; margin:12px 0 10px; border:1px solid #e4ecea; border-radius:14px; background:linear-gradient(180deg,#fbfdfc,#f6faf8); box-shadow:0 3px 10px rgba(28,63,59,.035); } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sort-title { color:#65777a; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sort-modes { display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; border:1px solid #e3ebe9; border-radius:12px; background:#eef3f2; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sort-mode-button { display:flex; align-items:center; justify-content:center; min-width:0; min-height:42px; padding:7px 8px; border:1px solid transparent; border-radius:9px; color:#627276; background:transparent; font:700 11px/1.2 Inter,ui-sans-serif,system-ui,sans-serif; cursor:pointer; transition:color .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sort-mode-button[aria-pressed="true"] { color:#145e59; border-color:#cfe4df; background:#fff; box-shadow:0 2px 5px rgba(21,75,68,.08); } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sort-mode-button:focus-visible, body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-reorder-toggle:focus-visible, body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-reorder-handle:focus-visible { outline:3px solid rgba(23,110,104,.24); outline-offset:2px; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-reorder-toggle { min-height:44px; border-radius:11px; font-size:11px; font-weight:750; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-reorder-toggle[hidden] { display:none !important; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sort-hint { color:#607276; font-size:11px; line-height:1.5; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sort-status { font-size:11px; line-height:1.45; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-latest { display:block; margin-top:3px; color:#718184; font-size:10px; font-weight:650; line-height:1.3; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-latest[hidden] { display:none !important; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-list:not(.is-reordering) .ew-mail-native-sortable-row:hover > .ew-mail-native-account { border-color:#c8ded8; box-shadow:0 5px 14px rgba(24,83,73,.075); } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-reorder-handle { min-width:52px; min-height:56px; border-radius:13px; touch-action:none; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sortable-row.is-dragging { opacity:.58; transform:scale(.99); } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sortable-row.is-drop-before::before, body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sortable-row.is-drop-after::after { height:4px; box-shadow:0 0 0 3px rgba(22,139,128,.12); } html.dark body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-sort-controls { border-color:#39474d; background:linear-gradient(180deg,#242d32,#20282d); box-shadow:none; } html.dark body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sort-title { color:#a8b8bc; } html.dark body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sort-modes { border-color:#3b4a53; background:#1b2328; } html.dark body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sort-mode-button { color:#bdc9ce; } html.dark body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sort-mode-button[aria-pressed="true"] { color:#a5e2cd; border-color:#3b786a; background:#273a38; box-shadow:0 2px 6px rgba(0,0,0,.2); } html.dark body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-sort-hint, html.dark body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-account-latest { color:#a7b7bc; } @media (max-width:760px) { body.ew-v2-collab dialog.ew-mail-redesign-v17 { width:100vw !important; height:100dvh !important; max-width:none !important; max-height:none !important; min-height:0 !important; margin:0 !important; border-radius:0 !important; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mailboxes-head { min-height:68px; gap:8px; padding:10px 12px; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mailboxes-heading { min-width:0; flex:1 1 auto; gap:8px; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mailboxes-heading h2 { font-size:18px; line-height:1.2; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mailboxes-subtitle { display:none; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mailboxes-close { min-width:74px; min-height:42px; padding:0 10px; } body.ew-v2-collab .ew-mail-redesign-v17 .ew-mail-native-content { height:calc(100dvh - 102px); min-height:0; padding:0 !important; overflow:hidden; } body.ew-v2-collab dialog.ew-mail-redesign-v17:not(.ew-mail-account-open) > .ew-mail-native-footer { display:none !important; } body.ew-v2-collab .ew-mail-redesign-v17:not(.ew-mail-account-open) .ew-mail-native-content { height:calc(100dvh - 68px); } body.ew-v2-collab .ew-mail-redesign-v17:not(.ew-mail-account-open) .ew-mail-native-workspace { display:block !important; width:100% !important; height:100% !important; min-height:0 !important; overflow:hidden !important; border:0; border-radius:0; box-shadow:none; } body.ew-v2-collab .ew-mail-redesign-v17:not(.ew-mail-account-open) .ew-mail-native-accounts { display:flex !important; width:100%; height:100%; max-height:none; min-height:0; flex-direction:column; box-sizing:border-box; overflow:hidden; padding:10px 12px calc(10px + env(safe-area-inset-bottom)) !important; border:0; } body.ew-v2-collab .ew-mail-redesign-v17:not(.ew-mail-account-open) .ew-mail-native-accounts-head { flex:none; padding:4px 4px 12px; } body.ew-v2-collab .ew-mail-redesign-v17:not(.ew-mail-account-open) .ew-mail-native-account-sort-controls { flex:none; gap:8px; padding:11px; margin:9px 0 10px; } body.ew-v2-collab .ew-mail-redesign-v17:not(.ew-mail-account-open) .ew-mail-native-sort-mode-button { min-height:46px; font-size:12px; } body.ew-v2-collab .ew-mail-redesign-v17:not(.ew-mail-account-open) .ew-mail-native-reorder-toggle { min-height:48px; font-size:12px; } body.ew-v2-collab .ew-mail-redesign-v17:not(.ew-mail-account-open) .ew-mail-native-account-list { flex:1 1 auto; min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding:4px 2px calc(18px + env(safe-area-inset-bottom)); } body.ew-v2-collab .ew-mail-redesign-v17:not(.ew-mail-account-open) .ew-mail-native-main { display:none !important; } body.ew-v2-collab .ew-mail-redesign-v17:not(.ew-mail-account-open) .ew-mail-native-account { min-height:60px; } body.ew-v2-collab .ew-mail-redesign-v17:not(.ew-mail-account-open) .ew-mail-native-account-reorder-handle { min-width:54px; min-height:60px; } body.ew-v2-collab .ew-mail-redesign-v17:not(.ew-mail-account-open) .ew-mail-native-account-latest { font-size:10px; } } @media (max-width:380px) { body.ew-v2-collab .ew-mail-redesign-v17:not(.ew-mail-account-open) .ew-mail-native-account-sort-controls { padding:9px; } body.ew-v2-collab .ew-mail-redesign-v17:not(.ew-mail-account-open) .ew-mail-native-sort-mode-button { padding-inline:5px; font-size:11px; } body.ew-v2-collab .ew-mail-redesign-v17:not(.ew-mail-account-open) .ew-mail-native-account-list.is-reordering .ew-mail-native-sortable-row { grid-template-columns:minmax(0,1fr) 52px; gap:5px; } } /* v31 — compact inline theme control for narrow Email Center headers. */ @media (max-width:760px) { body.ew-v2-collab dialog.ew-mail-redesign-v17 .ew-mailboxes-heading { min-width:0; gap:8px; } body.ew-v2-collab dialog.ew-mail-redesign-v17 .ew-mailboxes-icon { flex:none; width:36px; height:36px; border-radius:11px; } body.ew-v2-collab dialog.ew-mail-redesign-v17 .ew-mailboxes-icon svg { width:20px; height:20px; } body.ew-v2-collab dialog.ew-mail-redesign-v17 .ew-theme-control--inline { flex:0 0 auto; } body.ew-v2-collab dialog.ew-mail-redesign-v17 .ew-theme-control--inline .ew-theme-trigger { width:42px; min-width:42px; min-height:42px; padding:0; gap:0; justify-content:center; } body.ew-v2-collab dialog.ew-mail-redesign-v17 .ew-theme-control--inline .ew-theme-trigger-label, body.ew-v2-collab dialog.ew-mail-redesign-v17 .ew-theme-control--inline .ew-theme-current { display:none !important; } body.ew-v2-collab dialog.ew-mail-redesign-v17 .ew-mailboxes-close { min-width:74px; width:74px; padding-inline:8px; } } @media (max-width:380px) { body.ew-v2-collab dialog.ew-mail-redesign-v17 .ew-mailboxes-head { gap:6px; padding-inline:10px; } body.ew-v2-collab dialog.ew-mail-redesign-v17 .ew-mailboxes-heading { gap:6px; } body.ew-v2-collab dialog.ew-mail-redesign-v17 .ew-mailboxes-icon { width:32px; height:32px; } body.ew-v2-collab dialog.ew-mail-redesign-v17 .ew-theme-control--inline .ew-theme-trigger { width:38px; min-width:38px; min-height:40px; } body.ew-v2-collab dialog.ew-mail-redesign-v17 .ew-mailboxes-close { min-width:64px; width:64px; min-height:40px; padding-inline:6px; } body.ew-v2-collab dialog.ew-mail-redesign-v17 .ew-mailboxes-heading h2 { font-size:16px; } } /* v32 — consistent, professional light surfaces for the complete three-pane mail workspace. */ html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 { --mail-surface:#ffffff; --mail-background:#f5f7fa; --mail-text:#22313b; --mail-muted:#647481; --mail-line:#dfe6eb; --mail-accent:#0f766e; --mail-accent-soft:#eaf5f2; color-scheme:light !important; color:var(--mail-text) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-shell { background:#f4f7f9 !important; color:#22313b !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-folders { background:#f8fafb !important; color:#344451 !important; border-color:#e1e8ed !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-list-panel { background:#fbfcfd !important; color:#263640 !important; border-color:#e1e8ed !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-reading-panel { background:#ffffff !important; color:#263640 !important; border-color:#e1e8ed !important; box-shadow:none !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-folders-title strong, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-list-head h3, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-reading-subject { color:#1f2f3a !important; text-shadow:none !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-list-count, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-reading-date { color:#6a7a86 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-folder { color:#50616d !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-folder:hover, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-folder.is-active { color:#145e59 !important; background:#e8f4f1 !important; border-color:#cfe4de !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-search, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-advanced-filters, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-filter-select select { color:#354653 !important; background:#ffffff !important; border-color:#dce5ea !important; box-shadow:none !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-search input, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-filter-select select { color:#263640 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-search input::placeholder { color:#87949d !important; } /* The v27 legacy block grouped dark rules with unguarded body selectors; override every message state here. */ html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-list-panel .ew-mail-native-message-row { background:#ffffff !important; border-color:#e1e8ed !important; box-shadow:0 2px 8px rgba(30,55,70,.055) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-list-panel .ew-mail-native-message-row:hover { background:#fbfdfc !important; border-color:#bfd9d0 !important; box-shadow:0 6px 16px rgba(24,71,65,.09) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-list-panel .ew-mail-native-message-row.is-message-selected { background:#edf7f3 !important; border-color:#9ac8b9 !important; box-shadow:0 0 0 1px rgba(15,118,110,.08),0 5px 15px rgba(25,80,68,.07) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-list-panel .ew-mail-native-message-row.is-unread { background:#f7fbfd !important; border-left:3px solid #4c8ba2 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-list-panel .ew-mail-native-message-row.is-delete-selected { background:#fff7f5 !important; border-color:#e7aaa2 !important; box-shadow:0 0 0 1px rgba(181,67,54,.08) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-message-row > .ew-mail-native-message, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-message { color:#354653 !important; background:transparent !important; border-color:transparent !important; box-shadow:none !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-avatar { color:#0f766e !important; background:#e7f4f0 !important; border:1px solid #cde6de !important; box-shadow:none !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-message.is-unread .ew-mail-native-avatar { color:#28617a !important; background:#e8f2f7 !important; border-color:#c8dfe9 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-sender { color:#253744 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-message.is-unread .ew-mail-native-sender { color:#142f3e !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-date { color:#61727e !important; background:#f1f5f7 !important; border:1px solid #e1e8ed !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-subject { color:#3b4e5b !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-message.is-unread .ew-mail-native-subject { color:#173244 !important; font-weight:800 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-from { color:#6c7d88 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-pinned-badge { color:#775b18 !important; background:#fff5d9 !important; border-color:#f0dfaa !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-unread-badge { color:#8e3737 !important; background:#fff0ee !important; border-color:#f2d0ca !important; } /* Checkbox rail and selection toolbar: touch-friendly, but visually quiet when unused. */ body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-message-row { display:grid !important; grid-template-columns:42px minmax(0,1fr) !important; grid-template-rows:minmax(0,1fr) auto !important; align-items:stretch !important; gap:0 !important; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-select-wrap { grid-column:1 !important; grid-row:1 !important; display:flex !important; align-items:center !important; justify-content:center !important; min-width:42px !important; min-height:52px !important; margin:0 !important; cursor:pointer !important; touch-action:manipulation; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-message-row > .ew-mail-native-message { grid-column:2 !important; grid-row:1 !important; min-width:0 !important; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-message-row > .ew-mail-native-message-actions { grid-column:1 / -1 !important; grid-row:2 !important; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-message-select, body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-bulk-select-all-input { width:18px !important; height:18px !important; margin:0 !important; accent-color:#0f766e !important; cursor:pointer !important; flex:0 0 auto !important; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-select-wrap:focus-within { outline:2px solid rgba(15,118,110,.28); outline-offset:-4px; border-radius:10px; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-bulk-toolbar { display:flex !important; align-items:center !important; gap:10px !important; min-height:46px !important; box-sizing:border-box !important; margin:8px 10px 4px !important; padding:6px 9px !important; border:1px solid #e2e9ed !important; border-radius:12px !important; color:#586b77 !important; background:#f7f9fa !important; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-bulk-select-all { display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; min-width:48px !important; min-height:38px !important; margin:0 !important; cursor:pointer !important; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-bulk-label { color:#61737e !important; font-size:10px !important; font-weight:700 !important; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-bulk-status { flex:1 1 auto !important; min-width:0 !important; color:#647681 !important; font-size:11px !important; line-height:1.35 !important; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-bulk-delete { min-height:34px !important; padding:0 11px !important; border-radius:9px !important; font-size:11px !important; white-space:nowrap !important; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-bulk-delete:disabled { opacity:.48 !important; cursor:not-allowed !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-bulk-toolbar { color:#526572 !important; background:#f7f9fa !important; border-color:#e2e9ed !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-bulk-delete { color:#9d3435 !important; background:#fff2f1 !important; border:1px solid #f0d6d2 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-bulk-delete:not(:disabled):hover { color:#84272a !important; background:#ffe8e5 !important; border-color:#e6b9b2 !important; } /* Reading pane, thread context, metadata and composer share one calm neutral palette. */ html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-reading-subject { color:#1f2f3a !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-reading-meta { color:#5d6e79 !important; background:#f6f8f9 !important; border-color:#e2e8ec !important; box-shadow:none !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-reading-meta strong { color:#243642 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-reading-meta span { color:#647681 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-reading-body { color:#344653 !important; background:transparent !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-thread-summary { color:#31474b !important; background:linear-gradient(135deg,#f0f8f4 0%,#f5f8fc 100%) !important; border-color:#d9e8e2 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-thread-summary-copy { color:#344b50 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-thread-timeline-item { background:#ffffff !important; border-color:#e1e9e6 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-thread-timeline-item p { color:#53666c !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-thread-reply-target { background:#ffffff !important; border-color:#d5e7df !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-secondary, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-compose-input, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-compose-body { color:#354653 !important; background:#ffffff !important; border-color:#dce5ea !important; box-shadow:none !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-compose-input::placeholder, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-compose-body::placeholder { color:#8a969e !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-reading-back { color:#0f766e !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-primary, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-reading-reply { color:#ffffff !important; background:#176e68 !important; border-color:#176e68 !important; box-shadow:none !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-danger { color:#9c3435 !important; background:#fff3f1 !important; border-color:#efd4cf !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-danger:not(:disabled):hover { color:#812b2d !important; background:#ffe8e4 !important; border-color:#e5b6ae !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-thread-action { color:#526671 !important; background:#ffffff !important; border-color:#dfe7eb !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-thread-action:hover { color:#145e59 !important; background:#edf7f3 !important; border-color:#c5e1d7 !important; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-reader-welcome { display:grid; justify-items:center; align-content:center; min-height:240px; padding:28px; text-align:center; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-reader-welcome-icon { display:grid; place-items:center; width:46px; height:46px; margin-bottom:13px; border-radius:15px; font-size:21px; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-reader-welcome h3 { margin:0; font-size:17px; line-height:1.35; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-reader-welcome p { max-width:390px; margin:8px 0 16px; font-size:12px; line-height:1.6; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-reader-summary-button { min-height:40px; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-reader-welcome { color:#536570 !important; background:#ffffff !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-reader-welcome-icon { color:#0f766e !important; background:#eaf5f1 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-reader-welcome h3 { color:#263a45 !important; } html.dark body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-bulk-toolbar { color:#c3d0d3 !important; background:#222b30 !important; border-color:#39474d !important; } html.dark body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-bulk-label, html.dark body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-bulk-status { color:#aebfc2 !important; } html.dark body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-select-wrap { color:#c3d0d3 !important; } html.dark body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-message-select, html.dark body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-bulk-select-all-input { accent-color:#60c8ad !important; } html.dark body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-reader-welcome { color:#c0cdcf !important; background:#20282d !important; } html.dark body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-reader-welcome-icon { color:#94dfc8 !important; background:#203c36 !important; } html.dark body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-reader-welcome h3 { color:#e5eded !important; } @media (max-width:560px) { body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-message-row { grid-template-columns:40px minmax(0,1fr) !important; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-select-wrap { min-width:40px !important; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-bulk-toolbar { gap:6px !important; margin-inline:7px !important; padding-inline:7px !important; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-bulk-status { font-size:10px !important; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-bulk-delete { padding-inline:8px !important; font-size:10px !important; } } @media (max-width:380px) { body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-message-row { grid-template-columns:36px minmax(0,1fr) !important; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-select-wrap { min-width:36px !important; } body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-bulk-label { display:none !important; } } @media (prefers-reduced-motion: reduce) { body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-message-row { transition:none !important; } } /* v32.1 — final light-theme normalization for the global email overview and Titan controls. */ html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-ai-overview { color:#34414c !important; border:1px solid #dce8e5 !important; background:linear-gradient(145deg,#ffffff 0%,#f7fbfa 100%) !important; box-shadow:0 10px 28px rgba(32,62,72,.07) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-ai-overview-head h4 { color:#203744 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-ai-overview-head p { color:#667986 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-ai-overview-refresh { color:#286d66 !important; border:1px solid #d7e5e3 !important; background:#ffffff !important; box-shadow:0 2px 7px rgba(32,62,72,.06) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-ai-overview-status { color:#5e707c !important; border-color:#d9e4e7 !important; background:#f8fbfc !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-ai-overview-status.is-error { color:#a53731 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-ai-overview-group { border:1px solid #dce7e7 !important; background:#fbfdfd !important; box-shadow:0 3px 10px rgba(31,58,69,.035) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-ai-overview-group-head { border-color:#e1e9e8 !important; background:linear-gradient(90deg,#eef7f5 0%,#f8fbfa 100%) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-ai-overview-group-identity strong { color:#263b45 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-ai-overview-group-identity span { color:#617b80 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-ai-overview-group-count { color:#52676f !important; border-color:#dce6e6 !important; background:#ffffff !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-ai-overview-group .ew-ai-overview-item { color:#34414c !important; border:1px solid #e4ebed !important; background:#ffffff !important; box-shadow:0 2px 8px rgba(30,55,70,.04) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-ai-overview-mailbox { color:#147568 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-ai-overview-priority { color:#476c65 !important; border-color:#d7e9e3 !important; background:#f0f8f5 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-ai-overview-priority.is-high { color:#a23c34 !important; border-color:#f0d1ca !important; background:#fff3f0 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-ai-overview-subject { color:#293c48 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-ai-overview-sender { color:#697b87 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-ai-overview-summary { color:#4d606b !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-ai-overview-action { color:#167365 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17 .ew-titan-list-head { background:transparent !important; border-bottom-color:#dfe6eb !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-account-switch { color:#4e6472 !important; border:1px solid #d9e2e7 !important; background:#ffffff !important; box-shadow:none !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-titan-account-switch:hover { color:#1f625b !important; border-color:#b9d9d1 !important; background:#f4faf8 !important; } /* v32.2 — search and filter controls follow the same neutral light palette. */ html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-search { color:#5c707b !important; border-color:#dce5ea !important; background:#ffffff !important; box-shadow:0 2px 8px rgba(27,55,68,.035) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-search input { color:#344550 !important; border-color:#d8e2e7 !important; background:#ffffff !important; box-shadow:none !important; caret-color:#176e68 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-native-search input::placeholder { color:#84939c !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-message-filter-bar { color:#516773 !important; border-color:#e0e7eb !important; background:#f4f7f8 !important; box-shadow:none !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-message-filter { color:#526874 !important; border-color:transparent !important; background:transparent !important; box-shadow:none !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-message-filter:hover { color:#175f58 !important; border-color:#d9e9e3 !important; background:#edf6f2 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-message-filter.is-active { color:#145e56 !important; border-color:#c9e2d9 !important; background:#e4f1ec !important; box-shadow:inset 0 0 0 1px rgba(23,110,104,.045) !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-filter-select { color:#687b85 !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-filter-select select, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-filter-select input[type="date"] { color:#384d58 !important; border-color:#dce5ea !important; background:#ffffff !important; box-shadow:none !important; color-scheme:light !important; } html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-filter-select select:focus, html:not(.dark) body.ew-v2-collab .ew-mail-redesign-v17.ew-mail-account-open .ew-mail-filter-select input[type="date"]:focus { border-color:#72b9a6 !important; box-shadow:0 0 0 3px rgba(23,110,104,.10) !important; }