/* Les notes reprennent les cartes, champs et actions du site. */
body .ld-notes-panel,
body .ld-notes-modal {
	--ld-color-button-bg: var(--global-palette1, #007566);
	--ld-color-button-bg-hover: #006456;
	--ld-color-system-body-text: var(--global-palette3, #0e3169);
	--ld-typography-font-family: inherit;
	--ld-button-border-radius: 10px;
	color: var(--global-palette3);
	font-family: inherit;
}

body .ld-notes-panel {
	margin: 16px 0;
	border: 1px solid #dce5e9;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 4px 16px rgba(14, 49, 105, .035);
}

body .ld-notes-panel .ld-notes-panel__header {
	min-height: 64px;
	padding: 18px 22px;
	border: 0;
	border-radius: 16px;
	background: #f6f9fa;
	color: var(--global-palette3);
	font-family: inherit;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.4;
	transition: background-color .15s, color .15s;
}

body .ld-notes-panel .ld-notes-panel__header-title-container {
	justify-content: space-between;
	gap: 16px;
}

body .ld-notes-panel .ld-notes-panel__icon--caret {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	color: var(--global-palette1);
}

body .ld-notes-panel .ld-notes-panel__header:hover,
body .ld-notes-panel .ld-notes-panel__header[aria-expanded="true"] {
	background: #edf7f4;
	color: var(--global-palette1);
}

body .ld-notes-panel .ld-notes-panel__header[aria-expanded="true"] {
	border-radius: 16px 16px 0 0;
	border-bottom: 1px solid #d7e9e2;
}

body .ld-notes-panel .ld-notes-panel__body {
	padding: 22px;
}

body .ld-notes-panel .ld-notes-panel__header:focus-visible,
body .ld-notes-form .ld-notes-form__submit:focus-visible,
body .ld-note .ld-note__action:focus-visible {
	outline: 2px solid var(--global-palette1);
	outline-offset: 3px;
}

body .ld-notes-form {
	gap: 22px;
	margin: 0;
	padding: 0;
}

body .ld-notes-form .ld-notes-form__description {
	color: #526775;
	font-size: 14px;
	line-height: 1.65;
}

body .ld-notes-form .ld-notes-form__input-container {
	flex-direction: column;
	gap: 8px;
}

/* Rendre visible le libellé natif, même lorsque le champ est rempli. */
body .ld-notes-form .ld-notes-form__label {
	position: static;
	left: auto;
	width: auto;
	height: auto;
	overflow: visible;
	margin: 0;
	padding: 0;
	border: 0;
	color: var(--global-palette3);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
}

body .ld-notes-form .ld-notes-form__input,
body .ld-notes-form .wp-editor-area {
	box-sizing: border-box;
	min-height: 50px;
	padding: 12px 16px;
	border: 1px solid #bccbd5;
	border-radius: 10px;
	background: #fff;
	color: var(--global-palette3);
	font: inherit;
	font-size: 16px;
	line-height: 1.5;
	box-shadow: none;
}

body .ld-notes-form .ld-notes-form__input::placeholder {
	color: #6b7d88;
}

body .ld-notes-form .ld-notes-form__input:hover {
	border-color: #879eae;
}

body .ld-notes-form .ld-notes-form__input:focus,
body .ld-notes-form .wp-editor-area:focus,
body .ld-notes-form .mce-tinymce--focus,
body .ld-notes-form .mce-tinymce:focus-within {
	border-color: var(--global-palette1);
	outline: 2px solid var(--global-palette1);
	outline-offset: 3px;
	box-shadow: none;
}

body .ld-notes-form .wp-editor-container {
	border: 0;
}

body .ld-notes-form .mce-tinymce {
	overflow: hidden;
	border: 1px solid #bccbd5;
	border-radius: 10px;
	box-shadow: none;
}

body .ld-notes-form .mce-edit-area {
	border: 0;
	background: #fff;
}

body .ld-notes-form .mce-edit-area iframe,
body .ld-notes-form .wp-editor-area {
	min-height: 180px;
}

body .ld-notes-form .mce-toolbar-grp,
body .ld-notes-form .mce-statusbar {
	border-color: #dce5e9;
	background: #f6f9fa;
}

body .ld-notes-form .mce-top-part::before {
	box-shadow: none;
}

body .ld-notes-form .mce-btn {
	border-radius: 6px;
}

body .ld-notes-form .ld-notes-form__char-count-wrapper {
	margin-top: -12px;
	font-size: 13px;
}

body .ld-notes-form .ld-notes-form__submit-container {
	flex-wrap: wrap;
	gap: 12px;
}

body .ld-notes-form .ld-notes-form__submit {
	min-height: 48px;
	padding: 12px 20px;
	border: 1px solid var(--global-palette1);
	border-radius: 10px;
	background: var(--global-palette1);
	color: #fff;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	transition: background-color .15s, border-color .15s;
}

body .ld-notes-form .ld-notes-form__submit:not(:disabled):hover {
	border-color: #006456;
	background: #006456;
}

body .ld-notes-form .ld-notes-form__submit:disabled,
body .ld-notes-form .ld-notes-form__submit[aria-disabled="true"] {
	opacity: .55;
	cursor: not-allowed;
}

body .ld-notes-list {
	gap: 16px;
	background: transparent;
}

body .ld-notes-panel .ld-notes-list__empty {
	padding: 20px;
	border: 1px dashed #cbd9e0;
	border-radius: 12px;
	background: #f8fafb;
	color: #526775;
	font-size: 15px;
	text-align: center;
}

body .ld-notes-list .ld-note {
	padding: 20px;
	border: 1px solid #dce5e9;
	border-radius: 12px;
	background: #fff;
}

body .ld-note .ld-note__meta {
	justify-content: flex-start;
	color: #526775;
	font-size: 13px;
}

body .ld-note .ld-note__content {
	gap: 12px;
	padding: 0;
}

body .ld-note .ld-note__title {
	color: var(--global-palette3);
	font-size: 17px;
	line-height: 1.45;
}

body .ld-note .ld-note__body {
	flex-basis: 100%;
	overflow-wrap: anywhere;
	color: #344f61;
	font-size: 16px;
	line-height: 1.65;
}

body .ld-note .ld-note__actions {
	gap: 8px;
	margin-top: 20px;
}

body .ld-note .ld-note__action {
	min-height: 40px;
	padding: 8px 12px;
	border: 1px solid #dce5e9;
	border-radius: 8px;
	background: #f6f9fa;
	color: var(--global-palette1);
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none !important;
}

body .ld-note .ld-note__action:hover {
	border-color: #b8d9ce;
	background: #edf7f4;
}

body .ld-note .ld-note__action--delete {
	color: #a32d32;
}

body .ld-note .ld-note__action--delete:hover {
	border-color: #ebc5c6;
	background: #fff4f4;
}

body .ld-note .ld-note__response-body {
	max-width: 100%;
	border-left-color: #b8d9ce;
	border-radius: 0 10px 10px 0;
	background: #edf7f4;
	line-height: 1.65;
}

body .ld-notes-modal.ld-notes-modal {
	border: 1px solid #dce5e9;
	border-radius: 18px;
	box-shadow: 0 20px 60px rgba(14, 49, 105, .18);
}

@media (max-width: 600px) {
	body .ld-notes-panel .ld-notes-panel__header {
		padding: 16px;
		font-size: 16px;
	}
	body .ld-notes-panel .ld-notes-panel__body,
	body .ld-notes-list .ld-note {
		padding: 16px;
	}
	body .ld-notes-form .ld-notes-form__submit {
		width: 100%;
	}
	body .ld-note .ld-note__response {
		margin-left: 0;
	}
}