/* Scoped navigation adjustments; application forms retain their own layout. */
.sidebar .menu-search-wrap{padding:14px 8px 12px;flex-shrink:0}
.sidebar .menu-search-wrap label{display:block;color:#b9dce3;font-size:11px;font-weight:600;margin-bottom:7px}
.sidebar #menu-search{box-sizing:border-box;width:100%;min-width:0;height:36px;padding:8px 10px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.24);border-radius:5px;color:#fff;font:inherit;font-size:12px}
.sidebar #menu-search::placeholder{color:#c5dce3;opacity:1}
.sidebar #menu-search:focus{outline:2px solid #62cfbd;outline-offset:2px}
#main-navigation{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding-bottom:12px}
#main-navigation [hidden]{display:none!important}
#main-navigation .nav-group{margin-top:4px;flex-shrink:0}
#main-navigation summary{min-height:40px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:10px 9px}
#main-navigation summary>span{display:flex;align-items:center;gap:7px}
#main-navigation .nav-icon{flex:0 0 17px;margin-right:0}
#main-navigation .nav-group-items{margin-left:17px;padding:3px 0 5px 12px}
#main-navigation .nav-group-items a{display:block;padding:9px 10px!important;font-size:12px!important;line-height:1.4;border-radius:4px!important}
/* Current page: quiet tonal highlight and a fine underline, without a side stripe. */
#main-navigation .nav-home.active,#main-navigation .nav-group-items a.active{background:rgba(255,255,255,.09)!important;color:#fff!important;font-weight:600;box-shadow:none!important;text-decoration:underline;text-decoration-color:rgba(255,255,255,.5);text-decoration-thickness:1px;text-underline-offset:5px}
#main-navigation .nav-home.active .nav-icon{color:#fff}
#main-navigation a:focus-visible,#main-navigation summary:focus-visible{outline:2px solid #62cfbd;outline-offset:-2px}
#main-navigation .nav-home{flex-shrink:0;min-height:40px;align-items:center}
#menu-no-results{color:#d4e7ed;font-size:12px;padding:12px 8px;line-height:1.5}
.sidebar .sidebar-footer{flex-shrink:0}

/* Desktop preference: the expanded preview overlays content without moving it. */
.sidebar-mode-toggle{display:none}
.compact-hover-brand{display:none}
@media (min-width:851px){
  .sidebar .sidebar-mode-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:34px;padding:0;border:0;border-radius:4px;background:transparent;color:#c5dce3;cursor:pointer}
  .sidebar-mode-toggle:hover{background:rgba(255,255,255,.1);color:white}
  .sidebar-mode-toggle:focus-visible{outline:2px solid #62cfbd;outline-offset:2px}
  body.sidebar-compact .app-shell{grid-template-columns:72px minmax(0,1fr)}
  body.sidebar-compact #app-sidebar{width:72px;overflow:hidden;transition:width 260ms cubic-bezier(.22,.61,.36,1),box-shadow 260ms ease}
  body.sidebar-compact #app-sidebar:hover,
  body.sidebar-compact #app-sidebar:has(:focus-visible){width:244px;box-shadow:8px 0 22px rgba(16,40,75,.15)}
  /* Keep header, rows and footer geometry identical during the hover preview. */
  body.sidebar-compact #app-sidebar .brand,
  body.sidebar-compact #app-sidebar .menu-search-wrap,
  body.sidebar-compact #app-sidebar .user-info{display:none}
  body.sidebar-compact #app-sidebar .brand-row{position:relative;justify-content:flex-start;padding-left:8px;padding-right:0}
  /* Decorative overlay: revealing the logo never participates in header layout. */
  body.sidebar-compact #app-sidebar .compact-hover-brand{position:absolute;left:52px;top:0;display:flex;align-items:center;gap:8px;width:150px;height:34px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 180ms ease,visibility 180ms ease}
  body.sidebar-compact #app-sidebar .compact-hover-brand img{width:32px;height:32px;object-fit:contain;flex:0 0 32px}
  body.sidebar-compact #app-sidebar:hover .compact-hover-brand,
  body.sidebar-compact #app-sidebar:has(:focus-visible) .compact-hover-brand{opacity:1;visibility:visible}
  body.sidebar-compact #app-sidebar #main-navigation{overflow-x:hidden;scrollbar-width:none}
  body.sidebar-compact #app-sidebar #main-navigation summary,
  body.sidebar-compact #app-sidebar #main-navigation .nav-home{height:48px;min-height:48px;white-space:nowrap;padding-left:9px;padding-right:9px;justify-content:flex-start}
  body.sidebar-compact #app-sidebar #main-navigation summary>b{margin-left:auto}
  body.sidebar-compact #app-sidebar .sidebar-footer{padding-left:0;padding-right:0}
  body.sidebar-compact #app-sidebar .logout-link{display:flex;height:44px;min-height:44px;padding:9px 11px;gap:0;white-space:nowrap;transform:none}
  body.sidebar-compact #app-sidebar .logout-icon{flex:0 0 24px}
  body.sidebar-compact #app-sidebar .logout-link:focus-visible{outline:2px solid #62cfbd;outline-offset:2px}
  body.sidebar-compact #app-sidebar .nav-label,
  body.sidebar-compact #app-sidebar .nav-home>span:not(.nav-icon),
  body.sidebar-compact #app-sidebar #main-navigation summary>b,
  body.sidebar-compact #app-sidebar .logout-copy>span:not(.logout-icon),
  body.sidebar-compact #app-sidebar .logout-arrow{opacity:1;transition:opacity 160ms ease}
  body.sidebar-compact #app-sidebar:not(:hover):not(:has(:focus-visible)) .logout-copy>span:not(.logout-icon),
  body.sidebar-compact #app-sidebar:not(:hover):not(:has(:focus-visible)) .logout-arrow{opacity:0}
  body.sidebar-compact #app-sidebar .user-chip{justify-content:flex-start;padding-left:8px}
  body.sidebar-compact #app-sidebar #main-navigation summary>span{min-width:0;flex-shrink:0}
  body.sidebar-compact #app-sidebar:not(:hover):not(:has(:focus-visible)) .nav-label,
  body.sidebar-compact #app-sidebar:not(:hover):not(:has(:focus-visible)) #main-navigation summary>b,
  body.sidebar-compact #app-sidebar:not(:hover):not(:has(:focus-visible)) .nav-home>span:not(.nav-icon){opacity:0}
}
@media (prefers-reduced-motion:reduce){
  body.sidebar-compact #app-sidebar .compact-hover-brand,
  body.sidebar-compact #app-sidebar,
  body.sidebar-compact #app-sidebar .nav-label,
  body.sidebar-compact #app-sidebar .nav-home>span:not(.nav-icon),
  body.sidebar-compact #app-sidebar #main-navigation summary>b,
  body.sidebar-compact #app-sidebar .logout-copy>span:not(.logout-icon),
  body.sidebar-compact #app-sidebar .logout-arrow{transition:none}
}

/* A single, recognizable exit action; stable in expanded and compact navigation. */
.dashboard-refresh #app-sidebar .logout-link{box-sizing:border-box;min-height:44px;align-items:center;justify-content:flex-start;padding:10px 12px;margin-top:12px;border:1px solid rgba(190,225,235,.18);border-radius:8px;background:rgba(255,255,255,.04);color:#e0eff3;font-size:13px;font-weight:600;letter-spacing:0;box-shadow:none;transform:none;transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease}
.dashboard-refresh #app-sidebar .logout-copy{gap:10px;white-space:nowrap}
.dashboard-refresh #app-sidebar .logout-icon{flex:0 0 24px;width:24px;height:24px;background:transparent;border:0;border-radius:0;color:inherit}
.dashboard-refresh #app-sidebar .logout-icon svg{display:block;width:22px;height:22px}
.dashboard-refresh #app-sidebar .logout-link:hover{background:rgba(255,255,255,.11);border-color:rgba(190,225,235,.38);color:#fff;box-shadow:none;transform:none}
.dashboard-refresh #app-sidebar .logout-link:focus-visible{outline:2px solid #83d5e8;outline-offset:3px;background:rgba(255,255,255,.11)}
.dashboard-refresh #app-sidebar .logout-link:active{background:rgba(255,255,255,.17)}
@media(prefers-reduced-motion:reduce){.dashboard-refresh #app-sidebar .logout-link{transition:none}}