/* v191 — barra lateral desktop fixa, limpa e sem trilho de rolagem visível */
@media (min-width: 1181px) {
  .app-shell:not(.management-page-shell):not(.system-page-shell):not(.insight-page-shell):not(.dashboard-shell) > .workspace {
    align-items: start !important;
    overflow: visible !important;
  }

  .app-shell:not(.management-page-shell):not(.system-page-shell):not(.insight-page-shell):not(.dashboard-shell) > .workspace > .controls-panel {
    position: sticky !important;
    top: 12px !important;
    align-self: start !important;
    height: calc(100dvh - 24px) !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 24px) !important;
    padding: 18px 15px 22px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-width: none !important;
    -ms-overflow-style: none;
    border: 1px solid rgba(83, 151, 235, 0.3) !important;
    border-radius: 0 20px 20px 0 !important;
    background:
      radial-gradient(circle at 45% 0%, rgba(30, 132, 255, 0.16), transparent 26%),
      linear-gradient(180deg, rgba(6, 25, 57, 0.99), rgba(2, 11, 29, 0.99)) !important;
    box-shadow:
      18px 0 54px rgba(0, 0, 0, 0.2),
      inset -1px 0 rgba(126, 185, 255, 0.06) !important;
  }

  .app-shell:not(.management-page-shell):not(.system-page-shell):not(.insight-page-shell):not(.dashboard-shell) > .workspace > .controls-panel::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  .app-shell:not(.management-page-shell):not(.system-page-shell):not(.insight-page-shell):not(.dashboard-shell) > .workspace > .controls-panel .filter-section {
    margin-bottom: 10px !important;
    padding: 14px !important;
    border-color: rgba(99, 163, 239, 0.2) !important;
    border-radius: 14px !important;
    background:
      radial-gradient(circle at 0 0, rgba(34, 137, 255, 0.08), transparent 40%),
      rgba(4, 20, 47, 0.72) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.025) !important;
  }

  .app-shell:not(.management-page-shell):not(.system-page-shell):not(.insight-page-shell):not(.dashboard-shell) > .workspace > .controls-panel .filter-section:last-child {
    margin-bottom: 0 !important;
  }

  .app-shell:not(.management-page-shell):not(.system-page-shell):not(.insight-page-shell):not(.dashboard-shell) > .workspace > .controls-panel .filter-section-head {
    margin-bottom: 11px !important;
  }

  .app-shell:not(.management-page-shell):not(.system-page-shell):not(.insight-page-shell):not(.dashboard-shell) > .workspace > .controls-panel :is(
    input,
    select,
    button,
    .visual-filter-trigger
  ) {
    border-radius: 10px !important;
  }

  .app-shell:not(.management-page-shell):not(.system-page-shell):not(.insight-page-shell):not(.dashboard-shell) > .workspace > .controls-panel :is(
    input,
    select,
    button,
    .visual-filter-trigger
  ):focus-visible {
    outline: 2px solid rgba(255, 132, 24, 0.92) !important;
    outline-offset: 2px !important;
  }

  .app-shell:not(.management-page-shell):not(.system-page-shell):not(.insight-page-shell):not(.dashboard-shell) > .workspace > .controls-panel .primary-search-button {
    min-height: 48px !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 30px rgba(255, 122, 0, 0.22) !important;
  }
}

@media (min-width: 1181px) and (max-height: 900px) {
  .app-shell:not(.management-page-shell):not(.system-page-shell):not(.insight-page-shell):not(.dashboard-shell) > .workspace > .controls-panel {
    padding: 12px 11px 16px !important;
  }

  .app-shell:not(.management-page-shell):not(.system-page-shell):not(.insight-page-shell):not(.dashboard-shell) > .workspace > .controls-panel .filter-section {
    margin-bottom: 8px !important;
    padding: 11px !important;
  }

  .app-shell:not(.management-page-shell):not(.system-page-shell):not(.insight-page-shell):not(.dashboard-shell) > .workspace > .controls-panel .filter-section-head {
    margin-bottom: 8px !important;
  }

  .app-shell:not(.management-page-shell):not(.system-page-shell):not(.insight-page-shell):not(.dashboard-shell) > .workspace > .controls-panel .filter-section-head p {
    display: none !important;
  }

  .app-shell:not(.management-page-shell):not(.system-page-shell):not(.insight-page-shell):not(.dashboard-shell) > .workspace > .controls-panel :is(
    .field,
    .control-grid,
    .date-actions,
    .api-key-actions
  ) {
    gap: 7px !important;
  }
}

