/* Presentation only: preserve original menu nodes, events and permissions. */
@media screen and (min-width:1200px){
 #appWrapper.top-navigation-layout > .sb{grid-template-columns:48px minmax(140px,180px) minmax(0,1fr) auto;gap:0 10px;padding:0 16px}
 #appWrapper.top-navigation-layout .sb-nav{grid-column:3;grid-row:1;border-top:0;padding:5px 0;min-height:56px;align-items:center}
 #appWrapper.top-navigation-layout .axon-header-account-group{grid-column:4;grid-row:1;gap:10px}
 #appWrapper.top-navigation-layout .sb-nav > :is(.sb-item,.sb-toggle){padding:10px 8px;font-size:12.5px!important;min-height:40px}
 #appWrapper.top-navigation-layout .sb-logo{min-height:62px}
 #appWrapper.top-navigation-layout .axon-header-company-context{gap:10px}
 #appWrapper.top-navigation-layout #axonHeaderFinancialYear{font-size:11px}
 #appWrapper.top-navigation-layout .axon-header-account-group #topbarCurrency{font-size:11px;padding:6px 7px}
}
/* Keep company/currency accessible on narrow displays; menus scroll in their row. */
#appWrapper.top-navigation-layout #topbarActions .bank-header-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:5px;border:0;margin:0!important;padding:0;background:transparent}
#appWrapper.top-navigation-layout #topbarActions .bank-header-tabs .tab,
#appWrapper .bank-manage > summary,
#appWrapper .bank-manage-menu button{font-family:var(--font);font-size:12.5px!important;font-weight:500;line-height:1.5;color:var(--text-2)!important;letter-spacing:0;text-transform:none}
#appWrapper.top-navigation-layout #topbarActions .bank-header-tabs .tab{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border:0;border-radius:8px;background:transparent;cursor:pointer;white-space:nowrap;box-shadow:none}
#appWrapper.top-navigation-layout #topbarActions .bank-header-tabs .tab.active{background:var(--card2,#e8eef6);font-weight:500}
#appWrapper .bank-manage-menu button:hover{background:var(--card2,#f2f5f9);text-decoration:none}
#appWrapper .bank-manage-menu button:focus-visible,
#appWrapper #topbarActions .bank-header-tabs .tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media(max-width:700px){#appWrapper.top-navigation-layout #topbarActions .bank-header-tabs{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}}

@media(max-width:650px){#appWrapper .bank-manage-menu{position:fixed;left:12px;right:12px;top:var(--bank-menu-top,180px);width:auto;max-height:var(--bank-menu-height,60dvh);overflow:auto;z-index:150}}

.bank-account-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,520px);gap:20px;align-items:start;margin-bottom:18px}.bank-account-overview .bank-selector-grid{margin-bottom:0!important}.bank-account-overview .bank-active-summary{display:flex!important;flex-direction:column;align-items:stretch!important;gap:16px!important;margin-bottom:0!important;padding:18px!important;height:100%;box-sizing:border-box}.bank-active-summary>div:last-child{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}.bank-active-summary>div:last-child>div{min-width:0!important;padding:9px 7px!important}.bank-active-summary>div:first-child:before{content:"Active account";display:block;font-size:11px;font-weight:600;color:var(--text-3);margin-bottom:7px}#topbarActions>#bankAccountTools{margin:0;display:flex;align-items:center;flex-wrap:nowrap}#topbarActions .bank-manage-menu{text-align:left}@media(max-width:1100px){.bank-account-overview{grid-template-columns:1fr}.bank-account-overview .bank-active-summary{height:auto}}

/* Clearer main-navigation labels; decorative Dashboard icon removed. */
#appWrapper.top-navigation-layout .sb-nav > :is(.sb-item,.sb-toggle){font-size:14px!important}

/* Selected bank summary mirrors the selected account card. */
.bank-account-overview .bank-active-summary{background:rgba(43,127,224,.09)!important;border:2px solid var(--accent)!important}
.bank-active-summary>div:first-child:before{display:inline-block;color:var(--accent-bright);background:rgba(43,127,224,.18);padding:2px 7px;border-radius:8px;font-weight:700;text-transform:uppercase}
.bank-active-summary>div:first-child>div:first-child{color:var(--accent-bright)!important}
.bank-summary-base{font-size:11px;font-weight:400;line-height:1.4;color:var(--text-3);margin-top:6px;overflow-wrap:anywhere}