Predefinição:Gb/styles.css

De Wiki Gla
< Predefinição:Gb
Revisão de 20h53min de 26 de setembro de 2025 por GhoulBlack (discussão | contribs)
Ir para navegação Ir para pesquisar
/* Wrapper */
.calc-tier {
display: grid;
gap: 12px;
}


/* Tabela de passos */
.calc-tier .wikitable {
border-collapse: collapse;
background: #ffffff;
box-shadow: 0 2px 10px rgba(15, 23, 42, .08);
border: 1px solid #e5e7eb;
}
.calc-tier .wikitable th {
background: #f9fafb;
font-weight: 600;
}
.calc-tier .wikitable tr:nth-child(even) { background: #fcfcfd; }
.calc-tier .wikitable td, .calc-tier .wikitable th { padding: 8px 10px; }


/* Badges para moedas */
.calc-tier .gb-pill {
display: inline-block; padding: 2px 8px; border-radius: 20px; font-weight: 600;
background: #f3f4f6; color: #111827; border: 1px solid #e5e7eb;
}
.calc-tier .gb-pill.gold { background: #fff8db; border-color: #f3e5a3; color: #7a5e00; }
.calc-tier .gb-pill.green { background: #e9fbf1; border-color: #b2f0ce; color: #0f5132; }


/* Total em destaque (tabela e compacto) */
.calc-tier .calc-tier-total {
display: flex; align-items: center; justify-content: space-between;
padding: 12px 14px; border-radius: 12px; border: 1px solid #e5e7eb;
background: linear-gradient(180deg, #ffffff, #fafafa);
box-shadow: 0 2px 10px rgba(15, 23, 42, .06);
font-size: 16px;
}
.calc-tier .calc-tier-total b { font-size: 18px; }


/* Responsivo */
@media (max-width: 640px) {
.calc-tier .wikitable td:nth-child(1),
.calc-tier .wikitable th:nth-child(1) { width: 48px; }
}