/*
 * KAAS — admin-szintű (globális) Filament finomhangolások.
 *
 * Aktív fülek: minden tab-típus (form Tabs, infolist Tabs, resource lista-fülek)
 * ugyanazt a `.fi-tabs-item` komponenst használja; aktív állapotban Alpine a
 * `fi-active` osztályt teszi rá. A KAAS-design: aktív fül BARNA háttér + FEHÉR
 * szöveg (a korábbi barna szöveg helyett), a brand primary színnel (#D9802C).
 */

.fi-tabs-item.fi-active {
    background-color: #D9802C !important;
}

.fi-tabs-item.fi-active,
.fi-tabs-item.fi-active .fi-tabs-item-label,
.fi-tabs-item.fi-active .fi-tabs-item-icon,
.fi-tabs-item.fi-active .fi-tabs-item-badge {
    color: #ffffff !important;
}

/* Hover az inaktív füleken — finom barnás kiemelés. */
.fi-tabs-item:not(.fi-active):hover {
    background-color: rgba(217, 128, 44, 0.10);
}

/*
 * Táblázat feletti szűrők (FiltersLayout::AboveContent) — kártyás container.
 * A `.fi-ta-filters` osztályt kizárólag az above-content elrendezés használja
 * (a legördülő/collapsible szűrők másik komponensben élnek), ezért a globális
 * szabály csak azokat a listákat érinti, ahol a szűrők a tábla fölött vannak.
 *
 * A Filament az above-content szűrőket egy `px-4 sm:px-6` behúzású wrapperbe
 * teszi (`.fi-ta-filters-above-content-ctn`), a lista-kártyák viszont széltől
 * szélig érnek — ezért kinullázzuk a wrapper vízszintes paddingját, hogy a
 * szűrő-kártya PONTOSAN a lista-kártyákkal egy vonalban legyen.
 */
.fi-ta-filters-above-content-ctn {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.fi-ta-filters {
    background-color: #ffffff;
    border: 1px solid rgba(217, 128, 44, 0.22);
    border-radius: 14px;
    padding: 1.25rem 1.25rem;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
}

.dark .fi-ta-filters {
    background-color: rgba(255, 255, 255, 0.02);
    border-color: rgba(217, 128, 44, 0.28);
    box-shadow: none;
}

/*
 * A Filament szűrő-komponens maga renderel egy „Szűrők” <h4>-et + „Visszaállítás”
 * linket — a saját brand-színt csak arra a fejlécre tesszük, nem duplikáljuk.
 */
.fi-ta-filters > .flex > h4 {
    color: #D9802C;
}

/*
 * Sor-akciók hover-reveal (bento kategória-oldal és társai).
 *
 * A blade-ekben korábban használt `opacity-0 group-hover:opacity-100` páros
 * NEM működik: a panel a Filament előre fordított CSS-ét használja (nincs
 * saját Tailwind build), és abban a `group-hover:*` utility-k nincsenek benne
 * — az ikonsor örökre láthatatlan maradt. A reveal ezért itt él, saját osztályon.
 *
 * A :focus-within ág a billentyűzetes elérést adja: Tab-bal a sorra lépve is
 * megjelennek a gombok, nem csak egérrel.
 */
.kaas-row-actions {
    opacity: 0;
    transition: opacity 150ms ease;
}

.group:hover .kaas-row-actions,
.group:focus-within .kaas-row-actions {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .kaas-row-actions { transition: none; }
}

/*
 * Ingatlan → Tulajdonságok: a dinamikus jellemző-csoportok.
 *
 * A csoportok egy rácsban, sok kártyaként jelennek meg — fejléc-kiemelés nélkül
 * a csoport neve és a mezők címkéi egybefolytak. A `kaas-attr-group` osztályt a
 * PropertyResource teszi a csoport-Section-re (buildAttributeFieldsets), így a
 * szabályok CSAK ott hatnak, az admin többi Section-je érintetlen.
 */
.kaas-attr-group > .fi-section-header {
    background-color: #FBF2E8;
    border-bottom: 1px solid rgba(217, 128, 44, 0.22);
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
}

.dark .kaas-attr-group > .fi-section-header {
    background-color: rgba(217, 128, 44, 0.12);
    border-bottom-color: rgba(217, 128, 44, 0.28);
}

/* Csoport neve: vastag, a brand barna árnyalatában. */
.kaas-attr-group .fi-section-header-heading {
    font-weight: 700 !important;
    color: #A0601F;
}

.dark .kaas-attr-group .fi-section-header-heading {
    color: #E8A863;
}

/*
 * A mezők címkéje szintén vastag. A Filament a szöveget a label-en BELÜLI
 * span-be teszi (`font-medium`), ezért azt kell felülírni — a label elemre
 * tett szabály önmagában nem látszana.
 */
.kaas-attr-group .fi-fo-field-wrp-label,
.kaas-attr-group .fi-fo-field-wrp-label > span {
    font-weight: 700 !important;
}

/*
 * ──────────────────────────────────────────────────────────────────────────
 * Kompakt lista-oldalak (megrendelői kérés, 2026-09-11: „a felső rész —
 * breadcrumb → Szűrők → lapozó — rengeteg helyet elvesz").
 *
 * Csak a resource LISTA-oldalakra hat (`.fi-resource-list-records-page`), a
 * szerkesztő / megtekintő oldalak elrendezése változatlan. Semmi nem tűnik el
 * a morzsamenün kívül: a lista oldalán a „Ingatlanok › Lista" morzsa se nem
 * navigál sehová (a szülője maga az oldal), se nem mond újat a H1 és a
 * kiemelt menüpont mellett — a helye viszont a lista tetejéből megy el.
 * ────────────────────────────────────────────────────────────────────────── */

/* 1. Oldal-fejléc: morzsamenü nélkül, kisebb címmel, szűkebb térközökkel. */
.fi-resource-list-records-page .fi-breadcrumbs {
    display: none;
}

.fi-resource-list-records-page .fi-header {
    gap: 0.5rem;
}

.fi-resource-list-records-page .fi-header-heading {
    font-size: 1.5rem;
    line-height: 2rem;
}

/* A lapnyi függőleges levegő (py-8 → py-4) és a fejléc–tábla térköz. */
.fi-body:has(.fi-resource-list-records-page) .fi-main {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.fi-resource-list-records-page.fi-page {
    gap: 1rem;
}

/* 2. Szűrő-kártya: szűkebb bélés és sortávok — ugyanazok a mezők, fele akkora
      üres területtel. */
.fi-resource-list-records-page .fi-ta-filters-above-content-ctn {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.fi-resource-list-records-page .fi-ta-filters {
    padding: 0.75rem 1rem;
}

/* A „Szűrők" felirat sora: a cím maga elhagyható (a kártya tartalma magáért
   beszél), a „Visszaállítás" link marad — jobbra zárva, keskenyebb sorban. */
.fi-resource-list-records-page .fi-ta-filters > .flex > h4 {
    display: none;
}

.fi-resource-list-records-page .fi-ta-filters > .flex {
    min-height: 0;
    margin-bottom: -0.5rem;
    justify-content: flex-end;
}

/* Mezőrács: gap-6 (24px) → 12px, és a címke–mező térköz is szűkebb. */
.fi-resource-list-records-page .fi-ta-filters > .grid,
.fi-resource-list-records-page .fi-ta-filters .fi-fo-component-ctn {
    gap: 0.75rem !important;
}

.fi-resource-list-records-page .fi-ta-filters .fi-fo-field-wrp-label {
    margin-bottom: 0.125rem;
}

/* A „További szűrők" összecsukott sávja és a „Keres" gomb közti levegő. */
.fi-resource-list-records-page .fi-ta-filters .fi-section-header {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* 3. Lapozó (fent és lent is — megrendelői kérés, marad mindkettő), csak
      alacsonyabb sávban. */
.fi-resource-list-records-page .fi-ta-pagination {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

/* A „Keres" gomb saját sorban, a szűrő-kártyán BELÜL, jobbra zárva.
   Korábbi negatív-margó / abszolút overlay a „További szűrők" sávra ráült, és
   a gomb kilógott a kártya alól — ezt szándékosan elhagytuk. */
.fi-resource-list-records-page .fi-ta-filters > div:last-child:has(> .fi-btn) {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 0;
    margin-right: 0;
    position: static;
}

.fi-resource-list-records-page .fi-ta-filters .fi-input,
.fi-resource-list-records-page .fi-ta-filters .fi-select-input {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

/* 4. Táblás listák (Kínál ügymenetek, megbízások, …): a sorok bélése volt a
      legnagyobb helypazarló — cellánként 16-16 px fent-lent, ráadásul minden
      cellában. Feleakkora bélés, tömörebb fejléc és jelvények; a tartalom
      (érték + alatta a leírás) változatlan. */
.fi-resource-list-records-page .fi-ta-cell .fi-ta-text,
.fi-resource-list-records-page .fi-ta-cell .fi-ta-actions,
.fi-resource-list-records-page .fi-ta-cell .py-4 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.fi-resource-list-records-page .fi-ta-header-cell {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* Az azonosító alatti kis „kaas.hu / Portál" jelvények keskeny oszlopban
   egymás alá törnek — kisebb betűvel is olvashatók, két sorral rövidebbek. */
.fi-resource-list-records-page .kaas-flagbar .fi-badge {
    font-size: 0.6875rem;
    line-height: 1rem;
    padding: 0.0625rem 0.375rem;
}

.fi-resource-list-records-page .kaas-flagbar .fi-badge svg {
    width: 0.75rem;
    height: 0.75rem;
}

/* Vízszintesen is szűkebb cella-bélés: 11 oszlopnál a px-3-ak összesen ~90 px-et
   vittek el, emiatt a tábla jobb széle 1440 px-es ablakban lecsúszott. */
.fi-resource-list-records-page .fi-ta-cell .fi-ta-text,
.fi-resource-list-records-page .fi-ta-header-cell {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

/* A tábla feletti eszközsáv (oszlop-választó) csak egy ikont tartalmaz — ne
   vigyen el egy teljes sornyi helyet. */
.fi-resource-list-records-page .fi-ta-header-toolbar {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

/* A tábla első/utolsó cellájának 24 px-es szél-bélése is szűkebb. */
.fi-resource-list-records-page .fi-ta-cell:first-of-type,
.fi-resource-list-records-page .fi-ta-header-cell:first-of-type {
    padding-inline-start: 0.75rem;
}

.fi-resource-list-records-page .fi-ta-cell:last-of-type,
.fi-resource-list-records-page .fi-ta-header-cell:last-of-type {
    padding-inline-end: 0.75rem;
}