.crm-preference-tools { display: inline-flex; align-items: center; gap: 6px; }
.crm-preference-button { position: relative; display: inline-grid; place-items: center; width: 36px; min-width: 36px; height: 36px; padding: 7px; border: 1px solid #e4d8e5; border-radius: 10px; background: #fff; color: #756078; cursor: pointer; font: inherit; }
.crm-preference-button svg { width: 20px; height: 20px; pointer-events: none; }
.crm-preference-button:hover { background: #f5edf6; color: #862272; }
.crm-preference-button:focus-visible { outline: 2px solid #c068b4; outline-offset: 3px; }
.crm-language-indicator { position: absolute; bottom: 1px; right: 2px; padding: 0 2px; border-radius: 3px; background: inherit; font-size: 7px; line-height: 10px; font-weight: 750; pointer-events: none; }
.crm-theme-sun { display: none; }
html[data-theme=dark] .crm-theme-moon { display: none; }
html[data-theme=dark] .crm-theme-sun { display: block; }
.pcoded-header .crm-preference-button { background: #f3eff5; color: #68516f; border-color: transparent; }
.pcoded-header .crm-preference-button:hover { background: #eae1ee; color: #852772; }
.crm-language-nav { display: flex; align-items: center; margin-right: 10px; }
.pcoded-header .navbar-nav.ms-auto { flex-direction: row; align-items: center; }
.crm-login-language { position: absolute; right: 20px; top: 16px; z-index: 10; }
html[lang=zh-CN] body { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
html[lang=zh-CN] .pcoded-navbar .pcoded-mtext { letter-spacing: .01em; }
.brand-copy h1 > span[data-i18n="Build stronger"],.brand-copy h1 > span[data-i18n="Let's get you"] { color: inherit; }
@media (max-width: 600px) {
    .crm-login-language { position: relative; top: auto; right: auto; display: flex; justify-content: flex-end; padding: 12px 16px 0; }
    .crm-language-nav { margin-right: 4px; }
    .pcoded-header .crm-preference-tools { gap: 4px; }
    .pcoded-header .crm-preference-button { width: 32px; min-width: 32px; height: 34px; }
    .pcoded-header .crm-brand-name { max-width: 90px; }
}
@media print { .crm-preference-tools,.crm-login-language { display: none !important; } }

/* Compact account area; explicit colors prevent light-header/dark-text clashes. */
.pcoded-header .crm-preference-tools { gap: 5px; }
.pcoded-header .crm-language-nav { margin-right: 12px; padding-right: 12px; border-right: 1px solid #e6deea; }
.pcoded-header .crm-preference-button { width: 38px; height: 38px; border-radius: 12px; box-shadow: none; transition: background .15s,color .15s; }
.pcoded-header .dropdown .crm-user-trigger { min-width: 166px; height: 46px; padding: 4px 10px 4px 5px; gap: 10px; background: #faf8fb; border: 1px solid #ece5ef; border-radius: 14px; color: #35213c !important; box-shadow: none; font: inherit; }
.pcoded-header .dropdown .crm-user-trigger:hover,.pcoded-header .dropdown .crm-user-trigger[aria-expanded=true] { background: #f0e9f3; border-color: #d8c8df; }
.pcoded-header .crm-user-avatar { width: 34px; height: 34px; flex-basis: 34px; border: 0; border-radius: 11px; background: #ede4f1; box-shadow: none; }
.pcoded-header .crm-user-name { color: #35213c !important; font-size: 12px; font-weight: 700; max-width: 130px; }
.pcoded-header .crm-user-role { color: #89768f !important; font-size: 10px; font-weight: 500; margin-top: 3px; }
.pcoded-header .crm-user-trigger::after { color: #9b88a1; margin-left: 4px !important; }
.pcoded-header .crm-user-trigger:focus-visible { outline: 2px solid #af67a0; outline-offset: 3px; }
.pcoded-header .dropdown .profile-notification { border: 1px solid #ebe3ef; border-radius: 18px; overflow: hidden; box-shadow: 0 16px 48px rgba(43,22,49,.14); }
@media (max-width: 1199px) { .pcoded-header .dropdown .crm-user-trigger { min-width: 46px; } }
@media (max-width: 991px) {
    .pcoded-header .dropdown .crm-user-trigger { width: 40px; min-width: 40px; height: 40px; padding: 3px; border-radius: 12px; }
    .pcoded-header .crm-user-trigger::after { display: none; }
    .pcoded-header .crm-language-nav { margin-right: 5px; padding-right: 7px; }
    .pcoded-header .crm-preference-button { width: 32px; min-width: 32px; height: 34px; border-radius: 10px; }
}
