/* ===== CSS-only popup (checkbox hack) — কোনো alert()/confirm() নেই ===== */
.css-popup-toggle { position: absolute; opacity: 0; pointer-events: none; width: 0; height: 0; }
.css-popup {
    position: fixed; inset: 0; z-index: 5000; display: flex; align-items: center; justify-content: center;
    opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease;
}
.css-popup-toggle:checked + .css-popup { opacity: 1; visibility: visible; }
.css-popup-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.65); backdrop-filter: blur(2px); cursor: pointer; }
.css-popup-card {
    position: relative; width: min(92vw, 380px); padding: 26px 24px 20px; text-align: center;
    background: #212121; color: #f1f1f1; border: 1px solid #303030; border-radius: 18px;
    box-shadow: 0 20px 50px rgba(0,0,0,.6); transform: translateY(12px) scale(.96); transition: transform .2s ease;
    font-family: Roboto, Arial, sans-serif;
}
.css-popup-toggle:checked + .css-popup .css-popup-card { transform: none; }
.css-popup-icon {
    width: 52px; height: 52px; margin: 0 auto 12px; border-radius: 16px; display: grid; place-items: center; font-size: 22px; color: #fff;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
}
.css-popup-icon.danger { background: linear-gradient(135deg, #f43f5e, #f97316); }
.css-popup-title { font-size: 18px; font-weight: 600; margin-bottom: 6px; }
.css-popup-text { font-size: 14px; color: #bdbdbd; line-height: 1.5; word-break: break-word; margin-bottom: 18px; }
.css-popup-actions { display: flex; gap: 10px; justify-content: center; }
.css-popup-btn {
    flex: 1; padding: 10px 16px; border-radius: 22px; font-size: 14px; font-weight: 500; cursor: pointer; user-select: none;
    background: #333; color: #f1f1f1; transition: filter .2s;
}
.css-popup-btn:hover { filter: brightness(1.2); }
.css-popup-btn.primary { background: linear-gradient(135deg, #3b82f6, #8b5cf6); color: #fff; }
.css-popup-btn.danger { background: linear-gradient(135deg, #f43f5e, #f97316); color: #fff; }