body.login-page {
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.login-page .fi-simple-layout {
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width:400px;
    width:100%;
}

aside.fi-sidebar.fixed {
    max-width: 240px;
}

.fi-sidebar-close-overlay {
    z-index:20;
}

.fi-modal-footer {
    padding-top: 20px !important;
}

.fi-pagination-items--simple {
    display: none !important;
}

.fi-pagination-items {
    display: flex !important;
}

.fi-pagination-previous-btn,
.fi-pagination-next-btn {
    display: none !important;
}

.fi-page-edit-client-pool-info .fi-form-actions {
    position: sticky;
    bottom: 0;
    z-index: 50;
    background: white;
    padding: 1rem;
    border-top: 1px solid #e5e7eb;
    box-shadow: 0 -2px 6px rgba(0,0,0,0.1);
}

.fi-ta-summary-row:last-child {
    display: none !important;
}

main.fi-simple-main h1 {
    display: none;
}

.login-page {
    background: url(https://app.sagabooks.rs/images/elements/background.jpg);
    background-size: cover;
    background-position: bottom right;
}

.login-page .fi-logo.flex.mb-4 {
    max-width: 245px;
    height: initial !important;
}

.login-page main.fi-simple-main {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

    .login-page .my-16 {
        margin-top:initial;
        margin-bottom:initial;
    }
    
.fi-fo-file-upload input[type="file"] {
    opacity: 0;
    position: absolute;
    pointer-events: none;
}

body[data-page="admin-quick-maintenance-create"] main.fi-main {
    max-width: 760px;
    margin: 0 auto;
}

h1.fi-header-heading {
    margin-bottom: -1rem;
}

nav.fi-sidebar-nav {
    background: #0c0e3f;
}

span.fi-sidebar-item-label {
    color: #FFF;
}

li.fi-sidebar-item.fi-active.fi-sidebar-item-active a {
    background: #0f1267 !important;
}

li.fi-sidebar-item:hover a {
    background: #1a1a97;
}

li.fi-sidebar-item a {
    transition: all .3s ease;
}

li.fi-sidebar-item svg {
    color: #3bbfff;
}

span.fi-sidebar-group-label {
    color: #3bbfff;
    text-transform: uppercase;
    font-weight: 900;
}

.rps-nav-badge {
    background: #009fff !important;
    color: #191967 !important;
}

aside.fi-sidebar.fixed {
    z-index: 20;
}

/* When the desktop sidebar is collapsed (icons only), overlay the badge on the icon. */
@media (min-width: 1024px) {
aside.fi-sidebar.fixed {
    z-index: 30;
}
}

span.fi-ta-text-item-label a {
    color: #999999 !important;
    text-decoration: none !important;
}

@media (max-width: 768px) {
    .fi-ta .grid {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.5rem;
    }
    
    .login-page main.fi-simple-main {
        margin-left: 1rem;
        margin-right: 1rem;
        border-radius: 10px;
    }
    
    body.login-page {
        overflow:hidden !important;
    }
    .fi-ta-header {
        flex-wrap: wrap;
    }
    .fi-ta-search-field {
        flex: 1 1 100% !important;
        order: 10;
    }
    .fi-ta-filters-dropdown {
        order: 9;
    }
    .fi-ta-actions {
        margin-left: 0 !important;
    }
}
/* Modal: fiksna visina, skrol samo unutar sadrÅūaja + bez skrola pozadine */
.fi-modal .fi-modal-window {
    max-height: 90dvh;
    display: flex;
    flex-direction: column;
}
.fi-modal .fi-modal-content {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
}
.fi-modal {
    overscroll-behavior: contain;
}
[x-ref="modalContainer"].grid {
    display: grid !important;
    grid-template-rows: 1fr auto 1fr !important;
    min-height: 100dvh !important;
}

@media (max-width: 768px) {
    .fi-ta .grid > *,
    .fi-ta .grid .fi-fo-field-wrp,
    .fi-ta .grid .fi-input-wrp {
        align-self: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .fi-ta .grid input:not([type=checkbox]):not([type=radio]),
    .fi-ta .grid select,
    .fi-ta .grid textarea,
    .fi-ta .grid .fi-input {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    .fi-ta .grid textarea {
        min-height: 8.5rem !important;
    }
    .filepond--root {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 8rem !important;
    }
    .filepond--drop-label {
        min-height: 6rem !important;
        font-size: 0.95rem !important;
        padding: 1rem !important;
    }
    .filepond--item {
        width: calc(50% - 0.5em) !important;
    }
    .filepond--file-action-button {
        width: 1.9rem !important;
        height: 1.9rem !important;
    }
    .fi-modal-footer-actions {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        gap: 0.5rem !important;
        overflow-x: auto !important;
        padding:1px;
    }
    .fi-modal-footer-actions .fi-btn {
        width: auto !important;
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
        font-size: 0.8rem !important;
    }
    .fi-pagination,
    .fi-pagination * {
        align-self: auto !important;
        width: auto !important;
        max-width: none !important;
    }
    .fi-ta .grid .fi-pagination-records-per-page-select,
    .fi-ta .grid .fi-pagination-records-per-page-select .fi-input-wrp {
        align-self: auto !important;
        width: auto !important;
        max-width: max-content !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
    }
    .fi-ta .grid .fi-pagination-items,
    .fi-ta .grid .fi-pagination-item,
    .fi-ta .grid .fi-pagination-item-button {
        align-self: auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
    }
}