/* lot 27 (23/10/2026) : boîte aux lettres des e-mails du dossier. Bleu nuit, bleu, argent. */
.sd27-actif .sdm-msg { display: none; } /* l'ancien tableau est remplacé par la boîte ; il revient si la boîte ne répond pas */
.sd27 { margin: 0 0 18px; padding: 14px 16px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px #DCE4EF; color: #0F2A4A; }
.sd27-tete { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; }
.sd27-tete .wp6a-h3 { margin: 0; }
.sd27-note { font-size: 12px; color: #4F6478; }
.sd27-ong { display: flex; gap: 6px; margin: 12px 0 8px; flex-wrap: wrap; }
.sd27-ong button { min-height: 40px; padding: 0 14px; border: 0; border-radius: 10px; background: #EEF3FA; color: #0F2A4A; font: 700 13px Manrope, "Segoe UI", Arial, sans-serif; cursor: pointer; }
.sd27-ong button.on { background: #0F2A4A; color: #fff; }
.sd27-ong em { font-style: normal; display: inline-block; min-width: 20px; margin-left: 4px; padding: 0 6px; border-radius: 10px; background: rgba(30, 90, 168, .14); font-size: 11px; }
.sd27-ong button.on em { background: rgba(255, 255, 255, .2); }
.sd27-b { min-height: 36px; padding: 0 12px; border: 0; border-radius: 9px; background: #fff; color: #0F2A4A; box-shadow: 0 0 0 1px #C4D3E6; font: 700 12.5px Manrope, "Segoe UI", Arial, sans-serif; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease; }
.sd27-b:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 0 0 1px #A9BCD5, 0 6px 14px rgba(15, 42, 74, .12); }
.sd27-b:disabled { opacity: .45; cursor: default; }
.sd27-ok { background: #0F2A4A; color: #fff; box-shadow: none; }
.sd27-act { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 4px 0 8px; }
.sd27-tout { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding-right: 6px; font-size: 13px; font-weight: 600; cursor: pointer; }
.sd27-liste { display: flex; flex-direction: column; border-radius: 10px; box-shadow: 0 0 0 1px #DCE4EF; overflow: hidden; max-height: 460px; overflow-y: auto; }
.sd27-l { display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: 8px; padding: 8px 10px; border-top: 1px solid #EEF3FA; }
.sd27-l:first-child { border-top: 0; }
.sd27-l.sel { background: #F2F6FC; }
.sd27-c { display: flex; align-items: center; justify-content: center; min-height: 36px; cursor: pointer; }
.sd27-c input, .sd27-tout input { width: 18px; height: 18px; accent-color: #1E5AA8; }
.sd27-m { min-width: 0; }
.sd27-m b { display: block; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sd27-m small { display: block; font-size: 11.5px; color: #4F6478; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sd27-d { display: flex; align-items: center; gap: 6px; }
.sd27-test { padding: 2px 8px; border-radius: 8px; background: #EEF3FA; color: #1E5AA8; font-size: 11px; font-weight: 800; letter-spacing: .5px; }
.sd27-tests, .sd27-conf { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 10px; padding: 8px 10px; border-radius: 10px; background: #F2F6FC; box-shadow: 0 0 0 1px #DCE4EF; font-size: 13px; }
.sd27-conf { background: #FFF4F5; box-shadow: 0 0 0 1px #F3C3CA; }
.sd27-tests span, .sd27-conf span { flex: 1 1 220px; }
@media (max-width: 760px) {
  .sd27 { padding: 12px; }
  .sd27-l { grid-template-columns: 44px 1fr; }
  .sd27-d { grid-column: 2; flex-wrap: wrap; }
  .sd27-m b, .sd27-m small { white-space: normal; }
  .sd27-b, .sd27-ong button, .sd27-tout, .sd27-c { min-height: 44px; }
}