/* IMBER model charts viewer. Uses the site's --im-* tokens when present. */
.im-charts{--c-accent:var(--im-accent,#3d7f6b);--c-accent-ink:var(--im-accent-ink,#fff);--c-soft:var(--im-accent-soft,rgba(61,127,107,.1));--c-card:var(--im-card,#fff);--c-card-2:var(--im-card-2,#f6f6f8);--c-line:var(--im-line,#e3e3e8);--c-muted:var(--im-muted,#6e6e73);--c-shadow:var(--im-shadow,0 1px 2px rgba(20,20,30,.04),0 6px 20px rgba(20,20,30,.04))}
.im-charts-bar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.im-charts-label{flex-basis:100%;font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted);margin:6px 0 0}
.im-chip{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--c-line);background:var(--c-card);color:inherit;font:inherit;font-size:13px;font-weight:550;cursor:pointer;box-shadow:var(--c-shadow);transition:border-color .15s,background .15s}
.im-chip:hover:not(:disabled){border-color:var(--c-accent)}
.im-chip:focus-visible{outline:none;box-shadow:0 0 0 3px var(--c-soft);border-color:var(--c-accent)}
.im-chip[aria-pressed="true"]{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-ink)}
.im-chip:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.im-model-chip .im-dot{width:9px;height:9px;border-radius:50%;background:var(--model-color)}
.im-model-chip[aria-pressed="true"] .im-dot{box-shadow:0 0 0 2px var(--c-accent-ink)}
.im-ai{font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:6px;background:var(--c-soft);color:var(--c-accent)}
.im-chip[aria-pressed="true"] .im-ai{background:rgba(255,255,255,.22);color:inherit}
.im-charts-card{background:var(--c-card);border:1px solid var(--c-line);border-radius:20px;box-shadow:var(--c-shadow);overflow:hidden}
#im-charts-map{height:min(72vh,720px);min-height:380px;background:var(--c-card-2)}
.im-charts-overlay{image-rendering:auto}
.im-charts-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid var(--c-line)}
.im-charts-buttons{display:flex;gap:6px}
.im-charts-buttons button{width:40px;height:40px;border-radius:12px;border:1px solid var(--c-line);background:var(--c-card-2);color:inherit;font-size:15px;cursor:pointer}
.im-charts-buttons button#im-charts-play{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-ink)}
.im-charts-buttons button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--c-soft)}
#im-charts-slider{width:100%;accent-color:var(--c-accent)}
.im-charts-when{text-align:right;line-height:1.25;min-width:150px}
#im-charts-time{display:block;font-weight:650;font-size:14px;font-variant-numeric:tabular-nums}
#im-charts-lead{font-size:12px;color:var(--c-muted);font-variant-numeric:tabular-nums}
.im-charts-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:12px 16px 16px;border-top:1px solid var(--c-line)}
#im-charts-legend{display:flex;align-items:center;gap:8px;flex:1 1 360px;min-width:0}
.im-legend-unit{font-size:12px;font-weight:650;color:var(--c-muted);white-space:nowrap}
.im-legend-bar{display:flex;flex:1;min-width:0}
.im-legend-types{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.im-legend-type{display:grid;grid-template-columns:132px 1fr;align-items:center;gap:8px}
.im-legend-type b{font-size:11.5px;font-weight:600;color:var(--c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.im-legend-type .im-legend-cell{height:10px}
.im-legend-type:last-child .im-legend-cell{height:12px}
.im-legend-cell:first-child{border-radius:6px 0 0 6px}
.im-legend-cell:last-child{border-radius:0 6px 6px 0}
.im-legend-cell{flex:1;height:14px;position:relative}
.im-legend-cell i{position:absolute;top:16px;left:0;font-style:normal;font-size:10.5px;color:var(--c-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
#im-charts-legend{padding-bottom:16px}
.im-charts-opacity{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--c-muted)}
.im-charts-opacity input{width:110px;accent-color:var(--c-accent)}
.im-charts-notes{font-size:12.5px;color:var(--c-muted);line-height:1.5;margin:12px 2px 0}
.im-charts-notes p{margin:0 0 6px}
#im-charts-run{font-weight:600;color:inherit}
#im-charts-status:empty{display:none}
#im-charts-status{font-size:12.5px;color:var(--c-muted);margin:0 0 10px}
@media (max-width:640px){
  .im-chip{height:34px;padding:0 11px;font-size:12.5px}
  #im-charts-map{height:62vh;min-height:320px}
  .im-charts-controls{grid-template-columns:1fr;gap:10px}
  .im-charts-when{text-align:left;order:-1}
  .im-charts-buttons{order:1}
}