/* Ukilix mobile table rows to cards — desktop stays untouched */
@media (max-width: 767px) {
  body.ukx-dashboard-view .dash-main table.ukx-aligned-table {
    display:block !important; width:100% !important; min-width:0 !important;
    max-width:100% !important; border:0 !important; table-layout:auto !important;
    border-collapse:separate !important; background:transparent !important;
  }
  body.ukx-dashboard-view .dash-main table.ukx-aligned-table colgroup,
  body.ukx-dashboard-view .dash-main table.ukx-aligned-table thead {display:none !important}
  body.ukx-dashboard-view .dash-main table.ukx-aligned-table tbody {display:grid !important;gap:14px;width:100%;}
  body.ukx-dashboard-view .dash-main table.ukx-aligned-table tbody tr {
    display:flex !important;flex-direction:column;gap:0;width:100% !important;min-width:0 !important;
    border:1px solid #e6dcc8 !important;border-radius:17px !important;
    background:#fff !important;overflow:hidden;box-shadow:0 5px 18px rgba(14,42,61,.07);
    padding:8px 14px !important;height:auto !important;
  }
  body.ukx-dashboard-view .dash-main table.ukx-aligned-table tbody tr > td,
  body.ukx-dashboard-view .dash-main table.ukx-aligned-table tbody tr > th {
    display:flex !important;align-items:flex-start !important;justify-content:space-between !important;
    gap:14px !important;min-height:0 !important;width:100% !important;max-width:100% !important;
    min-width:0 !important;flex:none !important;text-align:right !important;
    padding:11px 0 !important;margin:0 !important;border:0 !important;
    border-bottom:1px solid #f1eee7 !important;white-space:normal !important;
    overflow-wrap:anywhere !important;word-break:break-word;font-size:13px !important;
    background:transparent !important; box-shadow:none !important;float:none !important;
  }
  body.ukx-dashboard-view .dash-main table.ukx-aligned-table tbody tr > td:last-child,
  body.ukx-dashboard-view .dash-main table.ukx-aligned-table tbody tr > th:last-child {border-bottom:0 !important}
  body.ukx-dashboard-view .dash-main table.ukx-aligned-table tbody tr > td::before,
  body.ukx-dashboard-view .dash-main table.ukx-aligned-table tbody tr > th::before {
    content:attr(data-ukx-label);flex:0 0 39%;max-width:39%;font-weight:650;
    font-size:11.5px;line-height:1.6;color:#657686;text-align:left;
    white-space:normal;
  }
  body.ukx-dashboard-view .dash-main table.ukx-aligned-table tbody tr > td[data-ukx-label=""]::before,
  body.ukx-dashboard-view .dash-main table.ukx-aligned-table tbody tr > td:not([data-ukx-label])::before {content:none}
  body.ukx-dashboard-view .dash-main table.ukx-aligned-table tbody tr > td > *,
  body.ukx-dashboard-view .dash-main table.ukx-aligned-table tbody tr > th > * {max-width:100% !important;min-width:0;overflow-wrap:anywhere}
  body.ukx-dashboard-view .dash-main table.ukx-aligned-table tbody tr > td .btn {white-space:normal !important;height:auto;max-width:100%;margin:2px 0;}
  body.ukx-dashboard-view .dash-main table.ukx-aligned-table tbody tr > td:has(.btn) {flex-wrap:wrap}
  body.ukx-dashboard-view .dash-main .ukx-table-scroll,
  body.ukx-dashboard-view .dash-main .ukx-cases-table-wrap,
  body.ukx-dashboard-view .dash-main .ukx-overdue-card,
  body.ukx-dashboard-view .dash-main .ukx-cases-table-card {
    overflow-x:visible !important; overflow-y:visible !important;min-width:0 !important;max-width:100% !important;
    width:100% !important;
  }
  body.ukx-dashboard-view .dash-main .ukx-overdue-card {padding:12px !important}
  body.ukx-dashboard-view .dash-main .card:has(table.ukx-aligned-table),
  body.ukx-dashboard-view .dash-main div[style*="overflow-x:auto"]:has(table.ukx-aligned-table),
  body.ukx-dashboard-view .dash-main div[style*="overflow:auto"]:has(table.ukx-aligned-table) {overflow-x:visible !important;max-width:100% !important}
}