/* sim.css - fast-forward panel (Simulasi). Charts sit on a near-white field; text uses ink tokens, never series colours.
   Series colours are set by js/mods/sim.js (package C). */
.mbox.wide.sim-box{width:min(100%,960px)}
.sim-panel{font-family:var(--font);font-size:calc(14px*var(--ts));line-height:1.45;color:var(--paper-ink)}
.sim-panel h3{font-family:var(--font);font-size:calc(16px*var(--ts));font-weight:600;color:var(--paper-ink);margin:14px 0 6px}
.sim-label{color:var(--paper-dim);margin:0 0 8px}
.sim-ctrl{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sim-ctrl .mbtn{font-family:inherit;font-size:calc(14px*var(--ts))}
.sim-clock{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--paper-dim)}
.sim-players select{font:inherit;margin-left:4px}
.sim-minis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
@media (max-width:560px){.sim-minis{grid-template-columns:repeat(2,1fr)}}
.sim-mini{position:relative;background:var(--field);border:var(--line) solid var(--paper-ink);border-radius:var(--r-ctl);padding:4px 0 0}
.sim-mini-t{font-size:12px;color:var(--paper-dim);padding:0 8px}
.sim-chart{position:relative;background:var(--field);border:var(--line) solid var(--paper-ink);border-radius:var(--r-ctl);padding:4px 0}
.sim-chart canvas,.sim-mini canvas{display:block;touch-action:none}
.sim-legend{display:flex;gap:14px;flex-wrap:wrap;margin:6px 2px 0;color:var(--paper-ink)}
.sim-legend i,.sim-tip i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.sim-tip{position:absolute;z-index:3;display:none;background:var(--paper);color:var(--paper-ink);border:var(--line) solid var(--paper-ink);border-radius:var(--r-ctl);padding:6px 8px;pointer-events:none;font-size:12px;min-width:130px}
.sim-tip.on{display:block}
.sim-tip-h{color:var(--paper-dim);margin-bottom:3px}
.sim-events{display:flex;flex-direction:column;gap:3px}
.sim-ev.closed::before{content:"✗ ";color:var(--bad)}
.sim-ev.reopened::before{content:"✓ ";color:var(--good)}
.sim-table{border-collapse:collapse;margin:6px 0;font-variant-numeric:tabular-nums}
.sim-table th,.sim-table td{border-bottom:var(--line) solid var(--paper-2);padding:3px 10px 3px 0;text-align:left}
.sim-table td:not(:first-child),.sim-table th:not(:first-child){text-align:right}