/* ===== BoaHost — skin sobre o Elastic (v1) ===== */
:root { --bh-blue:#0054ec; --bh-navy:#0b2f8f; --bh-ink:#0b1b3a; --bh-mut:#7a89a8; --bh-line:#e3eaf8; --bh-soft:#eef3ff; --bh-bg:#e9effb; }
html, body { background: var(--bh-bg) !important; font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: var(--bh-ink); }
body.task-mail #layout, body.task-settings #layout, body.task-addressbook #layout { background: var(--bh-bg); }

/* --- trilho de tarefas (esquerda) --- */
#layout-menu { background: #fff !important; border-right: 1px solid var(--bh-line); width: 84px !important; }
#layout-menu .popover-header { background: transparent; height: 64px; display: flex; align-items: center; justify-content: center; }
#layout-menu #logo { display: none !important; }
#layout-menu .popover-header::before { content: ""; width: 34px; height: 34px; background: url("../images/logo-azul-1x.png") no-repeat 0 50% / auto 34px; width: 22px; }
#taskmenu { background: transparent !important; padding: 6px 8px; }
#taskmenu a { color: #5b6b8c !important; border-radius: 14px; margin: 3px 0; height: 62px; font-size: 11px; font-weight: 500; transition: background .15s, color .15s; }
#taskmenu a:hover { background: var(--bh-soft) !important; color: var(--bh-navy) !important; }
#taskmenu a.selected { background: #dfe9ff !important; color: var(--bh-navy) !important; font-weight: 600; }
#taskmenu a:before { font-size: 20px !important; color: inherit !important; }
#taskmenu .action-buttons a.compose { background: linear-gradient(180deg,#1a6bff,#0054ec) !important; color: #fff !important; border-radius: 16px; box-shadow: 0 8px 18px rgba(0,84,236,.32); margin: 4px 0 10px; }
#taskmenu .action-buttons a.compose:hover { box-shadow: 0 10px 22px rgba(0,84,236,.42); }
#taskmenu a.compose:before { color: #fff !important; }
#taskmenu a.logout, #taskmenu a.logout:before { color: #d8334a !important; }

/* --- pastas --- */
#layout-sidebar { background: #f6f9ff !important; border-right: 1px solid var(--bh-line); }
#layout-sidebar .header { background: transparent !important; border: 0 !important; height: 56px; }
#layout-sidebar .header .header-title { color: var(--bh-mut) !important; font-size: 12px; font-weight: 500; }
#mailboxlist { padding: 8px 10px; }
#mailboxlist li { border: 0 !important; }
#mailboxlist li > a { border-radius: 18px !important; height: 36px; line-height: 36px; padding: 0 12px 0 40px !important; margin: 1px 0; color: #2b3a5c !important; font-size: 13.5px; font-weight: 500; transition: background .15s; }
#mailboxlist li > a:hover { background: #eaf0ff !important; }
#mailboxlist li.selected > a { background: #dfe9ff !important; color: var(--bh-navy) !important; font-weight: 600; }
#mailboxlist li > a:before { left: 14px !important; font-size: 17px !important; color: #5b6b8c; }
#mailboxlist li.selected > a:before { color: var(--bh-blue); }
#mailboxlist .unreadcount { background: var(--bh-blue) !important; color: #fff !important; border-radius: 9px !important; height: 18px; line-height: 18px; font-size: 11px; font-weight: 600; padding: 0 7px; min-width: 20px; text-align: center; top: 9px !important; }
#layout-sidebar .footer { background: transparent !important; border-top: 1px solid var(--bh-line) !important; }

/* --- lista --- */
#layout-list { background: #fff !important; border-right: 1px solid var(--bh-line); }
#layout-list .header, #layout-content .header { background: #fff !important; border-bottom: 1px solid var(--bh-line) !important; }
.toolbar a, .toolbar a:before { color: #5b6b8c !important; }
.toolbar a.disabled, .toolbar a.disabled:before { color: #b9c4dc !important; }
.toolbar a:hover:not(.disabled) { background: var(--bh-soft) !important; border-radius: 12px; }
.searchbar { background: #fff !important; border-bottom: 1px solid var(--bh-line) !important; padding: 8px 12px; }
.searchbar input[type=text] { background: var(--bh-soft) !important; border: 1px solid transparent !important; border-radius: 20px !important; height: 38px; padding-left: 14px; color: var(--bh-ink); transition: background .2s, border-color .2s, box-shadow .2s; }
.searchbar input[type=text]:focus { background: #fff !important; border-color: var(--bh-blue) !important; box-shadow: 0 0 0 3px rgba(0,84,236,.12) !important; }
#messagelist tr { border-bottom: 1px solid #eef2fb !important; }
#messagelist tr.selected td, #messagelist tr.focused td { background: #eaf1ff !important; }
#messagelist tr:hover td { background: #f6f9ff; }
#messagelist td.subject span.fromto .adr { color: var(--bh-ink); font-weight: 600; }
#messagelist tr.unread td.subject span.subject { color: var(--bh-ink); font-weight: 600; }
#messagelist span.msgicon.status.unread:before { color: var(--bh-blue) !important; }

/* --- conteúdo --- */
#layout-content { background: #fff !important; }
.pagenav { background: #fff !important; border-top: 1px solid var(--bh-line) !important; }

/* --- botões e campos --- */
.btn-primary, .button.mainaction, a.button.mainaction { background: linear-gradient(180deg,#1a6bff,#0054ec) !important; border: 0 !important; border-radius: 12px !important; color: #fff !important; box-shadow: 0 6px 16px rgba(0,84,236,.28); }
.form-control:focus, input:focus, select:focus, textarea:focus { border-color: var(--bh-blue) !important; box-shadow: 0 0 0 3px rgba(0,84,236,.12) !important; }
.popover, .popupmenu .popover-content, .ui-dialog { border-radius: 16px !important; box-shadow: 0 18px 50px rgba(11,47,143,.22) !important; border: 1px solid var(--bh-line) !important; overflow: hidden; }
::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-thumb { background: #c4d2f1; border-radius: 4px; } ::-webkit-scrollbar-track { background: transparent; }

/* v2 */
#layout-menu, #layout-menu > div, #layout-menu .popover-header, #layout-menu .footer, #layout-menu .special-buttons { background: #fff !important; }
#layout-menu .popover-header { border: 0 !important; }
#layout-menu .special-buttons a { color: #5b6b8c !important; font-size: 11px; border-radius: 14px; }
#layout-menu .special-buttons a:hover { background: var(--bh-soft) !important; color: var(--bh-navy) !important; }
#layout-menu .special-buttons a:before { color: inherit !important; }
#layout-menu .special-buttons a.logout, #layout-menu .special-buttons a.logout:before { color: #d8334a !important; }
#layout-menu .popover-header::before { display: block; content: ""; width: 26px; height: 36px; background: url("../images/logo-azul-1x.png") no-repeat left center / auto 36px; }
#taskmenu a { display: flex; flex-direction: column; align-items: center; justify-content: center; }
#taskmenu a:before { margin: 0 0 4px !important; }
#taskmenu a .inner { font-size: 11px !important; }
#mailboxlist li > a { padding-left: 42px !important; }
#mailboxlist li > a:before { left: 12px !important; }
#layout-sidebar .header .header-title.username { font-weight: 500; }

/* --- login --- */
body.task-login { background: radial-gradient(900px 520px at 50% 12%, rgba(0,84,236,.10), transparent 62%), linear-gradient(180deg,#f4f7ff,#e6edfb) !important; }
body.task-login #layout-content { background: transparent !important; display: flex; align-items: center; justify-content: center; min-height: 100vh; }
#bh-login-wrap { width: 460px; max-width: calc(100vw - 32px); text-align: center; }
#bh-login-logo { margin: 0 0 26px; }
#bh-login-logo img { width: 300px; max-width: 80%; height: auto; }
#login-form { background: #fff; border: 1px solid #dbe5fb; border-radius: 20px; padding: 32px; box-shadow: 0 18px 50px rgba(11,47,143,.14), 0 2px 8px rgba(11,47,143,.08); text-align: left; max-width: none !important; width: 100% !important; margin: 0 !important; }
#bh-login-title { text-align: center; font-size: 20px; font-weight: 700; color: var(--bh-ink); margin: 0 0 22px; }
#login-form table { width: 100%; border: 0; }
#login-form tr { display: block; margin-bottom: 14px; }
#login-form td { display: block; padding: 0; width: 100%; }
#login-form td.title { display: none; }
#login-form input.form-control { height: 52px; border: 1.5px solid transparent !important; background: #f3f6fd !important; border-radius: 14px !important; padding: 0 16px; font-size: 15px; font-weight: 500; color: var(--bh-ink); box-shadow: none; transition: all .15s; }
#login-form input.form-control:focus { background: #fff !important; border-color: var(--bh-blue) !important; box-shadow: 0 0 0 4px rgba(0,84,236,.12) !important; }
#login-form .formbuttons { margin-top: 8px; }
#login-form button.mainaction, #login-form input[type=submit] { width: 100%; height: 52px; border: 0 !important; border-radius: 14px !important; font-size: 16px; font-weight: 600; color: #fff !important; background: linear-gradient(180deg,#1a6bff,#0054ec) !important; box-shadow: 0 10px 24px rgba(0,84,236,.38); }
#login-footer { display: none; }
#bh-login-note { margin-top: 22px; color: var(--bh-mut); font-size: 12px; letter-spacing: .02em; }
#login-form .input-group { display: flex !important; flex-wrap: nowrap; align-items: center; width: 100%; height: 52px; background: #f3f6fd; border: 1.5px solid transparent; border-radius: 14px; transition: all .15s; }
#login-form .input-group:focus-within { background: #fff; border-color: var(--bh-blue); box-shadow: 0 0 0 4px rgba(0,84,236,.12); }
#login-form .input-group .input-group-prepend, #login-form .input-group .input-group-text { background: transparent !important; border: 0 !important; color: #7a89a8 !important; padding: 0 0 0 16px; height: auto; }
#login-form .input-group:focus-within .input-group-text { color: var(--bh-blue) !important; }
#login-form .input-group input.form-control { flex: 1 1 auto; width: 1% !important; min-width: 0; height: 50px; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 16px 0 10px; }
#login-form button.mainaction { text-transform: none; letter-spacing: .01em; }

/* --- marca na lateral + avatares + vazio --- */
#bh-brand { padding: 18px 18px 6px; line-height: 0; }
#layout-sidebar .header { height: 40px !important; }
#messagelist td.subject { position: relative; padding-left: 64px !important; }
#messagelist .bh-av { position: absolute; left: 14px; top: 50%; margin-top: -19px; width: 38px; height: 38px; border-radius: 50%; color: #fff; font-weight: 700; font-size: 16px; line-height: 38px; text-align: center; }
#messagelist td.subject span.fromto .adr { font-size: 14px; }
#layout-content .iframe-wrapper, #layout-content { background: #fff !important; }

/* --- leitura da mensagem (iframe de preview) --- */
a { color: var(--bh-blue); }
body.task-mail.action-preview, body.task-mail.action-show { background: #fff !important; }
.message-header .subject, #message-header .subject, h2.subject, .header-title { color: var(--bh-ink) !important; font-size: 19px !important; font-weight: 600 !important; letter-spacing: -.01em; }
#message-header .header-links a, .header-links a, .message-headers a { color: var(--bh-blue); font-size: 13px; }
.rcmContactAddress, .rcmContactAddress:hover { color: var(--bh-navy) !important; font-weight: 600; }
#message-header .picture, .message-header .picture, .header .picture { border-radius: 50% !important; background-color: var(--bh-soft) !important; }
.message-part, #messagebody { padding: 8px 22px 22px; }
.notice, .remote-objects-notice, #remote-objects-message { background: #f4f7ff !important; border: 0 !important; border-radius: 14px !important; color: #3b4e7a !important; margin: 10px 14px; }
.notice .btn, .notice a.button { background: var(--bh-blue) !important; color: #fff !important; border-radius: 14px !important; }
#login-form { position: static !important; top: auto !important; left: auto !important; transform: none !important; }
body.task-login #layout-content, body.task-login #layout-content.no-navbar { position: static !important; top: auto !important; }
#bh-login-logo { margin-bottom: 44px !important; height: 51px; }
#login-form input.form-control, #login-form .input-group input.form-control { color: #0b1b3a !important; -webkit-text-fill-color: #0b1b3a !important; caret-color: var(--bh-blue); font-size: 15px; font-weight: 500; opacity: 1 !important; text-shadow: none !important; }
#login-form input.form-control::placeholder { color: #9aa8c4 !important; -webkit-text-fill-color: #9aa8c4 !important; opacity: 1; }
#login-form input.form-control:-webkit-autofill, #login-form input.form-control:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #fff inset !important; -webkit-text-fill-color: #0b1b3a !important; }
#layout-sidebar .header .header-title, #layout-sidebar .header .username { font-size: 12px !important; font-weight: 500 !important; color: #7a89a8 !important; }

/* v3 — trilho: nada passa da largura */
#layout-menu { width: 84px !important; min-width: 84px; overflow: hidden; }
#taskmenu { padding: 6px 6px !important; width: 84px !important; box-sizing: border-box; }
#taskmenu .action-buttons { display: block; width: 100% !important; }
#taskmenu a, #taskmenu .action-buttons a, #layout-menu .special-buttons a { width: 72px !important; max-width: 72px; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; padding-left: 0 !important; padding-right: 0 !important; overflow: hidden; }
#layout-menu .special-buttons { width: 84px !important; display: block; }
#taskmenu a .inner, #layout-menu .special-buttons a .inner, #taskmenu a span { font-size: 10.5px !important; white-space: nowrap; letter-spacing: -.01em; max-width: 70px; overflow: hidden; text-overflow: clip; }
#taskmenu a:before { margin-bottom: 5px !important; }

/* v4 — trilho refeito: leve, sem marca repetida */
#layout-menu .popover-header { height: 18px !important; min-height: 0; }
#layout-menu .popover-header::before { display: none !important; }
#layout-menu { background: #fff !important; border-right: 1px solid var(--bh-line) !important; box-shadow: none !important; }
#taskmenu { padding-top: 4px !important; }
#taskmenu .action-buttons a.compose { height: 54px !important; background: var(--bh-blue) !important; border-radius: 16px !important; box-shadow: 0 6px 14px rgba(0,84,236,.22) !important; margin: 2px auto 14px !important; }
#taskmenu .action-buttons a.compose:hover { background: #0a60ff !important; box-shadow: 0 8px 18px rgba(0,84,236,.3) !important; }
#taskmenu a.compose:before { font-size: 19px !important; margin-bottom: 3px !important; }
#taskmenu a.compose .inner, #taskmenu a.compose span { color: #fff !important; font-weight: 500; }
#taskmenu a:not(.compose) { height: 56px !important; margin-top: 2px !important; margin-bottom: 2px !important; border-radius: 16px !important; color: #7b89a8 !important; background: transparent !important; }
#taskmenu a:not(.compose):before { font-size: 19px !important; color: #8d9bb9 !important; }
#taskmenu a:not(.compose) .inner, #taskmenu a:not(.compose) span { color: #6b7a99 !important; font-weight: 500; }
#taskmenu a:not(.compose):hover { background: #f1f5ff !important; }
#taskmenu a.selected:not(.compose) { background: #e6eeff !important; }
#taskmenu a.selected:not(.compose):before, #taskmenu a.selected:not(.compose) .inner, #taskmenu a.selected:not(.compose) span { color: var(--bh-blue) !important; font-weight: 600; }
#layout-menu .special-buttons a { height: 52px !important; border-radius: 16px !important; color: #6b7a99 !important; }
#layout-menu .special-buttons a:before { color: #8d9bb9 !important; font-size: 18px !important; }
#layout-menu .special-buttons a.logout:before, #layout-menu .special-buttons a.logout .inner, #layout-menu .special-buttons a.logout span { color: #e0415a !important; }
#layout-menu .special-buttons a.logout:hover { background: #fff1f3 !important; }
#layout-menu .special-buttons { padding-bottom: 8px !important; }
#layout-menu .special-buttons a { height: 46px !important; margin-top: 0 !important; margin-bottom: 2px !important; }
#layout-menu .special-buttons a:before { margin-bottom: 2px !important; }

/* v5 — respiro na busca e na lista */
#layout-list .searchbar { position: relative; display: flex !important; align-items: center; gap: 4px; padding: 12px 14px !important; height: auto !important; }
#layout-list .searchbar:before { position: absolute !important; left: 32px !important; top: 50% !important; margin: 0 !important; transform: translateY(-50%); color: #8d9bb9 !important; font-size: 15px !important; z-index: 2; width: auto !important; height: auto !important; line-height: 1 !important; }
#layout-list .searchbar > a.search:before, #layout-list .searchbar > a.search { }
#layout-list .searchbar form { flex: 1 1 auto; min-width: 0; margin: 0 !important; }
#layout-list .searchbar input#mailsearchform { width: 100% !important; height: 40px !important; padding: 0 16px 0 42px !important; margin: 0 !important; border-radius: 20px !important; font-size: 14px; }
#layout-list .searchbar a.button { width: 34px !important; height: 34px !important; margin: 0 !important; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; }
#layout-list .searchbar a.button:hover { background: var(--bh-soft); }
#layout-list .searchbar a.button:before { color: #6b7a99 !important; font-size: 17px !important; }
#messagelist td.subject { padding: 12px 16px 12px 70px !important; min-height: 64px; }
#messagelist td.subject span.fromto { display: block; margin-bottom: 4px; }
#messagelist td.subject span.subject { display: flex; align-items: center; gap: 8px; line-height: 1.35; color: #3b4e7a; }
#messagelist td.subject span.subject .msgicon { flex: none; margin: 0 !important; }
#messagelist td.subject span.date { right: 16px !important; top: 12px !important; font-size: 12px; color: #8a97b3 !important; }
#messagelist td.subject span.size { display: none !important; }
#messagelist td.subject span.flag, #messagelist td.subject span.flag span { opacity: 0; transition: opacity .15s; }
#messagelist tr:hover td.subject span.flag span, #messagelist tr.flagged td.subject span.flag span { opacity: 1; }
#messagelist td.subject span.attachment { right: 16px !important; bottom: 10px !important; top: auto !important; }
#messagelist .bh-av { top: 50%; }
#layout-list .searchbar:before { display: none !important; content: none !important; }
#layout-list .searchbar input#mailsearchform { padding-left: 18px !important; }
#layout-list .searchbar a.button.reset { display: none !important; }
#layout-list .searchbar.active a.button.reset, #layout-list .searchbar.has-text a.button.reset { display: inline-flex !important; }
#messagelist td.subject span.fromto { padding-left: 10px; }

/* v6 — meio-termo: menos espaço */
#layout-list .searchbar { padding: 8px 12px !important; }
#layout-list .searchbar input#mailsearchform { height: 36px !important; }
#layout-list .searchbar a.button { width: 30px !important; height: 30px !important; }
#messagelist td.subject { padding: 7px 14px 7px 60px !important; min-height: 0 !important; }
#messagelist td.subject span.fromto { margin-bottom: 0 !important; line-height: 1.3; font-size: 13.5px; }
#messagelist td.subject span.subject { line-height: 1.3; font-size: 13px; }
#messagelist td.subject span.date { top: 8px !important; right: 14px !important; font-size: 11.5px; }
#messagelist .bh-av { left: 12px; width: 34px; height: 34px; margin-top: -17px; line-height: 34px; font-size: 15px; }
#messagelist td.subject span.attachment { bottom: 7px !important; right: 14px !important; }

/* v7 — linha compacta */
#messagelist td.subject { line-height: 1.3 !important; padding: 6px 14px 6px 60px !important; }
#messagelist td.subject span.fromto, #messagelist td.subject span.subject { display: flex !important; align-items: center; height: 21px !important; line-height: 21px !important; overflow: hidden; }
#messagelist td.subject span.fromto .adr, #messagelist td.subject span.fromto .adr span { line-height: 21px !important; }
#messagelist td.subject span.subject a, #messagelist td.subject span.subject a span { line-height: 21px !important; display: inline; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#messagelist td.subject span.date { line-height: 21px !important; top: 6px !important; }
#layout-list .searchbar form:before, #layout-list .searchbar form:after { display: none !important; content: none !important; }
#bh-brand { text-align: center; padding: 16px 12px 4px !important; }
#bh-brand .bhl2 { display: inline-block; margin: 0 auto; }

/* v8 — trilho profissional: ícones de contorno (SVG) */
#taskmenu a.compose:before { content: "" !important; display: block !important; width: 22px !important; min-width: 22px !important; height: 22px !important; position: static !important; float: none !important; font-size: 0 !important; background-color: currentColor !important; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z'/%3E%3C/svg%3E") center/contain no-repeat; margin: 0 auto 5px !important; }
#taskmenu a.mail:before { content: "" !important; display: block !important; width: 22px !important; min-width: 22px !important; height: 22px !important; position: static !important; float: none !important; font-size: 0 !important; background-color: currentColor !important; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E") center/contain no-repeat; margin: 0 auto 5px !important; }
#taskmenu a.contacts:before { content: "" !important; display: block !important; width: 22px !important; min-width: 22px !important; height: 22px !important; position: static !important; float: none !important; font-size: 0 !important; background-color: currentColor !important; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") center/contain no-repeat; margin: 0 auto 5px !important; }
#taskmenu a.settings:before { content: "" !important; display: block !important; width: 22px !important; min-width: 22px !important; height: 22px !important; position: static !important; float: none !important; font-size: 0 !important; background-color: currentColor !important; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='21' x2='14' y1='4' y2='4'/%3E%3Cline x1='10' x2='3' y1='4' y2='4'/%3E%3Cline x1='21' x2='12' y1='12' y2='12'/%3E%3Cline x1='8' x2='3' y1='12' y2='12'/%3E%3Cline x1='21' x2='16' y1='20' y2='20'/%3E%3Cline x1='12' x2='3' y1='20' y2='20'/%3E%3Cline x1='14' x2='14' y1='2' y2='6'/%3E%3Cline x1='8' x2='8' y1='10' y2='14'/%3E%3Cline x1='16' x2='16' y1='18' y2='22'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='21' x2='14' y1='4' y2='4'/%3E%3Cline x1='10' x2='3' y1='4' y2='4'/%3E%3Cline x1='21' x2='12' y1='12' y2='12'/%3E%3Cline x1='8' x2='3' y1='12' y2='12'/%3E%3Cline x1='21' x2='16' y1='20' y2='20'/%3E%3Cline x1='12' x2='3' y1='20' y2='20'/%3E%3Cline x1='14' x2='14' y1='2' y2='6'/%3E%3Cline x1='8' x2='8' y1='10' y2='14'/%3E%3Cline x1='16' x2='16' y1='18' y2='22'/%3E%3C/svg%3E") center/contain no-repeat; margin: 0 auto 5px !important; }
#layout-menu .special-buttons a.about:before { content: "" !important; display: block !important; width: 22px !important; min-width: 22px !important; height: 22px !important; position: static !important; float: none !important; font-size: 0 !important; background-color: currentColor !important; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E") center/contain no-repeat; margin: 0 auto 5px !important; }
#layout-menu .special-buttons a.logout:before { content: "" !important; display: block !important; width: 22px !important; min-width: 22px !important; height: 22px !important; position: static !important; float: none !important; font-size: 0 !important; background-color: currentColor !important; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' x2='9' y1='12' y2='12'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' x2='9' y1='12' y2='12'/%3E%3C/svg%3E") center/contain no-repeat; margin: 0 auto 5px !important; }

#taskmenu a:not(.compose), #layout-menu .special-buttons a { color: #8d9bb9 !important; position: relative; }
#taskmenu a:not(.compose):before, #layout-menu .special-buttons a:before { color: inherit !important; }
#taskmenu a:not(.compose):hover { color: #0b2f8f !important; }
#taskmenu a.selected:not(.compose) { color: var(--bh-blue) !important; background: #eef3ff !important; }
#taskmenu a.selected:not(.compose):after { content: ""; position: absolute; left: -6px; top: 14px; bottom: 14px; width: 3px; border-radius: 0 3px 3px 0; background: var(--bh-blue); }
#taskmenu a.compose:before { color: #fff !important; width: 22px; height: 22px; margin-bottom: 4px !important; }
#taskmenu .action-buttons { padding-bottom: 12px; margin-bottom: 8px; border-bottom: 1px solid var(--bh-line); }
#layout-menu .special-buttons { border-top: 1px solid var(--bh-line); padding-top: 8px !important; }
#layout-menu .special-buttons a.logout:before { color: #e0415a !important; }
#layout-menu .special-buttons a:hover:not(.logout) { color: var(--bh-navy) !important; }
#taskmenu a:not(.compose) .inner, #taskmenu a:not(.compose) span, #layout-menu .special-buttons a .inner { color: inherit !important; font-size: 11px !important; font-weight: 500; letter-spacing: .01em; }
#taskmenu a.selected .inner, #taskmenu a.selected span { font-weight: 600; }
#taskmenu a, #taskmenu .action-buttons a, #layout-menu .special-buttons a { width: 76px !important; max-width: 76px !important; }
#taskmenu a .inner, #taskmenu a span, #layout-menu .special-buttons a .inner { font-size: 10.5px !important; letter-spacing: -.02em !important; max-width: 76px !important; }

/* v9 — não lidas: faixa azul + fundo suave + selo no avatar (sem a bolinha solta) */
#messagelist tr.unread td.subject span.msgicon.status.unread { display: none !important; }
#messagelist tr.unread td.subject { background: linear-gradient(90deg, rgba(0,84,236,.075), rgba(0,84,236,.015) 55%, #fff) !important; box-shadow: inset 4px 0 0 var(--bh-blue); }
#messagelist tr.unread:hover td.subject { background: linear-gradient(90deg, rgba(0,84,236,.12), rgba(0,84,236,.03) 55%, #f6f9ff) !important; }
#messagelist tr.unread.selected td.subject, #messagelist tr.unread.focused td.subject { background: #eaf1ff !important; }
#messagelist tr.unread td.subject span.fromto .adr, #messagelist tr.unread td.subject span.fromto .adr span { color: var(--bh-ink) !important; font-weight: 700 !important; }
#messagelist tr.unread td.subject span.subject a, #messagelist tr.unread td.subject span.subject a span { color: #1a2a52 !important; font-weight: 600 !important; }
#messagelist tr.unread td.subject span.date { color: var(--bh-blue) !important; font-weight: 700 !important; }
#messagelist tr.unread .bh-av { box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(0,84,236,.35); }
#messagelist tr.unread .bh-av:after { content: ""; position: absolute; right: -3px; top: -3px; width: 12px; height: 12px; border-radius: 50%; background: #ff4d6a; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(255,77,106,.55); }
#messagelist tr:not(.unread) td.subject span.fromto .adr, #messagelist tr:not(.unread) td.subject span.fromto .adr span { font-weight: 500 !important; color: #4a5a7e !important; }
#messagelist tr:not(.unread) td.subject span.subject a, #messagelist tr:not(.unread) td.subject span.subject a span { font-weight: 400 !important; color: #7a89a8 !important; }
#messagelist tr:not(.unread) .bh-av { opacity: .72; }
#mailboxlist li.mailbox.unread > a { font-weight: 700; }
#mailboxlist .unreadcount { box-shadow: 0 2px 6px rgba(0,84,236,.35); }