/* SD ONE · lot 100 (24/10/2026) : écran « Missions masquées » et logos des partenaires. Bleu nuit, bleu, argent. Aucune animation. */
:root { --sd100-nuit: #0B1F3A; --sd100-bleu: #1E5AA8; --sd100-argent: #C9CED6; --sd100-argent2: #E6E9EE; --sd100-gris: #5B6575; }

/* ---------- Missions masquées ---------- */
.sd100-page .sd100-note { color: var(--sd100-gris); font-size: 13px; margin: 4px 0 12px; line-height: 1.45; }
.sd100-page .sd100-outils { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: flex-end; margin: 0 0 8px; }
.sd100-page .sd100-q { display: flex; flex-direction: column; gap: 4px; flex: 1 1 280px; max-width: 460px; font-size: 12px; color: var(--sd100-gris); }
.sd100-page .sd100-q input { width: 100%; box-sizing: border-box; min-height: 38px; border: 1px solid var(--sd100-argent); border-radius: 8px; padding: 6px 10px; font-size: 14px; color: var(--sd100-nuit); background: #fff; }
.sd100-page .sd100-case { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--sd100-nuit); min-height: 38px; cursor: pointer; }
.sd100-page .sd100-case input { width: 18px; height: 18px; accent-color: var(--sd100-bleu); }
.sd100-page .sd100-cpt { font-size: 12.5px; color: var(--sd100-gris); margin: 4px 0 8px; }
.sd100-page .sd100-vide { color: var(--sd100-gris); padding: 14px 0; }
.sd100-t { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.sd100-t th { text-align: left !important; padding: 8px 10px; color: #fff; background: var(--sd100-nuit); font-weight: 700; white-space: nowrap; }
.sd100-t th:first-child { border-top-left-radius: 8px; }
.sd100-t th:last-child { border-top-right-radius: 8px; }
.sd100-t td { padding: 9px 10px; border-bottom: 1px solid var(--sd100-argent2); vertical-align: middle; color: var(--sd100-nuit); }
.sd100-t td small { display: block; color: var(--sd100-gris); font-size: 12px; margin-top: 2px; }
.sd100-t tbody tr:hover td { background: #F4F6F9; }
.sd100-t td.sd100-a { text-align: right; white-space: nowrap; width: 1%; }
.sd100-t .sd100-sans { color: var(--sd100-gris); font-style: italic; }
.sd100-t .sd100-ets { margin-top: 4px; display: flex; flex-wrap: wrap; gap: 4px; }
.sd100-et { display: inline-block; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: #E8EEF7; color: var(--sd100-bleu); border: 1px solid #C9D7EC; }
.sd100-et.gris { background: var(--sd100-argent2); color: var(--sd100-gris); border-color: var(--sd100-argent); }
.sd100-reste { font-size: 12px; color: var(--sd100-gris); white-space: normal; }
.sd100-bt { min-height: 38px; }

/* ---------- Logos des partenaires : planning ---------- */
td.c-chf > .sd-av.sd100-logo { background: #fff; border-color: var(--sd100-argent); }
td.c-chf > .sd-av.sd100-logo::before { content: none !important; }
td.c-chf > .sd-av.sd100-logo > img[data-sd100img] { width: 100%; height: 100%; object-fit: contain; display: block; background: #fff; }

/* ---------- Logos des partenaires : fiche ---------- */
.sd100-fl { border: 1px solid var(--sd100-argent); border-radius: 12px; padding: 10px 14px 6px; margin: 0 0 14px; background: #F7F9FC; }
.sd100-fl > h2 { margin-top: 0 !important; }
.sd100-fl-l { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.sd100-pas { width: 72px; height: 72px; border-radius: 50%; flex: 0 0 72px; display: inline-flex; align-items: center; justify-content: center; overflow: hidden;
  background: #E3EAF3; border: 2px solid #C4D3E6; color: var(--sd100-nuit); font: 700 24px/1 Montserrat, Manrope, sans-serif; letter-spacing: .5px; }
.sd100-pas.avec { background: #fff; border-color: var(--sd100-argent); }
.sd100-pas img { width: 100%; height: 100%; object-fit: contain; display: block; }
.sd100-fl-txt { display: flex; flex-direction: column; gap: 2px; min-width: 160px; flex: 1 1 160px; }
.sd100-fl-nom { color: var(--sd100-nuit); font-size: 15px; }
.sd100-fl-et { color: var(--sd100-gris); font-size: 12.5px; }
.sd100-fl-b { display: flex; gap: 8px; flex-wrap: wrap; }
.sd100-fl .sd100-note { color: var(--sd100-gris); font-size: 12px; margin: 8px 0 4px; }

/* ---------- fenêtre d'aperçu ---------- */
.sd100-ap { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; }
.sd100-ap-g { width: 140px; height: 140px; border: 1px solid var(--sd100-argent); border-radius: 12px; background: #fff
  repeating-conic-gradient(#F0F2F5 0% 25%, #fff 0% 50%) 50% / 16px 16px; display: flex; align-items: center; justify-content: center; }
.sd100-ap-g img { max-width: 128px; max-height: 128px; display: block; }
.sd100-ap-p { display: flex; flex-direction: column; gap: 6px; min-width: 180px; }
.sd100-ap-lib { font-size: 11.5px; color: var(--sd100-gris); text-transform: uppercase; letter-spacing: .03em; }
.sd100-ap-ligne { display: flex; align-items: center; gap: 8px; color: var(--sd100-nuit); font-size: 13px; }
.sd100-ap-ligne small { display: block; color: var(--sd100-gris); font-size: 11.5px; }
.sd100-ap-av { width: 28px; height: 28px; border-radius: 50%; overflow: hidden; background: #fff; border: 1.5px solid var(--sd100-argent); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 28px; }
.sd100-ap-av img { width: 100%; height: 100%; object-fit: contain; }
.sd100-ap-av.ini { background: #E3EAF3; border-color: #C4D3E6; font: 700 10.5px/1 Montserrat, sans-serif; color: #0F2A4A; }

/* ---------- téléphone ---------- */
@media (max-width: 760px) {
  .sd100-t thead { display: none; }
  .sd100-t, .sd100-t tbody, .sd100-t tr, .sd100-t td { display: block; width: 100%; box-sizing: border-box; }
  .sd100-t tr { margin: 0 0 10px; padding: 8px 12px; border: 1px solid var(--sd100-argent); border-radius: 12px; background: #fff; }
  .sd100-t td { border: 0; padding: 5px 0; }
  .sd100-t td[data-l]::before { content: attr(data-l); display: block; font-size: 11.5px; color: var(--sd100-gris); text-transform: uppercase; letter-spacing: .03em; }
  .sd100-t td.sd100-a { text-align: left; padding-top: 8px; width: 100%; white-space: normal; }
  .sd100-t td.sd100-a .sd100-bt { width: 100%; justify-content: center; }
  .sd100-bt, .sd100-page .sd100-q input, .sd100-page .sd100-case { min-height: 44px; }
  .sd100-page .sd100-q { max-width: none; flex-basis: 100%; }
  .sd100-fl-b { width: 100%; }
  .sd100-fl-b .sd100-bt { flex: 1 1 140px; justify-content: center; }
}