/* CasaPratique V25.1 — optional JSXGraph visualizations */
.cp-viz{
  margin-top:14px;
  padding:12px;
  border:1px solid #dfe8ee;
  border-radius:13px;
  background:#fff;
}
.cp-viz-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.cp-viz-head strong{color:#173b53}
.cp-viz-head small{display:block;color:#6c8190;margin-top:3px;line-height:1.45}
.cp-viz-btn{
  min-height:42px;
  border:1px solid #cfdde6;
  border-radius:10px;
  padding:9px 12px;
  background:#f7fafc;
  color:#173b53;
  font-weight:850;
  cursor:pointer;
}
.cp-viz-btn:hover{background:#eef5f8}
.cp-viz-btn:disabled{opacity:.65;cursor:wait}
.cp-viz-box{
  width:100%;
  height:340px;
  margin-top:12px;
  border:1px solid #dbe5eb;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}
.cp-viz-box[hidden]{display:none}
.cp-viz-error{
  margin-top:10px;
  padding:10px 12px;
  border:1px solid #f0cfd2;
  background:#fff6f7;
  border-radius:10px;
  color:#9b2530;
  font-size:12px;
  line-height:1.6;
}
.cp-viz-legend{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:9px;
  color:#617789;
  font-size:12px;
}
.cp-viz-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:5px}
.cp-viz-dot.a{background:#102a43}.cp-viz-dot.b{background:#e31d2a}.cp-viz-dot.c{background:#0b7a57}
.jxgbox{touch-action:pan-y}
@media(max-width:650px){
  .cp-viz{padding:10px}
  .cp-viz-box{height:300px}
  .cp-viz-btn{width:100%}
}