/**
 * CRM panel genel ince ayar.
 * Gelen kutusu stilleri unified-inbox.blade.php içindeki <style> bloğundadır.
 */

/* Genel bakış — sektör kısayol karoları (tam dolu renk, dikey blok) */
.crm-ql-sector-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}
@media (min-width: 640px) {
    .crm-ql-sector-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (min-width: 1024px) {
    .crm-ql-sector-grid {
        grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
    }
}

.crm-ql-tile-solid {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.875rem;
    min-height: 7.25rem;
    padding: 1rem 0.875rem 1.0625rem;
    border-radius: 0.9375rem;
    background: var(--ql-accent, #2c5282);
    color: rgba(255, 255, 255, 0.96);
    text-decoration: none;
    font-weight: 700;
    font-size: 0.8125rem;
    line-height: 1.25;
    box-shadow:
        0 2px 8px rgba(15, 23, 42, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
    border: 1px solid color-mix(in srgb, var(--ql-accent) 88%, black);
    transition:
        box-shadow 0.18s ease,
        transform 0.18s ease,
        filter 0.18s ease;
}
.crm-ql-tile-solid:hover {
    filter: brightness(1.05);
    transform: translateY(-2px);
    box-shadow:
        0 8px 20px rgba(15, 23, 42, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.crm-ql-sector-label {
    display: block;
    width: 100%;
    padding-right: 0.125rem;
    color: rgba(255, 255, 255, 0.96);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}

.dark .crm-ql-tile-solid {
    box-shadow:
        0 2px 10px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    border-color: color-mix(in srgb, var(--ql-accent) 70%, white 8%);
}

/* Genel bakış — hızlı erişim kartları */
.crm-ql-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}
@media (min-width: 640px) {
    .crm-ql-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (min-width: 1024px) {
    .crm-ql-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
.crm-ql-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    min-height: 8.5rem;
    padding: 1.375rem 0.75rem 1.125rem;
    border-radius: 1.125rem;
    border: 1px solid #e8eef6;
    background: #ffffff;
    text-align: center;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--ql-color, #2c5282);
    text-decoration: none;
    box-shadow: 0 1px 4px rgba(44, 82, 130, 0.06);
    transition:
        box-shadow 0.18s ease,
        border-color 0.18s ease,
        transform 0.18s ease;
}
.crm-ql-card:hover {
    border-color: rgba(44, 82, 130, 0.22);
    box-shadow: 0 6px 18px rgba(44, 82, 130, 0.11);
    transform: translateY(-2px);
    background: #ffffff;
}
.dark .crm-ql-card {
    border-color: rgba(125, 211, 252, 0.15);
    background: rgba(15, 23, 42, 0.6);
}
.dark .crm-ql-card:hover {
    background: rgba(30, 41, 59, 0.85);
    border-color: rgba(125, 211, 252, 0.28);
}
.crm-ql-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 0.875rem;
    background-color: var(--ql-bg, #dbeafe);
    flex-shrink: 0;
}
.dark .crm-ql-icon {
    opacity: 0.9;
}
.crm-ql-label {
    max-width: 100%;
    padding: 0 0.25rem;
}

/* Sol menü — Zeki Ofis mavi tonları (primary #2c5282, aktif zemin #ebf8ff); ikon + nav rozeti renkli, metin mavi tonlarında */
.fi-sidebar-item-button {
    border-radius: 0.5rem !important;
    border-left: 3px solid transparent !important;
}
.fi-sidebar-item.fi-active .fi-sidebar-item-button {
    background-color: #ebf8ff !important;
    border-left-color: #2c5282 !important;
}
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button {
    background-color: rgba(44, 82, 130, 0.35) !important;
    border-left-color: #93c5fd !important;
}

/*
 * Menü: yalnızca ikon + navigation badge renkli; metin Filament/CRM varsayılan mavi tonlarında.
 * Rozet: Filament sidebar item içindeki .fi-badge
 */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-icon {
    color: #4a80b5 !important;
}
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-label {
    color: #3b72b4 !important;
}
.fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: #2c5282 !important;
}
.fi-sidebar-item.fi-active .fi-sidebar-item-label {
    color: #2c5282 !important;
}
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-icon {
    color: #7eb3e8 !important;
}
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-label {
    color: #7eb3e8 !important;
}
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-label {
    color: #e0f2fe !important;
}

/* —— Dashboard —— */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href$="/crm"] .fi-sidebar-item-icon,
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href$="/crm/"] .fi-sidebar-item-icon {
    color: #2563eb !important;
}
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href$="/crm"] .fi-badge,
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href$="/crm/"] .fi-badge {
    background-color: color-mix(in srgb, #2563eb 14%, white) !important;
    color: #2563eb !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, #2563eb 22%, transparent) !important;
}
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href$="/crm"] .fi-sidebar-item-icon,
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href$="/crm/"] .fi-sidebar-item-icon {
    color: #1d4ed8 !important;
}
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href$="/crm"] .fi-badge,
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href$="/crm/"] .fi-badge {
    background-color: color-mix(in srgb, #1d4ed8 16%, white) !important;
    color: #1d4ed8 !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, #1d4ed8 26%, transparent) !important;
}
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href$="/crm"] .fi-sidebar-item-icon,
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href$="/crm/"] .fi-sidebar-item-icon {
    color: #60a5fa !important;
}
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href$="/crm"] .fi-badge,
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href$="/crm/"] .fi-badge {
    background-color: color-mix(in srgb, #60a5fa 22%, transparent) !important;
    color: #60a5fa !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, #60a5fa 38%, transparent) !important;
}
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href$="/crm"] .fi-sidebar-item-icon,
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href$="/crm/"] .fi-sidebar-item-icon {
    color: #93c5fd !important;
}
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href$="/crm"] .fi-badge,
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href$="/crm/"] .fi-badge {
    background-color: color-mix(in srgb, #93c5fd 22%, transparent) !important;
    color: #93c5fd !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, #93c5fd 38%, transparent) !important;
}

/* Tek satırda tekrarlayan rota şablonu: path + 4 renk (pasif/aktif × açık ikon, koyu pasif ikon, koyu aktif ikon) */
/* unified-inbox */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/unified-inbox"] .fi-sidebar-item-icon { color: #7c3aed !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/unified-inbox"] .fi-badge { background-color: color-mix(in srgb, #7c3aed 14%, white) !important; color: #7c3aed !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #7c3aed 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/unified-inbox"] .fi-sidebar-item-icon { color: #6d28d9 !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/unified-inbox"] .fi-badge { background-color: color-mix(in srgb, #6d28d9 16%, white) !important; color: #6d28d9 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #6d28d9 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/unified-inbox"] .fi-sidebar-item-icon { color: #c4b5fd !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/unified-inbox"] .fi-badge { background-color: color-mix(in srgb, #c4b5fd 22%, transparent) !important; color: #c4b5fd !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #c4b5fd 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/unified-inbox"] .fi-sidebar-item-icon { color: #ddd6fe !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/unified-inbox"] .fi-badge { background-color: color-mix(in srgb, #ddd6fe 22%, transparent) !important; color: #ddd6fe !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #ddd6fe 38%, transparent) !important; }

/* İletişim satırı: accordion okunu gelen kutusu mor tonlarına yakın */
.fi-sidebar-item:not(.fi-active) .fi-crm-inbox-tree-toggle { color: #7c3aed !important; }
.fi-sidebar-item.fi-active .fi-crm-inbox-tree-toggle { color: #6d28d9 !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-crm-inbox-tree-toggle { color: #c4b5fd !important; }
.dark .fi-sidebar-item.fi-active .fi-crm-inbox-tree-toggle { color: #ddd6fe !important; }

/*
 * İletişim (Unified Inbox) treewiev — salt bu öğenin alt kanalları: girinti, ayraç ve hafif tipografi.
 * İkon renkleri: pasif kanal için marka tonu; aktif satırda CRM ana mavi ile uyum (.fi-sidebar-item.fi-active).
 */
.fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
    padding-inline-start: 0.45rem;
    border-inline-start: 1px solid rgb(226 232 240 / 0.95);
}
.dark .fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items {
    border-inline-start-color: rgb(71 85 105 / 0.55);
}
.fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items > .fi-sidebar-item > .fi-sidebar-item-button {
    padding-inline-start: 0.5rem !important;
    border-radius: 0.4375rem !important;
}
.fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items .fi-sidebar-item-label {
    font-size: 0.8125rem !important;
    letter-spacing: 0.01em;
}
.fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active) .fi-crm-inbox-sidebar-ch-ico[data-channel="all"] {
    color: #64748b !important;
}
.fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active) .fi-crm-inbox-sidebar-ch-ico[data-channel="whatsapp"] {
    color: #25d366 !important;
}
.fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active) .fi-crm-inbox-sidebar-ch-ico[data-channel="email"] {
    color: #6366f1 !important;
}
.fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active) .fi-crm-inbox-sidebar-ch-ico[data-channel="instagram"] {
    color: #e4405f !important;
}
.fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active) .fi-crm-inbox-sidebar-ch-ico[data-channel="facebook"] {
    color: #1877f2 !important;
}
.fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active) .fi-crm-inbox-sidebar-ch-ico[data-channel="sms"] {
    color: #0ea5e9 !important;
}
.fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active) .fi-crm-inbox-sidebar-ch-ico[data-channel="webchat"] {
    color: #8b5cf6 !important;
}
.fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active) .fi-crm-meta-comments-nav[data-channel="meta-comments"] {
    color: #0668e1 !important;
}
.dark .fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active) .fi-crm-inbox-sidebar-ch-ico[data-channel="all"] {
    color: #94a3b8 !important;
}
.dark .fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active) .fi-crm-inbox-sidebar-ch-ico[data-channel="whatsapp"] {
    color: #4ade80 !important;
}
.dark .fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active) .fi-crm-inbox-sidebar-ch-ico[data-channel="email"] {
    color: #a5b4fc !important;
}
.dark .fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active) .fi-crm-inbox-sidebar-ch-ico[data-channel="instagram"] {
    color: #fb7185 !important;
}
.dark .fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active) .fi-crm-inbox-sidebar-ch-ico[data-channel="facebook"] {
    color: #60a5fa !important;
}
.dark .fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active) .fi-crm-inbox-sidebar-ch-ico[data-channel="sms"] {
    color: #38bdf8 !important;
}
.dark .fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active) .fi-crm-inbox-sidebar-ch-ico[data-channel="webchat"] {
    color: #c4b5fd !important;
}
.dark .fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items .fi-sidebar-item:not(.fi-active) .fi-crm-meta-comments-nav[data-channel="meta-comments"] {
    color: #38b6ff !important;
}
.fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items .fi-sidebar-item.fi-active .fi-crm-inbox-sidebar-ch-ico,
.fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items .fi-sidebar-item.fi-active .fi-crm-meta-comments-nav {
    color: #2c5282 !important;
}
.dark .fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items .fi-sidebar-item.fi-active .fi-crm-inbox-sidebar-ch-ico,
.dark .fi-sidebar-item:has(a.fi-sidebar-item-button[href*="/crm/unified-inbox"]) > .fi-sidebar-sub-group-items .fi-sidebar-item.fi-active .fi-crm-meta-comments-nav {
    color: #e0f2fe !important;
}

/* customers */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/customers"] .fi-sidebar-item-icon { color: #059669 !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/customers"] .fi-badge { background-color: color-mix(in srgb, #059669 14%, white) !important; color: #059669 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #059669 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/customers"] .fi-sidebar-item-icon { color: #047857 !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/customers"] .fi-badge { background-color: color-mix(in srgb, #047857 16%, white) !important; color: #047857 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #047857 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/customers"] .fi-sidebar-item-icon { color: #34d399 !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/customers"] .fi-badge { background-color: color-mix(in srgb, #34d399 22%, transparent) !important; color: #34d399 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #34d399 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/customers"] .fi-sidebar-item-icon { color: #6ee7b7 !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/customers"] .fi-badge { background-color: color-mix(in srgb, #6ee7b7 22%, transparent) !important; color: #6ee7b7 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #6ee7b7 38%, transparent) !important; }

/* appointments */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/appointments"] .fi-sidebar-item-icon { color: #d97706 !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/appointments"] .fi-badge { background-color: color-mix(in srgb, #d97706 14%, white) !important; color: #d97706 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #d97706 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/appointments"] .fi-sidebar-item-icon { color: #b45309 !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/appointments"] .fi-badge { background-color: color-mix(in srgb, #b45309 16%, white) !important; color: #b45309 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #b45309 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/appointments"] .fi-sidebar-item-icon { color: #fbbf24 !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/appointments"] .fi-badge { background-color: color-mix(in srgb, #fbbf24 22%, transparent) !important; color: #fbbf24 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #fbbf24 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/appointments"] .fi-sidebar-item-icon { color: #fcd34d !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/appointments"] .fi-badge { background-color: color-mix(in srgb, #fcd34d 22%, transparent) !important; color: #fcd34d !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #fcd34d 38%, transparent) !important; }

/* deals */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/deals"] .fi-sidebar-item-icon { color: #ca8a04 !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/deals"] .fi-badge { background-color: color-mix(in srgb, #ca8a04 14%, white) !important; color: #ca8a04 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #ca8a04 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/deals"] .fi-sidebar-item-icon { color: #a16207 !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/deals"] .fi-badge { background-color: color-mix(in srgb, #a16207 16%, white) !important; color: #a16207 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #a16207 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/deals"] .fi-sidebar-item-icon { color: #facc15 !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/deals"] .fi-badge { background-color: color-mix(in srgb, #facc15 22%, transparent) !important; color: #facc15 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #facc15 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/deals"] .fi-sidebar-item-icon { color: #fde047 !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/deals"] .fi-badge { background-color: color-mix(in srgb, #fde047 22%, transparent) !important; color: #fde047 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #fde047 38%, transparent) !important; }

/* payments */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/payments"] .fi-sidebar-item-icon { color: #0d9488 !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/payments"] .fi-badge { background-color: color-mix(in srgb, #0d9488 14%, white) !important; color: #0d9488 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #0d9488 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/payments"] .fi-sidebar-item-icon { color: #0f766e !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/payments"] .fi-badge { background-color: color-mix(in srgb, #0f766e 16%, white) !important; color: #0f766e !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #0f766e 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/payments"] .fi-sidebar-item-icon { color: #2dd4bf !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/payments"] .fi-badge { background-color: color-mix(in srgb, #2dd4bf 22%, transparent) !important; color: #2dd4bf !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #2dd4bf 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/payments"] .fi-sidebar-item-icon { color: #5eead4 !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/payments"] .fi-badge { background-color: color-mix(in srgb, #5eead4 22%, transparent) !important; color: #5eead4 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #5eead4 38%, transparent) !important; }

/* branches */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/branches"] .fi-sidebar-item-icon { color: #ea580c !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/branches"] .fi-badge { background-color: color-mix(in srgb, #ea580c 14%, white) !important; color: #ea580c !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #ea580c 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/branches"] .fi-sidebar-item-icon { color: #c2410c !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/branches"] .fi-badge { background-color: color-mix(in srgb, #c2410c 16%, white) !important; color: #c2410c !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #c2410c 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/branches"] .fi-sidebar-item-icon { color: #fb923c !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/branches"] .fi-badge { background-color: color-mix(in srgb, #fb923c 22%, transparent) !important; color: #fb923c !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #fb923c 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/branches"] .fi-sidebar-item-icon { color: #fdba74 !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/branches"] .fi-badge { background-color: color-mix(in srgb, #fdba74 22%, transparent) !important; color: #fdba74 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #fdba74 38%, transparent) !important; }

/* tags */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/tags"] .fi-sidebar-item-icon { color: #db2777 !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/tags"] .fi-badge { background-color: color-mix(in srgb, #db2777 14%, white) !important; color: #db2777 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #db2777 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/tags"] .fi-sidebar-item-icon { color: #be185d !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/tags"] .fi-badge { background-color: color-mix(in srgb, #be185d 16%, white) !important; color: #be185d !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #be185d 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/tags"] .fi-sidebar-item-icon { color: #f472b6 !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/tags"] .fi-badge { background-color: color-mix(in srgb, #f472b6 22%, transparent) !important; color: #f472b6 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #f472b6 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/tags"] .fi-sidebar-item-icon { color: #f9a8d4 !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/tags"] .fi-badge { background-color: color-mix(in srgb, #f9a8d4 22%, transparent) !important; color: #f9a8d4 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #f9a8d4 38%, transparent) !important; }

/* customer-visits */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/customer-visits"] .fi-sidebar-item-icon { color: #0891b2 !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/customer-visits"] .fi-badge { background-color: color-mix(in srgb, #0891b2 14%, white) !important; color: #0891b2 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #0891b2 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/customer-visits"] .fi-sidebar-item-icon { color: #0e7490 !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/customer-visits"] .fi-badge { background-color: color-mix(in srgb, #0e7490 16%, white) !important; color: #0e7490 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #0e7490 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/customer-visits"] .fi-sidebar-item-icon { color: #22d3ee !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/customer-visits"] .fi-badge { background-color: color-mix(in srgb, #22d3ee 22%, transparent) !important; color: #22d3ee !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #22d3ee 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/customer-visits"] .fi-sidebar-item-icon { color: #67e8f9 !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/customer-visits"] .fi-badge { background-color: color-mix(in srgb, #67e8f9 22%, transparent) !important; color: #67e8f9 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #67e8f9 38%, transparent) !important; }

/* customer-notes */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/customer-notes"] .fi-sidebar-item-icon { color: #4f46e5 !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/customer-notes"] .fi-badge { background-color: color-mix(in srgb, #4f46e5 14%, white) !important; color: #4f46e5 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #4f46e5 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/customer-notes"] .fi-sidebar-item-icon { color: #4338ca !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/customer-notes"] .fi-badge { background-color: color-mix(in srgb, #4338ca 16%, white) !important; color: #4338ca !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #4338ca 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/customer-notes"] .fi-sidebar-item-icon { color: #818cf8 !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/customer-notes"] .fi-badge { background-color: color-mix(in srgb, #818cf8 22%, transparent) !important; color: #818cf8 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #818cf8 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/customer-notes"] .fi-sidebar-item-icon { color: #a5b4fc !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/customer-notes"] .fi-badge { background-color: color-mix(in srgb, #a5b4fc 22%, transparent) !important; color: #a5b4fc !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #a5b4fc 38%, transparent) !important; }

/* consents */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/consents"] .fi-sidebar-item-icon { color: #047857 !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/consents"] .fi-badge { background-color: color-mix(in srgb, #047857 14%, white) !important; color: #047857 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #047857 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/consents"] .fi-sidebar-item-icon { color: #065f46 !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/consents"] .fi-badge { background-color: color-mix(in srgb, #065f46 16%, white) !important; color: #065f46 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #065f46 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/consents"] .fi-sidebar-item-icon { color: #34d399 !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/consents"] .fi-badge { background-color: color-mix(in srgb, #34d399 22%, transparent) !important; color: #34d399 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #34d399 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/consents"] .fi-sidebar-item-icon { color: #6ee7b7 !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/consents"] .fi-badge { background-color: color-mix(in srgb, #6ee7b7 22%, transparent) !important; color: #6ee7b7 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #6ee7b7 38%, transparent) !important; }

/* users */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/users"] .fi-sidebar-item-icon { color: #6366f1 !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/users"] .fi-badge { background-color: color-mix(in srgb, #6366f1 14%, white) !important; color: #6366f1 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #6366f1 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/users"] .fi-sidebar-item-icon { color: #4f46e5 !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/users"] .fi-badge { background-color: color-mix(in srgb, #4f46e5 16%, white) !important; color: #4f46e5 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #4f46e5 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/users"] .fi-sidebar-item-icon { color: #a5b4fc !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/users"] .fi-badge { background-color: color-mix(in srgb, #a5b4fc 22%, transparent) !important; color: #a5b4fc !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #a5b4fc 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/users"] .fi-sidebar-item-icon { color: #c7d2fe !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/users"] .fi-badge { background-color: color-mix(in srgb, #c7d2fe 22%, transparent) !important; color: #c7d2fe !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #c7d2fe 38%, transparent) !important; }

/* saved-filters */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/saved-filters"] .fi-sidebar-item-icon { color: #9333ea !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/saved-filters"] .fi-badge { background-color: color-mix(in srgb, #9333ea 14%, white) !important; color: #9333ea !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #9333ea 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/saved-filters"] .fi-sidebar-item-icon { color: #7e22ce !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/saved-filters"] .fi-badge { background-color: color-mix(in srgb, #7e22ce 16%, white) !important; color: #7e22ce !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #7e22ce 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/saved-filters"] .fi-sidebar-item-icon { color: #d8b4fe !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/saved-filters"] .fi-badge { background-color: color-mix(in srgb, #d8b4fe 22%, transparent) !important; color: #d8b4fe !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #d8b4fe 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/saved-filters"] .fi-sidebar-item-icon { color: #e9d5ff !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/saved-filters"] .fi-badge { background-color: color-mix(in srgb, #e9d5ff 22%, transparent) !important; color: #e9d5ff !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #e9d5ff 38%, transparent) !important; }

/* custom-field-definitions */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/custom-field-definitions"] .fi-sidebar-item-icon { color: #475569 !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/custom-field-definitions"] .fi-badge { background-color: color-mix(in srgb, #475569 14%, white) !important; color: #475569 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #475569 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/custom-field-definitions"] .fi-sidebar-item-icon { color: #334155 !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/custom-field-definitions"] .fi-badge { background-color: color-mix(in srgb, #334155 16%, white) !important; color: #334155 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #334155 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/custom-field-definitions"] .fi-sidebar-item-icon { color: #94a3b8 !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/custom-field-definitions"] .fi-badge { background-color: color-mix(in srgb, #94a3b8 22%, transparent) !important; color: #94a3b8 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #94a3b8 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/custom-field-definitions"] .fi-sidebar-item-icon { color: #cbd5e1 !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/custom-field-definitions"] .fi-badge { background-color: color-mix(in srgb, #cbd5e1 22%, transparent) !important; color: #cbd5e1 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #cbd5e1 38%, transparent) !important; }

/* notification-rules */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/notification-rules"] .fi-sidebar-item-icon { color: #ea580c !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/notification-rules"] .fi-badge { background-color: color-mix(in srgb, #ea580c 14%, white) !important; color: #ea580c !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #ea580c 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/notification-rules"] .fi-sidebar-item-icon { color: #c2410c !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/notification-rules"] .fi-badge { background-color: color-mix(in srgb, #c2410c 16%, white) !important; color: #c2410c !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #c2410c 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/notification-rules"] .fi-sidebar-item-icon { color: #fb923c !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/notification-rules"] .fi-badge { background-color: color-mix(in srgb, #fb923c 22%, transparent) !important; color: #fb923c !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #fb923c 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/notification-rules"] .fi-sidebar-item-icon { color: #fdba74 !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/notification-rules"] .fi-badge { background-color: color-mix(in srgb, #fdba74 22%, transparent) !important; color: #fdba74 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #fdba74 38%, transparent) !important; }

/* workflows (workflow-logs ayrı) */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/workflows"] .fi-sidebar-item-icon { color: #0284c7 !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/workflows"] .fi-badge { background-color: color-mix(in srgb, #0284c7 14%, white) !important; color: #0284c7 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #0284c7 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/workflows"] .fi-sidebar-item-icon { color: #0369a1 !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/workflows"] .fi-badge { background-color: color-mix(in srgb, #0369a1 16%, white) !important; color: #0369a1 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #0369a1 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/workflows"] .fi-sidebar-item-icon { color: #38bdf8 !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/workflows"] .fi-badge { background-color: color-mix(in srgb, #38bdf8 22%, transparent) !important; color: #38bdf8 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #38bdf8 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/workflows"] .fi-sidebar-item-icon { color: #7dd3fc !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/workflows"] .fi-badge { background-color: color-mix(in srgb, #7dd3fc 22%, transparent) !important; color: #7dd3fc !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #7dd3fc 38%, transparent) !important; }

/* workflow-logs — workflows ile çakışmasın: sadece workflow-logs path */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/workflow-logs"] .fi-sidebar-item-icon { color: #64748b !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/workflow-logs"] .fi-badge { background-color: color-mix(in srgb, #64748b 14%, white) !important; color: #64748b !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #64748b 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/workflow-logs"] .fi-sidebar-item-icon { color: #475569 !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/workflow-logs"] .fi-badge { background-color: color-mix(in srgb, #475569 16%, white) !important; color: #475569 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #475569 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/workflow-logs"] .fi-sidebar-item-icon { color: #94a3b8 !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/workflow-logs"] .fi-badge { background-color: color-mix(in srgb, #94a3b8 22%, transparent) !important; color: #94a3b8 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #94a3b8 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/workflow-logs"] .fi-sidebar-item-icon { color: #cbd5e1 !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/workflow-logs"] .fi-badge { background-color: color-mix(in srgb, #cbd5e1 22%, transparent) !important; color: #cbd5e1 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #cbd5e1 38%, transparent) !important; }

/* messages */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/messages"] .fi-sidebar-item-icon { color: #8b5cf6 !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/messages"] .fi-badge { background-color: color-mix(in srgb, #8b5cf6 14%, white) !important; color: #8b5cf6 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #8b5cf6 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/messages"] .fi-sidebar-item-icon { color: #7c3aed !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/messages"] .fi-badge { background-color: color-mix(in srgb, #7c3aed 16%, white) !important; color: #7c3aed !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #7c3aed 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/messages"] .fi-sidebar-item-icon { color: #c4b5fd !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/messages"] .fi-badge { background-color: color-mix(in srgb, #c4b5fd 22%, transparent) !important; color: #c4b5fd !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #c4b5fd 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/messages"] .fi-sidebar-item-icon { color: #ddd6fe !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/messages"] .fi-badge { background-color: color-mix(in srgb, #ddd6fe 22%, transparent) !important; color: #ddd6fe !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #ddd6fe 38%, transparent) !important; }

/* import-customers */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/import-customers"] .fi-sidebar-item-icon { color: #2563eb !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/import-customers"] .fi-badge { background-color: color-mix(in srgb, #2563eb 14%, white) !important; color: #2563eb !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #2563eb 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/import-customers"] .fi-sidebar-item-icon { color: #1d4ed8 !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/import-customers"] .fi-badge { background-color: color-mix(in srgb, #1d4ed8 16%, white) !important; color: #1d4ed8 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #1d4ed8 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/import-customers"] .fi-sidebar-item-icon { color: #60a5fa !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/import-customers"] .fi-badge { background-color: color-mix(in srgb, #60a5fa 22%, transparent) !important; color: #60a5fa !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #60a5fa 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/import-customers"] .fi-sidebar-item-icon { color: #93c5fd !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/import-customers"] .fi-badge { background-color: color-mix(in srgb, #93c5fd 22%, transparent) !important; color: #93c5fd !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #93c5fd 38%, transparent) !important; }

/* scan-business-card */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/scan-business-card"] .fi-sidebar-item-icon { color: #db2777 !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/scan-business-card"] .fi-badge { background-color: color-mix(in srgb, #db2777 14%, white) !important; color: #db2777 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #db2777 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/scan-business-card"] .fi-sidebar-item-icon { color: #be185d !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/scan-business-card"] .fi-badge { background-color: color-mix(in srgb, #be185d 16%, white) !important; color: #be185d !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #be185d 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/scan-business-card"] .fi-sidebar-item-icon { color: #f472b6 !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/scan-business-card"] .fi-badge { background-color: color-mix(in srgb, #f472b6 22%, transparent) !important; color: #f472b6 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #f472b6 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/scan-business-card"] .fi-sidebar-item-icon { color: #f9a8d4 !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/scan-business-card"] .fi-badge { background-color: color-mix(in srgb, #f9a8d4 22%, transparent) !important; color: #f9a8d4 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #f9a8d4 38%, transparent) !important; }

/* field-check-in */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/field-check-in"] .fi-sidebar-item-icon { color: #0d9488 !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/field-check-in"] .fi-badge { background-color: color-mix(in srgb, #0d9488 14%, white) !important; color: #0d9488 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #0d9488 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/field-check-in"] .fi-sidebar-item-icon { color: #0f766e !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/field-check-in"] .fi-badge { background-color: color-mix(in srgb, #0f766e 16%, white) !important; color: #0f766e !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #0f766e 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/field-check-in"] .fi-sidebar-item-icon { color: #2dd4bf !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/field-check-in"] .fi-badge { background-color: color-mix(in srgb, #2dd4bf 22%, transparent) !important; color: #2dd4bf !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #2dd4bf 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/field-check-in"] .fi-sidebar-item-icon { color: #5eead4 !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/field-check-in"] .fi-badge { background-color: color-mix(in srgb, #5eead4 22%, transparent) !important; color: #5eead4 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #5eead4 38%, transparent) !important; }

/* process-automation-studio */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/process-automation-studio"] .fi-sidebar-item-icon { color: #a855f7 !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/process-automation-studio"] .fi-badge { background-color: color-mix(in srgb, #a855f7 14%, white) !important; color: #a855f7 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #a855f7 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/process-automation-studio"] .fi-sidebar-item-icon { color: #7e22ce !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/process-automation-studio"] .fi-badge { background-color: color-mix(in srgb, #7e22ce 16%, white) !important; color: #7e22ce !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #7e22ce 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/process-automation-studio"] .fi-sidebar-item-icon { color: #d8b4fe !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/process-automation-studio"] .fi-badge { background-color: color-mix(in srgb, #d8b4fe 22%, transparent) !important; color: #d8b4fe !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #d8b4fe 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/process-automation-studio"] .fi-sidebar-item-icon { color: #e9d5ff !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/process-automation-studio"] .fi-badge { background-color: color-mix(in srgb, #e9d5ff 22%, transparent) !important; color: #e9d5ff !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #e9d5ff 38%, transparent) !important; }

/* kvkk-compliance-hub */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/kvkk-compliance-hub"] .fi-sidebar-item-icon { color: #0f766e !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/kvkk-compliance-hub"] .fi-badge { background-color: color-mix(in srgb, #0f766e 14%, white) !important; color: #0f766e !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #0f766e 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/kvkk-compliance-hub"] .fi-sidebar-item-icon { color: #115e59 !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/kvkk-compliance-hub"] .fi-badge { background-color: color-mix(in srgb, #115e59 16%, white) !important; color: #115e59 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #115e59 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/kvkk-compliance-hub"] .fi-sidebar-item-icon { color: #5eead4 !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/kvkk-compliance-hub"] .fi-badge { background-color: color-mix(in srgb, #5eead4 22%, transparent) !important; color: #5eead4 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #5eead4 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/kvkk-compliance-hub"] .fi-sidebar-item-icon { color: #99f6e4 !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/kvkk-compliance-hub"] .fi-badge { background-color: color-mix(in srgb, #99f6e4 22%, transparent) !important; color: #99f6e4 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #99f6e4 38%, transparent) !important; }

/* integration-settings */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/integration-settings"] .fi-sidebar-item-icon { color: #f97316 !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/integration-settings"] .fi-badge { background-color: color-mix(in srgb, #f97316 14%, white) !important; color: #f97316 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #f97316 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/integration-settings"] .fi-sidebar-item-icon { color: #ea580c !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/integration-settings"] .fi-badge { background-color: color-mix(in srgb, #ea580c 16%, white) !important; color: #ea580c !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #ea580c 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/integration-settings"] .fi-sidebar-item-icon { color: #fb923c !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/integration-settings"] .fi-badge { background-color: color-mix(in srgb, #fb923c 22%, transparent) !important; color: #fb923c !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #fb923c 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/integration-settings"] .fi-sidebar-item-icon { color: #fdba74 !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/integration-settings"] .fi-badge { background-color: color-mix(in srgb, #fdba74 22%, transparent) !important; color: #fdba74 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #fdba74 38%, transparent) !important; }

/* appointment-booking-settings */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/appointment-booking-settings"] .fi-sidebar-item-icon { color: #0891b2 !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/appointment-booking-settings"] .fi-badge { background-color: color-mix(in srgb, #0891b2 14%, white) !important; color: #0891b2 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #0891b2 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/appointment-booking-settings"] .fi-sidebar-item-icon { color: #0e7490 !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/appointment-booking-settings"] .fi-badge { background-color: color-mix(in srgb, #0e7490 16%, white) !important; color: #0e7490 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #0e7490 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/appointment-booking-settings"] .fi-sidebar-item-icon { color: #22d3ee !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/appointment-booking-settings"] .fi-badge { background-color: color-mix(in srgb, #22d3ee 22%, transparent) !important; color: #22d3ee !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #22d3ee 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/appointment-booking-settings"] .fi-sidebar-item-icon { color: #67e8f9 !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/appointment-booking-settings"] .fi-badge { background-color: color-mix(in srgb, #67e8f9 22%, transparent) !important; color: #67e8f9 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #67e8f9 38%, transparent) !important; }

/* sales-process-settings */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/sales-process-settings"] .fi-sidebar-item-icon { color: #3b82f6 !important; }
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/sales-process-settings"] .fi-badge { background-color: color-mix(in srgb, #3b82f6 14%, white) !important; color: #3b82f6 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #3b82f6 22%, transparent) !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/sales-process-settings"] .fi-sidebar-item-icon { color: #2563eb !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/sales-process-settings"] .fi-badge { background-color: color-mix(in srgb, #2563eb 16%, white) !important; color: #2563eb !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #2563eb 26%, transparent) !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/sales-process-settings"] .fi-sidebar-item-icon { color: #60a5fa !important; }
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button[href*="/crm/sales-process-settings"] .fi-badge { background-color: color-mix(in srgb, #60a5fa 22%, transparent) !important; color: #60a5fa !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #60a5fa 38%, transparent) !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/sales-process-settings"] .fi-sidebar-item-icon { color: #93c5fd !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button[href*="/crm/sales-process-settings"] .fi-badge { background-color: color-mix(in srgb, #93c5fd 22%, transparent) !important; color: #93c5fd !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #93c5fd 38%, transparent) !important; }

/* Hover: metin kurallarına dokunmadan ikon + rozet hafif koyulaşır */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button:hover {
    background-color: #f0f7ff !important;
}
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button:hover .fi-sidebar-item-icon {
    filter: brightness(0.92);
}
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button:hover .fi-sidebar-item-label {
    color: #2c5282 !important;
}
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button:hover .fi-badge {
    filter: brightness(0.92);
}

.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button:hover {
    background-color: rgba(44, 82, 130, 0.18) !important;
}
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button:hover .fi-sidebar-item-label {
    color: #e0f2fe !important;
}
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button:hover .fi-sidebar-item-icon,
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button:hover .fi-badge {
    filter: brightness(1.08);
}
.fi-sidebar .fi-sidebar-group-label,
.fi-sidebar-nav .fi-sidebar-group-label {
    color: #94a3b8;
    letter-spacing: 0.04em;
}

/* Ana içerik alanı — hafif gri-mavi arka plan */
.fi-main-ctn,
.fi-main {
    background-color: #f7fafc;
}
.dark .fi-main-ctn,
.dark .fi-main {
    background-color: rgb(15 23 42);
}

/* Filament section köşe yuvarlaklığı */
.fi-body .fi-page .fi-section > .fi-section-content-ctn,
.fi-body .fi-page .fi-section.rounded-xl {
    border-radius: 0.75rem;
}
.fi-body .fi-page .fi-section-header {
    padding-top: 0.25rem;
}

/* Topbar: şube seçici genişlemesin, genel arama çubuğu aşırı uzamasın (CRM) */
.fi-crm-branch-switch {
    z-index: 30;
    max-width: min(100%, 20rem);
}

/* ——— Global arama katmanı ———
   Padding değerleri burada belirlenir; Tailwind JIT topbar blade'i taramaz.
   Katman start-0 end-0 tam genişlik, justify-center ile içerik ortalanır.
   Sol: hamburger button (~2.5rem) + nav gap; Sağ: bildirim + avatar + gap.
*/
.fi-crm-search-layer {
    padding-inline-start: 3.25rem;
    padding-inline-end: 8.5rem;
}
@media (min-width: 640px) {
    .fi-crm-search-layer {
        padding-inline-start: 3.5rem;
        padding-inline-end: 9.5rem;
    }
}
@media (min-width: 1024px) {
    .fi-crm-search-layer {
        padding-inline-start: 2rem;
        padding-inline-end: 11rem;
    }
    .fi-crm-search-layer[data-sidebar='1'] {
        padding-inline-start: calc(var(--sidebar-width, 16rem) + 0.75rem);
    }
}
.fi-crm-global-search-outer {
    /* h-full kaldırıldı; height: auto → katmanın flex items-center ile ortalanır */
    height: auto;
    width: 100%;
    max-width: 28rem;
    min-width: 0;
    box-sizing: border-box;
}
.fi-crm-global-search-outer .fi-global-search {
    width: 100%;
    min-width: 0;
    height: auto;
}
@media (max-width: 639px) {
    .fi-crm-global-search-outer {
        max-width: 100%;
    }
}

/* Üst çubuk + kenar çubuğu (CRM panel — body.fi-panel-crm): gri ikonları kurumsal maviye çek */
.fi-panel-crm.fi-body .fi-topbar-database-notifications-btn.fi-btn-color-gray,
.fi-panel-crm.fi-body .fi-topbar-database-notifications-btn.fi-btn-color-gray:hover,
.fi-panel-crm.fi-body .fi-topbar-database-notifications-btn.fi-btn-color-gray:focus-visible {
    color: #3b71ca !important;
    --tw-text-opacity: 1 !important;
}
.fi-panel-crm.fi-body .fi-topbar-database-notifications-btn.fi-btn-color-gray .fi-icon-btn-icon {
    color: inherit !important;
}
.fi-panel-crm.fi-body .fi-topbar-database-notifications-btn.fi-btn-color-gray svg {
    color: inherit !important;
}
.fi-panel-crm.fi-body .fi-global-search-field .fi-input-wrp-icon {
    color: #3b71ca !important;
}
.fi-panel-crm.fi-body .fi-global-search-field .fi-input-wrp-icon svg {
    color: inherit !important;
}
.fi-panel-crm.fi-body .fi-topbar-open-sidebar-btn.fi-btn-color-gray,
.fi-panel-crm.fi-body .fi-topbar-close-sidebar-btn.fi-btn-color-gray,
.fi-panel-crm.fi-body .fi-topbar-open-sidebar-btn.fi-btn-color-gray:hover,
.fi-panel-crm.fi-body .fi-topbar-close-sidebar-btn.fi-btn-color-gray:hover {
    color: #3b71ca !important;
}

.dark .fi-panel-crm.fi-body .fi-topbar-database-notifications-btn.fi-btn-color-gray,
.dark .fi-panel-crm.fi-body .fi-topbar-database-notifications-btn.fi-btn-color-gray:hover {
    color: #93c5fd !important;
}
.dark .fi-panel-crm.fi-body .fi-global-search-field .fi-input-wrp-icon {
    color: #93c5fd !important;
}
.dark .fi-panel-crm.fi-body .fi-topbar-open-sidebar-btn.fi-btn-color-gray,
.dark .fi-panel-crm.fi-body .fi-topbar-close-sidebar-btn.fi-btn-color-gray,
.dark .fi-panel-crm.fi-body .fi-topbar-open-sidebar-btn.fi-btn-color-gray:hover,
.dark .fi-panel-crm.fi-body .fi-topbar-close-sidebar-btn.fi-btn-color-gray:hover {
    color: #93c5fd !important;
}

/* CRM yüzen dock: canlı destek parlama yalnızca kendi şeridinde */
.tenant-crm-fab-slip-ls:hover .tenant-ls-rail,
.tenant-crm-fab-slip-ls:focus-within .tenant-ls-rail,
.tenant-crm-fab-slip-ls.tenant-crm-fab-slip--open .tenant-ls-rail {
    filter: brightness(1.08);
}
/* ============================================================
   Eğitim Modülü — Sidebar renkli ikonlar
   !important gerekli: Tailwind utility sınıflarını geçersiz kılar
   ============================================================ */

/* Öğrenciler — mavi */
.fi-sidebar-item-button[href*="/crm/edu-students"] .fi-sidebar-item-icon,
.fi-sidebar-item-button[href*="/crm/edu-students"] svg {
    color: #3b82f6 !important;
}
html.dark .fi-sidebar-item-button[href*="/crm/edu-students"] .fi-sidebar-item-icon,
html.dark .fi-sidebar-item-button[href*="/crm/edu-students"] svg {
    color: #60a5fa !important;
}

/* Veliler — mor */
.fi-sidebar-item-button[href*="/crm/edu-parents"] .fi-sidebar-item-icon,
.fi-sidebar-item-button[href*="/crm/edu-parents"] svg {
    color: #8b5cf6 !important;
}
html.dark .fi-sidebar-item-button[href*="/crm/edu-parents"] .fi-sidebar-item-icon,
html.dark .fi-sidebar-item-button[href*="/crm/edu-parents"] svg {
    color: #a78bfa !important;
}

/* Devamsızlık — kırmızı */
.fi-sidebar-item-button[href*="/crm/edu-attendances"] .fi-sidebar-item-icon,
.fi-sidebar-item-button[href*="/crm/edu-attendances"] svg {
    color: #ef4444 !important;
}
html.dark .fi-sidebar-item-button[href*="/crm/edu-attendances"] .fi-sidebar-item-icon,
html.dark .fi-sidebar-item-button[href*="/crm/edu-attendances"] svg {
    color: #f87171 !important;
}

/* Kayıt Pipeline — yeşil */
.fi-sidebar-item-button[href*="/crm/edu-enrollment"] .fi-sidebar-item-icon,
.fi-sidebar-item-button[href*="/crm/edu-enrollment"] svg {
    color: #22c55e !important;
}
html.dark .fi-sidebar-item-button[href*="/crm/edu-enrollment"] .fi-sidebar-item-icon,
html.dark .fi-sidebar-item-button[href*="/crm/edu-enrollment"] svg {
    color: #4ade80 !important;
}

/* Kontenjan — turuncu */
.fi-sidebar-item-button[href*="/crm/edu-class-quotas"] .fi-sidebar-item-icon,
.fi-sidebar-item-button[href*="/crm/edu-class-quotas"] svg {
    color: #f97316 !important;
}
html.dark .fi-sidebar-item-button[href*="/crm/edu-class-quotas"] .fi-sidebar-item-icon,
html.dark .fi-sidebar-item-button[href*="/crm/edu-class-quotas"] svg {
    color: #fb923c !important;
}

/* Rehberlik — teal */
.fi-sidebar-item-button[href*="/crm/edu-counseling"] .fi-sidebar-item-icon,
.fi-sidebar-item-button[href*="/crm/edu-counseling"] svg {
    color: #14b8a6 !important;
}
html.dark .fi-sidebar-item-button[href*="/crm/edu-counseling"] .fi-sidebar-item-icon,
html.dark .fi-sidebar-item-button[href*="/crm/edu-counseling"] svg {
    color: #2dd4bf !important;
}

/* Deneme Dersi — sarı */
.fi-sidebar-item-button[href*="/crm/edu-trial"] .fi-sidebar-item-icon,
.fi-sidebar-item-button[href*="/crm/edu-trial"] svg {
    color: #eab308 !important;
}
html.dark .fi-sidebar-item-button[href*="/crm/edu-trial"] .fi-sidebar-item-icon,
html.dark .fi-sidebar-item-button[href*="/crm/edu-trial"] svg {
    color: #facc15 !important;
}

/* Ödeme Planları — zümrüt */
.fi-sidebar-item-button[href*="/crm/edu-payment"] .fi-sidebar-item-icon,
.fi-sidebar-item-button[href*="/crm/edu-payment"] svg {
    color: #10b981 !important;
}
html.dark .fi-sidebar-item-button[href*="/crm/edu-payment"] .fi-sidebar-item-icon,
html.dark .fi-sidebar-item-button[href*="/crm/edu-payment"] svg {
    color: #34d399 !important;
}

/* Şube Performansı — çivit mavi */
.fi-sidebar-item-button[href*="/crm/edu-branch-performance"] .fi-sidebar-item-icon,
.fi-sidebar-item-button[href*="/crm/edu-branch-performance"] svg {
    color: #0ea5e9 !important;
}
html.dark .fi-sidebar-item-button[href*="/crm/edu-branch-performance"] .fi-sidebar-item-icon,
html.dark .fi-sidebar-item-button[href*="/crm/edu-branch-performance"] svg {
    color: #38bdf8 !important;
}

/* Toplu Bildirim — pembe */
.fi-sidebar-item-button[href*="/crm/edu-broadcast"] .fi-sidebar-item-icon,
.fi-sidebar-item-button[href*="/crm/edu-broadcast"] svg {
    color: #ec4899 !important;
}
html.dark .fi-sidebar-item-button[href*="/crm/edu-broadcast"] .fi-sidebar-item-icon,
html.dark .fi-sidebar-item-button[href*="/crm/edu-broadcast"] svg {
    color: #f472b6 !important;
}

/* Memnuniyet Anketi — sarı-turuncu */
.fi-sidebar-item-button[href*="/crm/edu-satisfaction"] .fi-sidebar-item-icon,
.fi-sidebar-item-button[href*="/crm/edu-satisfaction"] svg {
    color: #f59e0b !important;
}
html.dark .fi-sidebar-item-button[href*="/crm/edu-satisfaction"] .fi-sidebar-item-icon,
html.dark .fi-sidebar-item-button[href*="/crm/edu-satisfaction"] svg {
    color: #fbbf24 !important;
}

/* Yenileme Riski — kırmızı turuncu */
.fi-sidebar-item-button[href*="/crm/edu-renewal"] .fi-sidebar-item-icon,
.fi-sidebar-item-button[href*="/crm/edu-renewal"] svg {
    color: #f43f5e !important;
}
html.dark .fi-sidebar-item-button[href*="/crm/edu-renewal"] .fi-sidebar-item-icon,
html.dark .fi-sidebar-item-button[href*="/crm/edu-renewal"] svg {
    color: #fb7185 !important;
}

/* Eğitim grubu başlığı — indigo vurgu */
.fi-sidebar-group-label:has(+ [data-group-label]) {
    color: #6366f1;
}

/* Renewal risk page — custom header icon boyut garantisi */
.fi-page[class] .crm-page-icon-sm {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
}

/* Gelen kutusu: yeni mesajda sidebar rozeti yanıp sönme (JS .crm-inbox-badge-pulse ekler) */
@keyframes crm-inbox-badge-pulse {
    0%,
    100% {
        transform: scale(1);
        filter: brightness(1);
    }
    50% {
        transform: scale(1.12);
        filter: brightness(1.15);
    }
}
.fi-sidebar-item-button[href*="/unified-inbox"] .fi-badge.crm-inbox-badge-pulse {
    animation: crm-inbox-badge-pulse 0.45s ease-in-out 6;
}