/* =========================================================
   IV + QR project dashboards — mobile only (<768px)
   Loaded only by informed-visibility-dashboard + qrproject_dashboard.
   Desktop layout unchanged (rules inside max-width block only).
========================================================= */

/* ----- Header card actions (Refresh / New Project) ----- */
.bw-dashboard-card-actions.dashboard-actions,
.bw-dashboard-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

@media (max-width: 768px) {
  .bw-dashboard-card-actions.dashboard-actions,
  .bw-dashboard-card-actions.actions {
    flex-direction: column;
    align-items: stretch;
  }

  .bw-dashboard-card-actions button,
  .bw-dashboard-card-actions .btn,
  .bw-dashboard-card-actions a.btn {
    width: 100%;
    box-sizing: border-box;
  }

  body {
    font-size: 14px;
  }

  .page-inner .card {
    padding: 14px;
  }

  /* Kill horizontal scroll from fixed min-width tables */
  .page-inner .card .table-wrap,
  .page-inner .card .table-scroll {
    overflow-x: hidden;
    max-width: 100%;
  }

  .page-inner .table-scroll table.qr-projects-table.bw-table {
    min-width: 0 !important;
    width: 100%;
  }

  table.iv-projects-table.bw-table,
  table.qr-projects-table.bw-table {
    width: 100%;
    table-layout: fixed;
  }

  /* Card rows */
  table.iv-projects-table.bw-table thead,
  table.qr-projects-table.bw-table thead {
    display: none;
  }

  table.iv-projects-table.bw-table tbody tr:not(.bw-dash-meta-tr),
  table.qr-projects-table.bw-table tbody tr:not(.bw-dash-meta-tr) {
    display: block;
    margin-bottom: 16px;
    padding: 12px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 170, 60, 0.1);
  }

  table.iv-projects-table.bw-table tbody tr.bw-dash-meta-tr,
  table.qr-projects-table.bw-table tbody tr.bw-dash-meta-tr {
    display: block;
    margin-bottom: 0;
    padding: 0;
    background: transparent;
    border: none;
  }

  table.iv-projects-table.bw-table tbody tr.bw-dash-meta-tr td,
  table.qr-projects-table.bw-table tbody tr.bw-dash-meta-tr td {
    display: block !important;
    width: 100% !important;
    text-align: center;
    padding: 16px 12px;
    border: none;
  }

  table.iv-projects-table.bw-table tbody tr.bw-dash-meta-tr td::before,
  table.qr-projects-table.bw-table tbody tr.bw-dash-meta-tr td::before {
    content: none !important;
    display: none !important;
  }

  /* Cells: label + value grid */
  table.iv-projects-table.bw-table tbody tr:not(.bw-dash-meta-tr) td,
  table.qr-projects-table.bw-table tbody tr:not(.bw-dash-meta-tr) td {
    display: grid;
    grid-template-columns: minmax(0, 42%) 1fr;
    gap: 8px 12px;
    align-items: start;
    padding: 6px 0;
    border: none;
    border-bottom: 1px solid rgba(255, 170, 60, 0.08);
  }

  table.iv-projects-table.bw-table tbody tr:not(.bw-dash-meta-tr) td:last-child,
  table.qr-projects-table.bw-table tbody tr:not(.bw-dash-meta-tr) td:last-child {
    border-bottom: none;
  }

  table.iv-projects-table.bw-table tbody tr:not(.bw-dash-meta-tr) td::before,
  table.qr-projects-table.bw-table tbody tr:not(.bw-dash-meta-tr) td::before {
    content: attr(data-label);
    grid-column: 1;
    font-weight: 600;
    font-size: 12px;
    color: rgba(245, 230, 207, 0.45);
  }

  table.iv-projects-table.bw-table tbody tr:not(.bw-dash-meta-tr) td > *,
  table.qr-projects-table.bw-table tbody tr:not(.bw-dash-meta-tr) td > * {
    grid-column: 2;
    min-width: 0;
  }

  /* Actions: allow icon toolbar to wrap */
  table.iv-projects-table.bw-table td.project-actions-cell .bw-dash-td-main,
  table.qr-projects-table.bw-table td.td-actions .bw-dash-td-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
  }

  /* IV type column pill */
  .type-badge {
    display: inline-block;
    margin-top: 4px;
  }

  /* QR column: label on top, code below */
  table.qr-projects-table.bw-table tbody tr:not(.bw-dash-meta-tr) td.qr-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  table.qr-projects-table.bw-table tbody tr:not(.bw-dash-meta-tr) td.qr-cell::before {
    align-self: stretch;
    text-align: left;
    width: 100%;
  }

  table.qr-projects-table.bw-table td.qr-cell img {
    margin-top: 10px;
    max-width: 100%;
    height: auto;
  }

  .iv-projects-table.bw-table .project-name {
    white-space: normal;
    word-break: break-word;
  }

  .iv-projects-table.bw-table .destination-col .bw-dash-td-main {
    white-space: normal;
    word-break: break-word;
  }
}