/* Unified DB + HC directory. Uses the existing responsive card design. */
#lspdHCSection{margin-top:20px;padding:20px;background:#12223d;border:1px solid #365273;border-radius:9px}
#lspdHCSection .lspd-hc-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
#lspdHCSection .lspd-hc-heading h3{margin:0 0 6px;color:#e4efff;font-size:16px;letter-spacing:.04em}
#lspdHCSection .lspd-hc-heading p{margin:0;color:#afc7e6}
#lspdHCStatus{margin:0 0 14px;color:#adc9ec;font-size:13px}
#extraView #lspdHCGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#extraView #lspdHCGrid .ef8g-detective{min-width:0;display:flex;flex-direction:column;gap:15px;background:#1a2d4b;border:1px solid #39577e;border-radius:10px;padding:20px;min-height:220px}
#extraView #lspdHCGrid .ef8g-detective-top{display:flex;align-items:center;gap:16px}
#extraView #lspdHCGrid .ef8g-detective-avatar{width:68px;height:68px;min-width:68px;display:grid;place-items:center;background:#2b4b74;color:#f0cb7a;font-size:26px;border-radius:9px}
#extraView #lspdHCGrid .ef8g-detective-name{color:#e4efff;font-size:16px;font-weight:700}
#extraView #lspdHCGrid .ef8g-detective-meta{color:#bed3ee;font-size:13px;line-height:1.6}
#extraView #lspdHCGrid .ef8g-detective-stats{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #365273;padding-top:12px;color:#cfe0f7;font-size:13px}
#extraView #lspdHCGrid .lspd-hc-note{color:#c5d8ef;font-size:13px;overflow-wrap:anywhere;margin:0}
#extraView #lspdHCGrid button{border:1px solid #557da9;border-radius:6px;background:#2d4c76;color:white;padding:9px 12px;cursor:pointer}
#extraView #lspdHCGrid [data-hc-view]{margin-top:auto;width:100%;font-weight:600}
#extraView #lspdHCGrid .lspd-hc-card-controls{display:flex;gap:8px}
#extraView #lspdHCGrid .lspd-hc-card-controls button{flex:1}
#extraView #lspdHCGrid [data-hc-remove],.lspd-hc-modal .lspd-danger{background:#713747;border-color:#a85c70;color:white}
.lspd-hc-modal .lspd-hc-profile{line-height:1.7;color:#d5e4fa}
@media(max-width:1100px){#extraView #lspdHCGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#extraView #lspdHCGrid{grid-template-columns:minmax(0,1fr)}#lspdHCSection{padding:12px}#lspdHCSection .lspd-hc-heading{flex-wrap:wrap}}

/* Account card for Clay Spenser belongs in High Command, not Detective Bureau. */
#lspdHCOwnerGrid{margin:14px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
#lspdHCOwnerGrid:empty{display:none}
#lspdHCOwnerGrid .lspd-hc-owner-card{min-width:0}