/* R69 targeted visual contract. */
:root{--r69-nav:var(--xm-btn-nav,#506985);--r69-page:var(--xm-btn-page,#397863);--r69-submit:var(--xm-btn-submit,#3d719e);--r69-panel:#fff;--r69-ink:#132238;--r69-line:#d8e0eb}body.theme-dark{--r69-panel:#111a2b;--r69-ink:#eef4ff;--r69-line:#34445f}
/* Persistent navigation selection after click. */
:is(#app>.side .nav button,#adminView .adminTabs .btn,#settingsMenuButtons .settingsMenuBtn,#mobileOverflow button,.appMailboxItem):is(.active,.current,.xm-current){--xm-one:var(--r69-nav)!important;border-color:var(--r69-nav)!important;box-shadow:inset 4px 0 0 var(--r69-nav),inset 0 0 0 2px color-mix(in srgb,var(--r69-nav) 24%,transparent)!important;background:color-mix(in srgb,var(--r69-nav) 10%,transparent)!important;font-weight:800!important}
/* Modal box is the sole modal scroll owner. */
.modal.hidden,.modal.navSuspended{display:none!important;pointer-events:none!important}.modal:not(.hidden){position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100vw!important;height:100dvh!important;padding:10px!important;overflow:hidden!important}.modal:not(.hidden)>:is(.modalbox,.registerBox,.professionalModal,.confirmBox){position:relative!important;inset:auto!important;width:min(720px,calc(100vw - 20px))!important;max-width:calc(100vw - 20px)!important;height:auto!important;max-height:calc(100dvh - 20px)!important;margin:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;transform:none!important}.modal:not(.hidden) :is(.top,.modalHeader,.composeTop,.composeTopActions,.modalActionFooter,.modalFooter,.composeFooter){position:static!important;inset:auto!important;background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important}
/* All buttons are transparent and driven only by backend semantic border colors. */
:is(button,.btn,.iconBtn,.settingsMenuBtn,.adminTabs .btn,.mobileOverflow button){background:transparent!important;background-image:none!important;color:inherit!important}:is([data-xm-button-role="nav"]){--xm-one:var(--r69-nav)!important;border-color:var(--r69-nav)!important}:is([data-xm-button-role="page"]){--xm-one:var(--r69-page)!important;border-color:var(--r69-page)!important}:is([data-xm-button-role="submit"]){--xm-one:var(--r69-submit)!important;border-color:var(--r69-submit)!important}#adminContent :is(button,.btn,.iconBtn),#adminView .adminTabs .btn,#settingsMenuButtons .settingsMenuBtn{--xm-one:var(--r69-nav)!important;border-color:var(--r69-nav)!important;background:transparent!important}.modal :is(button,.btn,.iconBtn){--xm-one:var(--r69-page)!important;border-color:var(--r69-page)!important;background:transparent!important}.modal :is(button[type=submit],.btn.primary,#confirmOk,#dialogOk,#sendMailButton){--xm-one:var(--r69-submit)!important;border-color:var(--r69-submit)!important;background:transparent!important}.btn.primary,#sendMailButton{background:transparent!important;background-image:none!important}
/* Domain control: no outer feedback overflow; compact options. */
#loginEmailSplit,#login .authbox{max-width:100%!important}#login #xmDomainButton{width:100%!important;max-width:100%!important;border:0!important;box-shadow:none!important}.xmDomainControl.open #xmDomainButton,#xmDomainButton:is(:active,.xm-feedback-active){box-shadow:inset 4px 0 0 var(--xm-domain-active),inset 0 0 0 2px color-mix(in srgb,var(--xm-domain-active) 24%,transparent)!important}.xmDomainMenu{padding:4px!important;border:1px solid var(--r69-line)!important;border-radius:12px!important;background:var(--r69-panel)!important}.xmDomainOption,.xmDomainOption:is(:hover,:focus-visible,:active,.active,.xm-feedback-active){display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:38px!important;margin:0!important;padding:8px 11px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:var(--option-color,var(--xm-domain-active))!important;font-weight:700!important}.xmDomainOption.active{background:color-mix(in srgb,var(--option-color,var(--xm-domain-active)) 10%,transparent)!important;box-shadow:inset 3px 0 0 var(--option-color,var(--xm-domain-active))!important}
/* Password eye remains vertically centered. */
.passwordWrap{position:relative!important}.passwordWrap>.passwordInput{padding-right:52px!important}.passwordWrap>.togglePassword,.passwordWrap>.togglePassword:is(:hover,:active,:focus,.active){position:absolute!important;right:7px!important;top:50%!important;bottom:auto!important;left:auto!important;width:38px!important;height:38px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:translateY(-50%)!important}
/* Right popover uses same gap and visually attaches to island. */
#appMailboxPanel,#mobileOverflow{top:calc(var(--xm-island-bottom,70px) + 6px)!important}#mobileOverflow{border-top-right-radius:8px!important}
@media(max-width:850px){.modal:not(.hidden){align-items:flex-start!important;padding:8px!important}.modal:not(.hidden)>:is(.modalbox,.registerBox,.professionalModal,.confirmBox){width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important}}