@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source "../**/*.blade.php";
@source "../**/*.js";
@source "../**/*.vue";

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}

.com-admin-logo-image {
    display: block;
    width: auto;
    max-width: min(13rem, 54vw);
    height: 100%;
    max-height: 3rem;
    object-fit: contain;
}

.com-admin-logo-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 0.75rem;
    background: linear-gradient(135deg, #f59e0b, #047857);
    color: #fff;
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0;
}

.fi-sidebar .fi-logo,
.fi-simple-header .fi-logo,
.fi-topbar .fi-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: auto;
    min-width: 3rem;
    max-width: 13rem;
}

.fi-simple-header .fi-logo {
    margin-inline: auto;
}

.com-topbar-theme-switcher {
    display: flex;
    align-items: center;
    margin-inline-end: 0.25rem;
}

.com-topbar-theme-switcher .fi-theme-switcher {
    min-width: 8.75rem;
}