/* Held payments and rider directory: clear operations without loud status colours. */
#admin #held-payments-pane,
#admin #riders-pane { background: linear-gradient(180deg, #fff 0%, #fcfdff 100%); }

#admin .held-dashboard-summary {
  gap: 10px;
  margin-top: 17px;
  padding: 8px;
  border: 1px solid #e4e9ef;
  border-radius: 15px;
  background: #f7f9fc;
}

#admin .held-dashboard-summary article,
#admin .held-dashboard-summary article:last-child {
  position: relative;
  min-height: 102px;
  padding: 16px;
  overflow: hidden;
  border: 1px solid #e0e6ed;
  border-radius: 11px;
  background: #fff;
}

#admin .held-dashboard-summary article::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #314e70;
}

#admin .held-dashboard-summary article:last-child::before { background: #8393a5; }
#admin .held-dashboard-summary span { color: #758397; }
#admin .held-dashboard-summary strong,
#admin .held-dashboard-summary article:last-child strong { color: #223953; }

#admin .held-dashboard-tools {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
  padding: 11px 13px;
  border: 1px solid #e4eaf1;
  border-radius: 13px;
  background: #f8fafc;
}

#admin .held-dashboard-tools label { width: min(100%, 360px); }
#admin .held-dashboard-tools input { min-height: 40px; margin-top: 5px; background: #fff; }
#admin .held-dashboard-tools .rider-action { margin: 0; }

#admin .held-dashboard-list {
  display: grid;
  gap: 9px;
  overflow: visible;
  margin-top: 14px;
  border: 0;
  background: transparent;
}

#admin .held-dashboard-row {
  position: relative;
  min-height: 91px;
  padding: 15px 16px 15px 20px;
  overflow: hidden;
  border: 1px solid #e0e6ed;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(22, 42, 76, .025);
}

#admin .held-dashboard-row::before {
  content: '';
  position: absolute;
  top: 16px;
  bottom: 16px;
  left: 0;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: #657b94;
}

#admin .held-dashboard-main { gap: 2px; }
#admin .held-dashboard-period {
  width: fit-content;
  margin-bottom: 4px;
  padding: 4px 7px;
  border-radius: 6px;
  background: #eef2f6;
  color: #536a83;
  font-size: 10px;
  font-weight: 800;
}

#admin .held-dashboard-main b { color: #203550; font-size: 14px; }
#admin .held-dashboard-main small { color: #8090a2; }
#admin .held-dashboard-side { gap: 9px; }
#admin .held-dashboard-side strong { color: #263f5d; font-size: 16px; }
#admin .held-dashboard-side div { gap: 6px; }
#admin .held-dashboard-side .rider-action { border-color: #d8e1eb; background: #f8fafc; color: #3c5571; }
#admin .held-dashboard-side .rider-action.edit { border-color: #cedae8; background: #f3f6fa; color: #2d496a; }
#admin .held-dashboard-side .rider-action.manage { border-color: #ead6d6; background: #fffafa; color: #955252; }

#admin .held-dashboard-pagination { margin-top: 16px; padding-top: 14px; border-top: 1px solid #edf1f5; }

#admin #riders-pane .form-grid.three {
  gap: 10px;
  margin-top: 17px;
  padding: 9px;
  border: 1px solid #e4eaf1;
  border-radius: 15px;
  background: #f8fafc;
}

#admin #riders-pane .form-grid.three label {
  margin: 0;
  padding: 13px;
  border: 1px solid #e0e6ee;
  border-radius: 11px;
  background: #fff;
}

#admin #riders-pane .form-grid.three input { min-height: 42px; margin-top: 8px; background: #fbfcfe; }
#admin #riders-pane .form-grid.three + .primary { min-height: 48px; margin-top: 14px; background: #213a5b; box-shadow: none; }

#admin .rider-directory-tools {
  margin-top: 17px;
  padding: 11px 13px;
  border: 1px solid #e4eaf1;
  border-radius: 13px;
  background: #f8fafc;
}

#admin .rider-directory-tools input { min-height: 40px; margin-top: 5px; background: #fff; }

#admin #rider-list {
  margin-top: 14px;
  border-color: #e1e7ee;
  border-radius: 14px;
  background: #f8fafc;
}

#admin .rider-list-heading {
  padding: 14px 16px;
  border-bottom: 1px solid #e3e9f0;
  background: #f4f7fa;
  color: #314a67;
}

#admin .rider-list-heading span { background: #e8eef5; color: #435c78; }

#admin .rider-row {
  position: relative;
  min-height: 74px;
  padding: 14px 16px 14px 20px;
  border-top-color: #e9eef3;
  background: #fff;
}

#admin .rider-row::before {
  content: '';
  position: absolute;
  top: 15px;
  bottom: 15px;
  left: 0;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: #314e70;
}

#admin .rider-row.is-disabled::before { background: #a5afbb; }
#admin .rider-row.is-disabled { background: #fbfcfd; }
#admin .rider-identity b { color: #203550; font-size: 14px; }
#admin .rider-identity span { color: #74859a; }
#admin .rider-account-summary { border-left-color: #e4e9ef; }
#admin .rider-account-summary span { color: #8290a1; }
#admin .rider-account-summary b { color: #314c6d; }
#admin .rider-activity.active { background: #eef3f7; color: #3f5872; }
#admin .rider-activity.inactive { background: #f1f3f5; color: #7c8997; }

#admin .rider-pagination { padding: 13px 16px; border-top-color: #e3e9f0; background: #f8fafc; }

@media (max-width: 650px) {
  #admin .held-dashboard-tools { align-items: stretch; flex-direction: column; padding: 11px; }
  #admin .held-dashboard-tools label,
  #admin .held-dashboard-tools .rider-action { width: 100%; }
  #admin .held-dashboard-row { padding: 14px 14px 14px 18px; }
  #admin #riders-pane .form-grid.three { grid-template-columns: 1fr; }
  #admin .rider-directory-tools { justify-content: stretch; padding: 10px; }
  #admin .rider-directory-tools label { width: 100%; }
  #admin .rider-row { padding: 14px 14px 14px 18px; }
  #admin .rider-account-summary { border-left: 0; border-top: 1px solid #e6ebf0; }
}