/*
 * Imbarcu Enterprise Theme
 * Custom styling for the Filament panel
 */

/* ─── Sidebar refinements ─── */
.fi-sidebar {
    border-right: 1px solid rgba(0, 0, 0, 0.06);
}

.dark .fi-sidebar {
    border-right-color: rgba(255, 255, 255, 0.08);
}

/* ─── Topbar refinements ─── */
.fi-topbar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.dark .fi-topbar {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

/* ─── Stats cards: hover shadow + transition ─── */
.fi-wi-stats-overview-stat {
    transition: box-shadow 0.2s ease, transform 0.15s ease;
}

.fi-wi-stats-overview-stat:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

.dark .fi-wi-stats-overview-stat:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* ─── Table header refinements ─── */
.fi-ta-header-cell {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* ─── Section / Card radius tweaks ─── */
.fi-section,
.fi-wi-stats-overview-stat,
.fi-ta {
    border-radius: 0.75rem;
}

/* ─── Login page: gradient background ─── */
.fi-simple-layout {
    background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 50%, #3b82f6 100%);
    min-height: 100vh;
}

.dark .fi-simple-layout {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
}

/* ─── Login card: elevated shadow ─── */
.fi-simple-main-ctn {
    filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.15));
}

.dark .fi-simple-main-ctn {
    filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.4));
}

/* ─── Badge refinements ─── */
.fi-badge {
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* ─── Button refinements ─── */
.fi-btn {
    transition: all 0.15s ease;
}

.fi-btn:hover {
    transform: translateY(-0.5px);
}

/* ─── Widget cards ─── */
.fi-wi {
    border-radius: 0.75rem;
}

/* ─── Modal refinements ─── */
.fi-modal-window {
    border-radius: 1rem;
}

/* ─── Notification refinements ─── */
.fi-no-notification {
    border-radius: 0.75rem;
}

/* ─── Table row hover ─── */
.fi-ta-row:hover {
    transition: background-color 0.15s ease;
}

/* ─── Form sections ─── */
.fi-fo-field-wrp {
    transition: border-color 0.15s ease;
}

/* ─── Breadcrumb separator ─── */
.fi-breadcrumbs {
    font-size: 0.8rem;
}