/* Phase 8G: Personnel Directory responsive card layout (2026-10-23). */
#extraView #efDirectoryGrid.ef8g-directory {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  align-items:stretch!important;
}
#extraView #efDirectoryGrid .ef8g-detective {
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  min-height:220px!important;
  background:#1a2d4b!important;
  border:1px solid #39577e!important;
  border-radius:10px!important;
  padding:20px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  box-shadow:0 4px 16px rgba(0,0,0,.12)!important;
}
#extraView #efDirectoryGrid .ef8g-detective-top {display:flex!important;align-items:center!important;gap:16px!important;min-width:0!important}
#extraView #efDirectoryGrid .ef8g-detective-avatar {width:68px!important;height:68px!important;min-width:68px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;background:#2b4b74!important;font-size:28px!important;overflow:hidden!important}
#extraView #efDirectoryGrid .ef8g-detective-avatar img {width:100%!important;height:100%!important;object-fit:cover!important}
#extraView #efDirectoryGrid .ef8g-detective-name {font-size:16px!important;font-weight:700!important;color:#e4efff!important;overflow-wrap:anywhere!important}
#extraView #efDirectoryGrid .ef8g-detective-meta {font-size:13px!important;line-height:1.6!important;color:#bed3ee!important}
#extraView #efDirectoryGrid .ef8g-detective-stats {display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:8px!important;border-top:1px solid #365273!important;padding-top:13px!important;color:#cfe0f7!important}
#extraView #efDirectoryGrid .ef8g-detective > button {margin-top:auto!important;width:100%!important;min-height:37px!important;border-radius:6px!important;background:#2d4c76!important;border:1px solid #557da9!important;color:#fff!important;font-weight:600!important;cursor:pointer!important}
#extraView #efDirectoryGrid .ef8g-detective > button:hover {background:#396398!important}
#extraView #efDirectorySearch {background:#0f213a!important;border:1px solid #385a80!important;border-radius:6px!important;color:#e5f0ff!important;padding:10px 12px!important;box-sizing:border-box!important}
#extraView #efDirectorySearch::placeholder {color:#9bb5d4!important}
@media (max-width:1100px) {#extraView #efDirectoryGrid.ef8g-directory {grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:650px) {#extraView #efDirectoryGrid.ef8g-directory {grid-template-columns:minmax(0,1fr)!important}#extraView #efDirectoryGrid .ef8g-detective {min-height:205px!important}}