section[data-css="sidebar-footer"] {
  display: none;
}

a[data-css="sidebar-logo"] {
  img {
    display: none;
  }
}

/* Responsive Sidebar Behavior */
/* For tablets (720px and above): Show sidebar without hamburger menu */
@media (min-width: 720px) {
  /* Force sidebar to be visible and positioned statically on tablet+ */
  [data-css="sidebar"] {
    position: static !important;
    left: 0 !important;
    z-index: auto !important;
  }

  /* Hide hamburger menu on tablet+ - comprehensive targeting */
  [data-css="topbar"] > div:first-child,
  [data-css="topbar"] > *:first-child {
    display: none !important;
  }

  /* Target AdminJS Box component with Menu icon specifically */
  [data-css="topbar"] div[style*="cursor: pointer"],
  [data-css="topbar"] > div[style*="cursor"],
  [data-css="topbar"] > *[style*="cursor: pointer"] {
    display: none !important;
  }

  /* Target Menu icon specifically - AdminJS uses Icon component with icon="Menu" */
  [data-css="topbar"] > div:first-child svg,
  [data-css="topbar"] > *:first-child svg {
    display: none !important;
  }

  /* Ensure app content adjusts for static sidebar */
  [data-css="app-content"] {
    margin-left: 0 !important;
  }
}

/* For mobile (below 720px): Keep current hamburger menu behavior */
@media (max-width: 719px) {
  /* Ensure sidebar can be toggled on mobile */
  [data-css="sidebar"] {
    position: absolute !important;
    transition: left 0.25s ease-in-out !important;
  }

  /* Show hamburger menu on mobile */
  [data-css="topbar"] > div:first-child {
    display: block !important;
  }

  /* Hide sidebar by default on mobile when not visible */
  /* [data-css="sidebar"]:not(.visible) { */
  /* left: -280px !important; */
  /* AdminJS default sidebar width */
  /* } */

  /* Show sidebar when visible on mobile */
  [data-css="sidebar"].visible {
    left: 0 !important;
  }
}

/* TrainingSite drawer content - responsive 3-column grid */
section[data-css="TrainingSite-show-drawer-content"] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding: 1rem;
  max-width: 100%;
  overflow: hidden;
}

section[data-css="TrainingSite-show-drawer-content"] [data-css="TrainingSite-show-relations"] {
  grid-column: 1 / -1; /* Span all columns */
  width: 100%;
}
section[data-css="TrainingSite-show-drawer-content"] [data-css="TrainingSite-show-commentsReadOnly"] {
  grid-column: 1 / -1; /* Span all columns */
  width: 100%;
}

/* Ensure content within grid items is properly visible */
section[data-css="TrainingSite-show-drawer-content"] > * {
  min-width: 0; /* Prevents grid items from overflowing */
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Responsive design for tablets */
@media (max-width: 768px) {
  section[data-css="TrainingSite-show-drawer-content"] {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    padding: 0.75rem;
  }
}

/* Responsive design for mobile */
@media (max-width: 480px) {
  section[data-css="TrainingSite-show-drawer-content"] {
    grid-template-columns: 1fr;
    gap: 0.5rem;
    padding: 0.5rem;
  }
}

/* TrainingSite drawer content - responsive 3-column grid */
section[data-css="Reassessment-show-drawer-content"] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding: 1rem;
  max-width: 100%;
  overflow: hidden;
}

section[data-css="Reassessment-show-drawer-content"] [data-css="Reassessment-show-relations"] {
  grid-column: 1 / -1; /* Span all columns */
  width: 100%;
}
section[data-css="Reassessment-show-drawer-content"] [data-css="Reassessment-show-commentsReadOnly"] {
  grid-column: 1 / -1; /* Span all columns */
  width: 100%;
}

/* Ensure content within grid items is properly visible */
section[data-css="Reassessment-show-drawer-content"] > * {
  min-width: 0; /* Prevents grid items from overflowing */
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Responsive design for tablets */
@media (max-width: 768px) {
  section[data-css="Reassessment-show-drawer-content"] {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    padding: 0.75rem;
  }
}

/* Responsive design for mobile */
@media (max-width: 480px) {
  section[data-css="Reassessment-show-drawer-content"] {
    grid-template-columns: 1fr;
    gap: 0.5rem;
    padding: 0.5rem;
  }
}

/* TrainingSite drawer content - responsive 3-column grid */
section[data-css="AssessmentSite-show-drawer-content"] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding: 1rem;
  max-width: 100%;
  overflow: hidden;
}

section[data-css="AssessmentSite-show-drawer-content"] [data-css="TrainingSite-show-relations"] {
  grid-column: 1 / -1; /* Span all columns */
  width: 100%;
}
section[data-css="AssessmentSite-show-drawer-content"] [data-css="TrainingSite-show-commentsReadOnly"] {
  grid-column: 1 / -1; /* Span all columns */
  width: 100%;
}

/* Ensure content within grid items is properly visible */
section[data-css="AssessmentSite-show-drawer-content"] > * {
  min-width: 0; /* Prevents grid items from overflowing */
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Responsive design for tablets */
@media (max-width: 768px) {
  section[data-css="AssessmentSite-show-drawer-content"] {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    padding: 0.75rem;
  }
}

/* Responsive design for mobile */
@media (max-width: 480px) {
  section[data-css="AssessmentSite-show-drawer-content"] {
    grid-template-columns: 1fr;
    gap: 0.5rem;
    padding: 0.5rem;
  }
}

/* TrainingSite drawer content - responsive 3-column grid */
section[data-css="AssessmentTrainingBatch-show-drawer-content"] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding: 1rem;
  max-width: 100%;
  overflow: hidden;
}

section[data-css="AssessmentTrainingBatch-show-drawer-content"] [data-css="TrainingSite-show-relations"] {
  grid-column: 1 / -1; /* Span all columns */
  width: 100%;
}
section[data-css="AssessmentTrainingBatch-show-drawer-content"] [data-css="TrainingSite-show-commentsReadOnly"] {
  grid-column: 1 / -1; /* Span all columns */
  width: 100%;
}

/* Ensure content within grid items is properly visible */
section[data-css="AssessmentTrainingBatch-show-drawer-content"] > * {
  min-width: 0; /* Prevents grid items from overflowing */
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Responsive design for tablets */
@media (max-width: 768px) {
  section[data-css="AssessmentTrainingBatch-show-drawer-content"] {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    padding: 0.75rem;
  }
}

/* Responsive design for mobile */
@media (max-width: 480px) {
  section[data-css="AssessmentTrainingBatch-show-drawer-content"] {
    grid-template-columns: 1fr;
    gap: 0.5rem;
    padding: 0.5rem;
  }
}

section[data-css="AssessmentTrainingBatch-show-drawer-content"] [data-css="AssessmentTrainingBatch-show-relations"] {
  grid-column: 1 / -1; /* Span all columns */
  width: 100%;
}

/* TrainingSite drawer content - responsive 3-column grid */
section[data-css="TrainingBatch-show-drawer-content"] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding: 1rem;
  max-width: 100%;
  overflow: hidden;
}

section[data-css="TrainingBatch-show-drawer-content"] [data-css="TrainingBatch-show-relations"] {
  grid-column: 1 / -1; /* Span all columns */
  width: 100%;
}

section[data-css="TrainingBatch-show-drawer-content"] [data-css="TrainingBatch-show-commentsReadOnly"] {
  grid-column: 1 / -1; /* Span all columns */
  width: 100%;
}
/* Ensure content within grid items is properly visible */
section[data-css="TrainingBatch-show-drawer-content"] > * {
  min-width: 0; /* Prevents grid items from overflowing */
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Responsive design for tablets */
@media (max-width: 768px) {
  section[data-css="TrainingBatch-show-drawer-content"] {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    padding: 0.75rem;
  }
}

/* Responsive design for mobile */
@media (max-width: 480px) {
  section[data-css="TrainingBatch-show-drawer-content"] {
    grid-template-columns: 1fr;
    gap: 0.5rem;
    padding: 0.5rem;
  }
}

/* ConstructionWorker, AssessmentAgency, Users,Project */

/* ConstructionWorker drawer content - responsive 3-column grid */
section[data-css="ConstructionWorker-show-drawer-content"] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding: 1rem;
  max-width: 100%;
  overflow: hidden;
}

/* Ensure content within grid items is properly visible */
section[data-css="ConstructionWorker-show-drawer-content"] > * {
  min-width: 0; /* Prevents grid items from overflowing */
  word-wrap: break-word;
  overflow-wrap: break-word;
}

section[data-css="ConstructionWorker-show-drawer-content"] [data-css="ConstructionWorker-show-relations"] {
  grid-column: 1 / -1; /* Span all columns */
  width: 100%;
}

/* Responsive design for tablets */
@media (max-width: 768px) {
  section[data-css="ConstructionWorker-show-drawer-content"] {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    padding: 0.75rem;
  }
}

/* Responsive design for mobile */
@media (max-width: 480px) {
  section[data-css="ConstructionWorker-show-drawer-content"] {
    grid-template-columns: 1fr;
    gap: 0.5rem;
    padding: 0.5rem;
  }
}

/* AssessmentAgency drawer content - responsive 3-column grid */
section[data-css="AssessmentAgency-show-drawer-content"] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding: 1rem;
  max-width: 100%;
  overflow: hidden;
}

/* Ensure content within grid items is properly visible */
section[data-css="AssessmentAgency-show-drawer-content"] > * {
  min-width: 0; /* Prevents grid items from overflowing */
  word-wrap: break-word;
  overflow-wrap: break-word;
}
section[data-css="AssessmentAgency-show-drawer-content"] [data-css="AssessmentAgency-show-relations"] {
  grid-column: 1 / -1; /* Span all columns */
  width: 100%;
}

/* Responsive design for tablets */
@media (max-width: 768px) {
  section[data-css="AssessmentAgency-show-drawer-content"] {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    padding: 0.75rem;
  }
}

/* Responsive design for mobile */
@media (max-width: 480px) {
  section[data-css="AssessmentAgency-show-drawer-content"] {
    grid-template-columns: 1fr;
    gap: 0.5rem;
    padding: 0.5rem;
  }
}

/* Users drawer content - responsive 3-column grid */
section[data-css="Users-show-drawer-content"] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding: 1rem;
  max-width: 100%;
  overflow: hidden;
}

/* Ensure content within grid items is properly visible */
section[data-css="Users-show-drawer-content"] > * {
  min-width: 0; /* Prevents grid items from overflowing */
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Users relations section - full width across all columns */
section[data-css="Users-show-drawer-content"] [data-css="Users-show-relations"] {
  grid-column: 1 / -1; /* Span all columns */
  width: 100%;
}

/* Responsive design for tablets */
@media (max-width: 768px) {
  section[data-css="Users-show-drawer-content"] {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    padding: 0.75rem;
  }
}

/* Responsive design for mobile */
@media (max-width: 480px) {
  section[data-css="Users-show-drawer-content"] {
    grid-template-columns: 1fr;
    gap: 0.5rem;
    padding: 0.5rem;
  }
}

/* Project drawer content - responsive 3-column grid */
section[data-css="Project-show-drawer-content"] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding: 1rem;
  max-width: 100%;
  overflow: hidden;
}

/* Ensure content within grid items is properly visible */
section[data-css="Project-show-drawer-content"] > * {
  min-width: 0; /* Prevents grid items from overflowing */
  word-wrap: break-word;
  overflow-wrap: break-word;
}

section[data-css="Project-show-drawer-content"] [data-css="Project-show-relations"] {
  grid-column: 1 / -1; /* Span all columns */
  width: 100%;
}

/* Responsive design for tablets */
@media (max-width: 768px) {
  section[data-css="Project-show-drawer-content"] {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    padding: 0.75rem;
  }
}

/* Responsive design for mobile */
@media (max-width: 480px) {
  section[data-css="Project-show-drawer-content"] {
    grid-template-columns: 1fr;
    gap: 0.5rem;
    padding: 0.5rem;
  }
}

/* Hide cancel button specifically for TrainingBatchWorker new form */
button[data-css="TrainingBatchWorker-new-drawer-cancel"],
button[data-testid="button-cancel"][data-css*="TrainingBatchWorker"] {
  display: none !important;
}

button[data-css="TrainingBatchWorker-new-drawer-submit"],
button[data-testid="button-submit"][data-css*="TrainingBatchWorker"] {
  display: none !important;
}

section[data-css="ReassessmentBatchWorker-new-drawer-footer"] {
  display: none !important;
}

section[data-css="TrainingBatch-list-table-wrapper"] {
  overflow-x: auto;
}
section[data-css="TrainingSite-list-table-wrapper"] {
  overflow-x: auto;
}

section[data-css="AssessmentTrainingBatch-list-table-wrapper"] {
  overflow-x: auto;
}
section[data-css="AssessmentSite-list-table-wrapper"] {
  overflow-x: auto;
}

section[data-css="SiteReport-list-table-wrapper"] {
  overflow-x: auto;
}

section[data-css="SummaryBatchReport-list-table-wrapper"] {
  overflow-x: auto;
}

section[data-css="DetailedBatchReport-list-table-wrapper"] {
  overflow-x: auto;
}
section[data-css="ReassessmentBatchReport-list-table-wrapper"] {
  overflow-x: auto;
}

section[data-css="CandidateDetailReport-list-table-wrapper"] {
  overflow-x: auto;
}
section[data-css="PhotoVideoReport-list-table-wrapper"] {
  overflow-x: auto;
}
section[data-css="TrainerReport-list-table-wrapper"] {
  overflow-x: auto;
}
section[data-css="BatchFilesReport-list-table-wrapper"] {
  width: 100%;
  display: block;
  overflow-x: auto;
  padding-bottom: 1rem;
}

/* Make the table inside BatchFilesReport scrollable horizontally */
section[data-css="BatchFilesReport-list-table-wrapper"] table {
  min-width: 100%;
  width: max-content;
  margin-bottom: 0;
}

section[data-css="AssessmentBatchFilesReport-list-table-wrapper"] {
  width: 100%;
  display: block;
  overflow-x: auto;
  padding-bottom: 1rem;
}

/* Make the table inside AssessmentBatchFilesReport scrollable horizontally */
section[data-css="AssessmentBatchFilesReport-list-table-wrapper"] table {
  min-width: 100%;
  width: max-content;
  margin-bottom: 0;
}
section[data-css="DeletedSiteReport-list-table-wrapper"] {
  overflow-x: auto;
}

section[data-css="DiscontinuedBatchReport-list-table-wrapper"] {
  overflow-x: auto;
}

section[data-css="DeletedBatchReport-list-table-wrapper"] {
  overflow-x: auto;
}

section[data-css="BiometricAttendance-list-table-wrapper"] {
  overflow-x: auto;
  background-color: transparent !important;
}

table[data-css="BiometricAttendance-table"] {
  background-color: white !important;
}

/* Fix bulk actions caption positioning to remove gap */
caption[data-css="BiometricAttendance-table-caption"] {
  position: relative !important;
  top: 0 !important;
  transform: none !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 4px 16px !important;
}

/* Ensure the inner content spans full width */
caption[data-css="BiometricAttendance-table-caption"] > section {
  width: 100% !important;
  min-width: max-content !important;
}

section[data-css="CorrectedAttendance-list-table-wrapper"] {
  overflow-x: auto;
  background-color: transparent !important;
}

table[data-css="CorrectedAttendance-table"] {
  background-color: white !important;
}

/* Fix bulk actions caption positioning to remove gap */
caption[data-css="CorrectedAttendance-table-caption"] {
  position: relative !important;
  top: 0 !important;
  transform: none !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 4px 16px !important;
}

/* Ensure the inner content spans full width */
caption[data-css="CorrectedAttendance-table-caption"] > section {
  width: 100% !important;
  min-width: max-content !important;
}

section[data-css="MissingAttendance-list-table-wrapper"] {
  overflow-x: auto;
  background-color: transparent !important;
}

table[data-css="MissingAttendance-table"] {
  background-color: white !important;
}

/* Fix bulk actions caption positioning to remove gap */
caption[data-css="MissingAttendance-table-caption"] {
  position: relative !important;
  top: 0 !important;
  transform: none !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 4px 16px !important;
}

/* Ensure the inner content spans full width */
caption[data-css="MissingAttendance-table-caption"] > section {
  width: 100% !important;
  min-width: max-content !important;
}

/* section[data-css="CorrectedAttendance-list-table-wrapper"] {
  overflow-x: auto;
} */
/* section[data-css="MissingAttendance-list-table-wrapper"] {
  overflow-x: auto;
} */
section[data-css="AttendanceReport-list-table-wrapper"] {
  overflow-x: auto;
}
section[data-css="TrainingBatchTrainer-edit-drawer-footer"] {
  display: none !important;
}
section[data-css="TrainingBatchTrainer-new-drawer-footer"] {
  display: none !important;
}

td {
  white-space: nowrap;
}

/* Responsive Grid Layout for Assessment Update Form */
.info-grid {
  display: grid;
  gap: 16px;
  border: 1px solid #ffffff;
  border-radius: 8px;
  padding: 16px;
  background-color: #ffffff;
}

/* Mobile: 1 column */
@media (max-width: 767px) {
  .info-grid {
    grid-template-columns: 1fr;
  }
}

/* Tablet: 2 columns */
@media (min-width: 768px) and (max-width: 1023px) {
  .info-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Desktop: 3 columns */
@media (min-width: 1024px) {
  .info-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Hide unwanted "0" text after action buttons in tables */
section.adminjs_Box:has(button[data-testid="action-show"]) {
  font-size: 0;
}

section.adminjs_Box:has(button[data-testid="action-show"]) button {
  font-size: 14px;
}

/* Alternative approach if :has() is not supported */
.sc-dmqHEX.bmBKuX.adminjs_Box {
  font-size: 0;
}

.sc-dmqHEX.bmBKuX.adminjs_Box button {
  font-size: 14px;
}

.bg-white {
  background-color: white !important;
}

.text-nowrap {
  white-space: nowrap !important;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media (max-width: 768px) {
  .training-batch-form-left {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
  }
  .training-batch-form-right {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    position: relative !important;
    top: 0 !important;
    margin-top: 24px !important;
  }
}

.training-batch-form-right {
  margin-left: 10px !important;
/* Attendance Table Styles */
.attendance-table-wrapper {
  overflow-x: auto;
  overflow-y: auto;
}

.attendance-table-wrapper::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.attendance-table-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
}

.attendance-table-wrapper::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}

.attendance-table-wrapper::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.attendance-table {
  border-spacing: 0;
}

.attendance-table thead th {
  font-weight: 600;
  letter-spacing: 0.3px;
  user-select: none;
}

.attendance-table tbody td {
  transition: background-color 0.15s ease;
}

.attendance-table tbody tr:hover td {
  background-color: #f0f7ff !important;
}

.attendance-table tbody td span:hover {
  background-color: rgba(52, 152, 219, 0.1);
}

.attendance-table input:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.3);
}