/* === DETAILS TAB STYLING === */
.modern-design .details-table {
    width: 100%;
    font-size: 14px;
    padding: 5px;
    background: #f9f9f9; /* Couleur de fond plus douce */
    color: #333; /* Couleur du texte plus lisible */
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.modern-design .details-table th,
.modern-design .details-table td {
    padding: 8px 8px;
    text-align: left;
    border-bottom: 1px solid var(--modern-table-border-color);
    color: var(--modern-text-secondary);
    border-radius: 10px;
}

.modern-design .details-table th {
    font-weight: 600;
    color: var(--modern-text-primary);
    width: 30%;
    border-radius: 10px;
}

.modern-design .details-table th i {
    margin-right: 8px;
    color: var(--modern-accent);
    width: 16px;
    text-align: center;
    border-radius: 10px;
}

.modern-design .details-table tr:last-child th,
.modern-design .details-table tr:last-child td {
    border-bottom: none;
}

@media (max-width: 300px) {
    .modern-design .details-table th, .modern-design .details-table td {
        display: block;
        width: 100%;
        text-align: left !important;
    }
    .modern-design .details-table th {
        background-color: var(--modern-table-header-bg);
        border-bottom: none;
        font-weight: 600;
    }
     .modern-design .details-table td {
        border-bottom: 1px solid var(--modern-table-border-color);
        padding-left: 20px;
    }
    .modern-design .details-table tr:last-child td { border-bottom: none; }
}