.cmlf-fares-tabs { display:flex; gap:.5rem; flex-wrap:wrap; margin:0 0 .75rem }
.cmlf-fares-tab { cursor:pointer; border:1px solid #22477F; background:#FFF; padding:.4rem .8rem; border-radius:6px }
.cmlf-fares-tab.is-active { background:#22477F; font-weight:600; color: #fff; }

.cmlf-fares-range {
    background:#D2E9F7;
    border-radius:10px;
    padding:.75rem 1rem;
    margin:.25rem 0 1rem;
    font-weight:700;
    color:#22477F;
}

.cmlf-fares-table { width:100%; border-collapse:separate; border-spacing:0; }
.cmlf-fares-table th, .cmlf-fares-table td { padding:.65rem .8rem; border-bottom:1px solid #e6eef6; }
.cmlf-fares-table .num { text-align:right; white-space:nowrap; }
.cmlf-fares-section td { background:#f0f7fd; font-weight:700; border-top:2px solid #d6e3ef; }
.cmlf-fares-empty-row { text-align:center; color:#6b7280; }

/* Tabs stacked on mobile */
@media (max-width: 768px) {
    .cmlf-fares-tabs { flex-direction: column; gap: .4rem; }
    .cmlf-fares-tab  { width: 100%; text-align: left; }

    /* Table → stacked cards */
    .cmlf-fares-table thead { display: none; }
    .cmlf-fares-table tbody { display: block; }
    .cmlf-fares-table tbody tr { display: block; border: 1px solid #e6eef6; border-radius: 10px; margin: .65rem 0; overflow: hidden; }
    .cmlf-fares-table tbody tr.cmlf-fares-section { border: 0; border-radius: 0; margin: 1rem 0 .25rem; }

    .cmlf-fares-table tbody tr.cmlf-fares-section td {
        display: block; padding: .6rem .8rem;
        background: #f0f7fd; font-weight: 700; border: 0;
    }

    .cmlf-fares-table td { display: block; padding: .6rem .8rem; border-bottom: 1px solid #f2f6fb; }
    .cmlf-fares-table tr .cmlf-fare-title { font-weight: 700; background: #f9fbff; }
    .cmlf-fares-table tr .cmlf-fare-title + td { border-top: 0; }

    .cmlf-fares-table td.num {
        display: flex; align-items: center; justify-content: space-between; gap: 1rem;
        text-align: left; word-wrap: break-word;
        white-space: wrap;
    }
    .cmlf-fares-table td.num::before {
        content: attr(data-label);
        font-weight: 500; color: #334155;
    }
    .cmlf-fares-table td.num:last-child { border-bottom: 0; }
}