/* ──────────────────────────────────────────
 * Incotec Table Widget
 * ────────────────────────────────────────── */

.incotec-table {
    font-family: "Montserrat", sans-serif;
    margin: 16px 0;
}

.incotec-table__scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.incotec-table table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    line-height: 1.6;
}

.incotec-table th,
.incotec-table td {
    padding: 12px 16px;
    text-align: left;
}

.incotec-table td {
    border-bottom: 1px solid #e8eeeb;
    color: #002D47;
}

/* ──────────────────────────────────────────
 * Standard (dark header)
 * ────────────────────────────────────────── */

.incotec-table--standard th {
    background-color: #002D47;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}

.incotec-table--standard tbody tr:nth-child(even) td {
    background-color: #f8faf9;
}

/* ──────────────────────────────────────────
 * Minimal (light header)
 * ────────────────────────────────────────── */

.incotec-table--minimal th {
    background-color: #f8faf9;
    color: #002D47;
    font-weight: 700;
    font-size: 14px;
    border-bottom: 2px solid #e8eeeb;
}

/* ──────────────────────────────────────────
 * Striped (no header color)
 * ────────────────────────────────────────── */

.incotec-table--striped th {
    color: #002D47;
    font-weight: 700;
    font-size: 14px;
    border-bottom: 2px solid #002D47;
}

.incotec-table--striped tbody tr:nth-child(odd) td {
    background-color: #f8faf9;
}

/* ──────────────────────────────────────────
 * Responsive
 * ────────────────────────────────────────── */

@media (max-width: 767px) {
    .incotec-table th,
    .incotec-table td {
        padding: 8px 12px;
        font-size: 13px;
        white-space: nowrap;
    }
}