/* app/assets/stylesheets/components/periods.css */

/* Canonical card-table look (style guide). */
.periods-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  margin: 0;
}

.periods-table thead th {
  padding: 10px 12px;
  background: var(--surface-2);
  color: var(--ink-3);
  font-size: 0.77rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: left;
  border-bottom: 1px solid var(--line);
}

.periods-table tbody td {
  padding: 10px 12px;
  border-top: 1px solid var(--line-2);
  vertical-align: middle;
}
.periods-table tbody tr:first-child td { border-top: 0; }

.periods-table__row:hover {
  background: var(--surface-2);
}

.periods-table__actions {
  text-align: right;
  white-space: nowrap;
}

.periods-table__delete-form {
  margin: 0;
}

.btn--sm {
  padding: 0.25rem 0.75rem;
  font-size: 0.85rem;
}