/* Risco tab: risk metrics of an asset and the four charts that explain them. */
#tab-risco{grid-template-columns:minmax(0,1fr)}

#app .rk-head{margin-bottom:6px}
#app .rk-ctl{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
#app .rk-ctl .fl{min-width:220px}
#app .rk-ctl .seg button{min-height:36px}

#app .rk-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start;margin-top:12px}
#app .rk-main{min-width:0}

#app .rk-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:4px 0 6px}
#app .rk-kpi{background:var(--ink);border:1px solid var(--line-d);padding:12px;display:flex;flex-direction:column;gap:4px;min-width:0}
#app .rk-kpi span{font-size:12px;color:var(--mut-d)}
#app .rk-kpi b{font-family:'JetBrains Mono',monospace;font-size:19px;color:var(--white)}
#app .rk-kpi small{font-size:11.5px;line-height:1.45;color:var(--mut-d)}

#app .rk-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:14px;margin-top:14px}
#app .rk-card{background:var(--ink2);border:1px solid var(--line-d);padding:14px;min-width:0}
#app .rk-sub{margin:4px 0 10px;font-size:12.5px;line-height:1.5}

#app .lines .ln-dd{stroke:var(--dn);stroke-width:2.2}
#app .lines .ln-vol{stroke:var(--warn);stroke-width:2.2}
#app .hist-chart{display:block;width:100%;height:auto}
#app .hist-chart-bar{fill:var(--teal);fill-opacity:.7}
#app .hist-chart-bar:hover{fill-opacity:1}
#app .hist-chart-marker{stroke:var(--dn);stroke-width:2;stroke-dasharray:6 5}
#app .hist-chart .lbl2{fill:var(--dn-l);font-weight:700}
#app .scatter{display:block;width:100%;height:auto}
#app .scatter .zero{stroke:var(--mut-d);stroke-width:1.2;opacity:.7}
#app .sc-dot{fill:var(--teal-l);fill-opacity:.55;stroke:none;cursor:crosshair}
#app .sc-dot:hover{fill-opacity:1}
#app .sc-fit{stroke:var(--warn);stroke-width:2.2}

#app .rk-msg{border:1px solid var(--line-d);padding:16px;margin:12px 0}
#app .rk-msg b{display:block;color:var(--white);margin-bottom:4px}
#app .rk-msg p{margin:0;font-size:13.5px;color:var(--mut-d);line-height:1.5}
#app .rk-error b{color:var(--dn)}

#app .rk-guide dl{margin:0}
#app .rk-guide dt{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;color:var(--teal-l);margin-top:14px}
#app .rk-guide dt:first-child{margin-top:0}
#app .rk-guide dd{margin:4px 0 0;font-size:13.5px;line-height:1.55;color:var(--tx-d1)}

@media (max-width:1180px){
  #app .rk-body{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  #app .rk-ctl{width:100%}
  #app .rk-ctl .fl{min-width:0;width:100%}
  #app .rk-ctl .seg{width:100%}
  #app .rk-ctl .seg button{flex:1 1 0}
  #app .rk-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  #app .rk-kpi b{font-size:16px}
  #app .rk-charts{grid-template-columns:minmax(0,1fr)}
  #app .rk-card{padding:12px}
}

#app .rk-actions{display:flex;justify-content:flex-end;margin:0 0 12px}
#app .rk-actions .btn{width:auto}

.boot .rk-dialog{max-width:620px;max-height:85vh;overflow-y:auto}
.rk-dlg-text{font-size:14px;line-height:1.55;color:var(--tx-d1);margin:0 0 6px}
.rk-dlg-error{color:var(--dn)}
.rk-dlg-result{font-size:14px;line-height:1.6;color:var(--tx-d1)}
.rk-dlg-result p{margin:0 0 12px;color:var(--tx-d1)}
.rk-dlg-result ul{margin:0 0 12px 18px;padding:0;color:var(--tx-d1)}
.rk-dlg-result li{margin-bottom:6px}
.rk-dlg-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.rk-dlg-actions .btn{width:auto;flex:1 1 auto}

.rk-steps{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.rk-step{position:relative;padding-left:22px;font-size:13.5px;line-height:1.45;color:var(--mut-d);transition:color .3s ease}
.rk-step::before{content:"";position:absolute;left:0;top:6px;width:10px;height:10px;border:1.5px solid var(--mut-d);border-radius:50%;box-sizing:border-box}
.rk-step-done{color:var(--tx-d2)}
.rk-step-done::before{background:var(--teal);border-color:var(--teal)}
.rk-step-current{color:var(--white);font-weight:600}
.rk-step-current::before{border-color:var(--teal-l);background:color-mix(in srgb,var(--teal-l) 35%,transparent)}
@media (prefers-reduced-motion:reduce){.rk-step{transition:none}}

.rk-pick{border:1px solid var(--line-d);margin:16px 0 0;padding:12px}
.rk-pick legend{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut-d);padding:0 6px}
.rk-pick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px 12px;margin-top:6px}
.rk-pick-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tx-d2);cursor:pointer}
.rk-pick-item input{accent-color:var(--teal);width:16px;height:16px;flex:none}
.rk-item{border-top:1px solid var(--line-d);padding-top:12px;margin-top:12px}
.rk-item:first-child{border-top:0;padding-top:0;margin-top:0}
.rk-item h3{font-size:14px;color:var(--white);margin:0 0 6px}