/* =============================================================================
   far360 — TÁBLÁZATOK.

   Kettő van, és nem ugyanaz:
   * .f-table — az ADMIN funkcionális listája. SŰRŰ marad (0,8 rem-es cella-bélés),
     a fejléc DM Mono kisnagybetűs. Se üveg, se dekoráció: itt adatot olvasnak.
   * .f-tabla — a jogi tájékoztató DOKUMENTUM-táblázata, a kártyán belül ül.
   ============================================================================= */
.f-table-wrap {
    overflow-x: auto;
    background: var(--f-white);
    border: 1px solid var(--f-border);
    border-radius: var(--f-radius-md);
}

.f-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.92rem;
}

.f-table thead th {
    padding: 0.8rem 1rem;
    text-align: left;
    background: var(--f-light);
    border-bottom: 1px solid var(--f-border);
    font-family: var(--f-font-mono);
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--f-grey);
    white-space: nowrap;
}

.f-table tbody td {
    padding: 0.8rem 1rem;
    border-bottom: 1px solid var(--f-border);
    vertical-align: middle;
    color: var(--f-ink);
}

.f-table tbody tr:last-child td { border-bottom: none; }
.f-table tbody tr:hover { background: var(--f-light); }

/* Kattintható, rendezhető fejléc — a th tipográfiáját örökli, csak a hovert jelzi. */
.f-th-rendezes {
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}
.f-th-rendezes:hover { color: var(--f-primary); text-decoration: none; }

.f-table-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.f-table-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}
.f-table-filters select,
.f-table-filters input {
    width: auto;
    min-width: 160px;
}
/* Szurosavon belul egy mezo sajat felirata (pl. "Datumtol"): kis betu, felirat + mezo egy
   sorban. Korabban inline style-ban allt (Naplo/Index.cshtml). */
.f-szuro-felirat {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.82rem;
}

/* -----------------------------------------------------------------------------
   Jogi dokumentum-táblázat — a görgető burkoló miatt mobilon vízszintesen
   görgethető, nem töri szét az oldalt.
   ----------------------------------------------------------------------------- */
.f-tabla-gorgeto {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0.5rem 0 1rem;
    border: 1px solid var(--f-border);
    border-radius: var(--f-radius-md);
}

.f-tabla {
    width: 100%;
    min-width: 32rem;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.f-tabla th,
.f-tabla td {
    padding: 0.65rem 0.85rem;
    border-bottom: 1px solid var(--f-border);
    vertical-align: top;
    text-align: left;
}

.f-tabla th {
    background: var(--f-light);
    font-family: var(--f-font-mono);
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--f-grey);
}

.f-tabla tr:last-child td { border-bottom: none; }

@media (max-width: 600px) {
    .f-table-toolbar {
        flex-direction: column;
        align-items: stretch;
    }
}