.trm-polkadot-plugin {
    background-color: #f9f9f9;
    padding: 20px;
    margin: 20px 0;
}

.trm-polkadot-plugin h1,
.trm-polkadot-plugin h2 {
    color: #333;
}

.trm-polkadot-plugin p {
    font-size: 16px;
    color: #555;
}

.trm-polkadot-plugin a {
    color: #1e73be;
    text-decoration: none;
}

.trm-polkadot-plugin button#trm-polkadot-plugin-refresh {
    padding: 10px 20px;
    background-color: #1e73be;
    color: #fff;
    border: none;
    cursor: pointer;
    margin-bottom: 20px;
}

.trm-polkadot-plugin button#trm-polkadot-plugin-refresh:hover {
    background-color: #145a86;
}

.trm-polkadot-plugin p strong {
    font-size: 1.5em;
}

.trm-polkadot-plugin-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.trm-polkadot-plugin-table th, .trm-polkadot-plugin-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}

.trm-polkadot-plugin-table th {
    background-color: #1e73be;
    color: white;
}

.trm-polkadot-plugin-table tr:nth-child(even) {
    background-color: #f2f2f2;
}

.trm-polkadot-plugin-table tr:hover {
    background-color: #ddd;
}

/* Ajuste para la columna de descripción */
.trm-polkadot-plugin-table td:nth-child(2) {
    white-space: normal;
}