/* static/version_toast.css — deploy-toast styling (head-injectie, 4b).
 * Voorheen inline <style id="k6-version-toast-style"> in
 * _app_version_toast_head_html; geëxternaliseerd voor script-src/style-src
 * 'self' (CSP). Gedrag/uiterlijk byte-gelijk aan de inline versie. */
#k6-version-toast {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: min(460px, calc(100vw - 32px));
  padding: 12px 12px 12px 14px;
  border: 1px solid var(--border, #d1d5db);
  border-radius: 12px;
  background: var(--panel, #fff);
  color: var(--fg, #111827);
  box-shadow: 0 18px 46px rgba(15, 23, 42, .18);
  font: 13px/1.4 Inter, system-ui, sans-serif;
}
#k6-version-toast span { min-width: 0; }
#k6-version-toast button {
  border: 0;
  border-radius: 9px;
  font: 700 12px/1 Inter, system-ui, sans-serif;
  cursor: pointer;
}
#k6-version-toast .k6-version-refresh {
  flex: 0 0 auto;
  padding: 9px 11px;
  background: var(--accent, #2563eb);
  color: #fff;
}
#k6-version-toast .k6-version-dismiss {
  width: 30px;
  height: 30px;
  background: transparent;
  color: var(--muted, #64748b);
}
@media (max-width: 640px) {
  #k6-version-toast {
    left: 12px;
    right: 12px;
    bottom: 12px;
    max-width: none;
    align-items: stretch;
    flex-direction: column;
  }
  #k6-version-toast .k6-version-refresh { width: 100%; }
  #k6-version-toast .k6-version-dismiss {
    position: absolute;
    right: 6px;
    top: 6px;
  }
}