/* SD ONE — 22/10/2026, PHASE4 p4-inscription : écran « Inscriptions chauffeurs » (v2-inscriptions.js).
   Charte : bleu nuit #0F2A4A / #081830, bleu #1E5AA8, argent #AFC0D6 / #C4D3E6, blanc. Zones cliquables de 44 px, téléphone d'abord. */
.ins2{background:#fff;color:#0F2A4A;border:1px solid #C4D3E6;border-radius:14px;padding:14px;box-shadow:0 4px 14px rgba(8,24,48,.10);min-width:0;max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:none}
.ins2 a{color:#1E5AA8}
.ins2-onglets{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.ins2-on{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid #C4D3E6;background:#F3F6FA;color:#0F2A4A!important;text-decoration:none;font-weight:700;font-size:13px}
.ins2-on.on{background:#0F2A4A;border-color:#0F2A4A;color:#fff!important}
.ins2-n{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:12px;background:#1E5AA8;color:#fff;font-size:12px}
.ins2-on.on .ins2-n{background:#fff;color:#0F2A4A}
.ins2-on:focus-visible,.ins2-c:focus-visible{outline:3px solid #1E5AA8;outline-offset:2px}
.ins2-barre{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px}
.ins2-barre .pilule{flex:1 1 220px;min-width:0;min-height:44px}
.ins2-barre .bt{min-height:44px}
.ins2-liste{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ins2-c{display:block;min-height:44px;padding:12px 14px;border:1px solid #C4D3E6;border-left:4px solid #1E5AA8;border-radius:12px;background:#FBFCFE;color:#0F2A4A!important;text-decoration:none}
.ins2-c:hover{background:#F3F6FA}
.ins2-c1{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.ins2-c1 b{font-size:16px}
.ins2-num{font-size:12px;color:#53627A;font-weight:600}
.ins2-c2{font-size:14px;color:#33415C;margin-top:2px}
.ins2-c3{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12.5px;color:#53627A;margin-top:6px;align-items:center}
.ins2-et{display:inline-block;padding:2px 8px;border-radius:8px;font-weight:700;font-size:12px}
.ins2-et.ok{background:#E6F2EA;color:#1D6F42}.ins2-et.alerte{background:#FFF4DB;color:#7A5300}.ins2-et.ko{background:#FBEAEA;color:#A61B1B}.ins2-et.neutre{background:#EEF2F7;color:#53627A}
.ins2-vide{color:#53627A;padding:18px 4px;margin:0}
.ins2-ret{margin:0 0 10px}.ins2-ret .bt{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
.ins2-ft{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:10px}
.ins2-ft h2{margin:0;font-size:20px;color:#0F2A4A}
.ins2-st{padding:4px 10px;border-radius:10px;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}
.ins2-st.en_attente{background:#FFF4DB;color:#7A5300}.ins2-st.validee{background:#E6F2EA;color:#1D6F42}.ins2-st.refusee{background:#FBEAEA;color:#A61B1B}
.ins2-alerte,.ins2-ok,.ins2-prep{border-radius:10px;padding:10px 12px;margin:0 0 12px;font-size:14px;line-height:1.45}
.ins2-alerte{background:#FFF4DB;color:#5C3F00;border:1px solid #F0D79A}
.ins2-ok{background:#E6F2EA;color:#174F31;border:1px solid #B8DCC5}
.ins2-prep{background:#EAF1FB;color:#0F2A4A;border:1px solid #AFC0D6}
.ins2-dl{display:grid;grid-template-columns:1fr;gap:2px 16px;margin:0 0 14px}
.ins2-dl dt{font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:#53627A;font-weight:700;margin-top:8px}
.ins2-dl dd{margin:0;font-size:15px;color:#0F2A4A;min-width:0}
@media (min-width:760px){.ins2-dl{grid-template-columns:200px 1fr}.ins2-dl dt{margin-top:0;padding-top:4px}.ins2-dl dd{padding:3px 0 8px;border-bottom:1px solid #EEF2F7}}
.ins2-pre{white-space:pre-wrap}
.ins2-note{display:block;margin-top:6px}.ins2-note .ch{width:100%;min-height:88px}
.ins2-bts{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.ins2-bts .bt{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.ins2-act{padding-top:12px;margin-top:14px;border-top:1px solid #EEF2F7}
.ins2-hist{margin-top:14px;font-size:14px;color:#33415C}
.ins2-hist summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:700;color:#0F2A4A}
.ins2-hist ul{margin:4px 0 0;padding-left:18px}
@media (max-width:520px){.ins2{padding:12px}.ins2-bts .bt{flex:1 1 140px}.ins2-on{flex:1 1 auto;justify-content:center}}