.topbar{display:block;padding:0 max(24px,calc((100% - 1140px)/2));}
.topbar-identity{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:12px 0;}
.topbar .brand{order:0;}
.topbar .logged-user{order:0;min-width:0;max-width:50%;padding:0;border:0;text-align:right;gap:3px;}
.topbar-menu{display:flex;align-items:center;gap:16px;padding:8px 0;border-top:1px solid #ffffff20;}
.topbar nav{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;}
.topbar nav>a,.topbar summary{white-space:nowrap;}
.topbar nav a,.topbar summary{font-size:14px;}
.topbar .nav-dropdown div{min-width:220px;padding:8px;}
.topbar .nav-dropdown div a{white-space:normal;}
.topbar nav .nav-quick{margin-left:auto;background:#244e72;border:1px solid #5584aa;color:#fff;font-weight:600;}
.topbar nav .nav-quick:hover{background:#30648f;}
.topbar nav a[aria-current="page"],.topbar .nav-dropdown.has-current>summary{background:#ffffff18;color:#fff;box-shadow:inset 0 -2px #7cc4ff;}
.nav-logout{margin:0;padding-left:16px;border-left:1px solid #ffffff25;}
.topbar .nav-toggle{display:none;}
@media(max-width:760px){
  .topbar{position:sticky;top:0;padding:0 max(16px,env(safe-area-inset-left));}
  .topbar-identity{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;min-height:72px;}
  .topbar .brand{font-size:20px;}
  .topbar .logged-user{grid-column:1;grid-row:2;max-width:100%;text-align:left;}
  .topbar .logged-user small{display:none;}
  .topbar .logged-user strong{font-size:12px;}
  .topbar .nav-toggle{display:flex;grid-column:2;grid-row:1 / 3;gap:5px;}
  .topbar .nav-toggle::before{content:'☰';font-size:22px;}
  .topbar .nav-toggle[aria-expanded="true"]::before{content:'×';}
  .topbar-menu{display:none;padding:10px 0 14px;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;}
  .topbar-menu.open{display:flex;flex-direction:column;align-items:stretch;gap:10px;}
  .topbar nav{flex-direction:column;align-items:stretch;gap:4px;}
  .topbar nav>a,.topbar .nav-dropdown,.topbar summary{width:100%;}
  .topbar nav a,.topbar summary{min-height:46px;padding:12px;}
  .topbar summary{justify-content:space-between;}
  .topbar .nav-dropdown div{position:static;min-width:0;width:calc(100% - 12px);margin:4px 0 6px 12px;padding:4px 8px;border:0;border-left:2px solid #7cc4ff;border-radius:0;box-shadow:none;}
  .topbar nav .nav-quick{margin:6px 0 0;justify-content:center;}
  .nav-logout{padding:8px 0 0;border-left:0;border-top:1px solid #ffffff20;}
  .nav-logout .link-button{width:100%;justify-content:center;}
}
@media(min-width:761px) and (max-width:900px){
  .topbar{position:relative;}
  .topbar-menu{width:100%;flex-direction:row;}
  .topbar nav a,.topbar-menu form,.topbar-menu .link-button,.topbar .nav-dropdown,.topbar summary{width:auto;}
  .topbar .nav-dropdown div{position:absolute;left:0;top:calc(100% + 5px);margin:0;width:auto;border:1px solid #ffffff28;border-radius:9px;box-shadow:0 12px 30px #071f3e55;}
  .topbar .nav-dropdown div a{width:100%;}
}