/* Logo Kontem no sidebar e login */
.fi-logo {
    width: auto !important;
    max-width: 100%;
    object-fit: contain;
}

/* Login — visual executivo */
.fi-simple-layout {
    background: linear-gradient(165deg, #faf9f7 0%, #f4f2ed 50%, #ebe8e1 100%);
}

.fi-simple-main-ctn {
    padding: 1.5rem;
}

.fi-simple-main {
    margin-inline: auto;
    padding: 2.75rem 2.25rem !important;
    border-radius: 1rem !important;
    border: 1px solid rgb(28 25 23 / 0.06) !important;
    box-shadow:
        0 1px 2px rgb(28 25 23 / 0.04),
        0 12px 32px rgb(28 25 23 / 0.08) !important;
}

.fi-simple-header {
    align-items: center;
    margin-bottom: 0.25rem;
}

.fi-simple-header .fi-logo {
    height: 3.25rem !important;
    margin-bottom: 1rem !important;
}

.fi-simple-header-subheading {
    margin-top: 0 !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #78716c !important;
}

.fi-simple-page-content {
    gap: 1.75rem !important;
}

.fi-simple-page-content .fi-fo-field-wrp-label span {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #44403c;
}

.fi-simple-page-content .fi-btn {
    font-weight: 600;
    letter-spacing: 0.01em;
}

/* Sidebar mais compacta */
.fi-sidebar-nav {
    padding-inline: 1rem !important;
    padding-block: 1.5rem !important;
}

.fi-sidebar-header {
    height: 4rem !important;
}

:not(.fi-body-has-topbar) .fi-sidebar-header {
    padding-inline: 0.75rem !important;
}

.fi-sidebar-footer {
    margin-inline: 0.75rem !important;
}

/* Cabeçalho das páginas — alinhado à esquerda */
.fi-header {
    align-items: flex-start !important;
    text-align: left !important;
}

@media (min-width: 640px) {
    .fi-header {
        flex-direction: row !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
    }
}

.fi-header > div:first-of-type {
    align-self: flex-start !important;
    text-align: left !important;
    width: auto !important;
    flex: 1 1 auto;
}

.fi-breadcrumbs,
.fi-breadcrumbs-list {
    justify-content: flex-start !important;
    text-align: left !important;
}

.fi-header-heading,
.fi-header-subheading {
    text-align: left !important;
    width: auto !important;
}

.fi-header-actions-ctn {
    align-self: flex-end !important;
    width: auto !important;
}