/* crm-features.css — what a switched-off feature leaves on screen: nothing.
 *
 * <html> carries crm-off-KEY for every feature the account does not have (see
 * crm-features.js). These are the pieces of ours that live INSIDE the
 * platform's own screens, where there is no route to cover.
 */
.crm-off-traffic .crm-clock,
.crm-off-traffic .crm-clockp,
.crm-off-deals .crm-dp,
.crm-off-deals .crm-sr,
.crm-off-ads_report .crm-ad-strip,
.crm-off-wevo .crm-wevo,
.crm-off-flow_plus #crm-flow-nav,
.crm-off-duplicates .crm-dupes,
.crm-off-audit_log .crm-audit,
.crm-off-audit_log .crm-au,
.crm-off-email_connect .crm-ec,
.crm-off-comment_dm .crm-adm-backdrop {
  display: none !important;
}

[data-crm-feature-host] { position: relative; }

.crm-feature-cover {
  position: absolute;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 24px 16px;
  background: #f6f7f3;
}
.dark .crm-feature-cover { background: #15181c; }

.crm-feature-cover__card {
  max-width: 440px;
  padding: 22px 24px;
  border: 1px solid #e8ebe4;
  border-radius: 8px;
  background: #ffffff;
  text-align: center;
}
.dark .crm-feature-cover__card { border-color: #2c3138; background: #1b1e23; }

.crm-feature-cover__title { font-size: 16px; font-weight: 700; color: #1d1b1c; margin-bottom: 6px; }
.dark .crm-feature-cover__title { color: #e8eaed; }
.crm-feature-cover__text { font-size: 13px; line-height: 1.7; color: #55606c; }
.dark .crm-feature-cover__text { color: #9aa3af; }