/* crypto-portfolio-tracker.css */


.crypto-portfolio-table th,
.crypto-portfolio-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

.crypto-portfolio-table th {
    background-color: #f2f2f2;
    font-weight: bold;
}

/* Style dla historii operacji */
.month-summary {
    background-color: #e0e0e0;
    cursor: pointer;
}

.month-summary:hover {
    background-color: #d0d0d0;
}

.crypto-portfolio-table th:nth-child(8),
.crypto-portfolio-table td:nth-child(8) {
    background-color: #fbced8; /* przykładowy kolor */
}

.crypto-portfolio-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Domyślnie tabela wypełnia 100% szerokości kontenera */
.crypto-portfolio-table {
    width: 100%;
    table-layout: auto;
}

/* Na ekranach mniejszych niż 768px wymuś minimalną szerokość, by tabela nie kurczyła się za bardzo */
@media screen and (max-width: 768px) {
    .crypto-portfolio-table {
         min-width: 800px;
         white-space: nowrap; /* zapobiega zawijaniu treści */
    }
}

.total-purchase-shortcode {
    font-family: 'Arial', sans-serif;
    font-size: 24px;
    color: #333;
    text-align: center;
}

.total-current-shortcode {
    font-family: 'Arial', sans-serif;
    font-size: 24px;
    color: #333;
    text-align: center;
}