/* ==========================================================================
   بطاقة تفعيل التنبيهات (Sprint 11)
   ========================================================================== */
.stm-push {
  margin-block-end: var(--stm-s4);
  padding: var(--stm-s4);
  border-radius: var(--stm-r-card);
  border: 1px solid var(--stm-border-highlight);
  background:
    linear-gradient(135deg, rgba(124, 92, 255, .24), rgba(56, 217, 255, .10)),
    var(--stm-glass);
  backdrop-filter: blur(var(--stm-blur));
  -webkit-backdrop-filter: blur(var(--stm-blur));
  box-shadow: var(--stm-shadow);
  animation: stm-enter 340ms var(--stm-ease) both;
}
.stm-push__title { margin: 0; font-weight: 900; font-size: var(--stm-fs-card); }
.stm-push__title.is-ok { color: var(--stm-success); }
.stm-push__text { margin: 5px 0 0; font-size: var(--stm-fs-caption); color: var(--stm-text-secondary); line-height: 1.7; }
.stm-push__ios {
  margin: var(--stm-s3) 0 0;
  padding: 8px 10px;
  border-radius: var(--stm-r-sm);
  background: rgba(255, 201, 77, .10);
  border: 1px solid rgba(255, 201, 77, .30);
  color: var(--stm-warning);
  font-size: 11px;
  line-height: 1.6;
}
.stm-push__actions { display: flex; gap: var(--stm-s2); margin-block-start: var(--stm-s4); }
.stm-push__yes {
  flex: 1;
  min-height: 46px;
  border: 0;
  border-radius: var(--stm-r-sm);
  background: var(--stm-grad-cta);
  color: #fff;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
  box-shadow: var(--stm-shadow-glow);
}
.stm-push__no {
  flex: 0 0 34%;
  min-height: 46px;
  border-radius: var(--stm-r-sm);
  border: 1px solid var(--stm-border);
  background: rgba(255, 255, 255, .05);
  color: var(--stm-text-muted);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}