/* Phase 8G MAIN UI — visual-only enhancements. Existing record handlers stay intact. */
:root{--ef-card:#132642;--ef-edge:#365377;--ef-text:#dbeaff}
#recordsView .pagehead,#extraView .pagehead{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;background:#142640!important;border:1px solid #345173!important;border-radius:7px!important;padding:17px 20px!important;margin:0 0 14px!important;min-height:70px!important}
#recordsView .pagehead h2,#extraView .pagehead h2{margin:0!important;font-size:19px!important;font-weight:750!important;letter-spacing:.035em!important;color:#edf5ff!important}
#recordsView .pagehead button,#extraView .pagehead button{margin-left:auto!important;white-space:nowrap!important}
#recordsView .case-toolbar{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin:0 0 15px!important}
#recordsView .case-toolbar input{flex:1 1 320px!important;min-width:170px!important}
#recordsView .case-toolbar input,#recordsView .case-toolbar select,#extraView .ef8g-vehicle-tools input,#extraView .ef8g-vehicle-tools select{background:#11233e!important;color:#e9f2ff!important;border:1px solid #385b84!important;border-radius:6px!important;padding:11px!important;min-height:41px!important}
#recordsView .case-toolbar input::placeholder,#extraView input::placeholder{color:#9ab3d0!important}
#recordsView #recordsBody tr{box-shadow:0 3px 12px #0002}
#recordsView #recordsBody td:last-child button{font-weight:600}
#extraView .ef8g-directory{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(255px,1fr))!important;gap:15px!important}
#extraView .ef8g-detective{background:#162d4d!important;border:1px solid #375c86!important;border-radius:9px!important;padding:17px!important;display:flex!important;flex-direction:column!important;gap:12px!important}
#extraView .ef8g-vehicles{display:grid!important;gap:12px!important}
#extraView .ef8g-vehicle{display:flex!important;align-items:center!important;gap:18px!important;background:#142945!important;border:1px solid #365879!important;border-radius:9px!important;padding:16px!important;flex-wrap:wrap!important}
#extraView .ef8g-vehicle-col{min-width:105px!important}
#extraView .ef8g-vehicle-actions{display:flex!important;gap:8px!important;margin-left:auto!important}
#extraView .ef8g-vehicle-notes{width:100%!important}
/* Gang tiles retain original View Profile / Edit / Delete handlers. */
#extraView.ef-main-gangs #extraContent>.db-card{display:grid!important;grid-template-columns:minmax(180px,2.3fr) minmax(150px,1.4fr) auto!important;align-items:center!important;gap:12px 24px!important;padding:17px 20px!important;background:#142945!important;border:1px solid #365879!important;border-radius:8px!important;margin:0 0 10px!important;min-height:96px!important}
#extraView.ef-main-gangs #extraContent>.db-card h3{grid-column:1!important;margin:0!important;color:#dcecff!important}
#extraView.ef-main-gangs #extraContent>.db-card p{margin:3px 0!important;color:#a7c2e2!important}
#extraView.ef-main-gangs #extraContent>.db-card button{background:#265187!important;color:white!important;border:1px solid #3e6fa5!important;border-radius:5px!important;padding:8px 12px!important;margin:3px!important}
#extraView.ef-main-gangs #extraContent>.db-card button[data-gang-delete]{background:#783143!important;border-color:#ab5368!important}
#extraView.ef-main-gangs #extraContent>.db-card .ef-gang-card-logo,#extraView.ef-main-gangs #extraContent>.db-card .ef-gang-uploaded-logo{width:42px!important;height:42px!important;flex:none!important}
/* Other record lists: one record per full-width tile. */
#extraView.ef-main-items #extraContent>.db-card,#extraView.ef-main-contacts #extraContent>.db-card{background:#142945!important;border:1px solid #365879!important;border-radius:8px!important;padding:16px 20px!important;margin-bottom:10px!important}
@media(max-width:850px){#extraView.ef-main-gangs #extraContent>.db-card{display:block!important}#recordsView .pagehead,#extraView .pagehead{padding:13px!important}}