.Table{
  width:100%;
  border-collapse: collapse;
  border-radius: var(--r-md);
  overflow: hidden;
  border:1px solid var(--line);
}

.Table th,
.Table td{
  padding: 12px 12px;
  text-align:left;
  border-bottom:1px solid var(--line);
  vertical-align:top;
}

.Table thead th{
  background: rgba(17,24,39,.03);
  font-weight:900;
  font-size: 13px;
  letter-spacing: .02em;
}

.Table tbody tr:nth-child(even) td{
  background: rgba(17,24,39,.015);
}

.Table tbody tr:last-child td{
  border-bottom:none;
}

/* status badge */
.Badge{
  display:inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  border:1px solid var(--line);
  font-weight:900;
  font-size: 12px;
  letter-spacing: .02em;
}

.Badge--open{
  background: rgba(37,99,235,.08);
  border-color: rgba(37,99,235,.22);
  color: var(--info);
}

.Badge--in-progress{
  background: rgba(245,158,11,.10);
  border-color: rgba(245,158,11,.28);
  color: #b45309;
}

.Badge--done{
  background: rgba(22,163,74,.10);
  border-color: rgba(22,163,74,.22);
  color: var(--ok);
}
.Badge--planned{
  background: rgba(37,99,235,.08);
  border-color: rgba(37,99,235,.22);
  color: #2563eb;
}
.Badge--done{
  background: rgba(22,163,74,.10);
  border-color: rgba(22,163,74,.22);
  color: #16a34a;
}
.Badge--expired{
  background: rgba(220,38,38,.10);
  border-color: rgba(220,38,38,.22);
  color: #dc2626;
}
.Badge--draft{ background: rgba(100,116,139,.10); border-color: rgba(100,116,139,.22); color:#475569; }
.Badge--submitted{ background: rgba(37,99,235,.08); border-color: rgba(37,99,235,.22); color:#2563eb; }
.Badge--approved{ background: rgba(22,163,74,.10); border-color: rgba(22,163,74,.22); color:#16a34a; }
.Badge--rejected{ background: rgba(220,38,38,.10); border-color: rgba(220,38,38,.22); color:#dc2626; }
.Badge--implemented{ background: rgba(20,184,166,.10); border-color: rgba(20,184,166,.22); color:#0f766e; }
.Badge--closed{ background: rgba(2,132,199,.10); border-color: rgba(2,132,199,.22); color:#0369a1; }

.Table--employees {
  width: 100%;
  table-layout: fixed;
}

.Table--employees th:nth-child(1),
.Table--employees td:nth-child(1) {
  width: 70px;   /* ID */
}

.Table--employees th:nth-child(2),
.Table--employees td:nth-child(2) {
  width: 40%;    /* Jméno */
}

.Table--employees th:nth-child(3),
.Table--employees td:nth-child(3) {
  width: 40%;    /* Profese */
}

.Table--employees th:nth-child(4),
.Table--employees td:nth-child(4) {
  width: 140px;  /* Nástup */
}
/* Přidejte na konec pro zarovnání tlačítek v neshodách */
.Table__actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}