table {
  border-collapse: collapse; }

.num, .tabular {
  font-variant-numeric: tabular-nums; }

.table-wrap {
  position: relative;
  overflow-x: auto;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: var(--color-background); }

.table-wrap--flush {
  border: 0;
  border-radius: 0; }

.table {
  width: 100%;
  font-size: 0.9375rem;
  line-height: 1.4; }
  .table th {
    padding: var(--space-3) var(--space-4);
    text-align: left;
    white-space: nowrap;
    background: var(--color-surface);
    font-size: var(--text-xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-on-surface-variant); }
  .table td {
    padding: 14px var(--space-4);
    border-top: 1px solid var(--border-subtle);
    vertical-align: top; }
  .table tbody tr:hover {
    background: var(--color-surface); }
  .table tbody th {
    padding: 14px var(--space-4);
    border-top: 1px solid var(--border-subtle);
    background: none;
    vertical-align: top;
    font-size: 0.9375rem;
    text-transform: none;
    letter-spacing: 0;
    color: var(--color-on-surface); }
  .table .num {
    text-align: right; }

.cell-sub {
  display: block;
  font-size: var(--text-sm);
  color: var(--color-on-surface-variant); }

.table td.actions {
  white-space: nowrap;
  text-align: right; }

.task-list > li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-3) var(--space-5);
  align-items: center;
  padding: var(--space-4) 0;
  border-top: 1px solid var(--border-subtle); }
  .task-list > li:first-child {
    border-top: 0;
    padding-top: 0; }
  .task-list > li > .badge {
    justify-self: start; }

.task-row__main {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0; }

.task-row__meta {
  font-size: var(--text-sm);
  color: var(--color-on-surface-variant); }

.file-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) 0; }

.file-row__icon {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-sm);
  background: var(--color-surface-container-low);
  color: var(--color-on-surface-variant); }
  .file-row__icon svg {
    width: 20px;
    height: 20px; }

.file-row__main {
  display: flex;
  flex-direction: column;
  flex: 1 1 200px;
  min-width: 0;
  overflow-wrap: anywhere; }

.kv {
  display: grid;
  grid-template-columns: minmax(140px, 30%) 1fr;
  gap: var(--space-3) var(--space-5);
  margin: 0; }
  .kv dt {
    font-size: var(--text-sm);
    font-weight: 700;
    color: var(--color-on-surface-variant); }
  .kv dd {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere; }

.comment {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: var(--space-3); }
  .comment + .comment {
    margin-top: var(--space-4);
    padding-top: var(--space-4);
    border-top: 1px solid var(--border-subtle); }
  .comment p {
    overflow-wrap: anywhere; }

.comment__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  align-items: baseline;
  font-size: var(--text-sm); }
  .comment__meta time {
    color: var(--color-on-surface-variant); }

.task-list--ranked {
  counter-reset: rank; }
  .task-list--ranked > li {
    grid-template-columns: 32px minmax(0, 1fr) auto; }
    .task-list--ranked > li::before {
      counter-increment: rank;
      content: counter(rank);
      display: grid;
      place-items: center;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: var(--color-primary-strong);
      color: #fff;
      font-weight: 900;
      font-size: var(--text-sm); }

.task-row__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  justify-content: flex-end; }

.task-row__badges {
  --cluster-gap: 6px; }

.comment__actions {
  display: flex;
  gap: var(--space-1);
  margin-top: var(--space-1);
  margin-left: calc(-1 * var(--space-4)); }

.stat-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2); }

.stat-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 40px;
  padding: 6px 16px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-pill);
  background: var(--color-background);
  font-size: var(--text-sm);
  color: var(--color-on-surface); }
  .stat-chip::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--tone-fg, var(--tone-neutral-fg)); }
  .stat-chip strong {
    font-size: var(--text-base);
    font-variant-numeric: tabular-nums; }

/*# sourceMappingURL=data.css.map */