/* FFleet — layout fluido / responsivo no painel Filament */

.fi-main-ctn,
.fi-main,
.fi-page,
.fi-page-content,
.fi-section-content-ctn {
    max-width: none !important;
    width: 100%;
}

.fi-page-main {
    width: 100%;
}

/* Usa a largura disponível do conteúdo */
.fi-main > section,
.fi-page > .fi-page-content {
    width: 100%;
}

/* Menos padding em telas estreitas */
@media (max-width: 640px) {
    .fi-main {
        padding-inline: 0.75rem !important;
    }

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

    .fi-header-subheading {
        font-size: 0.8125rem !important;
    }

    .fi-header-actions {
        width: 100%;
    }

    .fi-header-actions .fi-ac {
        flex-wrap: wrap;
        width: 100%;
    }

    .fi-header-actions .fi-btn {
        flex: 1 1 auto;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    .fi-main {
        padding-inline: 1rem !important;
    }
}

/* Tabelas Filament: scroll horizontal em mobile */
.fi-ta-content {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Formulários: campos empilham bem */
@media (max-width: 640px) {
    .fi-fo-component-ctn,
    .fi-sc-component {
        min-width: 0;
    }
}

/* Suporte Forgeit: usa largura total e empilha no mobile */
.ffleet-support-page {
    width: 100%;
    max-width: none;
}

.ffleet-support-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    width: 100%;
}

@media (min-width: 1024px) {
    .ffleet-support-grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* Crédito Forgeit (logo quadrada ~1:1 — não esticar) */
.ffleet-forgeit-credit {
    padding: 0.75rem 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.25);
}

.ffleet-forgeit-credit--center {
    display: flex;
    justify-content: center;
    border-top: 0;
    padding: 0.75rem 0 1rem;
}

.ffleet-forgeit-credit__link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    opacity: 0.8;
    transition: opacity 0.15s ease;
}

.ffleet-forgeit-credit__link:hover {
    opacity: 1;
}

.ffleet-forgeit-credit__logo {
    display: block;
    width: 1.25rem !important;
    height: 1.25rem !important;
    max-width: 1.25rem !important;
    max-height: 1.25rem !important;
    object-fit: contain !important;
    flex: 0 0 1.25rem;
}

.ffleet-forgeit-credit__text {
    font-size: 0.75rem;
    line-height: 1;
    color: rgb(100 116 139);
}

.dark .ffleet-forgeit-credit__text {
    color: rgb(148 163 184);
}

/* Login — background Forgeit */
body.ffleet-login-page .fi-simple-layout {
    background-color: #0f172a;
    background-image:
        linear-gradient(180deg, rgba(15, 23, 42, 0.55) 0%, rgba(15, 23, 42, 0.72) 100%),
        url('/assets/images/forgeit/forgeit_background.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

body.ffleet-login-page .fi-simple-main {
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28);
}

.dark body.ffleet-login-page .fi-simple-main,
body.ffleet-login-page.dark .fi-simple-main {
    background: rgba(17, 24, 39, 0.92) !important;
}