/*
 * Site5 – member area: login page (Figma "Se connecter — Desktop", node 371:4669; 1280 px
 * grid with 80 px side margins at 1440 px), dashboard (Figma "Espace Membre · Dashboard",
 * node 1035:49240), "Mon profil" (node 621:6728), "Mon entreprise" (node 1035:49236) and
 * "Annuaire" (node 1035:49241) with its company sheet (node 1037:56193) and introduction
 * request (node 1037:56192), all with a 304 px sidebar.
 */

.member-container {
	width: min(1280px, 100% - 2 * var(--gutter-wide));
	margin-inline: auto;
}

.member-intro,
.member-access {
	background: #fdfdfd;
}

/* Introduction ----------------------------------------------------------- */

.member-intro {
	padding: 32px 0 71px;
}

.member-intro .breadcrumb li {
	text-transform: uppercase;
}

.member-intro__row {
	display: grid;
	grid-template-columns: minmax(0, 620px) minmax(0, 520px);
	column-gap: 80px;
	align-items: start;
	margin-top: 28px;
}

.member-intro__kicker,
.member-card__kicker,
.member-aside__kicker,
.member-aside__label {
	color: var(--red-bright);
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	text-transform: uppercase;
}

.member-intro__title {
	margin-top: 10px;
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 48px;
	font-weight: 700;
	line-height: 54px;
	letter-spacing: -0.3px;
}

.member-intro__title::after,
.member-aside__title::after {
	content: "";
	display: block;
	width: 64px;
	height: 3px;
	margin-top: 18px;
	background: var(--red-bright);
}

.member-intro__text {
	margin-top: 14px;
	color: #6b707a;
	font-size: 18px;
	line-height: 25px;
}

/* Form card and panel ---------------------------------------------------- */

.member-access {
	padding-bottom: 70px;
}

.member-access__grid {
	display: grid;
	grid-template-columns: minmax(0, 760px) minmax(0, 440px);
	justify-content: space-between;
	gap: 40px;
}

.member-card {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 48px;
	border: 1px solid #dbdbd6;
	border-radius: 4px;
	background: var(--white);
	box-shadow: 0 3px 10px rgba(11, 20, 33, 0.03), 0 16px 40px rgba(11, 20, 33, 0.08);
}

.member-card__title,
.member-aside__title {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 34px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: -0.2px;
}

.member-card__text {
	color: #6b707a;
	font-size: 18px;
	line-height: 25px;
}

.member-notice {
	padding: 12px 16px;
	border-left: 3px solid #1f8a4c;
	border-radius: 2px;
	background: #ecf8f1;
	color: #0b1421;
	font-size: 14px;
	line-height: 21px;
}

.member-notice--error {
	border-left-color: var(--red-bright);
	background: var(--red-soft);
}

.member-form {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

/* Field that only robots fill in. */
.member-form__hp {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.member-field {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.member-field__label {
	color: #0b1421;
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
}

.member-field__required {
	color: var(--red-bright);
	font-size: 13px;
}

.member-field__control {
	position: relative;
}

.member-field input {
	width: 100%;
	height: 52px;
	padding: 0 16px 0 24px;
	border: 1px solid #dbdbd6;
	border-radius: 2px;
	background: var(--white);
	color: #0b1421;
	font: inherit;
	font-size: 16px;
	line-height: 25px;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.member-field input[type="password"],
.member-field input.is-revealed {
	padding-right: 56px;
}

.member-field input::placeholder {
	color: #87909a;
	opacity: 1;
}

.member-field input:focus-visible {
	border-color: #0b1421;
	outline: none;
	box-shadow: 0 0 0 3px rgba(11, 20, 33, 0.08);
}

.member-field__toggle {
	position: absolute;
	top: 50%;
	right: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	border-radius: 2px;
	background: none;
	cursor: pointer;
	transform: translateY(-50%);
}

.member-field__toggle[aria-pressed="true"] {
	opacity: 0.55;
}

.member-field__toggle:focus-visible {
	outline: 2px solid var(--red-bright);
}

/* Turnstile widget in the Figma "security check" box. */
.member-security {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 16px;
	min-height: 78px;
	padding: 5px 24px 5px 12px;
	border: 1px solid #dbdbd6;
	border-radius: 4px;
	background: #f8f9fa;
}

.member-security .cf-turnstile {
	min-height: 65px;
}

.member-security__badge {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #0b1421;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
}

.member-form__options {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 24px;
}

.member-check {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	color: #6b707a;
	font-size: 16px;
	line-height: 25px;
	cursor: pointer;
}

.member-check input {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	margin: 0;
	border: 1px solid #dbdbd6;
	border-radius: 2px;
	background: var(--white);
	appearance: none;
	cursor: pointer;
}

.member-check input:checked {
	border-color: var(--red-bright);
	background: var(--red-bright) url("../icons/check-bold.svg") no-repeat center / 14px;
}

.member-check input:focus-visible {
	outline: 2px solid #0b1421;
	outline-offset: 2px;
}

.member-form__forgot {
	color: var(--red-bright);
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
}

.member-form__forgot:hover {
	text-decoration: underline;
}

.member-form__actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.member-button {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	padding: 0 24px;
	border: 1px solid var(--red-bright);
	border-radius: 2px;
	background: var(--red-bright);
	color: var(--white);
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	cursor: pointer;
	transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

.member-button:hover {
	border-color: #c70511;
	background: #c70511;
}

.member-button--outline {
	border-color: #0b1421;
	background: var(--white);
	color: #0b1421;
}

.member-button--outline:hover {
	border-color: #0b1421;
	background: #0b1421;
	color: var(--white);
}

.member-form__note {
	color: #87909a;
	font-size: 12px;
	line-height: 18px;
}

/* Panel */

.member-aside {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 32px;
	border-radius: 4px;
	background: #0b1421;
	box-shadow: 0 3px 5px rgba(11, 20, 33, 0.03), 0 16px 20px rgba(11, 20, 33, 0.08);
	color: var(--white);
}

.member-aside__title {
	color: var(--white);
}

.member-aside__title::after {
	width: 48px;
	margin-top: 24px;
}

.member-aside__text {
	font-size: 16px;
	line-height: 25px;
}

.member-event {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-height: 170px;
	padding: 24px;
	border: 1px solid #dbdbd6;
	border-radius: 4px;
	background: #f8f9fa;
	color: #0b1421;
	transition: border-color 0.2s;
}

.member-event:hover {
	border-color: var(--red-bright);
}

.member-event__date {
	color: var(--red-bright);
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	white-space: pre-wrap;
}

.member-event__title {
	font-size: 16px;
	font-weight: 600;
	line-height: 25px;
}

.member-event__meta {
	font-size: 12px;
	line-height: 18px;
	white-space: pre-wrap;
}

.member-aside__benefits {
	min-height: 134px;
}

.member-aside__benefits ul {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 12px;
	font-size: 14px;
	line-height: 18px;
}

.member-aside__benefits li::before {
	content: "—";
	margin-right: 0.6em;
}

.member-aside__help {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 16px;
	border-radius: 4px;
	background: #f8f9fa;
	color: #0b1421;
	font-size: 12px;
	line-height: 18px;
}

.member-aside__help-title {
	font-size: 13px;
	font-weight: 500;
}


/* Member dashboard ----------------------------------------------------------- */

.dash {
	display: grid;
	grid-template-columns: 304px minmax(0, 1fr);
	min-height: 1050px;
	background: #f6f7f8;
}

/* Sidebar */

.dash-nav {
	display: flex;
	flex-direction: column;
	min-width: 0; /* Lets the horizontal menu of small screens scroll inside. */
	padding: 34px 18px 30px;
	background: #0b1421;
	color: var(--white);
}

.dash-nav__brand {
	display: flex;
	flex-direction: column;
	gap: 7px;
	min-height: 112px;
	padding: 0 10px 18px;
}

.dash-nav__brand::after {
	content: "";
	height: 1px;
	background: #303d4f;
}

.dash-nav__kicker {
	color: var(--red-bright);
	font-size: 10px;
	font-weight: 700;
	line-height: 14px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.dash-nav__title {
	font-family: var(--font-serif);
	font-size: 23px;
	font-weight: 700;
	line-height: 30px;
}

.dash-nav__text {
	color: #bfc9d6;
	font-size: 11px;
	line-height: 18px;
}

.dash-nav__profile,
.dash-nav__item {
	display: flex;
	align-items: center;
	gap: 11px;
	min-height: 56px;
	padding: 9px 10px;
	border: 1px solid transparent;
	border-radius: 9px;
	color: rgba(255, 255, 255, 0.82);
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
	transition: background-color 0.2s, border-color 0.2s;
}

.dash-nav__profile {
	border-color: rgba(255, 255, 255, 0.11);
	background: rgba(255, 255, 255, 0.08);
}

.dash-nav__profile > span:not(.dash-nav__avatar) {
	flex: 1;
}

.dash-nav__avatar,
.dash-summary__avatar {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 9px;
	object-fit: cover;
}

.dash-nav__avatar--initials,
.dash-summary__avatar--initials {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--red-bright);
	color: var(--white);
	font-size: 13px;
	font-weight: 700;
}

.dash-nav__menu {
	margin-top: 33px;
}

.dash-nav__menu ul {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

/* Section of the current page. */
.dash-nav__item.is-current {
	border-color: var(--white);
	background: var(--white);
	color: #0b1421;
}

.dash-nav__item.is-current .dash-nav__icon {
	background: var(--red-bright);
}

.dash-nav__profile.is-current {
	border-color: rgba(255, 255, 255, 0.4);
}

a.dash-nav__item:not(.is-current):hover,
a.dash-nav__item:not(.is-current):focus-visible {
	border-color: rgba(255, 255, 255, 0.11);
	background: rgba(255, 255, 255, 0.06);
}

.dash-nav__item {
	position: relative; /* Holds the screen reader text when the menu scrolls. */
}

.dash-nav__item.is-soon {
	cursor: default;
}

.dash-nav__icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.08);
}

.dash-nav__label {
	flex: 1;
}

.dash-nav__arrow {
	width: 14px;
	color: transparent;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
}

/* The arrow only shows on the sections that open (hidden in the design). */
a.dash-nav__item:hover .dash-nav__arrow,
a.dash-nav__item:focus-visible .dash-nav__arrow {
	color: rgba(255, 255, 255, 0.45);
}

.dash-nav__logout {
	margin-top: auto;
	padding: 24px 10px 0;
	color: #bfc9d6;
	font-size: 12px;
	line-height: 18px;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.dash-nav__logout:hover {
	color: var(--white);
}

/* Content */

.dash-main {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
	max-width: 1136px;
	padding: 34px 46px 40px;
}

.dash-topbar {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 54px;
	padding: 5px 16px;
	border: 1px solid #e3e5e8;
	border-radius: 12px;
	background: var(--white);
}

.dash-topbar__kicker {
	flex: 1;
	color: var(--red-bright);
	font-size: 10px;
	font-weight: 700;
	line-height: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.dash-topbar__current {
	color: #0b1421;
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
}

.dash-topbar__bell {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 44px;
	border-radius: 10px;
	background: #f1f3f5;
}

.dash-title {
	padding: 10px 0;
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 34px;
	font-weight: 700;
	line-height: 42px;
}

.dash-notice {
	padding: 12px 16px;
	border-left: 3px solid #1f8a4c;
	border-radius: 4px;
	background: #eaf7f0;
	color: #0b1421;
	font-size: 13px;
	line-height: 20px;
}

.dash-notice--error {
	border-left-color: var(--red-bright);
	background: var(--red-soft);
}

.dash-notice--pending {
	border-left-color: #c98a00;
	background: #fff7e6;
}

.dash-profile {
	display: flex;
	flex-direction: column;
	gap: 11px;
	padding: 9px 20px;
	scroll-margin-top: calc(var(--header-height) + 16px);
}

.dash-card {
	padding: 16px;
	border: 1px solid #e0e3e7;
	border-radius: 9px;
	background: var(--white);
}

.dash-label,
.dash-field label {
	color: #6b7280;
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
}

.dash-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding: 6px 10px;
	border-radius: 999px;
	background: #f2f4f6;
	color: #0b1421;
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
}

.dash-chip--success {
	background: #eaf7f0;
	color: #197a4a;
}

.dash-chip--pending {
	background: #fff3d6;
	color: #8a5a00;
}

.dash-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 10px 14px;
	border: 1px solid var(--red-bright);
	border-radius: 8px;
	background: var(--red-bright);
	color: var(--white);
	font: inherit;
	font-size: 11px;
	font-weight: 600;
	line-height: 17px;
	cursor: pointer;
	transition: background-color 0.2s, border-color 0.2s;
}

.dash-button:hover {
	border-color: #c70511;
	background: #c70511;
}

.dash-button--light {
	border-color: #e0e3e7;
	background: var(--white);
	color: #0b1421;
}

.dash-button--light:hover {
	border-color: #0b1421;
	background: var(--white);
}

.dash-error {
	color: var(--red-bright);
	font-size: 11px;
	line-height: 15px;
}

/* Summary: photo, identity, completion */

.dash-summary {
	display: grid;
	grid-template-columns: 78px minmax(0, 1fr) minmax(0, 370px);
	align-items: start;
	gap: 18px;
}

.dash-summary .dash-summary__avatar {
	width: 78px;
	height: 78px;
	border-radius: 50%;
	font-size: 24px;
}

.dash-photo__label {
	position: relative;
	display: block;
	width: 78px;
	cursor: pointer;
}

.dash-photo__edit {
	position: absolute;
	right: -2px;
	bottom: -2px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border: 2px solid var(--white);
	border-radius: 50%;
	background: #0b1421;
	opacity: 0;
	transition: opacity 0.2s;
}

.dash-photo__edit .icon {
	filter: invert(1);
}

.dash-photo__label:hover .dash-photo__edit,
.dash-photo__label:focus-within .dash-photo__edit,
.dash-photo:not(.is-enhanced) .dash-photo__edit {
	opacity: 1;
}

.dash-photo__input {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
}

.dash-photo__label:focus-within {
	outline: 2px solid var(--red-bright);
	outline-offset: 3px;
	border-radius: 50%;
}

.dash-photo__submit {
	margin-top: 8px;
}

.dash-photo.is-enhanced .dash-photo__submit {
	display: none;
}

.dash-photo.is-loading {
	opacity: 0.5;
}

.dash-summary__identity {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.dash-summary__name {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
}

.dash-summary__role {
	min-height: 16px;
	color: #6b7280;
	font-size: 10px;
	font-weight: 500;
	line-height: 16px;
}

.dash-summary__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.dash-summary__completion {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.dash-summary__percent {
	color: #0b1421;
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
}

.dash-progress {
	display: block;
	height: 8px;
	overflow: hidden;
	border-radius: 999px;
	background: #e0e3e7;
}

.dash-progress span {
	display: block;
	height: 100%;
	border-radius: 999px;
	background: var(--red-bright);
}

/* Personal details and account */

.dash-profile__columns {
	display: grid;
	grid-template-columns: minmax(0, 650fr) minmax(0, 340fr);
	align-items: start;
	gap: 14px;
	padding-bottom: 9px;
}

.dash-details,
.dash-account {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-height: 471px;
}

.dash-card__title {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 19px;
	font-weight: 700;
	line-height: 25px;
}

.dash-form {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.dash-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.dash-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-height: 68px; /* Figma field height (label, input and room for an error). */
}

.dash-field--wide {
	grid-column: 1 / -1;
}

.dash-field input,
.dash-field select {
	width: 100%;
	height: 42px;
	padding: 0 12px;
	border: 1px solid #e0e3e7;
	border-radius: 8px;
	background: var(--white);
	color: #111827;
	font: inherit;
	font-size: 10px;
	line-height: 16px;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.dash-field select {
	padding-right: 32px;
	background: var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2387909a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center / 12px;
	appearance: none;
}

.dash-field input:focus-visible,
.dash-field select:focus-visible {
	border-color: #0b1421;
	outline: none;
	box-shadow: 0 0 0 3px rgba(11, 20, 33, 0.08);
}

.dash-field [aria-invalid="true"] {
	border-color: var(--red-bright);
}

.dash-form__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.dash-form__actions .dash-button--light {
	min-width: 100px;
}

.dash-form__actions .dash-button:not(.dash-button--light) {
	min-width: 210px;
}

.dash-account__value {
	color: #111827;
	font-size: 10px;
	line-height: 16px;
	overflow-wrap: anywhere;
}

.dash-account__value--password {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
}

.dash-account__toggle {
	align-self: flex-start;
	min-width: 180px;
}

.dash-password {
	padding: 12px;
	border-radius: 8px;
	background: #f6f7f8;
}

.dash-password[hidden] {
	display: none;
}

.dash-password .dash-button {
	align-self: flex-start;
}

.dash-account__subtitle {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 17px;
	font-weight: 700;
	line-height: 23px;
}

.dash-switch {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	min-height: 42px;
	padding: 7px 0;
	color: #111827;
	font-size: 10px;
	line-height: 16px;
	cursor: pointer;
}

.dash-switch input {
	position: relative;
	flex-shrink: 0;
	width: 44px;
	height: 26px;
	margin: 0 6px 0 0;
	border-radius: 13px;
	background: #e0e3e7;
	appearance: none;
	cursor: pointer;
	transition: background-color 0.2s;
}

.dash-switch input::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--white);
	box-shadow: 0 1px 2px rgba(11, 20, 33, 0.2);
	transition: transform 0.2s;
}

.dash-switch input:checked {
	background: var(--red-bright);
}

.dash-switch input:checked::before {
	transform: translateX(18px);
}

.dash-switch input:focus-visible {
	outline: 2px solid #0b1421;
	outline-offset: 2px;
}

.dash-prefs .dash-switch + .dash-switch {
	margin-top: 6px;
}

.dash-prefs__submit {
	margin-top: 8px;
}

.dash-prefs.is-enhanced .dash-prefs__submit {
	display: none;
}

/* Privacy */

.dash-privacy {
	display: grid;
	grid-template-columns: minmax(0, 720px) minmax(0, 230px);
	justify-content: space-between;
	gap: 18px;
	padding: 16px;
	border: 1px solid rgba(156, 163, 175, 0.24);
	border-radius: 9px;
	background: rgba(156, 163, 175, 0.14);
}

.dash-privacy__kicker {
	color: var(--red-bright);
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
	text-transform: uppercase;
}

.dash-privacy__title {
	margin-top: 6px;
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}

.dash-privacy__text {
	margin-top: 6px;
	color: #111827;
	font-size: 10px;
	line-height: 16px;
}

.dash-privacy__status {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.dash-privacy__status .dash-chip {
	min-width: 158px;
}

.dash-privacy__status .dash-button {
	min-width: 160px;
}

.dash-note {
	color: #3d454f;
	font-size: 15px;
	line-height: 24px;
}


/* Dashboard (member area home) */

.dash-app {
	display: flex;
	flex-direction: column;
	min-width: 0;
	background: #f8f9fb;
}

.dash-header {
	display: flex;
	align-items: center;
	gap: 21px;
	min-height: 82px;
	padding: 19px 33px 19px 28px;
	border: 1px solid #e1e4e8;
	background: var(--white);
}

.dash-header__title {
	flex: 1;
	min-width: 0;
}

.dash-header__title h1 {
	color: #0b1421;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
}

.dash-header__title p {
	margin-top: 3px;
	color: #68707b;
	font-size: 10px;
	line-height: 15px;
}

.dash-header__logout {
	min-width: 110px;
	border-color: #e1e4e8;
	font-size: 12px;
	line-height: 18px;
}

.dash-body {
	display: flex;
	flex-direction: column;
	gap: 24px;
	max-width: 1163px;
	padding: 28px 50px 38px 33px;
}

.dash-welcome {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	min-height: 119px;
	padding: 26px 42px 26px 28px;
	border-radius: 16px;
	background: #0b1421;
}

.dash-welcome__title {
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
}

.dash-welcome__text {
	margin-top: 8px;
	color: #cfd5dd;
	font-size: 12px;
	line-height: 20px;
}

.dash-welcome__button,
.dash-header__logout,
.dash-body .dash-button {
	font-size: 12px;
	line-height: 18px;
}

.dash-welcome__button {
	flex-shrink: 0;
	min-width: 220px;
}

.dash-kpis {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

.dash-kpi,
.dash-body .dash-card {
	border: 1px solid #e1e4e8;
	border-radius: 12px;
	background: var(--white);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}

.dash-kpi {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-height: 150px;
	padding: 18px;
}

.dash-kpi__label {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	min-height: 24px;
	color: #68707b;
	font-size: 11px;
	font-weight: 600;
	line-height: 17px;
}

.dash-kpi__value {
	color: #0b1421;
	font-size: 26px;
	font-weight: 700;
	line-height: 32px;
}

.dash-kpi__meta {
	overflow: hidden;
	color: #68707b;
	font-size: 11px;
	line-height: 17px;
	white-space: nowrap;
	text-overflow: ellipsis; /* Long lists (commissions) stay on one line, full text in the title. */
}

/* The dashboard header has its own logout button. */
@media (min-width: 768px) {
	.dash--home .dash-nav__logout {
		display: none;
	}
}

.dash-section-title {
	min-height: 42px;
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
}

.dash-section-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	scroll-margin-top: calc(var(--header-height) + 16px);
}

.dash-section-head .dash-button {
	min-width: 194px;
	border-color: #e1e4e8;
}

.dash-highlights {
	display: grid;
	grid-template-columns: minmax(0, 520fr) minmax(0, 536fr);
	gap: 24px;
}

.dash-next {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	min-height: 250px;
	padding: 18px;
	border-radius: 12px;
	background: #0b1421;
}

.dash-next__pill {
	min-width: 140px;
	padding: 7px 10px;
	border-radius: 999px;
	background: var(--white);
	color: var(--red-bright);
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
	text-align: center;
}

.dash-next__title {
	margin-top: 17px;
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 22px;
	font-weight: 700;
	line-height: 30px;
}

.dash-next__meta {
	margin-top: 12px;
	color: #cdd4de;
	font-size: 12px;
	font-weight: 600;
	line-height: 17px;
}

.dash-next__text {
	margin-top: 12px;
	color: #aeb6c1;
	font-size: 13px;
	line-height: 18px;
}

.dash-next .dash-button {
	min-width: 150px;
	margin-top: 17px;
}

.dash-body .dash-news {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-height: 250px;
	padding: 18px;
}

.dash-news__title,
.dash-activity__title {
	color: #0b1421;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}

.dash-news ul {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.dash-news li {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 34px;
	padding-left: 16px;
	color: #111827;
	font-size: 10px;
	line-height: 15px;
}

.dash-news li::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 7px;
	height: 7px;
	margin-top: -3.5px;
	border-radius: 50%;
	background: var(--red-bright);
}

.dash-news a:hover,
.dash-activity__text a:hover {
	color: var(--red-bright);
	text-decoration: underline;
}

.dash-activity {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.dash-body .dash-activity__item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	min-height: 145px;
	padding: 18px;
}

.dash-activity__text {
	flex: 1;
	color: #68707b;
	font-size: 11px;
	line-height: 18px;
}

.dash-activity .dash-chip {
	background: #f1f3f5;
	color: #0b1421;
}

.dash-empty {
	color: #68707b;
	font-size: 12px;
	line-height: 18px;
}

.dash-body > .dash-empty {
	padding: 18px;
}


/* Mon entreprise */

.dash--company {
	min-height: 1022px;
}

.company {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 25px 20px;
	border: 1px solid #e3e5e8;
	border-radius: 12px;
	background: var(--white);
	scroll-margin-top: calc(var(--header-height) + 16px);
}

.company__summary {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.dash-summary-card {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-height: 74px;
	padding: 10px 12px;
	border: 1px solid #e3e5e8;
	border-radius: 12px;
}

.dash-summary-card__label,
.company-field__label {
	color: #87909a;
	font-size: 9px;
	font-weight: 500;
	line-height: 13px;
}

.dash-summary-card__value {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 18px;
	font-weight: 700;
	line-height: 23px;
}

.dash-summary-card__value--accent {
	color: var(--red-bright);
}

.dash-summary-card__hint {
	color: #3d454f;
	font-size: 9px;
	line-height: 13px;
}

.company__body {
	display: grid;
	grid-template-columns: minmax(0, 644fr) minmax(0, 346fr);
	align-items: start;
	gap: 14px;
}

.company-card {
	display: flex;
	flex-direction: column;
	padding: 16px;
	border: 1px solid #e3e5e8;
	border-radius: 12px;
	background: var(--white);
}

.company-info {
	gap: 11px;
	min-height: 460px;
}

.company-card__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-right: 20px;
}

.company-card__title {
	color: #0b1421;
	font-size: 11px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: 0.25px;
}

.company-card__meta {
	color: #87909a;
	font-size: 10px;
	font-weight: 500;
	line-height: 14px;
}

.company-form {
	display: contents;
}

.company-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 11px 10px;
}

.company-field {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-height: 62px;
	padding: 9px 11px;
	border: 1px solid #e3e5e8;
	border-radius: 9px;
}

.company-field--wide {
	grid-column: 1 / -1;
	min-height: 108px;
}

.company-field__value {
	color: #0b1421;
	font-size: 11px;
	font-weight: 600;
	line-height: 17px;
	overflow-wrap: anywhere;
}

.company-field--wide .company-field__value {
	font-weight: 400;
}

.company-field__value.is-empty {
	color: #0b1421;
}

.company-field__hint {
	color: var(--red-bright);
	font-size: 9px;
	line-height: 13px;
	text-decoration: underline;
}

.company-field.is-editing {
	border-color: #0b1421;
}

.company-field input,
.company-field textarea {
	width: 100%;
	padding: 2px 0;
	border: 0;
	border-bottom: 1px solid #e3e5e8;
	background: transparent;
	color: #0b1421;
	font: inherit;
	font-size: 11px;
	font-weight: 600;
	line-height: 17px;
}

.company-field textarea {
	min-height: 68px;
	font-weight: 400;
	resize: vertical;
}

.company-field input:focus-visible,
.company-field textarea:focus-visible {
	border-bottom-color: var(--red-bright);
	outline: none;
}

.company-field [aria-invalid="true"] {
	border-bottom-color: var(--red-bright);
}

.company-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.company .dash-button {
	min-height: 36px;
	padding: 9px 14px;
	font-size: 10px;
	line-height: 14px;
}

.company-actions .dash-button:first-child {
	min-width: 170px;
}

.company-visibility {
	gap: 12px;
	min-height: 342px;
}

.company-visibility__text {
	color: #3d454f;
	font-size: 11px;
	line-height: 18px;
}

.company-checklist {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-height: 150px;
}

.company-checklist li {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #0b1421;
	font-size: 10px;
	font-weight: 500;
	line-height: 15px;
}

.company-checklist__dot {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #f9fafb;
}

.is-done .company-checklist__dot {
	background: #2e7a4a;
}

.company-checklist__dot .icon {
	width: 12px;
	height: 12px;
}

.company-visibility .dash-button {
	align-self: flex-start;
	min-width: 142px;
}


/* Mon entreprise, edit mode: details of the directory sheet. */
.company-sheet {
	display: flex;
	flex-direction: column;
	gap: 11px;
	margin: 6px 0 0;
	padding: 16px 0 0;
	border: 0;
	border-top: 1px solid #e3e5e8;
}

.company-sheet legend {
	float: left;
	width: 100%;
}

.company-sheet__intro {
	clear: both;
	color: #3d454f;
	font-size: 10px;
	line-height: 15px;
}

.company-field--short {
	min-height: 62px;
}

.company-field--expertise input + input {
	font-weight: 400;
}

/* Annuaire (member directory) */

.dash--directory {
	min-height: 1003px;
}

.dash-topbar--tall {
	min-height: 70px;
}

.dash-button--navy {
	border-color: #0b1421;
	background: #0b1421;
	color: var(--white);
}

.dash-button--navy:hover {
	border-color: #24324a;
	background: #24324a;
}

.dash-button:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.directory {
	padding: 28px 19px 51px;
	border: 1px solid #e3e5e8;
	border-radius: 12px;
	background: var(--white);
	scroll-margin-top: calc(var(--header-height) + 16px);
}

.directory .dash-button {
	min-height: 36px;
	padding: 9px 12px;
	font-size: 10px;
	line-height: 14px;
}

.directory__search {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 46px;
	padding: 4px 8px 4px 12px;
	border: 1px solid #e3e5e8;
	border-radius: 10px;
	background: #f9fafb;
}

.directory__search .icon {
	flex-shrink: 0;
}

.directory__search input {
	flex: 1;
	min-width: 0;
	height: 36px;
	padding: 0 0 0 52px;
	border: 0;
	background: transparent;
	color: #0b1421;
	font: inherit;
	font-size: 11px;
	line-height: 17px;
}

.directory__search input::placeholder {
	color: #87909a;
	opacity: 1;
}

.directory__search input:focus-visible {
	outline: none;
}

.directory__search:focus-within {
	border-color: #0b1421;
}

.directory__search .dash-button {
	min-width: 120px;
}

.directory__filters,
.directory__pages {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 24px;
}

.directory__chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 64px;
	min-height: 28px;
	padding: 6px 14px;
	border-radius: 14px;
	color: #0b1421;
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
	transition: background-color 0.2s;
}

.directory__chip:hover {
	background: #f1f3f5;
}

.directory__chip.is-active {
	background: #0b1421;
	color: var(--white);
}

.directory__count {
	margin-top: 16px;
	color: #3d454f;
	font-size: 11px;
	line-height: 16px;
}

.directory__table {
	width: 100%;
	margin-top: 25px;
	overflow: hidden;
	border: 1px solid #e3e5e8;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 12px;
	table-layout: fixed;
}

.directory__table th,
.directory__table td {
	padding: 0 0 0 14px;
	border-bottom: 1px solid #e3e5e8;
	text-align: left;
	vertical-align: middle;
}

.directory__table tbody tr:last-child > * {
	border-bottom: 0;
}

.directory__table thead th {
	height: 42px;
	border-bottom: 0;
	background: #f9fafb;
	color: #87909a;
	font-size: 9px;
	font-weight: 700;
	line-height: 13px;
}

.directory__table thead th:nth-child(1) {
	width: 300px;
}

.directory__table thead th:nth-child(2) {
	width: 198px;
}

.directory__table thead th:nth-child(3) {
	width: 109px;
}

.directory__table thead th:nth-child(4) {
	width: 130px;
}

.directory__table tbody tr > * {
	height: 72px;
}

.directory__company {
	color: #0b1421;
	font-size: 11px;
	font-weight: 600;
	line-height: 16px;
}

.directory__company .directory__logo {
	margin-right: 10px;
	vertical-align: middle;
}

.directory__logo {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background: #0b1421;
	color: var(--white);
	font-size: 11px;
	font-weight: 700;
	line-height: 15px;
}

.directory__logo.is-premium,
.directory__badge.is-premium {
	background: var(--red-bright);
	color: var(--white);
}

.directory__sector {
	color: #3d454f;
	font-size: 10px;
	line-height: 15px;
}

.directory__country {
	color: #0b1421;
	font-size: 10px;
	font-weight: 500;
	line-height: 15px;
}

.directory__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 118px;
	min-height: 28px;
	padding: 6px 12px;
	border-radius: 14px;
	background: #f9fafb;
	color: #0b1421;
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
}

.directory__actions {
	padding-right: 14px !important;
	white-space: nowrap;
}

.directory__actions .dash-button,
.directory__own {
	min-width: 104px;
}

.directory__actions .dash-button + .dash-button,
.directory__actions .dash-button + .directory__own {
	margin-left: 17px;
}

.directory__own {
	display: inline-block;
	color: #87909a;
	font-size: 10px;
	text-align: center;
}

.directory__empty {
	margin-top: 25px;
	padding: 24px;
	border: 1px dashed #e3e5e8;
	border-radius: 12px;
	color: #3d454f;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}

/* Company sheet and introduction dialogs */

.directory-dialog {
	width: min(560px, 100% - 32px);
	max-height: calc(100dvh - 32px);
	padding: 28px;
	overflow: auto;
	border: 0;
	border-radius: 16px;
	background: var(--white);
	box-shadow: 0 20px 52px rgba(0, 0, 0, 0.2);
	color: #0b1421;
}

.directory-dialog::backdrop {
	background: rgba(11, 20, 33, 0.6);
}

.directory-dialog__close {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 34px;
	height: 34px;
	border: 0;
	border-radius: 50%;
	background: var(--red-bright);
	color: var(--white);
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}

.directory-dialog__head {
	display: flex;
	align-items: center;
	gap: 14px;
	padding-right: 40px;
}

.directory-dialog__head .directory__logo {
	width: 52px;
	height: 52px;
	border-radius: 12px;
	font-size: 18px;
}

.directory-dialog__head .directory__badge {
	min-width: 0;
	margin-top: 6px;
}

.directory-dialog__title {
	font-family: var(--font-serif);
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
}

.directory-dialog__facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px 16px;
	margin-top: 22px;
	padding: 16px;
	border-radius: 10px;
	background: #f9fafb;
}

.directory-dialog__facts dt,
.directory-dialog__label {
	color: #87909a;
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
}

.directory-dialog__facts dd {
	margin-top: 2px;
	font-size: 13px;
	font-weight: 600;
	line-height: 19px;
	overflow-wrap: anywhere;
}

.directory-dialog__facts a {
	color: var(--red-bright);
	text-decoration: underline;
}

.directory-dialog__label {
	margin-top: 20px;
}

.directory-dialog__text {
	margin-top: 6px;
	color: #3d454f;
	font-size: 13px;
	line-height: 20px;
	white-space: pre-line;
}

.directory-dialog__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 22px;
}

.directory-dialog .dash-button {
	min-width: 120px;
	font-size: 12px;
}

.directory-intro {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.directory-intro .directory-dialog__title {
	padding-right: 40px;
}

.directory-intro textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #e0e3e7;
	border-radius: 8px;
	color: #111827;
	font: inherit;
	font-size: 13px;
	line-height: 19px;
	resize: vertical;
}

.directory-intro textarea:focus-visible {
	border-color: #0b1421;
	outline: none;
}

.directory-intro .dash-field label {
	font-size: 11px;
}

.directory-intro__notice {
	padding: 10px 12px;
	border-radius: 8px;
	background: var(--red-soft);
	font-size: 12px;
	line-height: 18px;
}

.directory-intro__done {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
}

.directory-intro__done[hidden],
.directory-intro[hidden] {
	display: none;
}

.directory-intro__done .register-success__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: var(--red-bright);
}


/* Company sheet and introduction request */

.dash--sheet {
	min-height: 1021px;
}

.dash--introduction {
	min-height: 1127px;
}

.sheet {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding-top: 13px; /* Content centred in the Figma module. */
}

.sheet.intro {
	padding-top: 5px;
}

.sheet__back {
	min-height: 44px;
}

.sheet__back .dash-button,
.sheet .dash-button {
	min-height: 40px;
	font-size: 10px;
	line-height: 16px;
}

.sheet__back .dash-button {
	gap: 4px;
	min-width: 160px;
	border-color: #e1e4e8;
}

.sheet-hero {
	display: flex;
	align-items: center;
	gap: 20px;
	min-height: 184px;
	padding: 22px;
	border-radius: 14px;
	background: #0b1421;
}

.sheet-hero__logo {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 116px;
	height: 116px;
	border-radius: 18px;
	background: var(--white);
	color: var(--red-bright);
	font-size: 27px;
	font-weight: 700;
	line-height: 34px;
}

.sheet-hero__identity {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 7px;
	min-width: 0;
	max-width: 590px;
}

.sheet-hero__chips,
.sheet-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.sheet-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 70px;
	min-height: 28px;
	padding: 6px 10px;
	border-radius: 999px;
	background: #182536;
	color: var(--white);
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
}

.sheet-chip--light {
	min-width: 107px;
	background: var(--white);
	color: var(--red-bright);
}

.sheet-chip--grey {
	background: #f1f3f5;
	color: #0b1421;
}

.sheet-hero__name {
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
}

.sheet-hero__meta {
	color: #c7cfd9;
	font-size: 10px;
	line-height: 16px;
}

.sheet-hero__tagline {
	color: #d5dae1;
	font-size: 10px;
	line-height: 17px;
}

.sheet .sheet-hero__button {
	flex-shrink: 0;
	min-width: 230px;
	margin-left: auto;
	margin-right: 4px;
	border-color: #e1e4e8;
}

.sheet__content,
.intro__layout {
	display: grid;
	grid-template-columns: minmax(0, 676fr) minmax(0, 350fr);
	align-items: start;
	gap: 18px;
}

.intro__layout {
	grid-template-columns: minmax(0, 680fr) minmax(0, 346fr);
}

.sheet__main,
.sheet__side {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.sheet__side {
	gap: 12px;
}

.sheet-card {
	display: flex;
	flex-direction: column;
	gap: 11px;
	padding: 18px;
	border: 1px solid #e1e4e8;
	border-radius: 12px;
	background: var(--white);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}

.sheet-card__title {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 20px;
	font-weight: 700;
	line-height: 27px;
}

.sheet-card__title--small {
	font-size: 18px;
	line-height: 24px;
}

.sheet-card__text {
	color: #111827;
	font-size: 10px;
	line-height: 17px;
}

.sheet-services {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	padding-bottom: 11px;
}

.sheet-services li {
	display: flex;
	flex-direction: column;
	gap: 7px;
	min-height: 83px;
	padding: 12px;
	border-radius: 9px;
	background: #f1f3f5;
}

.sheet-services li:nth-child(2) {
	background: #edf3fb;
}

.sheet-services h3 {
	color: #0b1421;
	font-size: 10px;
	font-weight: 600;
	line-height: 16px;
}

.sheet-services p {
	color: #68707b;
	font-size: 9px;
	line-height: 15px;
}

.sheet-facts {
	display: flex;
	flex-direction: column;
	gap: 11px;
}

.sheet-facts div {
	display: grid;
	grid-template-columns: 17px minmax(0, 1fr);
	align-items: center;
	column-gap: 10px;
	min-height: 34px;
}

.sheet-facts .icon {
	grid-row: span 2;
}

.sheet-facts dt {
	color: #68707b;
	font-size: 8px;
	font-weight: 600;
	line-height: 12px;
}

.sheet-facts dd {
	margin-top: 2px;
	color: #0b1421;
	font-size: 10px;
	line-height: 16px;
}

.sheet-contact__name {
	color: #0b1421;
	font-size: 11px;
	font-weight: 600;
	line-height: 17px;
}

.sheet-contact__note {
	color: #68707b;
	font-size: 9px;
	line-height: 15px;
}

.sheet-card > .dash-button {
	align-self: flex-start;
	min-width: 220px;
}

/* Introduction request */

.intro .sheet__back .dash-button {
	min-width: 190px;
}

.intro-target {
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 112px;
	padding: 16px 26px 16px 18px;
	border-radius: 12px;
	background: #0b1421;
}

.intro-target .sheet-hero__logo {
	width: 72px;
	height: 72px;
	border-radius: 12px;
	font-size: 17px;
	line-height: 24px;
}

.intro-target__copy {
	flex: 1;
	min-width: 0;
}

.intro-target__kicker {
	color: var(--red-bright);
	font-size: 8px;
	font-weight: 600;
	line-height: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.intro-target__name {
	margin-top: 5px;
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
}

.intro-target__meta {
	margin-top: 5px;
	color: #cbd3dc;
	font-size: 9px;
	line-height: 14px;
}

.intro-target .dash-chip {
	min-width: 125px;
	font-size: 9px;
}

.intro-form-card {
	gap: 12px;
	min-height: 652px;
}

.intro-form-card .sheet-card__title {
	font-size: 21px;
	line-height: 28px;
}

.intro-form__intro {
	color: #68707b;
	font-size: 9px;
	line-height: 15px;
}

.intro-form {
	gap: 12px;
}

.intro-form .dash-field {
	min-height: 66px;
}

.intro-types {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	min-height: 64px;
	margin: 0;
	padding: 0;
	border: 0;
}

.intro-types legend {
	float: left;
	width: 100%;
	margin-bottom: 7px;
	color: #68707b;
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
}

.intro-type {
	position: relative;
	cursor: pointer;
}

.intro-type input {
	position: absolute;
	opacity: 0;
}

.intro-type span {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 6px 14px;
	border-radius: 999px;
	background: #f1f3f5;
	color: #0b1421;
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
	transition: background-color 0.2s, color 0.2s;
}

.intro-type input:checked + span {
	background: #0b1421;
	color: var(--white);
}

.intro-type input:focus-visible + span {
	outline: 2px solid var(--red-bright);
	outline-offset: 2px;
}

.intro-form textarea {
	width: 100%;
	min-height: 96px;
	padding: 12px;
	border: 1px solid #e1e4e8;
	border-radius: 8px;
	color: #111827;
	font: inherit;
	font-size: 10px;
	line-height: 17px;
	resize: vertical;
}

.intro-form textarea:focus-visible {
	border-color: #0b1421;
	outline: none;
}

.intro-form textarea[aria-invalid="true"] {
	border-color: var(--red-bright);
}

.intro-consent label {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	min-height: 34px;
	color: #111827;
	font-size: 9px;
	line-height: 15px;
	cursor: pointer;
}

.intro-consent input {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	margin: 0;
	border: 1px solid #e1e4e8;
	border-radius: 4px;
	background: var(--white);
	appearance: none;
	cursor: pointer;
}

.intro-consent input:checked {
	border-color: var(--red-bright);
	background: var(--red-bright) url("../icons/check-bold.svg") no-repeat center / 14px;
}

.intro-consent input[aria-invalid="true"] {
	border-color: var(--red-bright);
}

.intro-consent input:focus-visible {
	outline: 2px solid #0b1421;
	outline-offset: 2px;
}

.intro-form__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.intro-form__actions .dash-button--light {
	min-width: 100px;
}

.intro-form__actions .dash-button:not(.dash-button--light) {
	min-width: 170px;
}

.intro-done {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	padding: 24px 0;
}

.intro-done .register-success__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--red-bright);
}

.intro-done .sheet-card__text {
	max-width: 520px;
	font-size: 13px;
	line-height: 20px;
}

.intro-how__title {
	font-size: 19px;
	line-height: 25px;
}

.intro-steps {
	display: flex;
	flex-direction: column;
	gap: 11px;
	padding-bottom: 14px;
}

.intro-steps li {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #111827;
	font-size: 9px;
	line-height: 15px;
}

.intro-steps span {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #f1f3f5;
	color: var(--red-bright);
	font-weight: 700;
}

.intro-privacy__title {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 28px;
	color: #0b1421;
	font-size: 11px;
	font-weight: 600;
	line-height: 17px;
}

.intro-privacy__title + .sheet-contact__note {
	padding-bottom: 22px;
}

.intro-tip {
	min-height: 105px;
	padding: 18px;
	border-radius: 12px;
	background: #0b1421;
}

.intro-tip h2 {
	color: var(--white);
	font-size: 11px;
	font-weight: 600;
	line-height: 17px;
}

.intro-tip p {
	margin-top: 11px;
	color: #d1d7de;
	font-size: 9px;
	line-height: 15px;
}

/* Member events: overview */

.mevents {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 20px;
	border: 1px solid #e3e5e8;
	border-radius: 12px;
	background: var(--white);
}

.mevents-stats,
.mregs-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.mevents-stat {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-height: 68px;
	padding: 9px 12px;
	border: 1px solid #e3e5e8;
	border-radius: 12px;
}

.mevents-stat__label {
	color: #87909a;
	font-size: 9px;
	font-weight: 500;
	line-height: 13px;
}

.mevents-stat__value {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 19px;
	font-weight: 700;
	line-height: 24px;
}

.mevents-stat__value.is-red {
	color: var(--red-bright);
}

.mevents__body {
	display: grid;
	grid-template-columns: minmax(0, 650fr) minmax(0, 340fr);
	align-items: stretch;
	gap: 14px;
}

.mevents-next {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 16px;
	border: 1px solid #e3e5e8;
	border-radius: 12px;
}

.mevents-next__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.mevents-next__head h2 {
	color: #0b1421;
	font-size: 11px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: 0.25px;
}

.mevents-next__head a {
	color: #87909a;
	font-size: 10px;
	font-weight: 500;
	line-height: 14px;
}

.mevents-next__head a:hover {
	color: #0b1421;
}

.mevents-next__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.mevents-row {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 82px;
	padding: 12px 10px;
	border: 1px solid #e3e5e8;
	border-radius: 9px;
}

.mevents-row:first-child {
	background: #f9fafb;
}

.mevents-date {
	display: flex;
	flex-shrink: 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 58px;
	border-radius: 9px;
	background: #0b1421;
	text-align: center;
}

.mevents-date strong {
	color: var(--white);
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
}

.mevents-date span {
	color: var(--red-bright);
	font-size: 8px;
	font-weight: 600;
	line-height: 12px;
}

.mevents-row__copy {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.mevents-row__type {
	color: var(--red-bright);
	font-size: 8px;
	font-weight: 700;
	line-height: 12px;
	letter-spacing: 0.6px;
	text-transform: uppercase;
}

.mevents-row__title {
	color: #0b1421;
	font-size: 11px;
	font-weight: 600;
	line-height: 16px;
}

.mevents-row__title a:hover,
.mevents-reminder h3 a:hover {
	color: var(--red-bright);
}

.mevents-row__meta {
	color: #87909a;
	font-size: 9px;
	line-height: 13px;
}

.mevents-row .dash-button {
	flex-shrink: 0;
	min-width: 110px;
	min-height: 36px;
	padding-block: 8px;
	font-size: 10px;
	line-height: 14px;
}

.mevents-row--soon .mevents-row__title {
	color: #3d454f;
}

.mevents-mine {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 16px;
	border: 1px solid #e3e5e8;
	border-radius: 18px;
	box-shadow: 0 7px 20px rgba(0, 0, 0, 0.05);
}

.mevents-mine__head {
	display: flex;
	align-items: center;
	gap: 12px;
}

.mevents-mine__head > div {
	flex: 1;
	min-width: 0;
}

.mevents-mine__icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 12px;
	background: #fff4f6;
}

.mevents-mine__icon.is-grey {
	background: #f6f7f9;
}

.mevents-mine__kicker {
	color: var(--red-bright);
	font-size: 8px;
	font-weight: 700;
	line-height: 12px;
	text-transform: uppercase;
}

.mevents-mine__title {
	margin-top: 2px;
	color: #0b1421;
	font-size: 12px;
	font-weight: 700;
	line-height: 17px;
}

.mevents-mine__count {
	flex-shrink: 0;
	min-width: 72px;
	padding: 6px 8px;
	border-radius: 999px;
	background: #f6f7f9;
	color: #87909a;
	font-size: 8.5px;
	font-weight: 600;
	line-height: 13px;
	text-align: center;
}

.mevents-mine__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.mevents-reminder {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	min-height: 74px;
	padding: 12px;
	border: 1px solid #e3e5e8;
	border-radius: 14px;
	box-shadow: 0 7px 20px rgba(0, 0, 0, 0.05);
}

.mevents-reminder > div {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	gap: 7px;
	min-width: 0;
}

.mevents-reminder h3 {
	color: #0b1421;
	font-size: 10px;
	font-weight: 600;
	line-height: 15px;
}

.mevents-pill {
	min-width: 120px;
	padding: 5px 10px;
	border-radius: 999px;
	font-size: 8.5px;
	font-weight: 500;
	line-height: 13px;
	text-align: center;
}

.mevents-pill.is-green {
	background: #ecf9f2;
	color: #1a7a4f;
}

.mevents-pill.is-red {
	background: #fff4f6;
	color: var(--red-bright);
}

.mevents-mine__empty {
	padding: 16px 12px;
	border: 1px dashed #e3e5e8;
	border-radius: 14px;
	color: #3d454f;
	font-size: 10px;
	line-height: 15px;
}

.mevents-mine__helper {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #87909a;
	font-size: 8.5px;
	line-height: 13px;
}

.mevents-mine__helper::before {
	content: "";
	flex-shrink: 0;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--red-bright);
}

.mevents-mine .dash-button {
	min-height: 38px;
	border-radius: 10px;
	font-size: 10px;
	line-height: 14px;
}

.mevents-offer {
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 112px;
	padding: 14px 16px 14px 18px;
	border-radius: 12px;
	background: #0b1421;
}

.mevents-offer__icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: #fbf5e7;
}

.mevents-offer__copy {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
	max-width: 680px;
}

.mevents-offer__kicker {
	color: #b6862e;
	font-size: 7.5px;
	font-weight: 700;
	line-height: 18px;
	text-transform: uppercase;
}

.mevents-offer__title {
	color: var(--white);
	font-size: 12.5px;
	font-weight: 700;
	line-height: 18px;
}

.mevents-offer__text {
	color: #bfc9d6;
	font-size: 8.5px;
	line-height: 12px;
}

.mevents-offer__button {
	flex-shrink: 0;
	min-width: 177px;
	min-height: 36px;
	margin-left: auto;
	font-size: 9px;
	font-weight: 700;
	line-height: 11px;
}

.mevents-offer__button.is-soon {
	opacity: 0.6;
	cursor: not-allowed;
}

/* Member events: detail, registration */

.mevent-hero,
.mevent-context {
	display: flex;
	align-items: center;
	gap: 20px;
	min-height: 176px;
	padding: 22px;
	border-radius: 14px;
	background: #0b1421;
}

.mevent-hero__date {
	display: flex;
	flex-shrink: 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 104px;
	height: 104px;
	border-radius: 14px;
	background: var(--red-bright);
	color: var(--white);
	text-align: center;
}

.mevent-hero__date strong {
	font-size: 30px;
	font-weight: 700;
	line-height: 34px;
}

.mevent-hero__date span {
	font-size: 10px;
	font-weight: 600;
	line-height: 16px;
}

.mevent-hero__copy {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 7px;
	min-width: 0;
	max-width: 650px;
}

.mevent .dash-chip,
.mevent-register .dash-chip,
.mregs .dash-chip,
.mconfirm .dash-chip {
	font-size: 9px;
}

.mevent-hero__title {
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 25px;
	font-weight: 700;
	line-height: 32px;
}

.mevent-hero__meta {
	color: #cbd3dc;
	font-size: 10px;
	line-height: 16px;
}

.mevent-hero__text {
	color: #d4dae1;
	font-size: 10px;
	line-height: 17px;
}

.sheet .mevent-hero__button {
	flex-shrink: 0;
	min-width: 170px;
	margin-left: auto;
}

.mevent-card__title {
	font-size: 19px;
	line-height: 25px;
}

.mevent-card__title--terms {
	font-size: 17px;
	line-height: 23px;
}

.mevent__more {
	color: var(--red-bright);
	font-size: 10px;
	font-weight: 600;
	line-height: 16px;
}

.mevent__more:hover {
	text-decoration: underline;
}

.mevent-programme {
	display: flex;
	flex-direction: column;
	gap: 11px;
}

.mevent-programme li {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #111827;
	font-size: 10px;
	line-height: 16px;
}

.mevent-programme__time {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	min-width: 72px;
	min-height: 28px;
	padding: 6px 10px;
	border-radius: 999px;
	background: #fff0f1;
	color: var(--red-bright);
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
}

.mevent-offer {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 11px;
	padding: 18px;
	border-radius: 12px;
	background: #0b1421;
}

.mevent-offer__chip {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 6px 10px;
	border-radius: 999px;
	background: var(--white);
	color: var(--red-bright);
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
	text-transform: uppercase;
}

.mevent-offer h2 {
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 17px;
	font-weight: 700;
	line-height: 23px;
}

.mevent-offer__text {
	max-width: 477px;
	color: #d1d7de;
	font-size: 9px;
	line-height: 15px;
}

.mevent-facts {
	gap: 15px;
}

.mevent .sheet-card > .dash-button {
	min-width: 160px;
}

.mevent-register .sheet__back .dash-button {
	min-width: 140px;
}

.mevent-context {
	gap: 16px;
	min-height: 106px;
	padding: 16px 18px;
	border-radius: 12px;
}

.mevent-context .mevent-hero__date {
	width: 70px;
	height: 70px;
	border-radius: 11px;
}

.mevent-context .mevent-hero__date strong {
	font-size: 20px;
	line-height: 24px;
}

.mevent-context .mevent-hero__date span {
	font-size: 8px;
	line-height: 12px;
}

.mevent-context__copy {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.mevent-context__title {
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 21px;
	font-weight: 700;
	line-height: 27px;
}

.mevent-context .mevent-hero__meta {
	font-size: 9px;
	line-height: 14px;
}

.mevent-context .dash-chip {
	flex-shrink: 0;
	min-width: 130px;
	margin-right: 66px;
}

.mevent-register .intro-form-card {
	min-height: 535px;
}

.mevent-register .intro-form-card .sheet-card__title {
	font-size: 20px;
	line-height: 27px;
}

.mevent-attendance {
	min-height: 0;
}

.mevent-register .intro-form__actions .dash-button:not(.dash-button--light) {
	min-width: 190px;
}

.mevent-summary {
	gap: 14px;
}

.mevent-summary dl {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.mevent-summary dt {
	color: var(--red-bright);
	font-size: 12px;
	font-weight: 600;
	line-height: 12px;
}

.mevent-summary dd {
	color: #0b1421;
	font-size: 12px;
	line-height: 14px;
}

.mevent-secure {
	gap: 9px;
}

.mevent-secure .intro-privacy__title {
	min-height: 24px;
	align-items: flex-start;
	font-size: 14px;
	line-height: 16px;
}

.mevent-secure p {
	color: #68707b;
	font-size: 14px;
	line-height: 21px;
}

.mevent-reminders {
	padding-top: 28px;
}

.mevent-reminders h2 {
	font-size: 14px;
	line-height: 16px;
}

.mevent-reminders p {
	font-size: 14px;
	line-height: 21px;
}

/* Member events: my registrations */

.mregs .sheet__back .dash-button {
	min-width: 140px;
}

.mregs-stats {
	gap: 12px;
}

.mregs-stat {
	min-height: 92px;
}

.mregs-stat__label {
	color: #68707b;
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
}

.mregs-stat__value {
	color: #0b1421;
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
}

.mregs-stat__value.is-green {
	color: #197a4a;
}

.mregs-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.mregs-tabs .directory__chip {
	min-width: 72px;
	padding-inline: 10px;
	border-radius: 999px;
	background: #f1f3f5;
	font-size: 9px;
}

.mregs-tabs .directory__chip:hover {
	background: #e3e6ea;
}

.mregs-tabs .directory__chip.is-active {
	background: #0b1421;
}

.mregs-tabs__count {
	margin-left: 3px;
	opacity: 0.6;
}

.mregs-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.mregs-item {
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 106px;
	padding: 16px;
	border: 1px solid #e1e4e8;
	border-radius: 10px;
	background: var(--white);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}

.mregs-item__date {
	width: 64px;
	height: 64px;
	border-radius: 10px;
}

.mregs-item__date strong {
	font-size: 18px;
	line-height: 22px;
}

.mregs-item__date span {
	color: var(--white);
}

.mregs-item__date.is-red {
	background: var(--red-bright);
}

.mregs-item__copy {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.mregs-item__title {
	color: #0b1421;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
}

.mregs-item__meta {
	color: #68707b;
	font-size: 9px;
	line-height: 14px;
}

.mregs-item__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.mregs-item__chips .dash-chip {
	min-width: 72px;
	background: #f1f3f5;
}

.mregs-item__chips .dash-chip--success {
	background: #eaf7f0;
}

.mregs-item__actions {
	display: flex;
	flex-shrink: 0;
	gap: 8px;
	margin-left: auto;
}

.mregs-item__actions .dash-button {
	min-width: 150px;
}

.mregs-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	margin-top: 0;
}

.mregs-help {
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 95px;
	padding: 16px 18px;
	border-radius: 10px;
	background: #0b1421;
	color: var(--white);
}

.mregs-help > div {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 5px;
	min-width: 0;
}

.mregs-help h2 {
	font-family: var(--font-serif);
	font-size: 17px;
	font-weight: 700;
	line-height: 23px;
}

.mregs-help p {
	font-size: 9px;
	line-height: 15px;
}

.mregs-help .dash-button {
	flex-shrink: 0;
	min-width: 160px;
	margin-right: 22px;
}

/* Member events: confirmation */

.mconfirm {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	width: 100%;
	max-width: 796px;
	margin: 13px auto 0;
	padding: 40px 42px;
	border: 1px solid #e1e4e8;
	border-radius: 16px;
	background: var(--white);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
	text-align: center;
}

.mconfirm__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: #eaf7f0;
}

.mconfirm__title {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 27px;
	font-weight: 700;
	line-height: 34px;
}

.mconfirm__text {
	color: #111827;
	font-size: 11px;
	line-height: 18px;
}

.mconfirm .mconfirm__chip {
	min-width: 217px;
}

.mconfirm__recap {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	width: 100%;
	text-align: left;
}

.mconfirm__recap div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 6px;
	min-height: 58px;
	padding: 10px 14px;
	border-radius: 9px;
	background: #f1f3f5;
}

.mconfirm__recap dt {
	color: #68707b;
	font-size: 8px;
	font-weight: 600;
	line-height: 12px;
}

.mconfirm__recap dd {
	color: #0b1421;
	font-size: 10px;
	font-weight: 500;
	line-height: 16px;
}

.mconfirm__note {
	color: #68707b;
	font-size: 9px;
	line-height: 15px;
}

.mconfirm__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

.mconfirm__actions .dash-button {
	min-width: 170px;
	font-size: 10px;
	line-height: 16px;
}

/* Membres (Figma "membres", node 1035:49230) */

.members-search {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 161px;
	gap: 14px;
}

.members-search__field {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 44px;
	padding: 0 14px;
	border: 1px solid #dfe4ea;
	border-radius: 10px;
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
}

.members-search__field:focus-within {
	border-color: #0b1421;
	box-shadow: 0 0 0 3px rgba(11, 20, 33, 0.08);
}

.members-search__field input {
	flex: 1;
	min-width: 0;
	border: 0;
	background: none;
	color: #0b1421;
	font: inherit;
	font-size: 11px;
	line-height: 16px;
}

.members-search__field input::placeholder {
	color: #8b96a5;
	opacity: 1;
}

.members-search__field input:focus {
	outline: none;
}

.members-search__filter select {
	width: 100%;
	height: 44px;
	padding: 0 34px 0 14px;
	border: 1px solid #e3e5e8;
	border-radius: 10px;
	background: var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M2.8 5.6L7.5 10.3L12.2 5.6' stroke='%230b1421' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center / 15px;
	color: #0b1421;
	font: inherit;
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
	appearance: none;
	cursor: pointer;
}

.members-search__filter select:focus-visible {
	border-color: #0b1421;
	outline: none;
}

.members {
	padding: 40px 53px 41px;
	border: 1px solid #e3e5e8;
	border-radius: 12px;
	background: var(--white);
}

.members__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 24px;
}

.members__title {
	color: #0b1421;
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
}

.members__count {
	color: #8b96a5;
	font-size: 9px;
	line-height: 13px;
}

.members__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px 9px;
	margin-top: 34px;
}

.people-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 268px;
	padding: 15px 12px 18px;
	border: 1px solid #e3e5e8;
	border-radius: 12px;
	background: var(--white);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
	text-align: center;
}

/* "Disponible" pill at the top left. */
.people-card__status {
	position: absolute;
	top: 6px;
	left: 7px;
	display: flex;
	align-items: center;
	gap: 3px;
	height: 19px;
	padding: 0 7px;
	border: 0.5px solid #e3e5e8;
	border-radius: 13px;
	background: #f9fafb;
	color: #138a5b;
	font-size: 6.5px;
	font-weight: 600;
	line-height: 8px;
}

.people-card__status::before {
	content: "";
	width: 3.5px;
	height: 3.5px;
	border-radius: 50%;
	background: currentColor;
}

.people-card__status.is-own {
	color: var(--red-bright);
}

.people-card__avatar {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 68px;
	border: 2px solid var(--white);
	border-radius: 50%;
	background: #0b1421;
	box-shadow: 0 2px 3.5px rgba(0, 0, 0, 0.29);
	color: var(--white);
	font-size: 20px;
	font-weight: 700;
	object-fit: cover;
}

.people-card__name {
	margin-top: 6px;
	color: #0b1421;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
}

.people-card__role {
	display: -webkit-box;
	overflow: hidden;
	margin-top: 4px;
	color: #8b96a5;
	font-size: 9px;
	font-weight: 500;
	line-height: 13px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.people-card__tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 5px;
	margin-top: 8px;
}

.people-card__tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 90px;
	min-width: 64px;
	height: 18px;
	padding: 0 8px;
	overflow: hidden;
	border: 0.5px solid #e3e5e8;
	border-radius: 39px;
	background: #f1f3f5;
	color: #667384;
	font-size: 9px;
	font-weight: 500;
	line-height: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.people-card__more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--red-bright);
	color: var(--white);
	font-size: 7px;
	font-weight: 500;
	line-height: 12px;
}

.people-card__bio {
	display: -webkit-box;
	overflow: hidden;
	max-width: 187px;
	margin-top: 8px;
	margin-bottom: 23px; /* Room for the line above the button. */
	color: #667384;
	font-size: 8px;
	line-height: 12px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

/* Short line above the button. */
.people-card__button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 102px;
	height: 26px;
	margin-top: auto;
	padding: 0 12px;
	border-radius: 5px;
	background: #0b1421;
	color: var(--white);
	font-size: 8px;
	font-weight: 500;
	line-height: 12px;
	transition: background-color 0.2s;
}

.people-card__button::before {
	content: "";
	position: absolute;
	top: -12px;
	left: 50%;
	width: 122px;
	height: 1px;
	background: #e3e5e8;
	transform: translateX(-50%);
}

.people-card__button:hover {
	background: #24324a;
}

.members-pagination {
	margin-top: 41px;
}

/* Profil membre (Figma "Voir le profil membre", node 1067:12954) */

.person .sheet__back .dash-button {
	min-width: 150px;
}

.person-hero {
	display: flex;
	align-items: center;
	gap: 20px;
	min-height: 196px;
	padding: 22px;
	border-radius: 14px;
	background: #0b1421;
}

.person-hero__avatar {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: var(--white);
	color: var(--red-bright);
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
	object-fit: cover;
}

.person-hero__identity {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 7px;
	min-width: 0;
}

.person-hero__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.person-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 70px;
	height: 28px;
	padding: 0 10px;
	border-radius: 999px;
	background: #182536;
	color: var(--white);
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
}

.person-chip--light {
	background: var(--white);
	color: var(--red-bright);
}

.person-chip--green {
	background: #eaf7f0;
	color: #197a4a;
}

.person-hero__name {
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 29px;
	font-weight: 700;
	line-height: 36px;
}

.person-hero__role {
	color: #d7dce3;
	font-size: 12px;
	font-weight: 600;
	line-height: 17px;
}

.person-hero__company {
	color: #bbc4cf;
	font-size: 12px;
	line-height: 16px;
}

.person-hero__actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 220px;
	margin-right: 16px;
}

.person-hero__actions .dash-button {
	width: 100%;
	border-color: #e1e4e8;
}

.person-hero__actions .dash-button:not(.dash-button--light) {
	border-color: var(--red-bright);
}

.person-hero__actions .is-disabled {
	opacity: 0.55;
	cursor: not-allowed;
}

.person-insights {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.person-insight {
	gap: 10px;
	min-height: 118px;
	padding: 16px;
	border-radius: 11px;
}

.person-insight__label {
	display: flex;
	align-items: center;
	gap: 7px;
	min-height: 22px;
	color: #68707b;
	font-size: 10px;
	font-weight: 600;
	line-height: 12px;
}

.person-insight__value {
	color: #0b1421;
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
}

.person-insight__meta {
	color: #68707b;
	font-size: 10px;
	line-height: 12px;
}

.person__content {
	gap: 18px;
}

.person-card {
	gap: 13px;
	padding: 16px;
	border-radius: 11px;
}

.person-card__title {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 19px;
	font-weight: 700;
	line-height: 25px;
}

.person-card__title--18 {
	font-size: 18px;
	line-height: 24px;
}

.person-card__title--17 {
	font-size: 17px;
	line-height: 23px;
}

.person-card__title--16 {
	font-size: 16px;
	line-height: 22px;
}

.person-card__head {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 17px;
	font-weight: 700;
	line-height: 23px;
}

.person-card__text {
	color: #111827;
	font-size: 13px;
	line-height: 18px;
}

.person-card__text--12 {
	font-size: 12px;
	line-height: 17px;
}

.person-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.person-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 70px;
	height: 28px;
	padding: 0 14px;
	border-radius: 999px;
	background: #f1f3f5;
	color: #0b1421;
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
}

.person-pill.is-red {
	background: var(--red-bright);
	color: var(--white);
}

.person-card__button {
	align-self: flex-start;
	min-width: 210px;
}

.person-career {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.person-career li {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 40px;
}

.person-career__dot {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #f1f3f5;
}

.person-career .is-current .person-career__dot {
	background: var(--red-bright);
}

.person-career__copy {
	display: flex;
	flex-direction: column;
	gap: 7px;
	min-width: 0;
}

.person-career__period {
	color: var(--red-bright);
	font-size: 11px;
	font-weight: 600;
	line-height: 12px;
}

.person-career__text {
	color: #0b1421;
	font-size: 12px;
	line-height: 14px;
}

.person-facts {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.person-facts div {
	display: grid;
	grid-template-columns: 15px minmax(0, 1fr);
	column-gap: 9px;
	min-height: 32px;
}

.person-facts .icon {
	grid-row: span 2;
}

.person-facts dt {
	color: #68707b;
	font-size: 12px;
	font-weight: 600;
	line-height: 11px;
}

.person-facts dd {
	margin-top: 6px;
	overflow-wrap: anywhere;
	color: #0b1421;
	font-size: 10px;
	line-height: 13px;
}

.person-facts dd a:hover {
	color: var(--red-bright);
}

.person-facts__note {
	color: #68707b;
	font-size: 10px;
	line-height: 15px;
}

.person-common {
	display: flex;
	align-items: center;
	gap: 8px;
}

.person-common__faces {
	display: flex;
	flex-shrink: 0;
}

.person-common__face {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin-right: -5px;
	border: 2px solid var(--white);
	border-radius: 50%;
	background: #0b1421;
	color: var(--white);
	font-size: 11px;
	font-weight: 700;
	object-fit: cover;
}

.person-common__text {
	margin-left: 5px;
	color: #68707b;
	font-size: 10px;
	line-height: 16px;
}

.person-value {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.person-value .person-card {
	gap: 10px;
	min-height: 214px;
}

.person-activity {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.person-activity li {
	display: flex;
	flex-direction: column;
	gap: 7px;
	padding: 5px 0;
}

.person-activity__title {
	color: #0b1421;
	font-size: 12px;
	font-weight: 600;
	line-height: 13px;
}

.person-activity__meta {
	color: #68707b;
	font-size: 10px;
	line-height: 12px;
}

/* Mon profil: member card form */

.dash-public {
	display: flex;
	flex-direction: column;
	gap: 14px;
	scroll-margin-top: calc(var(--header-height) + 16px);
}

.dash-public__intro {
	color: #68707b;
	font-size: 11px;
	line-height: 17px;
}

.dash-public textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #e0e3e7;
	border-radius: 8px;
	color: #111827;
	font: inherit;
	font-size: 10px;
	line-height: 16px;
	resize: vertical;
}

.dash-public textarea:focus-visible,
.dash-public__career input:focus-visible {
	border-color: #0b1421;
	outline: none;
}

.dash-public__career {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0;
	border: 0;
}

.dash-public__career legend {
	margin-bottom: 8px;
}

.dash-public__career-row {
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	gap: 8px;
}

.dash-public__career input {
	height: 42px;
	padding: 0 12px;
	border: 1px solid #e0e3e7;
	border-radius: 8px;
	color: #111827;
	font: inherit;
	font-size: 10px;
}

/* Responsive ------------------------------------------------------------ */

@media (max-width: 1279px) {
	.person-insights {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.person-value {
		grid-template-columns: minmax(0, 1fr);
	}

	.members__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.members {
		padding: 28px;
	}

	.sheet__content,
	.intro__layout,
	.mevents__body {
		grid-template-columns: minmax(0, 1fr);
	}

	.mevent-register .intro-form-card {
		min-height: 0;
	}

	.mevent-context .dash-chip {
		margin-right: 0;
	}

	.mregs-item {
		flex-wrap: wrap;
	}

	.mregs-item__actions {
		width: 100%;
		padding-left: 80px;
	}

	.intro-form-card {
		min-height: 0;
	}

	.directory__table thead th:nth-child(1) {
		width: 220px;
	}

	.directory__table thead th:nth-child(2) {
		width: 150px;
	}

	.directory__actions .dash-button + .dash-button,
	.directory__actions .dash-button + .directory__own {
		margin-left: 8px;
	}

	.company {
		padding: 20px;
	}

	.company__body {
		grid-template-columns: minmax(0, 1fr);
	}

	.company-info,
	.company-visibility,
	.company-checklist {
		min-height: 0;
	}

	.dash-body {
		padding-inline: 32px;
	}

	.dash-kpis {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dash-highlights {
		grid-template-columns: minmax(0, 1fr);
	}

	.dash-welcome {
		flex-direction: column;
		align-items: flex-start;
	}

	.dash {
		grid-template-columns: 260px minmax(0, 1fr);
	}

	.dash-main {
		padding-inline: 32px;
	}

	.dash-profile {
		padding: 0;
	}

	.dash-summary {
		grid-template-columns: 78px minmax(0, 1fr);
	}

	.dash-summary__completion {
		grid-column: 1 / -1;
	}

	.dash-profile__columns {
		grid-template-columns: minmax(0, 1fr);
	}

	.dash-details,
	.dash-account {
		min-height: 0;
	}

	.dash-privacy {
		grid-template-columns: minmax(0, 1fr);
	}

	.member-intro__row {
		grid-template-columns: minmax(0, 1fr) minmax(0, 420px);
		column-gap: 48px;
	}

	.member-access__grid {
		grid-template-columns: minmax(0, 1fr) minmax(0, 380px);
	}

	.member-card {
		padding: 40px;
	}
}

@media (max-width: 1023px) {
	.person-hero {
		flex-wrap: wrap;
	}

	.person-hero__actions {
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
		margin-right: 0;
	}

	.person-hero__actions .dash-button {
		width: auto;
		min-width: 220px;
	}

	.sheet-hero,
	.mevent-hero,
	.mevents-offer,
	.mregs-help {
		flex-wrap: wrap;
	}

	.sheet .mevent-hero__button,
	.mevents-offer__button,
	.mregs-help .dash-button {
		margin-left: 0;
		margin-right: 0;
	}

	.mevent-hero__copy {
		flex-basis: calc(100% - 124px);
	}

	.sheet .sheet-hero__button {
		margin-left: 0;
	}

	.sheet-services {
		grid-template-columns: minmax(0, 1fr);
	}

	/* The table becomes one card per company. */
	.directory__table,
	.directory__table tbody,
	.directory__table tr,
	.directory__table th,
	.directory__table td {
		display: block;
		width: auto;
	}

	.directory__table {
		border: 0;
		border-radius: 0;
	}

	.directory__table thead {
		display: none;
	}

	.directory__table tbody {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.directory__table tbody tr {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 10px 12px;
		padding: 16px;
		border: 1px solid #e3e5e8;
		border-radius: 12px;
	}

	.directory__table tbody tr > * {
		height: auto;
		padding: 0 !important;
		border: 0;
	}

	.directory__company,
	.directory__actions {
		grid-column: 1 / -1;
	}

	.directory__sector::before,
	.directory__country::before {
		content: attr(data-label);
		display: block;
		color: #87909a;
		font-size: 10px;
		font-weight: 700;
	}

	.directory__status {
		grid-column: 1 / -1;
	}

	.directory__actions {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		white-space: normal;
	}

	.directory__actions .dash-button + .dash-button,
	.directory__actions .dash-button + .directory__own {
		margin-left: 0;
	}

	.dash-header {
		padding-inline: var(--gutter);
	}

	.dash-body {
		padding: 24px var(--gutter) 48px;
	}

	.dash-activity {
		grid-template-columns: minmax(0, 1fr);
	}

	/* The sidebar becomes a band above the content, its menu a horizontal strip. */
	.dash {
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
	}

	.dash-nav {
		padding: 24px var(--gutter) 20px;
	}

	.dash-nav__brand {
		min-height: 0;
		padding: 0 0 16px;
	}

	.dash-nav__profile {
		margin-top: 12px;
	}

	.dash-nav__menu {
		margin: 16px calc(-1 * var(--gutter)) 0;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.dash-nav__menu ul {
		flex-direction: row;
		padding: 0 var(--gutter);
	}

	.dash-nav__item {
		white-space: nowrap;
	}

	.dash-nav__arrow {
		display: none;
	}

	.dash-nav__logout {
		padding: 16px 0 0;
	}

	.dash-main {
		max-width: none;
		padding: 24px var(--gutter) 48px;
	}

	.member-intro {
		padding-bottom: 48px;
	}

	.member-intro__row {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 20px;
	}

	.member-intro__text {
		margin-top: 0;
	}

	.member-access__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 32px;
	}

	.member-aside__benefits {
		min-height: 0;
	}
}

@media (max-width: 767px) {
	.person-hero {
		flex-direction: column;
		align-items: flex-start;
		padding: 20px;
	}

	.person-hero__avatar {
		width: 88px;
		height: 88px;
		font-size: 22px;
	}

	.person-hero__actions .dash-button {
		flex: 1;
		min-width: 0;
	}

	.person-insights {
		gap: 8px;
	}

	.person-insight__label,
	.person-insight__meta,
	.person-facts dd,
	.person-facts__note,
	.person-common__text,
	.person-activity__meta,
	.person-chip,
	.person-pill {
		font-size: 12px;
		line-height: 16px;
	}

	.person-card__text,
	.person-career__text,
	.person-activity__title {
		font-size: 14px;
		line-height: 20px;
	}

	.dash-public__career-row {
		grid-template-columns: minmax(0, 1fr);
	}

	.dash-public textarea,
	.dash-public__career input {
		font-size: 16px;
	}

	.members-search {
		grid-template-columns: minmax(0, 1fr);
		gap: 10px;
	}

	.members-search__field input,
	.members-search__filter select {
		font-size: 16px;
	}

	.members {
		padding: 18px 14px;
	}

	.members__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: 20px;
	}

	.members__title {
		font-size: 15px;
	}

	.members__count,
	.people-card__role,
	.people-card__tag,
	.people-card__bio,
	.people-card__button {
		font-size: 12px;
		line-height: 16px;
	}

	.people-card {
		padding-top: 32px;
	}

	.people-card__status {
		font-size: 9px;
	}

	.people-card__tag {
		max-width: 100%;
	}

	.people-card__button {
		width: 100%;
		height: 34px;
	}

	.mevents {
		padding: 14px;
	}

	.mevents-stats,
	.mregs-stats {
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;
	}

	.mevents-stat,
	.mregs-stat {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		min-height: 0;
		padding: 12px 14px;
	}

	.mevents-next__head {
		flex-direction: column;
		align-items: flex-start;
	}

	.mevents-row,
	.mregs-item {
		flex-wrap: wrap;
	}

	.mevents-row__copy {
		flex-basis: calc(100% - 66px);
	}

	.mevents-row .dash-button,
	.mevents-offer__button,
	.mregs-help .dash-button,
	.sheet .mevent-hero__button {
		width: 100%;
		min-width: 0;
	}

	.mevent-hero,
	.mevent-context {
		align-items: flex-start;
		padding: 18px;
	}

	.mevent-hero__date {
		width: 72px;
		height: 72px;
		border-radius: 12px;
	}

	.mevent-hero__date strong {
		font-size: 22px;
		line-height: 26px;
	}

	.mevent-hero,
	.mevent-context {
		flex-direction: column;
		gap: 14px;
	}

	.mevent-hero__copy,
	.mevent-context__copy {
		flex-basis: auto;
		width: 100%;
	}

	.mevents .dash-button,
	.mevent .dash-button,
	.mevent-register .dash-button,
	.mregs .dash-button,
	.mconfirm .dash-button {
		font-size: 13px;
		line-height: 18px;
	}

	.mevent-hero__title,
	.mevent-context__title {
		font-size: 22px;
		line-height: 28px;
	}

	.mevent-context {
		flex-wrap: wrap;
	}

	.mregs-item__copy {
		flex-basis: calc(100% - 80px);
	}

	.mregs-item__actions {
		flex-wrap: wrap;
		padding-left: 0;
	}

	.mregs-item__actions .dash-button,
	.mregs-item__actions form {
		flex: 1;
		min-width: 0;
	}

	.mregs-item__actions form .dash-button {
		width: 100%;
	}

	.mconfirm {
		padding: 28px 18px;
	}

	.mconfirm__recap {
		grid-template-columns: minmax(0, 1fr);
	}

	.mconfirm__actions .dash-button {
		flex: 1;
	}

	.mevents-row__type,
	.mevents-row__meta,
	.mevents-mine__count,
	.mevents-mine__helper,
	.mevents-pill,
	.mevents-offer__kicker,
	.mevent .dash-chip,
	.mevent-register .dash-chip,
	.mregs .dash-chip,
	.mconfirm .dash-chip,
	.mevent-programme__time,
	.mevent-offer__chip,
	.mregs-stat__label,
	.mevents-stat__label,
	.mregs-tabs .directory__chip,
	.mconfirm__recap dt {
		font-size: 12px;
		line-height: 16px;
	}

	.mevents-row__title,
	.mevents-reminder h3,
	.mevents-offer__text,
	.mevent-hero__meta,
	.mevent-hero__text,
	.mevent-context .mevent-hero__meta,
	.mevent-programme li,
	.mevent__more,
	.mevent-offer__text,
	.mregs-item__meta,
	.mregs-help p,
	.mconfirm__text,
	.mconfirm__note,
	.mconfirm__recap dd,
	.mevents-mine__empty {
		font-size: 13px;
		line-height: 20px;
	}

	.mevents-row__title,
	.mregs-item__title,
	.mevents-offer__title {
		font-size: 15px;
		line-height: 21px;
	}

	.mevent-summary dt,
	.mevent-summary dd,
	.mevent-secure p,
	.mevent-reminders p {
		font-size: 13px;
		line-height: 20px;
	}

	.sheet-hero {
		flex-direction: column;
		align-items: flex-start;
		padding: 20px;
	}

	.sheet-hero__logo {
		width: 72px;
		height: 72px;
		border-radius: 12px;
		font-size: 20px;
	}

	.sheet .sheet-hero__button,
	.sheet-card > .dash-button {
		width: 100%;
		min-width: 0;
	}

	.intro-target {
		flex-wrap: wrap;
		padding: 16px;
	}

	.sheet-card__text,
	.sheet-hero__meta,
	.sheet-hero__tagline,
	.sheet-services p,
	.sheet-contact__note,
	.sheet-facts dd,
	.intro-form__intro,
	.intro-steps li,
	.intro-consent label,
	.intro-tip p,
	.intro-target__meta {
		font-size: 13px;
		line-height: 20px;
	}

	.sheet-services h3,
	.sheet-chip,
	.intro-type span,
	.intro-types legend,
	.sheet-facts dt {
		font-size: 12px;
		line-height: 17px;
	}

	.intro-form textarea {
		font-size: 16px;
	}

	.intro-form__actions .dash-button {
		flex: 1;
	}

	.directory {
		padding: 16px 14px 24px;
	}

	.directory__search {
		flex-wrap: wrap;
	}

	.directory__search input {
		padding-left: 0;
		font-size: 16px;
	}

	.directory__search .dash-button {
		width: 100%;
	}

	.directory__company,
	.directory__chip,
	.directory__sector,
	.directory__country,
	.directory__badge,
	.directory .dash-button {
		font-size: 13px;
		line-height: 18px;
	}

	.directory__actions .dash-button {
		flex: 1;
	}

	.directory-dialog {
		padding: 22px 18px;
	}

	.directory-dialog__facts {
		grid-template-columns: minmax(0, 1fr);
	}

	.company {
		padding: 14px;
	}

	.company__summary,
	.company-fields {
		grid-template-columns: minmax(0, 1fr);
	}

	.dash-summary-card__label,
	.company-field__label,
	.dash-summary-card__hint,
	.company-checklist li,
	.company-field__hint {
		font-size: 12px;
		line-height: 17px;
	}

	.company-field__value,
	.company-visibility__text,
	.company-field input,
	.company-field textarea {
		font-size: 14px;
		line-height: 20px;
	}

	.company-field input,
	.company-field textarea {
		font-size: 16px;
	}

	.company .dash-button {
		width: 100%;
		font-size: 13px;
	}

	.dash-header__logout {
		display: none; /* Logout stays in the sidebar band. */
	}

	.dash-welcome {
		padding: 22px 20px;
	}

	.dash-welcome__title {
		font-size: 24px;
		line-height: 31px;
	}

	.dash-welcome__button {
		width: 100%;
		min-width: 0;
	}

	.dash-kpis {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}

	.dash-kpi {
		min-height: 0;
	}

	.dash-section-head {
		flex-direction: column;
	}

	.dash-news li,
	.dash-kpi__meta,
	.dash-activity__text,
	.dash-header__title p {
		font-size: 13px;
		line-height: 20px;
	}

	.dash-topbar__current {
		display: none;
	}

	.dash-title {
		font-size: 28px;
		line-height: 36px;
	}

	.dash-form__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	/* Small text of the design is too small to read and type on a phone. */
	.dash-field input,
	.dash-field select {
		height: 46px;
		font-size: 16px;
	}

	.dash-field label,
	.dash-label {
		font-size: 12px;
		line-height: 16px;
	}

	.dash-account__value,
	.dash-switch,
	.dash-privacy__text,
	.dash-summary__role {
		font-size: 13px;
		line-height: 20px;
	}

	.dash-form__actions .dash-button {
		flex: 1;
		min-width: 0;
	}

	.member-intro__title {
		font-size: 38px;
		line-height: 44px;
	}

	.member-intro__text {
		font-size: 16px;
		line-height: 24px;
	}

	.member-access {
		padding-bottom: 56px;
	}

	.member-card,
	.member-aside {
		padding: 28px 20px;
	}

	.member-card__title,
	.member-aside__title {
		font-size: 28px;
		line-height: 34px;
	}

	.member-card__text {
		font-size: 16px;
		line-height: 24px;
	}

	.member-form__actions {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}

	.member-security {
		padding: 12px;
	}

}

/* Mentorat (mentor application) */

.dash--mentoring .dash-main {
	gap: 22px;
}

.mentor-head {
	display: flex;
	flex-direction: column;
	gap: 5px;
	max-width: 760px;
}

.mentor-head__title {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 27px;
	font-weight: 700;
	line-height: 34px;
}

.mentor-head__intro {
	color: #68707b;
	font-size: 13px;
	line-height: 16px;
}

.mentor-hero {
	display: flex;
	align-items: center;
	gap: 18px;
	min-height: 192px;
	padding: 22px;
	border-radius: 14px;
	background: #0b1421;
}

.mentor-hero__icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 96px;
	height: 96px;
	border-radius: 18px;
	background: var(--white);
}

.mentor-hero__copy {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 7px;
	min-width: 0;
	max-width: 635px;
}

.mentor-hero__chip,
.mentor-follow__chip {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 6px 10px;
	border-radius: 999px;
	background: var(--white);
	color: var(--red-bright);
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
	text-transform: uppercase;
}

.mentor-hero__title {
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 25px;
	font-weight: 700;
	line-height: 32px;
}

.mentor-hero__text {
	color: #d4dae1;
	font-size: 13px;
	line-height: 20px;
}

.mentor-hero__side {
	display: flex;
	flex: 0 0 245px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	margin-left: auto;
}

.mentor-hero__meta {
	max-width: 237px;
	color: #c7cfd9;
	font-size: 12px;
	line-height: 17px;
}

.mentor-hero__button {
	min-width: 190px;
	min-height: 42px;
	font-size: 10px;
	line-height: 16px;
}

.mentor-values {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mentor-value {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	min-height: 160px;
	padding: 16px;
	border: 1px solid #e1e4e8;
	border-radius: 11px;
	background: var(--white);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}

.mentor-value__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background: #fff0f1;
}

.mentor-value__icon--contribute {
	background: #edf3fb;
}

.mentor-value__icon--link {
	background: #f3eefb;
}

.mentor-value__title {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 17px;
	font-weight: 700;
	line-height: 23px;
}

.mentor-value__text {
	color: #68707b;
	font-size: 13px;
	line-height: 19px;
}

.mentor-steps {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 108px;
	padding: 14px 16px;
	border-radius: 10px;
	background: #f5f6f8;
}

.mentor-steps__title {
	flex: 0 0 190px;
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 17px;
	font-weight: 700;
	line-height: 24px;
}

.mentor-steps__list {
	display: grid;
	flex: 1 1 auto;
	grid-template-columns: repeat(3, minmax(0, 252px));
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mentor-step {
	display: flex;
	flex-direction: column;
	padding-top: 6px;
}

.mentor-step__num {
	margin-bottom: 11px;
	color: var(--red-bright);
	font-size: 15px;
	font-weight: 700;
	line-height: 13px;
}

.mentor-step__title {
	margin-bottom: 8px;
	color: #0b1421;
	font-size: 13px;
	font-weight: 600;
	line-height: 15px;
}

.mentor-step__text {
	color: #68707b;
	font-size: 12px;
	line-height: 13px;
}

.mentor-layout {
	display: grid;
	grid-template-columns: minmax(0, 690px) minmax(0, 336px);
	align-items: start;
	gap: 18px;
}

.mentor-form-card {
	scroll-margin-top: calc(var(--header-height) + 16px);
}

.mentor-form-card__head {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.mentor-form-card__eyebrow {
	color: var(--red-bright);
	font-size: 11px;
	font-weight: 600;
	line-height: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.mentor-form-card__title {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 21px;
	font-weight: 700;
	line-height: 28px;
}

.mentor-form-card__intro {
	margin-top: -1px;
	color: #68707b;
	font-size: 13px;
	line-height: 21px;
}

.mentor-form__body {
	display: flex;
	flex-direction: column;
	gap: 11px;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.mentor-form .dash-field {
	min-height: 66px;
}

.mentor-form .dash-field label,
.mentor-choices legend {
	color: #68707b;
	font-size: 11px;
	line-height: 14px;
}

.mentor-form input[type="number"] {
	appearance: textfield;
}

.mentor-choices {
	gap: 8px;
	min-height: 0;
}

.mentor-choices legend {
	padding: 0;
}

.mentor-choices .dash-error {
	flex-basis: 100%;
}

.mentor-choices .intro-type span {
	padding: 6px 10px;
	background: #f5f6f8;
}

.mentor-choices .intro-type input:checked + span {
	background: #0b1421;
}

.mentor-form textarea {
	width: 100%;
	min-height: 82px;
	padding: 11px 12px;
	border: 1px solid #e1e4e8;
	border-radius: 8px;
	color: #111827;
	font: inherit;
	font-size: 11px;
	line-height: 18px;
	resize: vertical;
}

.mentor-form textarea:focus-visible {
	border-color: #0b1421;
	outline: none;
}

.mentor-form textarea[aria-invalid="true"] {
	border-color: var(--red-bright);
}

.mentor-form__consent label {
	align-items: center;
	font-size: 12px;
	line-height: 14px;
}

.mentor-form__actions .dash-button {
	min-height: 42px;
	font-size: 10px;
	line-height: 16px;
}

.mentor-form__actions .dash-button--light {
	min-width: 175px;
}

.mentor-form__actions .dash-button:not(.dash-button--light) {
	min-width: 190px;
}

.mentor-form__body:disabled .intro-type,
.mentor-form__body:disabled .intro-consent label {
	cursor: default;
}

.mentor-form__body:disabled input:not([type="checkbox"]),
.mentor-form__body:disabled textarea {
	background-color: #f9fafb;
}

.mentor-side {
	position: sticky;
	top: calc(var(--header-height) + 16px);
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.mentor-criteria,
.mentor-follow {
	gap: 10px;
	padding: 16px;
	border-radius: 11px;
}

.mentor-criteria__title {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}

.mentor-criteria__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mentor-criteria__list li {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 30px;
	color: #111827;
	font-size: 12px;
	line-height: 13px;
}

.mentor-criteria__list .icon {
	flex-shrink: 0;
}

.mentor-scope {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 6px;
	min-height: 130px;
	padding: 16px;
	border-radius: 11px;
	background: #0b1421;
}

.mentor-scope__title {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	min-height: 24px;
	color: var(--white);
	font-size: 13px;
	font-weight: 600;
	line-height: 16px;
}

.mentor-scope__text {
	color: #d1d7de;
	font-size: 11px;
	line-height: 17px;
}

.mentor-follow {
	justify-content: center;
	align-items: flex-start;
	min-height: 160px;
}

.mentor-follow__chip {
	background: #fff4e6;
	color: #a35a00;
}

.mentor-follow__chip--pending {
	background: #fff3d6;
	color: #8a5a00;
}

.mentor-follow__chip--success {
	background: #eaf7f0;
	color: #197a4a;
}

.mentor-follow__chip--declined {
	background: var(--red-soft);
	color: var(--red-bright);
}

.mentor-follow__title {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
}

.mentor-follow__text,
.mentor-follow__message {
	color: #68707b;
	font-size: 12px;
	line-height: 17px;
}

.mentor-follow__message strong {
	color: #0b1421;
	font-weight: 600;
}

.mentor-note {
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 104px;
	padding: 16px 18px;
	border-radius: 10px;
	background: #eaf7f0;
}

.mentor-note__icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background: var(--white);
}

.mentor-note__title {
	margin-bottom: 5px;
	color: #197a4a;
	font-size: 13px;
	font-weight: 600;
	line-height: 17px;
}

.mentor-note__text {
	color: #111827;
	font-size: 12px;
	line-height: 19px;
}

@media (max-width: 1279px) {
	.mentor-hero {
		flex-wrap: wrap;
	}

	.mentor-hero__copy {
		flex-basis: calc(100% - 114px);
		max-width: none;
	}

	.mentor-hero__side {
		flex: 1 1 100%;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		margin-left: 114px;
	}

	.mentor-hero__meta {
		max-width: none;
	}

	.mentor-steps {
		flex-direction: column;
		align-items: stretch;
	}

	.mentor-steps__title {
		flex-basis: auto;
	}

	.mentor-steps__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.mentor-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.mentor-side {
		position: static;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mentor-criteria {
		grid-row: span 2;
	}
}

@media (max-width: 767px) {
	.mentor-head__title {
		font-size: 26px;
		line-height: 32px;
	}

	.mentor-hero {
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: stretch;
		padding: 20px;
	}

	.mentor-hero__icon {
		width: 64px;
		height: 64px;
		border-radius: 14px;
	}

	.mentor-hero__icon .icon {
		width: 30px;
		height: 30px;
	}

	.mentor-hero__copy {
		flex-basis: auto;
	}

	.mentor-hero__title {
		font-size: 22px;
		line-height: 29px;
	}

	.mentor-hero__side {
		flex: none;
		flex-direction: column;
		align-items: stretch;
		margin-left: 0;
	}

	.mentor-hero__button,
	.mentor-form__actions .dash-button {
		width: 100%;
		min-width: 0;
	}

	.mentor-values,
	.mentor-steps__list,
	.mentor-side {
		grid-template-columns: minmax(0, 1fr);
	}

	.mentor-value {
		min-height: 0;
	}

	.mentor-steps__list {
		gap: 16px;
	}

	.mentor-criteria {
		grid-row: auto;
	}

	.mentor-form .dash-form__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.mentor-form .dash-field label,
	.mentor-choices legend {
		font-size: 12px;
	}

	.mentor-form .dash-field input,
	.mentor-form textarea {
		font-size: 16px; /* No zoom on focus (iOS). */
	}

	.mentor-note {
		align-items: flex-start;
	}
}

/* Commissions (member area) */

.mcomm {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 20px;
	border: 1px solid #e3e5e8;
	border-radius: 12px;
	background: var(--white);
	scroll-margin-top: calc(var(--header-height) + 16px);
}

.mcomm__body {
	display: grid;
	grid-template-columns: minmax(0, 370fr) minmax(0, 620fr);
	align-items: stretch;
	gap: 14px;
}

.mcomm-box {
	display: flex;
	flex-direction: column;
	padding: 16px;
	border: 1px solid #e3e5e8;
	border-radius: 12px;
	background: var(--white);
}

.mcomm-mine {
	gap: 12px;
}

.mcomm-all {
	gap: 9px;
}

.mcomm-box__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 16px;
}

.mcomm-box__title {
	color: #0b1421;
	font-size: 11px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: 0.25px;
}

.mcomm-box__meta {
	color: #87909a;
	font-size: 10px;
	font-weight: 500;
	line-height: 14px;
}

.mcomm-box__link {
	padding-right: 20px;
	color: #87909a;
	font-size: 12px;
	font-weight: 500;
	line-height: 14px;
	text-decoration: none;
}

.mcomm-box__link:hover {
	color: #0b1421;
	text-decoration: underline;
}

.mcomm-mine .mcomm-box__meta {
	padding-right: 20px;
}

.mcomm-active {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 203px;
	padding: 33px 16px 30px;
	border-radius: 12px;
	background: #0b1421;
}

.mcomm-active__kicker {
	color: var(--red-bright);
	font-size: 9px;
	font-weight: 700;
	line-height: 13px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.mcomm-active__title {
	margin-top: 13px;
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}

.mcomm-active__meta {
	margin: 13px 0 24px;
	color: #c7cfd9;
	font-size: 13px;
	line-height: 15px;
}

.mcomm-active__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 150px;
	height: 36px;
	margin-top: auto;
	padding: 0 9px;
	border: 1px solid #e3e5e8;
	border-radius: 8px;
	background: var(--white);
	color: #0b1421;
	font: inherit;
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s;
}

.mcomm-active__button:hover {
	background: #f1f3f5;
}

.mcomm-active__button:focus-visible,
.mcomm-chip:focus-visible,
.mcomm-filter:focus-visible,
.mcomm-card__open:focus-visible {
	outline: 2px solid var(--red-bright);
	outline-offset: 2px;
}

.mcomm-empty {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	padding: 20px 16px;
	border: 1px dashed #d5d9de;
	border-radius: 12px;
	background: #f9fafb;
	color: #3d454f;
	font-size: 13px;
	line-height: 19px;
}

.mcomm-mine__hint {
	color: #3d454f;
	font-size: 13px;
	line-height: 19px;
}

.mcomm-mine__join {
	align-self: flex-start;
}

.mcomm-pending {
	padding: 12px 14px;
	border-left: 3px solid #c98a00;
	border-radius: 4px;
	background: #fff7e6;
	color: #0b1421;
	font-size: 13px;
	line-height: 19px;
}

.mcomm-pending__title {
	font-weight: 600;
}

.mcomm-pending ul {
	margin: 4px 0 0;
	padding-left: 18px;
}

.mcomm-list {
	display: flex;
	flex-direction: column;
	gap: 9px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mcomm-item {
	display: flex;
	align-items: center;
	gap: 42px;
	min-height: 66px;
	padding: 8px 16px 8px 10px;
	border: 1px solid #e3e5e8;
	border-radius: 9px;
	background: var(--white);
}

.mcomm-item.is-active {
	background: #f9fafb;
}

.mcomm-item__num {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background: #f9fafb;
	color: #0b1421;
	font-size: 9px;
	font-weight: 700;
	line-height: 13px;
}

.mcomm-item.is-active .mcomm-item__num {
	background: var(--red-bright);
	color: var(--white);
}

.mcomm-item__info {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.mcomm-item__title,
.mcomm-active__title a {
	color: inherit;
	text-decoration: none;
}

.mcomm-item__title:hover,
.mcomm-active__title a:hover {
	text-decoration: underline;
}

.mcomm-item__title {
	color: #0b1421;
	font-size: 13px;
	font-weight: 600;
	line-height: 16px;
}

.mcomm-item__meta {
	color: #87909a;
	font-size: 12px;
	line-height: 13px;
}

.mcomm-chip {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	min-width: 92px;
	height: 28px;
	padding: 0 8px;
	border-radius: 14px;
	background: #f9fafb;
	color: #0b1421;
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
	text-decoration: none;
	transition: background-color 0.2s;
}

a.mcomm-chip:hover {
	background: #eceef1;
}

.mcomm-chip--active {
	background: #138a5b;
	color: var(--white);
}

.mcomm-chip--pending {
	background: #fff3d6;
	color: #8a5a00;
}

.mcomm-news {
	display: flex;
	flex-direction: column;
	gap: 10px;
	scroll-margin-top: calc(var(--header-height) + 16px);
}

.mcomm-news__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
}

.mcomm-news__kicker {
	color: var(--red-bright);
	font-size: 8.5px;
	font-weight: 700;
	line-height: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.mcomm-news__title {
	margin-top: 3px;
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 21px;
	font-weight: 700;
	line-height: 26px;
}

.mcomm-news__helper {
	flex: 0 1 404px;
	padding: 8px 12px;
	border-radius: 999px;
	background: #f8f9fa;
	color: #828a94;
	font-size: 9.2px;
	font-weight: 500;
	line-height: 14px;
	text-align: center;
}

.mcomm-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	min-height: 32px;
}

.mcomm-filter {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 54px;
	height: 30px;
	padding: 0 23px;
	border: 1px solid #e3e5e8;
	border-radius: 999px;
	background: var(--white);
	color: #0b1421;
	font-size: 9.5px;
	font-weight: 600;
	line-height: 14px;
	text-decoration: none;
	transition: background-color 0.2s, border-color 0.2s;
}

.mcomm-filter:hover {
	border-color: #0b1421;
}

.mcomm-filter.is-current {
	border-color: #0b1421;
	background: #0b1421;
	color: var(--white);
}

.mcomm-cards {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 11px;
	margin: 0 0 18px;
	padding: 0;
	list-style: none;
}

.mcomm-card {
	display: flex;
	flex-direction: column;
	min-height: 207px;
	padding: 14px;
	border: 1px solid #e3e5e8;
	border-radius: 14px;
	background: var(--white);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}

.mcomm-card__top {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 34px;
}

.mcomm-card__icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 10px;
	background: #f8f9fa;
}

.mcomm-card__meta {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.mcomm-card__date {
	color: var(--red-bright);
	font-size: 9.5px;
	font-weight: 700;
	line-height: 14px;
}

.mcomm-card--report .mcomm-card__date {
	color: #0b1421;
}

.mcomm-card__type {
	color: #828a94;
	font-size: 8.5px;
	font-weight: 500;
	line-height: 12px;
}

.mcomm-card__open {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 52px;
	height: 30px;
	border: 0.4px solid rgba(156, 163, 175, 0.17);
	border-radius: 10px;
	background: rgba(227, 6, 19, 0.05);
	color: #0b1421;
	font: inherit;
	font-size: 9px;
	font-weight: 600;
	line-height: 13px;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s;
}

.mcomm-card__open:hover {
	background: rgba(227, 6, 19, 0.12);
}

.mcomm-card__title {
	margin-top: 17px;
	color: #0b1421;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 19px;
}

.mcomm-card__text {
	margin: 10px 0 13px;
	color: #3d454f;
	font-size: 10.5px;
	line-height: 16px;
}

.mcomm-card__subject {
	position: relative;
	margin-top: auto;
	padding-left: 13px;
	color: #828a94;
	font-size: 12px;
	font-weight: 500;
	line-height: 13px;
}

.mcomm-card__subject::before {
	position: absolute;
	top: 4px;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--red-bright);
	content: "";
}

.mcomm-card--report .mcomm-card__subject::before {
	background: #0b1421;
}

.mcomm-news__empty {
	padding: 20px;
	border: 1px dashed #d5d9de;
	border-radius: 14px;
	background: var(--white);
	color: #3d454f;
	font-size: 13px;
	line-height: 19px;
}

.mcomm-dialog {
	width: min(560px, calc(100% - 32px));
	max-height: calc(100% - 32px);
	margin: auto;
	padding: 0;
	border: 0;
	border-radius: 14px;
	background: var(--white);
	box-shadow: 0 24px 60px rgba(11, 20, 33, 0.25);
}

.mcomm-dialog::backdrop {
	background: rgba(11, 20, 33, 0.55);
}

.mcomm-dialog__panel {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 28px 24px 24px;
}

.mcomm-dialog__close {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 10px;
	background: #f1f3f5;
	color: #0b1421;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
}

.mcomm-dialog__title {
	padding-right: 40px;
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 22px;
	font-weight: 700;
	line-height: 29px;
}

.mcomm-dialog .mcomm-card__meta {
	padding-right: 40px;
}

.mcomm-dialog__intro,
.mcomm-dialog__text {
	color: #3d454f;
	font-size: 14px;
	line-height: 22px;
}

.mcomm-dialog__text p + p {
	margin-top: 10px;
}

.mcomm-dialog .mcomm-card__subject {
	margin-top: 0;
}

.mcomm-dialog__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 4px;
}

.mcomm-manage {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mcomm-manage__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 12px;
	border: 1px solid #e3e5e8;
	border-radius: 9px;
}

.mcomm-manage__name {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.mcomm-manage__name a {
	color: #0b1421;
	font-size: 13px;
	font-weight: 600;
	line-height: 17px;
	text-decoration: none;
}

.mcomm-manage__name a:hover {
	text-decoration: underline;
}

.mcomm-action .dash-button {
	min-width: 110px;
	white-space: nowrap;
}

@media (max-width: 1279px) {
	.mcomm__body {
		grid-template-columns: minmax(0, 1fr);
	}

	.mcomm-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.mcomm {
		padding: 12px;
	}

	.mcomm-item {
		gap: 12px;
		padding-right: 10px;
	}

	.mcomm-chip {
		min-width: 0;
		padding: 0 12px;
	}

	.mcomm-news__head {
		flex-direction: column;
		gap: 8px;
	}

	.mcomm-news__helper {
		flex-basis: auto;
		text-align: left;
	}

	.mcomm-cards {
		grid-template-columns: minmax(0, 1fr);
	}

	.mcomm-card__text,
	.mcomm-card__type,
	.mcomm-news__helper {
		font-size: 12px;
		line-height: 17px;
	}

	.mcomm-manage__item {
		flex-direction: column;
		align-items: stretch;
	}

	.mcomm-action .dash-button {
		width: 100%;
	}
}

/* Gérer ma participation (one commission) */

.mpart-back {
	min-height: 48px;
}

.mpart-back .dash-button {
	gap: 6px;
	min-width: 170px;
	font-size: 10px;
	line-height: 16px;
}

.mpart-context {
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 119px;
	padding: 18px;
	border-radius: 12px;
	background: #0b1421;
}

.mpart-context__num {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 74px;
	height: 74px;
	border-radius: 12px;
	background: var(--red-bright);
	color: var(--white);
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}

.mpart-context__copy {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 5px;
	min-width: 0;
}

.mpart-context__title {
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
}

.mpart-context__meta {
	color: #cbd3dc;
	font-size: 9px;
	line-height: 14px;
}

.mpart-chip {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	margin-right: 22px;
	padding: 6px 20px;
	border-radius: 999px;
	background: #eaf7f0;
	color: #197a4a;
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
}

.mpart-layout {
	display: grid;
	grid-template-columns: minmax(0, 680fr) minmax(0, 346fr);
	align-items: start;
	gap: 18px;
}

.mpart-prefs {
	gap: 13px;
	scroll-margin-top: calc(var(--header-height) + 16px);
}

.mpart-prefs__title {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 20px;
	font-weight: 700;
	line-height: 27px;
}

.mpart-prefs__intro {
	color: #68707b;
	font-size: 9px;
	line-height: 15px;
}

.mpart-form {
	display: flex;
	flex-direction: column;
	gap: 13px;
}

.mpart-switches {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.mpart-switches .dash-switch {
	align-items: center;
	min-height: 40px;
	color: #111827;
	font-size: 10px;
	line-height: 16px;
}

.mpart-switches .dash-switch input {
	margin-right: 22px;
}

.mpart-interests {
	gap: 8px;
	min-height: 0;
}

.mpart-interests legend {
	padding: 0;
	color: #0b1421;
	font-size: 10px;
	line-height: 16px;
}

.mpart-interests .intro-type span {
	padding: 6px 20px;
}

.mpart-role {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 12px;
	border-radius: 8px;
	background: #f1f3f5;
	font-size: 9px;
}

.mpart-role__label {
	color: #68707b;
	font-weight: 600;
	line-height: 14px;
}

.mpart-role__value {
	color: #111827;
	line-height: 15px;
}

.mpart-form__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.mpart-form__actions .dash-button {
	min-width: 100px;
	font-size: 10px;
	line-height: 16px;
}

.mpart-form__actions .dash-button:not(.dash-button--light) {
	min-width: 200px;
}

.mpart-side {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.mpart-side__title {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}

.mpart-side__title--small {
	font-size: 17px;
	line-height: 23px;
}

.mpart-status__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.mpart-status__head .mpart-chip {
	margin-right: 0;
}

.mpart-status__text {
	color: #111827;
	font-size: 13px;
	line-height: 20px;
}

.mpart-status__meta,
.mpart-help__text {
	color: #68707b;
	font-size: 13px;
	line-height: 17px;
}

.mpart-help__button,
.mpart-leave__button {
	min-width: 150px;
	font-size: 10px;
	line-height: 16px;
}

.mpart-leave {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	padding: 16px;
	border: 1px solid #f1caca;
	border-radius: 10px;
	background: #fff0f0;
}

.mpart-leave__title {
	color: #a83232;
	font-family: var(--font-serif);
	font-size: 17px;
	font-weight: 700;
	line-height: 23px;
}

.mpart-leave__text {
	color: #111827;
	font-size: 13px;
	line-height: 19px;
}

.mpart-leave__button {
	min-width: 160px;
}

@media (max-width: 1279px) {
	.mpart-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.mpart-side {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mpart-leave {
		grid-column: 1 / -1;
	}
}

@media (max-width: 767px) {
	.mpart-context {
		flex-wrap: wrap;
		gap: 12px;
	}

	.mpart-context__num {
		width: 52px;
		height: 52px;
		font-size: 15px;
	}

	.mpart-context__copy {
		flex-basis: calc(100% - 64px);
	}

	.mpart-context__meta,
	.mpart-prefs__intro,
	.mpart-role {
		font-size: 12px;
		line-height: 17px;
	}

	.mpart-chip {
		margin: 0 0 0 64px;
	}

	.mpart-side {
		grid-template-columns: minmax(0, 1fr);
	}

	.mpart-switches .dash-switch {
		font-size: 13px;
		line-height: 18px;
	}

	.mpart-switches .dash-switch input {
		margin-right: 0;
	}

	.mpart-form__actions .dash-button {
		flex: 1 1 100%;
	}
}

/* Détail commission */

.mdet-hero {
	display: flex;
	align-items: center;
	gap: 20px;
	min-height: 188px;
	padding: 22px;
	border-radius: 14px;
	background: #0b1421;
}

.mdet-hero__num {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 94px;
	height: 94px;
	border-radius: 16px;
	background: var(--red-bright);
	color: var(--white);
	font-size: 26px;
	font-weight: 700;
	line-height: 34px;
}

.mdet-hero__copy {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 7px;
	min-width: 0;
	max-width: 620px;
}

.mdet-hero__chip {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 6px 10px;
	border-radius: 999px;
	background: #eaf7f0;
	color: #197a4a;
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
	text-transform: uppercase;
}

.mdet-hero__title {
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 26px;
	font-weight: 700;
	line-height: 34px;
}

.mdet-hero__meta {
	color: #c9d0d9;
	font-size: 10px;
	line-height: 16px;
}

.mdet-hero__intro {
	color: #d6dbe2;
	font-size: 10px;
	line-height: 17px;
}

.mdet-hero__actions {
	display: flex;
	flex: 0 0 250px;
	flex-direction: column;
	gap: 10px;
	margin-left: auto;
}

.mdet-hero__actions .dash-button,
.mdet-hero__state {
	width: 190px;
	min-height: 40px;
	font-size: 10px;
	line-height: 16px;
}

.mdet-hero__state {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 14px;
	border-radius: 8px;
	background: var(--white);
	color: var(--red-bright);
	font-weight: 600;
	text-align: center;
}

.mdet-hero__actions .dash-button--light {
	border-color: rgba(255, 255, 255, 0.4);
	background: transparent;
	color: var(--white);
}

.mdet-hero__actions .dash-button--light:hover {
	border-color: var(--white);
}

.mdet-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mdet-stats li {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 73px;
	padding: 14px;
	border: 1px solid #e1e4e8;
	border-radius: 10px;
	background: var(--white);
}

.mdet-stats li > span {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.mdet-stats__label {
	color: #68707b;
	font-size: 10px;
	font-weight: 600;
	line-height: 12px;
}

.mdet-stats strong {
	color: #0b1421;
	font-size: 18px;
	font-weight: 700;
	line-height: 23px;
}

.mdet-layout {
	display: grid;
	grid-template-columns: minmax(0, 676fr) minmax(0, 350fr);
	align-items: start;
	gap: 18px;
}

.mdet-main {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.mdet-side {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.mdet-card {
	gap: 11px;
}

.mdet-card__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 11px;
}

.mdet-card__title {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 19px;
	font-weight: 700;
	line-height: 25px;
}

.mdet-card__title--side {
	font-size: 18px;
	line-height: 24px;
}

.mdet-card__chip {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	min-height: 28px;
	padding: 6px 20px;
	border-radius: 999px;
	background: #fff0f1;
	color: var(--red-bright);
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
}

.mdet-card__empty,
.mdet-card__more {
	color: #68707b;
	font-size: 13px;
	line-height: 20px;
}

.mdet-mission__text {
	color: #111827;
	font-size: 13px;
	line-height: 24px;
}

.mdet-goals {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 14px;
	padding: 0;
	list-style: none;
}

.mdet-goals li {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 6px 20px;
	border-radius: 999px;
	background: #f1f3f5;
	color: #0b1421;
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
}

.mdet-people {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 3px 0 0;
	padding: 0;
	list-style: none;
}

.mdet-person {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	min-height: 42px;
}

.mdet-person__avatar {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #0b1421;
	color: var(--white);
	font-size: 8px;
	font-weight: 700;
	line-height: 13px;
}

.mdet-person__avatar.is-me {
	background: var(--red-bright);
}

.mdet-person__copy {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
}

.mdet-person__name {
	color: #0b1421;
	font-size: 13px;
	font-weight: 600;
	line-height: 14px;
}

.mdet-person__role {
	color: #68707b;
	font-size: 12px;
	line-height: 12px;
}

.mdet-next__text {
	color: #111827;
	font-size: 13px;
	line-height: 21px;
}

.mdet-next__button {
	min-width: 160px;
	font-size: 10px;
	line-height: 16px;
}

.mdet-docs {
	display: flex;
	flex-direction: column;
	gap: 11px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mdet-docs a {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 36px;
	color: #111827;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
}

.mdet-docs a:hover .mdet-docs__name {
	text-decoration: underline;
}

.mdet-docs__name {
	flex: 1 1 auto;
	min-width: 0;
}

.mdet-docs__type {
	flex: 0 0 50px;
	color: #68707b;
	font-weight: 600;
	line-height: 12px;
}

@media (max-width: 1279px) {
	.mdet-hero {
		flex-wrap: wrap;
	}

	.mdet-hero__copy {
		flex-basis: calc(100% - 114px);
		max-width: none;
	}

	.mdet-hero__actions {
		flex: 1 1 100%;
		flex-direction: row;
		flex-wrap: wrap;
		margin-left: 114px;
	}

	.mdet-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mdet-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.mdet-side {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.mdet-hero {
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: stretch;
		padding: 20px;
	}

	.mdet-hero__num {
		width: 56px;
		height: 56px;
		border-radius: 12px;
		font-size: 18px;
	}

	.mdet-hero__copy {
		flex-basis: auto;
	}

	.mdet-hero__title {
		font-size: 22px;
		line-height: 29px;
	}

	.mdet-hero__meta,
	.mdet-hero__intro {
		font-size: 13px;
		line-height: 19px;
	}

	.mdet-hero__actions {
		flex: none;
		flex-direction: column;
		margin-left: 0;
	}

	.mdet-hero__actions .dash-button,
	.mdet-hero__state,
	.mdet-hero__actions form {
		width: 100%;
	}

	.mdet-side {
		grid-template-columns: minmax(0, 1fr);
	}

	.mdet-goals li {
		font-size: 12px;
	}
}

/* Actualité détaillée (commission news) */

.mnews-head {
	display: flex;
	flex-direction: column;
	gap: 9px;
	min-height: 175px;
	padding: 24px;
	border-radius: 14px;
	background: #0b1421;
}

.mnews-head__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.mnews-head__type,
.mnews-head__date {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 6px 10px;
	border-radius: 999px;
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
}

.mnews-head__type {
	background: var(--white);
	color: var(--red-bright);
	text-transform: uppercase;
}

.mnews-head__date {
	padding-inline: 20px;
	background: #182536;
	color: var(--white);
}

.mnews-head__title {
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 27px;
	font-weight: 700;
	line-height: 35px;
}

.mnews-head__meta {
	color: #cbd3dc;
	font-size: 13px;
	line-height: 14px;
}

.mnews-head__lead {
	color: #d5dbe2;
	font-size: 13px;
	line-height: 17px;
}

.mnews-layout {
	display: grid;
	grid-template-columns: minmax(0, 690fr) minmax(0, 336fr);
	align-items: start;
	gap: 18px;
}

.mnews-body {
	gap: 13px;
}

.mnews-body__title {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 19px;
	font-weight: 700;
	line-height: 25px;
}

.mnews-body__subtitle {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 17px;
	font-weight: 700;
	line-height: 23px;
}

.mnews-body__text {
	color: #111827;
	font-size: 13px;
	line-height: 19px;
}

.mnews-body__text p + p {
	margin-top: 10px;
}

.mnews-actions {
	display: flex;
	flex-direction: column;
	gap: 13px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mnews-action {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 58px;
	padding: 9px 10px;
	border: 1px solid #e1e4e8;
	border-radius: 8px;
	background: var(--white);
}

.mnews-action--in_progress {
	background: #f1f3f5;
}

.mnews-action__num {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background: #0b1421;
	color: var(--white);
	font-size: 8px;
	font-weight: 700;
	line-height: 13px;
}

.mnews-action--in_progress .mnews-action__num {
	background: var(--red-bright);
}

.mnews-action__copy {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
}

.mnews-action__title {
	color: #0b1421;
	font-size: 13px;
	font-weight: 600;
	line-height: 14px;
}

.mnews-action__meta {
	color: #68707b;
	font-size: 10px;
	line-height: 12px;
}

.mnews-action__status {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	min-width: 72px;
	min-height: 28px;
	margin-right: 22px;
	padding: 6px 10px;
	border-radius: 999px;
	background: #edf3fb;
	color: #214e8a;
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
}

.mnews-action--in_progress .mnews-action__status {
	background: #fff4e6;
	color: #a35a00;
}

.mnews-action--done .mnews-action__status {
	background: #eaf7f0;
	color: #197a4a;
}

.mnews-side {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.mnews-side__title {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 17px;
	font-weight: 700;
	line-height: 23px;
}

.mnews-info__list {
	display: flex;
	flex-direction: column;
	gap: 11px;
	margin: 0;
}

.mnews-info__list dt {
	color: var(--red-bright);
	font-size: 12px;
	font-weight: 600;
	line-height: 12px;
}

.mnews-info__list dd {
	margin: 0;
	color: #0b1421;
	font-size: 12px;
	line-height: 14px;
}

.mnews-info__list a {
	color: inherit;
}

.mnews-info__link {
	font-size: 10px;
}

.mnews-files__list .mdet-docs__type {
	flex-basis: 42px;
	font-size: 8px;
}

@media (max-width: 1279px) {
	.mnews-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.mnews-side {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.mnews-head {
		padding: 20px;
	}

	.mnews-head__title {
		font-size: 22px;
		line-height: 29px;
	}

	.mnews-head__meta {
		line-height: 19px;
	}

	.mnews-action {
		flex-wrap: wrap;
	}

	.mnews-action__copy {
		flex-basis: calc(100% - 44px);
	}

	.mnews-action__meta {
		font-size: 12px;
		line-height: 16px;
	}

	.mnews-action__status {
		margin: 0 0 0 44px;
	}

	.mnews-side {
		grid-template-columns: minmax(0, 1fr);
	}

	.mnews-files__list .mdet-docs__type {
		font-size: 11px;
	}
}

/* Ressources membres */

.mres {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 16px 20px;
	border: 1px solid #e3e5e8;
	border-radius: 12px;
	background: var(--white);
	scroll-margin-top: calc(var(--header-height) + 16px);
}

.mres__top {
	display: flex;
	align-items: center;
	gap: 8px;
}

.mres-cats {
	display: flex;
	flex-shrink: 0;
	flex-wrap: wrap;
	gap: 8px;
}

.mres-cat {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 28px;
	padding: 0 8px;
	border-radius: 14px;
	background: var(--white);
	color: #0b1421;
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
	text-decoration: none;
	transition: background-color 0.2s;
}

.mres-cat:hover {
	background: #f1f3f5;
}

.mres-cat.is-current {
	min-width: 52px;
	background: #0b1421;
	color: var(--white);
}

.mres-search {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	gap: 8px;
	height: 40px;
	padding: 0 10px;
	border: 1px solid #e3e5e8;
	border-radius: 9px;
	background: #f9fafb;
}

.mres-search:focus-within {
	border-color: #0b1421;
}

.mres-search input {
	flex: 1 1 auto;
	min-width: 0;
	height: 100%;
	border: 0;
	background: transparent;
	color: #0b1421;
	font: inherit;
	font-size: 12px;
	line-height: 15px;
	outline: none;
}

.mres-search input::placeholder {
	color: #87909a;
}

.mres-table {
	overflow: hidden;
	border: 1px solid #e3e5e8;
	border-radius: 12px;
	background: var(--white);
}

.mres-row {
	display: grid;
	grid-template-columns: minmax(0, 507fr) minmax(0, 170fr) 62px minmax(196px, 208fr);
	align-items: center;
	gap: 12px;
	min-height: 76px;
	padding: 0 14px;
	border-bottom: 1px solid #e3e5e8;
}

.mres-row:last-of-type {
	border-bottom: 0;
}

.mres-row--head {
	min-height: 42px;
	background: #f9fafb;
	color: #87909a;
	font-size: 12px;
	font-weight: 700;
	line-height: 13px;
}

.mres-doc {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.mres-doc__icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background: #f9fafb;
}

.mres-doc__info {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.mres-doc__title {
	color: #0b1421;
	font-size: 13px;
	font-weight: 600;
	line-height: 16px;
}

.mres-doc__meta {
	color: #87909a;
	font-size: 12px;
	line-height: 13px;
}

.mres-row__category {
	color: #3d454f;
	font-size: 12px;
	font-weight: 500;
	line-height: 15px;
}

.mres-format {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 56px;
	height: 28px;
	padding: 0 8px;
	border-radius: 14px;
	background: #f9fafb;
	color: #0b1421;
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
}

.mres-row__actions {
	display: flex;
	align-items: center;
	gap: 12px;
}

.mres-sheet {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 84px;
	height: 28px;
	padding: 0 8px;
	border: 0;
	border-radius: 14px;
	background: #0b1421;
	color: var(--white);
	font: inherit;
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s;
}

.mres-sheet:hover {
	background: #233044;
}

.mres-download {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 100px;
	height: 36px;
	padding: 0 9px;
	border: 1px solid #e3e5e8;
	border-radius: 8px;
	background: var(--white);
	color: #0b1421;
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
	text-decoration: none;
	transition: border-color 0.2s;
}

.mres-download:hover {
	border-color: #0b1421;
}

.mres-cat:focus-visible,
.mres-sheet:focus-visible,
.mres-download:focus-visible {
	outline: 2px solid var(--red-bright);
	outline-offset: 2px;
}

.mres-table__empty {
	padding: 24px 14px;
	color: #3d454f;
	font-size: 13px;
	line-height: 19px;
}

.mres .members-pagination {
	margin: 0;
}

.mres-media {
	gap: 16px;
}

.mres-media__title {
	margin-top: 4px;
	font-size: 22px;
	line-height: 28px;
}

.mres-media__badge {
	flex: 0 0 179px;
	padding: 7px 14px;
	border-radius: 999px;
	background: #f2f4f5;
	color: #87909a;
	font-size: 12px;
	font-weight: 500;
	line-height: 14px;
	text-align: center;
}

.mres-card--webinar .mcomm-card__date {
	color: #0b1421;
}

.mres-card--webinar .mcomm-card__subject::before {
	background: #0b1421;
}

.mres-card .mcomm-card__subject {
	font-size: 11px;
}

.mres-dialog {
	width: min(720px, calc(100% - 32px));
}

.mres-dialog__video iframe {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border: 0;
	border-radius: 10px;
}

@media (max-width: 1279px) {
	.mres__top {
		flex-direction: column;
		align-items: stretch;
	}

	.mres-row {
		grid-template-columns: minmax(0, 1fr) minmax(0, 140px) 62px;
		padding-block: 12px;
	}

	.mres-row--head span:last-child {
		display: none;
	}

	.mres-row__actions {
		grid-column: 1 / -1;
		padding-left: 44px;
	}
}

@media (max-width: 767px) {
	.mres {
		padding: 12px;
	}

	.mres-row {
		grid-template-columns: minmax(0, 1fr) auto;
		row-gap: 8px;
	}

	.mres-row--head {
		display: none;
	}

	.mres-doc {
		grid-column: 1 / -1;
	}

	.mres-row__category {
		padding-left: 44px;
	}

	.mres-row__actions {
		flex-wrap: wrap;
	}

	.mres-media__badge {
		flex-basis: auto;
		align-self: flex-start;
	}
}

/* Fiche ressource */

.mfiche-hero {
	display: flex;
	align-items: center;
	gap: 20px;
	min-height: 177px;
	padding: 22px;
	border-radius: 14px;
	background: #0b1421;
}

.mfiche-hero__icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 94px;
	height: 94px;
	border-radius: 16px;
	background: var(--white);
}

.mfiche-hero__copy {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 7px;
	min-width: 0;
	max-width: 640px;
}

.mfiche-hero__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.mfiche-hero__access {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 6px 16px;
	border-radius: 999px;
	background: #eaf7f0;
	color: #197a4a;
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
}

.mfiche-hero__title {
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 25px;
	font-weight: 700;
	line-height: 32px;
}

.mfiche-hero__meta {
	color: #cbd3dc;
	font-size: 9px;
	line-height: 14px;
}

.mfiche-hero__intro {
	color: #d5dbe2;
	font-size: 10px;
	line-height: 17px;
}

.mfiche-hero__actions {
	display: flex;
	flex: 0 0 250px;
	flex-direction: column;
	gap: 10px;
	margin-left: auto;
}

.mfiche-hero__actions .dash-button {
	width: 180px;
	min-height: 40px;
	font-size: 10px;
	line-height: 16px;
}

.mfiche-layout {
	display: grid;
	grid-template-columns: minmax(0, 676fr) minmax(0, 350fr);
	align-items: start;
	gap: 18px;
}

.mfiche-main {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.mfiche-text {
	color: #111827;
	font-size: 13px;
	line-height: 20px;
}

.mfiche-text p + p {
	margin-top: 10px;
}

.mfiche-points {
	display: flex;
	flex-direction: column;
	gap: 11px;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: mfiche;
}

.mfiche-points li {
	display: flex;
	align-items: center;
	gap: 9px;
	min-height: 32px;
	color: #111827;
	font-size: 13px;
	line-height: 14px;
	counter-increment: mfiche;
}

.mfiche-points li::before {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #f1f3f5;
	color: var(--red-bright);
	font-size: 8px;
	font-weight: 700;
	line-height: 13px;
	content: counter(mfiche);
}

.mfiche-info {
	gap: 21px;
}

@media (max-width: 1279px) {
	.mfiche-hero {
		flex-wrap: wrap;
	}

	.mfiche-hero__copy {
		flex-basis: calc(100% - 114px);
		max-width: none;
	}

	.mfiche-hero__actions {
		flex: 1 1 100%;
		flex-direction: row;
		flex-wrap: wrap;
		margin-left: 114px;
	}

	.mfiche-layout {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 767px) {
	.mfiche-hero {
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: stretch;
		padding: 20px;
	}

	.mfiche-hero__icon {
		width: 56px;
		height: 56px;
		border-radius: 12px;
	}

	.mfiche-hero__icon .icon {
		width: 26px;
		height: 26px;
	}

	.mfiche-hero__copy {
		flex-basis: auto;
	}

	.mfiche-hero__title {
		font-size: 22px;
		line-height: 29px;
	}

	.mfiche-hero__meta,
	.mfiche-hero__intro {
		font-size: 13px;
		line-height: 19px;
	}

	.mfiche-hero__actions {
		flex: none;
		flex-direction: column;
		margin-left: 0;
	}

	.mfiche-hero__actions .dash-button {
		width: 100%;
	}
}

/* Replay vidéo / webinaire */

.mreplay-head {
	display: flex;
	align-items: center;
	gap: 18px;
	min-height: 136px;
	padding: 18px 20px;
	border-radius: 12px;
	background: #0b1421;
}

.mreplay-head__copy {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.mreplay-head__title {
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 23px;
	font-weight: 700;
	line-height: 30px;
}

.mreplay-head__button {
	flex-shrink: 0;
	min-width: 210px;
	min-height: 40px;
	margin-right: 16px;
	font-size: 10px;
	line-height: 16px;
}

.mreplay-layout {
	display: grid;
	grid-template-columns: minmax(0, 730fr) minmax(0, 296fr);
	align-items: start;
	gap: 18px;
}

.mreplay-player {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	aspect-ratio: 730 / 470;
	border-radius: 12px;
	background: #05080c;
}

.mreplay-player iframe,
.mreplay-player video {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background: #05080c;
}

.mreplay-player__screen {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 25px;
	padding: 40px 50px;
	background: #182536;
	text-align: center;
}

.mreplay-player__chip {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 6px 10px;
	border-radius: 999px;
	background: var(--white);
	color: var(--red-bright);
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
	text-transform: uppercase;
}

.mreplay-player__title {
	max-width: 630px;
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 29px;
	font-weight: 700;
	line-height: 38px;
}

.mreplay-player__with {
	color: #cbd3dc;
	font-size: 10px;
	font-weight: 500;
	line-height: 16px;
}

.mreplay-player__play {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--red-bright);
	cursor: pointer;
	transition: transform 0.2s, background-color 0.2s;
}

.mreplay-player__play:hover {
	background: #c70511;
	transform: scale(1.05);
}

.mreplay-player__play:focus-visible,
.mreplay-chapter:focus-visible {
	outline: 2px solid var(--white);
	outline-offset: 3px;
}

.mreplay-chapter:focus-visible {
	outline-color: var(--red-bright);
}

.mreplay-player__none {
	color: #cbd3dc;
	font-size: 13px;
	line-height: 19px;
}

.mreplay-player__bar {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	gap: 10px;
	height: 60px;
	padding: 0 16px;
	background: #080c12;
}

.mreplay-player__time {
	flex: 0 0 90px;
	color: #cbd3dc;
	font-size: 8px;
	line-height: 12px;
}

.mreplay-player__track {
	flex: 1 1 auto;
	height: 6px;
	border-radius: 999px;
	background: #313b47;
}

.mreplay-chapters {
	gap: 10px;
	padding: 16px;
}

.mreplay-chapters__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mreplay-chapter {
	display: flex;
	align-items: center;
	gap: 9px;
	width: 100%;
	min-height: 50px;
	padding: 8px;
	border: 0;
	border-radius: 7px;
	background: var(--white);
	color: #111827;
	font: inherit;
	text-align: left;
}

button.mreplay-chapter {
	cursor: pointer;
	transition: background-color 0.2s;
}

button.mreplay-chapter:hover,
.mreplay-chapter.is-current {
	background: #f1f3f5;
}

.mreplay-chapter__time {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 28px;
	border-radius: 999px;
	background: #f1f3f5;
	color: #0b1421;
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
}

.mreplay-chapter.is-current .mreplay-chapter__time {
	background: var(--red-bright);
	color: var(--white);
}

.mreplay-chapter__title {
	font-size: 12px;
	line-height: 14px;
}

.mreplay-info {
	display: grid;
	grid-template-columns: minmax(0, 676fr) minmax(0, 350fr);
	align-items: start;
	gap: 18px;
}

.mreplay-speakers {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mreplay-speaker {
	display: flex;
	align-items: center;
	gap: 9px;
	min-height: 68px;
	padding: 10px;
	border-radius: 8px;
	background: #f1f3f5;
}

.mreplay-speaker__avatar {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #0b1421;
	color: var(--white);
	font-size: 8px;
	font-weight: 700;
	line-height: 13px;
}

.mreplay-speaker .mdet-person__copy {
	gap: 8px;
}

.mreplay-speaker .mdet-person__role {
	font-size: 11px;
}

.mreplay-supports {
	display: flex;
	flex-direction: column;
	gap: 11px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mreplay-supports a {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	min-height: 44px;
	color: inherit;
	text-decoration: none;
}

.mreplay-supports a:hover .mreplay-supports__name {
	text-decoration: underline;
}

.mreplay-supports__copy {
	display: flex;
	flex-direction: column;
	gap: 11px;
}

.mreplay-supports__name {
	color: #0b1421;
	font-size: 12px;
	font-weight: 600;
	line-height: 13px;
}

.mreplay-supports__meta {
	color: #68707b;
	font-size: 10px;
	line-height: 11px;
}

@media (max-width: 1279px) {
	.mreplay-layout,
	.mreplay-info {
		grid-template-columns: minmax(0, 1fr);
	}

	.mreplay-player {
		aspect-ratio: 16 / 10;
	}
}

@media (max-width: 767px) {
	.mreplay-head {
		flex-direction: column;
		align-items: stretch;
		padding: 18px;
	}

	.mreplay-head__title {
		font-size: 21px;
		line-height: 28px;
	}

	.mreplay-head__button {
		margin-right: 0;
	}

	.mreplay-player {
		aspect-ratio: auto;
	}

	.mreplay-player.is-playing {
		aspect-ratio: 16 / 9;
	}

	.mreplay-player__screen {
		gap: 14px;
		min-height: 280px;
		padding: 28px 18px;
	}

	.mreplay-player__title {
		font-size: 21px;
		line-height: 28px;
	}

	.mreplay-player__with {
		font-size: 12px;
	}

	.mreplay-player__play {
		width: 56px;
		height: 56px;
	}

	.mreplay-player__bar {
		height: 48px;
	}

	.mreplay-speakers {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Offres & opportunités */

.moffer {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 31px 20px;
	border: 1px solid #e3e5e8;
	border-radius: 12px;
	background: var(--white);
	scroll-margin-top: calc(var(--header-height) + 16px);
}

.moffer-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-height: 109px;
	padding: 16px 18px;
	border-radius: 12px;
	background: #0b1421;
}

.moffer-hero__copy {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
}

.moffer-hero__kicker {
	color: var(--red-bright);
	font-size: 7.5px;
	font-weight: 700;
	line-height: 10px;
	text-transform: uppercase;
}

.moffer-hero__title {
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
}

.moffer-hero__text {
	color: #bfc9d6;
	font-size: 12px;
	line-height: 16px;
}

.moffer-hero__icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	border-radius: 18px;
	background: #fbf5e7;
}

.moffer-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	min-height: 42px;
}

.moffer-filter {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 80px;
	height: 34px;
	padding: 0 12px;
	border: 1px solid #e1e5e9;
	border-radius: 8px;
	background: var(--white);
	color: #0b1421;
	font-size: 10px;
	font-weight: 600;
	line-height: 11px;
	text-decoration: none;
	transition: border-color 0.2s;
}

.moffer-filter:hover {
	border-color: #0b1421;
}

.moffer-filter.is-current {
	border-color: #0b1421;
	background: #0b1421;
	color: var(--white);
}

.moffer-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.moffer-card {
	display: flex;
	flex-direction: column;
	gap: 9px;
	min-height: 260px;
	padding: 13px 14px 12px;
	border: 1px solid #e1e5e9;
	border-radius: 10px;
	background: var(--white);
}

.moffer-card__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 28px;
}

.moffer-card__chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 96px;
	height: 24px;
	padding: 0 8px;
	border-radius: 7px;
	background: #fdecee;
	color: var(--red-bright);
	font-size: 8px;
	font-weight: 600;
	line-height: 10px;
}

.moffer-card--service .moffer-card__chip {
	background: #fbf5e7;
	color: #b6862e;
}

.moffer-card__access {
	min-width: 72px;
	color: #8b96a5;
	font-size: 10px;
	font-weight: 700;
	line-height: 9px;
	text-align: center;
	text-transform: uppercase;
}

.moffer-card__visual {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	height: 72px;
	border-radius: 10px;
	background: #f2f4f6;
}

.moffer-card.is-featured .moffer-card__visual {
	background: #fbf5e7;
}

.moffer-card__visual img:not(.icon) {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.moffer-card__title {
	min-height: 18px;
	color: #0b1421;
	font-size: 11px;
	font-weight: 700;
	line-height: 15px;
}

.moffer-card__text {
	min-height: 44px;
	color: #667384;
	font-size: 11px;
	line-height: 17px;
}

.moffer-card__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 34px;
	margin-top: auto;
	border: 1px solid #e1e5e9;
	border-radius: 8px;
	background: var(--white);
	color: #0b1421;
	font: inherit;
	font-size: 12px;
	font-weight: 700;
	line-height: 11px;
	text-decoration: none;
	cursor: pointer;
	transition: border-color 0.2s, background-color 0.2s;
}

.moffer-card__button:hover {
	border-color: #0b1421;
}

.moffer-card.is-featured .moffer-card__button {
	border-color: var(--red-bright);
	background: var(--red-bright);
	color: var(--white);
}

.moffer-card.is-featured .moffer-card__button:hover {
	border-color: #c70511;
	background: #c70511;
}

.moffer-filter:focus-visible,
.moffer-card__button:focus-visible {
	outline: 2px solid var(--red-bright);
	outline-offset: 2px;
}

.moffer-empty {
	border: 1px dashed #d5d9de;
	border-radius: 10px;
}

.moffer-note {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 53px;
	padding: 8px 14px;
	border-radius: 10px;
	background: #f7f8fa;
	color: #667384;
	font-size: 13px;
	line-height: 17px;
}

.moffer-note__icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 9px;
	background: #fdecee;
	color: var(--red-bright);
	font-size: 10px;
	font-weight: 700;
}

.moffer-dialog__facts {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 8px 14px;
	margin: 0;
	padding: 14px;
	border-radius: 10px;
	background: #f7f8fa;
	font-size: 13px;
	line-height: 19px;
}

.moffer-dialog__facts dt {
	color: var(--red-bright);
	font-weight: 600;
}

.moffer-dialog__facts dd {
	margin: 0;
	color: #0b1421;
}

.moffer-dialog__code {
	padding: 2px 8px;
	border: 1px dashed #b6862e;
	border-radius: 6px;
	background: #fbf5e7;
	color: #0b1421;
	font-family: inherit;
	font-weight: 700;
	letter-spacing: 0.5px;
}

.moffer-intro {
	color: #3d454f;
	font-size: 12px;
	line-height: 18px;
}

@media (max-width: 1279px) {
	.moffer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.moffer {
		padding: 12px;
	}

	.moffer-hero {
		align-items: flex-start;
	}

	.moffer-hero__icon {
		width: 52px;
		height: 52px;
		border-radius: 14px;
	}

	.moffer-hero__kicker {
		font-size: 10px;
		line-height: 14px;
	}

	.moffer-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.moffer-card__text,
	.moffer-card__title {
		font-size: 13px;
		line-height: 19px;
	}
}

/* Découvrir l'offre */

.mod {
	display: flex;
	flex-direction: column;
	gap: 14px;
	scroll-margin-top: calc(var(--header-height) + 16px);
}

.mod-hero {
	display: flex;
	align-items: center;
	gap: 20px;
	min-height: 194px;
	padding: 22px;
	border-radius: 14px;
	background: #0b1421;
}

.mod-hero__mark {
	display: flex;
	flex-shrink: 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	width: 120px;
	height: 120px;
	padding: 10px;
	border-radius: 18px;
	background: var(--white);
	text-align: center;
}

.mod-hero__value {
	color: #0b1421;
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
}

.mod-hero__value-label {
	color: #68707b;
	font-size: 10px;
	font-weight: 600;
	line-height: 10px;
	text-transform: uppercase;
}

.mod-hero__copy {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 9px;
	min-width: 0;
	max-width: 590px;
}

.mod-hero__title {
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 27px;
	font-weight: 700;
	line-height: 34px;
}

.mod-hero__sub {
	color: #e0e4e9;
	font-size: 13px;
	font-weight: 600;
	line-height: 17px;
}

.mod-hero__meta {
	color: #bbc4cf;
	font-size: 12px;
	line-height: 14px;
}

.mod-hero__actions {
	display: flex;
	flex: 0 0 250px;
	flex-direction: column;
	gap: 10px;
	margin-left: auto;
}

.mod-hero__actions .dash-button,
.mod-cta .dash-button {
	width: 190px;
	min-height: 40px;
	font-size: 10px;
	line-height: 16px;
}

.mod-insights {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mod-insights li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	min-height: 117px;
	padding: 16px;
	border: 1px solid #e1e4e8;
	border-radius: 11px;
	background: var(--white);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}

.mod-insights__label {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #68707b;
	font-size: 10px;
	font-weight: 600;
	line-height: 12px;
}

.mod-insights strong {
	color: #0b1421;
	font-size: 17px;
	font-weight: 700;
	line-height: 22px;
}

.mod-insights__meta {
	color: #68707b;
	font-size: 11px;
	line-height: 12px;
}

.mod-layout {
	display: grid;
	grid-template-columns: minmax(0, 676fr) minmax(0, 350fr);
	align-items: start;
	gap: 18px;
}

.mod-main,
.mod-side {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.mod-side {
	position: sticky;
	top: calc(var(--header-height) + 16px);
}

.mod-benefits,
.mod-steps {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mod-benefits li,
.mod-steps li {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 41px;
}

.mod-benefits__icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 8px;
	background: #f1f3f5;
}

.mod-benefits .is-first .mod-benefits__icon {
	background: var(--red-bright);
}

.mod-benefits__copy {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.mod-benefits__title {
	color: #0b1421;
	font-size: 12px;
	font-weight: 600;
	line-height: 14px;
}

.mod-benefits__text {
	color: #68707b;
	font-size: 11px;
	line-height: 13px;
}

.mod-steps__num {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #f1f3f5;
	color: var(--red-bright);
	font-size: 8px;
	font-weight: 700;
	line-height: 13px;
}

.mod-steps .mod-benefits__copy {
	gap: 6px;
}

.mod-steps__text {
	color: #68707b;
	font-size: 10px;
	line-height: 12px;
}

.mod-partner__name {
	color: #0b1421;
	font-size: 11px;
	font-weight: 600;
	line-height: 17px;
}

.mod-partner__text {
	margin-top: -6px;
	color: #68707b;
	font-size: 12px;
	line-height: 19px;
}

.mod-eligibility {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #111827;
	font-size: 12px;
	line-height: 20px;
}

.mod-eligibility li::before {
	content: "• ";
}

.mod-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 126px;
	padding: 20px 22px;
	border: 1px solid rgba(102, 115, 132, 0.19);
	border-radius: 10px;
	background: #f1f3f5;
}

.mod-cta .dash-button {
	flex-shrink: 0;
	margin-right: 50px;
}

.mod-cta__kicker {
	color: var(--red-bright);
	font-size: 8px;
	font-weight: 600;
	line-height: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.mod-cta__title {
	margin-top: 8px;
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 20px;
	font-weight: 700;
	line-height: 27px;
}

.mod-cta__text {
	margin-top: 8px;
	color: #111827;
	font-size: 12px;
	line-height: 15px;
}

.mod-dialog {
	width: min(640px, calc(100% - 32px));
}

.mod-form {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.mod-form .dash-field label {
	font-size: 11px;
}

@media (max-width: 1279px) {
	.mod-hero {
		flex-wrap: wrap;
	}

	.mod-hero__copy {
		flex-basis: calc(100% - 140px);
		max-width: none;
	}

	.mod-hero__actions {
		flex: 1 1 100%;
		flex-direction: row;
		flex-wrap: wrap;
		margin-left: 140px;
	}

	.mod-insights {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mod-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.mod-side {
		position: static;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.mod-hero {
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: stretch;
		padding: 20px;
	}

	.mod-hero__mark {
		flex-direction: row;
		gap: 10px;
		width: auto;
		height: auto;
		padding: 12px 16px;
		border-radius: 14px;
	}

	.mod-hero__copy {
		flex-basis: auto;
	}

	.mod-hero__title {
		font-size: 22px;
		line-height: 29px;
	}

	.mod-hero__actions {
		flex: none;
		flex-direction: column;
		margin-left: 0;
	}

	.mod-hero__actions .dash-button,
	.mod-cta .dash-button {
		width: 100%;
		margin-right: 0;
	}

	.mod-insights,
	.mod-side {
		grid-template-columns: minmax(0, 1fr);
	}

	.mod-cta {
		flex-direction: column;
		align-items: stretch;
	}

	.mod-benefits__text,
	.mod-steps__text {
		font-size: 12px;
		line-height: 16px;
	}

	.mod-form .dash-form__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.mod-form .dash-field input,
	.mod-form textarea {
		font-size: 16px;
	}
}

/* Conditions de l'offre */

.moterms-hero {
	display: flex;
	align-items: center;
	gap: 18px;
	min-height: 154px;
	padding: 20px 22px;
	border-radius: 14px;
	background: #0b1421;
}

.moterms-hero__icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 88px;
	height: 88px;
	border-radius: 16px;
	background: var(--white);
}

.moterms-hero__copy {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	max-width: 680px;
}

.moterms-hero__copy .mnews-head__type {
	align-self: flex-start;
}

.moterms-hero__title {
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 25px;
	font-weight: 700;
	line-height: 32px;
}

.moterms-hero__actions {
	display: flex;
	flex: 0 0 210px;
	flex-direction: column;
	gap: 10px;
	margin-left: auto;
}

.moterms-hero__actions .dash-button,
.moterms-notice .dash-button,
.moterms-contact .dash-button {
	min-height: 40px;
	font-size: 10px;
	line-height: 16px;
}

.moterms-hero__actions .dash-button {
	width: 190px;
}

.moterms-summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.moterms-summary li {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	min-height: 115px;
	padding: 16px;
	border: 1px solid #e1e4e8;
	border-radius: 11px;
	background: var(--white);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}

.moterms-summary__label {
	color: var(--red-bright);
	font-size: 11px;
	font-weight: 600;
	line-height: 12px;
}

.moterms-summary strong {
	color: #0b1421;
	font-size: 16px;
	font-weight: 700;
	line-height: 21px;
}

.moterms-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding: 6px 20px;
	border-radius: 999px;
	background: #f1f3f5;
	color: #0b1421;
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
}

.moterms-chip.is-green {
	background: #eaf7f0;
	color: #197a4a;
}

.moterms-chip.is-blue {
	background: #edf3fb;
	color: #214e8a;
}

.moterms-chip.is-purple {
	background: #f3eefb;
	color: #6b4ba3;
}

.moterms-chip.is-orange {
	background: #fff4e6;
	color: #a35a00;
}

.moterms-layout {
	display: grid;
	grid-template-columns: minmax(0, 690fr) minmax(0, 336fr);
	align-items: start;
	gap: 18px;
}

.moterms-main,
.moterms-side {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.moterms-card {
	gap: 13px;
	padding: 16px;
}

.moterms-card__title {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}

.moterms-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.moterms-rules {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.moterms-rules li {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 25px;
	color: #111827;
	font-size: 12px;
	line-height: 13px;
}

.moterms-list {
	line-height: 22px;
}

.moterms-dates {
	color: #111827;
	font-size: 12px;
	line-height: 20px;
}

.moterms-contact {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 24px 16px;
	border-radius: 11px;
	background: #0b1421;
}

.moterms-contact__title {
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
}

.moterms-contact__text {
	color: #d1d7de;
	font-size: 12px;
	line-height: 18px;
}

.moterms-contact .dash-button {
	min-width: 150px;
}

.moterms-notice {
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 97px;
	padding: 18px 20px;
	border-radius: 10px;
	background: #fff4e6;
}

.moterms-notice__icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background: var(--white);
}

.moterms-notice__copy {
	flex: 1 1 auto;
	min-width: 0;
}

.moterms-notice__title {
	margin-bottom: 8px;
	color: #a35a00;
	font-size: 15px;
	font-weight: 600;
	line-height: 17px;
}

.moterms-notice__text {
	color: #111827;
	font-size: 12px;
	line-height: 19px;
}

.moterms-notice .dash-button {
	flex-shrink: 0;
	min-width: 150px;
}

@media (max-width: 1279px) {
	.moterms-hero {
		flex-wrap: wrap;
	}

	.moterms-hero__copy {
		flex-basis: calc(100% - 106px);
		max-width: none;
	}

	.moterms-hero__actions {
		flex: 1 1 100%;
		flex-direction: row;
		flex-wrap: wrap;
		margin-left: 106px;
	}

	.moterms-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.moterms-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.moterms-side {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.moterms-contact {
		grid-column: 1 / -1;
	}
}

@media (max-width: 767px) {
	.moterms-hero {
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: stretch;
		padding: 20px;
	}

	.moterms-hero__icon {
		width: 56px;
		height: 56px;
		border-radius: 12px;
	}

	.moterms-hero__icon .icon {
		width: 26px;
		height: 26px;
	}

	.moterms-hero__copy {
		flex-basis: auto;
	}

	.moterms-hero__title {
		font-size: 22px;
		line-height: 29px;
	}

	.moterms-hero__actions {
		flex: none;
		flex-direction: column;
		margin-left: 0;
	}

	.moterms-hero__actions .dash-button {
		width: 100%;
	}

	.moterms-side {
		grid-template-columns: minmax(0, 1fr);
	}

	.moterms-notice {
		flex-direction: column;
		align-items: flex-start;
	}

	.moterms-notice .dash-button {
		width: 100%;
	}
}

/* Messagerie */

.mmsg {
	padding: 20px;
	border: 1px solid #e3e5e8;
	border-radius: 12px;
	background: var(--white);
	scroll-margin-top: calc(var(--header-height) + 16px);
}

.mmsg__workspace {
	display: grid;
	grid-template-columns: minmax(0, 381fr) minmax(0, 622fr);
	overflow: hidden;
	height: 610px;
	border: 1px solid #e1e5e9;
	border-radius: 12px;
	background: var(--white);
}

.mmsg-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-height: 0;
	padding: 14px 12px 12px;
	border-right: 1px solid #ebeef1;
}

.mmsg-list__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 34px;
}

.mmsg-list__title {
	color: #0b1421;
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
}

.mmsg-list__unread {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 82px;
	height: 24px;
	padding: 0 8px;
	border-radius: 7px;
	background: #fdecee;
	color: var(--red-bright);
	font-size: 10px;
	font-weight: 600;
	line-height: 10px;
}

.mmsg-list__unread[hidden] {
	display: none;
}

.mmsg-search {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	gap: 8px;
	height: 38px;
	padding: 0 10px;
	border: 1px solid #e1e5e9;
	border-radius: 9px;
	background: var(--white);
}

.mmsg-search:focus-within {
	border-color: #0b1421;
}

.mmsg-search input {
	flex: 1 1 auto;
	min-width: 0;
	height: 100%;
	border: 0;
	background: transparent;
	color: #0b1421;
	font: inherit;
	font-size: 12px;
	outline: none;
}

.mmsg-search input::placeholder {
	color: #8b96a5;
}

.mmsg-list__items {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 10px;
	overflow-y: auto;
	min-height: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mmsg-list__hint {
	flex-shrink: 0;
	color: #8b96a5;
	font-size: 11px;
	line-height: 15px;
}

.mmsg-conv {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 72px;
	padding: 0 9px;
	border: 1px solid transparent;
	border-radius: 9px;
	color: inherit;
	text-decoration: none;
	transition: background-color 0.2s, border-color 0.2s;
}

.mmsg-conv:hover {
	background: #f7f8fa;
}

.mmsg-conv.is-current {
	border-color: #e1e5e9;
	background: var(--white);
}

.mmsg-conv:focus-visible {
	outline: 2px solid var(--red-bright);
	outline-offset: -2px;
}

.mmsg-avatar {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	object-fit: cover;
	background: #0b1421;
	color: var(--white);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

.mmsg-avatar--team,
.mmsg-avatar--commission {
	background: #fdecee;
	color: var(--red-bright);
	font-size: 8px;
}

.mmsg-avatar--commission {
	font-size: 11px;
}

.mmsg-avatar--large {
	width: 42px;
	height: 42px;
}

.mmsg-conv__copy {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.mmsg-conv__name {
	overflow: hidden;
	color: #0b1421;
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mmsg-conv__preview {
	overflow: hidden;
	color: #667384;
	font-size: 12px;
	line-height: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mmsg-conv.is-unread .mmsg-conv__preview {
	color: #0b1421;
	font-weight: 600;
}

.mmsg-conv__meta {
	display: flex;
	flex-shrink: 0;
	flex-direction: column;
	align-items: flex-end;
	gap: 6px;
	min-width: 39px;
}

.mmsg-conv__time {
	color: #8b96a5;
	font-size: 9px;
	line-height: 11px;
}

.mmsg-conv__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 18px;
	padding: 0 6px;
	border-radius: 7px;
	background: var(--red-bright);
	color: var(--white);
	font-size: 9px;
	font-weight: 600;
	line-height: 10px;
}

.mmsg-chat {
	display: flex;
	flex-direction: column;
	min-height: 0;
	background: var(--white);
}

.mmsg-chat__head {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 68px;
	padding: 0 16px;
	border-bottom: 1px solid #ebeef1;
}

.mmsg-chat__back {
	display: none;
}

.mmsg-chat__person {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.mmsg-chat__name {
	color: #0b1421;
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
}

.mmsg-chat__meta {
	color: #667384;
	font-size: 12px;
	line-height: 16px;
}

.mmsg-chat__profile {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	min-width: 100px;
	height: 34px;
	padding: 0 10px;
	border: 1px solid #e1e5e9;
	border-radius: 8px;
	background: var(--white);
	color: #0b1421;
	font-size: 11px;
	font-weight: 700;
	line-height: 11px;
	text-decoration: none;
	transition: border-color 0.2s;
}

.mmsg-chat__profile:hover {
	border-color: #0b1421;
}

.mmsg-chat__messages {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 12px;
	overflow-y: auto;
	min-height: 0;
	margin: 0;
	padding: 18px 16px;
	list-style: none;
	background: #f7f8fa;
}

.mmsg-day {
	color: #8b96a5;
	font-size: 9px;
	font-weight: 700;
	line-height: 11px;
	text-align: center;
	text-transform: uppercase;
}

.mmsg-msg {
	display: flex;
	flex-direction: column;
	gap: 4px;
	align-self: flex-start;
	max-width: min(330px, 80%);
	padding: 9px 10px;
	border: 1px solid #e1e5e9;
	border-radius: 10px;
	background: var(--white);
}

.mmsg-msg.is-mine {
	align-self: flex-end;
	border-color: #0b1421;
	background: #0b1421;
}

.mmsg-msg__name {
	color: var(--red-bright);
	font-size: 11px;
	font-weight: 600;
	line-height: 14px;
}

.mmsg-msg__body {
	color: #667384;
	font-size: 12px;
	line-height: 17px;
	overflow-wrap: anywhere;
}

.mmsg-msg.is-mine .mmsg-msg__body {
	color: var(--white);
}

.mmsg-msg__time {
	align-self: flex-end;
	color: #8b96a5;
	font-size: 9px;
	line-height: 11px;
}

.mmsg-msg.is-mine .mmsg-msg__time {
	color: #bfc9d6;
}

.mmsg-chat__empty,
.mmsg-chat__none {
	margin: auto;
	max-width: 360px;
	color: #667384;
	font-size: 13px;
	line-height: 19px;
	text-align: center;
}

.mmsg-chat__none {
	padding: 24px;
}

.mmsg-composer {
	display: flex;
	flex-shrink: 0;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	padding: 16px;
	border-top: 1px solid #ebeef1;
}

.mmsg-composer__error {
	flex: 1 1 100%;
}

.mmsg-composer textarea {
	flex: 1 1 auto;
	min-width: 0;
	height: 42px;
	max-height: 120px;
	padding: 11px 12px;
	border: 1px solid #e1e5e9;
	border-radius: 9px;
	background: #f7f8fa;
	color: #0b1421;
	font: inherit;
	font-size: 12px;
	line-height: 18px;
	resize: none;
}

.mmsg-composer textarea:focus-visible {
	border-color: #0b1421;
	outline: none;
}

.mmsg-composer__send {
	flex-shrink: 0;
	min-width: 86px;
	height: 34px;
	padding: 0 12px;
	border: 0;
	border-radius: 8px;
	background: var(--red-bright);
	color: var(--white);
	font: inherit;
	font-size: 11px;
	font-weight: 700;
	cursor: pointer;
	transition: background-color 0.2s;
}

.mmsg-composer__send:hover {
	background: #c70511;
}

.mmsg-composer__send:focus-visible {
	outline: 2px solid #0b1421;
	outline-offset: 2px;
}

@media (max-width: 1023px) {
	.mmsg {
		padding: 12px;
	}

	.mmsg__workspace {
		grid-template-columns: minmax(0, 1fr);
		height: auto;
	}

	.mmsg-list {
		max-height: 520px;
		border-right: 0;
		border-bottom: 1px solid #ebeef1;
	}

	.mmsg-chat {
		height: 70vh;
		min-height: 460px;
	}

	/* A conversation chosen: the conversation alone, with a link back to the list. */
	.mmsg.is-open .mmsg-list {
		display: none;
	}

	.mmsg.is-open .mmsg-chat__back {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		flex: 1 1 100%;
		padding-top: 12px;
		color: #0b1421;
		font-size: 12px;
		font-weight: 600;
		text-decoration: none;
	}

	.mmsg.is-open .mmsg-chat__head {
		flex-wrap: wrap;
		padding-bottom: 12px;
	}

	.mmsg:not(.is-open) .mmsg-chat {
		display: none;
	}
}

@media (max-width: 767px) {
	.mmsg-chat__profile {
		min-width: 0;
	}

	.mmsg-composer textarea {
		font-size: 16px;
	}

	.mmsg-msg {
		max-width: 88%;
	}
}

/* Profil du correspondant */

.mcorr-hero {
	display: flex;
	align-items: center;
	gap: 18px;
	min-height: 188px;
	padding: 20px 20px 20px 34px;
	border-radius: 14px;
	background: #0b1421;
}

.mcorr-hero__avatar {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 108px;
	height: 108px;
	border-radius: 50%;
	object-fit: cover;
	background: var(--white);
	color: var(--red-bright);
	font-size: 26px;
	font-weight: 700;
	line-height: 34px;
}

.mcorr-hero__identity {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	max-width: 590px;
}

.mcorr-hero__name {
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 29px;
	font-weight: 700;
	line-height: 36px;
}

.mcorr-hero__role {
	color: #d5dae1;
	font-size: 12px;
	font-weight: 600;
	line-height: 17px;
}

.mcorr-hero__company {
	color: #bbc4cf;
	font-size: 12px;
	line-height: 16px;
}

.mcorr-hero__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 4px;
}

.mcorr-chip {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 6px 20px;
	border-radius: 999px;
	background: #182536;
	color: var(--white);
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
}

.mcorr-hero__actions {
	display: flex;
	flex: 0 0 250px;
	flex-direction: column;
	gap: 10px;
	margin-left: auto;
}

.mcorr-hero__actions .dash-button {
	width: 190px;
	min-height: 40px;
	font-size: 10px;
	line-height: 16px;
}

.mcorr-insights {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mcorr-insights li {
	display: flex;
	flex-direction: column;
	gap: 7px;
	min-height: 102px;
	padding: 16px;
	border: 1px solid #e1e4e8;
	border-radius: 11px;
	background: var(--white);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}

.mcorr-insights__label {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #68707b;
	font-size: 10px;
	font-weight: 600;
	line-height: 12px;
}

.mcorr-insights strong {
	color: #0b1421;
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
}

.mcorr-insights__meta {
	color: #68707b;
	font-size: 10px;
	line-height: 12px;
}

.mcorr-layout {
	display: grid;
	grid-template-columns: minmax(0, 676fr) minmax(0, 350fr);
	align-items: start;
	gap: 18px;
}

.mcorr-main,
.mcorr-side {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.mcorr-card {
	gap: 12px;
	padding: 16px;
}

.mcorr-card__title {
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}

.mcorr-card__title--icon {
	display: flex;
	align-items: center;
	gap: 8px;
}

.mcorr-card__title--small {
	font-size: 17px;
	line-height: 23px;
}

.mcorr-card__text {
	color: #111827;
	font-size: 13px;
	line-height: 19px;
}

.mcorr-card__note {
	color: #68707b;
	font-size: 10px;
	line-height: 13px;
}

.mcorr-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.mcorr-tag {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 6px 20px;
	border-radius: 999px;
	background: #f1f3f5;
	color: #0b1421;
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
}

.mcorr-tag.is-dark {
	background: #0b1421;
	color: var(--white);
}

.mcorr-tag.is-red {
	background: var(--red-bright);
	color: var(--white);
}

.mcorr-history {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 4px 0 0;
	padding: 0;
	list-style: none;
}

.mcorr-history li {
	display: grid;
	grid-template-columns: 22px 64px 190px minmax(0, 1fr);
	align-items: center;
	gap: 9px;
	min-height: 25px;
}

.mcorr-history__dot {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #f1f3f5;
}

.mcorr-history__date {
	color: #68707b;
	font-size: 10px;
	font-weight: 600;
	line-height: 12px;
}

.mcorr-history__event {
	color: #0b1421;
	font-size: 12px;
	font-weight: 600;
	line-height: 13px;
}

.mcorr-history__meta {
	color: #68707b;
	font-size: 12px;
	line-height: 14px;
}

.mcorr-note {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	padding: 12px 10px;
	border-radius: 8px;
	background: #fff4e6;
	color: #111827;
	font-size: 12px;
	line-height: 16px;
}

.mcorr-note .icon {
	flex-shrink: 0;
}

.mcorr-note__edit summary {
	color: #0b1421;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
}

.mcorr-note__edit form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	margin-top: 10px;
}

.mcorr-note__edit textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #e1e4e8;
	border-radius: 8px;
	color: #111827;
	font: inherit;
	font-size: 12px;
	line-height: 17px;
	resize: vertical;
}

.mcorr-note__edit textarea:focus-visible {
	border-color: #0b1421;
	outline: none;
}

.mcorr-note__help {
	color: #68707b;
	font-size: 11px;
	line-height: 15px;
}

.mcorr-facts {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mcorr-facts li {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	min-height: 32px;
}

.mcorr-facts li > span {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.mcorr-facts__label {
	color: #68707b;
	font-size: 11px;
	font-weight: 600;
	line-height: 11px;
}

.mcorr-facts__value {
	color: #0b1421;
	font-size: 11px;
	line-height: 13px;
	overflow-wrap: anywhere;
}

@media (max-width: 1279px) {
	.mcorr-hero {
		flex-wrap: wrap;
	}

	.mcorr-hero__identity {
		flex-basis: calc(100% - 126px);
		max-width: none;
	}

	.mcorr-hero__actions {
		flex: 1 1 100%;
		flex-direction: row;
		flex-wrap: wrap;
		margin-left: 126px;
	}

	.mcorr-insights {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mcorr-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.mcorr-side {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.mcorr-hero {
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: flex-start;
		padding: 20px;
	}

	.mcorr-hero__avatar {
		width: 72px;
		height: 72px;
		font-size: 20px;
	}

	.mcorr-hero__identity {
		flex-basis: auto;
	}

	.mcorr-hero__name {
		font-size: 24px;
		line-height: 30px;
	}

	.mcorr-hero__actions {
		flex: none;
		flex-direction: column;
		align-self: stretch;
		margin-left: 0;
	}

	.mcorr-hero__actions .dash-button {
		width: 100%;
	}

	.mcorr-side {
		grid-template-columns: minmax(0, 1fr);
	}

	.mcorr-history li {
		grid-template-columns: 22px minmax(0, 1fr);
		row-gap: 2px;
	}

	.mcorr-history__event,
	.mcorr-history__meta {
		grid-column: 2;
	}

	.mcorr-history__date {
		grid-column: 2;
	}

	.mcorr-history__dot {
		grid-row: span 3;
		align-self: start;
	}

	.mcorr-insights__label,
	.mcorr-insights__meta,
	.mcorr-card__note {
		font-size: 12px;
		line-height: 16px;
	}
}

/* Dashboard: clickable indicator ("Mon adhésion") */

.dash-kpi--link {
	position: relative;
	transition: background-color 0.2s;
}

.dash-kpi--link:hover {
	background: #f9fafb;
}

.dash-kpi__link {
	color: inherit;
	text-decoration: none;
}

/* The whole card is the link. */
.dash-kpi__link::after {
	position: absolute;
	inset: 0;
	content: "";
}

.dash-kpi__link:focus-visible {
	outline: none;
}

.dash-kpi--link:focus-within {
	outline: 2px solid var(--red-bright);
	outline-offset: -2px;
}

/* Mon adhésion */

.madh {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 20px;
	border: 1px solid #e3e5e8;
	border-radius: 12px;
	background: var(--white);
}

.madh-status {
	display: flex;
	align-items: center;
	gap: 39px;
	min-height: 64px;
	padding: 10px 24px 10px 14px;
	border-radius: 10px;
	background: #0b1421;
}

.madh-status__chip {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	min-width: 118px;
	height: 28px;
	padding: 0 10px;
	border-radius: 14px;
	background: var(--red-bright);
	color: var(--white);
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
	text-transform: uppercase;
}

.madh-status--pending .madh-status__chip {
	background: #c98a00;
}

.madh-status--expired .madh-status__chip {
	background: #f1f3f5;
	color: var(--red-bright);
}

.madh-status__text {
	flex: 1 1 auto;
	min-width: 0;
	color: var(--white);
	font-size: 11px;
	font-weight: 600;
	line-height: 16px;
}

.madh-status__button {
	flex-shrink: 0;
	min-width: 120px;
	height: 36px;
	padding: 0 9px;
	border: 1px solid #e3e5e8;
	border-radius: 8px;
	background: var(--white);
	color: #0b1421;
	font: inherit;
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
	cursor: pointer;
	transition: background-color 0.2s;
}

.madh-status__button:hover {
	background: #f1f3f5;
}

.madh-status__button:focus-visible {
	outline: 2px solid var(--white);
	outline-offset: 2px;
}

.madh__body {
	display: grid;
	grid-template-columns: minmax(0, 620fr) minmax(0, 370fr);
	align-items: stretch;
	gap: 14px;
}

.madh-details,
.madh-docs {
	gap: 12px;
	min-height: 352px;
}

.madh-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px 10px;
	margin: 0;
}

.madh-field {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-height: 62px;
	padding: 9px 11px;
	border: 1px solid #e3e5e8;
	border-radius: 9px;
}

.madh-field dt {
	color: #87909a;
	font-size: 9px;
	font-weight: 500;
	line-height: 13px;
}

.madh-field dd {
	margin: 0;
	color: #0b1421;
	font-size: 11px;
	font-weight: 600;
	line-height: 17px;
}

.madh-field--pending dd {
	color: #8a5a00;
}

.madh-field--expired dd {
	color: var(--red-bright);
}

.madh-details__info {
	color: #3d454f;
	font-size: 10px;
	line-height: 17px;
}

.madh-details__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.madh-details__actions .dash-button {
	min-height: 36px;
	font-size: 10px;
	line-height: 14px;
}

.madh-details__actions .dash-button:not(.dash-button--light) {
	min-width: 178px;
}

.madh-details__actions .dash-button--light {
	min-width: 132px;
}

.madh-docs__list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.madh-docs__list a {
	display: flex;
	align-items: center;
	gap: 9px;
	min-height: 60px;
	padding: 0 10px;
	border-radius: 9px;
	background: #f9fafb;
	color: inherit;
	text-decoration: none;
	transition: background-color 0.2s;
}

.madh-docs__list a:hover {
	background: #f1f3f5;
}

.madh-docs__list a:focus-visible {
	outline: 2px solid var(--red-bright);
	outline-offset: 2px;
}

.madh-docs__icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background: var(--white);
}

.madh-docs__info {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.madh-docs__title {
	color: #0b1421;
	font-size: 10px;
	font-weight: 600;
	line-height: 15px;
}

.madh-docs__format {
	color: #87909a;
	font-size: 9px;
	line-height: 13px;
}

.madh-docs__arrow {
	padding-right: 16px;
	color: var(--red-bright);
	font-size: 13px;
	font-weight: 600;
}

.madh-docs__empty {
	color: #3d454f;
	font-size: 12px;
	line-height: 18px;
}

.madh-dossier {
	display: grid;
	grid-template-columns: minmax(0, 180px) minmax(0, 1fr);
	gap: 8px 14px;
	margin: 0;
	padding: 14px;
	border-radius: 10px;
	background: #f7f8fa;
	font-size: 13px;
	line-height: 19px;
}

.madh-dossier dt {
	color: #68707b;
	font-weight: 600;
}

.madh-dossier dd {
	margin: 0;
	color: #0b1421;
	overflow-wrap: anywhere;
}

.madh-dossier__help {
	font-size: 12px;
}

@media (max-width: 1023px) {
	.madh__body {
		grid-template-columns: minmax(0, 1fr);
	}

	.madh-details,
	.madh-docs {
		min-height: 0;
	}

	.madh-status {
		flex-wrap: wrap;
		gap: 12px 20px;
	}
}

@media (max-width: 767px) {
	.madh {
		padding: 12px;
	}

	.madh-status {
		flex-direction: column;
		align-items: flex-start;
		padding: 14px;
	}

	.madh-status__text {
		font-size: 13px;
		line-height: 19px;
	}

	.madh-status__button {
		align-self: stretch;
	}

	.madh-fields {
		grid-template-columns: minmax(0, 1fr);
	}

	.madh-field dt,
	.madh-details__info,
	.madh-docs__format {
		font-size: 12px;
		line-height: 17px;
	}

	.madh-field dd,
	.madh-docs__title {
		font-size: 13px;
	}

	.madh-details__actions .dash-button {
		flex: 1 1 100%;
	}

	.madh-dossier {
		grid-template-columns: minmax(0, 1fr);
	}

	.madh-dossier dd {
		margin-bottom: 6px;
	}
}

/* Notifications (bell of the top bar, Figma "Popup — Notifications") ------------------- */

.notif {
	position: relative;
	flex: none;
}

.notif__bell {
	position: relative;
	border: 0;
	cursor: pointer;
}

.notif__bell:hover,
.notif.is-open .notif__bell {
	background: #e6e9ed;
}

.notif__count {
	position: absolute;
	top: 6px;
	right: 6px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 999px;
	background: #e30613;
	color: var(--white);
	font-size: 9px;
	font-weight: 700;
	line-height: 16px;
	text-align: center;
}

.notif-panel {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 40;
	display: flex;
	flex-direction: column;
	width: 420px;
	max-height: min(698px, calc(100vh - 120px));
	overflow: hidden;
	border: 1px solid #e1e4e8;
	border-top: 0;
	border-radius: 14px;
	background: var(--white);
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.16);
	text-align: left;
}

.notif-panel[hidden] {
	display: none;
}

.notif-panel::before {
	content: "";
	flex: none;
	height: 4px;
	background: #e30613;
}

.notif-panel__head {
	display: flex;
	flex: none;
	flex-direction: column;
	gap: 10px;
	padding: 18px 16px 14px;
	border-bottom: 1px solid #e1e4e8;
}

.notif-panel__row {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.notif-panel__icon {
	display: flex;
	flex: none;
	padding: 7px;
	border-radius: 8px;
	background: #fff0f1;
}

.notif-panel__title {
	flex: 1;
	min-width: 0;
	color: #0b1421;
	font-family: var(--font-serif);
	font-size: 19px;
	font-weight: 700;
	line-height: 25px;
}

.notif-panel__unread,
.notif-panel__filter {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 26px;
	padding: 0 9px;
	border-radius: 999px;
	font-size: 8.5px;
	font-weight: 600;
	line-height: 13px;
	white-space: nowrap;
}

.notif-panel__unread {
	min-width: 80px;
	background: #fff0f1;
	color: #e30613;
}

.notif-panel__close {
	display: none;
	flex: none;
	width: 32px;
	height: 32px;
	border: 0;
	border-radius: 8px;
	background: #f5f6f8;
	color: #0b1421;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}

.notif-panel__filters {
	display: flex;
	gap: 8px;
	min-height: 28px;
}

.notif-panel__filter {
	min-width: 64px;
	border: 0;
	background: #f5f6f8;
	color: #0b1421;
	cursor: pointer;
}

.notif-panel__filter.is-active {
	background: #0b1421;
	color: var(--white);
}

.notif-panel__list {
	flex: 1;
	min-height: 0;
	padding: 14px 16px;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.notif-list {
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.notif-list__group {
	color: #68707b;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 12px;
	text-transform: uppercase;
}

.notif-list [hidden] {
	display: none;
}

.notif-item a {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 82px;
	padding: 10px;
	border-radius: 9px;
	background: var(--white);
	color: inherit;
	text-decoration: none;
	transition: background-color 0.15s;
}

.notif-item.is-unread a {
	background: #f5f6f8;
}

.notif-item a:hover {
	background: #eceef1;
}

.notif-item__icon {
	display: flex;
	flex: none;
	padding: 10px;
	border-radius: 10px;
	background: #edf3fb;
}

.notif-item__copy {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.notif-item__top {
	display: flex;
	gap: 6px;
	align-items: baseline;
}

.notif-item__type {
	flex: 1;
	min-width: 0;
	color: #214e8a;
	font-size: 11px;
	font-weight: 600;
	line-height: 13px;
	text-transform: uppercase;
}

.notif-item__time {
	flex: none;
	color: #68707b;
	font-size: 10px;
	line-height: 12px;
}

.notif-item__title {
	color: #0b1421;
	font-size: 12px;
	font-weight: 600;
	line-height: 15px;
}

.notif-item__text {
	overflow: hidden;
	color: #68707b;
	font-size: 11px;
	line-height: 13px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.notif-item__status {
	display: flex;
	flex: none;
	flex-direction: column;
	gap: 10px;
	align-self: flex-start;
	width: 34px;
	padding-top: 4px;
}

.notif-item__dot {
	display: none;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #e30613;
}

.notif-item.is-unread .notif-item__dot {
	display: block;
}

.notif-item--event .notif-item__icon {
	background: #fff0f1;
}

.notif-item--event .notif-item__type {
	color: #e30613;
}

.notif-item--message .notif-item__icon {
	background: #eaf7f0;
}

.notif-item--message .notif-item__type {
	color: #197a4a;
}

.notif-item--offer .notif-item__icon {
	background: #f3eefb;
}

.notif-item--offer .notif-item__type {
	color: #6b4ba3;
}

.notif-item--membership .notif-item__icon {
	background: #fff4e6;
}

.notif-item--membership .notif-item__type {
	color: #a35a00;
}

.notif-panel__empty {
	padding: 24px 8px;
	color: #68707b;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}

.notif-panel__more {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	min-height: 52px;
	padding: 11px 16px;
	border: 0;
	border-top: 1px solid #e1e4e8;
	background: var(--white);
	color: #0b1421;
	font-size: 11px;
	font-weight: 600;
	line-height: 16px;
	text-align: left;
	cursor: pointer;
}

.notif-panel__more[hidden] {
	display: none;
}

.notif-panel__more:hover {
	background: #f5f6f8;
}

@media (max-width: 767px) {
	.notif.is-open::before {
		content: "";
		position: fixed;
		inset: 0;
		z-index: 39;
		background: rgba(11, 20, 33, 0.4);
	}

	.notif-panel {
		position: fixed;
		top: 16px;
		right: 16px;
		left: 16px;
		width: auto;
		max-height: calc(100dvh - 32px);
	}

	.notif-panel__close {
		display: block;
	}
}

/* Business Opportunity Board (templates/template-member-bob.php) --------------------- */

.bob {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.bob-hero__badge {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 14px;
	background: var(--red-bright);
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 1px;
}

.bob-compose {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.bob-form {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 18px;
	border: 1px solid #e3e5e8;
	border-top: 3px solid #1f8a4c;
	border-radius: 12px;
	background: var(--white);
	scroll-margin-top: calc(var(--header-height) + 16px);
}

.bob-form--need {
	border-top-color: #214e8a;
}

.bob-form__head {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.bob-form__icon {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: #eaf7f0;
}

.bob-form--need .bob-form__icon {
	background: #edf3fb;
}

.bob-form__title {
	color: #0b1421;
	font-size: 14px;
	font-weight: 800;
	line-height: 20px;
	letter-spacing: 0.6px;
	text-transform: uppercase;
}

.bob-form__text {
	margin-top: 2px;
	color: #68707b;
	font-size: 12px;
	line-height: 17px;
}

.bob-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.bob-field label {
	color: #0b1421;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
}

.bob-field textarea,
.bob-field select,
.bob-filters__sector {
	width: 100%;
	min-height: 42px;
	padding: 10px 12px;
	border: 1px solid #d9dde2;
	border-radius: 8px;
	background: var(--white);
	color: #0b1421;
	font: inherit;
	font-size: 13px;
	line-height: 19px;
}

.bob-field textarea {
	resize: vertical;
}

.bob-field textarea:focus,
.bob-field select:focus,
.bob-filters__sector:focus {
	border-color: #0b1421;
	outline: 2px solid rgba(11, 20, 33, 0.12);
}

.bob-field.has-error textarea,
.bob-field.has-error select {
	border-color: var(--red-bright);
}

.bob-field__hint {
	color: #68707b;
	font-size: 11px;
	line-height: 16px;
}

.bob-field__hint:empty {
	display: none;
}

.bob-field__error {
	color: var(--red-bright);
	font-size: 11px;
	font-weight: 600;
	line-height: 16px;
}

.bob-form__submit {
	align-self: flex-start;
	min-height: 42px;
	padding: 10px 18px;
	border: 0;
	border-radius: 8px;
	background: #1f8a4c;
	color: var(--white);
	font: inherit;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.2s;
}

.bob-form__submit:hover {
	background: #176c3b;
}

.bob-form--need .bob-form__submit {
	background: #214e8a;
}

.bob-form--need .bob-form__submit:hover {
	background: #193d6d;
}

.bob-dialog .bob-form__submit {
	background: var(--red-bright);
}

.bob-profile-note {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #68707b;
	font-size: 12px;
	line-height: 17px;
}

.bob-board,
.bob-mine {
	gap: 14px;
	scroll-margin-top: calc(var(--header-height) + 16px);
}

.bob-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.bob-filters__types {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.bob-filters__sector {
	width: auto;
	min-width: 240px;
	height: 34px;
	min-height: 0;
	padding: 0 10px;
}

.bob-filters__button {
	height: 34px;
	padding: 0 14px;
	border: 1px solid #0b1421;
	border-radius: 8px;
	background: #0b1421;
	color: var(--white);
	font: inherit;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
}

.bob-filters__button[hidden] {
	display: none;
}

.bob-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.bob-card {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 14px;
	border: 1px solid #e3e5e8;
	border-left: 3px solid #1f8a4c;
	border-radius: 10px;
	background: #fafbfc;
	scroll-margin-top: calc(var(--header-height) + 16px);
}

.bob-card--need {
	border-left-color: #214e8a;
}

.bob-card__top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}

.bob-card__type,
.bob-card__sector {
	display: inline-flex;
	align-items: center;
	height: 24px;
	padding: 0 9px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 700;
	line-height: 14px;
	white-space: nowrap;
}

.bob-card__type,
.bob-card__type--offer {
	background: #eaf7f0;
	color: #197a4a;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.bob-card--need .bob-card__type,
.bob-card__type--need {
	background: #edf3fb;
	color: #214e8a;
}

.bob-card__sector {
	gap: 5px;
	border: 1px solid #e3e5e8;
	background: var(--white);
	color: #0b1421;
	font-weight: 600;
}

.bob-card__text {
	flex: 1;
	color: #0b1421;
	font-size: 13px;
	line-height: 20px;
	overflow-wrap: anywhere;
}

.bob-card__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding-top: 12px;
	border-top: 1px solid #e3e5e8;
}

.bob-card__company {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.bob-card__company > span:last-child {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.bob-card__logo {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background: #0b1421;
	color: var(--white);
	font-size: 11px;
	font-weight: 700;
}

.bob-card__name {
	overflow: hidden;
	color: #0b1421;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bob-card__date {
	color: #68707b;
	font-size: 11px;
	line-height: 15px;
}

.bob-card__button {
	min-height: 34px;
	padding: 0 14px;
	border: 1px solid var(--red-bright);
	border-radius: 8px;
	background: var(--red-bright);
	color: var(--white);
	font: inherit;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	transition: background-color 0.2s;
}

.bob-card__button:hover {
	background: #c70511;
}

.bob-card__state {
	color: #68707b;
	font-size: 11px;
	font-weight: 600;
	line-height: 16px;
}

.bob-card__state.is-sent {
	color: #197a4a;
}

.bob-empty {
	padding: 20px;
	text-align: center;
}

.bob-mine__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.bob-mine__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 12px 14px;
	border: 1px solid #e3e5e8;
	border-radius: 10px;
}

.bob-mine__item.is-closed {
	background: #f5f6f8;
	opacity: 0.75;
}

.bob-mine__body {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.bob-mine__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	color: #68707b;
	font-size: 11px;
	line-height: 16px;
}

.bob-mine__status {
	color: #0b1421;
	font-weight: 700;
}

.bob-mine__text {
	color: #0b1421;
	font-size: 13px;
	line-height: 19px;
}

.bob-mine__count {
	color: #68707b;
	font-size: 12px;
	line-height: 17px;
}

.bob-mine__close {
	flex: none;
}

.bob-dialog__summary {
	margin: 0 0 12px;
	padding: 10px 12px;
	border-left: 3px solid var(--red-bright);
	border-radius: 4px;
	background: #f5f6f8;
	color: #0b1421;
	font-size: 13px;
	line-height: 19px;
}

.bob-dialog form {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 14px;
}

@media (max-width: 1023px) {
	.bob-list {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 767px) {
	.bob-compose {
		grid-template-columns: minmax(0, 1fr);
	}

	.bob-filters__sector {
		width: 100%;
		min-width: 0;
	}

	.bob-mine__item {
		flex-direction: column;
		align-items: flex-start;
	}

	.bob-hero__badge {
		display: none;
	}
}