/* Pacific CRM — tema gris claro (sin negro / sin blanco puro) */

:root {
    --pacific-page: #e4e7ec;
    --pacific-surface: #eef1f5;
    --pacific-sidebar: #dce1e8;
    --pacific-border: #c8d0db;
    --pacific-text: #1f2937;
    --pacific-muted: #64748b;
    --pacific-brand-tenant: #0f766e;
    --pacific-brand-landlord: #4338ca;
}

html,
body,
.fi-body {
    background-color: var(--pacific-page) !important;
    color: var(--pacific-text);
}

.fi-main-ctn,
.fi-main,
.fi-page {
    background-color: var(--pacific-page) !important;
}

/* Contenido a todo el ancho: menos aire entre sidebar y tabla */
.fi-main {
    max-width: none !important;
}

.fi-page > section,
.fi-main > .fi-page {
    max-width: none !important;
}

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

.fi-sidebar,
.fi-sidebar-header,
.fi-topbar nav {
    background-color: var(--pacific-sidebar) !important;
    border-color: var(--pacific-border) !important;
}

/* Menú lateral más compacto: caben más opciones sin scroll */
.fi-sidebar-header {
    padding-block: .35rem !important;
}

.fi-sidebar-nav {
    gap: .5rem !important;
    padding: .5rem .75rem .75rem !important;
}

.fi-sidebar-nav-groups {
    gap: .65rem !important;
}

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

.fi-sidebar-group-button,
.fi-sidebar-group-label {
    padding-block: .2rem !important;
    font-size: .7rem !important;
    letter-spacing: .04em;
}

.fi-sidebar-item-button {
    padding-block: .28rem !important;
    padding-inline: .45rem !important;
    gap: .5rem !important;
    min-height: 0 !important;
}

.fi-sidebar-item-icon {
    height: 1.15rem !important;
    width: 1.15rem !important;
}

.fi-sidebar-item-label {
    font-size: .8125rem !important;
    line-height: 1.2 !important;
}

.fi-sidebar-nav-item a {
    border-radius: 8px !important;
}

.fi-sidebar-nav-item a:hover {
    background-color: rgba(15, 118, 110, .08) !important;
}

.fi-section:not(.fi-section-not-contained),
.fi-ta-ctn,
.fi-fo-tabs,
.fi-wi-stats-overview-stat,
.fi-modal-window,
.fi-dropdown-panel {
    background-color: var(--pacific-surface) !important;
    border-color: var(--pacific-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, .04);
}

.fi-section-header-heading,
.fi-header-heading {
    letter-spacing: .01em;
}

.fi-ta-header-cell {
    font-size: .75rem !important;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--pacific-muted) !important;
}

/* Columnas pegadas al contenido: el aire sobrante queda a la derecha, no entre columnas */
.fi-ta-ctn .fi-ta-table {
    width: max-content !important;
    max-width: 100% !important;
    table-layout: auto !important;
}

.fi-ta-ctn .fi-ta-header-cell,
.fi-ta-ctn .fi-ta-cell {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.fi-ta-ctn .fi-ta-header-cell > *,
.fi-ta-ctn .fi-ta-cell > div,
.fi-ta-ctn .fi-ta-cell > span {
    padding-inline: .45rem !important;
}

.fi-ta-ctn .fi-ta-actions {
    padding-inline: .35rem !important;
    gap: .25rem !important;
}

.fi-ta-row,
.fi-fo-field-wrp {
    border-color: var(--pacific-border) !important;
}

.fi-simple-page,
.fi-login-page {
    background:
        radial-gradient(ellipse at top, rgba(14, 165, 233, .12), transparent 55%),
        var(--pacific-page) !important;
}

.fi-simple-main,
.fi-login-main-ctn {
    background-color: #fff !important;
    border: 1px solid var(--pacific-border);
    border-radius: 18px !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .08);
    padding-top: 2rem !important;
    padding-bottom: 2.25rem !important;
    max-width: 28rem !important;
    width: 100% !important;
}

.fi-wi-stats-overview-stat-value {
    font-weight: 800 !important;
}

/* Accesos Filament: logo grande (porte marcado) + tarjeta más alta */
.fi-login-page .fi-simple-header,
.fi-simple-page .fi-simple-header {
    margin-bottom: 1.25rem !important;
}

.fi-login-page .fi-logo,
.fi-simple-page .fi-logo,
.fi-login-page .fi-simple-header .fi-logo,
.fi-simple-page .fi-simple-header .fi-logo {
    max-height: 7.5rem !important;
    height: 7.5rem !important;
    width: auto !important;
    max-width: min(280px, 78vw) !important;
    object-fit: contain !important;
    border-radius: 16px !important;
}

/* Sidebar interno: logo compacto */
.fi-sidebar-header .fi-logo {
    max-height: 1.85rem !important;
    height: 1.85rem !important;
    border-radius: 6px !important;
}

/* Salir al pie izquierdo del sidebar */
.pacific-sidebar-logout {
    margin-top: auto;
    padding: .4rem .75rem .6rem;
    border-top: 1px solid var(--pacific-border);
}

.pacific-sidebar-version {
    padding: .15rem .55rem .4rem;
    font-size: .75rem;
    font-weight: 600;
    color: var(--pacific-muted);
    letter-spacing: .02em;
}

.pacific-sidebar-logout-btn {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    width: 100%;
    padding: .35rem .55rem;
    border: 1px solid var(--pacific-border);
    border-radius: 8px;
    background: #eef1f5;
    color: #334155;
    font-size: .8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.pacific-sidebar-logout-btn:hover {
    background: #fee2e2;
    border-color: #fecaca;
    color: #b91c1c;
}