/* box-access.css - shared Roman Urdu access modal */
.box-access-modal {
  position: fixed; inset: 0; z-index: 2147483000; display: none;
  align-items: center; justify-content: center; padding: 18px;
  background: rgba(0,0,0,.82); backdrop-filter: blur(8px);
}
.box-access-modal.is-open { display: flex; }
.box-access-card {
  width: min(100%, 500px); position: relative; overflow: hidden;
  padding: 30px 24px 22px; border: 1px solid rgba(0,255,150,.45);
  border-radius: 24px; color: #fff; text-align: center;
  background: linear-gradient(145deg,#111827,#050505 65%,#071f18);
  box-shadow: 0 0 0 1px rgba(0,204,255,.12), 0 24px 80px rgba(0,0,0,.75), 0 0 35px rgba(0,255,128,.18);
}
.box-access-card::before { content:''; position:absolute; inset:0 0 auto; height:4px; background:linear-gradient(90deg,#00ff66,#00c8ff,#b000ff,#ff0080); }
.box-access-close { position:absolute; top:10px; right:12px; width:32px; height:32px; border:0; border-radius:50%; background:#252b35; color:#fff; font-size:23px; line-height:1; cursor:pointer; }
.box-access-icon { width:64px; height:64px; margin:0 auto 14px; display:grid; place-items:center; border-radius:20px; font-size:30px; background:linear-gradient(135deg,#00c853,#00a8ff); box-shadow:0 0 24px rgba(0,200,255,.35); }
.box-access-title { font-size:22px; font-weight:900; color:#69ffb0; margin-bottom:12px; }
.box-access-message { color:#d7dee8; font-size:15px; line-height:1.7; }
.box-access-status { margin:18px 0; padding:12px; border-radius:13px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); font-size:14px; }
.box-access-status .ok { color:#43ff93; } .box-access-status .bad { color:#ff6b7a; }
.box-access-actions { display:grid; gap:10px; }
.box-access-actions button { width:100%; padding:13px 16px; border-radius:12px; font-weight:800; cursor:pointer; transition:.2s; }
.box-access-actions button:hover { transform:translateY(-1px); filter:brightness(1.08); }
.box-access-primary { border:0; color:#001b0d; background:linear-gradient(90deg,#00ff79,#00c8ff); }
.box-access-secondary { border:1px solid #00d9ff; color:#8eeaff; background:rgba(0,150,255,.1); }
.box-access-link { border:0; color:#a7b0bb; background:transparent; }