/*
 * RadioInternet Console — styles AUTONOMES du plugin.
 *
 * Les règles « .app-* » sont extraites À L'IDENTIQUE (valeurs)
 * de applications.css du thème (v1.7.0, section Console); les
 * règles « .pf-* » sont extraites À L'IDENTIQUE de main.css du
 * thème (bloc Plateforme v1.5.2, sous-ensemble utilisé par les
 * pupitres de la Console). Toutes sont scopées sous
 * .rint-console : aucun style global n'est touché, la Console
 * garde son apparence sur n'importe quel thème hôte. Les
 * variables Affiche sont redéfinies sur la racine du plugin
 * avec les valeurs du thème, et les classes structurelles
 * (boutons, pastilles) sont redéfinies SOUS .rint-console
 * seulement, comme chez le plugin patron Scratch Lab. Les
 * classes sans règle dans le thème (pf-regie-pupitre,
 * pf-regie-frame, pf-regie-now, pf-fichier-cache…) n'en
 * reçoivent aucune ici non plus — comportement identique à
 * l'origine, aucun style inventé.
 */

.rint-console {
	--bg: #04060a;
	--bg-elev: #070a10;
	--card: #0a0e15;
	--card-border: rgba(255, 255, 255, 0.1);
	--text: #eef2f7;
	--muted: #9aa7b5;
	--cyan: #35e0ff;
	--blue: #2e7bff;
	--neon: #ff2233;
	--gold: #eec25e;
	--gradient: linear-gradient(120deg, #ff2233, #2e7bff 55%, #35e0ff);
	--radius: 10px;
	--font-title: "Anton", "Archivo Black", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* ---------- Classes structurelles (scopées .rint-console) ---------- */
.rint-console .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	font-family: var(--font-title);
	font-size: 1rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 0.85rem 1.7rem;
	border-radius: 8px;
	border: 1px solid transparent;
	cursor: pointer;
	text-decoration: none;
}
.rint-console .btn-primary {
	background: linear-gradient(120deg, #d90429, var(--neon));
	color: #ffffff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
.rint-console .btn-ghost {
	background: transparent;
	color: var(--text);
	border-color: var(--card-border);
}
.rint-console .btn-ghost:hover { border-color: var(--cyan); color: var(--cyan); }
.rint-console .pill {
	display: inline-block;
	font-family: var(--font-title);
	font-size: 0.72rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 0.3rem 0.75rem;
	border-radius: 999px;
	border: 1px solid var(--card-border);
	color: var(--muted);
	background: rgba(255, 255, 255, 0.03);
}
.rint-console .pill-ready {
	color: #062b33;
	background: var(--cyan);
	border-color: var(--cyan);
}
.rint-console .muted { color: var(--muted); }
.rint-console .small { font-size: 0.88rem; }
/* ---------- Onglets et panneaux (applications.css du thème, valeurs identiques) ---------- */
/* ---------- Onglets de la Console ---------- */
.rint-console .app-onglets {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 1.4rem 0 0.4rem;
}
.rint-console .app-onglet {
	border: 1px solid var(--card-border);
	border-radius: 999px;
	padding: 0.55rem 1.2rem;
	background: rgba(255, 255, 255, 0.03);
	color: var(--text);
	font: inherit;
	font-weight: 700;
	font-size: 1rem;
	cursor: pointer;
}
.rint-console .app-onglet:hover { border-color: var(--cyan); color: var(--cyan); }
.rint-console .app-onglet[aria-selected="true"] {
	background: var(--gradient);
	border-color: transparent;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}
.rint-console .app-onglet:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }
.rint-console .app-panneau[hidden] { display: none; }
/* Bloc dépliant (import texte du Builder). */
.rint-console .app-details {
	border: 1px dashed var(--card-border);
	border-radius: var(--radius);
	padding: 0.9rem 1.1rem;
	margin: 1rem 0;
}
.rint-console .app-details summary {
	cursor: pointer;
	font-weight: 700;
	color: var(--cyan);
}
.rint-console .app-details textarea { margin-top: 0.6rem; }

/* ---------- Formulaires et Régie pf-* (main.css du thème, valeurs identiques) ---------- */
.rint-console .pf-perimetre {
	border-left: 3px solid var(--gold);
	padding: 0.45rem 0.9rem;
	background: rgba(238, 194, 94, 0.07);
	color: var(--text);
	max-width: 62rem;
}
.rint-console .pf-bloc {
	background: var(--card);
	border: 1px solid var(--card-border);
	border-radius: var(--radius);
	padding: 1.2rem 1.3rem;
	margin: 1.2rem 0;
}
.rint-console .pf-bloc h3 { margin-top: 0; }
.rint-console .pf-label {
	display: block;
	font-weight: 700;
	margin-bottom: 0.4rem;
	letter-spacing: 0.02em;
}
.rint-console .pf-input {
	width: 100%;
	box-sizing: border-box;
	background: var(--bg-elev);
	border: 1px solid var(--card-border);
	border-radius: 8px;
	color: var(--text);
	padding: 0.6rem 0.8rem;
	font: inherit;
}
.rint-console .pf-input:focus { outline: 2px solid var(--cyan); outline-offset: 1px; }
.rint-console .pf-rangee {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem;
	align-items: flex-end;
	margin: 0.6rem 0;
}
.rint-console .pf-champ { flex: 1 1 12rem; }
.rint-console .pf-case {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-weight: 600;
	cursor: pointer;
}
.rint-console .pf-msg { min-height: 1.2em; color: var(--cyan); font-weight: 600; }
.rint-console .pf-msg-erreur { color: var(--neon); }
.rint-console .pf-liste { list-style: none; margin: 0.6rem 0; padding: 0; }
.rint-console .pf-liste > li { margin-bottom: 0.5rem; }
.rint-console .pf-source {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	align-items: center;
	background: var(--bg-elev);
	border: 1px solid var(--card-border);
	border-radius: 8px;
	padding: 0.55rem 0.8rem;
}
.rint-console .pf-source-infos { flex: 1 1 18rem; display: flex; flex-direction: column; }
.rint-console .pf-source-meta { color: var(--muted); font-size: 0.85rem; overflow-wrap: anywhere; }
.rint-console .pf-petit-bouton { padding: 0.25rem 0.7rem; font-size: 0.88rem; }
.rint-console .pf-bouton-fichier { cursor: pointer; display: inline-block; }
.rint-console .pf-file-item {
	display: flex;
	flex-direction: column;
	background: var(--bg-elev);
	border: 1px solid var(--card-border);
	border-radius: 8px;
	padding: 0.5rem 0.8rem;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
}
.rint-console .pf-file-bouton { cursor: pointer; color: var(--text); font: inherit; }
.rint-console .pf-file-bouton:hover { border-color: var(--cyan); }
.rint-console .pf-file-courante { border-color: var(--neon); box-shadow: 0 0 0 1px var(--neon); }
.rint-console .pf-file-titre { font-weight: 700; }
.rint-console .pf-regie-vide { color: var(--muted); text-align: center; padding: 2rem 1rem; }
.rint-console .pf-regie-note { color: var(--muted); max-width: 62rem; }