/* ===============================

   TABELA AGING – STORMPK RPG

   MARROM ESCURO / PRISTON STYLE

================================ */



.blue-table {

  width: 100%;

  margin: 40px auto;

  padding: 15px;

  background: radial-gradient(circle at top, #1b120c, #070403);

  border-radius: 14px;

  box-shadow: 0 0 45px rgba(0, 0, 0, 0.9);

}



/* tabela base */

.blue-table table {

  width: 100%;

  border-collapse: collapse;

  color: #e6d6b8;

  font-family: "Cinzel", serif;

  font-size: 14px;

}



/* cabeçalho */

.blue-table tr:first-child td {

  background: linear-gradient(180deg, #2a1a0e, #140a04);

  color: #d4af37;

  font-weight: bold;

  border-bottom: 1px solid rgba(212,175,55,0.25);

}



/* células */

.blue-table td {

  padding: 10px 6px;

  border-bottom: 1px solid rgba(255,255,255,0.05);

}



/* linhas alternadas */

.blue-table tr:nth-child(even):not(:first-child) {

  background: rgba(255, 255, 255, 0.02);

}



/* hover */

.blue-table tr:hover:not(:first-child) {

  background: rgba(212,175,55,0.08);

}



/* coluna aging */

.blue-table td:first-child {

  color: #f0d58c;

  font-weight: bold;

}



/* coluna chance de sucesso */

.blue-table td:last-child {

  color: #9fd3ff;

  font-weight: bold;

}



/* imagens dos sheltons */

.blue-table img {

  width: 22px;

  height: auto;

  filter: drop-shadow(0 0 6px rgba(212,175,55,0.5));

}



/* scrollbar horizontal */

.blue-table::-webkit-scrollbar {

  height: 8px;

}



.blue-table::-webkit-scrollbar-track {

  background: #120a04;

}



.blue-table::-webkit-scrollbar-thumb {

  background: linear-gradient(180deg, #6b4b1e, #d4af37);

  border-radius: 6px;

}