/*
 * Surface refinements — THEME-AWARE (light + dark).
 *
 * Replaces the legacy inline "milky off-white" <style> blocks that hardcoded
 * literal hex (#f0eeee canvas, #e1dfe4/#fafafa cards, #f4f3f6 recessed) and a
 * `body.app-default { background:#f0eeee !important }` override that ignored the
 * theme mode entirely — so those surfaces stayed white in dark mode.
 *
 * RULE (locked 2026-06-24): color is owned by the theme. Every value here
 * resolves to a Bootstrap/Metronic --bs-* token that flips automatically with
 * <html data-bs-theme>. There is NO literal surface hex and NO body-background
 * override in this file. Do not reintroduce either.
 *
 * Registered globally via dz_demo24.py (ui.global_css).
 */

/* Card refinement: tighter border + denser shadow than the stock card, but the
   border colour comes from the theme so it is light in light mode and dark in
   dark mode. The shadow is a translucent black — theme-neutral by design. */
.card.surface-card {
  border: 1px solid var(--bs-border-color);
  box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 16px rgba(0, 0, 0, .03);
}
.card.surface-card > .card-header,
.card.surface-card .card-header {
  border-bottom: 1px solid var(--bs-border-color);
  background-color: var(--bs-gray-100);
}

/* Recessed inner block: a subtly tinted, bordered sub-container used inside
   surface cards. --bs-gray-100 is a hair darker than the card surface in BOTH
   modes, giving the same "recessed" read without hardcoding a light fill. */
.recessed-block {
  background-color: var(--bs-gray-100);
  border: 1px solid var(--bs-border-color);
  border-radius: 0.475rem;
}
