/* La bulle « Une idée ? » — posée sur chaque page par outils/barre.mjs.
   Mêmes jetons que la charte, avec des valeurs de repli : certaines pages
   chargent leur propre feuille (radar.css, verifications.css). */
.idee-bulle{
  position:fixed;right:18px;bottom:18px;z-index:70;display:inline-flex;align-items:center;gap:9px;
  padding:12px 18px 12px 14px;border-radius:999px;border:1px solid rgba(255,150,60,.45);
  background:var(--ardoise,#18181F);color:var(--blanc,#F4F4F6);font:600 14px/1 var(--sans,"Segoe UI",system-ui,sans-serif);
  cursor:pointer;box-shadow:0 12px 34px -12px rgba(0,0,0,.8),0 0 0 0 rgba(255,150,60,.35);
  animation:idee-halo 3.2s ease-out 2s 3;transition:transform .2s,border-color .2s;
}
.idee-bulle:hover{transform:translateY(-2px);border-color:var(--soleil,#FF963C)}
.idee-bulle:focus-visible{outline:2px solid var(--numen,#3FD8C8);outline-offset:3px}
.idee-bulle .idee-ic{font-size:17px}
.idee-bulle.ouvert{border-color:var(--soleil,#FF963C)}
@keyframes idee-halo{0%{box-shadow:0 12px 34px -12px rgba(0,0,0,.8),0 0 0 0 rgba(255,150,60,.4)}70%{box-shadow:0 12px 34px -12px rgba(0,0,0,.8),0 0 0 14px rgba(255,150,60,0)}100%{box-shadow:0 12px 34px -12px rgba(0,0,0,.8),0 0 0 0 rgba(255,150,60,0)}}
@media(max-width:560px){.idee-bulle{padding:12px 14px;right:12px;bottom:12px}.idee-bulle .idee-lib{display:none}}

.idee-panneau{
  position:fixed;right:18px;bottom:78px;z-index:71;width:min(380px,calc(100vw - 24px));max-height:calc(100vh - 110px);overflow:auto;
  background:var(--ardoise,#18181F);color:var(--blanc,#F4F4F6);border:1px solid var(--trait,#2E2E38);border-radius:18px;
  padding:20px 20px 16px;box-shadow:0 30px 70px -20px rgba(0,0,0,.9);font:15px/1.5 var(--sans,"Segoe UI",system-ui,sans-serif);
}
.idee-panneau[hidden]{display:none}
@media(max-width:560px){.idee-panneau{right:12px;bottom:70px}}
.idee-fermer{position:absolute;top:10px;right:12px;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--gris,#9696A2);font-size:22px;cursor:pointer}
.idee-fermer:hover{color:var(--blanc,#F4F4F6)}
.idee-fermer:focus-visible,.idee-type:focus-visible,.idee-envoyer:focus-visible{outline:2px solid var(--numen,#3FD8C8);outline-offset:2px}
.idee-titre{margin:0 30px 4px 0;font-size:17px;font-weight:600}
.idee-sous{margin:0 0 14px;color:var(--gris,#9696A2);font-size:13.5px}
.idee-types{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.idee-type{border:1px solid var(--trait,#2E2E38);background:var(--nuit,#07070A);color:#C4C4CE;border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}
.idee-type.on{border-color:var(--soleil,#FF963C);color:var(--blanc,#F4F4F6);background:rgba(255,150,60,.12)}
.idee-form label{display:block;font-size:12.5px;color:var(--gris,#9696A2);margin:10px 0 5px}
.idee-form select,.idee-form textarea,.idee-form input{
  width:100%;box-sizing:border-box;background:var(--nuit,#07070A);color:var(--blanc,#F4F4F6);border:1px solid var(--trait,#2E2E38);
  border-radius:10px;padding:10px 12px;font:inherit;font-size:14px}
.idee-form textarea{resize:vertical;min-height:92px}
.idee-form select:focus-visible,.idee-form textarea:focus-visible,.idee-form input:focus-visible{outline:2px solid var(--numen,#3FD8C8);outline-offset:2px;border-color:var(--numen,#3FD8C8)}
.idee-aide{margin:5px 0 0;font-size:12px;color:var(--gris-sourd,#83838E)}
.idee-piege{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.idee-envoyer{margin-top:14px;width:100%;border:0;border-radius:10px;padding:12px;background:var(--soleil,#FF963C);color:#140B02;font:inherit;font-weight:700;cursor:pointer}
.idee-envoyer:disabled{opacity:.6;cursor:wait}
.idee-statut{margin:10px 0 0;font-size:13.5px;min-height:1.2em}
.idee-statut.ok{color:var(--numen,#3FD8C8)} .idee-statut.ko{color:#FF9C8F}
@media(prefers-reduced-motion:reduce){.idee-bulle{animation:none}}