.risk-modes { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.risk-modes button { min-height:44px; padding:10px 18px; border:1px solid var(--border2); border-radius:10px; background:var(--bg2); color:var(--text2); font:inherit; cursor:pointer; }
.risk-modes [aria-pressed="true"] { color:var(--gold); border-color:var(--border-gold); background:var(--gold-dim); }
.risk-scope { max-width:900px; color:var(--text2); font-size:13px; line-height:1.7; }
#simpleRiskPanel[hidden], #riskAdvanced[hidden], #simpleRiskPanel [hidden] { display:none!important; }
.sr-layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:20px; align-items:start; }
.sr-form,.sr-output { min-width:0; padding:22px; border:1px solid var(--border2); border-radius:16px; background:var(--bg2); }
.sr-output { background:radial-gradient(ellipse at top right,rgba(212,175,55,.07),transparent 65%),var(--bg2); }
.sr-heading { display:flex; gap:12px; margin-bottom:20px; align-items:flex-start; }
.sr-step { font-family:var(--font-mono); font-size:12px; color:var(--gold); padding-top:5px; }
.sr-heading h2 { font-size:18px; margin:0 0 6px; letter-spacing:-.4px; }
.sr-heading p,.sr-hint { color:var(--text2); font-size:12px; line-height:1.6; }
.sr-quote { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; font-size:12px; color:var(--text2); margin-bottom:16px; }
.sr-quote select { width:100px; }
.sr-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.sr-field { display:flex; flex-direction:column; gap:7px; font-size:12px; color:var(--text2); min-width:0; }
.sr-field input,.sr-quote select { min-width:0; min-height:44px; padding:10px 12px; border:1px solid var(--border2); border-radius:9px; background:var(--bg); color:var(--text); font:inherit; }
.sr-field input { width:100%; font-size:16px; }
.sr-field [aria-invalid="true"] { border-color:var(--red); }
.sr-field input:focus-visible,.sr-quote select:focus-visible,.risk-modes button:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }
.sr-hint { margin:12px 0; }
.sr-costs { margin:8px 0 14px; border-top:1px solid var(--border); }
.sr-costs summary,.sr-formulas summary { cursor:pointer; min-height:44px; display:flex; align-items:center; color:var(--gold); font-size:12px; }
.sr-costs summary::after,.sr-formulas summary::after { content:'+'; margin-left:auto; }
.sr-costs[open] summary::after,.sr-formulas[open] summary::after { content:'-'; }
.sr-calculate { width:100%; min-height:46px; white-space:normal; }
.sr-error { color:var(--red); font-size:12px; line-height:1.7; margin-top:12px; }
.sr-empty { padding:30px 0; color:var(--text2); font-size:14px; line-height:1.7; }
.sr-quantity { border-bottom:1px solid var(--border-gold); padding:4px 0 20px; display:grid; gap:10px; }
.sr-quantity span,.sr-quantity small { color:var(--text2); font-size:12px; }
.sr-quantity strong { font-size:clamp(22px,2.5vw,34px); color:var(--gold); letter-spacing:-1px; overflow-wrap:anywhere; }
.sr-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 12px; margin:20px 0; }
.sr-metrics dt { color:var(--text2); font-size:12px; line-height:1.6; }
.sr-metrics dd { margin-top:6px; color:var(--text); font-size:16px; overflow-wrap:anywhere; }
.sr-target { color:var(--text); font-size:12px; line-height:1.7; padding:12px; border:1px solid var(--border); border-radius:8px; }
.sr-warnings { margin:16px 0; padding-left:18px; color:var(--gold); font-size:12px; line-height:1.7; }
.sr-warnings li { margin:8px 0; }
.sr-limit,.sr-formulas p { color:var(--text2); font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.sr-limit { margin-top:20px; border-top:1px solid var(--border); padding-top:16px; }
@media(max-width:1000px) { .sr-layout { grid-template-columns:minmax(0,1fr); } }
@media(max-width:430px) { .sr-form,.sr-output { padding:16px; } .sr-fields { gap:12px 10px; } .sr-heading h2 { font-size:17px; } }
