/*
 * panel-chrome.css — shared visual chrome for floating dropdown / menu panels.
 *
 * Single source for the "canonical dropdown chrome" recipe currently duplicated
 * across six panels: .stub-dd (index.html), .ss-dd / .watch-menu (dashboard.html),
 * .dp-cal (date-horizon.js), .pc-seg-popover (pax-control.js), .dwp-ch-popover
 * (dep-window-picker.js). Only the properties proven identical across all six are
 * here — panel-specific position, z-index, max-height, overflow, and min-width
 * stay with each panel.
 *
 * Scaffold only: not referenced by any page or widget yet, and adds no rule that
 * matches any element until a panel opts in with the .panel-chrome class. No
 * visual change on any page from this file alone.
 *
 * The 4px trigger-to-panel gap is deliberately NOT included here — it has no
 * single shared form: margin-top:4px on .stub-dd / .ss-dd / .watch-menu, baked
 * into top:calc(100% + 4px) on .dp-cal, and set in JS for .pc-seg-popover /
 * .dwp-ch-popover.
 */

.panel-chrome {
  border: 1px solid var(--color-border);
  border-radius: 8px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1);
  background: var(--color-bg-surface);
}