/* Tegic Technology LLC — branding, layout and responsiveness only.
   Menu state colors are controlled by sofi-menu-active-fix.css. */
:root{--sofi-navy:#14263d;--sofi-gold:#d9b36d;--sofi-border:#e7eaf0}
#layout-navbar.layout-navbar{min-height:76px;background:#14263d!important;border-bottom:1px solid rgba(219,185,112,.25);box-shadow:0 4px 22px rgba(20,38,61,.12)}
#layout-navbar .navbar-nav-right{min-width:0;gap:10px}
.sofi-navbar-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none!important;min-width:0;max-width:390px;flex-shrink:1}
.sofi-navbar-brand-mark,#layout-navbar .sofi-navbar-brand-mark{width:108px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sofi-navbar-brand-mark img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.sofi-navbar-brand-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.sofi-navbar-brand-copy strong,#layout-navbar .sofi-navbar-brand-copy strong{font-size:15px;letter-spacing:.055em;color:#f3dfaf;font-weight:700;white-space:nowrap}
.sofi-navbar-brand-copy small{font-size:11px;letter-spacing:.05em;color:#d4deea}
#layout-navbar .nav-link,#layout-navbar .tegic-navbar-name,#layout-navbar .layout-menu-toggle a{color:#eef2f8!important}
#layout-navbar .tegic-navbar-create{background:#d9b36d!important;border-color:#d9b36d!important;color:#17283d!important;font-weight:700;box-shadow:none!important}
#layout-navbar .tegic-navbar-create:hover{background:#f0d49b!important;border-color:#f0d49b!important}
#layout-navbar .tegic-language-link{color:#f3dfaf!important}
.sofi-brand-logo{object-fit:contain;display:block}
.sofi-brand-logo-sidebar{width:188px;max-width:100%;height:64px;object-position:left center}
.sofi-brand-logo-horizontal{width:165px;height:52px}
#layout-menu .app-brand{min-height:82px;padding-top:8px;padding-bottom:8px}
.sofi-mobile-menu-brand{display:flex!important;align-items:center;justify-content:space-between;padding:12px 16px!important;min-height:90px!important;border-bottom:1px solid #e7eaf0}
.sofi-mobile-logo-link{display:flex;align-items:center;max-width:calc(100% - 42px)}
.sofi-mobile-menu-logo{width:172px;height:64px;object-fit:contain;object-position:left center}
.layout-menu-horizontal .menu-link,#layout-menu.menu-vertical .menu-link{font-family:'Plus Jakarta Sans','Segoe UI',sans-serif!important;font-size:13px!important;font-weight:500!important;letter-spacing:0!important;transition:background-color .18s ease,color .18s ease}
#layout-menu.menu-vertical .menu-inner{overflow-y:auto;overscroll-behavior:contain}
#layout-menu.menu-vertical .menu-item>.menu-link{min-height:46px;border-radius:9px;margin:2px 10px;width:calc(100% - 20px);display:flex;align-items:center}
#layout-menu.menu-vertical .menu-item .menu-sub .menu-link{min-height:42px;font-size:13px!important}
#layout-menu.menu-vertical .menu-item>.menu-link.menu-toggle{cursor:pointer}
/* Let the menu library manage expanded/collapsed submenus. */
@media(max-width:1199.98px){#layout-navbar.layout-navbar{min-height:68px}#layout-menu.menu-vertical{width:min(320px,88vw)!important;max-width:88vw;box-sizing:border-box}#layout-navbar .sofi-navbar-brand-mark{width:64px;height:44px}.sofi-navbar-brand-copy strong{font-size:12px}.sofi-navbar-brand-copy small{font-size:10px}}
@media(max-width:767.98px){#layout-navbar.layout-navbar{min-height:64px}#layout-navbar .navbar-nav-right{gap:4px}.sofi-navbar-brand{gap:6px;max-width:175px}#layout-navbar .sofi-navbar-brand-mark{width:53px;height:42px}#layout-navbar .sofi-navbar-brand-copy strong{font-size:10px;letter-spacing:.01em}#layout-navbar .sofi-navbar-brand-copy small{font-size:9px}#layout-navbar .tegic-navbar-name{display:none!important}#layout-navbar .tegic-navbar-create{padding:9px 10px;font-size:11px}#layout-navbar .tegic-navbar-create .ti{margin-right:0!important}#layout-navbar .tegic-language-link{font-size:11px}#layout-menu.menu-vertical .menu-inner{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}}
@media(max-width:390px){.sofi-navbar-brand{max-width:125px}#layout-navbar .sofi-navbar-brand-mark{width:44px}#layout-navbar .sofi-navbar-brand-copy strong{font-size:9px}#layout-navbar .sofi-navbar-brand-copy small{display:none}#layout-navbar .tegic-navbar-create{font-size:0;padding:10px}#layout-navbar .tegic-navbar-create .ti{font-size:19px}}
@media(prefers-reduced-motion:reduce){.layout-menu-horizontal .menu-link,#layout-menu.menu-vertical .menu-link{transition:none!important}}
