@layer personnelEditor {
/* Office personnel editor only; also applies when moved into its dialog. */
#drivers .card.entryCard:has(#dName){width:100%!important;max-width:none!important;box-sizing:border-box;padding:14px!important;margin:0!important;min-height:0!important}
#drivers .card.entryCard:has(#dName) h3{margin:0 0 10px!important;font-size:18px!important}
#drivers .card.entryCard:has(#dName)>.grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;align-items:start!important}
#drivers .card.entryCard:has(#dName) .field{min-width:0!important;margin:0!important;padding:0!important;gap:5px!important}
#drivers .card.entryCard:has(#dName) .field>label{font-size:14px!important;line-height:1.3!important;margin:0!important;min-height:20px}
#drivers .card.entryCard:has(#dName) input:not([type=hidden]),#drivers .card.entryCard:has(#dName) select,#drivers .card.entryCard:has(#dName) textarea{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:42px!important;padding:8px 10px!important;font-size:16px!important;line-height:1.35!important}
#drivers .card.entryCard:has(#dName) textarea{height:60px!important;resize:vertical}
#drivers .card.entryCard:has(#dName) .help{font-size:12px!important;line-height:1.4!important;margin:5px 0!important}
#drivers .card.entryCard:has(#dName) .driverCardField{background:transparent!important;border:0!important;padding:0!important}
#drivers .card.entryCard:has(#dName) .btn{height:auto!important;min-height:40px!important;padding:8px 10px!important;font-size:14px!important;line-height:1.3!important;white-space:normal!important;margin:0!important}
#drivers .card.entryCard:has(#dName)>section{padding:10px!important;margin:12px 0!important}
#drivers .card.entryCard:has(#dName)>section>.grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:start!important}
#drivers .card.entryCard:has(#dName) [role=status]:empty,#drivers .card.entryCard:has(#dName) .actions:has(>button[hidden]):not(:has(>button:not([hidden]))){display:none!important}
#drivers .card.entryCard:has(#dName) .leaveInfo{padding:8px!important;margin:10px 0!important;font-size:13px!important}
#drivers .card.entryCard:has(#dName)>.actions{display:flex!important;gap:8px!important;align-items:stretch!important}
#drivers .card.entryCard:has(#dName)>.actions>.btn{flex:1 0 110px!important}
@media(max-width:1000px){#drivers .card.entryCard:has(#dName)>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:540px){#drivers .card.entryCard:has(#dName){padding:10px!important}#drivers .card.entryCard:has(#dName)>.grid,#drivers .card.entryCard:has(#dName)>section>.grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}#drivers .card.entryCard:has(#dName) .btn{min-height:44px!important}}
@media(max-width:540px){#drivers dialog:has(#dName)>header{display:flex!important;flex-wrap:wrap!important;gap:6px 10px!important;padding:10px!important}#drivers dialog:has(#dName)>header .proposalDialogLogo{order:0;flex:0 0 48px!important}#drivers dialog:has(#dName)>header h2{order:1;flex:1 1 180px!important;min-width:0!important;width:auto!important;font-size:18px!important;overflow-wrap:normal!important;margin:0!important}#drivers dialog:has(#dName)>header .portalBackButton{order:2;flex:1 0 100%!important;width:100%!important;min-height:40px!important;padding:6px 10px!important}}
}