/* VS pages CSS - auto-split from sleeping-bags-redesign.css */

.vs-decision-tree{background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;padding:28px}

.vs-dt-q{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--c-border)}

.vs-dt-label{background:var(--c-accent);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}

.vs-dt-text{font-size:17px;font-weight:600}

.vs-dt-branches{display:flex;flex-direction:column;gap:16px}

.vs-dt-branch{border:1px solid var(--c-border);border-radius:10px;padding:16px;background:var(--c-bg)}

.vs-dt-branch-label{color:var(--c-accent);font-weight:700;font-size:13px}

.vs-dt-sub-q{font-size:15px;font-weight:600;margin:10px 0}

.vs-dt-leaves{display:flex;flex-direction:column;gap:8px}

.vs-dt-leaf{font-size:14px;padding:10px 14px;background:var(--c-surface);border-radius:8px;border-left:3px solid var(--c-border)}

.vs-dt-leaf.vs-dt-win{border-left-color:var(--c-green);background:rgba(34,197,94,0.05)}

.vs-dt-callout{margin-top:20px;padding:16px 20px;background:rgba(37,99,235,0.06);border:1px solid rgba(37,99,235,0.2);border-radius:8px;font-size:14px;border-left:3px solid var(--c-accent)}

.vs-cred-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}

.vs-cred-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;padding:20px}

.vs-cred-win{border-color:var(--c-green)}

.vs-cred-lose{border-color:var(--c-red);opacity:.85}

.vs-cred-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}

.vs-cred-header h3{font-size:15px;font-weight:600}

.vs-cred-score{font-size:22px;font-weight:800;font-family:var(--f-head);color:var(--c-accent)}

.vs-cred-bar-wrap{margin-bottom:10px}

.vs-cred-bar-label{display:flex;justify-content:space-between;font-size:12px;color:var(--c-text-muted);margin-bottom:4px}

.vs-cred-bar{height:6px;background:var(--c-border);border-radius:3px;overflow:hidden}

.vs-cred-fill{height:100%;background:var(--c-accent);border-radius:3px;transition:width .4s}

.vs-cred-zero{background:var(--c-red)}

.vs-cred-verdict{font-size:13px;color:var(--c-text-muted);margin-top:14px;padding-top:14px;border-top:1px solid var(--c-border);line-height:1.5}

.vs-cred-note{font-size:13px;color:var(--c-text-muted);padding:14px 18px;background:rgba(37,99,235,0.05);border:1px solid rgba(37,99,235,0.15);border-radius:8px}

.vs-badge-signal{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:rgba(34,197,94,0.12);color:#16a34a}

.vs-badge-noise{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:rgba(239,68,68,0.1);color:#dc2626}

.vs-badge-caution{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:rgba(234,179,8,0.12);color:#b45309}

.vs-timeline-grid{display:flex;flex-direction:column;gap:20px}

.vs-tl-track{background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;padding:20px}

.vs-tl-unknown{border-color:rgba(239,68,68,0.3)}

.vs-tl-label{font-size:14px;font-weight:600;margin-bottom:14px}

.vs-tl-bar{display:flex;border-radius:8px;overflow:hidden;height:56px}

.vs-tl-seg{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;font-size:11px;text-align:center;min-width:0}

.vs-tl-seg small{font-size:10px;color:rgba(255,255,255,0.7);font-weight:400}

.vs-tl-seg span{font-weight:700}

.vs-tl-seg.green{background:#22c55e;color:#fff}

.vs-tl-seg.yellow{background:#eab308;color:#1a1a1a}

.vs-tl-seg.orange{background:#f97316;color:#fff}

.vs-tl-seg.red{background:#ef4444;color:#fff}

.vs-tl-seg.unknown{background:#6b7280;color:#fff}

.vs-tl-note{font-size:12px;color:var(--c-text-muted);margin-top:10px}

.vs-direct-callout{margin-top:20px;padding:18px 22px;background:rgba(37,99,235,0.06);border:1px solid rgba(37,99,235,0.2);border-radius:8px;font-size:14px;line-height:1.6;border-left:3px solid var(--c-accent)}

.vs-filter-steps{display:flex;flex-direction:column;gap:12px}

.vs-filter-step{display:flex;gap:14px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;padding:16px}

.vs-filter-step.vs-filter-final{border-color:var(--c-green);background:rgba(34,197,94,0.04)}

.vs-filter-num{font-size:12px;font-weight:700;color:var(--c-accent);white-space:nowrap;min-width:50px}

.vs-filter-content{flex:1}

.vs-filter-content strong{display:block;font-size:15px;margin-bottom:6px}

.vs-filter-content p{font-size:13px;color:var(--c-text-muted);margin-bottom:8px}

.vs-filter-results{display:flex;flex-wrap:wrap;gap:6px}

.vs-filter-survive{font-size:12px;padding:3px 8px;border-radius:4px;background:rgba(34,197,94,0.12);color:#16a34a;font-weight:600}

.vs-filter-eliminate{font-size:12px;padding:3px 8px;border-radius:4px;background:rgba(239,68,68,0.1);color:#dc2626;font-weight:600}

.rv-cred-wrap{display:flex;gap:28px;align-items:center;margin-bottom:20px}

.rv-cred-main{text-align:center;min-width:100px}

.rv-cred-big{font-size:52px;font-weight:900;font-family:var(--f-head);color:var(--c-accent);line-height:1}

.rv-cred-big span{font-size:20px;font-weight:600;color:var(--c-text-muted)}

.rv-cred-label{font-size:12px;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}

.rv-cred-bars{flex:1}

.rv-cred-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:13px}

.rv-cred-row>span:first-child{min-width:130px;color:var(--c-text-muted)}

.rv-cred-row>span:last-child{min-width:40px;text-align:right;font-weight:600;font-size:12px}

.rv-cred-bar{flex:1;height:6px;background:var(--c-border);border-radius:3px;overflow:hidden}

.rv-cred-fill{height:100%;border-radius:3px}

.rv-cred-fill.green{background:#22c55e}

.rv-cred-fill.yellow{background:#eab308}

.rv-cred-fill.red{background:#ef4444}

.rv-risk-grid{display:flex;flex-direction:column;gap:10px;margin-top:16px}

.rv-risk-row{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:8px;font-size:13px}

.rv-risk-ok{background:rgba(34,197,94,0.06);border-left:3px solid #22c55e}

.rv-risk-caution{background:rgba(234,179,8,0.06);border-left:3px solid #eab308}

.rv-risk-no{background:rgba(239,68,68,0.06);border-left:3px solid #ef4444}

.rv-risk-icon{font-size:14px;flex-shrink:0}

.rv-risk-row strong{font-weight:600}

.vs-cred-grid{grid-template-columns:1fr}

.rv-cred-wrap{flex-direction:column}

.vs-tl-bar{flex-wrap:wrap;height:auto}