/**
 * Adtrol: ONE backdrop = theme suite backdrop (html::before).
 * Second layer was var(--surface-base) body; third was color-mix card/table fills.
 */

html[data-trol-suite-backdrop="1"] {
  --trol-island-edge: 0 0 0 1px rgba(255, 255, 255, 0.06);
  --trol-island-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

html[data-trol-suite-backdrop="1"],
html[data-trol-suite-backdrop="1"] body {
  background-color: transparent !important;
  background-image: none !important;
}

html[data-trol-suite-backdrop="1"] .at-wrap {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

html[data-trol-suite-backdrop="1"] .at-card,
html[data-trol-suite-backdrop="1"] .at-kpi {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: var(--trol-island-edge), var(--trol-island-shadow) !important;
}

html[data-trol-suite-backdrop="1"] .at-table th,
html[data-trol-suite-backdrop="1"] .at-table td,
html[data-trol-suite-backdrop="1"] .at-table tr:hover td {
  background: transparent !important;
  background-color: transparent !important;
}