/* Parque: acciones en la franja superior y filtros en el mismo banner. */
.header-inventory-controls { min-width: 0; }
.app-header .header-inventory-controls .filter-toolbar {
  display: grid; grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas: "fields fields" "options feedback";
  gap: 4px 14px; border: 0; background: transparent; overflow: visible;
}
.app-shell.inventory-workspace-active #filterForm { grid-area: fields; display: grid; grid-template-columns: minmax(220px, 1.9fr) repeat(5, minmax(110px, 1fr)); gap: 8px; padding: 0; margin: 0; }
.app-shell.inventory-workspace-active #filterForm .filter-field-wide { grid-column: auto; }
.app-shell.inventory-workspace-active #filterForm label, .header-inventory-controls .filter-multi-field { min-width: 0; gap: 4px; }
.app-shell.inventory-workspace-active #filterForm label > span, .header-inventory-controls .filter-label { color: #d5dfef; font-size: 9px; font-weight: 700; }
.header-inventory-controls :is(input:not([type="checkbox"]), select, .filter-multi-select > summary) { width: 100%; min-width: 0; min-height: 32px; height: 32px; padding: 5px 9px; border: 1px solid #8291a9; border-radius: 8px; background: #252d3a; color: #f2f6ff; font-size: 11px; color-scheme: dark; }
.header-inventory-controls .search-field input { padding-left: 29px; }
.header-inventory-controls .search-field::before { top: 22px; left: 9px; color: #c8d7ee; }
.header-inventory-controls input::placeholder { color: #bac7da; opacity: 1; }
.header-inventory-controls select option { color: #f2f6ff; background: #252d3a; }
.header-inventory-controls :is(input, select):focus { border-color: #d4e2fa; background: #344158; outline: 2px solid #8fa6cc; outline-offset: 1px; box-shadow: none; }
.header-inventory-controls .filter-multi-select.has-filter > summary { color: #f2f6ff; border-color: #a8bad6; background: #3a4961; }
.header-inventory-controls .filter-multi-popover { z-index: 70; border-color: #91a5c5; background: #222b39; color: #f2f6ff; }
.header-inventory-controls .filter-multi-option { color: #eef4ff; }
.header-inventory-controls .filter-multi-option:has(input:checked) { background: #405471; }
.header-inventory-controls .filter-multi-option :is(strong, small) { color: #edf4ff; }
.header-inventory-controls .filter-multi-option:hover { background: #394c68; }
.header-inventory-controls .filter-multi-actions button { border-color: #8a9ebc; background: #35455d; color: #f2f6ff; }
.header-inventory-controls .filter-multi-actions button:hover { background: #4d6385; color: #fff; }
.header-inventory-controls .filter-toolbar-heading { grid-area: options; display: flex; align-items: center; justify-content: flex-start; gap: 12px; padding: 0; min-height: 25px; }
.header-inventory-controls .filter-toolbar-heading > div { display: none; }
.header-inventory-controls .official-park-filter { display: flex; align-items: center; gap: 8px; margin: 0; color: #eef4ff; font-size: 11px; font-weight: 650; cursor: pointer; }
.header-inventory-controls .official-park-filter input { flex: 0 0 15px; width: 15px; height: 15px; margin: 0; accent-color: #a8bfdf; }
.header-inventory-controls .official-park-filter span { display: inline; margin: 0; color: inherit; font-size: inherit; }
.header-inventory-controls #clearFiltersButton { min-height: 24px; padding: 3px 6px; color: #e2ecff; font-size: 10px; }
.header-inventory-controls .filter-feedback { grid-area: feedback; min-height: 0; margin: 0; padding: 4px 0; align-self: center; color: #d2def1; font-size: 9px; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (min-width: 761px) {
  .app-shell.inventory-workspace-active { grid-template-rows: auto minmax(0, 1fr); }
  .app-shell.inventory-workspace-active .app-header { height: auto; min-height: 0; grid-template-rows: minmax(66px, auto) auto; overflow: visible; z-index: 50; }
  .app-shell.inventory-workspace-active .app-header .header-brand { height: auto; min-height: 0; }
  .app-shell.inventory-workspace-active .app-header .topbar-copy { padding: 5px 16px 0; }
  .app-shell.inventory-workspace-active .app-header h1 { font-size: 21px; }
  .app-shell.inventory-workspace-active .app-header .topbar-actions { display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; gap: 4px 8px; padding: 5px 18px 0 0; }
  .app-shell.inventory-workspace-active .app-header .topbar-actions .profile-switcher { grid-column: 1; grid-row: 1; }
  .app-shell.inventory-workspace-active .app-header .topbar-actions .connection-status { grid-column: 2; grid-row: 1; justify-self: end; padding: 3px 7px; font-size: 9px; }
  .app-shell.inventory-workspace-active .app-header .inventory-header-actions { grid-column: 1 / 3; grid-row: 2; display: flex; flex-wrap: nowrap; gap: 6px; }
  .app-shell.inventory-workspace-active .app-header .inventory-header-actions .button { min-height: 30px; padding: 5px 9px; font-size: 10px; }
  .app-shell.inventory-workspace-active .header-workspace-controls { align-self: stretch; padding: 0 18px 6px 16px; overflow: visible; }
  .app-shell.inventory-workspace-active .main-column > .content { padding-top: 10px; }
  .header-inventory-controls .filter-toolbar-heading { min-width: max-content; }
  .header-inventory-controls .official-park-filter { white-space: nowrap; }
}
@media (min-width: 761px) and (max-width: 1400px) {
  .app-shell.inventory-workspace-active .app-header h1 { font-size: 18px; }
  .app-shell.inventory-workspace-active .app-header .inventory-header-actions .button { padding: 5px 7px; font-size: 9px; }
  .app-shell.inventory-workspace-active #filterForm { grid-template-columns: minmax(180px, 1.7fr) repeat(5, minmax(90px, 1fr)); gap: 6px; }
  .header-inventory-controls .official-park-filter { font-size: 10px; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  .app-shell.inventory-workspace-active .app-header { grid-template-columns: var(--app-sidebar-size) minmax(0, 1fr); }
  .app-shell.inventory-workspace-active .app-header .topbar-actions { grid-column: 2; grid-row: 2; padding: 2px 16px 5px; }
  .app-shell.inventory-workspace-active .app-header .header-brand { grid-row: 1 / 4; }
  .app-shell.inventory-workspace-active .header-workspace-controls { grid-column: 2; grid-row: 3; }
  .app-shell.inventory-workspace-active #filterForm { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .app-shell.inventory-workspace-active #filterForm .filter-field-wide { grid-column: 1 / -1; }
  .app-header .header-inventory-controls .filter-toolbar { grid-template-areas: "fields fields" "options options" "feedback feedback"; }
}
@media (max-width: 760px) {
  .app-shell.inventory-workspace-active .app-header { grid-template-columns: 100px minmax(0, 1fr); grid-template-rows: auto auto auto; overflow: visible; z-index: 50; }
  .app-shell.inventory-workspace-active .app-header .header-brand { width: 100px; min-width: 0; }
  .app-shell.inventory-workspace-active .app-header .header-brand .brand-logo { width: 90px; max-width: 90px; }
  .app-shell.inventory-workspace-active .app-header h1 { font-size: 16px; line-height: 1.2; }
  .app-shell.inventory-workspace-active .header-workspace-controls { grid-column: 1 / -1; grid-row: 3; padding: 4px 0 0; }
  .app-shell.inventory-workspace-active .app-header .topbar-actions { flex-wrap: wrap; padding: 0 12px; }
  .app-shell.inventory-workspace-active .app-header .inventory-header-actions { display: flex; flex-wrap: wrap; gap: 5px; }
  .app-shell.inventory-workspace-active .app-header .inventory-header-actions .button { min-height: 29px; padding: 5px 7px; font-size: 9px; }
  .app-header .header-inventory-controls .filter-toolbar { grid-template-columns: minmax(0, 1fr); grid-template-areas: "fields" "options" "feedback"; gap: 5px; }
  .app-shell.inventory-workspace-active #filterForm { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
  .app-shell.inventory-workspace-active #filterForm .filter-field-wide { grid-column: 1 / -1; }
  .header-inventory-controls .filter-toolbar-heading { flex-wrap: wrap; gap: 4px; }
  .header-inventory-controls .official-park-filter { font-size: 10px; }
  .header-inventory-controls .filter-feedback { text-align: left; font-size: 9px; }
}