/* AD WORKSHOPS 2.18 : listes déroulantes, modèle « Teinté » de la charte (validé le 23/10/2026 sur KPI).
   Bouton sans contour sur fond gris bleuté, chevron qui pivote ; la liste ouverte est un menu dessiné (td.js). */
:root{--td-bg:#EEF2F7;--td-hov:#DDEFFA;--td-ring:0 0 0 1px #4DB4E8,0 0 0 4px rgba(77,180,232,.18);--td-kb:0 0 0 2px #4DB4E8}
/* Une seule épaisseur de contour (1 px) ; liste ouverte ou cliquée : filet bleu clair et halo léger ; contour net de 2 px
   seulement au clavier. Variante selon le fond (td.js) : Teinté sur fond blanc, Light (.td-light) sur fond gris ou bleu
   très clair, verre (.td-dark) sur fond sombre. */
select,.fld select,select.input,.top .space select{border:0;border-radius:10px;background-color:var(--td-bg);transition:background-color .15s,box-shadow .15s;cursor:pointer}
select:hover{border-color:transparent;background-color:var(--td-hov)}
select.td-light{background-color:#fff;box-shadow:inset 0 0 0 1px #D5DCE6}
select.td-light:hover{background-color:#fff;box-shadow:inset 0 0 0 1px #132438}
select.td-dark{background-color:rgba(255,255,255,.1);color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
select.td-dark:hover{background-color:rgba(255,255,255,.16)}
select.td-dark option{color:#132438}
select:focus,select.td-open{outline:0;border-color:transparent;background-color:#fff;box-shadow:var(--td-ring)}
select.td-dark:focus,select.td-dark.td-open{background-color:rgba(255,255,255,.16)}
select:focus-visible{box-shadow:var(--td-kb)}
.fld select:focus,.fld select.td-open{outline:0;background-color:#fff;box-shadow:var(--td-ring)}
.fld select:focus-visible{box-shadow:var(--td-kb)}
/* 2.18.2 : liste de l'espace dans la barre du haut (verre) ; la règle .top .space select ci-dessus l'emportait sur .td-dark (fond clair, texte blanc) */
.top .space select.td-dark{color:#fff;background-color:rgba(255,255,255,.1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}
.top .space select.td-dark:hover,.top .space select.td-dark:focus,.top .space select.td-dark.td-open{background-color:rgba(255,255,255,.16)}
.top .space select.td-dark.td-open{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 6.5l5-5 5 5' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
select.td-open:not(.td-dark){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 6.5l5-5 5 5' fill='none' stroke='%23132438' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat}
select[disabled]:hover{background-color:var(--td-bg)}
/* menu */
.td-m{position:fixed;z-index:400;background:#fff;border-radius:12px;box-shadow:0 12px 32px rgba(19,36,56,.18),0 2px 6px rgba(19,36,56,.08);padding:6px;overflow:auto;overscroll-behavior:contain;min-width:180px;max-width:min(440px,calc(100vw - 16px));font-family:Figtree,system-ui,sans-serif;animation:td-in .14s cubic-bezier(.2,.7,.2,1) both}
@keyframes td-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.td-m.up{animation-name:td-up}@keyframes td-up{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.td-g{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7A889C;padding:8px 12px 4px}
.td-o{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;border:0;background:transparent;border-radius:8px;padding:9px 12px;font:600 14.5px/1.3 Figtree,system-ui,sans-serif;color:#132438;text-align:left;cursor:pointer;min-height:0}
.td-o:hover,.td-o:focus-visible{background:#F4F6FA;outline:0}
.td-o:focus-visible{box-shadow:inset 0 0 0 2px #4DB4E8}
.td-o.on{background:var(--td-hov);font-weight:800}
.td-o.on::after{content:"";width:14px;height:14px;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%23132438' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.td-o:disabled{color:#A9B4C3;cursor:default;background:transparent}
.td-s{display:block;width:100%;height:40px;border:0;border-radius:8px;background:var(--td-bg);padding:0 12px;margin:0 0 6px;font:500 14.5px Figtree,system-ui,sans-serif;color:#132438}
.td-s:focus{outline:0;background:#fff;box-shadow:0 0 0 1px #4DB4E8}
.td-none{padding:10px 12px;color:#5A6B85;font-size:14px}
.td-veil{position:fixed;inset:0;background:rgba(11,23,38,.4);z-index:399;animation:td-fade .16s both}@keyframes td-fade{from{opacity:0}}
.td-m.sheet{left:0!important;right:0;bottom:0;top:auto!important;width:auto!important;max-width:none;border-radius:16px 16px 0 0;max-height:70vh;padding:10px 10px calc(12px + env(safe-area-inset-bottom));animation:td-sheet .22s cubic-bezier(.2,.7,.2,1) both}
@keyframes td-sheet{from{transform:translateY(100%)}to{transform:none}}
.td-m.sheet .td-o{min-height:48px;font-size:16px}
@media (prefers-reduced-motion:reduce){.td-m,.td-veil{animation:none}}
@media print{.td-m,.td-veil{display:none}}
.td-s{position:sticky;top:-6px;z-index:1;box-shadow:0 -6px 0 6px #fff}
.td-s:focus{box-shadow:0 0 0 1px #4DB4E8,0 -6px 0 6px #fff}
.td-m.sheet .td-s{top:-10px;box-shadow:0 -10px 0 10px #fff}
.td-m.sheet .td-s:focus{box-shadow:0 0 0 1px #4DB4E8,0 -10px 0 10px #fff}
/* dates au format français (fd.js) */
.fd-err{display:block;color:#A3220F;font-size:12.5px;font-weight:600;line-height:1.35;margin-top:2px}.fd-err:empty{display:none}
.fd-in.fd-bad{border-color:#C2410C!important;box-shadow:0 0 0 1px #C2410C}