/* RahaStress GAD-7 - UX/UI (RTL + Dark mode) */
.rg7-wrap{max-width:860px;margin:1.5rem auto;padding:0 1rem;font-family:inherit}
.rg7-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.06);padding:1rem 1.25rem}
.rg7-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}
.rg7-desc{color:#6b7280}
.rg7-privacy{display:flex;align-items:center;gap:.5rem;background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:.5rem .75rem;color:#475569}
.rg7-ic{width:18px;height:18px;fill:currentColor;opacity:.85}

.rg7-field{margin:.5rem 0}
.rg7-field input{width:100%;padding:.625rem .75rem;border:1px solid #e5e7eb;border-radius:10px}

.rg7-list{list-style:none;margin:0;padding:0}
.rg7-item{padding:.75rem 0;border-top:1px dashed #eee}
.rg7-item:first-child{border-top:none}
.rg7-qindex{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;background:#f1f5f9;color:#0f172a;border-radius:50%;font-weight:700;margin-inline-start:.5rem;margin-inline-end:.5rem}
.rg7-qtext{font-weight:600}
.rg7-options{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:.5rem;margin-top:.5rem}
.rg7-option{display:flex;align-items:center;justify-content:space-between;border:1px solid #e5e7eb;border-radius:10px;padding:.5rem .6rem;cursor:pointer;transition:background .2s, border-color .2s}
.rg7-option:hover{background:#fafafa;border-color:#d1d5db}
.rg7-option input{accent-color:#111827;margin:0 .35rem}
.rg7-option__text{font-size:.95rem}
.rg7-option__hint{opacity:.6;font-size:.85rem}

.rg7-actions{display:flex;gap:.5rem;margin-top:1rem}
.rg7-btn{border-radius:10px;padding:.7rem 1.1rem;border:1px solid #e5e7eb;background:#f8fafc;cursor:pointer}
.rg7-btn--primary{background:#111827;color:#f9fafb;border-color:#111827}
.rg7-btn--ghost{background:#ffffff;color:#111827}

.rg7-result{margin-top:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:1rem}
.rg7-scorebox{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}
.rg7-score__label{background:#e5e7eb;color:#111827;border-radius:999px;padding:.2rem .6rem;font-size:.8rem}
.rg7-score__value{font-size:1.6rem;font-weight:800}
.rg7-severity{padding:.2rem .6rem;border-radius:999px;font-weight:700}
.rg7-severity--mild{background:#ecfccb;color:#365314}
.rg7-severity--moderate{background:#fef9c3;color:#7a5d00}
.rg7-severity--severe{background:#fee2e2;color:#7f1d1d}
.rg7-severity--minimal{background:#e0f2fe;color:#0c4a6e}

.rg7-meter{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}
.rg7-meter__bar{height:100%;width:0%;background:linear-gradient(90deg,#22c55e,#ef4444)}

.rg7-advice{margin:.75rem 0;color:#334155}
.rg7-ctas{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
.rg7-link{display:inline-flex;align-items:center;gap:.4rem;border:1px solid #d1d5db;border-radius:10px;padding:.55rem .85rem;text-decoration:none}
.rg7-link--cta{background:#111827;color:#f8fafc;border-color:#111827}
.rg7-link--secondary{background:#fff;color:#111827}
.rg7-legend{margin-top:.5rem}
.rg7-note{margin-top:.5rem;color:#64748b}

@media (max-width:640px){
  .rg7-options{grid-template-columns:1fr 1fr}
}

@media (prefers-color-scheme: dark){
  .rg7-card{background:#0b1220;border-color:#1e293b;color:#e5e7eb}
  .rg7-desc{color:#9aa4b2}
  .rg7-privacy{background:#0f172a;border-color:#1f2937;color:#cbd5e1}
  .rg7-item{border-color:#1f2937}
  .rg7-option{border-color:#273449;background:#0b1220}
  .rg7-option:hover{background:#0f172a;border-color:#334155}
  .rg7-btn{background:#0f172a;color:#e5e7eb;border-color:#334155}
  .rg7-btn--primary{background:#e2e8f0;color:#0b1220;border-color:#e2e8f0}
  .rg7-result{background:#0f172a;border-color:#1f2937}
  .rg7-link--secondary{background:#0b1220;color:#e5e7eb}
  .rg7-note{color:#94a3b8}
}