/* ============================================================
   Tutku CRM — HubSpot inspired theme
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700&display=swap');

/* ── Genel ───────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

/* ══════════════════════════════════════════════════════════
   TUTKUCRM RENK DEĞİŞKENLERİ & UTILITY SINIFLARI
   Her yerde aynı renkleri kullanmak için.
══════════════════════════════════════════════════════════ */
:root {
    --sidebar-width: 15rem;

    /* CRM'e özel */
    --tutkucrm-lightbg: #E6F0F9;
    --tutkucrm-darkbg:  #E9EDF3;
    --tutkucrm-chipcolor: #EEF3F6;

    /* WP sitesiyle PARALEL marka paleti (wpresidence-child --tutku-*) */
    --tutku-accent:      #d6251a;   /* marka kırmızısı */
    --tutku-red:         #d6251a;
    --tutku-blue:        #2C0783;   /* koyu mor; eski #0656a7 */
    --tutku-dark:        #121127;
    --tutku-ink:         #161922;
    --tutku-green:       #128c4a;
    --tutku-bg-light:    #eef3f6;   /* = tutkucrm-lightbg */
    --tutku-soft:        #f7f8fb;
    --tutku-line:        #e7e9ee;
    --tutku-border-dark: #d6dbdd;
    --tutku-muted:       #667085;
    --tutku-text-muted:  #6f7488;

    /* Font — WP ile aynı (Inter) */
    --tutku-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* CRM utility */
.tutkucrm-lightbg { background-color: var(--tutkucrm-lightbg) !important; }
.tutkucrm-darkbg  { background-color: var(--tutkucrm-darkbg)  !important; }
.tutkucrm-lightbg-text { color: var(--tutkucrm-lightbg) !important; }
.tutkucrm-darkbg-text  { color: var(--tutkucrm-darkbg)  !important; }

/* WP paralel utility sınıfları (bg / text / border) */
.tutku-accent-bg { background-color: var(--tutku-accent) !important; }
.tutku-red-bg    { background-color: var(--tutku-red) !important; }
.tutku-blue-bg   { background-color: var(--tutku-blue) !important; }
.tutku-dark-bg   { background-color: var(--tutku-dark) !important; }
.tutku-ink-bg    { background-color: var(--tutku-ink) !important; }
.tutku-green-bg  { background-color: var(--tutku-green) !important; }
.tutku-bg-light  { background-color: var(--tutku-bg-light) !important; }
.tutku-soft-bg   { background-color: var(--tutku-soft) !important; }

.tutku-accent-text { color: var(--tutku-accent) !important; }
.tutku-red-text    { color: var(--tutku-red) !important; }
.tutku-blue-text   { color: var(--tutku-blue) !important; }
.tutku-dark-text   { color: var(--tutku-dark) !important; }
.tutku-ink-text    { color: var(--tutku-ink) !important; }
.tutku-green-text  { color: var(--tutku-green) !important; }
.tutku-muted-text  { color: var(--tutku-muted) !important; }

.tutku-line-border   { border-color: var(--tutku-line) !important; }
.tutku-border-dark   { border-color: var(--tutku-border-dark) !important; }

/* Font — CRM'de her yer Inter (WP ile paralel) */
.tutku-font, body, .fi-body, [class*="fi-"] { font-family: var(--tutku-font) !important; }

body, .fi-sidebar, .fi-topbar, .fi-main, [class*="fi-"] {
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
}

/* ── Ana içerik arka planı ───────────────────────────────── */
.fi-main-ctn {
    background-color: #f5f8fa !important;
}

/* CRM geneli metin rengi (açık zeminler): koyu lacivert #081930.
   Filament birincil metni text-gray-950 → var(--gray-950) kullanır; ana içerikte
   bu değişkeni navy'e çekiyoruz → section başlıkları, tablo hücreleri, alan
   değerleri, paragraflar hepsi navy. Muted (gray-500/700) & mavi input korunur.
   Scope .fi-main → sidebar/topbar etkilenmez. */
.fi-main { --gray-950: #081930; color: #081930; }

/* ══════════════════════════════════════════════════════════
   SIDEBAR — Açık arka plan, koyu renkli menüler
══════════════════════════════════════════════════════════ */
.fi-sidebar {
    background-color: #f8fafc !important;
    border-right: 1px solid #e5e8eb !important;
    box-shadow: none !important;
}

/* Marka başlığı */
.fi-sidebar-header {
    padding: 18px 16px !important;
    border-bottom: 1px solid #e5e8eb !important;
    background-color: #f8fafc !important;
}

.fi-brand-name {
    color: #081930 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
}

/* Gruplar arası boşluk — çok sıkı */
.fi-sidebar-group {
    margin-bottom: 0 !important;
}
.fi-sidebar-nav {
    gap: 0 !important;
}

/* Grup etiketleri — tam beyaz, uppercase */
.fi-sidebar-group-label {
    color: #374151 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.03em !important;
    text-transform: capitalize !important;
    padding: 0px 20px 0px !important;
    margin-top: 2px !important;
    flex: 1 !important; /* etiket genişler → chevron'lar sağ kenara dayalı (hepsi hizalı) */
}

/* Grup satır butonu */
.fi-sidebar-group-btn {
    padding: calc(var(--spacing) * 1) !important;
    align-items: center !important;
    display: flex !important;
    width: 100% !important;
}

/* Grup collapse butonu */
.fi-sidebar-group-collapse-btn {
    color: #374151 !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    padding: 0 !important;
    border-radius: 6px !important;
    margin: 0 4px 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    display: inline-flex !important;
    flex-shrink: 0 !important;
    transform: none !important;
    transition: background-color .15s ease, color .15s ease !important;
}

.fi-sidebar-group-collapse-btn:hover,
.fi-sidebar-group-btn:hover {
    background-color: #eef2f7 !important;
    color: #081930 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
}

/* Grup ikonları — alt menü iconları ile aynı stil */
.fi-sidebar-group-collapse-btn svg,
.fi-sidebar-group-btn svg,
.fi-sidebar-group-label svg {
    width: 18px !important;
    height: 18px !important;
    color: #374151 !important;
    stroke-width: 1.5 !important;
    flex-shrink: 0 !important;
    opacity: 1 !important;
}

.fi-sidebar-group-collapse-btn svg {
    width: 14px !important;
    height: 14px !important;
    display: block !important;
    transform: rotate(0deg) !important;
    transition: transform .15s ease !important;
}

.fi-sidebar-group.fi-collapsed > .fi-sidebar-group-btn .fi-sidebar-group-collapse-btn svg {
    transform: rotate(180deg) !important;
}

.fi-sidebar-group-collapse-btn--collapsed svg {
    transform: rotate(180deg) !important;
}

.fi-sidebar-group-collapse-btn[aria-expanded="false"] svg,
.fi-sidebar-group-collapse-btn.fi-sidebar-group-collapse-btn--collapsed svg,
.fi-sidebar-group.fi-collapsed > .fi-sidebar-group-btn .fi-sidebar-group-collapse-btn .fi-icon,
.fi-sidebar-group-collapse-btn[aria-expanded="false"] .fi-icon,
.fi-sidebar-group-collapse-btn.fi-sidebar-group-collapse-btn--collapsed .fi-icon {
    transform: rotate(180deg) !important;
}

.fi-sidebar-group-collapse-btn[aria-expanded="true"] svg,
.fi-sidebar-group-collapse-btn[aria-expanded="true"] .fi-icon {
    transform: rotate(0deg) !important;
}

.fi-sidebar-group-collapse-btn:hover svg,
.fi-sidebar-group-btn:hover svg {
    color: #081930 !important;
}

/* Alt menü öğeleri — icon ile aynı renk */
.fi-sidebar-item-button,
.fi-sidebar-item-btn {
    margin: 0 0 0 10px !important;
    padding: 5px !important;
    border-radius: 6px !important;
    color: #6b7280 !important;
    font-size: 0.750rem !important;
    font-weight: 400 !important;
    background-color: transparent !important;
    transition: background 0.12s, color 0.12s !important;
}

/* İkon — metin ile birebir aynı renk, Filament override'larını sıfırla */
.fi-sidebar-item-button svg,
.fi-sidebar-item-button .fi-sidebar-item-icon,
.fi-sidebar-item-button [data-slot="icon"] {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    max-width: 12px !important;
    max-height: 12px !important;
    color: #6b7280 !important;
    fill: none !important;
    opacity: 1 !important;
    flex-shrink: 0 !important;
    transform: scale(0.6) !important;
    transform-origin: center !important;
}

.fi-sidebar-item-button:hover {
    background-color: #eef2f7 !important;
    color: #081930 !important;
}
.fi-sidebar-item-button:hover svg,
.fi-sidebar-item-button:hover .fi-sidebar-item-icon,
.fi-sidebar-item-button:hover [data-slot="icon"] {
    color: #081930 !important;
}

/* Seçili öğe — sol accent çizgi + hafif mavi ton + bold */
.fi-sidebar-item-button.fi-active,
.fi-sidebar-item-button[aria-current="page"] {
    background-color: #e6f0f9 !important;
    color: #0656a7 !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    border-left: 3px solid #0656a7 !important;
    padding-left: 31px !important;
    border-radius: 0 6px 6px 0 !important;
}
.fi-sidebar-item-btn.fi-active,
.fi-sidebar-item-btn[aria-current="page"] {
    background-color: #e6f0f9 !important;
    color: #0656a7 !important;
    font-weight: 600 !important;
    border-left: 3px solid #0656a7 !important;
    padding-left: 31px !important;
    border-radius: 0 6px 6px 0 !important;
}
.fi-sidebar-item-button.fi-active svg,
.fi-sidebar-item-button.fi-active .fi-sidebar-item-icon,
.fi-sidebar-item-button.fi-active [data-slot="icon"],
.fi-sidebar-item-button[aria-current="page"] svg,
.fi-sidebar-item-button[aria-current="page"] .fi-sidebar-item-icon,
.fi-sidebar-item-button[aria-current="page"] [data-slot="icon"],
.fi-sidebar-item-btn.fi-active svg,
.fi-sidebar-item-btn.fi-active .fi-icon,
.fi-sidebar-item-btn[aria-current="page"] svg {
    color: #0656a7 !important;
    opacity: 1 !important;
}

/* ══════════════════════════════════════════════════════════
   TOPBAR
══════════════════════════════════════════════════════════ */
.fi-topbar {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e5e8eb !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important;
}

.dark .fi-topbar {
    background-color: #1e2d3d !important;
    border-bottom-color: rgba(255,255,255,0.08) !important;
}

/* ══════════════════════════════════════════════════════════
   SAYFA BAŞLIĞI
══════════════════════════════════════════════════════════ */
.fi-header {
    padding-bottom: 0 !important;
}

.fi-header-heading {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #081930 !important;
    letter-spacing: -0.02em !important;
}

.dark .fi-header-heading { color: #f0f4f8 !important; }

/* ══════════════════════════════════════════════════════════
   KARTLAR / SECTION
══════════════════════════════════════════════════════════ */
.fi-section {
    background: #ffffff !important;
    border: 1px solid #e5e8eb !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
}

.dark .fi-section {
    background: #1e2d3d !important;
    border-color: rgba(255,255,255,0.08) !important;
}

/* ══════════════════════════════════════════════════════════
   TABLO
══════════════════════════════════════════════════════════ */
.fi-ta-table {
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid #e5e8eb !important;
    background: #ffffff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
}

.fi-ta-header-cell {
    background-color: #f5f8fa !important;
    color: #6f7488 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    border-bottom: 1px solid #e5e8eb !important;
    padding: 10px 16px !important;
}

.fi-ta-row td {
    border-bottom: 1px solid #f0f3f5 !important;
    padding: 11px 16px !important;
    color: #374151 !important;
    font-size: 13.5px !important;
}

.fi-ta-row:last-child td {
    border-bottom: none !important;
}

.fi-ta-row:hover td {
    background-color: #f5f8fa !important;
}

/* ══════════════════════════════════════════════════════════
   BUTONLAR
══════════════════════════════════════════════════════════ */
.fi-btn {
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 7px 14px !important;
    transition: all 0.12s !important;
}

/* Primary buton */
.fi-btn-color-primary.fi-btn-size-md {
    background-color: #0656a7 !important;
    border-color: #0656a7 !important;
    box-shadow: 0 1px 3px rgba(6,86,167,0.3) !important;
}
.fi-btn-color-primary.fi-btn-size-md:hover {
    background-color: #054d96 !important;
    box-shadow: 0 2px 6px rgba(6,86,167,0.35) !important;
}

/* ══════════════════════════════════════════════════════════
   BADGE / ETİKETLER
══════════════════════════════════════════════════════════ */
.fi-badge {
    border-radius: 20px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 2px 9px !important;
    letter-spacing: 0.01em !important;
}

/* ══════════════════════════════════════════════════════════
   FORM ALANLARI
══════════════════════════════════════════════════════════ */
.fi-input {
    border-radius: 6px !important;
    border-color: #cbd5e0 !important;
    font-size: 13.5px !important;
    color: #374151 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04) inset !important;
    transition: border-color 0.12s, box-shadow 0.12s !important;
}

.fi-input:focus {
    border-color: #0656a7 !important;
    box-shadow: 0 0 0 3px rgba(6,86,167,0.12) !important;
}

.fi-fo-field-wrp label {
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    margin-bottom: 4px !important;
}

/* ══════════════════════════════════════════════════════════
   WIDGET STAT KARTLARI
══════════════════════════════════════════════════════════ */
.fi-wi-stats-overview-stat {
    background: #ffffff !important;
    border: 1px solid #e5e8eb !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
    padding: 20px !important;
}

.fi-wi-stats-overview-stat-label {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #6f7488 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.fi-wi-stats-overview-stat-value {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #081930 !important;
    letter-spacing: -0.02em !important;
}

/* ══════════════════════════════════════════════════════════
   MODAl
══════════════════════════════════════════════════════════ */
.fi-modal-window {
    border-radius: 10px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.18) !important;
}

.fi-modal-header {
    border-bottom: 1px solid #e5e8eb !important;
    padding: 18px 24px !important;
}

.fi-modal-heading {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #081930 !important;
}


/* Alt menü ikon boyutu — fi-size-lg override */
.fi-sidebar-item-button .fi-icon,
.fi-sidebar-item-button .fi-size-lg,
.fi-sidebar-item-button .fi-size-md {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
}

.fi-sidebar-item-button .fi-icon > svg,
.fi-sidebar-item-button .fi-size-lg > svg,
.fi-sidebar-item-button .fi-size-md > svg {
    width: 13px !important;
    height: 13px !important;
}

/* ══════════════════════════════════════════════════════════
   SIDEBAR FOOTER
══════════════════════════════════════════════════════════ */
.tutku-version-badge {
    padding: 12px 16px;
    border-top: 1px solid #e5e8eb;
}

.tutku-version-badge a {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: #9ca3af;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    transition: color 0.12s;
}

.tutku-version-badge a:hover { color: #374151; }

.tutku-version-badge .badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 9999px;
    background: rgba(0,0,0,0.06);
    font-family: monospace;
    font-weight: 600;
    font-size: 11px;
    color: #6b7280;
}

.tutku-settings-footer-link__icon {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
}

.tutku-settings-footer-link > span {
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* Alt menü ikon — doğru selector: fi-sidebar-item-btn */
.fi-sidebar-item-btn .fi-icon,
.fi-sidebar-item-btn .fi-size-lg,
.fi-sidebar-item-btn .fi-size-md,
.fi-sidebar-item-btn .fi-size-sm {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
    max-width: 13px !important;
    max-height: 13px !important;
}
.fi-sidebar-item-btn .fi-icon > svg,
.fi-sidebar-item-btn .fi-size-lg > svg,
.fi-sidebar-item-btn svg {
    width: 13px !important;
    height: 13px !important;
}

/* ══════════════════════════════════════════════════════════
   HEADER — Minimalist, topbar'a entegre
══════════════════════════════════════════════════════════ */

/* Başlık ve breadcrumb içerik alanının başlangıcında, aksiyon butonları sağda. */
.fi-header {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    min-height: 0 !important;
    margin-bottom: 10px !important;
    padding-top: 0 !important;
}
.fi-header-heading-ctn,
.fi-header-actions-ctn {
    align-self: center !important;
}
.fi-header-actions-ctn {
    display: flex !important;
    align-items: center !important;
    margin-top: 0 !important;
}
/* HubSpot tarzı "N kayıt" sayacı — sol üst, hafif gri. */
.fi-header-subheading {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #6b7280 !important;
    margin: 0 !important;
}

/* ══════════════════════════════════════════════════════════
   HubSpot tarzı MİNİMALİST liste görünümü
   — YALNIZCA ListRecords sayfaları (.fi-resource-list-records-page).
   Global .fi-tabs mavi full-bleed stiline DOKUNMAZ; form/kayıt
   sekmeleri ve topbar etkilenmez.
══════════════════════════════════════════════════════════ */

/* — Sekmeler: dolgulu kart yerine sola hizalı ince alt-çizgi sekmeler — */
.fi-resource-list-records-page .fi-sc-tabs { justify-content: flex-start !important; }
.fi-resource-list-records-page .fi-tabs {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #e9edf2 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    --tw-ring-color: transparent !important;
    gap: 2px !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
.fi-resource-list-records-page .fi-tabs .fi-tabs-item {
    padding: 9px 14px !important;
    background: transparent !important;
    border-bottom: 2px solid transparent !important;
    color: #6b7280 !important;
    font-weight: 500 !important;
}
.fi-resource-list-records-page .fi-tabs .fi-tabs-item:hover {
    background: transparent !important;
    color: #081930 !important;
}
.fi-resource-list-records-page .fi-tabs .fi-tabs-item.fi-active,
.fi-resource-list-records-page .fi-tabs .fi-tabs-item.fi-active .fi-tabs-item-label {
    background: transparent !important;
    color: var(--tutku-blue, #2C0783) !important;
}
.fi-resource-list-records-page .fi-tabs .fi-tabs-item.fi-active {
    border-bottom-color: var(--tutku-blue, #2C0783) !important;
}
/* sekme ikon dairesini kaldır → düz küçük ikon */
.fi-resource-list-records-page .fi-tabs .fi-tabs-item > .fi-icon,
.fi-resource-list-records-page .fi-tabs .fi-tabs-item.fi-active > .fi-icon {
    width: 16px !important; height: 16px !important;
    padding: 0 !important;
    background: transparent !important;
    color: currentColor !important;
    border-radius: 0 !important;
}
/* sekme sayaç rozeti: nötr, hafif */
.fi-resource-list-records-page .fi-tabs .fi-tabs-item .fi-badge {
    background: #eef1f5 !important;
    color: #6b7280 !important;
    box-shadow: none !important;
}
.fi-resource-list-records-page .fi-tabs .fi-tabs-item.fi-active .fi-badge {
    background: color-mix(in srgb, var(--tutku-blue, #2C0783) 12%, transparent) !important;
    color: var(--tutku-blue, #2C0783) !important;
}

/* — Filtreler: kompakt satır-içi alanlar + Temizle en sağda outline buton —
   .fi-ta-filters = tek satır flex: alanlar solda (grid, esner), Temizle sağ uçta. */
.fi-resource-list-records-page .fi-ta-filters-heading { display: none !important; }
.fi-resource-list-records-page .fi-ta-filters {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    gap: 12px !important;
    padding: 0 !important;
}
.tutku-filter-picker-list-page .fi-ta-filters {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: auto !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    overflow: visible !important;
}
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-filter-row-source[hidden] {
    display: none !important;
}
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 2px 6px !important;
    scrollbar-width: thin !important;
    scrollbar-color: #cbd5e1 transparent !important;
}
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row:focus-within {
    overflow: visible !important;
    z-index: 70 !important;
}
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row:has(.fi-select-input-btn[aria-expanded="true"]),
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row:has([aria-haspopup="listbox"][aria-expanded="true"]) {
    overflow: visible !important;
    z-index: 70 !important;
}
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row::-webkit-scrollbar {
    height: 6px !important;
}
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row::-webkit-scrollbar-thumb {
    border-radius: 999px !important;
    background: #cbd5e1 !important;
}
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row::-webkit-scrollbar-track {
    background: transparent !important;
}
.fi-resource-list-records-page .fi-ta-filters .fi-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    flex: 1 1 auto !important;
    order: 1 !important;
}
.fi-resource-list-records-page .fi-ta-filters .fi-grid > .fi-grid-col {
    flex: 0 1 190px !important;
    min-width: 155px !important;
}
.tutku-filter-picker-list-page .fi-ta-filters-above-content-ctn,
.tutku-filter-picker-list-page .fi-ta {
    max-width: 100% !important;
    min-width: 0 !important;
}
.tutku-property-list-page .fi-ta-filters .fi-grid,
.tutku-filter-picker-list-page .fi-ta-filters .fi-grid,
.tutku-filter-picker-list-page .fi-ta-filters > .grid {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    grid-template-columns: none !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: auto !important;
    overflow: visible !important;
    padding: 0 !important;
}
.tutku-property-list-page .fi-ta-filters .fi-grid,
.tutku-property-list-page .fi-ta-filters > .grid {
    gap: 8px !important;
}
.tutku-property-list-page .fi-ta-filters .fi-grid > .fi-grid-col:not(.tutku-property-filter-picker),
.tutku-filter-picker-list-page .fi-ta-filters .fi-grid > .fi-grid-col:not(.tutku-property-filter-picker),
.tutku-filter-picker-list-page .fi-ta-filters > .grid > *:not(.tutku-property-filter-picker),
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row > *:not(.tutku-property-filter-picker) {
    grid-column: auto !important;
    flex: 0 1 190px !important;
    min-width: 155px !important;
    max-width: 240px !important;
    width: auto !important;
}
.tutku-filter-picker-list-page .fi-ta-filters .fi-grid > .fi-grid-col:not(.tutku-property-filter-picker) > *,
.tutku-filter-picker-list-page .fi-ta-filters > .grid > *:not(.tutku-property-filter-picker) > *,
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row > *:not(.tutku-property-filter-picker) > *,
.tutku-filter-picker-list-page .fi-ta-filters [data-field-wrapper],
.tutku-filter-picker-list-page .fi-ta-filters .fi-fo-field-wrp,
.tutku-filter-picker-list-page .fi-ta-filters .fi-fo-field-wrp-content,
.tutku-filter-picker-list-page .fi-ta-filters .fi-select-input-ctn,
.tutku-filter-picker-list-page .fi-ta-filters .fi-select-input,
.tutku-filter-picker-list-page .fi-ta-filters .fi-input-wrp,
.tutku-filter-picker-list-page .fi-ta-filters .fi-select-input-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}
.tutku-property-list-page .fi-ta-filters .fi-grid > .fi-grid-col.tutku-property-filter-hidden,
.tutku-filter-picker-list-page .fi-ta-filters .fi-grid > .fi-grid-col.tutku-property-filter-hidden,
.tutku-filter-picker-list-page .fi-ta-filters > .grid > .tutku-property-filter-hidden,
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row > .tutku-property-filter-hidden {
    display: none !important;
}
.tutku-property-list-page .fi-ta-filters .fi-grid,
.tutku-property-list-page .fi-ta-filters > .grid {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 2px 6px !important;
    scrollbar-width: thin !important;
    scrollbar-color: #cbd5e1 transparent !important;
}
.tutku-property-list-page .fi-ta-filters .fi-grid:focus-within,
.tutku-property-list-page .fi-ta-filters > .grid:focus-within {
    overflow-x: auto !important;
    overflow-y: visible !important;
}
.tutku-property-list-page .fi-ta-filters .fi-grid::-webkit-scrollbar,
.tutku-property-list-page .fi-ta-filters > .grid::-webkit-scrollbar {
    height: 6px !important;
}
.tutku-property-list-page .fi-ta-filters .fi-grid::-webkit-scrollbar-thumb,
.tutku-property-list-page .fi-ta-filters > .grid::-webkit-scrollbar-thumb {
    border-radius: 999px !important;
    background: #cbd5e1 !important;
}
.tutku-property-list-page .fi-ta-filters .fi-grid::-webkit-scrollbar-track,
.tutku-property-list-page .fi-ta-filters > .grid::-webkit-scrollbar-track {
    background: transparent !important;
}
.tutku-property-list-page .fi-ta-filters .fi-grid > .fi-grid-col:not(.tutku-property-filter-picker),
.tutku-property-list-page .fi-ta-filters > .grid > *:not(.tutku-property-filter-picker),
.tutku-property-list-page .fi-ta-filters > .tutku-unified-filter-row > *:not(.tutku-property-filter-picker) {
    flex: 0 1 190px !important;
    min-width: 155px !important;
    max-width: 240px !important;
    width: auto !important;
    overflow: visible !important;
}
.tutku-property-list-page .fi-ta-filters > .tutku-unified-filter-row > [data-tutku-property-filter-key="price_range"],
.tutku-property-list-page .fi-ta-filters > .tutku-unified-filter-row > [data-tutku-property-filter-key="area_range"],
.tutku-listing-list-page .fi-ta-filters > .tutku-unified-filter-row > [data-tutku-property-filter-key="price_range"],
.tutku-listing-list-page .fi-ta-filters > .tutku-unified-filter-row > [data-tutku-property-filter-key="area_range"] {
    flex: 0 0 332px !important;
    min-width: 332px !important;
    max-width: 332px !important;
}
.tutku-property-list-page .fi-ta-filters > .tutku-unified-filter-row > *:not(.tutku-property-filter-picker) *,
.tutku-listing-list-page .fi-ta-filters > .tutku-unified-filter-row > *:not(.tutku-property-filter-picker) * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.tutku-property-list-page .fi-ta-filters .fi-grid > .fi-grid-col [data-field-wrapper],
.tutku-property-list-page .fi-ta-filters .fi-grid > .fi-grid-col .fi-fo-field-wrp,
.tutku-property-list-page .fi-ta-filters .fi-grid > .fi-grid-col .fi-input-wrp,
.tutku-property-list-page .fi-ta-filters > .tutku-unified-filter-row > * [data-field-wrapper],
.tutku-property-list-page .fi-ta-filters > .tutku-unified-filter-row > * .fi-fo-field-wrp,
.tutku-property-list-page .fi-ta-filters > .tutku-unified-filter-row > * .fi-input-wrp {
    min-height: 32px !important;
}
.tutku-property-list-page .fi-ta-filters .fi-grid > .fi-grid-col .fi-input,
.tutku-property-list-page .fi-ta-filters .fi-grid > .fi-grid-col .fi-select-input,
.tutku-property-list-page .fi-ta-filters > .tutku-unified-filter-row > * .fi-input,
.tutku-property-list-page .fi-ta-filters > .tutku-unified-filter-row > * .fi-select-input {
    min-height: 32px !important;
}
.tutku-property-list-page .fi-ta-filters .fi-grid > .fi-grid-col .fi-input-wrp {
    overflow: hidden !important;
    isolation: isolate !important;
}
.tutku-property-list-page .fi-ta-filters > .tutku-unified-filter-row > * .fi-grid,
.tutku-property-list-page .fi-ta-filters > .tutku-unified-filter-row > * .grid {
    display: flex !important;
    align-items: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    grid-template-columns: none !important;
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    scrollbar-width: auto !important;
}
.tutku-listing-list-page .fi-ta-filters > .tutku-unified-filter-row > * .fi-grid,
.tutku-listing-list-page .fi-ta-filters > .tutku-unified-filter-row > * .grid {
    display: flex !important;
    align-items: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    grid-template-columns: none !important;
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    scrollbar-width: auto !important;
}
.tutku-property-list-page .fi-ta-filters > .tutku-unified-filter-row > * .fi-grid > *,
.tutku-property-list-page .fi-ta-filters > .tutku-unified-filter-row > * .grid > *,
.tutku-listing-list-page .fi-ta-filters > .tutku-unified-filter-row > * .fi-grid > *,
.tutku-listing-list-page .fi-ta-filters > .tutku-unified-filter-row > * .grid > * {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-input-wrp,
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-select-input-btn {
    display: flex !important;
    align-items: center !important;
    min-height: 40px !important;
    height: 40px !important;
}
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-input,
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-select-input {
    min-height: 0 !important;
    height: 100% !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-select-input-value-ctn,
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-select-input-value-label,
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-select-input-placeholder {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-select-input-btn > svg,
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-select-input-btn .fi-icon {
    display: block !important;
    flex: 0 0 14px !important;
    width: 14px !important;
    height: 14px !important;
    margin-left: auto !important;
    color: #64748b !important;
    opacity: .85 !important;
}
.tutku-property-list-page .fi-ta-filters .fi-grid > .fi-grid-col .fi-input-wrp:has(.fi-select-input-btn),
.tutku-property-list-page .fi-ta-filters .fi-grid > .fi-grid-col .fi-select-input-ctn,
.tutku-property-list-page .fi-ta-filters .fi-grid > .fi-grid-col .fi-select-input-btn {
    overflow: visible !important;
    isolation: auto !important;
}
.tutku-property-list-page .fi-ta-filters .fi-grid > .fi-grid-col .fi-input-wrp:has(.fi-select-input-btn) {
    border: 1px solid #d8dee8 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}
.tutku-property-list-page .fi-ta-filters .fi-grid > .fi-grid-col .fi-input-wrp:has(.fi-select-input-btn) .fi-select-input-ctn,
.tutku-property-list-page .fi-ta-filters .fi-grid > .fi-grid-col .fi-input-wrp:has(.fi-select-input-btn) .fi-select-input-btn {
    border: 0 !important;
    border-radius: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
}
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-input-wrp:has(.fi-select-input),
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-input-wrp:has(.fi-select-input-btn) {
    position: relative !important;
}
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-input-wrp:has(.fi-select-input) .fi-select-input,
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-input-wrp:has(.fi-select-input-btn) .fi-select-input-btn {
    padding-right: 13px !important;
    background-image: none !important;
}
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-input-wrp:has(.fi-select-input)::after,
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-input-wrp:has(.fi-select-input-btn)::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 11px !important;
    z-index: 3 !important;
    width: 14px !important;
    height: 14px !important;
    pointer-events: none !important;
    opacity: .8 !important;
    transform: translateY(-50%) !important;
    background: center / 14px 14px no-repeat
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2364758b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='m6 8 4 4 4-4'/%3E%3C/svg%3E") !important;
}
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-input-wrp:has(.fi-select-input-value-remove-btn)::after {
    right: 36px !important;
}
.tutku-filter-picker-list-page .fi-select-input-options-ctn,
.tutku-filter-picker-list-page .choices__list--dropdown,
.tutku-filter-picker-list-page [role="listbox"],
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-select-input-options-ctn,
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row [role="listbox"] {
    box-sizing: border-box !important;
    z-index: 120 !important;
}
.tutku-property-filter-picker {
    position: absolute !important;
    top: 6px !important;
    right: 0 !important;
    z-index: 20 !important;
    order: 2 !important;
    flex: 0 0 auto !important;
    min-width: auto !important;
    margin-left: 0 !important;
    align-self: flex-end !important;
}
.fi-ta-header-toolbar .tutku-property-filter-picker.tutku-filter-picker--toolbar {
    display: inline-flex !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    order: 2 !important;
    align-self: center !important;
    margin-left: auto !important;
}
.tutku-property-filter-picker__button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border: 1px solid #d8e1ee !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #30405a !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .06) !important;
    transition: border-color .12s, box-shadow .12s, color .12s !important;
}
.tutku-property-filter-picker__button:hover,
.tutku-property-filter-picker.is-open .tutku-property-filter-picker__button {
    border-color: var(--tutku-blue, #2C0783) !important;
    color: var(--tutku-blue, #2C0783) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tutku-blue, #2C0783) 12%, transparent) !important;
}
.tutku-property-filter-picker__icon {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 auto !important;
    background: center / contain no-repeat
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2330405a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h18'/%3E%3Cpath d='M6 12h12'/%3E%3Cpath d='M10 19h4'/%3E%3C/svg%3E") !important;
}
.tutku-property-filter-picker__count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 28px !important;
    height: 20px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    background: #b8bec8 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    font-variant-numeric: tabular-nums !important;
}
.tutku-property-filter-picker__panel {
    display: none !important;
    position: absolute !important;
    z-index: 60 !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    width: min(300px, calc(100vw - 32px)) !important;
    max-height: 390px !important;
    overflow: auto !important;
    padding: 10px !important;
    border: 1px solid #d8e1ee !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .18) !important;
}
.tutku-property-filter-picker.is-open .tutku-property-filter-picker__panel {
    display: block !important;
}
.tutku-property-filter-picker__title {
    padding: 4px 6px 9px !important;
    color: #111827 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}
.tutku-property-filter-picker__list {
    display: grid !important;
    gap: 4px !important;
}
.tutku-property-filter-picker__option {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 32px !important;
    padding: 6px 8px !important;
    border-radius: 8px !important;
    color: #334155 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}
.tutku-property-filter-picker__option:hover {
    background: color-mix(in srgb, var(--tutku-blue, #2C0783) 9%, white) !important;
    color: var(--tutku-blue, #2C0783) !important;
}
.tutku-property-filter-picker__option input {
    width: 15px !important;
    height: 15px !important;
    accent-color: var(--tutku-blue, #2C0783) !important;
}
/* Liste scope filtreleri: etiket solda genişler, sayılar tek dikey sütunda sağa dayalı. */
.tutku-scope-opt {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.25rem;
    align-items: center;
    column-gap: 0.42rem;
    width: 100%;
    font-size: 12.5px;
    line-height: 1.25;
}
.tutku-scope-opt:has(.tutku-contact-scope-favorite) {
    grid-template-columns: 1.05rem minmax(0, 1fr) 2.25rem;
}
.tutku-contact-scope-favorite {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.05rem;
    height: 1.05rem;
    color: #cbd5e1;
    cursor: pointer;
    justify-self: start;
    transition: color 0.15s ease, transform 0.15s ease;
}
.tutku-contact-scope-favorite:hover {
    color: #7c3aed;
    transform: scale(1.06);
}
.tutku-contact-scope-favorite.is-active {
    color: #f59e0b;
}
.tutku-contact-scope-favorite svg {
    width: .82rem;
    height: .82rem;
    fill: currentColor;
}
.fi-ta-filters .fi-select-input-btn .tutku-contact-scope-favorite {
    display: none;
}
.fi-ta-filters .fi-select-input-btn:has(.tutku-scope-opt) {
    display: flex;
    align-items: center;
}
.fi-ta-filters .fi-select-input-btn:has(.tutku-scope-opt) .fi-select-input-value-ctn {
    display: flex;
    align-items: center;
    flex: 1 1 0;
    min-width: 0;
    width: 100%;
    max-width: 100%;
}
.fi-ta-filters .fi-select-input-value-label:has(.tutku-scope-opt) {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex: 1 1 0;
    width: 100%;
    max-width: none;
    min-width: 0;
}
.fi-ta-filters .fi-select-input-btn .tutku-scope-opt {
    grid-template-columns: minmax(0, 1fr) auto !important;
    width: 100%;
    min-width: 0;
    column-gap: .5rem;
}
.fi-ta-filters .fi-select-input-btn:has(.tutku-scope-opt) svg {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
}
.tutku-scope-name {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: inherit;
    line-height: inherit;
}
.tutku-scope-count {
    justify-self: end;
    min-width: 2.25rem;          /* 34/1/0 aynı genişlik → birimler hizalı */
    text-align: right;
    color: #6b7280;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    font-size: inherit;
    line-height: inherit;
}
/* Dropdown option'unda etiketi saran adsız <span> flex-child olarak içeriğe
   daralıyor (grow:0); kutudaki .fi-select-input-value-label ise zaten grow:1.
   Sayı sütununun satır SAĞ kenarına dayanması için o span'i tam genişliğe yay. */
.fi-ta-filters .fi-select-input-option > span:has(> .tutku-scope-opt) {
    flex: 1 1 auto;
    min-width: 0;
}
/* Seçili kutu chevron için 32px sağ pay bırakır; dropdown option 8px.
   Sayıları AYNI dikey sütuna getir: her iki bağlamda widget sağ kenarından eşit. */
.fi-ta-filters .fi-select-input-btn .tutku-scope-count {
    padding-right: 0;
}
.fi-ta-filters .fi-select-input-option .tutku-scope-count {
    padding-right: 0;
}
/* Shared sidebar style for menu items injected from favorites. */
.tutku-favorite-sidebar-item,
.tutku-contact-scope-sidebar-item {
    display: flex !important;
    justify-content: flex-end !important;
}
.tutku-favorite-sidebar-item .fi-sidebar-item-label,
.tutku-contact-scope-sidebar-item .fi-sidebar-item-label {
    font-size: var(--text-xs);
    font-weight: 300;
}
.tutku-favorite-sidebar-item .fi-sidebar-item-btn,
.tutku-contact-scope-sidebar-item .fi-sidebar-item-btn {
    margin-left: auto !important;
    margin-right: 0.25rem !important;
    width: calc(100% - 3.75rem) !important;
    min-width: 0;
}
.tutku-favorite-sidebar-star,
.tutku-contact-scope-sidebar-star {
    display: inline-flex;
    flex: 0 0 auto;
    width: 0.85rem;
    height: 0.85rem;
    margin-right: 0.275rem;
    color: #f59e0b;
}
.tutku-favorite-sidebar-star svg,
.tutku-contact-scope-sidebar-star svg {
    width: 100%;
    height: 100%;
}
.fi-sidebar .tutku-list-filter-sidebar-parent > .fi-sidebar-item-btn,
.fi-sidebar .tutku-list-filter-sidebar-parent-btn {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    padding-inline-end: 2.45rem !important;
}
.fi-sidebar .tutku-list-filter-sidebar-parent {
    position: relative !important;
}
.fi-sidebar .tutku-list-filter-sidebar-parent > .fi-sidebar-item-btn .tutku-sidebar-toggle,
.fi-sidebar .tutku-list-filter-sidebar-parent-btn .tutku-sidebar-toggle {
    position: absolute !important;
    inset-inline-end: 0.45rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 12 !important;
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.fi-sidebar .tutku-list-filter-sidebar-parent > .tutku-sidebar-toggle[data-tutku-list-filter-sidebar-toggle],
.fi-sidebar .tutku-list-filter-sidebar-parent > .tutku-sidebar-toggle[data-tutku-scope-sidebar-toggle] {
    position: absolute !important;
    inset-inline-end: 0.45rem !important;
    top: 1.5rem !important;
    transform: translateY(-50%) !important;
    z-index: 12 !important;
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.fi-sidebar .tutku-list-filter-sidebar-parent > .fi-sidebar-item-btn .tutku-sidebar-toggle:hover,
.fi-sidebar .tutku-list-filter-sidebar-parent-btn .tutku-sidebar-toggle:hover,
.fi-sidebar .tutku-list-filter-sidebar-parent > .tutku-sidebar-toggle[data-tutku-list-filter-sidebar-toggle]:hover,
.fi-sidebar .tutku-list-filter-sidebar-parent > .tutku-sidebar-toggle[data-tutku-scope-sidebar-toggle]:hover,
.fi-sidebar .tutku-list-filter-sidebar-parent > .fi-sidebar-item-btn .tutku-sidebar-toggle:focus-visible,
.fi-sidebar .tutku-list-filter-sidebar-parent-btn .tutku-sidebar-toggle:focus-visible,
.fi-sidebar .tutku-list-filter-sidebar-parent > .tutku-sidebar-toggle[data-tutku-list-filter-sidebar-toggle]:focus-visible,
.fi-sidebar .tutku-list-filter-sidebar-parent > .tutku-sidebar-toggle[data-tutku-scope-sidebar-toggle]:focus-visible {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.fi-sidebar .tutku-sidebar-toggle[data-tutku-list-filter-sidebar-toggle].is-collapsed svg,
.fi-sidebar .tutku-sidebar-toggle[data-tutku-scope-sidebar-toggle].is-collapsed svg {
    transform: rotate(180deg) !important;
}
.fi-sidebar .tutku-list-filter-sidebar-item.is-collapsed,
.fi-sidebar .tutku-contact-scope-sidebar-item.is-collapsed,
.fi-sidebar .tutku-organization-type-sidebar-item.is-collapsed,
.fi-sidebar .tutku-property-scope-sidebar-item.is-collapsed {
    display: none !important;
}
/* Tüm filtre alanlarını ilk filtre (non-native select butonu) ile AYNI "pill"
   yüksekliğine getir: native <select>'ler varsayılan ~32px yerine 47px'e çıkar,
   böylece her filtre eşit yükseklikte kutu içinde ve seçim net görünür. */
.fi-ta-filters .fi-input-wrp {
    min-height: 47px;
}
.fi-ta-filters .fi-input-wrp select {
    min-height: 47px;            /* native select'ler butonlu filtre yüksekliğine çıksın */
}
.fi-resource-list-records-page .fi-ta-filters .fi-fo-field-wrp-label,
.fi-resource-list-records-page .fi-ta-filters .fi-fo-field-wrp > label,
.fi-resource-list-records-page .fi-ta-filters .fi-fo-field-wrp > .fi-fo-field-wrp-label,
.fi-resource-list-records-page .fi-ta-filters .fi-fo-field-wrp-label-ctn,
.fi-resource-list-records-page .fi-ta-filters .fi-fo-field-wrp-label-ctn label,
.fi-resource-list-records-page .fi-ta-filters label.fi-fo-field-wrp-label,
.fi-resource-list-records-page .fi-ta-filters [data-field-wrapper] > label,
.fi-resource-list-records-page .fi-ta-filters [data-field-wrapper] label:not(.fi-checkbox-input),
.fi-resource-list-records-page .fi-ta-filters .fi-fieldset legend,
.fi-resource-list-records-page .fi-ta-filters .fi-fieldset-label,
.fi-resource-list-records-page .fi-ta-filters .fi-label {
    display: none !important;
}
/* Temizle: en sağa dayalı, alanların input hizasında; outline iconic buton. */
.fi-resource-list-records-page .fi-ta-filters-header:not(.tutku-toolbar-reset-filters) {
    order: 2 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    align-self: flex-end !important;
}
.fi-resource-list-records-page .fi-ta-filters-header button,
.fi-resource-list-records-page .tutku-toolbar-reset-filters button {
    height: 32px !important;
    padding: 0 12px !important;
    border: 1px solid #e5c7c4 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #d6251a !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    transition: background .12s, border-color .12s !important;
}
.fi-resource-list-records-page .fi-ta-filters-header button:hover,
.fi-resource-list-records-page .tutku-toolbar-reset-filters button:hover {
    background: #fdf2f1 !important;
    border-color: #d6251a !important;
}
/* "iconic": başa dairesel sıfırla (rotate) ikonu — çarpı DEĞİL. */
.fi-resource-list-records-page .fi-ta-filters-header button::before,
.fi-resource-list-records-page .tutku-toolbar-reset-filters button::before {
    content: "" !important;
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
    background: center / contain no-repeat
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6251a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E");
}
/* Filament'ın kendi yükleme-göstergesi svg'si (fi-loading-indicator) kalsın (wire:loading). */
.fi-resource-list-records-page .fi-ta-filters-header button svg,
.fi-resource-list-records-page .tutku-toolbar-reset-filters button svg {
    width: 14px !important;
    height: 14px !important;
}

/* — Kompakt yoğunluk (HubSpot dense): dikey boşlukları ve satır yüksekliğini kıs — */
.fi-resource-list-records-page .fi-page-content { row-gap: 12px !important; gap: 12px !important; }
.fi-resource-list-records-page .fi-sc-has-gap { row-gap: 10px !important; gap: 10px !important; }
.fi-resource-list-records-page .fi-header { margin-bottom: 6px !important; }
/* tablo satır/hücre sıkı (79px → ~36px). Asıl yükseklik hücre metnindeki
   (.fi-ta-text-item) 16px dikey padding'den geliyordu → sıfırla. */
.fi-resource-list-records-page .fi-ta-cell { padding: 4px 12px !important; font-size: 13px !important; }
.fi-resource-list-records-page .fi-ta-row td { padding: 4px 12px !important; }
.fi-resource-list-records-page .fi-ta-row .fi-ta-cell {
    vertical-align: middle !important;
}
.fi-resource-list-records-page .fi-ta-row .fi-ta-cell .fi-ta-col {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
}
.fi-resource-list-records-page .tutku-list-thumbnail {
    object-fit: cover !important;
    border-radius: 6px !important;
}
.fi-resource-list-records-page .fi-ta-row :is(
    .tutku-list-title-cell,
    .fi-ta-cell-title,
    .fi-ta-cell-property-title,
    .fi-ta-cell-listing-property-title,
    .fi-ta-cell-rental-management-property-title,
    .fi-ta-cell-commission-description,
    .fi-ta-cell-full-name,
    .fi-ta-cell-name,
    .fi-ta-cell-subject
) :is(.fi-ta-text, .fi-ta-text-item, .fi-ta-text-item-label, .fi-ta-col > div, .fi-ta-col > span, .fi-ta-col > a) {
    max-width: 25ch !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.28 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}
.fi-resource-list-records-page .fi-ta-text-item,
.fi-resource-list-records-page .fi-ta-icon,
.fi-resource-list-records-page .fi-ta-image {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.fi-resource-list-records-page .fi-ta-header-cell { padding: 7px 12px !important; }
.fi-resource-list-records-page .fi-ta-table :is(th, td):not(.fi-ta-selection-cell):not(.fi-ta-actions-cell) {
    text-align: left !important;
}
.fi-resource-list-records-page .fi-ta-table :is(th, td):not(.fi-ta-selection-cell):not(.fi-ta-actions-cell) :is(
    .fi-ta-header-cell-sort-btn,
    .fi-ta-cell-content,
    .fi-ta-col,
    .fi-ta-text,
    .fi-ta-text-item,
    .fi-ta-text-item-label,
    .fi-badge,
    .fi-icon,
    .fi-ta-image
) {
    justify-content: flex-start !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}
/* filtre kartı + arama toolbar boşluklarını kıs */
.fi-resource-list-records-page .fi-ta-filters-above-content-ctn { padding: 10px 12px !important; }
.fi-resource-list-records-page .fi-ta-header-toolbar { padding: 8px 12px !important; }
/* filtre alanları daha kısa (36px → 32px) */
.fi-resource-list-records-page .fi-ta-filters .fi-input-wrp { min-height: 32px !important; }
.fi-resource-list-records-page .fi-ta-filters .fi-input,
.fi-resource-list-records-page .fi-ta-filters .fi-select-input {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    font-size: 13px !important;
}
.fi-resource-list-records-page .fi-ta-filters .fi-select-input-btn,
.fi-resource-list-records-page .fi-ta-filters .fi-select-input-value-label,
.fi-resource-list-records-page .fi-ta-filters .fi-select-input-placeholder,
.fi-resource-list-records-page .fi-ta-filters .fi-input,
.fi-resource-list-records-page .fi-ta-filters select {
    font-size: 12.5px !important;
    line-height: 1.25 !important;
}
.fi-select-input-options-ctn .fi-select-input-option,
.fi-select-input-options-ctn .fi-select-input-option span,
.fi-select-input-options-ctn .fi-select-input-option div {
    font-size: 12.5px !important;
    line-height: 1.25 !important;
}
.fi-select-input .choices__list--dropdown .choices__item,
.fi-select-input .choices__list--dropdown .choices__item span,
.fi-select-input .choices__list--dropdown .choices__item div,
.choices__list--dropdown .choices__item,
.choices__list--dropdown .choices__item span,
.choices__list--dropdown .choices__item div,
[role="listbox"] [role="option"],
[role="listbox"] [role="option"] span,
[role="listbox"] [role="option"] div {
    font-size: 12.5px !important;
    line-height: 1.25 !important;
}
.fi-select-input-options-ctn .fi-select-input-option {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
.fi-select-input .choices__list--dropdown .choices__item,
.choices__list--dropdown .choices__item,
[role="listbox"] [role="option"] {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
@media (max-width: 768px) {
    .tutku-property-list-page .fi-ta-filters .fi-grid,
    .tutku-filter-picker-list-page .fi-ta-filters .fi-grid,
    .tutku-filter-picker-list-page .fi-ta-filters > .grid {
        flex-direction: row !important;
        align-items: flex-end !important;
        flex-wrap: wrap !important;
    }
    .tutku-property-list-page .fi-ta-filters .fi-grid > .fi-grid-col:not(.tutku-property-filter-picker),
    .tutku-filter-picker-list-page .fi-ta-filters .fi-grid > .fi-grid-col:not(.tutku-property-filter-picker),
    .tutku-filter-picker-list-page .fi-ta-filters > .grid > *:not(.tutku-property-filter-picker) {
        width: auto !important;
        flex: 1 1 210px !important;
        min-width: min(210px, 100%) !important;
    }
    .tutku-property-filter-picker {
        width: auto !important;
        flex-basis: auto !important;
        margin-left: 0 !important;
    }
    .tutku-property-filter-picker__button {
        width: 100% !important;
    }
    .tutku-property-filter-picker__panel {
        left: auto !important;
        right: 0 !important;
        width: min(300px, calc(100vw - 32px)) !important;
    }
    .tutku-property-list-page .fi-ta-filters .fi-grid,
    .tutku-property-list-page .fi-ta-filters > .grid {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }
    .tutku-property-list-page .fi-ta-filters .fi-grid:focus-within,
    .tutku-property-list-page .fi-ta-filters > .grid:focus-within {
        overflow-x: auto !important;
        overflow-y: visible !important;
    }
    .tutku-property-list-page .fi-ta-filters .fi-grid > .fi-grid-col:not(.tutku-property-filter-picker),
    .tutku-property-list-page .fi-ta-filters > .grid > *:not(.tutku-property-filter-picker) {
        flex: 0 0 210px !important;
        min-width: 210px !important;
        max-width: 210px !important;
    }
}
/* Üst başlık alanı boşluklarını yarıya indir: .fi-page-header-main-ctn
   flex-column'unun 32px padding'i (üst boşluk) + 32px gap'i (başlık↔sekme boşluğu). */
.fi-resource-list-records-page .fi-page-header-main-ctn {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    gap: 12px !important;
}

/* Breadcrumb + başlık yan yana, tek satır */
.fi-header-heading-ctn {
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
}

/* Sayfa başlığı — küçük, hafif */
.fi-header-heading {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #081930 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

/* Breadcrumb */
.fi-breadcrumbs {
    font-size: 11px !important;
    color: #9ca3af !important;
    margin: 0 !important;
    padding: 0 !important;
}

.fi-breadcrumbs ol {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.fi-breadcrumbs li {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 11px !important;
    color: #9ca3af !important;
}

.fi-breadcrumbs li a {
    color: #9ca3af !important;
    text-decoration: none !important;
}

.fi-breadcrumbs li a:hover {
    color: #6b7280 !important;
}

/* Ana içerik üst boşluğu azalt */
.fi-main {
    padding-top: 0 !important;
}

/* Eski sürümlerde topbar içine taşınmış başlık kalırsa gösterme. */
.tutku-topbar-heading {
    display: none !important;
}

.tutku-topbar-heading .fi-header-heading {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #081930 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.tutku-topbar-heading .fi-breadcrumbs ol {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.tutku-topbar-heading .fi-breadcrumbs li,
.tutku-topbar-heading .fi-breadcrumbs a,
.tutku-topbar-heading .fi-breadcrumbs span {
    font-size: 11px !important;
    color: #9ca3af !important;
    text-decoration: none !important;
    line-height: 1 !important;
}

/* ─── Tablo toolbar: arama kutusu en sola ──────────────────────────────── */
.fi-ta-header-toolbar {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

/* Sağ taraftaki wrapper'ı (arama + filtre + sütunlar) inline dağıt */
.fi-ta-header-toolbar > div:not(.fi-ta-actions) {
    display: contents;
}
.fi-ta-header-toolbar > div.tutku-property-filter-picker.tutku-filter-picker--toolbar {
    display: inline-flex !important;
}
.tutku-filter-picker-list-page .fi-ta,
.tutku-filter-picker-list-page .fi-ta-header,
.tutku-filter-picker-list-page .fi-ta-header-toolbar {
    overflow: visible !important;
}

.tutku-filter-picker-list-page .fi-ta-content-ctn,
.tutku-filter-picker-list-page .fi-ta-content {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
}

.tutku-filter-picker-list-page .fi-ta-content .fi-ta-table {
    width: max-content !important;
    min-width: 100% !important;
}

.tutku-filter-picker-list-page .fi-ta-content .fi-ta-header-cell,
.tutku-filter-picker-list-page .fi-ta-content .fi-ta-cell {
    white-space: nowrap !important;
}

/* Arama kutusu: flex sırasında en başa al, orijinal boyutunu koru */
.fi-ta-header-toolbar .fi-ta-search-field {
    order: -1;
    flex: 0 0 auto;
}

.fi-ta-header-toolbar .tutku-inline-filter-indicators {
    order: -1;
    flex: 1 1 auto;
    min-width: 220px;
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: visible !important;
    margin: 0 0 0 6px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.fi-ta-header-toolbar .tutku-inline-filter-indicators > div {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 32px !important;
}

.fi-ta-header-toolbar .tutku-inline-filter-indicators .fi-ta-filter-indicators-label {
    display: none !important;
}

.fi-ta-header-toolbar .tutku-inline-filter-indicators .fi-ta-filter-indicators-badges-ctn {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    width: max-content !important;
    max-width: none !important;
}

.fi-ta-header-toolbar .tutku-inline-filter-indicators .fi-badge {
    flex: 0 0 auto !important;
    min-height: 26px !important;
    border-radius: 9999px !important;
    background: #eef2ff !important;
    color: var(--tutku-blue, #2C0783) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}
/* "Tümünü kaldır" ikon butonu gizli (Temizle butonu zaten var). */
.fi-ta-header-toolbar .tutku-inline-filter-indicators > .fi-icon-btn {
    display: none !important;
}
/* Her filtre chip'inin kendi x'i GÖRÜNÜR — tekil kaldırma (native removeTableFilter). */
.fi-ta-header-toolbar .tutku-inline-filter-indicators .fi-badge-delete-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 15px !important;
    height: 15px !important;
    margin-left: 3px !important;
    border-radius: 9999px !important;
    color: var(--tutku-blue, #2C0783) !important;
    opacity: .6 !important;
    cursor: pointer !important;
    transition: opacity .12s ease, background .12s ease !important;
}
.fi-ta-header-toolbar .tutku-inline-filter-indicators .fi-badge-delete-btn:hover {
    opacity: 1 !important;
    background: rgba(44, 7, 131, .12) !important;
}
.fi-ta-header-toolbar .tutku-inline-filter-indicators .fi-badge-delete-btn .fi-icon {
    width: 11px !important;
    height: 11px !important;
}

.fi-ta-header-toolbar .tutku-toolbar-reset-filters {
    order: 1;
    display: flex !important;
    align-items: center !important;
    margin-left: auto !important;
}
.fi-ta-header-toolbar .tutku-toolbar-reset-filters[hidden] {
    display: none !important;
}
.fi-ta-header-toolbar .tutku-toolbar-reset-filters .fi-ta-filters-heading {
    display: none !important;
}

/* Bulk actions grubu: arama kutusundan sonra */
.fi-ta-header-toolbar .fi-ta-actions {
    order: 0;
}

/* Filtre ve sütun yöneticisi: birlikte en sağa it */
.fi-ta-header-toolbar .fi-ta-filters-dropdown {
    order: 3;
    margin-left: auto;
}
.tutku-filter-picker-list-page .fi-ta-header-toolbar .fi-ta-filters-dropdown {
    margin-left: 0;
}
.fi-ta-header-toolbar .fi-ta-col-manager-dropdown {
    order: 4;
}
.fi-ta-header-toolbar .tutku-property-filter-picker.tutku-filter-picker--toolbar + .fi-ta-filters-dropdown {
    margin-left: 0;
}

/* ─── Sayfalama footer: ikincil metinler soluk/küçük, seçici en sağa ──── */

/* "Toplam X sonuçtan..." ve "sayfa başına" yazıları: ikincil, soluk */
.fi-pagination-overview,
.fi-pagination-records-per-page-select-ctn label,
.fi-pagination-records-per-page-select-ctn span {
    font-size: 0.80rem !important;
    color: #9ca3af !important;
    font-weight: 400 !important;
}
.fi-pagination {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap;
    gap: 0.5rem;
}

/* Per-page container: en sağa it */
.fi-pagination-records-per-page-select-ctn {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.25rem;
}

/* Label metnini gizle ("sayfa başına" yazısı) */
.fi-pagination-records-per-page-select-ctn .fi-pagination-records-per-page-select > span:first-child,
.fi-pagination-records-per-page-select {
    font-size: 0 !important; /* label metnini gizle */
}

/* Select: küçük ve sade */
.fi-pagination-records-per-page-select-ctn .fi-select-input {
    font-size: 0.72rem !important;
    padding: 2px 22px 2px 6px !important;
    border-radius: 6px !important;
    border-color: #e5e7eb !important;
    color: #6b7280 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    min-width: unset !important;
    width: auto !important;
    cursor: pointer;
}

/* ══════════════════════════════════════════════════════════
   ALAN-İÇİ AKSİYON BUTONLARI (createOption "Yeni Ekle" vb.)
   Select suffix aksiyonundaki fazla kutu/kenarlık kaldırılır —
   alanın kendi çerçevesi içinde ikinci bir container görünmesin.
══════════════════════════════════════════════════════════ */
.fi-input-wrp-actions .fi-btn {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #0656a7 !important;
    padding: 6px 10px !important;
    font-weight: 500 !important;
}
.fi-input-wrp-actions .fi-btn:hover {
    background: rgba(6,86,167,0.08) !important;
    color: #054d96 !important;
}
.fi-input-wrp-actions .fi-btn:focus {
    box-shadow: none !important;
}

/* ══════════════════════════════════════════════════════════
   SIDEBAR FOOTER — daraltıldığında sadece alt aksiyon ikonu kalır
══════════════════════════════════════════════════════════ */
.fi-sidebar:not(.fi-sidebar-open) .tutku-version-badge a:not(.tutku-settings-footer-link) > span:not(.badge),
.fi-sidebar:not(.fi-sidebar-open) .tutku-version-badge a:not(.tutku-settings-footer-link) > svg {
    display: none !important;
}
.fi-sidebar:not(.fi-sidebar-open) .tutku-version-badge {
    width: 100% !important;
    padding: 8px 10px !important;
}
.fi-sidebar:not(.fi-sidebar-open) .tutku-version-badge a {
    justify-content: center !important;
    gap: 0 !important;
}
.tutku-version-badge {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
}
.tutku-sidebar-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    border: 1px solid transparent !important;
    border-radius: 5px !important;
    color: #64748b !important;
    background: transparent !important;
    cursor: pointer !important;
    transition: background .12s, color .12s, border-color .12s !important;
}
.tutku-sidebar-toggle:hover {
    background: #eef3f6 !important;
    border-color: #d6dbdd !important;
    color: #081930 !important;
}
.tutku-sidebar-toggle svg {
    width: 13px !important;
    height: 13px !important;
    transition: transform .15s ease !important;
}
.tutku-sidebar-toggle svg.is-collapsed {
    transform: rotate(180deg) !important;
}
.fi-sidebar:not(.fi-sidebar-open) .tutku-version-badge {
    justify-content: space-between !important;
    flex-direction: row !important;
    gap: 0 !important;
}
.fi-sidebar:not(.fi-sidebar-open) .tutku-version-badge a {
    display: none !important;
}
.fi-sidebar:not(.fi-sidebar-open) .tutku-version-badge .tutku-sidebar-toggle {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    margin: 0 !important;
}

.fi-sidebar:not(.fi-sidebar-open) .tutku-version-badge a.tutku-settings-footer-link {
    display: inline-flex !important;
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 7px !important;
    margin: 0 !important;
}
.fi-sidebar:not(.fi-sidebar-open) .tutku-version-badge a.tutku-settings-footer-link > span {
    display: none !important;
}
.fi-sidebar:not(.fi-sidebar-open) .tutku-version-badge a.tutku-settings-footer-link > svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
}

/* ══════════════════════════════════════════════════════════
   AYARLAR SAYFASI
══════════════════════════════════════════════════════════ */
.tutku-settings-page__content {
    background: #ffffff !important;
    border: 1px solid #dde4ec !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}

/* ══════════════════════════════════════════════════════════
   KULLANICI MENÜSÜ
══════════════════════════════════════════════════════════ */
.tutku-user-menu-profile-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-width: 230px !important;
    padding: 8px 10px !important;
    border-bottom: 1px solid #edf1f5 !important;
    background: #ffffff !important;
}

.tutku-user-menu-profile-header__identity {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 750 !important;
}

.tutku-user-menu-profile-header__identity > span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.tutku-user-menu-profile-header .fi-avatar,
.tutku-user-menu-profile-header__brand-avatar,
.tutku-profile-menu-icon {
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
}

.tutku-user-menu-profile-header__brand-avatar,
.tutku-profile-menu-icon {
    display: block !important;
    border-radius: 9999px !important;
    object-fit: cover !important;
}

.fi-dropdown-list-item .tutku-profile-menu-icon {
    width: 18px !important;
    height: 18px !important;
    flex-basis: 18px !important;
}

.tutku-user-menu-profile-header .fi-theme-switcher {
    gap: 2px !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    border: 0 !important;
    background: transparent !important;
}

.tutku-user-menu-profile-header .fi-theme-switcher-btn {
    width: 26px !important;
    height: 26px !important;
    border-radius: 6px !important;
}

.tutku-user-menu-profile-header .fi-theme-switcher-btn .fi-icon {
    width: 14px !important;
    height: 14px !important;
}

.tutku-settings-page__content {
    min-height: 220px !important;
    padding: 24px !important;
    display: flex !important;
    align-items: center !important;
}

.tutku-settings-page__content h1 {
    margin: 0 0 8px !important;
    color: #0f172a !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

.tutku-settings-page__content p {
    margin: 0 !important;
    max-width: 560px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

.tutku-settings-page__eyebrow {
    margin-bottom: 6px !important;
    color: #230071 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

/* ══════════════════════════════════════════════════════════
   YAN MENÜ — ikon/nokta ↔ etiket boşluklarını daralt
══════════════════════════════════════════════════════════ */
/* Grup: ikon ↔ etiket yakınlaştır */
.fi-sidebar-group-collapse-btn,
.fi-sidebar-group-btn {
    column-gap: 4px !important;
}
.fi-sidebar-group-label {
    padding-left: 2px !important;
}

/* Alt menü: bağlaç noktası ↔ metin yakınlaştır + sol girintiyi azalt */
.fi-sidebar-item-btn,
.fi-sidebar-item-button {
    column-gap: 3px !important;
    padding-left: 10px !important;
}

/* Gruplar arası dikey boşluk */
.fi-sidebar-nav-groups {
    margin-inline: calc(var(--spacing) * -4);
    row-gap: calc(var(--spacing) * 4);
    flex-direction: column;
    display: flex;
}
.fi-sidebar-item-grouped-border {
    width: 14px !important;   /* 24px → 14px: nokta metne yaklaşır */
}

/* Grup ikonu SARICI (fi-size-lg wrapper 40px → 18px) — asıl icon↔etiket boşluğu buradaydı */
.fi-sidebar-group-btn > .fi-icon,
.fi-sidebar-group-btn > .fi-size-lg,
.fi-sidebar-group-btn > .fi-size-md,
.fi-sidebar-group-btn [class*="fi-size-"]:not(.fi-sidebar-group-label) {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

/* ══════════════════════════════════════════════════════════
   MARKA (dashboard ikonu + Tutku CRM) + daraltma butonu sağa
══════════════════════════════════════════════════════════ */
.tutku-brand {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}
.tutku-brand-logo {
    display: block;
    width: 150px;
    height: 50px;
    object-fit: contain;
    object-position: left center;
}
.fi-sidebar:not(.fi-sidebar-open) .tutku-brand-logo {
    width: 34px;
    object-fit: cover;
    object-position: left center;
}

/* Sidebar header: logo/marka SOLDA, daraltma (<) butonu SAĞDA */
.fi-sidebar-header {
    display: flex !important;
    align-items: center !important;
}
.fi-sidebar-header-logo-ctn {
    order: 0 !important;
    margin-right: auto !important;
}
.fi-sidebar-open-collapse-sidebar-btn,
.fi-sidebar-close-collapse-sidebar-btn {
    order: 10 !important;
    margin-left: 4px !important;
}

/* ══════════════════════════════════════════════════════════
   Sidebar-header'daki marka (Tutku CRM) KALDIRILDI — topbar'daki
   marka (logolu, link'li) aynı işi yapıyor. Yalnız
   daraltma butonu kalır (sağda, kompakt bar).
══════════════════════════════════════════════════════════ */
/* Sidebar-header boş (topbar'da olduğundan) → tümüyle kaldır, boş bar kalmasın.
   Daraltma butonu topbar'da (.fi-topbar-collapse-sidebar-btn-ctn) — etkilenmez. */
.fi-sidebar-header,
.fi-sidebar-header-ctn { display: none !important; }

/* ══════════════════════════════════════════════════════════
   ÇOKLU-SELECT seçili term'leri — WP dashboard'undaki gibi
   chip / mavi pill (Geçerli Emlak Türü/Tipi, İşlem Tipi vb.)
══════════════════════════════════════════════════════════ */
.fi-select-input-value-badges-ctn .fi-badge {
    background-color: var(--tutkucrm-chipcolor) !important;
    border: 1px solid #dbeafe !important;
    border-radius: 8px !important;
    padding: 3px 10px !important;
    font-weight: 500 !important;
}
.fi-select-input-value-badges-ctn .fi-badge,
.fi-select-input-value-badges-ctn .fi-badge .fi-badge-label,
.fi-select-input-value-badges-ctn .fi-badge .fi-badge-label-ctn {
    color: #0656a7 !important;
}
.fi-select-input-value-badges-ctn .fi-badge .fi-badge-delete-btn {
    color: #0656a7 !important;
    opacity: 0.6;
}
.fi-select-input-value-badges-ctn .fi-badge .fi-badge-delete-btn:hover { opacity: 1; }

/* Tekli select seçili değeri de chip/pill (WP dashboard'undaki gibi) */
.fi-select-input-value-ctn .fi-select-input-value-label {
    box-sizing: border-box !important;
    display: inline-block !important;
    background-color: var(--tutkucrm-chipcolor) !important;
    color: #0656a7 !important;
    border: 1px solid #dbeafe !important;
    border-radius: 8px !important;
    padding: 2px 10px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}
.fi-ta-filters .fi-select-input-value-ctn {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}
.fi-ta-filters .fi-select-input-value-ctn .fi-select-input-value-label {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.fi-ta-filters .fi-select-input-value-ctn .fi-select-input-value-label:has(.tutku-scope-opt) {
    padding-right: 5px !important;
}
.fi-ta-filters .fi-select-input-value-ctn .fi-select-input-value-label .tutku-scope-opt {
    width: 100% !important;
    min-width: 0 !important;
}
.fi-ta-filters .fi-select-input-btn:has(.fi-select-input-value-label) {
    display: flex !important;
    align-items: center !important;
    gap: .35rem !important;
    width: 100% !important;
    padding-inline-end: 2.25rem !important;
    position: relative !important;
}
.fi-ta-filters .fi-select-input-btn:has(.fi-select-input-value-label) .fi-select-input-value-ctn {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}
.fi-ta-filters .fi-select-input-btn:has(.fi-select-input-value-label) .fi-select-input-value-label {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    flex: 1 1 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.fi-ta-filters .fi-select-input-btn:has(.fi-select-input-value-label) .fi-select-input-value-label,
.fi-ta-filters .fi-select-input-btn:has(.fi-select-input-value-label) .fi-select-input-value-label > span,
.fi-ta-filters .fi-select-input-btn:has(.fi-select-input-value-label) .fi-select-input-value-label > div {
    flex-basis: auto !important;
}
.fi-ta-filters .fi-select-input-btn:has(.fi-select-input-value-label) .fi-select-input-value-label:has(.tutku-scope-opt),
.fi-ta-filters .fi-select-input-btn:has(.fi-select-input-value-label) .fi-select-input-value-label > span:has(.tutku-scope-opt),
.fi-ta-filters .fi-select-input-btn:has(.fi-select-input-value-label) .fi-select-input-value-label > div:has(.tutku-scope-opt) {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    flex: 1 1 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}
.fi-ta-filters .fi-select-input-btn:has(.fi-select-input-value-label) .fi-select-input-value-label > span {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    flex: 1 1 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}
.fi-ta-filters .fi-select-input-btn:has(.fi-select-input-value-label) .fi-select-input-value-label > div {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    flex: 1 1 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}
.fi-ta-filters .fi-select-input-btn:has(.fi-select-input-value-label) .tutku-scope-opt {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(1.5rem, auto) !important;
    align-items: center !important;
    flex: 1 1 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    column-gap: .5rem !important;
}
.fi-ta-filters .fi-select-input-btn:has(.fi-select-input-value-label) .tutku-scope-name {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.fi-ta-filters .fi-select-input-btn:has(.fi-select-input-value-label) .tutku-scope-count {
    flex: 0 0 auto !important;
    justify-self: end !important;
    min-width: 1.5rem !important;
    text-align: right !important;
}
.fi-ta-filters .fi-select-input-btn:has(.fi-select-input-value-label) .fi-select-input-value-remove-btn,
.fi-ta-filters .fi-select-input-btn:has(.fi-select-input-value-label) > svg,
.fi-ta-filters .fi-select-input-btn:has(.fi-select-input-value-label) .fi-icon {
    flex: 0 0 auto !important;
}
.fi-ta-filters .fi-select-input-btn:has(.fi-select-input-value-label) > svg,
.fi-ta-filters .fi-select-input-btn:has(.fi-select-input-value-label) .fi-icon,
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-select-input-btn > svg,
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-select-input-btn .fi-icon {
    pointer-events: none !important;
}

/* Filtre selectlerinde seçili chip input alanını gerçekten doldursun;
   chevron için ayrılan sağ pay chip'i yarı genişlikte bırakmasın. */
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-select-input-btn:has(.fi-select-input-value-label) {
    padding-inline-start: .5rem !important;
    padding-inline-end: 13px !important;
}
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-select-input-btn:has(.fi-select-input-value-label) .fi-select-input-value-ctn {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
}
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-select-input-btn:has(.fi-select-input-value-label) .fi-select-input-value-label {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
}
.tutku-filter-picker-list-page .fi-ta-filters > .tutku-unified-filter-row .fi-select-input-btn:has(.fi-select-input-value-label) .tutku-scope-opt {
    width: 100% !important;
    max-width: 100% !important;
}

/* ══════════════════════════════════════════════════════════
   METİN ALANLARI — dolu değer, select chip'i gibi metni saran
   KÜÇÜK CHIP/PILL. Tıklayınca (odaklanınca) normal editable input.
   field-sizing: content ile input değere göre daralır.
══════════════════════════════════════════════════════════ */
.fi-input-wrp:not(:focus-within):has(input.fi-input:not(:placeholder-shown)) input.fi-input {
    field-sizing: content !important;
    max-width: calc(100% - 8px) !important;
    background-color: var(--tutkucrm-chipcolor) !important;
    color: #0656a7 !important;
    border: 1px solid #dbeafe !important;
    border-radius: 8px !important;
    padding: 2px 10px !important;
    font-weight: 500 !important;
    margin: 4px !important;
}
/* Odaklanınca normal editable (tam genişlik, sade) */
.fi-input-wrp:focus-within input.fi-input {
    field-sizing: normal !important;
    background: transparent !important;
    color: inherit !important;
    font-weight: 400 !important;
    border: none !important;
    margin: 0 !important;
}

/* ══════════════════════════════════════════════════════════
   EMLAK TÜRÜ KARTLARI — masaüstü 3'lü grid (columns(3)),
   mobilde yatay kaydırma (sliding). :has(> .fi-section) ile
   yalnız kart grid'i hedeflenir (iç checkbox grid'i bozulmaz).
══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    .tutku-type-cards .fi-grid:has(> .fi-section) {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        gap: 12px !important;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 10px;
    }
    .tutku-type-cards .fi-grid:has(> .fi-section) > .fi-section {
        flex: 0 0 84% !important;
        scroll-snap-align: start;
    }
}

/* ══════════════════════════════════════════════════════════
   TÜR KARTI — seçili (yeşil) / seçili-olmayan (kırmızı) rozetleri
   Kart başlığının sağında, chevron'un solunda konumlanır.
══════════════════════════════════════════════════════════ */
/* Kompakt tek gri pill: "3/1" — dolu yeşil, ayraç koyu gri, boş kırmızı. Az yer kaplar. */
.tutku-count-badges {
    display: inline-flex;
    align-items: center;
    gap: 0;
    background: #eceef1;
    border: 1px solid #cbd2da;
    border-radius: 9999px;
    padding: 0 6px;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1.5;
}
.tutku-count {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 0; height: auto; padding: 0;
    background: transparent !important;
    border-radius: 0; font-size: inherit; font-weight: 700; line-height: inherit;
}
.tutku-count--green { background: transparent !important; color: #16a34a !important; }
.tutku-count--red   { background: transparent !important; color: #d6251a !important; }
.tutku-count--red::before { content: "/"; color: #475569; font-weight: 600; margin: 0 3px; }
.dark .tutku-count-badges { background: #2a3646; }

.tutku-type-card { position: relative; }
.tutku-type-card .tutku-count-badges {
    position: absolute;
    top: 18px;
    right: 46px;
    z-index: 3;
}

/* ══════════════════════════════════════════════════════════
   BAŞLIK ARKA PLANLARI (kullanıcı renkleri)
   ana header (topbar) & dış header (tabs) = #E9EDF3
   iç header (section) = #E6F0F9
══════════════════════════════════════════════════════════ */
.fi-topbar { background-color: var(--tutkucrm-darkbg) !important; }  /* ana header */

/* Header sekme çubuğu (üst seviye) — çubuk BEYAZ, seçili sekme MAVİ full-bleed.
   Alt köşeler düz + alt border yok → alttaki mavi sub-bar ile BİRLEŞSİN (boşluk/beyazlık yok). */
.fi-tabs {
    background-color: #ffffff !important;
    padding: 0 !important;
    align-items: stretch !important;
    border-radius: 0 !important;
    border: none !important;
}
.fi-tabs .fi-tabs-item:first-child,
.fi-tabs .fi-tabs-item:last-child { border-radius: 0 !important; }
.fi-tabs .fi-tabs-item {
    height: auto !important;
    margin: 0 !important;
    border-radius: 0 !important;
    padding: 15px 20px !important;
    background: transparent !important;
    color: var(--tutku-ink, #334155) !important;
}
.fi-tabs .fi-tabs-item:hover { background: #f1f5f9 !important; }
.fi-tabs .fi-tabs-item.fi-active { background: var(--tutku-blue, #0656a7) !important; color: #fff !important; }
.fi-tabs .fi-tabs-item.fi-active .fi-tabs-item-label { color: #fff !important; }
.fi-tabs .fi-tabs-item.fi-active svg,
.fi-tabs .fi-tabs-item.fi-active .fi-tabs-item-icon { color: #fff !important; }
/* ── Header sekme ikonları: TEK RENK monokrom (currentColor) + YUVARLAK zemin ──
   Emoji yerine heroicon (outline, stroke=currentColor). Pasif: hafif navy daire,
   aktif: mor bar üstünde beyaz daire. Tüm sekmelerde aynı stil (chromatic tekdüze). */
.fi-tabs .fi-tabs-item > .fi-icon {
    width: 30px !important;
    height: 30px !important;
    padding: 6px !important;
    border-radius: 9999px !important;
    background: rgba(8, 25, 48, 0.07);
    color: #081930 !important;
    box-sizing: border-box !important;
    flex-shrink: 0;
}
.fi-tabs .fi-tabs-item.fi-active > .fi-icon {
    background: rgba(255, 255, 255, 0.18);
    color: #fff !important;
}
/* Sekme paneli iç boşluğu sıfır → alt sekme çubuğu üst sekmeyle BÜTÜNLEŞSİN:
   sola dayalı (header ile hizalı) + üste dayalı (arada boşluk yok). İç boşluğu
   section kartları/çubuk kendi margin'iyle sağlar. */
.fi-sc-tabs-tab { padding: 0 !important; }
/* Dış konteyner (fi-contained beyaz kart) kaldırıldı → içerik doğrudan sayfa zemininde;
   iç section kartları ve sekme çubukları kendi zeminlerini korur. */
.fi-sc-tabs.fi-contained {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    --tw-ring-shadow: 0 0 #0000 !important;
    padding: 0 !important;
}

/* Şeffaf Section sarmalayıcı (.tutku-plain-wrap): reaktif özel-alan grupları Section
   seviyesinde render olsun diye sarılı ama GÖRSEL konteyner görünmesin → Temel gibi düz. */
.tutku-plain-wrap > .fi-section {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    --tw-ring-shadow: 0 0 #0000 !important;
}
.tutku-plain-wrap > .fi-section > .fi-section-content-ctn,
.tutku-plain-wrap > .fi-section > .fi-section-content { padding: 0 !important; }
/* İç grid'in üst boşluğu (24px) → sub-bar header'a yapışsın (Temel gibi). */
/* SADECE plain-wrap'ın KENDİ dış grid'i padding 0 olsun (alt-bar/başlık hizası).
   Descendant selector iç akordeon section'ların (asıl alan grupları) .fi-section-content
   padding'ini de sıfırlıyordu → alanlar konteynere yapışıyordu. Direct-child ile
   yalnız dış sarmalayıcı hedeflenir; iç gruplar normal 24px padding'ini korur. */
.tutku-plain-wrap > .fi-section > .fi-section-content-ctn > .fi-sc { padding: 0 !important; }

/* Header sekmeleri (üst seviye) — sıkışmadan tek satırda yatay kaydırma (desktop & mobil).
   .fi-tabs zaten nowrap+overflow-x:auto; item'lar küçülmesin diye flex-shrink:0. */
.fi-tabs { -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.fi-tabs::-webkit-scrollbar { display: none; }
.fi-tabs .fi-tabs-item { flex: 0 0 auto !important; white-space: nowrap; }

.fi-section-header {                                                 /* iç header (section) */
    background-color: var(--tutkucrm-lightbg) !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}
/* Katlanmış section'da başlık tek görünen parça → tam yuvarlak */
.fi-section.fi-collapsed .fi-section-header { border-radius: 8px !important; }

/* Dark mode karşılıkları (açık renkler koyu temada bozmasın) */
.dark .fi-topbar,
.dark .fi-tabs { background-color: #17222e !important; }
.dark .fi-tabs .fi-tabs-item { color: #cbd5e1 !important; }
.dark .fi-tabs .fi-tabs-item:hover { background: #223140 !important; }
.dark .fi-tabs .fi-tabs-item.fi-active { color: #fff !important; }
.dark .fi-section-header { background-color: #223140 !important; }

/* Tür kartı başlığı (Bina/Konut…) fontu = field etiketi (Bölge) ile aynı */
.tutku-type-card .fi-section-header-heading {
    font-size: 0.875rem !important;   /* text-sm */
    font-weight: 500 !important;       /* medium */
    line-height: 1.25rem !important;
    color: var(--tutku-ink) !important;
}

/* ══════════════════════════════════════════════════════════
   TİPOGRAFİ HİYERARŞİSİ — üstler büyük+ağır, altlar küçük+hafif.
   4 seviye; hem değişken hem .tutku-h1..h4 sınıfı; Filament
   elemanlarına hiyerarşiye göre uygulanır.
   L1 sayfa başlığı > L2 sekme > L3 section > L4 kart/field etiketi
══════════════════════════════════════════════════════════ */
:root {
    --tutku-fs-1: 1.125rem;  --tutku-fw-1: 700;   /* L1 */
    --tutku-fs-2: 0.875rem;  --tutku-fw-2: 500;   /* L2 — sekme (minimalist) */
    --tutku-fs-3: 0.8125rem; --tutku-fw-3: 600;   /* L3 */
    --tutku-fs-4: 0.8125rem; --tutku-fw-4: 500;   /* L4 */
}
.tutku-h1 { font-size: var(--tutku-fs-1) !important; font-weight: var(--tutku-fw-1) !important; }
.tutku-h2 { font-size: var(--tutku-fs-2) !important; font-weight: var(--tutku-fw-2) !important; }
.tutku-h3 { font-size: var(--tutku-fs-3) !important; font-weight: var(--tutku-fw-3) !important; }
.tutku-h4 { font-size: var(--tutku-fs-4) !important; font-weight: var(--tutku-fw-4) !important; }

/* Hiyerarşi uygulaması (CRM geneli) */
.fi-header-heading,
.tutku-topbar-heading .fi-header-heading {          /* L1 — sayfa başlığı */
    font-size: var(--tutku-fs-1) !important;
    font-weight: var(--tutku-fw-1) !important;
}
.fi-tabs-item-label {                                /* L2 — sekme */
    font-size: var(--tutku-fs-2) !important;
    font-weight: var(--tutku-fw-2) !important;
}
.fi-section-header-heading {                         /* L3 — section başlığı (Konum) */
    font-size: var(--tutku-fs-3) !important;
    font-weight: var(--tutku-fw-3) !important;
}
.tutku-type-card .fi-section-header-heading,         /* L4 — kart başlığı */
.fi-fo-field-label,                                  /* L4 — field etiketi (Bölge) */
.fi-fo-field-label-content {
    font-size: var(--tutku-fs-4) !important;
    font-weight: var(--tutku-fw-4) !important;
}

/* L5 — en alt seviye: seçenek etiketleri (checkbox/radio) + "Tümünü seç".
   Başlıktan (kart başlığı L4 = 13/500) bir kademe küçük ve hafif olmalı. */
:root { --tutku-fs-5: 0.75rem; --tutku-fw-5: 400; }   /* 12px / 400 */
.fi-fo-checkbox-list .fi-fo-checkbox-list-option-label,
.fi-fo-checkbox-list label,
.fi-fo-checkbox-list .fi-fo-checkbox-list-bulk-toggle,
.fi-fo-checkbox-list .fi-fo-checkbox-list-bulk-toggle button,
.fi-fo-checkbox-list .fi-link,
.tutku-type-card .fi-fo-checkbox-list label,
.tutku-type-card .fi-fo-checkbox-list button {
    font-size: var(--tutku-fs-5) !important;
    font-weight: var(--tutku-fw-5) !important;
}

/* "Tümünü seç" toggle gerçek sınıfı = fi-fo-checkbox-list-actions (L5) */
.fi-fo-checkbox-list-actions,
.fi-fo-checkbox-list-actions .fi-link-label,
.fi-fo-checkbox-list-actions button,
.fi-fo-checkbox-list-actions span {
    font-size: var(--tutku-fs-5) !important;
    font-weight: var(--tutku-fw-5) !important;
}

/* ══════════════════════════════════════════════════════════
   AKORDEON SECTION (emlak formu vb.) — başlığın sağında dolu/boş rozeti.
   Rozet mutlak konumlu; collapse chevron'unun soluna yerleşir.
══════════════════════════════════════════════════════════ */
/* Rozet, SECTION HEADER'a göre konumlanmalı (item'a göre değil; yoksa genişleyince
   ortaya kayar). tutku-accordion-item dış .fi-sc-section'da, header iç .fi-section'da. */
.tutku-accordion-item .fi-section-header { position: relative; }
.tutku-accordion-item .fi-section-header .tutku-count-badges {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3.25rem;          /* chevron butonunun solu */
    z-index: 3;
}
/* Rozet mutlak olduğu için başlık altında boş açıklama boşluğu kalmasın */
.tutku-accordion-item .fi-section-header-description:has(.tutku-count-badges) {
    margin: 0 !important;
    min-height: 0 !important;
}

/* Akordeon içi "ikincil göster" toggle — minimalist: küçük, soft, sağa hizalı */
.tutku-sec-toggle { justify-self: end; align-items: center; }
.tutku-sec-toggle .fi-fo-field-lbl,
.tutku-sec-toggle label,
.tutku-sec-toggle .fi-fo-field-label { font-size: 0.75rem !important; font-weight: 400 !important; color: var(--tutku-text-muted) !important; }

/* Sekme üstü ORTAK "İkincil" toggle — sağ üstte, WP ilan-ekle'deki gibi.
   Tüm akordeonların ikincil alanlarını birlikte açar. inline(true) olduğu için
   sınıf toggle butonuna gelir; satırı .fi-fo-field-label-ctn üzerinden sağa alırız. */
.fi-fo-field-label-ctn:has(.tutku-sec-toggle-top) {
    justify-content: flex-end;
    margin-bottom: 0.25rem;
}
.fi-fo-field-label-ctn:has(.tutku-sec-toggle-top) .fi-fo-field-label {
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    color: var(--tutku-text-muted) !important;
}

/* ══════════════════════════════════════════════════════════
   ACCORDION → YATAY SEKME ŞERİDİ (üstteki header sekmeleri gibi)
   card-accordion.blade.php buildTabbars() bir .fi-sc grubuna .tutku-tabbed ekler
   ve üste .tutku-tabbar enjekte eder. Orijinal section başlıkları gizlenir; yalnız
   aktif (açık) section'ın gövdesi görünür. Dolu/boş rozetleri sekmelere klonlanır.
   .tutku-type-cards / .tutku-accordion (tür/olanak kartları) ETKİLENMEZ.
══════════════════════════════════════════════════════════ */
.tutku-tabbar {
    display: flex;
    flex-wrap: nowrap;                 /* sarma yok — tek satır */
    overflow-x: auto;                  /* taşınca yatay kaydır (slide) */
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; /* mobilde momentum swipe */
    gap: 20px;
    margin: 0 0 16px;
    padding: 15px;
    background: var(--tutku-blue, #0656a7);  /* seçili header sekmesi ile aynı mavi zemin */
    border-radius: 0;                      /* tüm köşeler düz (radius 0) */
    scrollbar-width: none;                 /* kaydırma çubuğu gizli (swipe kalır) */
}
.tutku-tabbar::-webkit-scrollbar { display: none; }
.tutku-tabbtn {
    display: inline-flex;
    gap: 2px;
    cursor: pointer;
    flex: 0 0 auto;          /* küçülme/sarma yok → çubuk kayar */
    white-space: nowrap;
    border: none;
    padding: 5px 5px;
    font-size: 0.750rem;
    font-weight: 400;
    color: #ffffff;                        /* mavi zeminde inaktif sekme yazısı beyaz */
    border-radius: 5px;
    transition: background .15s, color .15s;
}
.tutku-tabbtn:hover {
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}
.tutku-tabbtn.active {
    background: #fff;                        /* seçili = beyaz pill */
    color: #0f2a44;
}
/* DOLULUK — kaldırılan İkincil toggle ile AYNI kaplama davranışı:
   dış .tutku-doluluk = sağ uca SABİT (sticky), TAM YÜKSEKLİK opak mor kaplama +
   sol box-shadow seam → altından/yanından kayan sekme etiketleri görünmez.
   iç .tutku-doluluk-pill = seçili alt-sekme gibi BEYAZ pill, sağdan/soldan 3px boşlukla
   (sağ sınıra tam dayalı durmasın). %50 altı kırmızı, %50+ yeşil. */
.tutku-doluluk {
    margin-left: auto !important;           /* tabbtn'lerden sonra sağ uca daya */
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    align-self: stretch;                    /* şerit YÜKSEKLİĞİNİ doldur (tam kaplama) */
    margin-top: -15px !important;           /* bar padding'ini (üst/alt 15px) de kapla */
    margin-bottom: -15px !important;
    padding: 15px 3px;                      /* üst/alt 15px kaplama; sağ/sol 3px boşluk */
    position: sticky;                       /* çok sekmede sağa kaymasın → hep görünür */
    right: 0;
    background: var(--tutku-blue, #2C0783);              /* altından sekmeler geçmesin */
    box-shadow: -14px 0 0 var(--tutku-blue, #2C0783);   /* sol seam maskesi */
    z-index: 3;
}
.tutku-doluluk-pill {
    white-space: nowrap;
    background: #fff;                       /* seçili alt-sekme gibi beyaz pill */
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
}
.tutku-doluluk-pill.is-low  { color: #d6251a; }  /* < %50 kırmızı */
.tutku-doluluk-pill.is-high { color: #16a34a; }  /* ≥ %50 yeşil */
/* Toggle sağ uçta sabit → bar'ın sağ padding'i toggle'ın sağında şerit bırakmasın
   (kayan sekme etiketleri o boşluktan sızıyordu). Sağ padding'i sıfırla; toggle
   kendi padding-right'ıyla nefes alır. */
.tutku-tabbar { padding-right: 0 !important; }
/* İkincil toggle — sekme çubuğunun İÇİNDE, sağ uca DAYALI, soldaki sekmelerden 20px.
   Sol/sağ box-shadow + opak zemin → altından/yanından kayan etiketler görünmez. */
.tutku-tabbar-toggle {
    margin-left: auto !important;
    padding-left: 20px !important;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    align-self: stretch;                     /* şerit YÜKSEKLİĞİNİ doldur (tam kaplama) */
    grid-column: auto !important;           /* grid-col genişlik kısıtını sıfırla */
    width: auto !important;
    max-width: none !important;
    /* bar padding'ini (üst/alt 15px) de kapla → altından/üstünden sekme sızmasın */
    margin-top: -15px !important;
    margin-bottom: -15px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    position: sticky;                        /* çok sekmede sağa kaymasın → hep görünür */
    right: 0;
    background: var(--tutku-blue, #0656a7);  /* altından sekmeler geçmesin */
    padding-right: 15px !important;
    box-shadow: -14px 0 0 var(--tutku-blue, #0656a7);  /* sol seam maskesi */
    z-index: 3;
}
.tutku-tabbar-toggle .fi-fo-field-label-ctn { margin-bottom: 0 !important; }
.tutku-tabbar-toggle .fi-fo-field-label,
.tutku-tabbar-toggle .fi-fo-field-label-content,
.tutku-tabbar-toggle label { color: #fff !important; font-size: 0.8125rem !important; }
/* İkincil toggle — WP ilan paneli gibi: renk YUVARLAKTA (knob), track soft tint.
   knob = .fi-toggle > :first-child (kayan daire). KAPALI kırmızı, AÇIK yeşil. */
.tutku-sec-toggle-top.fi-toggle-off { background-color: #fbeae9 !important; }
.tutku-sec-toggle-top.fi-toggle-on { background-color: #e7f7ee !important; }
.tutku-sec-toggle-top.fi-toggle-off > :first-child { background-color: #d6251a !important; }
.tutku-sec-toggle-top.fi-toggle-on > :first-child { background-color: #16a34a !important; }
/* Primary (Kaydet/Oluştur) butonlar: header/alt-bar ile aynı koyu lacivert, beyaz metin.
   Filament near-black paletten açık ton (shade-400) üretir → burada solid navy'e sabitliyoruz. */
.fi-btn.fi-color-primary {
    background-color: var(--tutku-blue, #04041d) !important;
    color: #ffffff !important;
}
.fi-btn.fi-color-primary:hover { background-color: #3a0fa8 !important; }
.fi-btn.fi-color-primary .fi-btn-label,
.fi-btn.fi-color-primary .fi-icon,
.fi-btn.fi-color-primary svg { color: #ffffff !important; }
/* Danger (Sil) butonlar: Filament'in soluk pembesi yerine solid Tutku kırmızısı, beyaz metin. */
.fi-btn.fi-color-danger {
    background-color: var(--tutku-red, #d6251a) !important;
    color: #ffffff !important;
}
.fi-btn.fi-color-danger:hover { background-color: #b3160d !important; }
.fi-btn.fi-color-danger .fi-btn-label,
.fi-btn.fi-color-danger .fi-icon,
.fi-btn.fi-color-danger svg { color: #ffffff !important; }
/* Header ↔ içerik (sekmeler) arası boşluğu GENEL olarak yarıya indir (edit/create/view dâhil).
   Varsayılan .fi-page-content row-gap 32px + header margin-bottom 12px = ~44px → 16px + 6px = ~22px.
   Liste sayfası kendi daha dar kuralına (12px) sahip; o değişmez (daha spesifik). */
.fi-page-header-main-ctn { padding-top: 16px !important; padding-bottom: 16px !important; gap: 16px !important; }
.fi-page-content { row-gap: 16px !important; gap: 16px !important; }
.fi-header { margin-bottom: 6px !important; }
/* Checkbox listelerindeki (olanaklar/özellikler vb.) arama alanını kaldır */
.fi-fo-checkbox-list-search-input-wrp { display: none !important; }
/* Sekme rozeti (klon) — etiketin sağ ÜSTÜNDE küçük süperskript, tıklama geçirmez */
.tutku-tabbtn { align-items: flex-start; }
.tutku-tabbtn .tutku-count-badges {
    position: static !important;
    transform: none !important;
    right: auto !important;
    top: auto !important;
    align-self: flex-start;
    margin: -3px 0 0 2px;
    padding: 0 5px;
    font-size: 9.5px;
    pointer-events: none;
}
/* Sekme modunda orijinal section başlığını gizle — YALNIZ accordion-item'ın KENDİ
   başlığı (doğrudan yol); iç section başlıkları (tutku-type-cards kart başlıkları
   Daire/Villa… vb.) gizlenmesin. */
.tutku-tabbed .tutku-accordion-item > .fi-section > .fi-section-header { display: none !important; }
/* Yan panel kapanışındaki Livewire morph sırasında sekme sınıfı kısa süre gecikse bile
   accordion item başlığı ham Filament section bar olarak görünmesin. */
.fi-main .fi-fo .fi-sc:has(.tutku-accordion-item) .tutku-accordion-item > .fi-section > .fi-section-header {
    display: none !important;
}
/* Kapalı (aktif olmayan) section'ın TÜM grid sütununu gizle → aradaki boşluk kalmasın.
   ⚠️ DOĞRUDAN çocuk (>): accordion-item'ın KENDİ .fi-section'ı; iç .fi-section'lar
   (ör. tutku-type-cards tür kartları collapsed) yanlış eşleşip sekmeyi gizlemesin. */
.tutku-tabbed > .fi-grid-col:has(.tutku-accordion-item > .fi-section.fi-collapsed) { display: none !important; }
.tutku-tabbed .tutku-accordion-item .fi-section { border-radius: 10px !important; }
/* Sekme modu HER ZAMAN tek kolon: form kökü ->columns(2) gibi çok-kolonlu grid'e
   .tutku-tabbed eklenince şerit + aktif panel hücrelere bölünüp bozuluyordu
   (üst-sekmesiz Lead/Kira/BuyerCriteria). Şerit ve panel tam genişlik; section'ın
   KENDİ iç kolon düzeni (alanlar) etkilenmez. */
.tutku-tabbed { grid-template-columns: 1fr !important; }
.tutku-tabbed > .fi-tabbar, .tutku-tabbed > .tutku-tabbar { grid-column: 1 / -1 !important; }

/* ══════════════════════════════════════════════════════════
   SOL YAN MENÜ (sidebar) — header'ın --tutkucrm-darkbg (açık gri) zemini,
   seçili menü öğesi BEYAZ PILL (gölgeli). Koyu mavi DEĞİL.
══════════════════════════════════════════════════════════ */
.fi-sidebar, .fi-sidebar-nav, .fi-sidebar-header {
    background-color: var(--tutkucrm-darkbg, #E9EDF3) !important;
    border-color: #dce1e8 !important;
    box-shadow: none !important;
}
.fi-brand-name, .fi-sidebar-header * { color: #081930 !important; }
/* Grup başlıkları — koyu */
.fi-sidebar-group-label, .fi-sidebar-group-btn, .fi-sidebar-group-collapse-btn { color: #374151 !important; }
.fi-sidebar-group-collapse-btn svg, .fi-sidebar-group-btn svg, .fi-sidebar-group-label svg { color: #374151 !important; }
.fi-sidebar-group-collapse-btn:hover, .fi-sidebar-group-btn:hover { background: rgba(0, 0, 0, 0.05) !important; color: #111827 !important; }
/* Menü öğeleri — koyu yazı/ikon */
.fi-sidebar-item-btn, .fi-sidebar-item-button { color: #4b5563 !important; background: transparent !important; }
.fi-sidebar-item-btn svg, .fi-sidebar-item-button svg, .fi-sidebar-item-button [data-slot="icon"] { color: #6b7280 !important; }
.fi-sidebar-item-btn:hover, .fi-sidebar-item-button:hover { background: rgba(0, 0, 0, 0.05) !important; color: #111827 !important; }
.fi-sidebar-item-btn:hover svg, .fi-sidebar-item-button:hover svg { color: #111827 !important; }
/* SEÇİLİ = BEYAZ pill (mavi yazı, sol-accent yok, hafif gölge → açık zeminde belli olsun) */
/* Seçili = SADECE beyaz pill (aynı font size/pozisyon; padding/kaydırma YOK). */
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn,
.fi-sidebar-item.fi-active > .fi-sidebar-item-button,
.fi-sidebar-item-button.fi-active, .fi-sidebar-item-btn.fi-active,
.fi-sidebar-group.fi-active > .fi-sidebar-group-btn,
.fi-sidebar-group.fi-active > .fi-sidebar-group-collapse-btn {
    background: #ffffff !important;
    color: var(--tutku-blue, #0656a7) !important;
    border-left: none !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08) !important;
}
.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item.fi-active .fi-sidebar-item-btn svg,
.fi-sidebar-item.fi-active svg,
.fi-sidebar-item.fi-active [data-slot="icon"],
.fi-sidebar-group.fi-active > .fi-sidebar-group-btn svg,
.fi-sidebar-group.fi-active > .fi-sidebar-group-collapse-btn svg { color: var(--tutku-blue, #0656a7) !important; }
/* Alt versiyon rozeti — açık zeminde koyu */
.tutku-version-badge, .tutku-version-badge * { color: #6b7280 !important; }
/* Alt menü öğesi ikonu — ana (grup) menü ikonundan küçük (nokta/çizgi yerine) */
.tutku-sub-item .fi-sidebar-item-icon { width: 1rem !important; height: 1rem !important; }
.tutku-sub-item .fi-sidebar-item-grouped-border { display: none !important; }

/* Yönetim > Kira Yönetimi: ikinci seviye başlık, altı ikonsuz üçüncü seviye çizgili liste. */
.fi-sidebar .tutku-sidebar-parent-item > .fi-sidebar-item-btn {
    display: grid !important;
    grid-template-columns: 26px minmax(0, 1fr) 28px !important;
    align-items: center !important;
    width: calc(100% - 10px) !important;
    text-align: left !important;
}

.fi-sidebar .tutku-sidebar-parent-item > .fi-sidebar-item-btn.tutku-sidebar-parent-link {
    grid-template-columns: minmax(0, 1fr) 28px !important;
}

.fi-sidebar .fi-sidebar-item:not(.tutku-sub-item):not(.tutku-sidebar-parent-item) > .fi-sidebar-item-btn {
    display: grid !important;
    grid-template-columns: 26px minmax(0, 1fr) 28px !important;
    align-items: center !important;
}

.fi-sidebar .tutku-sidebar-parent-item .tutku-sidebar-parent-row-link {
    display: grid !important;
    grid-template-columns: 26px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 3px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    color: inherit !important;
    text-decoration: none !important;
}

.fi-sidebar .tutku-sidebar-parent-item .tutku-sidebar-child-chevron {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    margin-inline-start: 0 !important;
    border: 0 !important;
    border-radius: 9999px !important;
    background: transparent !important;
    color: #6b7280 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

.fi-sidebar .tutku-sidebar-parent-item .tutku-sidebar-child-chevron svg {
    width: 12px !important;
    height: 12px !important;
    color: currentColor !important;
    transform: rotate(0deg) !important;
    transition: transform .15s ease !important;
}

.fi-sidebar .tutku-sidebar-parent-item .tutku-sidebar-child-chevron.is-collapsed svg {
    transform: rotate(180deg) !important;
}

.fi-sidebar .tutku-sidebar-parent-item > .fi-sidebar-item-btn:hover .tutku-sidebar-child-chevron {
    background: rgba(8, 25, 48, 0.08) !important;
    color: #111827 !important;
}

.fi-sidebar .tutku-sidebar-third-level {
    margin: 2px 0 2px 18px !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.fi-sidebar .tutku-sidebar-third-level .tutku-sub-item .fi-sidebar-item-btn {
    margin-left: 0 !important;
    padding: 4px 6px 4px 0 !important;
    min-height: 30px !important;
    display: flex !important;
    align-items: center !important;
}

.fi-sidebar .tutku-sidebar-third-level .tutku-sub-item .fi-sidebar-item-icon {
    display: none !important;
}

.fi-sidebar .tutku-sidebar-third-level .tutku-sidebar-favorite-child-item {
    display: flex !important;
    justify-content: flex-end !important;
}

.fi-sidebar .tutku-sidebar-third-level .tutku-sidebar-favorite-child-item .fi-sidebar-item-btn {
    width: calc(100% - 1.5rem) !important;
    margin-left: auto !important;
    margin-right: 0.25rem !important;
    justify-content: flex-start !important;
}

.fi-sidebar .tutku-sidebar-third-level .tutku-sidebar-favorite-child-item .fi-sidebar-item-label {
    font-size: var(--text-xs, 0.75rem) !important;
    line-height: 1rem !important;
}

.fi-sidebar .tutku-sidebar-third-level .tutku-sidebar-favorite-child-item .fi-sidebar-item-icon {
    display: inline-flex !important;
    width: 0.85rem !important;
    height: 0.85rem !important;
    margin-right: 0.275rem !important;
    color: #f59e0b !important;
    flex: 0 0 auto !important;
}

.fi-sidebar .tutku-sidebar-third-level .tutku-sub-item .fi-sidebar-item-grouped-border {
    --tutku-third-level-dot-center: 4px;
    display: flex !important;
    position: relative !important;
    align-self: stretch !important;
    justify-content: flex-start !important;
    width: 32px !important;
    min-width: 32px !important;
    margin-inline-end: 0 !important;
}

.fi-sidebar .tutku-sidebar-third-level .fi-sidebar-item-grouped-border-part-not-first,
.fi-sidebar .tutku-sidebar-third-level .fi-sidebar-item-grouped-border-part-not-last {
    position: absolute !important;
    left: 18px !important;
    width: 1px !important;
    background: #9aa8bc !important;
    transform: translateX(-50%) !important;
}

.fi-sidebar .tutku-sidebar-third-level .fi-sidebar-item-grouped-border-part-not-first {
    top: 0 !important;
    height: var(--tutku-third-level-dot-center) !important;
}

.fi-sidebar .tutku-sidebar-third-level .fi-sidebar-item-grouped-border-part-not-last {
    top: var(--tutku-third-level-dot-center) !important;
    bottom: 0 !important;
}

.fi-sidebar .tutku-sidebar-third-level .fi-sidebar-item-grouped-border-part {
    position: relative !important;
    z-index: 1 !important;
    width: 6px !important;
    height: 6px !important;
    margin-top: calc(var(--tutku-third-level-dot-center) - 3px) !important;
    margin-left: 15px !important;
    border-radius: 9999px !important;
    background: #9aa8bc !important;
    box-shadow: 0 0 0 3px var(--tutkucrm-darkbg, #E9EDF3) !important;
}

.fi-sidebar .tutku-sidebar-third-level .fi-sidebar-item.fi-active .fi-sidebar-item-grouped-border-part {
    background: var(--tutku-blue, #0656a7) !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-parent-item {
    position: relative !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-parent-item .fi-dropdown-list-item-label {
    padding-inline-start: 0 !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-collapsible {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-parent-toggle {
    display: grid !important;
    grid-template-columns: 1.25rem minmax(0, 1fr) auto 1.5rem !important;
    align-items: center !important;
    gap: .5rem !important;
    width: 100% !important;
    min-height: 38px !important;
    border: 0 !important;
    background: transparent !important;
    text-align: left !important;
    cursor: pointer !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-parent-toggle:hover,
.fi-dropdown-list .tutku-sidebar-dropdown-parent-toggle:focus-visible {
    background: rgba(8, 25, 48, .05) !important;
    outline: none !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-parent-toggle .fi-dropdown-list-item-icon {
    display: inline-flex !important;
    grid-column: 1 !important;
    width: 1rem !important;
    height: 1rem !important;
    color: #8aa0ba !important;
    flex: 0 0 auto !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-parent-toggle .fi-dropdown-list-item-label {
    grid-column: 2 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: #334155 !important;
    font-weight: 560 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-child-chevron {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    grid-column: 4 !important;
    justify-self: end !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 9999px !important;
    color: #6b7280 !important;
    flex: 0 0 22px !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-parent-toggle:hover .tutku-sidebar-dropdown-child-chevron,
.fi-dropdown-list .tutku-sidebar-dropdown-parent-toggle:focus-visible .tutku-sidebar-dropdown-child-chevron {
    background: rgba(8, 25, 48, .08) !important;
    color: #111827 !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-child-chevron svg {
    width: 12px !important;
    height: 12px !important;
    color: currentColor !important;
    transform: rotate(0deg) !important;
    transition: transform .15s ease !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-child-chevron.is-collapsed svg {
    transform: rotate(180deg) !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-third-level {
    display: flex !important;
    flex-direction: column !important;
    padding: 1px 0 3px !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-third-level-item {
    --tutku-dropdown-third-dot-center: 17px;
    --tutku-dropdown-third-rail-x: 22px;
    position: relative !important;
    min-height: 34px !important;
    padding-inline-start: 44px !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-third-level-item::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: var(--tutku-dropdown-third-rail-x) !important;
    top: 50% !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 9999px !important;
    background: #9aa8bc !important;
    box-shadow: 0 0 0 3px #fff !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: none !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-third-level-item::after {
    display: none !important;
    content: none !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-third-level-item .fi-dropdown-list-item-icon {
    display: none !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-third-level-item.tutku-sidebar-favorite-child-item .fi-dropdown-list-item-icon {
    display: inline-flex !important;
    width: 0.85rem !important;
    height: 0.85rem !important;
    color: #f59e0b !important;
    flex: 0 0 auto !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-third-level-item.tutku-sidebar-favorite-child-item > .fi-icon {
    display: inline-flex !important;
    position: absolute !important;
    left: var(--tutku-dropdown-third-rail-x) !important;
    top: 50% !important;
    width: 0.85rem !important;
    height: 0.85rem !important;
    min-width: 0.85rem !important;
    color: #f59e0b !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    flex: 0 0 auto !important;
    transform: translate(-50%, -50%) !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-third-level-item .fi-dropdown-list-item-label {
    position: relative !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-third-level-item.fi-color-primary::before {
    background: var(--tutku-blue, #0656a7) !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-third-level-item.tutku-sidebar-favorite-child-item::before {
    display: none !important;
    content: none !important;
}

/* Sidebar menu typography levels */
.fi-sidebar .fi-sidebar-group-btn .fi-sidebar-group-label,
.fi-sidebar .fi-sidebar-group-label {
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

.fi-sidebar .fi-sidebar-group-items > .fi-sidebar-item:not(.tutku-sidebar-favorite-child-item):not(.tutku-favorite-sidebar-item):not(.tutku-sub-item):not(.tutku-contact-scope-sidebar-item):not(.tutku-organization-type-sidebar-item):not(.tutku-property-scope-sidebar-item) > .fi-sidebar-item-btn .fi-sidebar-item-label,
.fi-sidebar .tutku-sidebar-parent-row-link .fi-sidebar-item-label {
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
}

.fi-sidebar .tutku-sidebar-third-level .fi-sidebar-item-label,
.fi-sidebar .tutku-sidebar-favorite-child-item .fi-sidebar-item-label,
.fi-sidebar .tutku-favorite-sidebar-item .fi-sidebar-item-label,
.fi-sidebar .tutku-sub-item .fi-sidebar-item-label,
.fi-sidebar .tutku-contact-scope-sidebar-item .fi-sidebar-item-label,
.fi-sidebar .tutku-organization-type-sidebar-item .fi-sidebar-item-label,
.fi-sidebar .tutku-property-scope-sidebar-item .fi-sidebar-item-label {
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-parent-toggle .fi-dropdown-list-item-label {
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
}

.fi-dropdown-list .tutku-sidebar-dropdown-third-level-item .fi-dropdown-list-item-label {
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
}

/* Daraltılmış (ikon-only) menüde seçili grup ikonu da BEYAZ pill (collapsed'da görünen
   öğe .fi-sidebar-group-btn değil, dropdown trigger butonudur). */
.fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn {
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08) !important;
}
.fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn svg { color: var(--tutku-blue, #0656a7) !important; }

/* ── Sidebar ikon dili = HEADER SEKME ikonlarıyla aynı: monokrom + YUVARLAK chip
   + hover/aktif kontrast. Chip ikon elemanına gelir (content-box → glyph boyutu sabit,
   chip dışa büyür). Yüksek özgüllük (.fi-sidebar öneki) → 18px boyut-kilidini geçer. ── */
.fi-sidebar .fi-sidebar-group-dropdown-trigger-btn > .fi-icon,  /* daraltılmış grup ikonu (24px) */
.fi-sidebar .fi-sidebar-group-btn > .fi-icon,                   /* açık grup ikonu (18px) */
.fi-sidebar .fi-sidebar-group-collapse-btn > .fi-icon,          /* açık grup (collapse) ikonu */
.fi-sidebar .fi-sidebar-item-btn > .fi-sidebar-item-icon,       /* açık öğe/alt-öğe ikonu */
.fi-sidebar .tutku-sidebar-parent-row-link > .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-item-btn > svg {
    background: rgba(8, 25, 48, 0.06) !important;
    border-radius: 9999px !important;
    padding: 6px !important;
    max-width: none !important;                 /* boyut-kilidini gevşet (glyph sabit kalır) */
    box-sizing: content-box !important;
    transition: background .15s, color .15s !important;
}
/* hover → daha koyu chip (açık zeminde kontrast) */
.fi-sidebar .fi-sidebar-group-dropdown-trigger-btn:hover > .fi-icon,
.fi-sidebar .fi-sidebar-group-btn:hover > .fi-icon,
.fi-sidebar .fi-sidebar-group-collapse-btn:hover > .fi-icon,
.fi-sidebar .fi-sidebar-item-btn:hover > .fi-sidebar-item-icon,
.fi-sidebar .tutku-sidebar-parent-row-link:hover > .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-item-btn:hover > svg {
    background: rgba(8, 25, 48, 0.12) !important;
}
/* seçili (beyaz pill) → marka mor tint chip */
.fi-sidebar .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn > .fi-icon,
.fi-sidebar .fi-sidebar-group.fi-active > .fi-sidebar-group-btn > .fi-icon,
.fi-sidebar .fi-sidebar-group.fi-active > .fi-sidebar-group-collapse-btn > .fi-icon,
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-item.fi-active .tutku-sidebar-parent-row-link > .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > svg {
    background: rgba(44, 7, 131, 0.10) !important;
}

/* Ana menü chevronları: açıkken yukarı, kapalıyken aşağı. */
.fi-sidebar .fi-sidebar-group:not(.fi-collapsed) > .fi-sidebar-group-btn .fi-sidebar-group-collapse-btn > .fi-icon,
.fi-sidebar .fi-sidebar-group:not(.fi-collapsed) > .fi-sidebar-group-btn .fi-sidebar-group-collapse-btn > svg,
.fi-sidebar .fi-sidebar-group-collapse-btn[aria-expanded="true"] > .fi-icon,
.fi-sidebar .fi-sidebar-group-collapse-btn[aria-expanded="true"] > svg {
    transform: rotate(0deg) !important;
}

.fi-sidebar .fi-sidebar-group.fi-collapsed > .fi-sidebar-group-btn .fi-sidebar-group-collapse-btn > .fi-icon,
.fi-sidebar .fi-sidebar-group.fi-collapsed > .fi-sidebar-group-btn .fi-sidebar-group-collapse-btn > svg,
.fi-sidebar .fi-sidebar-group-collapse-btn.fi-sidebar-group-collapse-btn--collapsed > .fi-icon,
.fi-sidebar .fi-sidebar-group-collapse-btn.fi-sidebar-group-collapse-btn--collapsed > svg,
.fi-sidebar .fi-sidebar-group-collapse-btn[aria-expanded="false"] > .fi-icon,
.fi-sidebar .fi-sidebar-group-collapse-btn[aria-expanded="false"] > svg {
    transform: rotate(180deg) !important;
}

/* Daraltılmış sidebar: sadece ana grup ikonları görünür. Önceki özel display
   kuralları Alpine'ın x-show gizlemesini ezdiği için alt menüler ikon olarak
   ikinci kez alta düşüyordu. */
@media (min-width: 1024px) {
    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-btn,
    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-items,
    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-sub-group-items {
        display: none !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-nav-groups {
        align-items: center !important;
        margin-inline: 0 !important;
        row-gap: 10px !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group {
        display: flex !important;
        justify-content: center !important;
        margin-bottom: 0 !important;
        width: 100% !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-dropdown-trigger-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        margin-inline: auto !important;
        padding: 0 !important;
        border-radius: 10px !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-label,
    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-badge-ctn,
    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-label,
    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-collapse-btn {
        display: none !important;
    }
}

/* ══════════════════════════════════════════════════════════
   DANIŞMAN UZMANLIK BÖLGESİ — interaktif Türkiye haritası
══════════════════════════════════════════════════════════ */
.tutku-exmap { display:flex; flex-direction:column; gap:16px; }
.tutku-exmap__cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    align-items: stretch;
}
.tutku-exmap-card {
    display: flex;
    min-width: 0;
    min-height: 280px;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    border: 1px solid #dbe5f1;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
}
.tutku-exmap-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}
.tutku-exmap-card__head h4 {
    margin: 0;
    color: #081930;
    font-size: .9rem;
    font-weight: 750;
    line-height: 1.25;
}
.tutku-exmap-card__head p {
    margin: 4px 0 0;
    color: #64748b;
    font-size: .75rem;
    font-weight: 600;
}
.tutku-exmap-card__badge {
    flex: 0 0 auto;
    border-radius: 999px;
    background: #eef4ff;
    color: var(--tutku-blue, #2C0783);
    padding: 4px 9px;
    font-size: .68rem;
    font-weight: 800;
}
.tutku-exmap-card__select {
    display: grid;
    gap: 6px;
    color: #475569;
    font-size: .74rem;
    font-weight: 700;
}
.tutku-exmap-card__select select {
    width: 100%;
    min-height: 38px;
    border: 1px solid #d8e2ee;
    border-radius: 8px;
    background: #f8fafc;
    color: #142033;
    padding: 0 10px;
    font-size: .82rem;
    outline: none;
}
.tutku-exmap-card__select select:focus {
    border-color: var(--tutku-blue, #2C0783);
    box-shadow: 0 0 0 3px rgba(44, 7, 131, .10);
}
.tutku-exmap-card__select select:disabled {
    color: #94a3b8;
    cursor: not-allowed;
}
.tutku-exmap-ranks {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.tutku-exmap-rank {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto auto;
    gap: 8px;
    align-items: center;
    min-height: 48px;
    padding: 8px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}
.tutku-exmap-rank__no {
    display: inline-flex;
    width: 26px;
    height: 26px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--tutku-blue, #2C0783);
    color: #ffffff;
    font-size: .78rem;
    font-weight: 800;
}
.tutku-exmap-rank__main {
    display: grid;
    min-width: 0;
    gap: 2px;
}
.tutku-exmap-rank__main strong {
    min-width: 0;
    overflow: hidden;
    color: #142033;
    font-size: .82rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tutku-exmap-rank__main small {
    min-width: 0;
    overflow: hidden;
    color: #64748b;
    font-size: .68rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tutku-exmap-rank__stars {
    min-width: 2.8rem;
    color: #f59e0b;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: 1px;
    text-align: right;
}
.tutku-exmap-rank__actions {
    display: inline-flex;
    gap: 3px;
}
.tutku-exmap-rank__actions button {
    display: inline-flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8e2ee;
    border-radius: 6px;
    background: #ffffff;
    color: #475569;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1;
}
.tutku-exmap-rank__actions button:hover:not(:disabled) {
    border-color: var(--tutku-blue, #2C0783);
    color: var(--tutku-blue, #2C0783);
}
.tutku-exmap-rank__actions button:disabled {
    opacity: .35;
    cursor: not-allowed;
}
.tutku-exmap-rank--empty {
    display: flex;
    justify-content: center;
    border-style: dashed;
    color: #94a3b8;
    font-size: .78rem;
    font-weight: 650;
}
.tutku-exmap__notice {
    align-self: flex-start;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    background: #fff7ed;
    color: #9a3412;
    padding: 8px 10px;
    font-size: .78rem;
    font-weight: 700;
}
@media (max-width: 1100px){
    .tutku-exmap__cards { grid-template-columns: 1fr; }
}
.tutku-exmap__grid { display:grid; grid-template-columns: 1fr 320px; gap:16px; align-items:start; }
@media (max-width: 900px){ .tutku-exmap__grid { grid-template-columns: 1fr; } }
.tutku-exmap__map { background:#f5f8fa; border:1px solid #e5e8eb; border-radius:10px; padding:10px; min-height:260px; display:flex; align-items:center; justify-content:center; }
.tutku-exmap__svg { width:100%; height:auto; max-height:520px; }
/* TKGM haritası: iller <a class="mudurlukler"> içinde <path class="path_il"> (kendi bölge rengi).
   Hover = marka konturu (renk kaybolmaz, blink yok); seçili = açık mor dolgu + kalın marka konturu. */
.tutku-exmap__svg .path_il { transition: fill .12s, stroke .12s; }
.tutku-exmap__svg a.mudurlukler { cursor:pointer; }
.tutku-exmap__svg a.mudurlukler:hover .path_il { stroke: var(--tutku-blue, #2C0783); stroke-width:0.8; }
.tutku-exmap__svg a.mudurlukler.is-selected .path_il { fill:#c9b6f0 !important; stroke: var(--tutku-blue, #2C0783); stroke-width:1; }
/* İl adı etiketleri (<text>) tıklamayı yakalamasın; alttaki ile geçsin. */
.tutku-exmap__svg text { pointer-events:none; }
.tutku-exmap__loading, .tutku-exmap__muted, .tutku-exmap__hint { color:#6f7488; font-size:0.8125rem; }
.tutku-exmap__side { display:flex; flex-direction:column; gap:14px; }
.tutku-exmap__blocktitle { font-weight:600; font-size:0.8125rem; color:#081930; margin-bottom:8px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.tutku-exmap__chips { display:flex; flex-wrap:wrap; gap:6px; }
.tutku-exchip { border:1px solid #cbd2da; background:#ffffff; color:#334155; border-radius:9999px; padding:5px 12px; font-size:0.75rem; cursor:pointer; transition: background .12s, border-color .12s, color .12s; }
.tutku-exchip:hover { border-color: var(--tutku-blue, #2C0783); }
.tutku-exchip.is-on { background: var(--tutku-blue, #2C0783); border-color: var(--tutku-blue, #2C0783); color:#ffffff; }
.tutku-exchip--sm { padding:3px 9px; font-size:0.7rem; }
.tutku-exchip--il { margin-left:auto; }
.tutku-exmap__selected { border-top:1px solid #e5e8eb; padding-top:12px; }
.tutku-exmap__seltitle { font-weight:600; font-size:0.8125rem; color:#081930; margin-bottom:8px; }
.tutku-exmap__selwrap { display:flex; flex-wrap:wrap; gap:6px; }
.tutku-exsel { display:inline-flex; align-items:center; gap:6px; border:1px solid #cbd2da; background:#eef3f6; border-radius:9999px; padding:5px 12px; font-size:0.75rem; cursor:pointer; }
.tutku-exsel:hover { background:#fde8e8; border-color:#d6251a; }
.tutku-exsel__lbl { font-size:0.62rem; text-transform:uppercase; letter-spacing:.03em; opacity:.6; }
.tutku-exsel--region { background:#e7ecfb; }
.tutku-exsel--district { background:#eafaf0; }

/* ─── Tapu Müdürlüğü iletişim kartı (PropertyResource) ─────────────── */
.tutku-lr-note{
  border:1px solid var(--gray-200,#e5e7eb);
  border-radius:.75rem;
  background:var(--tutku-light-bg,#eef3f6);
  padding:.85rem 1rem;
  font-size:.8125rem;
  color:var(--gray-950,#081930);
}
.tutku-lr-note--empty{
  color:#64748b;background:transparent;border-style:dashed;
}
.tutku-lr-head{
  font-weight:600;font-size:.875rem;margin-bottom:.6rem;
  display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;
}
.tutku-lr-region{
  font-weight:500;font-size:.72rem;color:#fff;
  background:var(--tutku-blue,#2C0783);
  padding:.12rem .5rem;border-radius:9999px;
}
.tutku-lr-body{display:flex;flex-direction:column;gap:.4rem;}
.tutku-lr-row{
  display:grid;grid-template-columns:1.1rem 5.5rem 1fr;
  align-items:start;gap:.5rem;line-height:1.35;
}
.tutku-lr-ico{color:var(--tutku-blue,#2C0783);display:inline-flex;padding-top:.1rem;}
.tutku-lr-k{color:#64748b;font-weight:500;}
.tutku-lr-v{word-break:break-word;}
.tutku-lr-v a{color:var(--tutku-blue,#2C0783);text-decoration:none;}
.tutku-lr-v a:hover{text-decoration:underline;}
.tutku-lr-link{
  display:inline-block;margin-top:.7rem;font-size:.75rem;font-weight:500;
  color:var(--tutku-blue,#2C0783);text-decoration:none;
}
.tutku-lr-link:hover{text-decoration:underline;}
@media (max-width:640px){
  .tutku-lr-row{grid-template-columns:1.1rem 1fr;}
  .tutku-lr-k{grid-column:2;font-size:.72rem;}
  .tutku-lr-v{grid-column:2;}
}

/* ══════════════════════════════════════════════════════════
   EMLAK KONUM HARİTASI (Adres bölümü) — Leaflet + OSM/Esri
══════════════════════════════════════════════════════════ */
.tutku-locmap-wrap { margin-top: 4px; }
.tutku-map-toolbar { display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:space-between; margin-bottom:8px; }
.tutku-map-search { display:flex; gap:6px; flex:1 1 260px; min-width:200px; }
.tutku-map-search-input { flex:1; border:1px solid #cbd2da; border-radius:8px; padding:7px 12px; font-size:.8rem; background:#fff; color:#081930; }
.tutku-map-search-btn { border:1px solid var(--tutku-blue); background:var(--tutku-blue); color:#fff; border-radius:8px; padding:7px 14px; font-size:.8rem; cursor:pointer; white-space:nowrap; }
.tutku-map-layers { display:inline-flex; gap:4px; }
.tutku-map-layer { border:1px solid #cbd2da; background:#fff; color:#334155; border-radius:8px; padding:6px 10px; font-size:.75rem; cursor:pointer; white-space:nowrap; }
.tutku-map-layer.is-active { border-color:var(--tutku-blue); background:var(--tutku-blue); color:#fff; }
.tutku-locmap { width:100%; height:360px; border-radius:12px; border:1px solid #e5e8eb; overflow:hidden; z-index:0; }
.tutku-locmap-hint { font-size:.72rem; color:var(--tutku-text-muted); margin-top:6px; }
.tutku-office-pin { font-size:20px; line-height:26px; text-align:center; }
.leaflet-container { font: inherit; }

/* ─── Kayıt-içi Belgeler bileşeni (RecordDocuments livewire) ─────────── */
.tutku-docs__hint,.tutku-docs__empty{color:#64748b;font-size:.8125rem;padding:14px;}
/* Taşma standardı: SARMA değil YANA KAYDIRMA (yatay scroll, gizli çubuk, swipe). */
/* Kategori alt-sekmeleri = STANDART alt-sekme görünümü (.tutku-tabbar/.tutku-tabbtn):
   mor şerit + beyaz sekme + aktif beyaz pill. Taşma: yana kaydırma (swipe, gizli çubuk). */
.tutku-docs__cats{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:20px;margin:0 0 16px;padding:15px;background:var(--tutku-blue,#2C0783);border-radius:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.tutku-docs__cats::-webkit-scrollbar{display:none;}
.tutku-docs__cat{flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:flex-start;gap:3px;border:none;background:transparent;color:#fff;border-radius:5px;padding:5px 8px;font-size:.75rem;font-weight:400;cursor:pointer;transition:background .15s,color .15s;}
.tutku-docs__cat:hover{background:rgba(255,255,255,.14);color:#fff;}
.tutku-docs__cat.is-active{background:#fff;color:#0f2a44;}
.tutku-docs__catcount{align-self:flex-start;margin:-3px 0 0 2px;padding:0 5px;font-size:9.5px;line-height:1.5;border-radius:9999px;background:rgba(255,255,255,.25);}
.tutku-docs__cat.is-active .tutku-docs__catcount{background:rgba(0,0,0,.12);color:#0f2a44;}
.tutku-docs__panel{border:1px solid #e5e8eb;border-radius:12px;background:#fff;padding:14px;}
.tutku-docs__bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.tutku-docs__title{font-weight:600;color:#081930;font-size:.9375rem;}
.tutku-docs__btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #e2e8f0;background:#fff;color:#334155;border-radius:8px;padding:7px 12px;font-size:.8125rem;font-weight:500;cursor:pointer;}
.tutku-docs__btn:hover{border-color:var(--tutku-blue,#2C0783);color:var(--tutku-blue,#2C0783);}
.tutku-docs__btn--primary{background:var(--tutku-blue,#2C0783);color:#fff;border-color:var(--tutku-blue,#2C0783);}
.tutku-docs__btn--primary:hover{color:#fff;opacity:.92;}
.tutku-docs__btn--ghost{background:transparent;}
.tutku-docs__form{background:#f7f9fb;border:1px solid #e5e8eb;border-radius:10px;padding:14px;margin-bottom:14px;}
.tutku-docs__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.tutku-docs__field{display:flex;flex-direction:column;gap:4px;font-size:.8125rem;color:#334155;}
.tutku-docs__field--full{grid-column:1/-1;}
.tutku-docs__field small{color:#94a3b8;font-weight:400;}
.tutku-docs__field input,.tutku-docs__field select{border:1px solid #d7dde5;border-radius:8px;padding:8px 10px;font-size:.8125rem;background:#fff;}
.tutku-docs__field em{color:#d6251a;font-style:normal;font-size:.75rem;}
.tutku-docs__check{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:#334155;grid-column:1/-1;}
.tutku-docs__loading{color:var(--tutku-blue,#2C0783);font-size:.75rem;}
.tutku-docs__formactions{display:flex;gap:8px;margin-top:12px;}
.tutku-docs__list{display:flex;flex-direction:column;gap:8px;}
.tutku-docs__list--rel{opacity:.95;}
.tutku-docs__relhead{margin:16px 0 8px;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em;}
.tutku-docs__row{display:flex;align-items:center;gap:10px;border:1px solid #eef1f4;border-radius:9px;padding:9px 12px;}
.tutku-docs__list--rel .tutku-docs__row{background:#f7f9fb;border-style:dashed;}
.tutku-docs__ico{color:var(--tutku-blue,#2C0783);flex:0 0 auto;}
.tutku-docs__meta{display:flex;flex-direction:column;min-width:0;flex:1;}
.tutku-docs__name{font-weight:600;color:#081930;font-size:.8125rem;}
.tutku-docs__sub{color:#64748b;font-size:.7375rem;}
.tutku-docs__exp{color:#d6251a;}
.tutku-docs__lock{color:#b45309;}
.tutku-docs__act{border:1px solid #e2e8f0;background:#fff;color:var(--tutku-blue,#2C0783);border-radius:7px;padding:5px 10px;font-size:.75rem;font-weight:600;cursor:pointer;text-decoration:none;flex:0 0 auto;}
.tutku-docs__act:hover{background:#eef3f6;}
.tutku-docs__act--danger{color:#d6251a;}
@media (max-width:640px){.tutku-docs__grid{grid-template-columns:1fr;}}

/* Contact detail: related records inside the standard tabbed sections */
.tutku-role-option-label {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.tutku-role-option-group {
    display: block;
    width: 100%;
    margin: 12px 0 4px;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.tutku-role-option-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-height: 19px;
    padding: 1px 6px;
    border: 1px solid #dbeafe;
    border-radius: 9999px;
    color: #1d4ed8;
    background: #eff6ff;
    font-size: 0.675rem;
    font-weight: 600;
    text-decoration: none;
    white-space: normal;
    text-align: left;
    line-height: 1.05;
}
.tutku-role-option-link:hover {
    border-color: #bfdbfe;
    background: #dbeafe;
    color: #1e40af;
}
.tutku-role-cards {
    width: 100%;
}
.tutku-role-cards__primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 2px 10px;
    padding: 7px 10px;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1e40af;
    font-size: 12px;
    font-weight: 600;
}
.tutku-role-cards__primary strong {
    color: #1e1b4b;
    font-weight: 700;
}
.tutku-role-cards__track {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 2px 2px 10px;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}
.tutku-role-cards__track::-webkit-scrollbar {
    height: 8px;
}
.tutku-role-cards__track::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #cbd5e1;
}
.tutku-role-card {
    flex: 0 0 calc((100% - 36px) / 4);
    min-height: 270px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    scroll-snap-align: start;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}
.tutku-role-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 42px;
    padding: 10px 12px;
    border: 0;
    border-bottom: 1px solid #eef2f7;
    background: var(--tutkucrm-lightbg);
    color: var(--tutku-ink);
    font-size: var(--tutku-fs-3);
    font-weight: var(--tutku-fw-3);
    letter-spacing: 0;
    text-align: left;
    cursor: pointer;
}
.tutku-role-card__chev {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    color: var(--tutku-text-muted);
}
.tutku-role-card__chev::before {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.16s ease;
}
.tutku-role-card__chev.is-open::before {
    transform: translateY(2px) rotate(225deg);
}
.tutku-role-card__body {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px 10px 12px;
}
.tutku-role-card__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 4px 6px;
    border-radius: 8px;
    color: #1e293b;
    cursor: pointer;
}
.tutku-role-card__row:hover,
.tutku-role-card__row.is-selected {
    background: #f8fafc;
}
.tutku-role-card__row.is-primary {
    border: 1px solid #c7d2fe;
    background: #eef2ff;
}
.tutku-role-card__role {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.tutku-role-card__linkwrap {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: flex-end;
    min-width: 0;
}
.tutku-role-card__linkwrap .tutku-role-option-link {
    max-width: 100%;
}
/* Rol satırı başındaki favori (yıldız) — birincil rol yap. Sabit-genişlik slot
   ile checkbox/etiket hizası korunur; yıldız yalnızca rol seçiliyken görünür. */
.tutku-role-card__favslot {
    flex: 0 0 auto;
    width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.tutku-role-card__fav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #cbd5e1;              /* seçili ama birincil değil: soluk gri yıldız */
    cursor: pointer;
    transition: color .12s ease, transform .12s ease;
}
.tutku-role-card__fav svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}
.tutku-role-card__fav:hover {
    color: #f5b301;             /* hover: altın önizleme */
    transform: scale(1.15);
}
.tutku-role-card__fav.is-active {
    color: #f5b301;             /* birincil: dolu altın yıldız */
}
.tutku-role-card__checkbox {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
}
.tutku-role-card__label {
    min-width: 0;
    font-size: var(--tutku-fs-5);
    font-weight: var(--tutku-fw-5);
    line-height: 1.2;
}
@media (max-width: 767px) {
    .tutku-role-card {
        flex-basis: calc(100vw - 56px);
    }
}
.tutku-related-panel {
    padding: 14px;
}
.tutku-related-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}
.tutku-related-filters select {
    min-width: 180px;
    min-height: 34px;
    padding: 6px 30px 6px 10px;
    border: 1px solid #dbe1e8;
    border-radius: 8px;
    color: #081930;
    background: #fff;
    font-size: 0.8125rem;
}
.tutku-related-list {
    display: grid;
    gap: 6px;
}
.tutku-related-row {
    display: grid;
    grid-template-columns: minmax(220px, 1.5fr) minmax(130px, 1fr) minmax(110px, .7fr) minmax(160px, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 42px;
    padding: 8px 12px;
    border: 1px solid #edf0f4;
    border-radius: 8px;
    color: #081930;
    text-decoration: none;
    background: #fff;
}
.tutku-related-row:hover {
    border-color: #cbd5e1;
    background: #f8fafc;
}
.tutku-related-row strong {
    font-size: 0.875rem;
    font-weight: 700;
}
.tutku-related-row span {
    color: #64748b;
    font-size: 0.8125rem;
}
.tutku-related-row em {
    justify-self: end;
    padding: 3px 8px;
    border-radius: 9999px;
    color: var(--tutku-blue, #2C0783);
    background: #eef2ff;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 700;
}
.tutku-related-empty {
    padding: 18px;
    border: 1px dashed #dbe1e8;
    border-radius: 8px;
    color: #64748b;
    font-size: 0.875rem;
    background: #f8fafc;
}
@media (max-width: 900px) {
    .tutku-related-row {
        grid-template-columns: 1fr;
        align-items: start;
    }
    .tutku-related-row em {
        justify-self: start;
    }
}
/* Kişiler listesi (HubSpot): "X kayıt" alt-başlığını sekme satırının sağ ucuna, sekmelerle aynı hizaya al. */
.fi-resource-kisiler-kisiler .fi-header { position: relative; overflow: visible; }
.fi-resource-kisiler-kisiler.fi-resource-list-records-page .fi-page-content,
.fi-resource-kisiler-kisiler.fi-resource-list-records-page .fi-main-ctn,
.fi-resource-kisiler-kisiler.fi-resource-list-records-page .fi-main {
    padding-top: 8px !important;
}
.fi-resource-kisiler-kisiler.fi-resource-list-records-page .fi-header:has(.fi-header-actions-ctn button),
.fi-resource-kisiler-kisiler.fi-resource-list-records-page .fi-header:has(.fi-header-actions-ctn a) {
    margin-bottom: 3px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}
.fi-resource-kisiler-kisiler .fi-header-subheading {
    position: absolute !important;
    right: 0 !important;
    top: 100% !important;
    margin-top: 38px !important;
    font-weight: 600;
    color: #64748b;
    font-size: 0.8125rem;
    white-space: nowrap;
    z-index: 5;
}

/* Sidebar collapse controls: one slim button near the logo, one in the footer. */
@media (min-width: 1024px) {
    .fi-topbar-collapse-sidebar-btn-ctn {
        display: none !important;
    }
}
.tutku-brand {
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
}
.tutku-brand-logo {
    flex: 0 1 auto !important;
}
.tutku-sidebar-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    border: 1px solid #d6dbdd !important;
    border-radius: 5px !important;
    color: #64748b !important;
    background: rgba(255, 255, 255, 0.42) !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: background .12s ease, border-color .12s ease, color .12s ease, box-shadow .12s ease !important;
}
.tutku-sidebar-toggle:hover,
.tutku-sidebar-toggle:focus-visible {
    background: #eef3f6 !important;
    border-color: #cbd5e1 !important;
    color: #081930 !important;
}
.tutku-sidebar-toggle:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(44, 7, 131, .16) !important;
}
.tutku-sidebar-toggle svg {
    width: 13px !important;
    height: 13px !important;
    transition: transform .15s ease !important;
}
.tutku-sidebar-toggle svg.is-collapsed {
    transform: rotate(180deg) !important;
}
.tutku-sidebar-toggle[data-tutku-brand-sidebar-toggle] {
    margin-left: 50px !important;
}
.fi-sidebar:not(.fi-sidebar-open) .tutku-brand {
    justify-content: center !important;
    gap: 0 !important;
}
/* Marka logo/toggle .fi-topbar içinde (sidebar'ın DIŞINDA) → daraltma durumunu
   sidebar'a descendant selector ile bağlayamayız; body-level :has() ile hedefle. */
body:has(.fi-sidebar:not(.fi-sidebar-open)) .tutku-sidebar-toggle[data-tutku-brand-sidebar-toggle] {
    display: none !important;
}
/* Menü daraltıldığında geniş logo yerine küçük kare amblem göster. */
.tutku-brand-logo--mark {
    display: none !important;
}
body:has(.fi-sidebar:not(.fi-sidebar-open)) .tutku-brand-logo--wide {
    display: none !important;
}
body:has(.fi-sidebar:not(.fi-sidebar-open)) .tutku-brand-logo--mark {
    display: block !important;
    width: 45px !important;
    height: 45px !important;
    border-radius: 7px !important;
    object-fit: contain !important;
    object-position: center !important;
}
/* Logoyu sol menü öğeleriyle (ikon sol kenarı, left:20) aynı hizaya al. */
.fi-topbar .fi-logo {
    margin-left: 4px !important;
}
.tutku-sidebar-toggle {
    border-color: #d6dbdd !important;
    background: rgba(255, 255, 255, 0.42) !important;
    border-radius: 5px !important;
}

/* ═══ Sayfa başlığı (h1) breadcrumb'ın ÜSTÜNDE — tüm CRM ═══
   Breadcrumb + h1 (+ varsa Kişi kimlik özeti) aynı class'sız kapsayıcıda;
   kapsayıcıyı flex-column yapıp order ile diziyoruz: başlık → breadcrumb → özet. */
.fi-header-has-breadcrumbs :has(> .fi-breadcrumbs) {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}
.fi-header-has-breadcrumbs .fi-header-heading { order: 0 !important; }
.fi-header-has-breadcrumbs .fi-breadcrumbs { order: 1 !important; margin-top: .15rem !important; }
.fi-header-has-breadcrumbs .tkr-identity { order: 2 !important; }

.tutku-contact-role-primary {
    color: #081930 !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}
.tutku-contact-role-more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 22px !important;
    height: 20px !important;
    margin-left: 6px !important;
    padding: 0 6px !important;
    border: 1px solid #d6dbdd !important;
    border-radius: 999px !important;
    background: #eef3f6 !important;
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

/* Kişi kartı: üst seviye çalışma alanları.
   Sol üstteki kişi kimliği ile CRM/işlem sürecini algısal olarak ayırır. */
.tkr-contact-record-header {
    display: block !important;
    padding-top: .9rem !important;
}
@media (min-width: 1025px) {
    .tkr-record-workspace-header,
    .fi-resource-kisiler-kisiler.fi-resource-edit-record-page .tkr-contact-record-header,
    .tkr-contact-record-header--profile {
        margin-top: -65px !important;
    }
}
.tkr-contact-record-grid {
    display: grid !important;
    grid-template-columns: minmax(170px, 15%) minmax(0, 1fr) max-content !important;
    align-items: end !important;
    gap: 1rem !important;
    width: 100% !important;
    position: relative !important;
    z-index: 5 !important;
}
.tkr-contact-record-identity {
    grid-column: 1 !important;
    min-width: 0 !important;
    align-self: end !important;
    transform: translateY(66px) !important;
}
.tkr-contact-record-workspace-row {
    display: grid !important;
    grid-template-columns: minmax(0, 20%) minmax(300px, 34%) minmax(0, 46%) !important;
    align-items: end !important;
    width: 100% !important;
    margin-top: 15px !important;
    margin-bottom: -12px !important;
    position: relative !important;
    z-index: 4 !important;
}
.tkr-contact-record-workspace-row:has(.tkr-workspace-nav--4) {
    grid-template-columns: minmax(0, 19%) minmax(620px, 42%) minmax(0, 39%) !important;
}
.tkr-contact-record-workspace-row:has(.tkr-workspace-nav--3) {
    grid-template-columns: minmax(0, 18%) minmax(640px, 40%) minmax(0, 42%) !important;
}
.tkr-contact-record-nav {
    display: flex !important;
    grid-column: 2 !important;
    justify-content: center !important;
    align-self: end !important;
    min-width: 0 !important;
}
.tkr-identity {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: .28rem !important;
    position: relative !important;
    width: 100% !important;
    max-width: 210px !important;
    min-height: 64px !important;
    padding: .56rem .52rem .44rem !important;
    border: 1px solid rgba(148, 163, 184, .28) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .48) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72) !important;
}
.tkr-identity-label {
    position: absolute !important;
    top: -.54rem !important;
    left: .52rem !important;
    padding: 0 .34rem !important;
    color: #64748b !important;
    background: #f8fafc !important;
    font-size: .58rem !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
}
.tkr-identity-fields {
    display: flex !important;
    flex-direction: column !important;
    gap: .28rem !important;
}
.tkr-identity-field {
    display: flex !important;
    align-items: center !important;
    gap: .36rem !important;
    width: 100% !important;
    min-height: 29px !important;
    padding: .24rem .48rem !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: .5rem !important;
    background: #ffffff !important;
    color: #334155 !important;
}
.tkr-identity-avatar {
    width: 20px !important;
    height: 20px !important;
    border-radius: 9999px !important;
    overflow: hidden !important;
    flex: 0 0 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #eef2ff !important;
    color: var(--tutku-blue, #2C0783) !important;
    font-weight: 700 !important;
    font-size: .56rem !important;
    box-shadow: 0 0 0 1px #e2e8f0 !important;
}
.tkr-identity-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
.tkr-identity-field strong {
    overflow: hidden !important;
    color: #081930 !important;
    font-size: .72rem !important;
    font-weight: 750 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.tkr-identity-field small {
    overflow: hidden !important;
    color: #64748b !important;
    font-size: .7rem !important;
    font-weight: 560 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.tkr-workspace-nav {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .48rem !important;
    width: 100% !important;
    align-items: end !important;
}
.tkr-workspace-nav--3 {
    grid-template-columns: repeat(3, minmax(190px, 1fr)) !important;
}
.tkr-workspace-nav--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: .36rem !important;
}
.tkr-workspace-nav-item {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .42rem !important;
    min-height: 38px !important;
    padding: .48rem .68rem .52rem !important;
    border: 1px solid rgba(148, 163, 184, .26) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #64748b !important;
    font-size: .76rem !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease, box-shadow .15s ease !important;
}
.tkr-workspace-nav-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    border-radius: 9999px !important;
    background: rgba(44, 7, 131, .08) !important;
    color: var(--tutku-blue, #2C0783) !important;
    box-sizing: border-box !important;
}
.tkr-workspace-nav-icon svg {
    display: block !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    max-width: 12px !important;
    max-height: 12px !important;
}
.tkr-workspace-nav-label {
    overflow: hidden !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}
.tkr-workspace-nav--4 .tkr-workspace-nav-item {
    padding-inline: .46rem !important;
    font-size: .72rem !important;
}
.tkr-workspace-nav-item:hover,
.tkr-workspace-nav-item:focus-visible {
    border-color: rgba(100, 116, 139, .34) !important;
    background: #ffffff !important;
    color: #334155 !important;
    outline: none !important;
}
.tkr-workspace-nav-item.is-active {
    border-color: var(--tutku-blue, #2C0783) !important;
    background: var(--tutku-blue, #2C0783) !important;
    border-bottom-color: var(--tutku-blue, #2C0783) !important;
    border-radius: 14px 14px 0 0 !important;
    min-height: 54px !important;
    padding: .78rem .72rem .88rem !important;
    color: #ffffff !important;
    font-size: .82rem !important;
    font-weight: 760 !important;
    box-shadow: 0 -1px 0 var(--tutku-blue, #2C0783), 0 8px 18px rgba(44, 7, 131, .10) !important;
    transform: translateY(12px) !important;
    z-index: 5 !important;
}
.tkr-workspace-nav-item.is-active .tkr-workspace-nav-icon {
    background: rgba(255, 255, 255, .18) !important;
    color: #ffffff !important;
}
.tkr-workspace-nav--4 .tkr-workspace-nav-item.is-active {
    padding-inline: .52rem !important;
    font-size: .76rem !important;
}
.tkr-workspace-nav-item.is-active::before,
.tkr-workspace-nav-item.is-active::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    width: 14px !important;
    height: 14px !important;
    background: transparent !important;
    pointer-events: none !important;
}
.tkr-workspace-nav-item.is-active::before {
    left: -14px !important;
    border-bottom-right-radius: 14px !important;
    box-shadow: 6px 6px 0 5px var(--tutku-blue, #2C0783) !important;
}
.tkr-workspace-nav-item.is-active::after {
    right: -14px !important;
    border-bottom-left-radius: 14px !important;
    box-shadow: -6px 6px 0 5px var(--tutku-blue, #2C0783) !important;
}
.tkr-workspace-nav-item.is-active .fi-icon,
.tkr-workspace-nav-item.is-active svg,
.tkr-workspace-nav-item.is-active span {
    color: #ffffff !important;
}
.tkr-contact-record-crm {
    grid-column: 3 !important;
    display: flex !important;
    justify-content: flex-end !important;
    justify-self: end !important;
    align-self: end !important;
    width: max-content !important;
    max-width: min(100%, 27.25rem) !important;
    min-width: 0 !important;
    transform: translateY(66px) !important;
}
.tkr-contact-record-crm .tkr-stage-summary {
    display: inline-flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    gap: .55rem !important;
    max-width: min(100%, 27.25rem) !important;
}
.tkr-contact-record-crm .tkr-stage-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: .32rem !important;
    width: 100% !important;
    max-width: 210px !important;
    min-height: 64px !important;
    margin-left: auto !important;
    padding: .56rem .52rem .44rem !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .48) !important;
}
.tkr-contact-record-crm .tkr-stage-head--hidden {
    display: none !important;
}
.tkr-contact-record-crm .tkr-stage-label {
    left: .52rem !important;
    font-size: .58rem !important;
}
.tkr-contact-record-crm .tkr-stage-fields {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: .28rem !important;
}
.tkr-contact-record-crm .tkr-stage-select {
    width: 100% !important;
    max-width: none !important;
    min-height: 29px !important;
    padding-block: .24rem !important;
    font-size: .7rem !important;
}
.tkr-contact-record-floating-actions {
    position: static !important;
}
.tutku-record-workspace-tabs {
    margin-top: 0 !important;
}
.tutku-record-workspace-tabs.tutku-workspace-tabs--hidden > .fi-tabs {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.tutku-record-workspace-tabs.tutku-workspace-tabs--hidden > .fi-tabs .fi-tabs-item {
    pointer-events: auto !important;
}

/* Proje kartı: birim/stok tabloları sıkışmak yerine yatay aks içinde çalışır. */
.tutku-repeater-scroll-x {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    /* Dış konteyner (accordion section) tablonun sol/sağ/üst kenarlarını kırpmasın:
       her yönde nefes payı bırak. overflow:auto kutusunun içine padding = kenarlar görünür. */
    padding: 12px 14px !important;
    -webkit-overflow-scrolling: touch !important;
}

.tutku-repeater-scroll-x > * {
    min-width: max-content !important;
}

.tutku-repeater-scroll-x .fi-fo-repeater-table-wrapper,
.tutku-repeater-scroll-x .fi-fo-repeater-table {
    width: max-content !important;
    min-width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
}

.tutku-repeater-scroll-x table {
    table-layout: fixed !important;
}

.tutku-repeater-scroll-x table th,
.tutku-repeater-scroll-x table td {
    vertical-align: middle !important;
}

.tutku-repeater-scroll-x :is(.fi-fo-field-wrp, .fi-input-wrp, .fi-select-input, .choices, .choices__inner) {
    min-width: 0 !important;
    width: 100% !important;
}

.tutku-repeater-scroll-x :is(.choices__list--single, .choices__item, .fi-input) {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

.tutku-repeater-scroll-x :is(.choices__list--single, .choices__item) {
    display: block !important;
}

.tutku-project-unit-types-repeater table {
    min-width: 1560px !important;
}

.tutku-project-units-repeater table {
    min-width: 2080px !important;
}

.tutku-project-phases-repeater table {
    min-width: 1460px !important;
}

.tutku-project-parties-repeater table {
    min-width: 1960px !important;
}

.tutku-project-price-grid {
    min-width: 410px !important;
}

.tutku-project-unit-types-repeater table th:nth-child(2),
.tutku-project-unit-types-repeater table td:nth-child(2) {
    width: 72px !important;
    min-width: 72px !important;
}

.tutku-project-unit-types-repeater table th:nth-child(3),
.tutku-project-unit-types-repeater table td:nth-child(3) {
    width: 280px !important;
    min-width: 280px !important;
}

.tutku-project-unit-types-repeater table th:nth-child(4),
.tutku-project-unit-types-repeater table td:nth-child(4) {
    width: 220px !important;
    min-width: 220px !important;
}

.tutku-project-unit-types-repeater table th:nth-child(5),
.tutku-project-unit-types-repeater table td:nth-child(5) {
    width: 260px !important;
    min-width: 260px !important;
}

.tutku-project-unit-types-repeater table th:nth-child(6),
.tutku-project-unit-types-repeater table td:nth-child(6) {
    width: 430px !important;
    min-width: 430px !important;
}

.tutku-project-unit-types-repeater table th:last-child,
.tutku-project-unit-types-repeater table td:last-child {
    width: 72px !important;
    min-width: 72px !important;
}

/* Reorder (yukarı/aşağı okları) kolonu = çok-öğeli tabloda 1. kolon. Genişlik verilmezse
   table-layout:fixed fazlalığı bu tek "auto" kolona yığılıp okları geniş boş alana kaydırıyor.
   Dar sabit genişlik → fazlalık tüm kolonlara orantılı dağılır, oklar hizalı kalır. */
.tutku-project-unit-types-repeater table th:nth-child(1),
.tutku-project-unit-types-repeater table td:nth-child(1),
.tutku-project-units-repeater table th:nth-child(1),
.tutku-project-units-repeater table td:nth-child(1),
.tutku-project-phases-repeater table th:nth-child(1),
.tutku-project-phases-repeater table td:nth-child(1),
.tutku-project-parties-repeater table th:nth-child(1),
.tutku-project-parties-repeater table td:nth-child(1) {
    width: 52px !important;
    min-width: 52px !important;
    text-align: center !important;
}

.tutku-project-units-repeater table th:nth-child(2),
.tutku-project-units-repeater table td:nth-child(2) {
    width: 360px !important;
    min-width: 360px !important;
}

.tutku-project-units-repeater table th:nth-child(3),
.tutku-project-units-repeater table td:nth-child(3) {
    width: 320px !important;
    min-width: 320px !important;
}

.tutku-project-units-repeater table th:nth-child(4),
.tutku-project-units-repeater table td:nth-child(4) {
    width: 260px !important;
    min-width: 260px !important;
}

.tutku-project-units-repeater table th:nth-child(5),
.tutku-project-units-repeater table td:nth-child(5) {
    width: 430px !important;
    min-width: 430px !important;
}

.tutku-project-units-repeater table th:nth-child(6),
.tutku-project-units-repeater table td:nth-child(6) {
    width: 520px !important;
    min-width: 520px !important;
}

.tutku-project-units-repeater table th:last-child,
.tutku-project-units-repeater table td:last-child {
    width: 72px !important;
    min-width: 72px !important;
}

.tutku-project-unit-code-grid {
    grid-template-columns: 96px 96px 128px !important;
    gap: .75rem !important;
    align-items: center !important;
}

.tutku-project-unit-price-grid {
    grid-template-columns: 210px 170px !important;
    gap: .75rem !important;
    align-items: center !important;
}

.tutku-project-phases-repeater table th:nth-child(2),
.tutku-project-phases-repeater table td:nth-child(2) {
    width: 300px !important;
    min-width: 300px !important;
}

.tutku-project-phases-repeater table th:nth-child(3),
.tutku-project-phases-repeater table td:nth-child(3) {
    width: 240px !important;
    min-width: 240px !important;
}

.tutku-project-phases-repeater table th:nth-child(4),
.tutku-project-phases-repeater table td:nth-child(4) {
    width: 520px !important;
    min-width: 520px !important;
}

.tutku-project-phases-repeater table th:nth-child(5),
.tutku-project-phases-repeater table td:nth-child(5) {
    width: 300px !important;
    min-width: 300px !important;
}

.tutku-project-parties-repeater table th:nth-child(2),
.tutku-project-parties-repeater table td:nth-child(2) {
    width: 320px !important;
    min-width: 320px !important;
}

.tutku-project-parties-repeater table th:nth-child(3),
.tutku-project-parties-repeater table td:nth-child(3) {
    width: 520px !important;
    min-width: 520px !important;
}

.tutku-project-parties-repeater table th:nth-child(4),
.tutku-project-parties-repeater table td:nth-child(4) {
    width: 520px !important;
    min-width: 520px !important;
}

.tutku-project-parties-repeater table th:nth-child(5),
.tutku-project-parties-repeater table td:nth-child(5) {
    width: 420px !important;
    min-width: 420px !important;
}

.tutku-project-parties-repeater table th:last-child,
.tutku-project-parties-repeater table td:last-child {
    width: 72px !important;
    min-width: 72px !important;
}

.tutku-project-phase-date-grid {
    grid-template-columns: 150px 170px 170px !important;
    gap: .75rem !important;
    align-items: center !important;
    min-width: 500px !important;
}

.tutku-project-phase-scope-grid {
    grid-template-columns: 120px 150px !important;
    gap: .75rem !important;
    align-items: center !important;
    min-width: 285px !important;
}

.tutku-project-party-contact-grid {
    grid-template-columns: 240px 240px !important;
    gap: .75rem !important;
    align-items: center !important;
    min-width: 500px !important;
}

.tutku-project-party-auth-grid {
    grid-template-columns: 150px 155px 155px !important;
    gap: .75rem !important;
    align-items: center !important;
    min-width: 500px !important;
}

.tutku-project-party-communication-grid {
    grid-template-columns: 170px 210px !important;
    gap: .75rem !important;
    align-items: center !important;
    min-width: 400px !important;
}

.tutku-project-unit-types-repeater .fi-fo-placeholder {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.tutku-unit-type-avatar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border: 1px solid rgba(44, 7, 131, .18) !important;
    border-radius: 999px !important;
    background: #eef2ff !important;
    color: var(--tutku-blue, #2C0783) !important;
    font-size: .68rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

html.dark .tutku-unit-type-avatar {
    border-color: rgba(196, 181, 253, .28) !important;
    background: rgba(91, 33, 182, .35) !important;
    color: #ddd6fe !important;
}

@media (max-width: 768px) {
    .tutku-project-unit-types-repeater table {
        min-width: 1180px !important;
    }

    .tutku-project-units-repeater table {
        min-width: 1280px !important;
    }

    .tutku-project-phases-repeater table {
        min-width: 1180px !important;
    }

    .tutku-project-parties-repeater table {
        min-width: 1460px !important;
    }
}

.tutku-record-inner-tabs {
    margin-top: 0 !important;
    position: relative !important;
}
.tutku-record-inner-tabs > .fi-tabs {
    display: flex !important;
    align-items: center !important;
    gap: .25rem !important;
    min-height: 54px !important;
    padding: .78rem .68rem .3rem 2.8rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    background: var(--tutku-blue, #2C0783) !important;
    scrollbar-width: none !important;
}
.tutku-record-inner-tabs > .fi-tabs::-webkit-scrollbar {
    display: none !important;
}
.tutku-record-inner-tabs > .fi-tabs .fi-tabs-item {
    position: relative !important;
    flex: 0 0 auto !important;
    min-height: 28px !important;
    padding: .18rem .78rem !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: rgba(255, 255, 255, .76) !important;
    font-size: .72rem !important;
    box-shadow: none !important;
}
.tutku-record-inner-tabs > .fi-tabs .fi-tabs-item:hover,
.tutku-record-inner-tabs > .fi-tabs .fi-tabs-item:focus-visible {
    background: rgba(255, 255, 255, .08) !important;
    color: #ffffff !important;
}
.tutku-record-inner-tabs > .fi-tabs .fi-tabs-item.fi-active,
.tutku-record-inner-tabs > .fi-tabs .fi-tabs-item[aria-selected="true"] {
    border-color: rgba(226, 232, 240, .9) !important;
    background: #ffffff !important;
    border-radius: 999px !important;
    color: #081930 !important;
    z-index: 2 !important;
}
.tutku-record-inner-tabs > .fi-tabs .fi-tabs-item.fi-active::before,
.tutku-record-inner-tabs > .fi-tabs .fi-tabs-item.fi-active::after,
.tutku-record-inner-tabs > .fi-tabs .fi-tabs-item[aria-selected="true"]::before,
.tutku-record-inner-tabs > .fi-tabs .fi-tabs-item[aria-selected="true"]::after {
    display: none !important;
}
.tutku-record-inner-tabs > .fi-tabs .fi-tabs-item .fi-tabs-item-label,
.tutku-record-inner-tabs > .fi-tabs .fi-tabs-item .fi-icon,
.tutku-record-inner-tabs > .fi-tabs .fi-tabs-item svg {
    color: currentColor !important;
}
.tutku-inner-tabs-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: 1.34rem !important;
    left: .72rem !important;
    z-index: 8 !important;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    flex: 0 0 15px !important;
    margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, .36) !important;
    border-radius: 4px !important;
    background: rgba(255, 255, 255, .12) !important;
    color: rgba(255, 255, 255, .82) !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: background .12s ease, border-color .12s ease, color .12s ease !important;
}
.tutku-inner-tabs-toggle:hover,
.tutku-inner-tabs-toggle:focus-visible {
    border-color: rgba(255, 255, 255, .72) !important;
    background: rgba(255, 255, 255, .2) !important;
    color: #ffffff !important;
}
.tutku-inner-tabs-toggle:focus-visible {
    outline: 2px solid rgba(255, 255, 255, .24) !important;
    outline-offset: 2px !important;
}
.tutku-inner-tabs-toggle svg {
    width: 8px !important;
    height: 8px !important;
    transition: transform .15s ease !important;
}
.tutku-inner-tabs-toggle svg.is-collapsed {
    transform: rotate(180deg) !important;
}
html.tutku-inner-tabs-collapsed .tutku-record-inner-tabs > .fi-tabs {
    gap: .35rem !important;
}
html.tutku-inner-tabs-collapsed .tutku-record-inner-tabs > .fi-tabs .fi-tabs-item:not(.fi-active):not([aria-selected="true"]) {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    padding-inline: .38rem !important;
    justify-content: center !important;
}
html.tutku-inner-tabs-collapsed .tutku-record-inner-tabs > .fi-tabs .fi-tabs-item:not(.fi-active):not([aria-selected="true"]) .fi-tabs-item-label {
    display: none !important;
}
html.tutku-inner-tabs-collapsed .tutku-record-inner-tabs > .fi-tabs .fi-tabs-item.fi-active,
html.tutku-inner-tabs-collapsed .tutku-record-inner-tabs > .fi-tabs .fi-tabs-item[aria-selected="true"] {
    max-width: none !important;
}
.tutku-record-inner-tabs > .fi-tabs .fi-tabs-item .fi-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 24px !important;
    background: rgba(255, 255, 255, .14) !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    padding: 6px !important;
    border-radius: 9999px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}
.tutku-record-inner-tabs > .fi-tabs .fi-tabs-item .fi-icon:not(svg) {
    padding: 0 !important;
}
.tutku-record-inner-tabs > .fi-tabs .fi-tabs-item .fi-icon:not(svg) > svg {
    display: block !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    max-width: 12px !important;
    max-height: 12px !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
}
.tutku-record-inner-tabs > .fi-tabs .fi-tabs-item > svg {
    display: inline-flex !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    padding: 6px !important;
    border-radius: 9999px !important;
    background: rgba(255, 255, 255, .14) !important;
    color: currentColor !important;
    box-sizing: border-box !important;
    flex: 0 0 24px !important;
    overflow: visible !important;
}
.tutku-record-inner-tabs > .fi-tabs .fi-tabs-item.fi-active .fi-icon,
.tutku-record-inner-tabs > .fi-tabs .fi-tabs-item[aria-selected="true"] .fi-icon {
    background: rgba(44, 7, 131, .10) !important;
}
.tutku-record-inner-tabs > .fi-tabs .fi-tabs-item.fi-active > svg,
.tutku-record-inner-tabs > .fi-tabs .fi-tabs-item[aria-selected="true"] > svg {
    background: rgba(44, 7, 131, .10) !important;
}
.tutku-record-inner-tabs .tutku-tabbar {
    gap: .45rem !important;
    margin: 0 0 16px !important;
    padding: .62rem .7rem !important;
    border: 1px solid rgba(226, 232, 240, .9) !important;
    border-top: 0 !important;
    border-radius: 0 0 8px 8px !important;
    background: #ffffff !important;
}
.tutku-record-inner-tabs .tutku-docs__cats {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: .45rem !important;
    margin: 0 0 16px !important;
    padding: .62rem .7rem !important;
    border: 1px solid rgba(226, 232, 240, .9) !important;
    border-top: 0 !important;
    border-radius: 0 0 8px 8px !important;
    background: #ffffff !important;
    scrollbar-width: none !important;
}
.tutku-record-inner-tabs .tutku-docs__cats::-webkit-scrollbar {
    display: none !important;
}
.tutku-record-inner-tabs .tutku-tabbtn {
    align-items: center !important;
    gap: .2rem !important;
    min-height: 30px !important;
    padding: .32rem .56rem !important;
    border: 1px solid rgba(203, 213, 225, .86) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #334155 !important;
    font-size: .74rem !important;
    font-weight: 560 !important;
}
.tutku-record-inner-tabs .tutku-docs__cat {
    align-items: center !important;
    gap: .2rem !important;
    min-height: 30px !important;
    padding: .32rem .56rem !important;
    border: 1px solid rgba(203, 213, 225, .86) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #334155 !important;
    font-size: .74rem !important;
    font-weight: 560 !important;
}
.tutku-record-inner-tabs .tutku-tabbtn:hover {
    border-color: rgba(44, 7, 131, .28) !important;
    background: #f8fafc !important;
    color: #081930 !important;
}
.tutku-record-inner-tabs .tutku-docs__cat:hover {
    border-color: rgba(44, 7, 131, .28) !important;
    background: #f8fafc !important;
    color: #081930 !important;
}
.tutku-record-inner-tabs .tutku-tabbtn.active {
    border-color: var(--tutku-blue, #2C0783) !important;
    background: var(--tutku-blue, #2C0783) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.tutku-record-inner-tabs .tutku-docs__cat.is-active {
    border-color: var(--tutku-blue, #2C0783) !important;
    background: var(--tutku-blue, #2C0783) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.tutku-record-inner-tabs .tutku-tabbtn.active .tutku-count-badges,
.tutku-record-inner-tabs .tutku-docs__cat.is-active .tutku-docs__catcount {
    background: rgba(255, 255, 255, .92) !important;
    color: #334155 !important;
}
.tutku-record-inner-tabs .tutku-docs__catcount {
    align-self: center !important;
    margin: 0 0 0 .12rem !important;
    padding: 0 6px !important;
    border: 1px solid #d6dbdd !important;
    border-radius: 999px !important;
    background: #eef3f6 !important;
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}
.tutku-record-inner-tabs .tutku-doluluk {
    margin-top: -.62rem !important;
    margin-bottom: -.62rem !important;
    padding: .62rem 0 .62rem .5rem !important;
    background: #ffffff !important;
    box-shadow: -12px 0 0 #ffffff !important;
}
.tutku-record-inner-tabs .tutku-doluluk-pill {
    border: 1px solid rgba(203, 213, 225, .86) !important;
    border-radius: 999px !important;
    padding: .32rem .56rem !important;
    font-size: .74rem !important;
    background: #ffffff !important;
}
.tutku-record-tertiary-tabs {
    margin-top: 0 !important;
    column-span: all !important;
}
.tutku-record-tertiary-tabs > .fi-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: .45rem !important;
    min-height: 54px !important;
    margin: 0 0 16px !important;
    padding: .62rem .7rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border: 1px solid rgba(226, 232, 240, .9) !important;
    border-top: 0 !important;
    border-radius: 0 0 8px 8px !important;
    background: #ffffff !important;
    scrollbar-width: none !important;
}
.tutku-record-tertiary-tabs > .fi-tabs::-webkit-scrollbar {
    display: none !important;
}
.tutku-record-tertiary-tabs > .fi-tabs .fi-tabs-item {
    position: relative !important;
    flex: 0 0 auto !important;
    min-height: 30px !important;
    padding: .32rem .62rem !important;
    border: 1px solid rgba(203, 213, 225, .86) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #334155 !important;
    font-size: .74rem !important;
    font-weight: 560 !important;
    box-shadow: none !important;
}
.tutku-record-tertiary-tabs > .fi-tabs .fi-tabs-item:hover,
.tutku-record-tertiary-tabs > .fi-tabs .fi-tabs-item:focus-visible {
    border-color: rgba(44, 7, 131, .28) !important;
    background: #f8fafc !important;
    color: #081930 !important;
}
.tutku-record-tertiary-tabs > .fi-tabs .fi-tabs-item.fi-active,
.tutku-record-tertiary-tabs > .fi-tabs .fi-tabs-item[aria-selected="true"] {
    border-color: var(--tutku-blue, #2C0783) !important;
    background: var(--tutku-blue, #2C0783) !important;
    color: #ffffff !important;
}
.tutku-record-tertiary-tabs > .fi-tabs .fi-tabs-item.fi-active::before,
.tutku-record-tertiary-tabs > .fi-tabs .fi-tabs-item.fi-active::after,
.tutku-record-tertiary-tabs > .fi-tabs .fi-tabs-item[aria-selected="true"]::before,
.tutku-record-tertiary-tabs > .fi-tabs .fi-tabs-item[aria-selected="true"]::after {
    display: none !important;
}
.tutku-record-tertiary-tabs > .fi-tabs .fi-tabs-item .fi-tabs-item-label,
.tutku-record-tertiary-tabs > .fi-tabs .fi-tabs-item .fi-icon,
.tutku-record-tertiary-tabs > .fi-tabs .fi-tabs-item svg {
    color: currentColor !important;
}
.tutku-record-tertiary-tabs > .fi-tabs .fi-tabs-item .fi-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    flex: 0 0 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 9999px !important;
    background: rgba(44, 7, 131, .08) !important;
    padding: 6px !important;
    box-sizing: border-box !important;
}
.tutku-record-tertiary-tabs > .fi-tabs .fi-tabs-item .fi-icon:not(svg) {
    padding: 0 !important;
}
.tutku-record-tertiary-tabs > .fi-tabs .fi-tabs-item.fi-active .fi-icon,
.tutku-record-tertiary-tabs > .fi-tabs .fi-tabs-item[aria-selected="true"] .fi-icon {
    background: rgba(255, 255, 255, .18) !important;
}
.tutku-record-tertiary-tabs > .fi-tabs .fi-tabs-item .fi-icon:not(svg) > svg {
    display: block !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    max-width: 12px !important;
    max-height: 12px !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
}
.tutku-record-tertiary-tabs > .fi-tabs .fi-tabs-item > svg {
    display: inline-flex !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    padding: 6px !important;
    border-radius: 9999px !important;
    background: rgba(44, 7, 131, .08) !important;
    color: currentColor !important;
    box-sizing: border-box !important;
    flex: 0 0 24px !important;
    overflow: visible !important;
}
.tutku-record-tertiary-tabs > .fi-tabs .fi-tabs-item.fi-active > svg,
.tutku-record-tertiary-tabs > .fi-tabs .fi-tabs-item[aria-selected="true"] > svg {
    background: rgba(255, 255, 255, .18) !important;
}
.tutku-record-tertiary-tabs .tutku-doluluk {
    margin-left: auto !important;
}
html.dark .tkr-workspace-nav-item {
    border-color: rgba(255, 255, 255, .12) !important;
    background: rgba(15, 23, 42, .28) !important;
    color: #94a3b8 !important;
}
html.dark .tkr-workspace-nav-item.is-active {
    border-color: #4c1d95 !important;
    background: #4c1d95 !important;
    color: #ffffff !important;
}
html.dark .tkr-contact-record-crm .tkr-stage-head {
    background: rgba(15, 23, 42, .34) !important;
}
html.dark .tkr-identity {
    border-color: rgba(255, 255, 255, .12) !important;
    background: rgba(15, 23, 42, .34) !important;
}
html.dark .tkr-identity-label {
    color: #94a3b8 !important;
    background: rgb(15 23 42) !important;
}
html.dark .tkr-identity-field {
    color: #cbd5e1 !important;
    background-color: rgb(24 30 42) !important;
    border-color: rgba(255,255,255,.14) !important;
}
html.dark .tkr-identity-field strong {
    color: #e2e8f0 !important;
}
html.dark .tkr-identity-field small {
    color: #94a3b8 !important;
}
html.dark .tutku-record-workspace-tabs > .fi-tabs {
    border-color: rgba(255, 255, 255, .12) !important;
    background: rgba(15, 23, 42, .22) !important;
}
html.dark .tutku-record-workspace-tabs > .fi-tabs .fi-tabs-item.fi-active {
    border-color: rgba(196, 181, 253, .42) !important;
    background: rgba(255, 255, 255, .04) !important;
    color: #e2e8f0 !important;
}
html.dark .tutku-record-inner-tabs > .fi-tabs {
    background: #1f0959 !important;
}
html.dark .tutku-record-inner-tabs > .fi-tabs .fi-tabs-item.fi-active,
html.dark .tutku-record-inner-tabs > .fi-tabs .fi-tabs-item[aria-selected="true"],
html.dark .tutku-record-inner-tabs .tutku-tabbar,
html.dark .tutku-record-inner-tabs .tutku-tabbtn,
html.dark .tutku-record-inner-tabs .tutku-docs__cats,
html.dark .tutku-record-inner-tabs .tutku-docs__cat,
html.dark .tutku-record-inner-tabs .tutku-doluluk,
html.dark .tutku-record-inner-tabs .tutku-doluluk-pill {
    background: rgb(15 23 42) !important;
    color: #e2e8f0 !important;
}
@media (max-width: 1024px) {
    .tkr-contact-record-header {
        padding-top: .5rem !important;
    }
    .tkr-contact-record-grid {
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
        gap: 1.25rem !important;
    }
    .tkr-contact-record-identity,
    .tkr-contact-record-crm,
    .tkr-contact-record-nav {
        grid-column: 1 !important;
    }
    .tkr-contact-record-identity,
    .tkr-contact-record-crm {
        transform: none !important;
    }
    .tkr-contact-record-crm {
        justify-self: stretch !important;
        width: 100% !important;
        max-width: none !important;
    }
    .tkr-contact-record-workspace-row {
        grid-template-columns: 1fr !important;
        margin-top: .85rem !important;
        margin-bottom: 0 !important;
    }
    .tkr-contact-record-nav {
        padding-inline: .75rem !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }
    .tkr-identity {
        max-width: none !important;
    }
    .tkr-contact-record-crm .tkr-stage-head {
        max-width: none !important;
    }
    .tkr-contact-record-crm .tkr-stage-summary {
        width: 100% !important;
        max-width: none !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: .7rem !important;
        flex-direction: initial !important;
    }
    .tkr-contact-record-crm .tkr-stage-summary:has(.tkr-stage-head--lead:not(.tkr-stage-head--hidden)) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .tkr-contact-record-crm .tkr-stage-head--hidden {
        display: none !important;
    }
    .tkr-contact-record-crm .tkr-stage-fields,
    .tkr-contact-record-crm .tkr-stage-select {
        width: 100% !important;
        max-width: none !important;
    }
    .tkr-workspace-nav {
        display: flex !important;
        grid-template-columns: none !important;
        flex-wrap: nowrap !important;
        gap: .55rem !important;
        justify-content: flex-start !important;
        align-items: flex-end !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 68px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding: .1rem 1px .85rem !important;
        scroll-padding-inline: 1px !important;
    }
    .tkr-workspace-nav::-webkit-scrollbar {
        display: none !important;
    }
    .tkr-workspace-nav--3,
    .tkr-workspace-nav--4 {
        grid-template-columns: none !important;
    }
    .tkr-workspace-nav-item,
    .tkr-workspace-nav--4 .tkr-workspace-nav-item {
        flex: 0 0 clamp(11.5rem, 42vw, 15rem) !important;
        width: clamp(11.5rem, 42vw, 15rem) !important;
        min-width: clamp(11.5rem, 42vw, 15rem) !important;
        padding-inline: .78rem !important;
    }
    .tkr-workspace-nav-item.is-active {
        border-radius: 12px 12px 0 0 !important;
        padding-inline: .86rem !important;
        transform: none !important;
    }
    .tkr-workspace-nav-item.is-active::before,
    .tkr-workspace-nav-item.is-active::after {
        display: none !important;
    }
}

/* Livewire select güncellemelerinde sayfa "blink" etmesin.
   Bazı Filament alanları seçimden sonra kısa süre opacity/transition class'ı alıyor;
   dependent select davranışı kalsın, fakat form yüzeyi gözle görülür şekilde titremesin. */
.fi-main .fi-fo [wire\:loading\.class],
.fi-main .fi-fo [wire\:loading\.class\.remove],
.fi-main .fi-fo [wire\:loading\.attr],
.fi-main .fi-fo .opacity-50,
.fi-main .fi-fo .opacity-60,
.fi-main .fi-fo .opacity-70,
.fi-main .fi-fo .opacity-75 {
    opacity: 1 !important;
}

.fi-main .fi-fo,
.fi-main .fi-fo *,
.fi-modal-window .fi-fo,
.fi-modal-window .fi-fo *,
.fi-modal-slide-over-window .fi-fo,
.fi-modal-slide-over-window .fi-fo *,
.fi-modal-slide-over .fi-fo,
.fi-modal-slide-over .fi-fo * {
    animation-duration: 0s !important;
    transition-duration: 0s !important;
}

.fi-main .fi-fo .fi-loading-indicator,
.fi-modal-window .fi-fo .fi-loading-indicator,
.fi-modal-slide-over-window .fi-fo .fi-loading-indicator,
.fi-modal-slide-over .fi-fo .fi-loading-indicator {
    animation-duration: 1s !important;
}

/* Edit kartlarında tekil Sil aksiyonu: yanlış silmeyi azaltmak icin
   header'dan ayrilir, alt-sagda dusuk vurgu ile bekler. */
.fi-resource-edit-record-page .fi-header-actions-ctn .tutku-record-delete-action {
    position: fixed !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 40 !important;
    min-height: 32px !important;
    padding: 6px 10px !important;
    border: 1px solid rgba(214, 37, 26, .22) !important;
    background: rgba(255, 255, 255, .84) !important;
    color: rgba(148, 35, 29, .72) !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .08) !important;
    opacity: .58 !important;
}
.fi-resource-edit-record-page .fi-header-actions-ctn .tutku-record-delete-action:hover,
.fi-resource-edit-record-page .fi-header-actions-ctn .tutku-record-delete-action:focus-visible {
    border-color: rgba(214, 37, 26, .55) !important;
    background: #ffffff !important;
    color: #b3160d !important;
    opacity: 1 !important;
}
.fi-resource-edit-record-page .fi-header-actions-ctn .tutku-record-delete-action .fi-btn-label,
.fi-resource-edit-record-page .fi-header-actions-ctn .tutku-record-delete-action .fi-icon,
.fi-resource-edit-record-page .fi-header-actions-ctn .tutku-record-delete-action svg {
    color: currentColor !important;
}

@media (max-width: 640px) {
    .fi-resource-edit-record-page .fi-header-actions-ctn .tutku-record-delete-action {
        right: 16px !important;
        bottom: 16px !important;
    }
}

/* Sidebar footer actions: keep settings and collapse controls inline. */
.tutku-version-badge {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 12px 16px !important;
}

.tutku-version-badge .tutku-settings-footer-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}

.tutku-version-badge .tutku-settings-footer-link__icon {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    flex: 0 0 20px !important;
}

.tutku-version-badge .tutku-settings-footer-link__label {
    font-size: 13px !important;
    font-weight: 600 !important;
}

.tutku-version-badge .tutku-sidebar-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    flex: 0 0 22px !important;
    margin: 0 !important;
}

.tutku-version-badge .tutku-sidebar-toggle svg {
    width: 13px !important;
    height: 13px !important;
}

.tutku-version-badge--collapsed {
    flex-direction: row !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 8px 10px !important;
}

.tutku-version-badge--collapsed a:not(.tutku-settings-footer-link) {
    display: none !important;
}

.tutku-version-badge--collapsed .badge,
.tutku-version-badge--collapsed .tutku-version-badge__label,
.tutku-version-badge--collapsed .tutku-settings-footer-link__label {
    display: none !important;
}

.tutku-version-badge--collapsed .tutku-settings-footer-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    flex: 0 0 34px !important;
    padding: 0 !important;
    border-radius: 8px !important;
    margin: 0 !important;
}

.tutku-version-badge--collapsed .tutku-settings-footer-link__icon {
    width: 23px !important;
    height: 23px !important;
    min-width: 23px !important;
    min-height: 23px !important;
    flex: 0 0 23px !important;
}

.tutku-version-badge--collapsed .tutku-sidebar-toggle {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    flex: 0 0 22px !important;
}

.tutku-version-badge--collapsed .tutku-sidebar-toggle svg {
    width: 13px !important;
    height: 13px !important;
}

/* Mobile record workspace tabs: keep the top card tabs visible and horizontally scrollable. */
@media (max-width: 1024px) {
    .tkr-contact-record-header .tkr-contact-record-workspace-row {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-top: .85rem !important;
        margin-bottom: 0 !important;
        overflow: visible !important;
    }

    .tkr-contact-record-header .tkr-contact-record-nav {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding-inline: .75rem !important;
        overflow: visible !important;
    }

    .tkr-contact-record-header .tkr-workspace-nav,
    .tkr-contact-record-header .tkr-workspace-nav--3,
    .tkr-contact-record-header .tkr-workspace-nav--4 {
        display: flex !important;
        grid-template-columns: none !important;
        flex-flow: row nowrap !important;
        align-items: flex-end !important;
        justify-content: flex-start !important;
        gap: .55rem !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 64px !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding: .1rem 1px 0 !important;
    }

    .tkr-contact-record-header .tkr-workspace-nav::-webkit-scrollbar {
        display: none !important;
    }

    .tkr-contact-record-header .tkr-workspace-nav-item,
    .tkr-contact-record-header .tkr-workspace-nav--4 .tkr-workspace-nav-item {
        display: inline-flex !important;
        flex: 0 0 clamp(11.5rem, 46vw, 15rem) !important;
        width: clamp(11.5rem, 46vw, 15rem) !important;
        min-width: clamp(11.5rem, 46vw, 15rem) !important;
        min-height: 42px !important;
        padding: .56rem .82rem .62rem !important;
        transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .tkr-contact-record-header .tkr-workspace-nav-item.is-active {
        min-height: 54px !important;
        transform: none !important;
    }

    .tkr-contact-record-header .tkr-workspace-nav-item.is-active::before,
    .tkr-contact-record-header .tkr-workspace-nav-item.is-active::after {
        display: none !important;
    }
}

/* Header command center: scoped search, quick create and quick links. */
.fi-topbar-end {
    gap: .65rem !important;
}

.fi-topbar-end > .fi-global-search-ctn {
    display: none !important;
}

.tutku-command-center {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: .6rem !important;
    min-width: min(44rem, calc(100vw - 26rem)) !important;
    max-width: 50rem !important;
}

.tutku-command-search {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 18rem !important;
    height: 42px !important;
    border: 1px solid rgba(148, 163, 184, .38) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 8px 26px rgba(15, 23, 42, .06) !important;
}

.tutku-command-search:focus-within {
    border-color: rgba(49, 115, 210, .72) !important;
    box-shadow: 0 0 0 3px rgba(49, 115, 210, .12), 0 10px 30px rgba(15, 23, 42, .08) !important;
}

.tutku-command-search__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    color: #70819a !important;
}

.tutku-command-search__icon svg,
.tutku-command-circle svg,
.tutku-command-item-icon svg,
.tutku-command-favorite-remove svg,
.tutku-menu-favorite-btn svg {
    width: 18px !important;
    height: 18px !important;
}

.tutku-command-search__scope {
    width: 8.4rem !important;
    height: 30px !important;
    border: 0 !important;
    border-inline-end: 1px solid rgba(148, 163, 184, .3) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #465872 !important;
    font-size: .78rem !important;
    font-weight: 700 !important;
    outline: none !important;
}

.tutku-command-search__input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 100% !important;
    border: 0 !important;
    background: transparent !important;
    color: #0f1b2f !important;
    font-size: .875rem !important;
    font-weight: 600 !important;
    outline: none !important;
    padding: 0 .95rem !important;
}

.tutku-command-search__input::placeholder {
    color: #9aa8bc !important;
    font-weight: 600 !important;
}

.tutku-command-actions {
    display: inline-flex !important;
    align-items: center !important;
    gap: .45rem !important;
    flex: 0 0 auto !important;
}

.tutku-command-menu {
    position: relative !important;
}

.tutku-command-circle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border: 1px solid rgba(148, 163, 184, .38) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .95) !important;
    color: #31008a !important;
    box-shadow: 0 8px 26px rgba(15, 23, 42, .07) !important;
}

.tutku-command-circle:hover,
.tutku-command-circle:focus-visible {
    border-color: rgba(49, 115, 210, .72) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(49, 115, 210, .12), 0 10px 30px rgba(15, 23, 42, .1) !important;
}

.tutku-command-dropdown,
.tutku-command-results {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    z-index: 80 !important;
    border: 1px solid rgba(203, 213, 225, .86) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 48px rgba(15, 23, 42, .16) !important;
}

.tutku-command-dropdown {
    right: 0 !important;
    width: 15.5rem !important;
    padding: .55rem !important;
}

.tutku-command-dropdown--favorites {
    width: 18rem !important;
}

.tutku-command-results {
    left: 0 !important;
    width: min(36rem, calc(100vw - 2rem)) !important;
    max-height: min(28rem, calc(100vh - 6rem)) !important;
    overflow: auto !important;
    padding: .45rem !important;
}

.tutku-command-dropdown__title {
    padding: .45rem .55rem .55rem !important;
    color: #1f2a3d !important;
    font-size: .78rem !important;
    font-weight: 800 !important;
}

.tutku-command-dropdown__item,
.tutku-command-result {
    display: flex !important;
    align-items: center !important;
    gap: .65rem !important;
    min-width: 0 !important;
    width: 100% !important;
    border-radius: 8px !important;
    color: #314057 !important;
    text-decoration: none !important;
}

.tutku-command-dropdown__item {
    padding: .58rem .6rem !important;
    font-size: .86rem !important;
    font-weight: 700 !important;
}

.tutku-command-result {
    padding: .62rem .68rem !important;
}

.tutku-command-dropdown__item:hover,
.tutku-command-result:hover {
    background: rgba(49, 115, 210, .08) !important;
    color: #31008a !important;
}

.tutku-command-item-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-radius: 999px !important;
    background: rgba(49, 0, 138, .08) !important;
    color: #31008a !important;
}

.tutku-command-result__body {
    display: grid !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.tutku-command-result__body strong,
.tutku-command-favorite-row strong {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #142238 !important;
    font-size: .86rem !important;
    font-weight: 800 !important;
}

.tutku-command-result__body small,
.tutku-command-favorite-row small {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #718097 !important;
    font-size: .72rem !important;
    font-weight: 600 !important;
}

.tutku-command-result__type {
    flex: 0 0 auto !important;
    border-radius: 999px !important;
    background: #edf4ff !important;
    color: #1f65bb !important;
    padding: .22rem .48rem !important;
    font-size: .68rem !important;
    font-weight: 800 !important;
}

.tutku-command-empty {
    padding: .72rem .78rem !important;
    color: #718097 !important;
    font-size: .82rem !important;
    font-weight: 600 !important;
}

.tutku-command-favorite-row {
    display: flex !important;
    align-items: center !important;
    gap: .25rem !important;
}

.tutku-command-favorite-row .tutku-command-dropdown__item {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.tutku-command-favorite-remove {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 999px !important;
    color: #9aa8bc !important;
}

.tutku-command-favorite-remove:hover {
    background: rgba(214, 37, 26, .08) !important;
    color: #d6251a !important;
}

.tutku-menu-favorite-host {
    position: relative !important;
}

.tutku-menu-favorite-btn {
    position: absolute !important;
    top: 50% !important;
    right: .18rem !important;
    z-index: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: rgba(49, 0, 138, .18) !important;
    --tutku-quick-link-star: #ffffff;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-50%) !important;
    transition: opacity .15s ease, color .15s ease, background .15s ease !important;
}

.tutku-menu-favorite-host--has-chevron .tutku-menu-favorite-btn {
    right: 2.18rem !important;
}

.tutku-menu-favorite-host:hover .tutku-menu-favorite-btn,
.tutku-menu-favorite-host:focus-within .tutku-menu-favorite-btn {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.tutku-menu-favorite-host .tutku-menu-favorite-btn:not(.is-active),
.fi-sidebar .fi-sidebar-item.fi-active .tutku-menu-favorite-btn:not(.is-active),
.fi-sidebar .fi-sidebar-item:hover .tutku-menu-favorite-btn:not(.is-active) {
    color: rgba(49, 0, 138, .18) !important;
    --tutku-quick-link-star: #ffffff;
}

.tutku-menu-favorite-btn svg,
.fi-sidebar .fi-sidebar-item.fi-active .tutku-menu-favorite-btn svg,
.fi-sidebar .fi-sidebar-item:hover .tutku-menu-favorite-btn svg {
    color: inherit !important;
}

.tutku-menu-favorite-btn svg path:first-child,
.fi-sidebar .fi-sidebar-item.fi-active .tutku-menu-favorite-btn:not(.is-active) svg path:first-child,
.fi-sidebar .fi-sidebar-item:hover .tutku-menu-favorite-btn:not(.is-active) svg path:first-child {
    fill: currentColor !important;
}

.tutku-menu-favorite-btn svg path:last-child,
.fi-sidebar .fi-sidebar-item.fi-active .tutku-menu-favorite-btn:not(.is-active) svg path:last-child,
.fi-sidebar .fi-sidebar-item:hover .tutku-menu-favorite-btn:not(.is-active) svg path:last-child {
    fill: var(--tutku-quick-link-star, #ffffff) !important;
}

.tutku-menu-favorite-btn:hover,
.tutku-menu-favorite-btn.is-active {
    background: transparent !important;
}

.tutku-menu-favorite-btn:hover {
    color: rgba(49, 0, 138, .26) !important;
    --tutku-quick-link-star: #ffffff;
}

.tutku-menu-favorite-btn.is-active {
    color: #31008a !important;
    --tutku-quick-link-star: #ffffff;
}

@media (max-width: 1180px) {
    .tutku-command-center {
        min-width: min(32rem, calc(100vw - 18rem)) !important;
    }
}

@media (max-width: 1024px) {
    .tutku-command-center {
        display: none !important;
    }
}