/* ═══════════════════════════════════════════════════════════════════════════
   PUZZLE ATTEMPTS TABLE — styling for templates/_puzzle_table.html.

   Shared by the profile's snapshot and the full Puzzle History page, so the
   two always look alike. Lifted out of profile.html when the history page was
   added; before that it was inline there.
   ═══════════════════════════════════════════════════════════════════════ */

.table-scroll { overflow-x: auto; }

table { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
thead th { text-align: left; padding: 6px 8px; color: #666; font-weight: 600; border-bottom: 1px solid #e8e8e8; }
thead th.num { text-align: center; }
tbody td { padding: 8px 8px; border-bottom: 1px solid #f3f3f3; color: #333; }
tbody td.num { text-align: center; font-variant-numeric: tabular-nums; }
tbody tr:last-child td { border-bottom: none; }

.result-solved { color: #2b7a3e; font-weight: 700; }
.result-failed { color: #c0392b; font-weight: 700; }
.delta-pos { color: #2b7a3e; font-weight: 700; }
.delta-neg { color: #c0392b; font-weight: 700; }

.count-col { width: 36px; color: #bbb; font-size: 0.78rem; text-align: right; padding-right: 6px !important; font-variant-numeric: tabular-nums; }
thead th.count-col { color: #bbb; }
.date-col { width: 1%; white-space: nowrap; }

.save-star {
  background: none; border: none; cursor: pointer;
  font-size: 0.95rem; line-height: 1; color: #ccc; padding: 0 2px;
  font-family: inherit;
}
.save-star:hover { color: #2b7a3e; }
.save-star.on { color: #2b7a3e; }
.analysis-locked { color: #ddd; font-size: 0.8rem; cursor: default; }

.mode-badge { font-size: 0.72rem; font-weight: 700; color: #888; font-variant-numeric: tabular-nums; }
.mode-badge.blitz { color: #c47a00; }
.mode-badge.blindfold { color: #6b4fa0; }

/* Known theme and its rating deduction: context for the Δ beside them, so they
   stay quiet. The table scrolls, so a long theme name is fine. */
.kt-col  { color: #888; font-size: 0.78rem; white-space: nowrap; }
.off-col { color: #888; font-size: 0.78rem; font-variant-numeric: tabular-nums; }

.pagination { display: flex; gap: 10px; justify-content: center; margin-top: 16px; }
.pagination a, .pagination .pg-disabled {
  padding: 6px 16px; border-radius: 6px; font-size: 0.85rem; font-weight: 600;
}
.pagination a { background: #e8e8e8; color: #333; text-decoration: none; }
.pagination a:hover { background: #d8d8d8; }
.pagination .pg-disabled { background: #f0f0f0; color: #ccc; cursor: default; }