/* ==========================================================================
   effi10 — Générateur de prompts de model sheet (complète assets/css/tools.css).
   Classes mpg-* de l’extension conservées ; Tailwind et Font Awesome remplacés par la charte (tokens.css).
   ========================================================================== */

.tool--prompt-modelsheet [hidden] { display: none !important; }

.tool--prompt-modelsheet .mpg-grid { align-items: stretch; }
.tool--prompt-modelsheet .mpg-controls { display: grid; align-content: start; gap: var(--tool-gap); min-width: 0; }
.tool--prompt-modelsheet .mpg-section-title { display: flex; align-items: center; margin: 0 0 14px; font-size: 1.12rem; }
.tool--prompt-modelsheet .tool__head .mpg-section-title { margin: 0; }
.tool--prompt-modelsheet .mpg-input-group { margin: 0 0 14px; }
.tool--prompt-modelsheet .mpg-input-group:last-child { margin-bottom: 0; }
.tool--prompt-modelsheet .tool__row .mpg-input-group { margin-bottom: 0; }
.tool--prompt-modelsheet .tool__row { margin-bottom: 14px; }

/* Options : interrupteurs présentés en cartes */
.tool--prompt-modelsheet .mpg-options .tool__options { margin: 0; }
.tool--prompt-modelsheet .mpg-checkbox-wrapper {
	padding: 10px 12px;
	border: 1px solid var(--c-border);
	border-radius: var(--r-sm);
	background: #fff;
	color: var(--c-navy);
	font-weight: 600;
	transition: border-color .2s, background .2s;
}
.tool--prompt-modelsheet .mpg-checkbox-wrapper:hover { border-color: var(--c-orange); }
.tool--prompt-modelsheet .mpg-checkbox-wrapper:has(input:checked) { border-color: var(--c-orange); background: var(--c-orange-soft); }
.tool--prompt-modelsheet .mpg-checkbox-wrapper .tool__hint { margin-top: 2px; }

/* Bouton principal */
.tool--prompt-modelsheet .mpg-generate { width: 100%; justify-content: center; padding: 14px 24px; font-size: 1rem; }

/* Résultat */
.tool--prompt-modelsheet .mpg-result { display: flex; flex-direction: column; }
.tool--prompt-modelsheet .mpg-result .tool__head { margin-bottom: 12px; }
.tool.tool--prompt-modelsheet textarea.mpg-output {
	flex: 1 1 auto;
	min-height: 400px;
	padding: 16px 18px;
	border-color: var(--c-navy-deep);
	border-radius: 12px;
	background: var(--c-navy-deep);
	color: #e3eaf3;
	font-family: var(--f-mono);
	font-size: .84rem;
	line-height: 1.6;
	resize: vertical;
}
.tool.tool--prompt-modelsheet textarea.mpg-output::placeholder { color: var(--c-slate); opacity: 1; }
.tool.tool--prompt-modelsheet textarea.mpg-output:focus { border-color: var(--c-orange); }
.tool--prompt-modelsheet .mpg-copy.is-copied { border-color: var(--c-green); background: #e8f6ef; color: #1f6046; }
.tool--prompt-modelsheet .mpg-status,
.tool--prompt-modelsheet .mpg-note { margin: 12px 0 0; }
.tool--prompt-modelsheet .mpg-note .ico { flex: none; width: 18px; height: 18px; margin-top: 1px; }
.tool--prompt-modelsheet .tool__privacy { margin: 14px 0 0; }

/* Petits écrans */
@media (max-width: 959px) {
	.tool.tool--prompt-modelsheet textarea.mpg-output { min-height: 260px; }
}