.m5-invite { background: #211c10; color: var(--texte); border-inline-start: 3px solid var(--accent); border-radius: .5rem; padding: .8rem 1rem; margin-block: .8rem 1.4rem; font-size: .9rem; }
.m5-invite a { font-weight: 600; }
.m5-reglage { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem 1.2rem; }
.m5-reglage [hidden] { display: none; }
.m5-reglage label, .profil .m5-reglage label { display: flex; align-items: center; gap: .5rem; margin: 0; color: var(--texte); }
.m5-reglage input[type=number], .profil .m5-reglage input[type=number] { width: 4.5rem; flex: none; margin: 0; }
.m5-interrupteur input[type=checkbox], .profil .m5-interrupteur input[type=checkbox] { appearance: none; flex: 0 0 2.6rem; width: 2.6rem; height: 1.5rem; margin: 0; border-radius: 1rem; background: #555; cursor: pointer; position: relative; }
.m5-interrupteur input::after { content: ''; position: absolute; width: 1.1rem; height: 1.1rem; border-radius: 50%; background: white; top: .2rem; left: .2rem; transition: left .15s; }
.m5-interrupteur input[type=checkbox]:checked, .profil .m5-interrupteur input[type=checkbox]:checked { background: var(--ok); }
.m5-interrupteur input:checked::after { left: 1.3rem; }
.m5-interrupteur input:focus-visible { outline: 3px solid #ac753b; outline-offset: 3px; }
.m5-exclusions { max-height: 16rem; overflow-y: auto; margin-block: .5rem; }
.m5-exclusions label { padding: .3rem; }
.m5-exclusions [hidden] { display: none; }
.m5-objectif, .m5-nutrition { background: #1b2117; color: var(--texte); border: 1px solid #39432e; padding: .8rem; border-radius: .5rem; }
.m5-adaptation { display: block; color: #b4cf96; font-size: .9rem; line-height: 1.5; margin-block: .4rem; }
.profil details { margin-block: 1rem; }
@media (max-width: 550px) { .m5-reglage { align-items: flex-start; } .m5-reglage > label:first-child { flex-basis: 100%; } }