/*
 * KontoCG compact desktop layout.
 * Filament defaults remain unchanged on tablets and phones so touch targets
 * stay comfortable. Desktop accounting screens use denser spacing.
 */

@media (min-width: 1024px) {
    :root {
        --sidebar-width: 17rem;
    }

    .fi-main {
        padding-inline: 1rem !important;
    }

    .fi-page > section {
        gap: 1rem !important;
        padding-block: 1rem !important;
    }

    .fi-header {
        gap: 0.75rem !important;
    }

    .fi-header-heading {
        font-size: 1.45rem !important;
        line-height: 1.7rem !important;
    }

    .fi-breadcrumbs-list,
    .fi-breadcrumbs-item {
        gap: 0.35rem !important;
        font-size: 0.75rem !important;
        line-height: 1rem !important;
    }

    .fi-form,
    .fi-fo-component-ctn {
        gap: 0.75rem !important;
    }

    .fi-section {
        border-radius: 0.65rem !important;
    }

    .fi-section-header {
        gap: 0.4rem !important;
        padding: 0.55rem 0.85rem !important;
    }

    .fi-section-header-heading {
        font-size: 0.9rem !important;
        line-height: 1.2rem !important;
    }

    .fi-section-content {
        padding: 0.75rem 0.85rem !important;
    }

    .fi-fo-field-wrp > .grid,
    .fi-fo-field-wrp .grid.auto-cols-fr {
        row-gap: 0.25rem !important;
    }

    .fi-fo-field-wrp-label,
    .fi-fo-field-wrp-label label {
        font-size: 0.75rem !important;
        line-height: 1rem !important;
    }

    .fi-fo-field-wrp-helper-text {
        overflow: hidden !important;
        font-size: 0.68rem !important;
        line-height: 0.9rem !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .fi-input,
    .fi-select-input,
    .fi-fo-textarea textarea {
        font-size: 0.78rem !important;
        line-height: 1.15rem !important;
    }

    .fi-input,
    .fi-select-input {
        padding-block: 0.3rem !important;
    }

    .fi-fo-textarea textarea {
        min-height: 3.75rem !important;
        padding-block: 0.4rem !important;
    }

    .fi-btn.fi-size-md,
    .fi-ac-btn-action.fi-size-md {
        gap: 0.3rem !important;
        padding: 0.4rem 0.65rem !important;
        font-size: 0.75rem !important;
        line-height: 1rem !important;
    }

    .fi-fo-repeater {
        row-gap: 0.6rem !important;
    }

    .fi-fo-repeater-item {
        border-radius: 0.65rem !important;
    }

    .fi-fo-repeater-item-header {
        padding: 0.4rem 0.65rem !important;
    }

    .fi-fo-repeater-item-content {
        padding: 0.65rem !important;
    }

    .fi-ta-header,
    .fi-ta-header-toolbar,
    .fi-ta-filters-above-content-ctn,
    .fi-ta-footer {
        padding: 0.65rem 0.85rem !important;
    }

    .fi-ta-table th,
    .fi-ta-table td {
        padding-block: 0.45rem !important;
        font-size: 0.75rem !important;
        line-height: 1.05rem !important;
    }

    .fi-sidebar-header {
        height: 3.5rem !important;
        padding-inline: 0.8rem !important;
    }

    .fi-sidebar-nav {
        padding: 0.65rem !important;
    }

    .fi-sidebar-item-button {
        padding: 0.42rem 0.55rem !important;
        font-size: 0.78rem !important;
        line-height: 1rem !important;
    }

    .fi-sidebar-group {
        row-gap: 0.3rem !important;
    }

    .fi-sidebar-group-items {
        row-gap: 0.15rem !important;
    }

    /* Na formi fakture napomene i plaćanje stoje jedno pored drugog. */
    .fi-resource-ulazna-fakturas .fi-form > .fi-fo-component-ctn > :nth-child(5),
    .fi-resource-ulazna-fakturas .fi-form > .fi-fo-component-ctn > :nth-child(6) {
        grid-column: span 1 / span 1 !important;
    }
}

@media (min-width: 1440px) {
    html {
        font-size: 14px;
    }
}