/* .layout-menu-fixed .layout-horizontal .layout-page .menu-horizontal, .layout-menu-fixed-offcanvas .layout-horizontal .layout-page .menu-horizontal {
    z-index: 1089 !important;
} */

.menu-horizontal .menu-sub .menu-item {
    padding: 0.125rem 0rem !important;
}

.gc-search-shell {
    width: 100%;
}

.gc-search-shell-inline {
    width: auto;
    display: inline-flex;
    align-items: center;
}

.gc-filters-toolbar {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.gc-search-shell-inline .gc-filters-toolbar {
    margin-bottom: 0;
    flex-wrap: nowrap;
}

.gc-filters-toggle.active {
    border-color: #3b82f6;
    color: #1d4ed8;
    background: #eff6ff;
}

.gc-active-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.gc-filter-chip {
    max-width: 20rem;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.gc-filter-chip-label {
    font-weight: 600;
}

.gc-filter-chip-value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gc-filters-applied-state {
    display: inline-flex;
    align-items: center;
    border: 1px solid #b8c5d6;
    border-radius: 999px;
    padding: 0.25rem 0.6rem;
    color: #3f4f66;
    background: #f1f5fb;
    font-size: 0.82rem;
    font-weight: 600;
}

.gc-filters-panel {
    border: 1px solid #dbe3ee;
    border-radius: 0.5rem;
    padding: 0.75rem;
    /* background: #f8fafc; */
}

.gc-filter-item {
    border: 1px solid transparent;
    border-radius: 0.5rem;
    padding: 0.4rem;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.gc-filter-item-active {
    border-color: #8fb3ff;
    background: #eef4ff;
    box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.12);
}

.gc-filter-item label {
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 0.3rem;
    color: #596780;
}

/* Global fallback avatar for initials (used by reusable Blade partials). */
.initialsAvatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    line-height: 1;
    font-weight: 600;
    color: #fff;
    background-color: #6c63ff;
    text-transform: uppercase;
    user-select: none;
}

.avatar.initialsAvatar,
.avatar.avatar-sm.initialsAvatar {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    font-size: 0.85rem;
}

.initialsAvatar--tone-1 { background-color: #2563eb; }
.initialsAvatar--tone-2 { background-color: #7c3aed; }
.initialsAvatar--tone-3 { background-color: #db2777; }
.initialsAvatar--tone-4 { background-color: #dc2626; }
.initialsAvatar--tone-5 { background-color: #ea580c; }
.initialsAvatar--tone-6 { background-color: #d97706; }
.initialsAvatar--tone-7 { background-color: #16a34a; }
.initialsAvatar--tone-8 { background-color: #0d9488; }
.initialsAvatar--tone-9 { background-color: #0891b2; }
.initialsAvatar--tone-10 { background-color: #4f46e5; }

/*
 * Tabler Icons 3.x removed several legacy aliases and size helpers that the
 * project still uses in Blade and JS strings. Keep them here so the local
 * webfont can be updated without rewriting every icon usage immediately.
 */
.ti-xs {
    font-size: 1.125rem !important;
}

.ti-sm {
    font-size: 1.376rem !important;
}

.ti-md {
    font-size: 1.625rem !important;
}

.ti-lg {
    font-size: 2rem !important;
}

.ti-xl {
    font-size: 2.25rem !important;
}

.ti-book-open:before {
    content: "\ea39";
}

.ti-check-circle:before {
    content: "\ea67";
}

.ti-email:before {
    content: "\eae5";
}

.ti-funnel:before {
    content: "\eaa5";
}

.ti-info:before {
    content: "\eac5";
}

.ti-smartphone:before {
    content: "\ea8a";
}

.ti-users-off:before {
    content: "\ecf9";
}

/*
 * Slightly compact table typography for index/listing screens only.
 * Covers legacy DataTables indexes and Livewire GeneralCRUD indexes
 * without changing headers, filters, forms, or non-index tables.
 */
.table-responsive {
    font-size: 0.9em !important;
}