/* LE CHOIX DU MATIN */

.ma_module fieldset {
min-width:0;
border:0;
margin:0;
padding:0
}

.ma_module legend {
letter-spacing:.12em;
text-transform:uppercase;
font-size:12px;
font-weight:700;
color:var(--v_orange);
padding:0 0 14px
}

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

.ma_jour {
position:relative;
display:flex;
flex-direction:column;
gap:5px;
background:var(--v_encre);
border:1px solid var(--v_ligne);
cursor:pointer;
transition:border-color .2s var(--v_courbe),background-color .2s var(--v_courbe);
padding:14px 16px
}

.ma_jour:hover { border-color:var(--v_ligneChamp) }

.ma_jour input {
position:absolute;
width:1px;
height:1px;
opacity:0;
top:0;
left:0;
margin:0;
padding:0
}

.ma_jour:has(input:checked) {
background:color-mix(in srgb,var(--v_orange) 8%,var(--v_encre));
border-color:var(--v_orange)
}

.ma_jour:has(input:focus-visible) {
outline:2px solid var(--v_orange);
outline-offset:3px
}

.ma_jour:has(input:disabled) {
opacity:.5;
cursor:not-allowed
}

.ma_jour b {
display:flex;
align-items:center;
gap:8px;
font-size:15px;
font-weight:700;
font-family:var(--v_titre);
color:var(--v_texte)
}

.ma_jour b::before {
width:8px;
height:8px;
content:"";
background:var(--v_ligneChamp);
border-radius:50%;
transition:background-color .2s var(--v_courbe);
flex-shrink:0
}

.ma_jour:has(input:checked) b::before { background:var(--v_orange) }

.ma_jour b span {
font-weight:400;
color:var(--v_texte2)
}

.ma_jourContexte {
font-size:12.5px;
color:var(--v_texte2);
line-height:1.5
}

/* ETAT DE REPOS — deux colonnes, jamais de demi-page vide */

.ma_module .demo_attente {
display:grid;
align-items:start;
gap:32px;
grid-template-columns:minmax(0,7fr) minmax(0,5fr)
}

.ma_module .demo_attente[hidden] { display:none }

.ma_attenteRecit > i {
display:grid;
place-items:center;
width:56px;
height:56px;
background:color-mix(in srgb,var(--v_orange) 14%,transparent);
font-size:22px;
color:var(--v_orange);
margin:0 0 18px
}

.ma_attenteRecit h2 {
font-size:22px;
font-weight:750;
color:var(--v_texte);
margin:0 0 12px
}

.ma_attenteCote {
background:var(--v_fond);
border:1px solid var(--v_ligne);
padding:20px 22px
}

.ma_attenteCote h3 {
letter-spacing:.12em;
text-transform:uppercase;
font-size:12px;
font-weight:700;
color:var(--v_orange);
margin:0 0 16px
}

.ma_attenteCote ul {
display:flex;
flex-direction:column;
gap:16px;
list-style:none;
margin:0;
padding:0
}

.ma_attenteCote li {
display:grid;
gap:2px 12px;
grid-template-columns:auto 1fr
}

.ma_attenteCote li i {
grid-row:1 / 3;
align-self:start;
width:30px;
height:30px;
background:color-mix(in srgb,var(--v_orange) 14%,transparent);
font-size:13px;
color:var(--v_orange);
line-height:30px;
text-align:center
}

.ma_attenteCote li b {
font-size:14px;
font-weight:700;
font-family:var(--v_titre);
color:var(--v_texte)
}

.ma_attenteCote li span {
font-size:13px;
color:var(--v_texte2);
line-height:1.55
}

/* LE MAIL */

.ma_mail {
background:var(--v_encre);
border:1px solid color-mix(in srgb,var(--v_orange) 32%,transparent)
}

.ma_mailTete {
background:var(--v_fond);
border-bottom:1px solid var(--v_ligne);
padding:18px 24px
}

.ma_module .ma_mailLigne {
display:flex;
align-items:baseline;
gap:12px;
max-width:100%;
font-size:13px;
color:var(--v_texte2);
margin:0 0 4px
}

.ma_mailLigne span {
width:42px;
letter-spacing:.08em;
text-transform:uppercase;
font-size:10.5px;
font-weight:700;
color:color-mix(in srgb,var(--v_texte2) 70%,transparent);
flex-shrink:0
}

.ma_mailLigne b {
font-weight:600;
color:var(--v_texte2)
}

.ma_module .ma_mailObjet {
max-width:100%;
font-size:clamp(18px,2vw,23px);
font-weight:750;
font-family:var(--v_titre);
color:var(--v_texte);
line-height:1.3;
margin:12px 0 0
}

.ma_mailCorps { padding:clamp(20px,3vw,30px) clamp(20px,3vw,30px) clamp(16px,2vw,24px) }

.ma_brief {
list-style:none;
margin:0 0 18px;
padding:0
}

.ma_brief li {
position:relative;
max-width:74ch;
font-size:15.5px;
color:var(--v_texte);
line-height:1.7;
margin:0 0 10px;
padding:0 0 0 24px
}

.ma_brief li::before {
position:absolute;
width:7px;
height:7px;
content:"";
background:var(--v_orange);
top:9px;
left:2px
}

.ma_module .ma_action {
display:flex;
align-items:flex-start;
gap:10px;
max-width:100%;
background:color-mix(in srgb,var(--v_orange) 10%,transparent);
border:1px solid color-mix(in srgb,var(--v_orange) 32%,transparent);
font-size:14.5px;
font-weight:600;
color:var(--v_texte);
margin:0 0 24px;
padding:12px 16px
}

.ma_action i {
color:var(--v_orange);
margin:3px 0 0
}

.ma_sections {
display:grid;
gap:14px;
grid-template-columns:repeat(auto-fit,minmax(290px,1fr));
margin:0 0 18px
}

.ma_section {
background:var(--v_fond);
border:1px solid var(--v_ligne);
padding:14px 16px
}

.ma_section h3 {
display:flex;
align-items:center;
gap:9px;
letter-spacing:.08em;
text-transform:uppercase;
font-size:11.5px;
font-weight:700;
color:var(--v_texte2);
margin:0 0 10px
}

.ma_section h3 i { color:var(--v_orange) }

.ma_section table {
width:100%;
border-collapse:collapse;
font-size:13px
}

.ma_section td {
border-bottom:1px solid color-mix(in srgb,#f4f1ec 6%,transparent);
color:var(--v_texte);
padding:6px 0 6px 14px
}

.ma_section td:first-child { padding-left:0 }

.ma_section tr:last-child td { border-bottom:0 }

.ma_section .r {
text-align:right;
white-space:nowrap;
font-variant-numeric:tabular-nums
}

.ma_section .ma_jours2 {
white-space:nowrap;
font-size:11.5px;
font-weight:700;
color:var(--v_erreur);
padding-left:10px
}

.ma_section .ma_vide {
font-size:13px;
color:var(--v_texte2);
padding:6px 0
}

.ma_sectionVigilance li {
position:relative;
font-size:13px;
color:var(--v_texte);
line-height:1.55;
margin:0 0 8px;
padding:0 0 0 20px
}

.ma_sectionVigilance ul {
list-style:none;
margin:0;
padding:0
}

.ma_sectionVigilance li::before {
position:absolute;
width:7px;
height:7px;
content:"";
background:var(--v_erreur);
top:7px;
left:2px
}

.ma_module .ma_solde {
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:8px 18px;
max-width:100%;
border-top:1px solid var(--v_ligne);
font-variant-numeric:tabular-nums;
font-size:14px;
color:var(--v_texte2);
margin:0;
padding:14px 0 0
}

.ma_solde b {
font-size:17px;
font-family:var(--v_titre);
color:var(--v_texte)
}

/* LES CONTROLES */

.ma_badges {
display:grid;
gap:10px;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
list-style:none;
margin:0;
padding:0
}

.ma_badges li {
display:grid;
gap:1px 12px;
grid-template-columns:auto 1fr;
background:var(--v_fond2);
border:1px solid var(--v_ligne);
border-left:3px solid var(--v_vert);
padding:12px 14px
}

.ma_badges li i {
grid-row:1 / 3;
align-self:center;
font-size:15px;
color:var(--v_vert)
}

.ma_badges li b {
font-size:13.5px;
font-weight:700;
color:var(--v_texte)
}

.ma_badges li span {
font-variant-numeric:tabular-nums;
font-size:12.5px;
color:var(--v_texte2)
}

.ma_module .ma_repriseNote {
display:flex;
align-items:flex-start;
gap:10px;
max-width:100%;
background:color-mix(in srgb,var(--v_orange) 9%,transparent);
border:1px solid color-mix(in srgb,var(--v_orange) 30%,transparent);
font-size:13.5px;
color:var(--v_texte);
margin:14px 0 0;
padding:12px 14px
}

.ma_repriseNote i {
color:var(--v_orange);
margin:3px 0 0
}

.ma_module .ma_repriseNote[hidden] { display:none }

/* NOTICE — deux colonnes, jamais trois */

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

.ma_module .ma_noticeGrille p { max-width:66ch }

@media (max-width:900px) {
	.ma_joursGrille { grid-template-columns:minmax(0,1fr) }

	.ma_module .demo_attente { grid-template-columns:minmax(0,1fr) }

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