.filter-commands { display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-width: max-content; }
.filter-commands > button { flex-shrink: 0; }
#saveCatalogViewButton { width: 42px; height: 42px; min-width: 42px; padding: 9px; }
.saved-view-save .ui-icon { width: 22px; height: 22px; }
.saved-view-context { color: #97efb1; font-size: .8rem; font-weight: 700; overflow-wrap: anywhere; }
.saved-views-nav { position: relative; min-width: 0; }
.saved-views-nav > summary { display: flex; align-items: center; gap: 10px; padding: 12px 14px; min-height: 48px; border-radius: 8px; color: #b4c0ce; font-weight: 800; cursor: pointer; list-style: none; user-select: none; }
.saved-views-nav > summary::-webkit-details-marker, .saved-view-menu > summary::-webkit-details-marker { display: none; }
.saved-views-nav > summary:hover, .saved-views-nav[open] > summary { background: #17232c; color: #f0f6ff; }
.saved-views-nav > summary .ui-icon { width: 24px; height: 24px; }
#savedViewsCount { margin-left: auto; color: #94a7b9; font-size: .72rem; }
.saved-views-chevron { width: 14px; height: 14px; flex: 0 0 14px; background: currentColor; mask: url('/assets/icons/lucide/chevron-down.svg') center / contain no-repeat; transition: transform .15s; }
.saved-views-nav[open] > summary .saved-views-chevron { transform: rotate(180deg); }
.saved-views-dropdown { border-left: 1px solid #30404e; margin: 5px 0 3px 25px; padding-left: 8px; }
.saved-view-row { display: grid; grid-template-columns: minmax(0, 1fr) 30px; align-items: start; min-width: 0; border-radius: 6px; }
.saved-view-row.is-active { background: #1c3330; box-shadow: inset 2px 0 #96efad; }
.saved-view-row:hover { background-color: #1b2934; }
.saved-view-link, .saved-views-all { text-align: left; background: transparent; box-shadow: none; color: #c9d6e4; border: 0; border-radius: 4px; padding: 10px 8px; min-width: 0; font-size: .83rem; }
.saved-view-link { width: 100%; overflow-wrap: anywhere; line-height: 1.45; }
#savedViewsShortcuts .saved-view-link { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.saved-view-row.is-active > .saved-view-link { color: #a3f5b9; }
.saved-views-all { color: #94efb0; width: 100%; margin-top: 5px; }
.saved-view-menu { display: contents; }
.saved-view-menu > summary { grid-column: 2; grid-row: 1; list-style: none; cursor: pointer; text-align: center; color: #b6c5d4; width: 30px; height: 36px; padding-top: 4px; font-size: 1.3rem; border-radius: 4px; }
.saved-view-menu > summary:hover { color: #a3f5b9; background: #263b44; }
.saved-view-menu-items { grid-column: 1 / -1; display: grid; padding: 4px; margin: 0 4px 6px; border: 1px solid #344654; border-radius: 6px; background: #101922; }
.saved-view-menu:not([open]) > .saved-view-menu-items { display: none; }
.saved-view-menu-items button { text-align: left; background: transparent; border: 0; border-radius: 3px; box-shadow: none; padding: 9px 8px; font-size: .8rem; color: #c9d6e4; white-space: normal; }
.saved-view-menu-items button:hover { background: #22313e; }
.saved-view-menu-items .danger-button { color: #ffb3b7; }
.saved-views-empty { padding: 12px 8px; margin: 0; color: #a3b3c3; font-size: .85rem; }
#savedViewsDialog { width: min(620px, calc(100vw - 28px)); }
#saveViewDialog { width: min(450px, calc(100vw - 28px)); }
#savedViewsDialog .dialog-header, #saveViewDialog .dialog-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
#savedViewsDialog h2, #saveViewDialog h2 { font-size: 1.3rem; margin: 0; }
.saved-views-form { display: flex; flex-direction: column; gap: 16px; max-height: calc(100dvh - 60px); }
#savedViewsList { overflow-y: auto; min-height: 70px; min-width: 0; }
.saved-view-manager-row { display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: start; gap: 8px; border-bottom: 1px solid #293845; padding: 8px 0; }
.saved-view-manager-row .saved-view-link { font-size: .95rem; }
.saved-view-favorite { width: 36px; height: 36px; padding: 6px; }
.saved-view-favorite .ui-icon { width: 22px; height: 22px; }
.saved-view-favorite[aria-pressed="false"] .ui-icon { filter: grayscale(1); opacity: .4; }
.saved-view-footer { display: flex; justify-content: flex-end; gap: 8px; margin-top: 8px; }
#savedViewFavoriteField { display: flex; align-items: center; gap: 10px; cursor: pointer; user-select: none; }
#savedViewFavorite { width: 16px; height: 16px; margin: 0; cursor: pointer; accent-color: #95efad; }
#saveViewError:empty { display: none; }
#saveViewError { color: #ffb3b7; overflow-wrap: anywhere; }
.saved-views-nav :focus-visible, .saved-view-menu > summary:focus-visible { outline: 2px solid #9bf1b2; outline-offset: 2px; }
@media (min-width: 961px) {
  .sidebar > .nav { min-height: 0; overflow-y: auto; padding: 2px; margin-inline: -2px; }
}
@media (prefers-reduced-motion: reduce) { .saved-views-chevron { transition: none; } }
@media (min-width: 701px) and (max-width: 1200px) {
  #listFilters { grid-template-columns: minmax(140px,1fr) minmax(110px,150px) minmax(115px,150px) max-content; gap: 8px; }
}
@media (max-width: 960px) {
  .saved-views-nav > summary { justify-content: center; padding: 8px; gap: 5px; height: 100%; min-height: 42px; font-size: .78rem; }
  .saved-views-nav > summary .ui-icon, #savedViewsCount { display: none; }
  .saved-views-dropdown { position: absolute; right: 0; top: calc(100% + 6px); width: min(280px, calc(100vw - 28px)); z-index: 65; padding: 8px; margin: 0; background: #101923; border: 1px solid #364a59; border-radius: 8px; box-shadow: 0 12px 32px #0008; max-height: 65dvh; overflow-y: auto; }
}
@media (max-width: 700px) {
  #filterCommands { grid-column: 1 / -1; }
  #saveCatalogViewButton { width: 34px; height: 34px; min-width: 34px; padding: 6px; }
  #savedViewsDialog .dialog-form, #saveViewDialog .dialog-form { padding: 16px; }
}