.portal-page-topbar{background:#002070;color:#fff;padding:0 24px;height:56px;width:100%;max-width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1)}
.portal-page-topbar .topbar-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto;overflow:hidden}
.portal-page-topbar .topbar-left>div{min-width:0;overflow:hidden}
.portal-page-topbar .logo{height:40px;width:auto;background:#fff;padding:4px 8px;border-radius:4px;cursor:pointer;flex:0 0 auto}
.portal-page-topbar h1{font-size:16px;font-weight:600;letter-spacing:.5px;margin:0;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.portal-page-topbar .tagline{font-size:11px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.portal-page-topbar .topbar-right{display:flex;align-items:center;gap:16px;min-width:0;flex:0 0 auto;font-size:13px;white-space:nowrap}
.portal-page-topbar .badge{background:rgba(255,255,255,.15);padding:4px 10px;border-radius:4px}
.portal-page-topbar .logout-btn{background:rgba(255,255,255,.15);border:0;color:#fff;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px}
.portal-page-backbar{background:#fff;padding:10px 24px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:10px;font-size:13px}
.portal-page-back{border:1px solid #d6dbe3;background:#fff;color:#002070;border-radius:5px;min-height:34px;padding:5px 12px;display:inline-flex;align-items:center;gap:7px;font:inherit;font-weight:650;cursor:pointer}
.portal-page-back[hidden]{display:none}
.portal-page-back:hover,.portal-page-back:focus-visible{border-color:#002070;background:#f5f7ff;outline:2px solid #002070;outline-offset:1px}
.portal-page-back span{font-size:18px;line-height:1}
.portal-page-current{color:#555;font-weight:600}
@media(max-width:640px){
  .portal-page-topbar{height:52px;padding:0 12px;gap:6px}
  .portal-page-topbar .logo{height:36px;padding:3px 6px}
  .portal-page-topbar h1{font-size:14px}
  .portal-page-topbar .tagline{font-size:10px}
  .portal-page-topbar .topbar-right{gap:7px;font-size:11px}
  .portal-page-topbar #dateDisplay{max-width:58px;overflow:hidden;text-overflow:ellipsis}
  .portal-page-topbar .badge{display:none}
  .portal-page-topbar .logout-btn{padding:5px 9px}
  .portal-page-backbar{padding:7px 12px}
  .portal-page-back{min-height:36px;padding:5px 10px}
}
