/*
 * AICS Shift + Incident Reports Mobile Cards v1 — 26 Aug 2026
 * Presentation only. Uses existing shared report_list.php data-label attributes.
 * Desktop/tablet >= 768px are intentionally unchanged.
 */
@media (max-width: 767px) {
  /*
   * This stylesheet is loaded after Global Scroll / Desktop Resize so the
   * shared report card presentation owns overflow on phones. Reports must not
   * expose a 1050px desktop table inside a mobile viewport.
   */
  body.aics-ui-v2 .content #report-list-section.aics-report-directory .aics-report-table-wrap,
  body.aics-ui-v2 .content #report-list-section.aics-report-directory .table-wrap.aics-report-table-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    scrollbar-gutter: auto !important;
  }

  body.aics-ui-v2 #report-list-section.aics-report-directory table.report-list-table.aics-report-table,
  body.aics-ui-v2 #report-list-section.aics-report-directory .report-list-table.aics-data-table--cards {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: transparent !important;
    table-layout: auto !important;
  }

  body.aics-ui-v2 #report-list-section.aics-report-directory .report-list-table thead {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  body.aics-ui-v2 #report-list-section.aics-report-directory .report-list-table tbody {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 12px !important;
  }

  body.aics-ui-v2 #report-list-section.aics-report-directory .report-list-table tbody > tr {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 1px solid #e5d7e9 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 3px 12px rgba(17, 24, 39, .04) !important;
  }

  body.aics-ui-v2 #report-list-section.aics-report-directory .report-list-table tbody > tr:hover {
    background: #fff !important;
  }

  body.aics-ui-v2 #report-list-section.aics-report-directory .report-list-table tbody > tr > td {
    display: grid !important;
    grid-template-columns: minmax(108px, 36%) minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 10px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #eee5f0 !important;
    background: transparent !important;
    white-space: normal !important;
    text-align: left !important;
    overflow: visible !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  body.aics-ui-v2 #report-list-section.aics-report-directory .report-list-table tbody > tr > td:last-child {
    border-bottom: 0 !important;
  }

  body.aics-ui-v2 #report-list-section.aics-report-directory .report-list-table tbody > tr > td::before {
    content: attr(data-label) !important;
    display: block !important;
    min-width: 0 !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
  }

  body.aics-ui-v2 #report-list-section.aics-report-directory .report-list-table .name-cell,
  body.aics-ui-v2 #report-list-section.aics-report-directory .report-list-table .date-cell {
    min-width: 0 !important;
    white-space: normal !important;
  }

  body.aics-ui-v2 #report-list-section.aics-report-directory .report-list-table .status {
    display: inline-flex !important;
    width: fit-content !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body.aics-ui-v2 #report-list-section.aics-report-directory .report-list-table td[colspan] {
    display: block !important;
    padding: 18px 14px !important;
    text-align: center !important;
    color: #667085 !important;
  }

  body.aics-ui-v2 #report-list-section.aics-report-directory .report-list-table td[colspan]::before {
    content: none !important;
  }

  body.aics-ui-v2 #report-list-section.aics-report-directory .aics-report-actions-cell {
    align-items: center !important;
  }

  body.aics-ui-v2 #report-list-section.aics-report-directory .report-actions-menu,
  body.aics-ui-v2 #report-list-section.aics-report-directory .report-actions-menu.actions-menu {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.aics-ui-v2 #report-list-section.aics-report-directory .report-actions-menu .actions-toggle {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: auto !important;
    padding: 9px 12px !important;
    justify-content: center !important;
  }

  /* The global pagination component already owns mobile pagination. */
  body.aics-ui-v2 #report-list-section.aics-report-directory .aics-report-pagination {
    max-width: 100% !important;
  }
}

@media (max-width: 420px) {
  body.aics-ui-v2 #report-list-section.aics-report-directory .report-list-table tbody > tr > td {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }
}