/* بطاقة «كود الفتح» ونافذة إدخال الكود (النسخة المدفوعة) */
.unlock-card {
  display: flex; align-items: center; gap: 12px; width: 100%; margin: 0 0 14px; padding: 10px 14px 10px 12px; border: 3px solid #fff; border-radius: 24px; text-align: start;
  background: linear-gradient(135deg, #8CC4F5, #479AE6); color: #fff; box-shadow: 0 5px 0 var(--blue-d), 0 9px 16px rgba(38, 51, 74, .18);
}
.unlock-card:active { transform: translateY(3px); box-shadow: 0 2px 0 var(--blue-d); }
.unlock-card .cc-txt small { color: #EAF4FF; }
.uc-ico { flex: none; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: var(--yellow); color: var(--navy); border: 3px solid #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, .25); }
.uc-ico .ico { width: 24px; height: 24px; }

.code-input { font: 800 24px var(--f-body); letter-spacing: 3px; text-transform: uppercase; direction: ltr; }
.code-input::placeholder { letter-spacing: 3px; color: #b6bdc9; font-weight: 700; }
.code-msg { min-height: 24px; margin: 6px 0 0; font: 700 15px/1.5 var(--f-body); text-align: center; }
.code-msg.bad { color: var(--red-d); }
.code-msg.wait { color: var(--blue-d); }
.code-help { margin: 10px 0 0; font: 600 14px/1.6 var(--f-body); color: var(--ink-soft); text-align: center; }
.code-help a { color: var(--blue-d); font-weight: 800; direction: ltr; unicode-bidi: isolate; }
.modal-actions .btn.disabled { opacity: .55; pointer-events: none; }