/* [admax_tablazat] — formátum-tábla és natív vs. display összevetés, mobilon data-name címkékkel. */

.am-tbl-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.am-cmp-table {
    border: 1px solid #dbeae3;
    border-radius: 16px;
    overflow: hidden;
}

.am-cmp-head {
    display: grid;
    grid-template-columns: 1fr 1.15fr 1.15fr;
    background: #1E3A38;
    color: #F1F7F4;
}

.am-cmp-h {
    padding: 14px 20px;
    font-family: 'Archivo', sans-serif;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.am-cmp-h.is-mint {
    color: #A7EBDD;
    border-left: 1px solid rgba(167, 194, 186, .18);
}

.am-cmp-h.is-muted {
    color: #9fb6ae;
    border-left: 1px solid rgba(167, 194, 186, .18);
}

.am-row {
    display: grid;
    grid-template-columns: 1fr 1.15fr 1.15fr;
    border-top: 1px solid #dbeae3;
    transition: background .25s ease;
}

.am-row-k {
    padding: 13px 20px;
    font-family: 'Archivo', sans-serif;
    font-weight: 700;
    font-size: 13px;
}

.am-row-a {
    padding: 13px 20px;
    font-size: 13px;
    font-weight: 600;
    color: #2C8B74;
    border-left: 1px solid #dbeae3;
    line-height: 1.45;
}

.am-row-b {
    padding: 13px 20px;
    font-size: 13px;
    font-weight: 500;
    color: #5c7b73;
    border-left: 1px solid #dbeae3;
    line-height: 1.45;
}

.am-fmt {
    background: #F1F7F4;
    border: 1px solid #dbeae3;
    border-radius: 21px;
    overflow: hidden;
}

.am-fmt-head {
    display: grid;
    grid-template-columns: 1.25fr .9fr .8fr 1fr;
    background: #1E3A38;
    color: #F1F7F4;
}

.am-fmt-h {
    padding: 16px 20px;
    font-family: 'Archivo', sans-serif;
    font-weight: 800;
    font-size: 11px;
    letter-spacing: .7px;
    text-transform: uppercase;
}

.am-fmt-h + .am-fmt-h {
    border-left: 1px solid rgba(167, 194, 186, .18);
    padding-left: 14px;
}

.am-fmt-row {
    display: grid;
    grid-template-columns: 1.25fr .9fr .8fr 1fr;
    border-top: 1px solid #dbeae3;
    align-items: center;
    transition: background .25s ease;
}

.am-fmt-n {
    padding: 14px 20px;
}

.am-fmt-name {
    font-family: 'Archivo', sans-serif;
    font-weight: 800;
    font-size: 14px;
}

.am-fmt-u {
    font-size: 11px;
    color: #5c7b73;
    margin-top: 3px;
    font-weight: 500;
}

.am-fmt-c {
    padding: 14px;
    font-size: 13px;
    font-weight: 600;
    color: #2C8B74;
    border-left: 1px solid #dbeae3;
    font-variant-numeric: tabular-nums;
}

.am-fmt-m,
.am-fmt-f {
    padding: 14px;
    font-size: 13px;
    font-weight: 500;
    color: #5c7b73;
    border-left: 1px solid #dbeae3;
}

@media (hover: hover) {
    .am-row:hover,
    .am-fmt-row:hover {
        background: #E3F3EC;
    }
}

@media (prefers-reduced-motion: reduce) {
    .am-row,
    .am-fmt-row {
        transition: none;
    }
}

@media (max-width: 767px) {
    .am-tbl-scroll {
        overflow: visible;
        -webkit-overflow-scrolling: auto;
    }

    .am-cmp-head,
    .am-fmt-head {
        display: none;
    }

    .am-cmp-table,
    .am-fmt {
        min-width: 0;
    }

    .am-row,
    .am-fmt-row {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        grid-template-columns: none;
    }

    .am-cmp-head + .am-row,
    .am-fmt-head + .am-fmt-row {
        border-top: none;
    }

    .am-row-k,
    .am-row-a,
    .am-row-b,
    .am-fmt-n,
    .am-fmt-c,
    .am-fmt-m,
    .am-fmt-f {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        padding: 12px 16px;
        border-left: none;
        min-width: 0;
        word-break: break-word;
    }

    .am-row-a,
    .am-row-b,
    .am-fmt-c,
    .am-fmt-m,
    .am-fmt-f {
        border-top: 1px solid #dbeae3;
    }

    .am-row-k::before,
    .am-row-a::before,
    .am-row-b::before,
    .am-fmt-n::before,
    .am-fmt-c::before,
    .am-fmt-m::before,
    .am-fmt-f::before {
        content: attr(data-name);
        font-family: 'Archivo', sans-serif;
        font-weight: 800;
        font-size: 10px;
        letter-spacing: .6px;
        text-transform: uppercase;
        color: #7f9d95;
        line-height: 1.2;
    }

    .am-row-a::before,
    .am-fmt-c::before {
        color: #2C8B74;
    }

    .am-row-b::before {
        color: #9fb6ae;
    }

    .am-fmt-u {
        margin-top: 0;
    }
}