.activityBridgeControls { margin: 12px 0 20px; border-block: 1px solid var(--border, #c7e5e6); }
.activityBridgeControls > details { padding: 12px 0; }
.activityBridgeControls > details + details { border-top: 1px solid #c7e5e6; }
.activityBridgeControls summary { cursor: pointer; font-weight: 650; min-height: 44px; align-content: center; }
.externalStaffForm { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; max-width: 760px; padding-block: 12px; }
.externalStaffForm label, .bridgeJob form label { display: grid; gap: 6px; min-width: 0; }
.externalPositionControl { display: grid; gap: 6px; min-width: 0; }
.externalStaffForm input:not([type=radio]):not([type=checkbox]), .externalStaffForm select { width: 100%; min-width: 0; }
.externalStaffCandidates, .externalStaffForm .bridgeConfirmation { grid-column: 1/-1; }
.externalStaffCandidates { display: grid; gap: 6px; }
.externalStaffCandidates label, .bridgeConfirmation { display: flex !important; align-items: center; gap: 10px; min-height: 44px; }
.externalStaffCandidates input, .bridgeConfirmation input { flex: 0 0 auto; width: 20px; height: 20px; }
.bridgeSyncToolbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-block: 12px; }
.bridgeJobs { max-height: 440px; overflow-y: auto; overscroll-behavior: contain; }
.bridgeJob { border-top: 1px solid #c7e5e6; padding: 16px 0; display: grid; gap: 12px; }
.bridgeJob > div { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.bridgeJob form { display: flex; align-items: end; gap: 12px; flex-wrap: wrap; }
.bridgeJob select { max-width: 100%; }
.bridgeJob form > label:first-child { flex: 1 1 240px; }
.activityBridgeControls button { min-height: 44px; max-width: 100%; white-space: normal; }
.activityBridgeControls .practicalError[hidden] { display: none; }
.practicalToolbar > label { min-width: 0; }
@media(max-width:600px) {
  .externalStaffForm { grid-template-columns: minmax(0,1fr); }
  .externalStaffForm button, .bridgeJob > button, .bridgeJob form > button { width: 100%; }
  .bridgeJob form { display: grid; grid-template-columns: minmax(0,1fr); }
  .bridgeJobs { max-height: 400px; }
}
@media(max-width:980px) {
  #practicalForm > button[data-practical-submit]:disabled { position: static; }
  .externalStaffForm input[type=radio], .externalStaffForm input[type=checkbox] { min-height: 20px; height: 20px; }
}