#thin-grid {
  display:grid;
  grid-template-columns:120px 1fr 220px;
  gap:.5rem;
  align-items:center
}
#thin-grid .head { opacity:.7; font-weight: 600; }
#thin-grid .date-cell { font-variant-numeric: tabular-nums; }

@media (max-width:700px){
  #thin-grid { grid-template-columns:100px 1fr; }
  #thin-grid .head:last-child { display:none; }
  #thin-grid .date-cell { grid-column:1/-1; }
}

/* mobilos kártyás */
@media (max-width: 600px) {
  #thin-grid {
    display: flex;
    flex-direction: column;
    gap: .75rem;
  }
  #thin-grid .head { display: none; }
  .thin-row {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    padding: .5rem .75rem;
    background: #1e1e1e;
    border-radius: 6px;
    box-shadow: 0 0 4px rgba(0,0,0,.5);
  }
  .thin-row > div { margin: 2px 0; }
}

#thin-clients .header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin: 0 0 .75rem 0;
}
#thin-clients .header-row h2 {
  margin: 0;
}