/*
 * Palatinus arculat a kezelőfelületre (Filament).
 * Meleg kő alap, mély fekete fő műveletek, egy bronz kiemelőszín, vékony vonalak.
 * Betűk: Jost (címek, címkék) + Hanken Grotesk (szöveg) – a panel betöltése a Bunny Fonts-ról.
 */
:root {
    --pal-ink: #141414;
    --pal-stone: #f5f3ef;
    --pal-line: #e4e0d8;
    --pal-line-soft: #f0ece6;
    --pal-muted: #6b675f;
    --pal-bronze: #8c6a3f;
    --pal-sand: #f1eadf;
    --pal-display: 'Jost', 'Hanken Grotesk', ui-sans-serif, system-ui, sans-serif;
}

/* ---------------------------------------------------------------- alap */
.fi-body {
    background: var(--pal-stone);
    color: var(--pal-ink);
}

.fi-topbar {
    background: #fff;
    box-shadow: none;
    border-bottom: 1px solid var(--pal-line);
}

@media (min-width: 1024px) {
    .fi-sidebar {
        background: #fff;
        border-inline-end: 1px solid var(--pal-line);
    }
}

.fi-logo {
    max-width: 100%;
}

/* ---------------------------------------------------------------- oldalsáv */
.fi-sidebar-group-label {
    font-family: var(--pal-display);
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--pal-muted);
}

.fi-sidebar-item-btn {
    border-radius: 0.5rem;
    min-height: 2.5rem;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: var(--pal-ink);
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-label,
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-icon {
    color: #fff;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-grouped-border-part {
    background: #fff;
}

.fi-sidebar-item.fi-sidebar-item-has-url:not(.fi-active) > .fi-sidebar-item-btn:hover {
    background: var(--pal-stone);
}

/* ---------------------------------------------------------------- címek */
.fi-header-heading,
.fi-simple-header-heading,
.fi-section-header-heading,
.fi-modal-heading,
.fi-wi-stats-overview-stat-value {
    font-family: var(--pal-display);
    font-weight: 500;
    letter-spacing: 0.015em;
}

.fi-header-heading {
    font-size: 2.25rem;
    line-height: 1.15;
}

.fi-section-header-heading {
    font-size: 0.8125rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.fi-breadcrumbs {
    font-size: 0.8125rem;
}

/* ---------------------------------------------------------------- kártyák, táblázatok */
.fi-section:not(.fi-section-not-contained),
.fi-ta-ctn,
.fi-wi-stats-overview-stat,
.fi-fo-repeater-item,
.fi-in-repeatable-item {
    border-radius: 0.875rem;
    box-shadow: 0 0 0 1px var(--pal-line);
}

.fi-ta-header-cell,
.fi-ta-header-cell-label,
.fi-ta-header-cell-sort-btn {
    font-family: var(--pal-display);
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--pal-muted);
}

.fi-ta-row {
    transition: background-color 0.1s;
}

.fi-ta-row:hover {
    background: #faf9f7;
}

.fi-wi-stats-overview-stat-label {
    font-family: var(--pal-display);
    font-size: 0.6875rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--pal-muted);
}

/* ---------------------------------------------------------------- vezérlők */
.fi-btn {
    border-radius: 0.5rem;
    letter-spacing: 0.01em;
}

.fi-input-wrp,
.fi-select-input,
.fi-fo-file-upload .filepond--root {
    border-radius: 0.5rem;
}

.fi-tabs {
    box-shadow: 0 0 0 1px var(--pal-line);
}

.fi-badge {
    border-radius: 999px;
}

a.fi-link:hover,
.fi-ta-text-item-label a:hover {
    color: var(--pal-bronze);
}

/* ---------------------------------------------------------------- bejelentkezés */
.fi-simple-layout {
    background-color: var(--pal-ink);
    background-image: url('/images/palatinus-mark-white.svg');
    background-repeat: no-repeat;
    background-position: center 112%;
    background-size: min(1100px, 140vw) auto;
}

.fi-simple-layout:has(.fi-simple-main) .fi-simple-main {
    border-radius: 0.875rem;
    box-shadow: 0 24px 60px rgb(0 0 0 / 0.35);
}

.fi-simple-layout {
    position: relative;
}

.fi-simple-layout::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgb(20 20 20 / 0.9);
    pointer-events: none;
}

.fi-simple-layout > * {
    position: relative;
}

.fi-simple-main .fi-logo {
    height: 3rem !important;
}

.fi-simple-header-heading {
    font-size: 1.5rem;
}