/* firstrun.js — the first-run welcome card. Bottom-right, above the
   app, never modal-blocking: the chart stays usable behind it. */
.mv-firstrun{
  position:fixed; right:16px; bottom:16px; z-index:1200;
  width:min(360px, calc(100vw - 32px));
  background:var(--panel); border:1px solid var(--edge); border-radius:10px;
  padding:14px 16px; color:var(--ink);
  box-shadow:0 12px 40px rgba(0,0,0,.55);
  font-size:13px; line-height:1.45;
}
.mv-fr-head{display:flex; justify-content:space-between; align-items:center;}
.mv-fr-kicker{color:var(--green); font-size:10.5px; letter-spacing:1.4px;}
.mv-fr-x{background:transparent; border:0; color:var(--dim); font-size:14px; cursor:pointer; padding:2px 4px;}
.mv-fr-x:hover{color:var(--ink);}
.mv-fr-step{color:var(--dim); font-size:11px; margin-top:8px;}
.mv-fr-title{font-size:15px; margin-top:2px;}
.mv-fr-body{color:var(--dim); margin-top:6px;}
.mv-fr-actions{display:flex; gap:8px; justify-content:flex-end; margin-top:12px;}
.mv-fr-btn{
  background:transparent; color:var(--ink); border:1px solid var(--edge);
  border-radius:6px; padding:6px 12px; font-size:12.5px; cursor:pointer;
}
.mv-fr-btn.primary{background:var(--green); color:#03140a; border-color:var(--green);}
.mv-fr-skip{margin-right:auto; color:var(--dim);}
@media (max-width: 480px){
  .mv-firstrun{right:8px; bottom:8px;}
}