/* SPDX-License-Identifier: AGPL-3.0-or-later
 * Copyright (C) 2024-2026 Philippe Naveau — contact@perfshop.io
 *
 * inline-fix.css — Brique B1.bis (2026-05-20) + B1.ter utility classes (2026-05-20).
 *
 * Extracts the 10 inline `style="..."` attributes from
 * `public/index.html` so the CSP `style-src 'self'` activated in S4
 * Phase K no longer raises violations at runtime (caught by
 * `e2e/csp/no-violation.spec.ts`). One class per former inline site.
 */

/* index.html ligne 73 — login submit button full-width. */
.scr-inline-login-btn {
  width: 100%;
  justify-content: center;
  margin-top: 0.5rem;
}

/* index.html lignes 98+99 — sidebar new file/folder buttons (flex:1 each). */
.scr-inline-sidebar-flex {
  flex: 1;
}

/* index.html ligne 102 — hidden file input inside the drop zone. */
.scr-inline-file-hidden {
  display: none;
}

/* index.html ligne 117 — run-target URL select sizing (visibility now
   controlled by the .hidden utility class added to the element in HTML). */
.scr-inline-run-target {
  width: auto;
  padding: 4px 8px;
  font-size: 0.75rem;
  height: 28px;
  /* display: none removed B1.ter — use .hidden class in HTML instead */
  margin: 0;
}

/* index.html ligne 135 — small mono-font result script name span. */
.scr-inline-result-script {
  font-size: 0.72rem;
  font-family: var(--mono);
  color: var(--text2);
}

/* index.html ligne 137 — clear-result button with left margin. */
.scr-inline-clear-result {
  margin-left: 8px;
}

/* index.html ligne 180 — move-source label hint with bottom margin. */
.scr-inline-modal-src {
  margin-bottom: 8px;
  color: var(--text);
}

/* index.html ligne 192 — upload-names hint with text color + bottom margin. */
.scr-inline-modal-upload {
  color: var(--text);
  margin-bottom: 10px;
}

/* ── B1.ter — JS visibility / state utility classes ────────────────
 * Replaces all `el.style.display = …` / `el.style.opacity = …` /
 * `el.style.cssText = …` JS mutations that violate CSP style-src 'self'.
 * All toggling is now via classList.add/remove/toggle. */

/* General visibility toggle. !important overrides ID + class specificity. */
.hidden { display: none !important; }

/* Toast fade-in (layout.css defines .toast { opacity: 0; transition: opacity .4s }). */
.scr-toast-visible { opacity: 1; }

/* Drag-and-drop row dimming in tree.js. */
.scr-is-dragging { opacity: 0.5; }

/* Artifact open + download pair (was display:inline-flex + gap:2px inline). */
.scr-artifact-group { display: inline-flex; gap: 2px; }

/* Loading / empty message rows in runs + commits tabs. */
.scr-tab-content { padding: 12px 14px; font-size: .78rem; color: var(--text2); }