.dui-table { width:100%; border-collapse:collapse; font-size:.8rem; }
.dui-table th, .dui-table td { padding:1rem 1.25rem; text-align:left; border-bottom:1px solid var(--dui-line); }
.dui-table thead { background:var(--dui-surface-alt); color:var(--dui-muted); }
.dui-table thead th { font-weight:550; font-size:.7rem; padding-block:.8rem; }
.dui-table tbody th { font-weight:500; }
.dui-table tr:last-child th, .dui-table tr:last-child td { border-bottom:0; }
.dui-table td time { white-space:nowrap; color:var(--dui-muted); font-size:.75rem; }
.dui-project-name { display:flex; align-items:center; gap:.75rem; }
.dui-project-name strong { display:block; font-size:.82rem; }
.dui-project-name small { display:block; margin-top:.2rem; color:var(--dui-muted); font-size:.7rem; }
.dui-project-mark { display:grid; place-items:center; width:36px; height:36px; border:1px solid var(--dui-line); background:var(--dui-surface-alt); border-radius:.5rem; font:600 .85rem var(--dui-mono); flex-shrink:0; }
.dui-table tr:nth-child(3n+2) .dui-project-mark { background:var(--dui-warning-bg); color:var(--dui-warning); }
.dui-table tr:nth-child(3n+3) .dui-project-mark { background:var(--dui-success-bg); color:var(--dui-success); }
.dui-cell-label, .dui-mobile-owner { display:none; }
@media (max-width:991px) {
  .dui-table, .dui-table tbody { display:block; }
  .dui-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
  .dui-table tbody { padding:1rem; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
  .dui-table tbody tr { display:grid; grid-template-columns:1fr; border:1px solid var(--dui-line); border-radius:var(--dui-radius); padding:1rem; background:var(--dui-surface); gap:.8rem; }
  .dui-table th, .dui-table td { padding:0; border:0; min-width:0; }
  .dui-table tbody th { padding-bottom:.6rem; border-bottom:1px solid var(--dui-line); }
  .dui-table td { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
  .dui-cell-label { display:block; margin-right:auto; color:var(--dui-muted); font-size:.72rem; }
  .dui-table .dui-progress { width:60%; }
  .dui-table .dui-avatar { width:26px; height:26px; min-width:26px; font-size:.55rem; }
  .dui-mobile-owner { display:inline; font-size:.7rem; }
}
@media (max-width:575px) { .dui-table tbody { grid-template-columns:1fr; padding:.75rem; gap:.75rem; } }