/* =====================================================================
   HolaNinos · inscripciones.css (14/10/2026)
   Les inscriptions des pros de l'enfance : le panneau sous la fiche, la page
   « stages » et le tableau de bord du pro. Autonome : n'emprunte aucune classe
   d'autres feuilles, car la page « stages » ne charge que le socle et la marque.
   Charge APRES hola-system.css et marque-ninos.css.
   ===================================================================== */
:root{--in-ink:#22223b;--in-soft:#6b6b83;--in-line:#e7e2da;--in-card:#fff;--in-br:#6A3ACB;--in-br-w:#F7F3FF}
.in{display:flex;flex-direction:column;gap:10px;color:var(--in-ink);font-size:.9rem;line-height:1.45}
.in *{box-sizing:border-box}
.in-t{margin:0;font-weight:700;font-size:.98rem}
.in-i,.in-n{margin:0;font-size:.8rem;line-height:1.45;color:var(--in-soft)}
.in-lista{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.in-card{border:1px solid var(--in-line);border-radius:14px;background:var(--in-card);padding:12px 12px 10px;display:flex;flex-direction:column;gap:6px}
.in-card h3{margin:0;font-size:.98rem;line-height:1.25}
.in-pills{display:flex;flex-wrap:wrap;gap:6px}
.in-pill{font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:99px;background:var(--in-br-w);color:#5A2FB0}
.in-pill.ok{background:#E9F7E4;color:#2A5E17}
.in-pill.ko{background:#FFF4E5;color:#7A4A12}
.in-pro{margin:0;font-size:.8rem;color:var(--in-soft)}
.in-meta{margin:0;font-size:.82rem}
.in-desc{margin:0;font-size:.82rem;color:var(--in-soft)}
.in-btn{font:inherit;font-weight:700;font-size:.88rem;min-height:44px;padding:9px 16px;border-radius:12px;border:0;cursor:pointer;
  background:var(--in-br);color:#fff;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.in-btn.gh{background:#fff;color:var(--in-br);border:2px solid var(--in-br)}
.in-btn.pe{min-height:36px;padding:6px 12px;font-size:.8rem}
.in-btn.dg{background:#fff;color:#B3261E;border:2px solid #B3261E}
.in-btn:disabled{opacity:.55;cursor:default}
.in-btn:focus-visible,.in-c:focus-visible{outline:2px solid #5B32B8;outline-offset:2px}
.in-acc{display:flex;gap:8px;flex-wrap:wrap}
.in-acc .in-btn{flex:1 1 130px}
.in-form{display:flex;flex-direction:column;gap:8px;border-top:1px dashed var(--in-line);padding-top:10px;margin-top:4px}
.in-form[hidden]{display:none}
.in-form fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;min-width:0}
.in-form legend{padding:0;font-weight:700;font-size:.84rem;margin-bottom:2px}
.in-c{width:100%;font:inherit;font-size:.9rem;padding:9px 11px;border-radius:12px;border:1px solid var(--in-line);background:#fff;color:var(--in-ink)}
textarea.in-c{min-height:56px;resize:vertical}
.in-dos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media (max-width:340px){.in-dos{grid-template-columns:1fr}}
.in-l{display:flex;flex-direction:column;gap:3px;font-size:.78rem;font-weight:600}
.in-ok{display:flex;gap:8px;align-items:flex-start;font-size:.78rem;line-height:1.4;color:var(--in-soft)}
.in-ok input{flex:none;margin-top:3px;width:18px;height:18px}
.in-ok[hidden]{display:none}
.in-e{margin:0;font-size:.8rem;font-weight:600}
.in-e.ko{color:#8A1F4A}
.in-e.ok{color:#14603A}
.in-senal{background:#F7F3FF;border-radius:10px;padding:8px 10px;font-size:.78rem;color:#2B2740;margin:0}
.in-senal summary{cursor:pointer;font-weight:600;list-style:revert}
.in-trampa{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}
/* la page « stages » */
.in-page{max-width:880px;margin:0 auto;padding:16px}
.in-page h1{font-family:var(--f-display,system-ui);font-size:clamp(1.5rem,5vw,2rem);margin:8px 0 6px;line-height:1.15}
.in-page .in-lead{margin:0 0 12px;color:#6b6b83}
.in-barra{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}
.in-chips{display:flex;flex-wrap:wrap;gap:6px}
.in-chip{font:inherit;font-size:.82rem;font-weight:600;padding:7px 12px;min-height:38px;border-radius:99px;border:1px solid #e7e2da;background:#fff;color:#22223b;cursor:pointer}
.in-chip.on{background:#6A3ACB;border-color:#6A3ACB;color:#fff}
.in-cal{border:1px solid #e7e2da;border-radius:14px;background:#fff;padding:12px;margin:10px 0}
.in-cal ul{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:4px;font-size:.84rem}
.in-cal li b{display:inline-block;min-width:120px}
.in-cab{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #e7e2da;background:#fff}
.in-cab a{color:#5A2FB0;font-weight:700;text-decoration:none}
.in-cab .in-sel{margin-left:auto}
.in-cab .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.in-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
/* le tableau de bord du pro */
.ip{display:flex;flex-direction:column;gap:12px}
.ip-tabla{width:100%;border-collapse:collapse;font-size:.82rem}
.ip-tabla th,.ip-tabla td{text-align:left;padding:7px 6px;border-bottom:1px solid #e7e2da;vertical-align:top}
.ip-tabla th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#6b6b83}
.ip-scroll{overflow-x:auto}
.ip-sec{display:flex;flex-direction:column;gap:6px}
.ip-dias{display:flex;gap:6px;flex-wrap:wrap}
.ip-dias label{display:flex;align-items:center;gap:4px;font-size:.8rem;padding:6px 10px;border:1px solid #e7e2da;border-radius:99px;min-height:36px}
.ip-off{border:1px solid #e7e2da;border-radius:14px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:8px}
.ip-off-h{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;flex-wrap:wrap}
.ip-aviso{background:#FFF4E5;color:#7A4A12;border-radius:10px;padding:8px 10px;font-size:.8rem;margin:0}