/**
 * Comstrol: ONE backdrop = theme suite backdrop (html::before).
 * Second layer was inline body #F8FAFC; third was white #fff list/panel cards in layout CSS.
 */

html[data-trol-suite-backdrop="1"] {
  --trol-island-edge: 0 0 0 1px rgba(15, 23, 42, 0.08);
  --trol-island-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
}

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"] .cm-wrap {
  background: transparent !important;
  background-color: transparent !important;
}

html[data-trol-suite-backdrop="1"] .cm-thread-list,
html[data-trol-suite-backdrop="1"] .cm-empty,
html[data-trol-suite-backdrop="1"] .cm-email-list,
html[data-trol-suite-backdrop="1"] .cm-compose,
html[data-trol-suite-backdrop="1"] .cm-call,
html[data-trol-suite-backdrop="1"] .cm-voicemail,
html[data-trol-suite-backdrop="1"] .cm-email-panel-empty {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: var(--trol-island-edge), var(--trol-island-shadow) !important;
}

html[data-trol-suite-backdrop="1"] .cm-thread-unread,
html[data-trol-suite-backdrop="1"] .cm-thread-link:hover {
  background: transparent !important;
  background-color: transparent !important;
}