.scs-wrap { max-width: 980px; margin: 24px auto; padding: 0 12px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; }
.scs-card { background: #fff; border: 1px solid #e7e7e7; border-radius: 14px; box-shadow: 0 6px 18px rgba(0,0,0,.05); overflow: hidden; }
.scs-header { padding: 18px 18px 10px; border-bottom: 1px solid #eee; }
.scs-title { margin: 0 0 6px; font-size: 22px; }
.scs-subtitle { margin: 0; color: #444; line-height: 1.4; }

.scs-tabs { display:flex; gap:8px; padding: 10px 18px; border-bottom: 1px solid #eee; background:#fafafa; }
.scs-tab { border:1px solid #ddd; background:#fff; padding:10px 12px; border-radius:10px; cursor:pointer; font-weight:600; }
.scs-tab.is-active { border-color:#111; }

.scs-body { padding: 18px; }

.scs-q { border: 1px solid #eee; border-radius: 12px; padding: 14px; margin: 10px 0; }
.scs-q h4 { margin: 0 0 10px; font-size: 16px; }
.scs-q .scs-help { margin: 0 0 10px; color:#555; font-size: 13px; }
.scs-row { display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
@media (max-width: 720px){ .scs-row{ grid-template-columns:1fr; } }

.scs-field label { display:block; font-size: 13px; color:#333; margin-bottom: 6px; font-weight:600; }
.scs-field input, .scs-field select {
  width:100%; padding: 10px 10px; border:1px solid #d9d9d9; border-radius:10px; outline:none;
}
.scs-field input:focus, .scs-field select:focus { border-color:#111; }

.scs-actions { display:flex; gap:10px; justify-content:flex-end; margin-top: 14px; }
.scs-btn { border:0; border-radius: 12px; padding: 10px 14px; cursor:pointer; font-weight:700; }
.scs-btn-primary { background:#111; color:#fff; }
.scs-btn-secondary { background:#f2f2f2; color:#111; border:1px solid #e0e0e0; }

.scs-disclaimer { margin-top: 14px; color:#666; }

.scs-result { margin-top: 14px; }
.scs-result-top { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; padding: 12px; border:1px solid #eee; border-radius: 12px; }
.scs-result-title { margin:0 0 4px; }
.scs-result-sub { margin:0; color:#444; }

.scs-badges { display:flex; gap:8px; flex-wrap: wrap; justify-content:flex-end; }
.scs-badge { display:inline-flex; padding: 8px 10px; border-radius: 999px; background:#f5f5f5; border:1px solid #e7e7e7; font-weight:800; }

.scs-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }
@media (max-width: 720px){ .scs-grid{ grid-template-columns:1fr; } }

.scs-panel { border:1px solid #eee; border-radius: 12px; padding: 12px; }
.scs-panel h4 { margin:0 0 10px; }
.scs-summary { font-size: 14px; color:#333; line-height: 1.5; }
.scs-summary .muted { color:#666; font-size: 13px; }

.scs-rag-green { background:#e9f9ee !important; border-color:#bfe8cb !important; color:#115c2b !important; }
.scs-rag-amber { background:#fff6df !important; border-color:#f1ddaa !important; color:#6b4a00 !important; }
.scs-rag-red { background:#ffe6e6 !important; border-color:#f2b4b4 !important; color:#7a1111 !important; }

.scs-error { color:#7a1111; font-weight:700; margin-top: 8px; }