.stopbang-widget{ direction: rtl; }
.stopbang-widget .sb-wrap{ max-width:100%; margin:24px auto; padding:0 8px; font-family: IRANSans, Vazirmatn, Segoe UI, Tahoma, sans-serif; }

:root{ --ptb-text:#172939; --ptb-muted:#6b7280; --ptb-accent:#656e97; --ptb-border:rgba(0,0,0,.15); --ptb-radius:4px; }
.stopbang-widget .sb-title{ font-size:clamp(22px,3vw,32px); font-weight:800; margin:0 0 6px; color:var(--ptb-accent) }
.stopbang-widget .sb-sub{ color:var(--ptb-muted); margin:0 0 16px; font-size:14px }

.stopbang-widget .sb-card{ background:rgba(255,255,255,.98); border:1px solid var(--ptb-border); border-radius:var(--ptb-radius); box-shadow:0 5px 15px rgba(0,0,0,.08); padding:18px }

.stopbang-widget .sb-grid{ display:grid; grid-template-columns:1fr; gap:12px }
.stopbang-widget .sb-grid-compact{ grid-template-columns:1fr .6fr; gap:8px }
.stopbang-widget .sb-mt{ margin-top:6px }
@media(min-width:768px){ .stopbang-widget .sb-grid{ grid-template-columns:1fr 1fr } }

.stopbang-widget .sb-field{ display:flex; flex-direction:column; gap:6px; color:var(--ptb-text) }
.stopbang-widget .sb-label{ font-weight:700; color:var(--ptb-text) }
.stopbang-widget .sb-hint{ font-size:12px; color:var(--ptb-muted) }

.stopbang-widget .sb-radio{ display:flex; gap:8px; flex-wrap:wrap; align-items:center }
.stopbang-widget .sb-chip{ position:relative; display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:var(--ptb-radius); border:1px solid var(--ptb-border); background:rgba(0,0,0,.03); cursor:pointer; user-select:none; transition:all .2s }
.stopbang-widget .sb-chip input[type="radio"]{ position:absolute; inset:0; opacity:0; cursor:pointer }
.stopbang-widget .sb-chip span{ font-size:14px; color:var(--ptb-text) }
.stopbang-widget .sb-chip.is-active{ border:2px solid #656e97; background:rgba(101,110,151,.1) }

.stopbang-widget input.sb-input{ background:rgba(0,0,0,.03); border:1px solid var(--ptb-border); color:var(--ptb-text); padding:10px 12px; border-radius:var(--ptb-radius); width:100% }
.stopbang-widget input.sb-input:focus{ border-color:#656e97; outline:none }

.stopbang-widget .sb-actions{ display:flex; gap:8px; flex-wrap:wrap; margin-top:8px }
.stopbang-widget .sb-btn{ border:none; border-radius:var(--ptb-radius); padding:10px 14px; cursor:pointer; font-weight:800; letter-spacing:.2px; background:#656e97; color:#fff; box-shadow:0 3px 6px rgba(0,0,0,.15); transition:all .2s }
.stopbang-widget .sb-btn:hover{ background:#172939 }
.stopbang-widget .sb-btn.secondary{ background:transparent; color:#172939; border:1px solid #656e97 }
.stopbang-widget .sb-btn.ghost{ background:transparent; color:#656e97; border:1px dashed #656e97 }

.stopbang-widget .sb-result{ border-radius:var(--ptb-radius); padding:14px; margin-top:6px; background:rgba(0,0,0,.03); border:1px solid var(--ptb-border) }
.stopbang-widget .sb-badge{ display:inline-block; padding:6px 10px; border-radius:var(--ptb-radius); font-size:12px; font-weight:900 }
.stopbang-widget .sb-risk-low{ background:rgba(34,197,94,.15); color:#065f46; border:1px solid rgba(34,197,94,.35) }
.stopbang-widget .sb-risk-med{ background:rgba(245,158,11,.12); color:#92400e; border:1px solid rgba(245,158,11,.35) }
.stopbang-widget .sb-risk-high{ background:rgba(239,68,68,.12); color:#7f1d1d; border:1px solid rgba(239,68,68,.35) }
.stopbang-widget .sb-score{ font-size:26px; font-weight:900; color:var(--ptb-text) }
.stopbang-widget .sb-muted{ color:var(--ptb-muted) }
.stopbang-widget .sb-divider{ height:1px; background:linear-gradient(90deg, transparent, var(--ptb-border), transparent); margin:12px 0 }
.stopbang-widget .sb-footer{ color:var(--ptb-muted); font-size:12px; margin-top:14px }