/* GlowNow upgrades #546-#560: marketing activation, acquisition readiness and privacy-safe conversion tracking */

.marketing-activation-panel,
.booking-marketing-reassurance,
.account-growth-loop,
.provider-demand-profile,
.beautician-demand-proof,
.admin-marketing-activation,
.trust-marketing-data-policy {
  display: grid;
  gap: 16px;
  scroll-margin-top: 112px;
  margin-top: 18px;
  border: 1px solid rgba(219, 76, 140, 0.2);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 102, 169, 0.1), rgba(232, 196, 108, 0.15)),
    rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 44px rgba(158, 44, 104, 0.1);
  padding: clamp(18px, 3vw, 26px);
}

.marketing-activation-head,
.booking-marketing-reassurance-head,
.account-growth-loop-head,
.provider-demand-profile-head,
.beautician-demand-proof-head,
.admin-marketing-activation-head,
.trust-marketing-data-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.marketing-activation-head > i,
.booking-marketing-reassurance-head > i,
.account-growth-loop-head > i,
.provider-demand-profile-head > i,
.beautician-demand-proof-head > i,
.admin-marketing-activation-head > i,
.trust-marketing-data-head > i {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(219, 76, 140, 0.2);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.74);
  color: #c23b83;
  padding: 8px;
}

.marketing-activation-head h2,
.booking-marketing-reassurance-head h3,
.account-growth-loop-head h2,
.provider-demand-profile-head h2,
.beautician-demand-proof-head h2,
.admin-marketing-activation-head h2,
.trust-marketing-data-head h2 {
  margin: 0;
  color: #26131f;
  line-height: 1.08;
}

.marketing-activation-head p,
.booking-marketing-reassurance-head p,
.account-growth-loop-head p,
.provider-demand-profile-head p,
.beautician-demand-proof-head p,
.admin-marketing-activation-head span,
.trust-marketing-data-head p {
  max-width: 860px;
  margin: 8px 0 0;
  color: #735064;
  line-height: 1.5;
}

.marketing-activation-grid,
.booking-marketing-reassurance-grid,
.account-growth-loop-grid,
.provider-demand-profile-grid,
.beautician-demand-proof-grid,
.trust-marketing-data-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.admin-marketing-activation-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.marketing-activation-card,
.booking-marketing-reassurance-grid article,
.account-growth-loop-grid article,
.provider-demand-profile-grid article,
.beautician-demand-proof-grid article,
.admin-marketing-activation-card,
.trust-marketing-data-grid article {
  display: grid;
  gap: 8px;
  min-height: 148px;
  align-content: start;
  border: 1px solid rgba(219, 76, 140, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.73);
  padding: 15px;
}

.marketing-activation-card.is-primary,
.account-growth-loop-grid .is-primary,
.provider-demand-profile-grid .is-primary,
.beautician-demand-proof-grid .is-primary,
.admin-marketing-activation-card.is-primary,
.trust-marketing-data-grid .is-primary {
  border-color: rgba(232, 196, 108, 0.42);
  background: linear-gradient(135deg, rgba(255, 105, 169, 0.13), rgba(232, 196, 108, 0.19));
}

.marketing-activation-card span,
.booking-marketing-reassurance-grid span,
.account-growth-loop-grid span,
.provider-demand-profile-grid span,
.beautician-demand-proof-grid span,
.admin-marketing-activation-card span,
.trust-marketing-data-grid span {
  width: fit-content;
  border-radius: 999px;
  background: rgba(219, 76, 140, 0.11);
  color: #a23574;
  padding: 4px 9px;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.marketing-activation-card h3,
.booking-marketing-reassurance-grid strong,
.account-growth-loop-grid h3,
.provider-demand-profile-grid h3,
.beautician-demand-proof-grid h3,
.admin-marketing-activation-card h3,
.trust-marketing-data-grid h3 {
  margin: 0;
  color: #26131f;
  font-size: 1rem;
  line-height: 1.18;
}

.marketing-activation-card p,
.booking-marketing-reassurance-grid p,
.account-growth-loop-grid p,
.provider-demand-profile-grid p,
.beautician-demand-proof-grid p,
.admin-marketing-activation-card p,
.trust-marketing-data-grid p {
  margin: 0;
  color: #735064;
  font-size: 0.93rem;
  line-height: 1.45;
}

.marketing-activation-strip,
.admin-marketing-activation-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.marketing-activation-strip span,
.admin-marketing-activation-strip span {
  border: 1px solid rgba(219, 76, 140, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.7);
  color: #533345;
  padding: 8px 11px;
  font-size: 0.9rem;
  line-height: 1.25;
}

body[data-theme="dark"] .marketing-activation-panel,
body[data-theme="dark"] .booking-marketing-reassurance,
body[data-theme="dark"] .account-growth-loop,
body[data-theme="dark"] .provider-demand-profile,
body[data-theme="dark"] .beautician-demand-proof,
body[data-theme="dark"] .admin-marketing-activation,
body[data-theme="dark"] .trust-marketing-data-policy,
.admin-page[data-theme="dark"] .admin-marketing-activation {
  border-color: rgba(255, 127, 181, 0.2);
  background:
    linear-gradient(135deg, rgba(255, 102, 169, 0.12), rgba(232, 196, 108, 0.1)),
    rgba(31, 14, 28, 0.92);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
}

body[data-theme="dark"] .marketing-activation-head h2,
body[data-theme="dark"] .booking-marketing-reassurance-head h3,
body[data-theme="dark"] .account-growth-loop-head h2,
body[data-theme="dark"] .provider-demand-profile-head h2,
body[data-theme="dark"] .beautician-demand-proof-head h2,
body[data-theme="dark"] .admin-marketing-activation-head h2,
body[data-theme="dark"] .trust-marketing-data-head h2,
body[data-theme="dark"] .marketing-activation-card h3,
body[data-theme="dark"] .booking-marketing-reassurance-grid strong,
body[data-theme="dark"] .account-growth-loop-grid h3,
body[data-theme="dark"] .provider-demand-profile-grid h3,
body[data-theme="dark"] .beautician-demand-proof-grid h3,
body[data-theme="dark"] .admin-marketing-activation-card h3,
body[data-theme="dark"] .trust-marketing-data-grid h3,
.admin-page[data-theme="dark"] .admin-marketing-activation-head h2,
.admin-page[data-theme="dark"] .admin-marketing-activation-card h3 {
  color: #fff7fb;
}

body[data-theme="dark"] .marketing-activation-head p,
body[data-theme="dark"] .booking-marketing-reassurance-head p,
body[data-theme="dark"] .account-growth-loop-head p,
body[data-theme="dark"] .provider-demand-profile-head p,
body[data-theme="dark"] .beautician-demand-proof-head p,
body[data-theme="dark"] .admin-marketing-activation-head span,
body[data-theme="dark"] .trust-marketing-data-head p,
body[data-theme="dark"] .marketing-activation-card p,
body[data-theme="dark"] .booking-marketing-reassurance-grid p,
body[data-theme="dark"] .account-growth-loop-grid p,
body[data-theme="dark"] .provider-demand-profile-grid p,
body[data-theme="dark"] .beautician-demand-proof-grid p,
body[data-theme="dark"] .admin-marketing-activation-card p,
body[data-theme="dark"] .trust-marketing-data-grid p,
.admin-page[data-theme="dark"] .admin-marketing-activation-head span,
.admin-page[data-theme="dark"] .admin-marketing-activation-card p {
  color: rgba(255, 246, 250, 0.72);
}

body[data-theme="dark"] .marketing-activation-card,
body[data-theme="dark"] .booking-marketing-reassurance-grid article,
body[data-theme="dark"] .account-growth-loop-grid article,
body[data-theme="dark"] .provider-demand-profile-grid article,
body[data-theme="dark"] .beautician-demand-proof-grid article,
body[data-theme="dark"] .admin-marketing-activation-card,
body[data-theme="dark"] .trust-marketing-data-grid article,
.admin-page[data-theme="dark"] .admin-marketing-activation-card {
  border-color: rgba(255, 127, 181, 0.18);
  background: rgba(255, 246, 250, 0.06);
}

body[data-theme="dark"] .marketing-activation-strip span,
body[data-theme="dark"] .admin-marketing-activation-strip span,
.admin-page[data-theme="dark"] .admin-marketing-activation-strip span {
  border-color: rgba(255, 127, 181, 0.18);
  background: rgba(255, 246, 250, 0.07);
  color: #ffd9e8;
}

@media (max-width: 1080px) {
  .admin-marketing-activation-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .marketing-activation-grid,
  .booking-marketing-reassurance-grid,
  .account-growth-loop-grid,
  .provider-demand-profile-grid,
  .beautician-demand-proof-grid,
  .trust-marketing-data-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.admin-page .ops-shell,
  body.admin-page .ops-header,
  body.admin-page .ops-login,
  body.admin-page .ops-panel,
  body.admin-page .admin-intelligence-grid,
  body.admin-page .admin-governance-grid,
  body.admin-page .admin-marketing-activation {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    box-sizing: border-box !important;
  }

  body.admin-page .ops-shell {
    width: min(100%, calc(100vw - 24px)) !important;
  }

  body.admin-page :is(input, select, textarea, button, .primary-action, .secondary-action, .suite-action, .suite-soft-action) {
    max-inline-size: 100% !important;
    box-sizing: border-box !important;
  }

  body.admin-page :is(.ops-login input, .ops-login button, .suite-action, .suite-soft-action) {
    inline-size: 100% !important;
  }

  .marketing-activation-panel,
  .booking-marketing-reassurance,
  .account-growth-loop,
  .provider-demand-profile,
  .beautician-demand-proof,
  .admin-marketing-activation,
  .trust-marketing-data-policy {
    gap: 14px;
    padding: 17px;
  }

  .marketing-activation-head,
  .booking-marketing-reassurance-head,
  .account-growth-loop-head,
  .provider-demand-profile-head,
  .beautician-demand-proof-head,
  .admin-marketing-activation-head,
  .trust-marketing-data-head,
  .marketing-activation-grid,
  .booking-marketing-reassurance-grid,
  .account-growth-loop-grid,
  .provider-demand-profile-grid,
  .beautician-demand-proof-grid,
  .admin-marketing-activation-grid,
  .trust-marketing-data-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .marketing-activation-head > i,
  .booking-marketing-reassurance-head > i,
  .account-growth-loop-head > i,
  .provider-demand-profile-head > i,
  .beautician-demand-proof-head > i,
  .admin-marketing-activation-head > i,
  .trust-marketing-data-head > i {
    width: 34px;
    height: 34px;
    padding: 7px;
  }

  .marketing-activation-card,
  .booking-marketing-reassurance-grid article,
  .account-growth-loop-grid article,
  .provider-demand-profile-grid article,
  .beautician-demand-proof-grid article,
  .admin-marketing-activation-card,
  .trust-marketing-data-grid article {
    min-height: 0;
    padding: 14px;
  }

  .marketing-activation-strip,
  .admin-marketing-activation-strip {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .marketing-activation-strip span,
  .admin-marketing-activation-strip span {
    width: 100%;
    text-align: center;
  }
}