.phone-popup-modal .modal-content { border-radius: 8px; overflow: hidden; }
.phone-popup-modal .modal-header { padding: 10px 12px; border-bottom: none; }
.phone-popup-modal .modal-title { font-weight: 600; font-size: 14px; }
.phone-popup-modal .modal-body { padding: 12px; }
.phone-popup-form .compact-row .form-control { height: 38px; font-size: 14px; }
.phone-popup-form .btn-sm.w-100 { padding: 6px 8px; }
.phone-popup-modal .phone-popup-response { margin-top: 8px; }

/* Red theme tweaks */
.phone-popup-modal .modal-content {
    border: 1px solid #b71c1c;
}
.phone-popup-modal .modal-header {
    background: linear-gradient(90deg, #c62828, #b71c1c);
    color: #fff;
}
.phone-popup-modal .modal-title { font-weight:600; }
.phone-popup-modal .btn-danger { background-color: #c62828; border-color: #b71c1c; }
.phone-popup-modal .btn-danger:hover { background-color: #b71c1c; }
.phone-popup-modal .form-control:focus { box-shadow: 0 0 0 0.2rem rgba(198,40,40,0.25); border-color: #b71c1c; }
.phone-popup-modal .phone-popup-response .alert-danger { background:#ffebee; color:#b71c1c; border-color:#ffcdd2; }
.phone-popup-modal .phone-popup-response .alert-success { background:#e8f5e9; color:#2e7d32; border-color:#c8e6c9; }

/* Small improvements for mobile */
@media (max-width: 480px) {
    .phone-popup-modal .modal-dialog { max-width: calc(100% - 30px); }
}

/* Modern adjustments */
.phone-popup-modal .modal-body { background: #fff; }
.phone-popup-form .form-text { font-size: 12px; color: #666; }
.phone-popup-modal .form-control { border-radius: 6px; }
.phone-popup-modal .btn-link { color: #b71c1c; }
.phone-popup-modal .btn-link[disabled] { opacity: 0.6; }
.phone-popup-modal .btn-spinner { color: #fff; }
.phone-popup-modal .alert { padding: 8px 10px; font-size: 13px; }
.phone-popup-modal .modal-footer { border-top: none; }

/* small layout for OTP row */
.phone-popup-modal .align-items-center .form-control { height: 42px; }
.phone-popup-modal .d-grid { display: block; }