.search-navigation { margin-top: 24px; padding-top: 18px; border-top: 1px solid #ffffff26; }
.sidebar > nav .nav-item { min-height: 44px; }
.sidebar .sidebar-bottom #logout { min-width: 44px; min-height: 44px; width: 44px; height: 44px; }
.sidebar .search-navigation details { margin: 0 0 6px; }
.sidebar .search-navigation summary { min-height: 44px; padding: 10px 0; margin: 0; color: #e3ecf1; font-size: 13px; font-weight: 600; cursor: pointer; }
.sidebar .search-navigation button { min-height: 40px; padding: 9px 12px; border-radius: 6px; margin: 2px 0; font-size: 12px; line-height: 1.5; color: #c2d0d8; }
.sidebar .search-navigation button:hover { background: #ffffff0e; color: white; }
.sidebar .search-navigation button.active { background: #344f5f; color: white; box-shadow: inset 3px 0 #69c7b8; }
.sidebar .search-navigation :is(button,summary):focus-visible { outline: 2px solid #93dbcf; outline-offset: 2px; }
#searchPresetHint { grid-column: 1 / -1; padding: 10px 12px; border-left: 3px solid #82b7aa; background: #f0f7f5; color: #426a61; margin: 0 0 14px; font-size: 13px; }
@media(max-width:650px) {
 .sidebar .search-navigation { margin-top: 8px; padding-top: 8px; display: flex; flex-wrap: wrap; gap: 0 18px; }
 .sidebar .search-navigation details { flex: 1 1 145px; min-width: 0; }
 .sidebar .search-navigation :is(button,summary) { min-height: 44px; }
}
.search-category-menu > summary { display: none; }
@media(max-width:900px) {
 .search-category-menu { margin-top: 10px; border-top: 1px solid #ffffff26; }
 .search-category-menu > summary { display: list-item; min-height: 44px; margin: 0; padding: 10px 0; color: #e3ecf1; font-size: 13px; cursor: pointer; }
 .sidebar .search-navigation { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px 16px; margin: 0; padding: 0; border: 0; overflow: visible; }
 .sidebar .search-navigation :is(button,summary) { min-height: 44px; }
}
@media(max-width:360px) { .sidebar .search-navigation { grid-template-columns: minmax(0,1fr); } }
.history-actions .text-button { display: block; min-height: 36px; padding: 6px 0; }
@media(max-width:650px) {
 #view-users > .page-heading { flex-wrap: wrap; align-items: flex-start; }
 #view-users > .page-heading > div { min-width: 0; }
 #view-users > .page-heading h1 { overflow-wrap: anywhere; }
}