/* Classic controls. Keep selected text and its fill in the same rule.
 * Match the existing material scope, so page-local styles cannot split the pair.
 * Classic tabs use their own fill; the legacy glass indicator stays hidden. */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui{--control-fill:#293026;--control-text:#e8eee2;--control-accent:#ffbf43;--control-on-accent:#291e06;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.p-btn,.btn,.legal-back,.back-link,.v7-select-button,.p-modal-close,.cabinet-signout,.header-notice-button,.notification-dismiss,.notice-back,.transfer-expand,.m8-icon-btn,.social-icon-btn,.guide-command-copy){background:var(--control-fill)!important;color:var(--control-text)!important;text-shadow:none!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.ff-segmented,.auth-tabs,.segmented,.page-subnav,.friends-tabs-v5,.city-page-tabs,.business-tabs,.stats-period-tabs,.m8-tabs,.admin-tabs,.ff-tabs,.gov-navigation,.gov-filters,.gov-case-tabs,.bank-subnavigation,.bank-finance-period,.treasury-finance-period){position:relative;isolation:isolate;background:var(--classic-surface,rgba(20,24,20,.96))!important;box-sizing:border-box!important;max-width:100%;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .ff-segment-indicator{display:none!important;pointer-events:none!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.ff-segmented,.auth-tabs,.segmented,.page-subnav,.friends-tabs-v5,.city-page-tabs,.business-tabs,.stats-period-tabs,.m8-tabs,.admin-tabs,.ff-tabs,.gov-navigation,.gov-filters,.gov-case-tabs,.bank-subnavigation,.bank-finance-period,.treasury-finance-period)>:is(a,button){position:relative;box-sizing:border-box!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:0;padding:10px 16px;background:transparent!important;color:var(--control-text)!important;opacity:1!important;filter:none!important;text-shadow:none!important;border-radius:999px!important;line-height:1.35;text-decoration:none;}@media (hover:hover) and (pointer:fine){
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.ff-segmented,.auth-tabs,.segmented,.page-subnav,.friends-tabs-v5,.city-page-tabs,.business-tabs,.stats-period-tabs,.m8-tabs,.admin-tabs,.ff-tabs,.gov-navigation,.gov-filters,.gov-case-tabs,.bank-subnavigation,.bank-finance-period,.treasury-finance-period)>:is(a,button):hover{background:var(--control-fill)!important;color:var(--control-text)!important;}}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.p-btn.primary,.btn.primary,.header-account-button,.home-login-button,.public-login-btn,.platform-login-trigger,.m8-send-btn,[data-modal-open="accountTopup"],[data-modal-open="accountTransfer"],[data-bank-open-trigger]),html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.ff-segmented,.auth-tabs,.segmented,.page-subnav,.friends-tabs-v5,.city-page-tabs,.business-tabs,.stats-period-tabs,.m8-tabs,.admin-tabs,.ff-tabs,.gov-navigation,.gov-filters,.gov-case-tabs,.bank-subnavigation,.bank-finance-period,.treasury-finance-period)>:is(a,button):is(.active,.is-active,[aria-selected="true"],[aria-pressed="true"],[aria-current="page"]){background:var(--control-accent)!important;color:var(--control-on-accent)!important;opacity:1!important;filter:none!important;text-shadow:none!important;}@media (hover:hover) and (pointer:fine){
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.p-btn.primary,.btn.primary,.header-account-button,.home-login-button,.public-login-btn,.platform-login-trigger,.m8-send-btn,[data-modal-open="accountTopup"],[data-modal-open="accountTransfer"],[data-bank-open-trigger]):not(:disabled):not([aria-disabled="true"]):hover,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.ff-segmented,.auth-tabs,.segmented,.page-subnav,.friends-tabs-v5,.city-page-tabs,.business-tabs,.stats-period-tabs,.m8-tabs,.admin-tabs,.ff-tabs,.gov-navigation,.gov-filters,.gov-case-tabs,.bank-subnavigation,.bank-finance-period,.treasury-finance-period)>:is(a,button):is(.active,.is-active,[aria-selected="true"],[aria-pressed="true"],[aria-current="page"]):hover{background:#ffcf70!important;color:var(--control-on-accent)!important;}}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.p-btn.danger,.btn.danger,[data-platform-logout],[data-public-logout],[data-post-delete-confirm]){background:#46201f!important;color:#ffb4ab!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.p-btn.success,.btn.success){background:#293c24!important;color:#c3e5ad!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(:is(.p-btn,.btn,.legal-back,.back-link,.v7-select-button,.p-modal-close,.cabinet-signout,.header-notice-button,.notification-dismiss,.notice-back,.transfer-expand,.m8-icon-btn,.social-icon-btn,.guide-command-copy),:is(.p-btn.primary,.btn.primary,.header-account-button,.home-login-button,.public-login-btn,.platform-login-trigger,.m8-send-btn,[data-modal-open="accountTopup"],[data-modal-open="accountTransfer"],[data-bank-open-trigger]),:is(.ff-segmented,.auth-tabs,.segmented,.page-subnav,.friends-tabs-v5,.city-page-tabs,.business-tabs,.stats-period-tabs,.m8-tabs,.admin-tabs,.ff-tabs,.gov-navigation,.gov-filters,.gov-case-tabs,.bank-subnavigation,.bank-finance-period,.treasury-finance-period)>:is(a,button)) :is(span,strong,b,small,i,svg){color:inherit!important;text-shadow:none!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(:is(.ff-segmented,.auth-tabs,.segmented,.page-subnav,.friends-tabs-v5,.city-page-tabs,.business-tabs,.stats-period-tabs,.m8-tabs,.admin-tabs,.ff-tabs,.gov-navigation,.gov-filters,.gov-case-tabs,.bank-subnavigation,.bank-finance-period,.treasury-finance-period)>:is(a,button),:is(.p-btn.primary,.btn.primary,.header-account-button,.home-login-button,.public-login-btn,.platform-login-trigger,.m8-send-btn,[data-modal-open="accountTopup"],[data-modal-open="accountTransfer"],[data-bank-open-trigger]),:is(.p-btn,.btn,.legal-back,.back-link,.v7-select-button,.p-modal-close,.cabinet-signout,.header-notice-button,.notification-dismiss,.notice-back,.transfer-expand,.m8-icon-btn,.social-icon-btn,.guide-command-copy)) svg{flex-shrink:0;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.ff-segmented,.auth-tabs,.segmented,.page-subnav,.friends-tabs-v5,.city-page-tabs,.business-tabs,.stats-period-tabs,.m8-tabs,.admin-tabs,.ff-tabs,.gov-navigation,.gov-filters,.gov-case-tabs,.bank-subnavigation,.bank-finance-period,.treasury-finance-period)>:is(a,button)>:is(.count,.badge){background:rgb(0 0 0 / .12)!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(button,a,[role="button"],input,select,textarea):focus-visible{outline:2px solid #ffcf70!important;outline-offset:3px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(button,.p-btn,.btn):disabled,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui [aria-disabled="true"]{opacity:.5!important;cursor:not-allowed!important;}
/* Filters can wrap without clipping their highlight or the last label. */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.gov-filters,.gov-case-tabs){display:flex!important;flex-wrap:wrap!important;gap:8px!important;overflow:visible!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .gov-navigation{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.friends-tabs-v5,.bank-subnavigation,.bank-finance-period,.treasury-finance-period,.stats-period-tabs,.city-page-tabs,.business-tabs,.m8-tabs){overflow-x:auto!important;overscroll-behavior-inline:contain;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.friends-tabs-v5,.bank-subnavigation,.bank-finance-period,.treasury-finance-period,.stats-period-tabs,.city-page-tabs,.business-tabs,.m8-tabs)>:is(a,button){flex-shrink:0;white-space:nowrap;}
@media(max-width:760px){html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .gov-navigation{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap;gap:6px;} html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .gov-navigation>a{flex:0 0 auto;white-space:nowrap;}}

/* The login tabs now use the same selected fill as other tabs. */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .auth-tabs::before{display:none!important;}@media (hover:hover) and (pointer:fine){
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.p-btn,.btn,.v7-select-button,.p-modal-close,.m8-icon-btn):where(:not(.primary):not(.danger):not(.success):not(:disabled)):hover{background:#374131!important;color:var(--control-text)!important;}}@media (hover:hover) and (pointer:fine){
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.p-btn.danger,.btn.danger):not(:disabled):hover{background:#5a2926!important;color:#ffb4ab!important;}}
@media(max-width:760px){html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .site-header .header-account-button .mobile-login-icon{display:block!important;width:23px!important;height:23px!important;fill:none;stroke:currentColor;stroke-width:1.8;} html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .site-header .header-account-button .login-diagonal{display:none!important;}}

html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .gov-navigation{position:relative!important;top:auto!important;}

/* Compact editor and messenger toggles keep their own geometry. */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.news-icon-grid,.m8-new-kind,.m8-media-tools)>button:is(.active,[aria-pressed="true"],[aria-selected="true"]){background:var(--control-accent)!important;color:var(--control-on-accent)!important;}

/* Let long period labels scroll instead of painting over the next control. */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.bank-subnavigation,.bank-finance-period,.treasury-finance-period,.stats-period-tabs){display:flex!important;flex-wrap:nowrap!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.bank-subnavigation,.bank-finance-period,.treasury-finance-period,.stats-period-tabs)>:is(a,button){flex:1 0 auto!important;min-width:max-content!important;}