.sidebar .brand-star { width:44px; height:44px; flex:none; object-fit:contain; }
.sidebar .brand { gap:6px; }
.sidebar-head { margin-bottom:22px; }
.sidebar .new-btn { background:#0f4c5c; color:#fff; border-color:#0f4c5c; }
.sidebar .new-btn:hover { background:#123e4b; border-color:#123e4b; }
.sidebar .new-chevron { width:26px; height:26px; border-radius:50%; display:grid; place-items:center; flex:none; margin-left:auto; background:#ffffff24; }
.sidebar .new-chevron svg { display:block; }
.sidebar .new-btn[aria-expanded="true"] .new-chevron svg { transform:rotate(180deg); }
.sidebar .new-wrap { margin-bottom:18px; }
.sidebar .nav { gap:10px; }
.nav-parent { display:flex; align-items:center; position:relative; }
.sidebar .nav .nav-parent > button[data-page] { flex:1; min-width:0; padding-right:42px; }
.sidebar .nav .group-toggle { position:absolute; right:7px; top:8px; width:30px; min-height:32px; padding:0; justify-content:center; border:0; border-radius:5px; color:#70839a; }
.group-toggle[aria-expanded="false"] svg { transform:rotate(-90deg); }
.nav-submenu { margin:5px 0 4px 24px; padding-left:12px; border-left:1px solid #dfe6ee; display:grid; gap:3px; }
.nav-submenu[hidden] { display:none; }
.sidebar .nav .nav-submenu button { min-height:36px; padding:8px 10px; font-size:.875rem; line-height:1.4; border-radius:5px; color:#62738a; }
.sidebar .nav .nav-submenu button.active { background:#edf4ff; color:var(--blue); font-weight:600; }
.sidebar .nav button.active-parent { color:var(--blue); background:#f5f8ff; }
.sidebar-bottom { padding-top:20px; }
.is-compact .nav-submenu,.is-compact .sidebar .nav .group-toggle,.is-compact .sidebar .new-chevron { display:none; }
.is-compact .sidebar .nav .nav-parent > button[data-page] { padding:12px 0; }
.is-compact .sidebar .brand-star { width:44px; height:44px; }
.reserved-content { margin-top:28px; padding:32px; background:#fff; border:1px solid var(--line); max-width:820px; }
.reserved-content h2 { margin:0 0 8px; font-size:1rem; font-weight:600; }
.reserved-content p { margin:0; color:var(--muted); max-width:640px; line-height:1.6; }
@media(max-width:760px){ .reserved-content{padding:22px;} }
/* Compact navigation opens beside the rail, outside its scrolling container. */
.navigation-flyout {
  position:fixed; inset:auto; margin:0; z-index:25;
  width:min(248px,calc(100vw - 94px)); box-sizing:border-box;
  padding:8px; border:1px solid #dce6e9; border-radius:12px;
  background:#fff; color:#365765; box-shadow:0 10px 30px #143d5014;
  overflow:auto; scrollbar-width:thin; scrollbar-color:#d3e0e5 transparent;
}
.navigation-flyout[hidden] { display:none; }
.navigation-flyout button {
  display:flex; align-items:center; gap:12px; width:100%; border:0;
  background:transparent; color:#607782; padding:11px 13px; border-radius:7px;
  font:inherit; font-size:.875rem; line-height:1.5; text-align:left; cursor:pointer;
}
.navigation-flyout .navigation-flyout-heading {
  justify-content:space-between; font-weight:650; color:#265e6e;
  margin-bottom:6px; padding-bottom:13px; border-bottom:1px solid #e6edef; border-radius:5px 5px 0 0;
}
.navigation-flyout-heading > span:last-child { color:#7a9a9f; font-size:1rem; }
.navigation-flyout button:hover { color:#235a6d; background:#f1f7f8; }
.navigation-flyout button[aria-current="page"],
.navigation-flyout button[aria-current="page"]:hover { color:#1949b5; font-weight:750; background:transparent; }
.navigation-flyout button:focus-visible { outline:2px solid #478c9f; outline-offset:-2px; }
.is-compact .sidebar .nav .submenu-open { background:#edf4f7; color:#1d6277; }