/* nc-style — éditeur de texte court (option "style" de [champs]) — cl26.10.15 */
.nc-style {
	position: relative;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin-top: .5rem;
	/* même rendu que les champs de l'admin (.form-wisedyn .form-control / .form-control:focus) — cl26.10.15 */
	background-color: rgba(220, 224, 229, .3);
	border: 0;
	border-radius: .5rem;
	transition: background-color .15s ease;
}
.nc-style.nc-style-focus {
	background-color: rgba(205, 211, 218, .3);
}
.nc-style-zone {
	min-height: 64px;
	padding: 26px 12px 10px;
	font-size: 14px;
	line-height: 1.6;
	outline: none;
	overflow-wrap: anywhere;
	cursor: text;
}
.nc-style-zone a { color: #0d6efd; text-decoration: underline; }
.nc-style-zone ::selection { background: rgba(13, 110, 253, .18); }

/* Barre : discrète, révélée au survol et au focus */
.nc-style-barre {
	position: absolute;
	top: 4px;
	right: 4px;
	z-index: 3;
	display: flex;
	gap: 2px;
	padding: 2px;
	background: rgba(255, 255, 255, .95);
	border-radius: 6px;
	opacity: 0;
	transform: translateY(-2px);
	transition: opacity .15s ease, transform .15s ease;
	pointer-events: none;
}
.nc-style:hover .nc-style-barre,
.nc-style.nc-style-focus .nc-style-barre {
	opacity: 1;
	transform: none;
	pointer-events: auto;
}
.nc-style-lecture .nc-style-barre { display: none; }
.nc-style-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 26px;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: none;
	color: #495057;
	font-size: 14px;
	line-height: 1;
	cursor: pointer;
}
.nc-style-btn:hover { background: #f1f3f5; color: #0d6efd; }
.nc-style-btn:focus-visible { outline: 2px solid #86b7fe; outline-offset: 1px; }

/* Libellé posé dans le cadre, comme les champs Quill (label.form-label.summer) */
.label-summer:has(.nc-style) { position: relative; }
.label-summer:has(.nc-style) > label.form-label.summer {
	position: absolute;
	top: calc(.5rem + 5px);
	left: 6px;
	margin: 0;
	z-index: 2;
	padding: 0 6px;
	font-size: .75rem;
	color: #6c757d;
	pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
	.nc-style, .nc-style-barre { transition: none; }
}