/* public/assets/pressupost.css — L'Aula de la Laia · panell del pressupost d'IA
 * (I5-PRESSUPOST-IA I5-C-panell, docs/briefs/I5-PRESSUPOST-IA-BRIEF.md §9).
 *
 * Només variables del sistema de pells ja existent (var(--...)) i tres colors semàntics propis
 * (verd/groc/vermell del semàfor), amb el mateix to que ja fa servir roles.css per als avisos
 * (rl-toast-ok/rl-toast-error) — cap altre color escrit a mà, cap !important. Reutilitza
 * .rl-card/.rl-table/.rl-btn/.rl-input/.rl-form-inline/.rl-meta de roles.css (aquest fitxer NOMÉS
 * hi afegeix les peces NOVES: semàfor, barra de progrés, distintiu de nivell i la targeta dels
 * pares).
 */

:root {
  --aip-verd: #1f7a4d;
  --aip-groc: #b8860b;
  --aip-vermell: #a63a3a;
}

/* ── Semàfor (mes / gat) ── */
.aip-semafor { display: flex; flex-direction: column; gap: 8px; }

.aip-xifra { margin: 0; font-family: var(--font-mono, monospace); font-size: 18px; font-weight: 700; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.aip-text-verd { color: var(--aip-verd); }
.aip-text-groc { color: var(--aip-groc); }
.aip-text-vermell { color: var(--aip-vermell); }

.aip-badge { display: inline-block; padding: 2px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: .03em; }
.aip-fons-verd { background: var(--aip-verd); }
.aip-fons-groc { background: var(--aip-groc); }
.aip-fons-vermell { background: var(--aip-vermell); }

/* ── Barra de progrés ── */
.aip-barra { width: 100%; height: 8px; border-radius: 999px; background: var(--bg3, #eef2f8); border: 1px solid var(--border, rgba(15,23,42,.08)); overflow: hidden; }
.aip-barra-omple { height: 100%; border-radius: 999px; transition: width .2s ease; }

/* ── Conciliació amb ia_cost_log ── */
.aip-conc-ok { margin: 0; color: var(--text, #1f2937); }
.aip-conc-mal { margin: 0; color: var(--aip-vermell); font-weight: 700; }

/* ── Ajustos (15 claus de config.10) ── */
.aip-ajustos { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; }
.aip-ajust-fila { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 0; border-top: 1px solid var(--border, rgba(15,23,42,.08)); }
.aip-ajust-fila:first-child { border-top: none; }
.aip-ajust-info { flex: 1 1 260px; min-width: 0; }
.aip-ajust-info code { font-family: var(--font-mono, monospace); font-size: 12.5px; }
.aip-ajust-form { flex: 0 0 auto; gap: 6px; }
.aip-ajust-form .rl-input { width: 160px; flex: 0 0 auto; }

/* ── Xip dels pares (targeta petita i tranquil·la, §10.1: cap taula, cap categoria) ── */
.aip-xip-text { margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--text, #1f2937); }