/* ===================================================== */
/* Dark theme - elevated surfaces (dropdowns / modals)   */
/* Gives dropdowns & modals their own darker "recessed"  */
/* panel colour + light border, instead of sharing the   */
/* page background colour.                               */
/* ===================================================== */

body[data-bg="dark"] .dropdown-menu {
  background: var(--cl-secondary-bg-color) !important;
  border: 1px solid #b8b7bd !important;
}

body[data-bg="dark"] div.modal div.modal-content {
  background: var(--cl-secondary-bg-color) !important;
  border: 1px solid #b8b7bd !important;
}