#sr-modal { position: fixed; inset: 0; display: none; align-items: center; justify-content: center; z-index: 999999; }
#sr-modal-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.6); }
#sr-modal-box { position: relative; width: 95%; max-width: 760px; background: #fff; padding: 20px; border-radius: 10px; max-height: 90vh; overflow-y: auto; box-shadow: 0 8px 20px rgba(0,0,0,0.2); }
#sr-modal-close { position: absolute; top: 10px; right: 12px; background: #000; color: #fff; border: none; font-size: 20px; width: 30px; height: 30px; border-radius: 50%; cursor: pointer; }
.sr-form{max-width:900px;margin:0 auto;padding:18px;background:#fff;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.04)}
.sr-form label{display:block;margin-bottom:10px;font-size:14px}
.sr-form input[type="text"], .sr-form select, .sr-form textarea, .sr-form input[type="number"]{ width:100%;padding:8px;border:1px solid #e6e6e6;border-radius:6px;margin-top:6px; }
.sr-form .sr-conditional{padding:12px;border-radius:6px;background:#fafafa;margin-top:10px}
.sr-form h4{margin:6px 0 10px}
.sr-form button{background:#111;color:#fff;padding:10px 14px;border-radius:6px;border:0;cursor:pointer}
.sr-form .sr-error{color:#b00020;padding:8px;background:#fee;margin-top:8px;border-radius:6px}
.sr-form .sr-success{color:#0b6623;padding:8px;background:#efe;margin-top:8px;border-radius:6px}
.muted{color:#6b6b6b}
@media (max-width:720px){ .sr-form{padding:12px} .sr-form label{font-size:13px} }