/* Desktop sidebars: outer native scrollbars and clear, flat section boundaries. */
@media (min-width: 921px) {
  body[data-pf-desktop="true"] {
    --pf-side-track: #dce6ea;
    --pf-side-thumb: #6b858f;
    --pf-side-thumb-hover: #3b626f;
    --pf-side-surface: #f8fbfc;
    --pf-side-heading: #e6eff2;
    --pf-side-border: #afc1c8;
    --pf-side-divider: #cbd8dd;
  }
  html[data-theme="dark"] body[data-pf-desktop="true"],
  #pfPBRDialog[data-pf-workbench="true"] {
    --pf-side-track: #13232c;
    --pf-side-thumb: #78949e;
    --pf-side-thumb-hover: #a8c3cc;
    --pf-side-surface: #263239;
    --pf-side-heading: #18343d;
    --pf-side-border: #516c77;
    --pf-side-divider: #415963;
  }

  body[data-pf-desktop="true"] .pf-desk-pane > .pf-desk-scroll,
  #pfPBRDialog[data-pf-workbench="true"] .pf-pbr-scroll {
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    scrollbar-gutter: stable;
    scrollbar-width: auto;
    scrollbar-color: auto;
    padding: 10px 8px 28px !important;
    overscroll-behavior: contain;
  }
  /* Change only the scroll container's direction; all controls retain LTR layout. */
  body[data-pf-desktop="true"] #pfDeskLeft > .pf-desk-scroll,
  #pfPBRDialog[data-pf-workbench="true"] #pfDeskStudioLeft > .pf-desk-scroll {
    direction: rtl;
  }
  body[data-pf-desktop="true"] .pf-desk-pane > .pf-desk-scroll > *,
  #pfPBRDialog[data-pf-workbench="true"] .pf-pbr-scroll > * {
    direction: ltr;
    text-align: start;
  }
  body[data-pf-desktop="true"] #pfDeskRight > .pf-desk-scroll,
  #pfPBRDialog[data-pf-workbench="true"] .pf-pbr-controls > .pf-pbr-scroll {
    direction: ltr;
  }
  body[data-pf-desktop="true"] .pf-desk-scroll::-webkit-scrollbar,
  #pfPBRDialog[data-pf-workbench="true"] .pf-pbr-scroll::-webkit-scrollbar {
    width: 12px;
    height: 12px;
  }
  body[data-pf-desktop="true"] .pf-desk-scroll::-webkit-scrollbar-track,
  #pfPBRDialog[data-pf-workbench="true"] .pf-pbr-scroll::-webkit-scrollbar-track {
    background: var(--pf-side-track);
    border-inline: 1px solid var(--pf-side-divider);
  }
  body[data-pf-desktop="true"] .pf-desk-scroll::-webkit-scrollbar-thumb,
  #pfPBRDialog[data-pf-workbench="true"] .pf-pbr-scroll::-webkit-scrollbar-thumb {
    min-height: 38px;
    border: 2px solid var(--pf-side-track);
    border-radius: 8px;
    background: var(--pf-side-thumb);
  }
  body[data-pf-desktop="true"] .pf-desk-scroll::-webkit-scrollbar-thumb:hover,
  #pfPBRDialog[data-pf-workbench="true"] .pf-pbr-scroll::-webkit-scrollbar-thumb:hover {
    background: var(--pf-side-thumb-hover);
  }
  /* Firefox uses its native colored rail; Chromium uses the 12px rules above. */
  @supports (-moz-appearance: none) {
    body[data-pf-desktop="true"] .pf-desk-scroll,
    #pfPBRDialog[data-pf-workbench="true"] .pf-pbr-scroll {
      scrollbar-color: var(--pf-side-thumb) var(--pf-side-track);
    }
  }

  body[data-pf-desktop="true"] .pf-desk-pane .pf-dock-block,
  #pfPBRDialog[data-pf-workbench="true"] .pf-dock-block {
    margin-bottom: 13px;
    border: 1px solid var(--pf-side-border);
    border-radius: 7px;
    background: var(--pf-side-surface);
  }
  body[data-pf-desktop="true"] .pf-desk-pane .pf-dock-head,
  #pfPBRDialog[data-pf-workbench="true"] .pf-dock-head {
    min-height: 37px;
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid var(--pf-side-border);
    background: var(--pf-side-heading);
  }
  body[data-pf-desktop="true"] .pf-desk-pane .pf-dock-block:has(> .pf-dock-body[hidden]) > .pf-dock-head,
  #pfPBRDialog[data-pf-workbench="true"] .pf-dock-block:has(> .pf-dock-body[hidden]) > .pf-dock-head {
    border-bottom: 0;
    border-radius: 6px;
  }
  body[data-pf-desktop="true"] .pf-desk-pane .pf-dock-block[data-active="true"],
  #pfPBRDialog[data-pf-workbench="true"] .pf-dock-block[data-active="true"] {
    border-color: var(--app-accent, #07838d);
  }
  body[data-pf-desktop="true"] .pf-desk-pane .pf-dock-block[data-active="true"] > .pf-dock-head,
  #pfPBRDialog[data-pf-workbench="true"] .pf-dock-block[data-active="true"] > .pf-dock-head {
    box-shadow: inset 3px 0 var(--app-accent, #07838d);
  }
  body[data-pf-desktop="true"] .pf-desk-pane .pf-dock-toggle,
  #pfPBRDialog[data-pf-workbench="true"] .pf-dock-toggle {
    font-weight: 750;
    letter-spacing: .01em;
  }
  body[data-pf-desktop="true"] .pf-desk-pane .pf-dock-body,
  #pfPBRDialog[data-pf-workbench="true"] .pf-dock-body {
    padding: 12px 9px;
  }
  body[data-pf-desktop="true"] .pf-desk-pane .pf-menu-section,
  body[data-pf-desktop="true"] .pf-desk-pane .pf-field-section + .pf-field-section,
  #pfPBRDialog[data-pf-workbench="true"] .pf-pbr-section + .pf-pbr-section {
    border-top: 1px solid var(--pf-side-divider);
    margin-top: 16px;
    padding-top: 13px;
  }
  body[data-pf-desktop="true"] .pf-desk-pane h3,
  body[data-pf-desktop="true"] .pf-desk-pane h4 {
    font-weight: 700;
  }
}