/* [MENU TIROIR COMMUN 27/10] repris tel quel de portail.html (écrin 18/10 + tiroir 27/10) : même menu sur Mes espaces et les fiches */
.menu-panneau.mp[hidden]{display:none!important}
html .menu-panneau.mp,html[data-theme] .menu-panneau.mp{backdrop-filter:none;-webkit-backdrop-filter:none;min-width:0;width:min(340px,calc(100vw - 32px));padding:18px;border-radius:22px;display:flex;flex-direction:column;gap:6px;
  background:linear-gradient(165deg,#fffdf8 0%,#fbf5e8 55%,#f3e9d4 100%);border:1px solid rgba(176,138,72,.42);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 2px 6px rgba(74,48,12,.08),0 24px 60px -12px rgba(74,48,12,.32);transform-origin:top right}
.menu-panneau.mp:not([hidden]){animation:mp-ouvre .26s cubic-bezier(.22,1,.36,1)}
@keyframes mp-ouvre{from{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}
html[data-theme="nuit"] .menu-panneau.mp{background:linear-gradient(165deg,#1b2136,#0e1220);border-color:rgba(212,175,95,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 60px -12px rgba(0,0,0,.6)}
html:not([data-theme]) .menu-panneau.mp{background:linear-gradient(165deg,#0f3a2f,#06201a);border-color:rgba(212,175,95,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 60px -12px rgba(0,0,0,.6)}
.mp-app{display:grid;grid-template-columns:56px 1fr;gap:4px 14px;align-items:center;padding:4px 2px 16px;margin-bottom:6px;border-bottom:1px solid rgba(176,138,72,.22)}
.mp-app img{grid-row:1;border-radius:14px;box-shadow:0 4px 12px rgba(74,48,12,.16)}
.mp-app-nom{margin:0;font:600 23px/1.1 "Cormorant Garamond",Georgia,serif;color:var(--txt,#2b2318)}
.mp-app-nom em{font-style:italic;color:var(--or)}
.mp-app-sous{margin:3px 0 0;font:400 13.5px/1.4 Manrope,system-ui,sans-serif;color:var(--txt2,#6b5a40)}
.mp-installer{grid-column:1/-1;margin-top:12px;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:14px;text-decoration:none;
  font:600 19px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.2px;font-variant-numeric:lining-nums;color:#3a2708;border:1px solid rgba(160,120,64,.55);
  background:linear-gradient(135deg,#F4D58A 0%,#E8C078 42%,#C9A253 72%,#A07840 100%);box-shadow:0 2px 6px rgba(74,48,12,.12),0 10px 26px rgba(74,48,12,.18),inset 0 1px 0 rgba(255,255,255,.55);transition:transform .18s ease,box-shadow .18s ease}
.mp-installer:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(74,48,12,.16),0 16px 32px rgba(74,48,12,.22),inset 0 1px 0 rgba(255,255,255,.6)}
.mp-lien{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:0 34px 0 12px;border-radius:13px;text-decoration:none;font:500 16px/1.25 Manrope,system-ui,sans-serif;color:var(--txt,#2b2318);transition:background .15s ease}
.mp-lien::before{content:"";flex:none;width:34px;height:34px;border-radius:10px;background:var(--ic) center/18px 18px no-repeat,linear-gradient(160deg,rgba(255,255,255,.92),rgba(244,234,212,.92));box-shadow:inset 0 0 0 1px rgba(176,138,72,.35)}
.mp-lien::after{content:"";position:absolute;width:18px;height:18px;right:10px;top:50%;margin-top:-9px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a07a32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.6}
.mp-lien:hover{background:rgba(176,138,72,.09)}
.mp-lien:hover::after{opacity:1}
.mp-lien[data-ic="espaces"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a07a32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='7' height='7' rx='2'/%3E%3Crect x='13.5' y='3.5' width='7' height='7' rx='2'/%3E%3Crect x='3.5' y='13.5' width='7' height='7' rx='2'/%3E%3Crect x='13.5' y='13.5' width='7' height='7' rx='2'/%3E%3C/svg%3E")}
.mp-lien[data-ic="question"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a07a32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 0 1-11.6 7.1L4 20l1-4.2A8 8 0 1 1 20 12z'/%3E%3Cpath d='M9.6 9.4a2.5 2.5 0 0 1 4.8.9c0 1.7-2.4 2.2-2.4 3.4'/%3E%3Cpath d='M12 16.6h.01'/%3E%3C/svg%3E")}
.mp-lien[data-ic="maha"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a07a32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.5' r='3.6'/%3E%3Cpath d='M4.8 20c.9-3.6 3.8-5.6 7.2-5.6s6.3 2 7.2 5.6'/%3E%3C/svg%3E")}
[data-theme="nuit"] .mp-lien::before,html:not([data-theme]) .mp-lien::before{background:var(--ic) center/18px 18px no-repeat,linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(212,175,95,.35)}
[data-theme="nuit"] .mp-lien:hover,html:not([data-theme]) .mp-lien:hover{background:rgba(255,255,255,.05)}
.menu-panneau.mp .menu-qui{margin:4px 12px -2px}
.menu-panneau.mp .menu-theme{margin-top:8px;padding-top:14px;border-top:1px solid rgba(176,138,72,.22)}
.menu-panneau.mp .menu-lab{margin:0 4px 10px;font:700 10.5px/1 Manrope,system-ui,sans-serif;letter-spacing:2.4px}
.menu-panneau.mp .menu-choix{grid-template-columns:repeat(3,1fr);gap:6px;padding:0;background:none}
.menu-panneau.mp .menu-choix button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:11px 4px 10px;border-radius:13px;font:600 13px/1 Manrope,system-ui,sans-serif;color:var(--txt2,#6b5a40);background:rgba(255,255,255,.45);box-shadow:inset 0 0 0 1px rgba(176,138,72,.25)}
[data-theme="nuit"] .menu-panneau.mp .menu-choix button,html:not([data-theme]) .menu-panneau.mp .menu-choix button{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(212,175,95,.22)}
.menu-panneau.mp .menu-choix button[aria-pressed="true"]{color:var(--txt,#2b2318);background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1.5px rgba(176,138,72,.85),0 4px 12px rgba(74,48,12,.10)}
html .menu-panneau.mp .menu-choix button[aria-pressed="true"],html[data-theme] .menu-panneau.mp .menu-choix button[aria-pressed="true"]{color:#3a2708;background:linear-gradient(135deg,#F4D58A 0%,#E8C078 42%,#C9A253 72%,#A07840 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 12px rgba(74,48,12,.18)}
.mp-pastille{display:block;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(176,138,72,.7),0 1px 3px rgba(0,0,0,.15)}
.mp-p-clair{background:linear-gradient(145deg,#fffaf0,#efe2c4)}
.mp-p-nuit{background:linear-gradient(145deg,#2a3352,#0c1020)}
.mp-p-sombre{background:linear-gradient(145deg,#1c5a48,#06261d)}
.menu-panneau.mp .menu-sortir{order:5;margin:2px 12px 0;align-self:flex-start}
.mp-pied{order:10;display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 0;padding-top:12px;border-top:1px solid rgba(176,138,72,.22);font:500 11px/1 Manrope,system-ui,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:var(--txt3,#8a7a5e)}
@media (prefers-reduced-motion:reduce){.menu-panneau.mp:not([hidden]){animation:none}.ga-entete,.mp-installer{transition:none}}
html.dans-giri-app .mp-app{display:none!important}
@media (max-height:600px){html .menu-panneau.mp,html[data-theme] .menu-panneau.mp{max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain}}
/* le menu : un tiroir pleine hauteur qui glisse de la droite (plus une fenêtre volante) */
header:has(.menu-panneau.mp:not([hidden])){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html:has(.menu-panneau.mp:not([hidden])){overflow:hidden}
html .menu-panneau.mp,html[data-theme] .menu-panneau.mp{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;height:100dvh;width:min(370px,88vw)!important;max-height:none!important;overflow-y:auto;border-radius:24px 0 0 24px!important;padding:max(18px,env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom))!important;z-index:1001!important;box-shadow:-18px 0 48px rgba(0,0,0,.35)!important;border:0!important;border-left:1px solid rgba(201,162,39,.35)!important;animation:mp-glisse .28s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain}
@keyframes mp-glisse{from{transform:translateX(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){html .menu-panneau.mp{animation:none}}
.mp-voile{display:none;position:fixed;inset:0;z-index:1000;background:rgba(6,9,18,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.menu:has(.menu-panneau.mp:not([hidden])) .mp-voile{display:block}
.mp-tete{display:flex;justify-content:flex-end;margin:-4px -6px 2px}
.mp-fermer{width:44px;height:44px;border:0;border-radius:50%;background:none;color:inherit;font-size:22px;line-height:1;cursor:pointer;opacity:.75}
.mp-fermer:hover,.mp-fermer:focus-visible{opacity:1;background:rgba(201,162,39,.14)}
.menu-panneau.mp .mp-app{margin-top:0}
/* thèmes : plus aucun contour, ni autour du groupe ni autour des cartes */
html .menu-panneau.mp .menu-choix,html[data-theme] .menu-panneau.mp .menu-choix{border:0!important;box-shadow:none!important;outline:0!important}
html .menu-panneau.mp .menu-choix button,html[data-theme] .menu-panneau.mp .menu-choix button{border:0!important;box-shadow:none!important;outline:0}
html .menu-panneau.mp .menu-choix button:focus-visible{outline:2px solid #C9A253!important;outline-offset:2px}
html .menu-panneau.mp .menu-choix button[aria-pressed="true"],html[data-theme] .menu-panneau.mp .menu-choix button[aria-pressed="true"]{box-shadow:0 4px 12px rgba(74,48,12,.18)!important}
/* [27/10 b, Maha] le tiroir épouse son contenu (plus de grand vide) et porte la pierre du thème */
html .menu-panneau.mp,html[data-theme] .menu-panneau.mp{bottom:auto!important;height:auto!important;max-height:100dvh!important;border-radius:0 0 0 24px!important}
html[data-theme="nuit"] .menu-panneau.mp{background:linear-gradient(165deg,rgba(16,24,44,.42),rgba(6,10,20,.62)),#070c17 url("/charte-ga/pierre-nuit.webp") center/cover!important}
html[data-theme="clair"] .menu-panneau.mp{background:linear-gradient(165deg,rgba(255,253,248,.55),rgba(251,245,232,.72)),#fdfaf2 url("/charte-ga/pierre-jour-2.webp") center/cover!important}
/* le bouton « Écrire à Giri Assistance » : l or des pastilles « À vous » */
.encart.contact .choix .bouton{min-height:52px;border-radius:30px!important;border:1px solid rgba(160,120,64,.6)!important;color:#1c1404!important;
  font:700 15.5px/1.1 var(--tc)!important;letter-spacing:.4px;text-shadow:0 1px 0 rgba(255,240,200,.45);
  background:linear-gradient(135deg,#f0d9a8,#d4af6e 55%,#a07f3e)!important;
  box-shadow:0 4px 14px rgba(212,175,110,.45),0 10px 26px rgba(74,48,12,.16),inset 0 1px 0 rgba(255,255,255,.55)!important;transition:transform .18s ease,box-shadow .18s ease}
.encart.contact .choix .bouton:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(212,175,110,.55),0 16px 32px rgba(74,48,12,.2),inset 0 1px 0 rgba(255,255,255,.6)!important}

/* [SE CONNECTER 05/11, Brice] le bouton doré des personnes déconnectées, sous la carte Giri App */
.menu-panneau.mp .mp-entrer{margin:4px 0 10px}