:root{
  --srp-primary:#DA2615;
  --srp-bg:#fff;
  --srp-text:#0f172a;
  --srp-radius:16px;
  --srp-shadow:0 10px 30px rgba(0,0,0,.08);
  --srp-backdrop:rgba(0,0,0,.5);
  --srp-border:#e5e7eb;
  --srp-danger:#d00;
}

#srp-popup.srp-overlay{
  display:none;
  position:fixed;
  inset:0;
  z-index:99999;
  background:var(--srp-backdrop);
  justify-content:center;
  align-items:center;
  font-family:"Cairo",system-ui,sans-serif;
  direction:rtl;
}
#srp-popup[aria-hidden="false"]{ display:flex; }

.srp-box{
  background:var(--srp-bg);
  color:var(--srp-text);
  padding:30px;
  border-radius:var(--srp-radius);
  max-width:640px;
  width:95%;
  box-shadow:var(--srp-shadow);
  position:relative;
}

.srp-header{
  display:flex;
  justify-content:flex-end;
  margin-bottom:10px;
}
.srp-close{
  font-size:22px;
  border:none;
  background:none;
  color:#666;
  cursor:pointer;
  padding:4px 12px;
  border-radius:50%;
  transition:background .2s ease;
}
.srp-close:hover{ background:#f2f2f2; }

.srp-title{
  text-align:center;
  color:var(--srp-primary);
  margin:0 0 30px;
  font-weight:700;
}

.srp-form input,
.srp-form select,
.srp-form textarea{
  width:100%;
  padding:12px;
  margin-bottom:10px;
  border:1px solid var(--srp-border);
  border-radius:8px;
  font-size:15px;
  outline:none;
}
.srp-form textarea{ min-height:110px; resize:vertical; }

.srp-radio-label{
  margin:20px 0 10px;
  font-weight:700;
  display:block;
}
.srp-radio-group{
  display:flex;
  gap:20px;
  margin-bottom:20px;
}

.srp-next,
.srp-submit{
  width:100%;
  padding:14px;
  background:var(--srp-primary);
  color:#fff;
  border:none;
  border-radius:8px;
  font-size:16px;
  cursor:pointer;
  transition:filter .2s ease, transform .02s ease;
}
.srp-next:hover,
.srp-submit:hover{ filter:brightness(.95); }
.srp-next:active,
.srp-submit:active{ transform:translateY(1px); }

.srp-prev{
  flex:1;
  padding:14px;
  background:#fff;
  color:var(--srp-primary);
  border:2px solid var(--srp-primary);
  border-radius:8px;
  font-size:16px;
  cursor:pointer;
  transition:all .2s ease;
}
.srp-prev:hover{
  background:var(--srp-primary);
  color:#fff;
}

.srp-actions{
  display:flex;
  gap:10px;
  margin-top:10px;
}

.steps-indicator{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-bottom:20px;
}
.steps-indicator .step{
  width:30px;
  height:30px;
  background:#ccc;
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
}
.steps-indicator .step.active{
  background:var(--srp-primary);
}

.srp-success{
  text-align:center;
  margin-top:30px;
}
.srp-success img{
  width:90px;
  margin:0 auto 20px;
  display:block;
}

.error{
  color:var(--srp-danger);
  font-size:13px;
  display:block;
  margin:-6px 0 6px;
}

/* حقل "عطل آخر" */
.other-issue[hidden]{ display:none !important; }

/* ريسبونسيف خفيف */
@media (max-width:480px){
  .srp-box{ padding:20px; }
  .srp-prev, .srp-submit, .srp-next{ font-size:15px; padding:12px; }
}
