/* _content/bbFilo.Blazor/Components/BildirimPaneli.razor.rz.scp.css */
/* SAĞ PANEL */
.bb-sag-panel[b-h5w8dva0z6] {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 420px;
    height: 340px;
    background: var(--bb-bg);
    border: 1px solid var(--bb-border);
    border-bottom: none;
    border-right: none;
    border-radius: 12px 0 0 0;
    box-shadow: -4px -4px 20px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
    z-index: 1000;
}

.bb-sag-panel-header[b-h5w8dva0z6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    border-bottom: 1px solid var(--bb-border);
    background: var(--bb-bg);
    border-radius: 12px 0 0 0;
    flex-shrink: 0;
}

.bb-sag-panel-baslik[b-h5w8dva0z6] {
    font-size: 13px;
    font-weight: 600;
    color: var(--bb-text);
    display: flex;
    align-items: center;
    gap: 6px;
}

    .bb-sag-panel-baslik i[b-h5w8dva0z6] {
        color: var(--bb-primary);
    }

.bb-sag-panel-kapat[b-h5w8dva0z6] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--bb-text-muted);
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    transition: background 0.2s, color 0.2s;
}

    .bb-sag-panel-kapat:hover[b-h5w8dva0z6] {
        background: var(--bb-surface);
        color: var(--bb-text-muted);
    }

.bb-sag-panel-icerik[b-h5w8dva0z6] {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.bb-panel-grup-baslik[b-h5w8dva0z6] {
    font-size: 10px;
    font-weight: 700;
    color: var(--bb-text-muted);
    letter-spacing: 1px;
    padding: 8px 4px 4px;
    display: flex;
    align-items: center;
    gap: 5px;
}

    .bb-panel-grup-baslik i[b-h5w8dva0z6] {
        font-size: 11px;
    }

.bb-panel-kart[b-h5w8dva0z6] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    border-left: 3px solid transparent;
}

.bb-panel-kart-tehlike[b-h5w8dva0z6] {
    background: var(--bb-error-light);
    border-left-color: var(--bb-error);
}

.bb-panel-kart-uyari[b-h5w8dva0z6] {
    background: var(--bb-warning-light);
    border-left-color: var(--bb-warning);
}

.bb-panel-kart-bilgi[b-h5w8dva0z6] {
    background: var(--bb-engineering-light);
    border-left-color: var(--bb-primary);
}

.bb-panel-kart-ikon[b-h5w8dva0z6] {
    font-size: 18px;
    flex-shrink: 0;
    width: 28px;
    text-align: center;
}

.bb-panel-kart-tehlike .bb-panel-kart-ikon[b-h5w8dva0z6] {
    color: var(--bb-error);
}

.bb-panel-kart-uyari .bb-panel-kart-ikon[b-h5w8dva0z6] {
    color: var(--bb-warning);
}

.bb-panel-kart-bilgi .bb-panel-kart-ikon[b-h5w8dva0z6] {
    color: var(--bb-primary);
}

.bb-panel-kart-detay[b-h5w8dva0z6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.bb-panel-kart-baslik[b-h5w8dva0z6] {
    font-size: 12px;
    font-weight: 500;
    color: var(--bb-text);
}

.bb-panel-kart-alt[b-h5w8dva0z6] {
    font-size: 11px;
    color: var(--bb-text-muted);
}

.bb-panel-hizli-islemler[b-h5w8dva0z6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin-top: 4px;
}

.bb-panel-hizli-btn[b-h5w8dva0z6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 10px 8px;
    background: var(--bb-surface);
    border: 1px solid var(--bb-border);
    border-radius: 8px;
    cursor: pointer;
    font-size: 11px;
    color: var(--bb-text-muted);
    transition: background 0.2s, border-color 0.2s;
}

    .bb-panel-hizli-btn:hover[b-h5w8dva0z6] {
        background: var(--bb-engineering-light);
        border-color: var(--bb-primary);
        color: var(--bb-primary);
    }

    .bb-panel-hizli-btn i[b-h5w8dva0z6] {
        font-size: 18px;
    }

/* Toggle butonu */
.bb-panel-toggle-btn[b-h5w8dva0z6] {
    background: none;
    border: 1px solid var(--bb-border);
    border-radius: 8px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--bb-text-muted);
    font-size: 16px;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}

    .bb-panel-toggle-btn:hover[b-h5w8dva0z6] {
        background: var(--bb-surface);
        color: var(--bb-primary);
    }

    .bb-panel-toggle-btn.aktif[b-h5w8dva0z6] {
        background: var(--bb-engineering-light);
        color: var(--bb-primary);
        border-color: var(--bb-primary);
    }

/* ── İşlerim (17 Eki 2026) ── */
.bb-sag-panel.buyuk[b-h5w8dva0z6] {
    width: min(560px, 100vw);
    height: min(80vh, 760px);
}

.ip-sayilar[b-h5w8dva0z6] { display: inline-flex; gap: 4px; margin-left: 6px; }
.ip-sayi[b-h5w8dva0z6] {
    font-size: var(--bb-fs-xs); font-weight: 600; padding: 1px 8px; border-radius: 10px;
    background: var(--bb-surface); color: var(--bb-text-muted); border: 1px solid var(--bb-border);
}
    .ip-sayi.kirmizi[b-h5w8dva0z6] { color: var(--bb-error); background: var(--bb-error-light); border-color: var(--bb-error-light); }
    .ip-sayi.turuncu[b-h5w8dva0z6] { color: var(--bb-warning); background: var(--bb-warning-light); border-color: var(--bb-warning-light); }

.ip-ust-eylem[b-h5w8dva0z6] { display: inline-flex; gap: 2px; }
.ip-donen[b-h5w8dva0z6] { color: var(--bb-text-muted) !important; animation: ip-don-b-h5w8dva0z6 1s linear infinite; }
@keyframes ip-don-b-h5w8dva0z6 { to { transform: rotate(360deg); } }

.ip-grup.kirmizi[b-h5w8dva0z6] { color: var(--bb-error); }
.ip-grup.turuncu[b-h5w8dva0z6] { color: var(--bb-warning); }
.ip-grup span[b-h5w8dva0z6] { font-weight: 400; }

.ip-detay[b-h5w8dva0z6] { flex: 1; min-width: 0; cursor: pointer; }
    .ip-detay .bb-panel-kart-baslik[b-h5w8dva0z6], .ip-detay .bb-panel-kart-alt[b-h5w8dva0z6] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bb-panel-kart-ikon[b-h5w8dva0z6] { cursor: pointer; }

.ip-gun[b-h5w8dva0z6] { font-size: var(--bb-fs-xs); color: var(--bb-text-muted); white-space: nowrap; flex-shrink: 0; }

.ip-ertele[b-h5w8dva0z6] { display: inline-flex; gap: 2px; flex-shrink: 0; }
    .ip-ertele button[b-h5w8dva0z6] {
        background: none; border: 1px solid transparent; border-radius: var(--bb-radius-sm); cursor: pointer;
        color: var(--bb-text-muted); font-size: var(--bb-fs-xs); padding: 2px 6px; white-space: nowrap;
    }
        .ip-ertele button:hover[b-h5w8dva0z6] { border-color: var(--bb-primary); color: var(--bb-primary); background: var(--bb-bg); }

.ip-bolum[b-h5w8dva0z6] {
    margin-top: var(--bb-space-2); background: none; border: none; text-align: left; cursor: pointer;
    font-size: 10px; font-weight: 700; letter-spacing: 1px; color: var(--bb-text-muted); padding: 8px 4px 4px;
}

/* MOBİL: alttan tam ekran (büyüt düğmesi gizli) */
@media (max-width: 768px) {
    .bb-sag-panel[b-h5w8dva0z6], .bb-sag-panel.buyuk[b-h5w8dva0z6] {
        width: 100%;
        height: 85dvh;
        border-radius: 12px 12px 0 0;
        border: 1px solid var(--bb-border);
        border-bottom: none;
    }
    .ip-buyut[b-h5w8dva0z6] { display: none; }
}
/* _content/bbFilo.Blazor/Components/Layout/EmptyLayout.razor.rz.scp.css */
.empty-layout[b-ooild9crzf] {
    min-height: 100vh;
    width: 100%;
}
/* _content/bbFilo.Blazor/Components/Layout/MainLayout.razor.rz.scp.css */
/* ============================================================
   MainLayout.razor
   Grid yapısı, menü, üst bar, alt bar, şirket seçici,
   kullanıcı menüsü, bildirim & panel butonları
   ============================================================ */

/* ── Ana Grid Layout ─────────────────────────────────────── */
.bb-layout[b-7n1mbx4nw6] {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr); /* minmax(0): içerik sütunu ekrandan geniş olamaz (mobil) */
    grid-template-rows: 60px 1fr 48px;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    background: var(--bb-surface);
    transition: grid-template-columns 0.25s ease;
}

    .bb-layout.menu-kapali[b-7n1mbx4nw6] {
        grid-template-columns: 60px minmax(0, 1fr);
    }

/* Mobil menü düğmesi (üst barda) ve kayan menü arka planı — yalnızca dar ekranda görünür */
.bb-menu-toggle-mobil[b-7n1mbx4nw6] { display: none; }
.bb-menu-overlay[b-7n1mbx4nw6] { display: none; }

/* ── A1: Logo + Menü Toggle ──────────────────────────────── */
.bb-a1[b-7n1mbx4nw6] {
    grid-column: 1;
    grid-row: 1;
    background: var(--bb-dark-bg);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    border-bottom: 1px solid var(--bb-dark-border);
    border-right: 1px solid var(--bb-dark-border);
}

.bb-menu-toggle[b-7n1mbx4nw6] {
    background: none;
    border: none;
    color: var(--bb-dark-text);
    font-size: 22px;
    cursor: pointer;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--bb-radius-sm);
    transition: background 0.2s;
    flex-shrink: 0;
}

    .bb-menu-toggle:hover[b-7n1mbx4nw6] {
        background: var(--bb-dark-border-hover);
    }

.bb-logo-alan[b-7n1mbx4nw6] {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: hidden;
}

.bb-logo-ikon svg[b-7n1mbx4nw6] {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}

.bb-logo-ad[b-7n1mbx4nw6] {
    font-family: var(--bb-font-display);
    font-size: 18px;
    font-weight: 700;
    color: var(--bb-dark-text);
    letter-spacing: -0.5px;
    white-space: nowrap;
}

/* ── B1: Üst Bar ─────────────────────────────────────────── */
.bb-b1[b-7n1mbx4nw6] {
    grid-column: 2;
    grid-row: 1;
    background: var(--bb-dark-bg);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px 0 0;
    border-bottom: 1px solid var(--bb-dark-border);
    gap: 12px;
}

.bb-search[b-7n1mbx4nw6] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--bb-dark-surface);
    border: none;
    border-right: 1px solid var(--bb-dark-border);
    border-radius: 0;
    padding: 0 16px;
    height: 60px;
    flex: 0 0 320px;
    color: var(--bb-dark-text-muted);
    transition: background 0.2s;
    position: relative;            /* genel arama sonuç paneli buna göre konumlanır */
}

/* Genel arama sonuç paneli grup başlığı (Araçlar / Cariler) — açık yüzeyli panel içinde */
.bb-ga-grup[b-7n1mbx4nw6] {
    padding: 6px 12px;
    font-size: 11px;
    font-weight: 700;
    color: var(--bb-text-muted);
    background: var(--bb-surface);
    border-bottom: 1px solid var(--bb-border);
    display: flex;
    align-items: center;
    gap: 6px;
}

    .bb-search:focus-within[b-7n1mbx4nw6] {
        background: var(--bb-dark-surface2);
    }

    .bb-search i[b-7n1mbx4nw6] {
        font-size: 14px;
        color: var(--bb-dark-text-muted);
        flex-shrink: 0;
    }

    .bb-search input[b-7n1mbx4nw6] {
        border: none;
        background: none;
        outline: none;
        font-size: 14px;
        color: var(--bb-dark-text);
        width: 100%;
        font-family: var(--bb-font-sans);
    }

        .bb-search input[b-7n1mbx4nw6]::placeholder {
            color: var(--bb-dark-border-hover);
        }

.bb-topbar-actions[b-7n1mbx4nw6] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

/* Üst barda ortak ikon butonu stili */
.bb-topbar-ikon[b-7n1mbx4nw6] {
    background: none;
    border: 1px solid var(--bb-dark-border-hover);
    border-radius: var(--bb-radius-sm);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--bb-dark-text-muted);
    font-size: 16px;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
    flex-shrink: 0;
}

    .bb-topbar-ikon:hover[b-7n1mbx4nw6] {
        background: var(--bb-dark-surface);
        color: var(--bb-dark-text);
        border-color: var(--bb-dark-text-muted);
    }

    .bb-topbar-ikon.aktif[b-7n1mbx4nw6] {
        color: var(--bb-dark-primary);
        border-color: var(--bb-dark-primary);
    }

    .bb-topbar-ikon.tehlike:hover[b-7n1mbx4nw6] {
        background: var(--bb-error-light);
        color: var(--bb-error);
        border-color: var(--bb-error);
    }

/* ── Şirket Seçici ───────────────────────────────────────── */
.bb-sirket-selector[b-7n1mbx4nw6] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid var(--bb-dark-border-hover);
    border-radius: var(--bb-radius-sm);
    font-size: 13px;
    color: var(--bb-dark-text-muted);
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
    background: none;
    position: relative;
    height: 36px;
}

    .bb-sirket-selector:hover[b-7n1mbx4nw6] {
        background: var(--bb-dark-surface);
        border-color: var(--bb-dark-text-muted);
        color: var(--bb-dark-text);
    }

    .bb-sirket-selector .bi-chevron-down[b-7n1mbx4nw6] {
        font-size: 11px;
        color: var(--bb-dark-text-muted);
    }

    .bb-sirket-selector .bi-building[b-7n1mbx4nw6] {
        color: var(--bb-dark-primary);
    }

.bb-sirket-dropdown[b-7n1mbx4nw6] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    background: var(--bb-bg);
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
    min-width: 200px;
    z-index: 500;
    overflow: hidden;
}

.bb-sirket-dropdown-item[b-7n1mbx4nw6] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 14px;
    background: none;
    border: none;
    font-size: 13px;
    color: var(--bb-text);
    cursor: pointer;
    text-align: left;
    transition: background 0.15s;
}

    .bb-sirket-dropdown-item:hover[b-7n1mbx4nw6] {
        background: var(--bb-surface);
    }

    .bb-sirket-dropdown-item.aktif[b-7n1mbx4nw6] {
        color: var(--bb-primary);
        font-weight: 600;
        background: var(--bb-engineering-light);
    }

.bb-sirket-dropdown-ayrac[b-7n1mbx4nw6] {
    height: 1px;
    background: var(--bb-border);
    margin: 4px 8px;
}

/* ── Kullanıcı Menüsü ────────────────────────────────────── */
.bb-kullanici[b-7n1mbx4nw6] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 500;
    color: var(--bb-dark-text);
    cursor: pointer;
    padding: 6px 10px;
    border-radius: var(--bb-radius-sm);
    border: 1px solid var(--bb-dark-border-hover);
    transition: background 0.2s, border-color 0.2s;
    position: relative;
    user-select: none;
    height: 36px;
}

    .bb-kullanici:hover[b-7n1mbx4nw6] {
        background: var(--bb-dark-surface);
        border-color: var(--bb-dark-text-muted);
    }

    .bb-kullanici i.bi-person-circle[b-7n1mbx4nw6] {
        font-size: 18px;
        color: var(--bb-dark-primary);
    }

.bb-kullanici-menu[b-7n1mbx4nw6] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: var(--bb-dark-surface);
    border: 1px solid var(--bb-dark-border-hover);
    border-radius: var(--bb-radius-sm);
    box-shadow: 0 4px 16px rgba(0,0,0,0.3);
    min-width: 180px;
    z-index: 500;
    overflow: hidden;
}

.bb-kullanici-menu-item[b-7n1mbx4nw6] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 14px;
    font-size: 13px;
    color: var(--bb-dark-text);
    text-decoration: none;
    transition: background 0.15s;
}

    .bb-kullanici-menu-item:hover[b-7n1mbx4nw6] {
        background: var(--bb-dark-surface2);
        color: var(--bb-dark-primary);
    }

    .bb-kullanici-menu-item i[b-7n1mbx4nw6] {
        font-size: 14px;
        color: var(--bb-dark-text-muted);
    }

/* ── Bildirim & Panel Butonları ──────────────────────────── */
.bb-bildirim-btn[b-7n1mbx4nw6] {
    background: none;
    border: 1px solid var(--bb-dark-border-hover);
    border-radius: var(--bb-radius-sm);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--bb-dark-text-muted);
    font-size: 16px;
    transition: background 0.2s, color 0.2s;
    position: relative;
}

    .bb-bildirim-btn:hover[b-7n1mbx4nw6] {
        background: var(--bb-dark-surface);
        color: var(--bb-dark-text);
        border-color: var(--bb-dark-text-muted);
    }

.bb-bildirim-rozet[b-7n1mbx4nw6] {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 8px;
    height: 8px;
    background: var(--bb-error);
    border-radius: 50%;
    border: 1px solid var(--bb-dark-bg);
}

.bb-panel-toggle-btn[b-7n1mbx4nw6] {
    background: none;
    border: 1px solid var(--bb-dark-border-hover);
    border-radius: var(--bb-radius-sm);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--bb-dark-text-muted);
    font-size: 16px;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}

    .bb-panel-toggle-btn:hover[b-7n1mbx4nw6],
    .bb-panel-toggle-btn.aktif[b-7n1mbx4nw6] {
        background: var(--bb-dark-surface);
        color: var(--bb-dark-primary);
        border-color: var(--bb-dark-primary);
    }

.bb-cikis-btn[b-7n1mbx4nw6] {
    background: none;
    border: 1px solid var(--bb-dark-border-hover);
    border-radius: var(--bb-radius-sm);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--bb-dark-text-muted);
    font-size: 16px;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}

    .bb-cikis-btn:hover[b-7n1mbx4nw6] {
        background: var(--bb-error-light);
        color: var(--bb-error);
        border-color: var(--bb-error);
    }

/* ── A2: Ana Menü ────────────────────────────────────────── */
.bb-a2[b-7n1mbx4nw6] {
    grid-column: 1;
    grid-row: 2;
    background: var(--bb-dark-bg);
    overflow-y: auto;
    overflow-x: hidden;
}

    .bb-a2[b-7n1mbx4nw6]::-webkit-scrollbar {
        width: 4px;
    }

    .bb-a2[b-7n1mbx4nw6]::-webkit-scrollbar-track {
        background: var(--bb-dark-bg);
    }

    .bb-a2[b-7n1mbx4nw6]::-webkit-scrollbar-thumb {
        background: var(--bb-dark-border-hover);
        border-radius: 4px;
    }

.bb-menu-arama[b-7n1mbx4nw6] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 12px 12px 6px;
    background: var(--bb-dark-surface);
    border: 1px solid var(--bb-dark-border-hover);
    border-radius: var(--bb-radius-md);
    padding: 0 12px;
    height: 36px;
    transition: border-color 0.2s;
}

    .bb-menu-arama:focus-within[b-7n1mbx4nw6] {
        border-color: var(--bb-dark-primary);
    }

    .bb-menu-arama i[b-7n1mbx4nw6] {
        font-size: 13px;
        color: var(--bb-dark-text-muted);
        flex-shrink: 0;
    }

    .bb-menu-arama input[b-7n1mbx4nw6] {
        border: none;
        background: none;
        outline: none;
        font-size: 13px;
        color: var(--bb-dark-text);
        width: 100%;
        font-family: var(--bb-font-sans);
    }

        .bb-menu-arama input[b-7n1mbx4nw6]::placeholder {
            color: var(--bb-dark-border-hover);
        }
.bb-arama-temizle[b-7n1mbx4nw6] {
    background: none;
    border: none;
    padding: 0 4px;
    cursor: pointer;
    color: var(--bb-text-muted);
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    flex-shrink: 0;
}

    .bb-arama-temizle:hover[b-7n1mbx4nw6] {
        color: var(--bb-text);
    }
.bb-nav[b-7n1mbx4nw6] {
    padding: 8px 0;
}

.bb-nav-grup[b-7n1mbx4nw6] {
    margin-bottom: 4px;
}

/* Aynı başlıkta katman değişimi (kartlar → belgeler → hareketler) */
.bb-nav-ayrac[b-7n1mbx4nw6] {
    height: 1px;
    margin: 4px 16px;
    background: var(--bb-dark-border-hover);
    opacity: 0.35;
}

.bb-nav-grup-baslik[b-7n1mbx4nw6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    color: var(--bb-dark-border-hover);
    letter-spacing: 1px;
    padding: 12px 16px 4px;
    white-space: nowrap;
}

    .bb-nav-grup-baslik i[b-7n1mbx4nw6] {
        font-size: 10px;
        opacity: 0.7;
    }

    .bb-nav-grup-baslik:hover[b-7n1mbx4nw6] {
        color: var(--bb-dark-text-muted);
    }

.bb-nav-item[b-7n1mbx4nw6] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    color: var(--bb-dark-text-muted);
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 400;
    transition: background 0.15s, color 0.15s;
    white-space: nowrap;
    overflow: hidden;
}

    .bb-nav-item i[b-7n1mbx4nw6] {
        font-size: 16px;
        flex-shrink: 0;
        width: 20px;
        text-align: center;
    }

    .bb-nav-item:hover:not(.bb-disabled)[b-7n1mbx4nw6] {
        background: var(--bb-dark-border-hover);
        color: var(--bb-dark-text);
    }

    .bb-nav-item.aktif[b-7n1mbx4nw6] {
        background: var(--bb-dark-border-hover);
        color: var(--bb-dark-primary);
    }

    .bb-nav-item.bb-disabled[b-7n1mbx4nw6] {
        opacity: 0.35;
        cursor: not-allowed;
        pointer-events: none;
    }

    /* Planlanan modül: soluk ama tıklanır (Yakında sayfası) */
    .bb-nav-item.bb-yakinda[b-7n1mbx4nw6] {
        opacity: 0.55;
    }

        .bb-nav-item.bb-yakinda:hover[b-7n1mbx4nw6], .bb-nav-item.bb-yakinda.aktif[b-7n1mbx4nw6] {
            opacity: 1;
        }

    .bb-nav-yakinda[b-7n1mbx4nw6] {
        margin-left: auto;
        font-size: var(--bb-fs-xs);
        padding: 0 var(--bb-space-1);
        border: 1px solid var(--bb-dark-border-hover);
        border-radius: var(--bb-radius-sm);
        color: var(--bb-dark-text-muted);
        white-space: nowrap;
    }

/* ── B2: İçerik ──────────────────────────────────────────── */
.bb-b2[b-7n1mbx4nw6] {
    grid-column: 2;
    grid-row: 2;
    overflow-y: auto;
    padding: 0;
}

/* ── A3: Alt Sol Bar ─────────────────────────────────────── */
.bb-a3[b-7n1mbx4nw6] {
    grid-column: 1;
    grid-row: 3;
    background: var(--bb-dark-surface);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border-top: 1px solid var(--bb-dark-border);
    overflow: hidden;
}

.bb-isik-grup[b-7n1mbx4nw6] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.bb-light[b-7n1mbx4nw6] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.bb-light-green[b-7n1mbx4nw6] {
    background: var(--bb-success);
    box-shadow: 0 0 5px var(--bb-success);
}

.bb-light-red[b-7n1mbx4nw6] {
    background: var(--bb-error);
    box-shadow: 0 0 5px var(--bb-error);
}

.bb-light-label[b-7n1mbx4nw6] {
    font-size: 11px;
    color: var(--bb-dark-text-muted);
    white-space: nowrap;
}

.bb-kurulum-label[b-7n1mbx4nw6] {
    font-size: 11px;
    white-space: nowrap;
    margin-left: 4px;
}

.bb-kurulum-tamam[b-7n1mbx4nw6] {
    color: var(--bb-success);
}

.bb-kurulum-gerekli[b-7n1mbx4nw6] {
    color: var(--bb-error);
}

/* ── B3: Alt Sağ Bar ─────────────────────────────────────── */
.bb-b3[b-7n1mbx4nw6] {
    grid-column: 2;
    grid-row: 3;
    background: var(--bb-bg);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 20px;
    border-top: 1px solid var(--bb-border);
}

.bb-version[b-7n1mbx4nw6] {
    font-size: 11px;
    color: var(--bb-text-muted);
}

/* ── Responsive ──────────────────────────────────────────── */
/* Dar ekran (telefon/tablet): sol sütun sıfır; menü soldan kayan panel olur, düğmesi üst bara taşınır (MainLayout.razor: mobilMi). */
@media (max-width: 768px) {
    .bb-layout[b-7n1mbx4nw6],
    .bb-layout.menu-kapali[b-7n1mbx4nw6] {
        grid-template-columns: 0 minmax(0, 1fr);
    }

    .bb-a1[b-7n1mbx4nw6], .bb-a3[b-7n1mbx4nw6] { display: none; }

    .bb-b1[b-7n1mbx4nw6] {
        padding: 0 8px 0 4px;
        gap: 6px;
        min-width: 0;
    }

    .bb-menu-toggle-mobil[b-7n1mbx4nw6] { display: flex; }

    .bb-search[b-7n1mbx4nw6] { display: none; }

    .bb-topbar-actions[b-7n1mbx4nw6] { gap: 6px; min-width: 0; }

    .bb-sirket-selector[b-7n1mbx4nw6] { padding: 6px 8px; min-width: 0; }

        .bb-sirket-selector span[b-7n1mbx4nw6] {
            max-width: 96px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .bb-kullanici-ad[b-7n1mbx4nw6] { display: none; }

    .bb-a2[b-7n1mbx4nw6] {
        position: fixed;
        top: 60px;
        bottom: 48px;
        left: 0;
        width: 240px;
        z-index: 600;
        transform: translateX(-100%);
        transition: transform 0.2s ease;
        box-shadow: 4px 0 24px rgba(0,0,0,0.35);
    }

        .bb-layout:not(.menu-kapali) .bb-a2[b-7n1mbx4nw6] { transform: translateX(0); }

    .bb-menu-overlay[b-7n1mbx4nw6] {
        display: block;
        position: fixed;
        inset: 60px 0 48px 0;
        background: rgba(0,0,0,0.35);
        z-index: 590;
    }

    .bb-b3[b-7n1mbx4nw6] { padding: 0 12px; }
}
/* _content/bbFilo.Blazor/Components/Shared/AracBelgeleri.razor.rz.scp.css */
/* ============================================================
   AracBelgeleri.razor.css
   ab-* prefix — aracın bağlı kayıtlarının belgeleri (gruplu satır listesi, salt okuma)
   ============================================================ */

.ab-kutu[b-9d0oytkn0e] {
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-1);
    margin-top: var(--bb-space-2);
}

.ab-baslik[b-9d0oytkn0e] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--bb-text);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    text-align: left;
}

    .ab-baslik:hover[b-9d0oytkn0e] { color: var(--bb-primary); }

.ab-sayac[b-9d0oytkn0e] { color: var(--bb-text-muted); font-weight: 400; font-size: 12px; }

.ab-ozet[b-9d0oytkn0e] {
    font-size: var(--bb-fs-xs);
    color: var(--bb-text-muted);
    padding-left: 22px;
}

.ab-bos[b-9d0oytkn0e] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--bb-text-muted);
    font-size: 13px;
    padding: 10px 14px;
    border: 1px dashed var(--bb-border);
    border-radius: var(--bb-radius-sm);
}

.ab-grup[b-9d0oytkn0e] {
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    background: var(--bb-surface);
    overflow: hidden;
}

.ab-grup-baslik[b-9d0oytkn0e] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--bb-text-muted);
    background: var(--bb-bg);
    padding: 4px 10px;
    border-bottom: 1px solid var(--bb-border);
}

    .ab-grup-baslik span[b-9d0oytkn0e] { font-weight: 400; }

.ab-satir[b-9d0oytkn0e] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    padding: 6px 10px;
    border-bottom: 1px solid var(--bb-border);
}

    .ab-satir:last-child[b-9d0oytkn0e] { border-bottom: none; }
    .ab-satir:hover[b-9d0oytkn0e] { background: var(--bb-bg); }

.ab-simge[b-9d0oytkn0e] {
    font-size: 18px;
    color: var(--bb-text-muted);
    text-align: center;
}

.ab-bilgi[b-9d0oytkn0e] { min-width: 0; }

.ab-ad[b-9d0oytkn0e] {
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ab-alt[b-9d0oytkn0e] {
    font-size: 11px;
    color: var(--bb-text-muted);
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    min-width: 0;
}

.ab-chip[b-9d0oytkn0e] {
    border: 1px solid var(--bb-border);
    border-radius: 999px;
    padding: 0 6px;
    font-size: 10px;
    white-space: nowrap;
}

.ab-kaynak[b-9d0oytkn0e] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.ab-bekleyen[b-9d0oytkn0e] {
    color: var(--bb-warning);
    background: var(--bb-warning-light);
    border-radius: var(--bb-radius-sm);
    padding: 0 6px;
}

.ab-aksiyon[b-9d0oytkn0e] {
    display: flex;
    gap: 2px;
    align-items: center;
}

    .ab-aksiyon button[b-9d0oytkn0e] {
        border: none;
        background: transparent;
        color: var(--bb-text-muted);
        cursor: pointer;
        padding: 3px 6px;
        border-radius: 4px;
        font-size: 14px;
    }

        .ab-aksiyon button:hover[b-9d0oytkn0e] { background: var(--bb-bg); color: var(--bb-text); }
        .ab-aksiyon button.hazir[b-9d0oytkn0e] { color: var(--bb-zit-metin); background: var(--bb-primary); }
/* _content/bbFilo.Blazor/Components/Shared/BankaIceAktarDrawer.razor.rz.scp.css */
/* Banka ekstresi içe aktarma: kolon seçimleri ızgarası ve geniş tablo kaydırması */
.ci-izgara[b-0fui26r3z3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(180px, 100%), 1fr));
    gap: var(--bb-space-2);
}

.ci-tablo-kaydir[b-0fui26r3z3] {
    overflow-x: auto;
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
}
/* _content/bbFilo.Blazor/Components/Shared/BelgeHazirlaDrawer.razor.rz.scp.css */
/* Şablondan belge hazırla */
.bh-sablon[b-xebqdaazke] {
    display: flex;
    align-items: flex-start;
    gap: var(--bb-space-2);
    padding: var(--bb-space-2) 0;
    border-bottom: 1px solid var(--bb-border);
    font-size: var(--bb-fs-sm);
    font-weight: 400;
    cursor: pointer;
}

.bh-sablon input[type="radio"][b-xebqdaazke] {
    flex: 0 0 auto;
    width: auto;
    margin-top: var(--bb-space-1);
}

.bh-sablon > span[b-xebqdaazke] {
    flex: 1 1 auto;
    min-width: 0;
}

.bh-satir[b-xebqdaazke] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bb-space-1) var(--bb-space-2);
    padding: var(--bb-space-2) 0;
    border-bottom: 1px solid var(--bb-border);
    font-size: var(--bb-fs-sm);
}

    .bh-satir button[b-xebqdaazke] { margin-left: auto; }
/* _content/bbFilo.Blazor/Components/Shared/BildirimAyarlariFormu.razor.rz.scp.css */
/* Bildirim ayarları formu (17 Eki 2026) — sayfa ve çekmece ortak */
.ba-secenekler[b-1nb4m7t9q9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
    gap: var(--bb-space-2);
}

.ba-secenek[b-1nb4m7t9q9] {
    display: flex;
    gap: var(--bb-space-2);
    align-items: flex-start;
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-md);
    padding: var(--bb-space-3);
    cursor: pointer;
    font-size: var(--bb-fs-md);
    color: var(--bb-text);
}

    .ba-secenek small[b-1nb4m7t9q9] {
        color: var(--bb-text-muted);
        font-size: var(--bb-fs-xs);
    }

.ba-turler[b-1nb4m7t9q9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr));
    gap: var(--bb-space-2);
}

.ba-ertelenen[b-1nb4m7t9q9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bb-space-2);
    padding: var(--bb-space-2) 0;
    border-bottom: 1px solid var(--bb-border);
    font-size: var(--bb-fs-sm);
}

    .ba-ertelenen button[b-1nb4m7t9q9] {
        margin-left: auto;
    }

/* _content/bbFilo.Blazor/Components/Shared/CariTeslimDrawer.razor.rz.scp.css */
/* Cari kartından teslim al — açık sözleşme satırları */
.ct-satir[b-yrfk6qoz1b] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bb-space-1) var(--bb-space-2);
    padding: var(--bb-space-2) 0;
    border-bottom: 1px solid var(--bb-border);
    font-size: var(--bb-fs-sm);
}

    .ct-satir button[b-yrfk6qoz1b] { margin-left: auto; }
/* _content/bbFilo.Blazor/Components/Shared/CezaIceAktarDrawer.razor.rz.scp.css */
/* Ceza / HGS içe aktarma: kolon seçimleri ızgarası ve geniş tablo kaydırması */
.ci-izgara[b-fml6b9d9o6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(180px, 100%), 1fr));
    gap: var(--bb-space-2);
}

.ci-tablo-kaydir[b-fml6b9d9o6] {
    overflow-x: auto;
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
}
/* _content/bbFilo.Blazor/Components/Shared/DonanimDrawer.razor.rz.scp.css */
/* Donanımlar — montaj satırları */
.dn-montaj[b-7q7ojv7oaw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bb-space-1) var(--bb-space-2);
    padding: var(--bb-space-2) 0;
    border-bottom: 1px solid var(--bb-border);
    font-size: var(--bb-fs-sm);
}

.dn-montaj.sokuldu[b-7q7ojv7oaw] {
    color: var(--bb-text-muted);
}

.dn-eylem[b-7q7ojv7oaw] {
    margin-left: auto;
    display: inline-flex;
    gap: var(--bb-space-1);
}

.dn-satir[b-7q7ojv7oaw] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bb-space-2);
}
/* _content/bbFilo.Blazor/Components/Shared/DonanimEdinmeDrawer.razor.rz.scp.css */
/* Donanım alışı — cihaz satırları */
.de-satir[b-i4gx21vdes] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--bb-space-2);
    padding: var(--bb-space-2) 0;
    border-bottom: 1px solid var(--bb-border);
}

.de-genis[b-i4gx21vdes] {
    flex: 2 1 14rem;
}

.de-arac[b-i4gx21vdes] {
    flex: 2 1 14rem;
}

.de-tutar[b-i4gx21vdes] {
    flex: 1 1 8rem;
}

.de-sil[b-i4gx21vdes] {
    margin-bottom: var(--bb-space-1);
}

.de-eylem[b-i4gx21vdes] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bb-space-2);
    font-size: var(--bb-fs-sm);
}

.de-tamam[b-i4gx21vdes] {
    color: var(--bb-success);
}

.de-fark[b-i4gx21vdes] {
    color: var(--bb-error);
    font-weight: 600;
}
/* _content/bbFilo.Blazor/Components/Shared/DonanimHizliEkle.razor.rz.scp.css */
/* İşlemin içinden yeni donanım kartı */
.dh-kutu[b-wnps8q6ign] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--bb-space-2);
}

.dh-tur[b-wnps8q6ign] {
    flex: 2 1 14rem;
}

.dh-seri[b-wnps8q6ign] {
    flex: 1 1 10rem;
}
/* _content/bbFilo.Blazor/Components/Shared/DosyaListesi.razor.rz.scp.css */
/* ============================================================
   DosyaListesi.razor.css
   dl-* prefix — belge/fotoğraf listesi, yükleme, önizleme (lightbox)
   ============================================================ */

.dl-kutu[b-rtn4y6p6q3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dl-ust[b-rtn4y6p6q3] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.dl-baslik[b-rtn4y6p6q3] {
    font-size: 13px;
    font-weight: 600;
    color: var(--bb-text);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-right: auto;
}

.dl-sayac[b-rtn4y6p6q3] { color: var(--bb-text-muted); font-weight: 400; font-size: 12px; }

.dl-kategori[b-rtn4y6p6q3] {
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    background: var(--bb-bg);
    color: var(--bb-text);
    font: inherit;
    font-size: 12px;
    padding: 5px 8px;
    max-width: 180px;
}

.dl-yukle-btn[b-rtn4y6p6q3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--bb-primary);
    border: 1px solid var(--bb-primary);
    border-radius: var(--bb-radius-sm);
    padding: 5px 10px;
    cursor: pointer;
    background: var(--bb-engineering-light);
}

    .dl-yukle-btn:hover[b-rtn4y6p6q3] { filter: brightness(0.97); }
    .dl-yukle-btn.pasif[b-rtn4y6p6q3] { opacity: 0.6; cursor: wait; }
    /* Dosya alanı görünmez ama düğmenin üstünü kaplar: dokunuş doğrudan ona gider (iOS Safari display:none alana etiketten
       gelen dokunuşu iletmiyordu — telefondan Tara açılmadı, 16 Eki 2026) */
    .dl-yukle-btn[b-rtn4y6p6q3] { position: relative; overflow: hidden; }
    .dl-yukle-btn[b-rtn4y6p6q3]  input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; font-size: 0; }
    .dl-yukle-btn.ikincil[b-rtn4y6p6q3] { color: var(--bb-text-muted); border-color: var(--bb-border); background: none; }

/* Tarama oturumu: biriken sayfalar + PDF olarak kaydet */
.dl-tarama[b-rtn4y6p6q3] {
    border: 1px dashed var(--bb-primary);
    border-radius: var(--bb-radius-sm);
    padding: var(--bb-space-2);
    margin-bottom: var(--bb-space-2);
}

.dl-tarama-sayfalar[b-rtn4y6p6q3] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bb-space-2);
}

.dl-tarama-sayfa[b-rtn4y6p6q3] {
    position: relative;
    width: 72px;
    height: 96px;
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    overflow: hidden;
    background: var(--bb-surface);
}

    .dl-tarama-sayfa img[b-rtn4y6p6q3] { width: 100%; height: 100%; object-fit: cover; }
    .dl-tarama-sayfa span[b-rtn4y6p6q3] { position: absolute; left: 4px; bottom: 2px; font-size: var(--bb-fs-xs); font-weight: 700; color: var(--bb-text); background: var(--bb-bg); padding: 0 4px; border-radius: var(--bb-radius-sm); }
    .dl-tarama-sayfa button[b-rtn4y6p6q3] { position: absolute; right: 2px; top: 2px; border: none; background: var(--bb-bg); color: var(--bb-error); border-radius: var(--bb-radius-sm); padding: 0 4px; cursor: pointer; }

.dl-tarama-eylem[b-rtn4y6p6q3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bb-space-2);
    margin-top: var(--bb-space-2);
    font-size: var(--bb-fs-sm);
    color: var(--bb-text-muted);
}

.dl-bos[b-rtn4y6p6q3] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--bb-text-muted);
    font-size: 13px;
    padding: 14px;
    border: 1px dashed var(--bb-border);
    border-radius: var(--bb-radius-sm);
}

.dl-izgara[b-rtn4y6p6q3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr));
    gap: 8px;
}

.dl-kart[b-rtn4y6p6q3] {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    background: var(--bb-surface);
    padding: 8px;
}

.dl-onizleme[b-rtn4y6p6q3] {
    width: 64px;
    height: 64px;
    border-radius: 6px;
    background: var(--bb-bg);
    border: 1px solid var(--bb-border);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: var(--bb-text-muted);
    font-size: 26px;
}

    .dl-onizleme.tikla[b-rtn4y6p6q3] { cursor: zoom-in; }
    .dl-onizleme img[b-rtn4y6p6q3] { width: 100%; height: 100%; object-fit: cover; }

.dl-bilgi[b-rtn4y6p6q3] { min-width: 0; }

.dl-ad[b-rtn4y6p6q3] {
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dl-alt[b-rtn4y6p6q3] {
    font-size: 11px;
    color: var(--bb-text-muted);
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

/* Eksik / beklenen (17 Eki 2026): turuncu; hatırlatma günü geldiyse kırmızı */
.dl-bekleyen[b-rtn4y6p6q3] {
    margin-top: var(--bb-space-1);
    font-size: var(--bb-fs-xs);
    color: var(--bb-warning);
    background: var(--bb-warning-light);
    border-radius: var(--bb-radius-sm);
    padding: 2px var(--bb-space-2);
}

    .dl-bekleyen.geldi[b-rtn4y6p6q3] {
        color: var(--bb-error);
        background: var(--bb-error-light);
    }

.dl-bekleyen-form[b-rtn4y6p6q3] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bb-space-1);
    margin-top: var(--bb-space-1);
}

    .dl-bekleyen-form input[b-rtn4y6p6q3] {
        flex: 1 1 160px;
        min-width: 0;
    }

/* Paylaşım izi (17 Eki 2026) */
.dl-paylasim[b-rtn4y6p6q3] {
    margin-top: var(--bb-space-1);
    font-size: var(--bb-fs-xs);
    color: var(--bb-text-muted);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    text-align: left;
}

    .dl-paylasim:hover[b-rtn4y6p6q3] {
        color: var(--bb-primary);
    }

.dl-paylasim-gecmis[b-rtn4y6p6q3] {
    font-size: var(--bb-fs-xs);
    color: var(--bb-text-muted);
    border-left: 2px solid var(--bb-border);
    padding-left: var(--bb-space-2);
    margin-top: var(--bb-space-1);
}

.dl-aksiyon button.hazir[b-rtn4y6p6q3] {
    color: var(--bb-zit-metin);
    background: var(--bb-primary);
}

/* Masaüstü kamera önizlemesi */
.dl-kamera[b-rtn4y6p6q3] {
    width: 100%;
    max-height: 360px;
    background: var(--bb-koyu-zemin);
    border-radius: var(--bb-radius-sm);
}

.dl-chip[b-rtn4y6p6q3] {
    background: var(--bb-bg);
    border: 1px solid var(--bb-border);
    border-radius: 8px;
    padding: 0 6px;
}

.dl-aksiyon[b-rtn4y6p6q3] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-end;
}

    .dl-aksiyon button[b-rtn4y6p6q3] {
        border: none;
        background: transparent;
        color: var(--bb-text-muted);
        cursor: pointer;
        padding: 3px 6px;
        border-radius: 4px;
        font-size: 14px;
    }

        .dl-aksiyon button:hover[b-rtn4y6p6q3] { background: var(--bb-bg); color: var(--bb-text); }
        .dl-aksiyon button.tehlike:hover[b-rtn4y6p6q3] { color: var(--bb-error); }
        .dl-aksiyon button.metin[b-rtn4y6p6q3] { font-size: 11px; font-weight: 600; }
        .dl-aksiyon button.tehlike.metin[b-rtn4y6p6q3] { color: var(--bb-error); }

/* Büyük önizleme */
.dl-lightbox[b-rtn4y6p6q3] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    background: rgba(0,0,0,0.88);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px;
    cursor: zoom-out;
}

    .dl-lightbox img[b-rtn4y6p6q3] {
        max-width: 96vw;
        max-height: 84vh;
        object-fit: contain;
        border-radius: 6px;
        cursor: default;
    }

.dl-pdf-sayfalar[b-rtn4y6p6q3] {
    width: min(1000px, 96vw);
    max-height: 84vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: default;
}

    .dl-pdf-sayfalar[b-rtn4y6p6q3]  canvas { width: 100%; height: auto; background: var(--bb-zit-metin); border-radius: 4px; }
    .dl-pdf-sayfalar[b-rtn4y6p6q3]  .dl-pdf-bekle { color: var(--bb-zit-metin); text-align: center; padding: 40px; }

.dl-lightbox-ust[b-rtn4y6p6q3] {
    width: min(960px, 96vw);
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--bb-zit-metin);
    font-size: 13px;
    cursor: default;
}

    .dl-lightbox-ust span[b-rtn4y6p6q3] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .dl-lightbox-ust .dl-sayac[b-rtn4y6p6q3] { color: var(--bb-border); }
    .dl-lightbox-ust button[b-rtn4y6p6q3] { border: 1px solid var(--bb-text-muted); background: transparent; color: var(--bb-zit-metin); border-radius: 6px; padding: 6px 10px; cursor: pointer; }
    .dl-lightbox-ust button:hover[b-rtn4y6p6q3] { background: var(--bb-koyu-zemin); }
/* _content/bbFilo.Blazor/Components/Shared/EldenCikarmaDrawer.razor.rz.scp.css */
.ec-hasarlar[b-gnmr1lgdgc] { display: flex; flex-direction: column; gap: var(--bb-space-1); }
.ec-hasar[b-gnmr1lgdgc] { white-space: normal; }
.ec-hasar-not[b-gnmr1lgdgc] { color: var(--bb-text-muted); font-size: var(--bb-fs-xs); }
/* _content/bbFilo.Blazor/Components/Shared/GidenFaturaDrawer.razor.rz.scp.css */
/* "İçeri Aktar" kutusu: dışarıda kesilmiş faturayı XML'den okut */
.gf-aktar[b-digxfnbj8t] {
    border: 1px dashed var(--bb-border);
    border-radius: var(--bb-radius-sm);
    padding: 8px 10px;
    margin-bottom: 10px;
    background: var(--bb-surface);
}
.gf-aktar > label[b-digxfnbj8t] { display: block; font-weight: 600; margin-bottom: 4px; }
.gf-aktar input[type=file][b-digxfnbj8t] { font-size: 13px; max-width: 100%; }

/* Çok kalemli fatura editörü (24 Eki 2026): her kalem bir hareket + sözleşme seçici */
.gf-kalemler[b-digxfnbj8t] { display: flex; flex-direction: column; gap: var(--bb-space-2); }

.gf-kalem[b-digxfnbj8t] {
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    background: var(--bb-surface);
    padding: var(--bb-space-2);
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-2);
}

.gf-kalem-ust[b-digxfnbj8t] { display: flex; align-items: center; gap: var(--bb-space-2); }
.gf-kalem-ad[b-digxfnbj8t] { flex: 1; min-width: 0; }

.gf-kalem-sil[b-digxfnbj8t] {
    flex-shrink: 0;
    border: 1px solid var(--bb-border);
    background: var(--bb-bg);
    color: var(--bb-text-muted);
    border-radius: var(--bb-radius-sm);
    padding: var(--bb-space-1) var(--bb-space-2);
    cursor: pointer;
    line-height: 1;
}
.gf-kalem-sil:hover[b-digxfnbj8t] { color: var(--bb-error); border-color: var(--bb-error); background: var(--bb-error-light); }

.gf-kalem-alt[b-digxfnbj8t] { display: flex; flex-wrap: wrap; gap: var(--bb-space-2); }
.gf-alan[b-digxfnbj8t] { display: flex; flex-direction: column; gap: 2px; flex: 1 1 140px; min-width: 0; }
.gf-alan.gf-dar[b-digxfnbj8t] { flex: 0 0 90px; }
.gf-alan.gf-soz[b-digxfnbj8t] { flex: 2 1 200px; }
.gf-alan > label[b-digxfnbj8t] { font-size: var(--bb-fs-xs); color: var(--bb-text-muted); }

/* Kalem içindeki alanların girişleri genel form girişiyle aynı görünsün */
.gf-kalem input[b-digxfnbj8t],
.gf-kalem select[b-digxfnbj8t] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    padding: 7px 9px;
    font-size: 14px;
    background: var(--bb-bg);
    color: var(--bb-text);
    font-family: var(--bb-font-sans);
}
.gf-kalem input:focus[b-digxfnbj8t], .gf-kalem select:focus[b-digxfnbj8t] { outline: none; border-color: var(--bb-primary); }

.gf-kalem-ozet[b-digxfnbj8t] { font-size: var(--bb-fs-sm); color: var(--bb-text-muted); }

.gf-kalem-ekle[b-digxfnbj8t] { align-self: flex-start; }

.gf-toplam[b-digxfnbj8t] {
    margin-top: var(--bb-space-1);
    padding-top: var(--bb-space-2);
    border-top: 1px solid var(--bb-border);
    font-size: var(--bb-fs-sm);
    color: var(--bb-text-muted);
}
.gf-toplam b[b-digxfnbj8t] { color: var(--bb-text); font-family: var(--bb-font-display); }
/* _content/bbFilo.Blazor/Components/Shared/HasarDrawer.razor.rz.scp.css */
.hd-bolgeler[b-llk1qg2v5d] { display: flex; flex-wrap: wrap; gap: var(--bb-space-1) var(--bb-space-3); }
.hd-bolge[b-llk1qg2v5d] { white-space: nowrap; }
.hd-evrak-not[b-llk1qg2v5d] { color: var(--bb-text-muted); font-size: var(--bb-fs-xs); }
.hd-etiket-not[b-llk1qg2v5d] { color: var(--bb-text-muted); font-weight: 400; font-size: var(--bb-fs-xs); }
.hd-km-not[b-llk1qg2v5d] { color: var(--bb-text-muted); font-size: var(--bb-fs-xs); margin-top: var(--bb-space-1); }
/* _content/bbFilo.Blazor/Components/Shared/HizmetSozlesmesiDrawer.razor.rz.scp.css */
/* Hizmet sözleşmeleri — cihaz / fatura satırları */
.hs-satir[b-7gk6q6ombd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bb-space-1) var(--bb-space-2);
    padding: var(--bb-space-2) 0;
    border-bottom: 1px solid var(--bb-border);
    font-size: var(--bb-fs-sm);
}

.hs-satir.ayrildi[b-7gk6q6ombd] {
    color: var(--bb-text-muted);
}

.hs-satir.tik[b-7gk6q6ombd] {
    cursor: pointer;
}

.hs-eylem[b-7gk6q6ombd] {
    margin-left: auto;
    display: inline-flex;
    gap: var(--bb-space-1);
}

.hs-ekle[b-7gk6q6ombd] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--bb-space-2);
}

.hs-genis[b-7gk6q6ombd] {
    flex: 2 1 16rem;
}
/* _content/bbFilo.Blazor/Components/Shared/KartSablonu/ListeKarti.razor.rz.scp.css */
/* ============================================================
   ListeKarti.razor.css
   lk-* prefix — hafif iki satırlık liste kartı
   ============================================================ */

.lk-kart[b-r2e9262qeo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-md);
    background: var(--bb-bg);
    cursor: pointer;
    transition: box-shadow 0.15s, border-color 0.15s, background 0.15s;
    gap: 8px;
    margin-bottom: 6px;
    user-select: none;
}

    .lk-kart:last-child[b-r2e9262qeo] {
        margin-bottom: 0;
    }

    .lk-kart:hover[b-r2e9262qeo] {
        border-color: var(--bb-text-muted);
        box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    }

    .lk-kart.secili[b-r2e9262qeo] {
        border-color: var(--bb-primary);
        background: var(--bb-engineering-light);
        border-left: 3px solid var(--bb-primary);
    }

    .lk-kart.pasif[b-r2e9262qeo] {
        opacity: 0.55;
    }

    .lk-kart.silinmis[b-r2e9262qeo] {
        opacity: 0.4;
        background: var(--bb-surface);
    }

        .lk-kart.silinmis .lk-baslik[b-r2e9262qeo] {
            text-decoration: line-through;
        }

/* Sol içerik */
.lk-icerik[b-r2e9262qeo] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.lk-baslik[b-r2e9262qeo] {
    font-size: 13px;
    font-weight: 500;
    color: var(--bb-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
}

.lk-alt-baslik[b-r2e9262qeo] {
    font-size: 11px;
    color: var(--bb-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: monospace;
    line-height: 1.4;
    min-height: 1em; /* boş olsa bile yer tutar */
}

/* Sağ alan */
.lk-sag[b-r2e9262qeo] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.lk-alt-sayi[b-r2e9262qeo] {
    font-size: 11px;
    color: var(--bb-text-muted);
    background: var(--bb-surface);
    border: 1px solid var(--bb-border);
    border-radius: 999px;
    padding: 1px 7px;
    min-width: 22px;
    text-align: center;
}

.lk-ok[b-r2e9262qeo] {
    font-size: 10px;
    color: var(--bb-text-muted);
    margin-right: 2px;
}

/* Kebap + checkbox grubu */
.lk-sag-araçlar[b-r2e9262qeo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

/* Kebap */
.lk-kebap[b-r2e9262qeo] {
    position: relative;
}

.lk-kebap-btn[b-r2e9262qeo] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--bb-text-muted);
    font-size: 14px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--bb-radius-sm);
    transition: background 0.15s, color 0.15s;
}

    .lk-kebap-btn:hover[b-r2e9262qeo] {
        background: var(--bb-surface);
        color: var(--bb-text);
    }

.lk-kebap-menu[b-r2e9262qeo] {
    position: absolute;
    top: 28px;
    right: 0;
    background: var(--bb-bg);
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
    min-width: 150px;
    z-index: 200;
    overflow: hidden;
}

    .lk-kebap-menu button[b-r2e9262qeo] {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        padding: 8px 12px;
        background: none;
        border: none;
        font-size: 13px;
        color: var(--bb-text);
        cursor: pointer;
        text-align: left;
        transition: background 0.15s;
        font-family: var(--bb-font-sans);
    }

        .lk-kebap-menu button:hover[b-r2e9262qeo] {
            background: var(--bb-surface);
        }

        .lk-kebap-menu button.tehlike[b-r2e9262qeo] {
            color: var(--bb-error);
        }

            .lk-kebap-menu button.tehlike:hover[b-r2e9262qeo] {
                background: var(--bb-error-light);
            }

/* Checkbox */
.lk-checkbox[b-r2e9262qeo] {
    width: 14px;
    height: 14px;
    cursor: pointer;
    accent-color: var(--bb-primary);
}
/* _content/bbFilo.Blazor/Components/Shared/KiraFaturaDrawer.razor.rz.scp.css */
/* "İçeri Aktar" kutusu: dışarıda kesilmiş faturayı XML'den okut */
.kf-aktar[b-p9pheos21w] {
    border: 1px dashed var(--bb-border);
    border-radius: var(--bb-radius-sm);
    padding: 8px 10px;
    margin-bottom: 10px;
    background: var(--bb-surface);
}
.kf-aktar > label[b-p9pheos21w] { display: block; font-weight: 600; margin-bottom: 4px; }
.kf-aktar input[type=file][b-p9pheos21w] { font-size: 13px; max-width: 100%; }
/* _content/bbFilo.Blazor/Components/Shared/KrediDrawer.razor.rz.scp.css */
/* Kredi formu — ödeme planı tablosu dar ekranda yatay kayar. */
.kr-tablo-kaydir[b-c27sdapti6] {
    overflow-x: auto;
    max-width: 100%;
}

.kr-sayi[b-c27sdapti6] {
    width: 110px;
    text-align: right;
}


/* Tek ekran bölüm başlıkları: Şartlar / Balon ödemeler / Tutar ve kullanım / Ödeme planı. */
.kr-bolum[b-c27sdapti6] {
    margin-top: var(--bb-space-3);
    padding-bottom: var(--bb-space-1);
    border-bottom: 1px solid var(--bb-border);
    font-weight: 600;
    color: var(--bb-text-muted);
}

/* Balon satırı: ay / tarih / tutar + kaldır düğmesi. */
.kr-balon[b-c27sdapti6] {
    align-items: end;
}

/* Ödeme sütunu: ödendi rozeti + geri al / Öde düğmesi; tarihi geçmiş, ödenmemiş taksit (kredi hesabı bağlıyken) vurgulu. */
.kr-odeme[b-c27sdapti6] {
    white-space: nowrap;
}

.kr-gecikmis td:first-child[b-c27sdapti6] {
    box-shadow: inset 3px 0 0 var(--bb-error);
}
/* _content/bbFilo.Blazor/Components/Shared/LookupModal.razor.rz.scp.css */
/* ============================================================
   LookupModal.razor.css
   Inline lookup modal — her yerden + ikonu ile çağrılır
   ============================================================ */

.bb-lookup-modal[b-5hjcdiu909] {
    background: var(--bb-bg);
    border-radius: 12px;
    width: 360px;
    max-width: 95vw;
    box-shadow: 0 8px 32px rgba(0,0,0,0.18);
    display: flex;
    flex-direction: column;
    animation: lookupGiris-b-5hjcdiu909 0.15s ease;
}

@keyframes lookupGiris-b-5hjcdiu909 {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.bb-lookup-modal-header[b-5hjcdiu909] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid var(--bb-border);
}

.bb-lookup-modal-baslik[b-5hjcdiu909] {
    font-size: 14px;
    font-weight: 600;
    color: var(--bb-text);
    font-family: var(--bb-font-display);
    display: flex;
    align-items: center;
    gap: 8px;
}

    .bb-lookup-modal-baslik i[b-5hjcdiu909] {
        color: var(--bb-primary);
        font-size: 15px;
    }

.bb-lookup-modal-body[b-5hjcdiu909] {
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.bb-lookup-modal-footer[b-5hjcdiu909] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 18px;
    border-top: 1px solid var(--bb-border);
}

/* ── Arama kutusu ── */
.lm-arama[b-5hjcdiu909] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    background: var(--bb-surface);
}

    .lm-arama i[b-5hjcdiu909] {
        color: var(--bb-text-muted);
        font-size: 13px;
    }

    .lm-arama input[b-5hjcdiu909] {
        flex: 1;
        border: none;
        background: transparent;
        padding: 9px 0;
        font-size: 13px;
        color: var(--bb-text);
        outline: none;
    }

.lm-arama-temizle[b-5hjcdiu909] {
    border: none;
    background: transparent;
    color: var(--bb-text-muted);
    cursor: pointer;
    padding: 2px;
}

/* ── Liste ── */
.lm-liste[b-5hjcdiu909] {
    max-height: 320px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.lm-satir[b-5hjcdiu909] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    text-align: left;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: var(--bb-radius-sm);
    background: transparent;
    color: var(--bb-text);
    font-size: 13px;
    cursor: pointer;
}

    .lm-satir:hover[b-5hjcdiu909] {
        background: var(--bb-surface);
        border-color: var(--bb-border);
    }

    .lm-satir.secili[b-5hjcdiu909] {
        background: var(--bb-engineering-light);
        border-color: var(--bb-primary);
    }

.lm-satir-ad[b-5hjcdiu909] {
    flex: 1;
}

.lm-satir-kod[b-5hjcdiu909] {
    font-size: 11px;
    color: var(--bb-text-muted);
    font-family: var(--bb-font-mono, monospace);
}

.lm-satir-tik[b-5hjcdiu909] {
    color: var(--bb-primary);
}

.lm-bos[b-5hjcdiu909] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 24px 0;
    color: var(--bb-text-muted);
    font-size: 13px;
}

/* ── Hızlı ekleme ── */
.lm-ekle[b-5hjcdiu909] {
    display: flex;
    gap: 6px;
    padding-top: 8px;
    border-top: 1px dashed var(--bb-border);
}

    .lm-ekle input[b-5hjcdiu909] {
        flex: 1;
        padding: 8px 10px;
        border: 1px solid var(--bb-border);
        border-radius: var(--bb-radius-sm);
        background: var(--bb-surface);
        color: var(--bb-text);
        font-size: 13px;
    }
/* _content/bbFilo.Blazor/Components/Shared/RezervasyonDrawer.razor.rz.scp.css */
.rz-form-grup[b-oqqkawjmll] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--bb-text-muted);
    margin: 14px 0 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--bb-border);
}

.rz-secili[b-oqqkawjmll] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    background: var(--bb-bg);
    font-size: 13px;
}

.rz-secili span[b-oqqkawjmll] { flex: 1; font-weight: 600; }

.rz-secili button[b-oqqkawjmll] { border: none; background: transparent; cursor: pointer; color: var(--bb-text-muted); }

.rz-sonuclar[b-oqqkawjmll] {
    margin-top: 4px;
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    background: var(--bb-surface);
    max-height: 220px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.rz-sonuclar button[b-oqqkawjmll] {
        display: flex;
        align-items: center;
        gap: 8px;
        text-align: left;
        border: none;
        border-bottom: 1px solid var(--bb-border);
        background: transparent;
        padding: 8px 10px;
        font-size: 13px;
        color: var(--bb-text);
        cursor: pointer;
    }

.rz-sonuclar button:last-child[b-oqqkawjmll] { border-bottom: none; }

.rz-sonuclar button:hover[b-oqqkawjmll] { background: var(--bb-bg); }

.rz-sonuclar button.kara[b-oqqkawjmll] { color: var(--bb-error); }

.rz-kara-etiket[b-oqqkawjmll] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--bb-error);
    border: 1px solid var(--bb-error-light);
    border-radius: 8px;
    padding: 0 6px;
    margin-left: auto;
}

.rz-musaitlik-btn[b-oqqkawjmll] { font-size: 12px; }

.rz-musaitlik[b-oqqkawjmll] {
    margin-top: 6px;
    padding: 8px 10px;
    border-radius: var(--bb-radius-sm);
    font-size: 13px;
    border: 1px solid;
}

.rz-musaitlik.var[b-oqqkawjmll] { color: var(--bb-success); background: var(--bb-success-light); border-color: var(--bb-success); }

.rz-musaitlik.yok[b-oqqkawjmll] { color: var(--bb-error); background: var(--bb-error-light); border-color: var(--bb-error); }

textarea[b-oqqkawjmll] {
    width: 100%;
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    background: var(--bb-surface);
    color: var(--bb-text);
    padding: 8px 10px;
    font: inherit;
    font-size: 13px;
    resize: vertical;
}
/* _content/bbFilo.Blazor/Components/Shared/SanalPosOdeme.razor.rz.scp.css */
.sp-iframe[b-xp63b5oyxw] {
    width: 100%;
    min-height: 480px;
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-md);
}
.sp-html[b-xp63b5oyxw] {
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-md);
    padding: var(--bb-space-3);
    background: var(--bb-surface-alt);
}
.sp-yon[b-xp63b5oyxw] {
    text-align: center;
    padding: var(--bb-space-4);
}
/* _content/bbFilo.Blazor/Components/Shared/Snackbar.razor.rz.scp.css */
/* ── Snackbar ─────────────────────────────────────────── */
.bb-snackbar-konteyner[b-3nkmi45hnh] {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 8px;
    pointer-events: none;
    min-width: 320px;
    max-width: 400px;
}

.bb-snackbar[b-3nkmi45hnh] {
    pointer-events: all;
    background: var(--bb-primary);
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    position: relative;
    overflow: hidden;
    animation: snackGiris-b-3nkmi45hnh 0.25s ease;
}

@keyframes snackGiris-b-3nkmi45hnh {
    from {
        opacity: 0;
        transform: translateX(20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.bb-snackbar-ikon[b-3nkmi45hnh] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
}

.bb-snackbar-body[b-3nkmi45hnh] {
    flex: 1;
    min-width: 0;
}

.bb-snackbar-baslik[b-3nkmi45hnh] {
    font-size: 13px;
    font-weight: 600;
    color: var(--bb-zit-metin);
    line-height: 1.4;
}

.bb-snackbar-mesaj[b-3nkmi45hnh] {
    font-size: 12px;
    color: rgba(255,255,255,0.6);
    line-height: 1.4;
    margin-top: 2px;
}

.bb-snackbar-kapat[b-3nkmi45hnh] {
    background: none;
    border: none;
    cursor: pointer;
    color: rgba(255,255,255,0.4);
    font-size: 14px;
    padding: 4px;
    border-radius: 4px;
    line-height: 1;
    flex-shrink: 0;
    transition: color 0.15s;
}

    .bb-snackbar-kapat:hover[b-3nkmi45hnh] {
        color: rgba(255,255,255,0.8);
    }

.bb-snackbar-progress[b-3nkmi45hnh] {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    border-radius: 0 0 12px 12px;
    animation: snackProgress-b-3nkmi45hnh linear forwards;
}

@keyframes snackProgress-b-3nkmi45hnh {
    from {
        width: 100%;
    }

    to {
        width: 0%;
    }
}

/* Tip renkleri */
.bb-snackbar-basari .bb-snackbar-ikon[b-3nkmi45hnh] {
    background: var(--bb-success-light);
    color: var(--bb-success);
}

.bb-snackbar-basari .bb-snackbar-progress[b-3nkmi45hnh] {
    background: var(--bb-success);
}

.bb-snackbar-hata .bb-snackbar-ikon[b-3nkmi45hnh] {
    background: var(--bb-error-light);
    color: var(--bb-error);
}

.bb-snackbar-hata .bb-snackbar-progress[b-3nkmi45hnh] {
    background: var(--bb-error);
}

.bb-snackbar-uyari .bb-snackbar-ikon[b-3nkmi45hnh] {
    background: var(--bb-warning-light);
    color: var(--bb-warning);
}

.bb-snackbar-uyari .bb-snackbar-progress[b-3nkmi45hnh] {
    background: var(--bb-warning);
}

.bb-snackbar-bilgi .bb-snackbar-ikon[b-3nkmi45hnh] {
    background: var(--bb-engineering-light);
    color: var(--bb-primary);
}

.bb-snackbar-bilgi .bb-snackbar-progress[b-3nkmi45hnh] {
    background: var(--bb-primary);
}
/* _content/bbFilo.Blazor/Components/Shared/SozlesmeDonanimlari.razor.rz.scp.css */
/* Kira sözleşmesinde verilen donanımlar */
.sd-satir[b-tro4y0me4g] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bb-space-1) var(--bb-space-2);
    padding: var(--bb-space-2) 0;
    border-bottom: 1px solid var(--bb-border);
    font-size: var(--bb-fs-sm);
}

.sd-satir.iade[b-tro4y0me4g] {
    color: var(--bb-text-muted);
}

.sd-eylem[b-tro4y0me4g] {
    margin-left: auto;
    display: inline-flex;
    gap: var(--bb-space-1);
}

.sd-ekle[b-tro4y0me4g] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--bb-space-2);
}

.sd-genis[b-tro4y0me4g] {
    flex: 2 1 16rem;
}
/* _content/bbFilo.Blazor/Components/Shared/SozlesmeDrawer.razor.rz.scp.css */
.sz-plaka[b-3e7nus57i8] {
    font-family: var(--bb-font-mono, monospace);
    font-weight: 600;
    background: var(--bb-bg);
    border: 1px solid var(--bb-border);
    border-radius: 4px;
    padding: 0 6px;
    font-size: 12px;
}

.sz-form-grup[b-3e7nus57i8] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--bb-text-muted);
    margin: 14px 0 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--bb-border);
}

.sz-belge-eylem[b-3e7nus57i8] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bb-space-2);
    margin-bottom: var(--bb-space-2);
}

.sz-form-grup .bb-soluk[b-3e7nus57i8] { text-transform: none; letter-spacing: 0; font-weight: 400; }

/* Katlanabilir bölüm başlığı (açılış formu) */
.sz-katla[b-3e7nus57i8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid var(--bb-border);
    cursor: pointer;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}

    .sz-katla:hover[b-3e7nus57i8] { color: var(--bb-primary); }

.sz-bilgi[b-3e7nus57i8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: var(--bb-radius-sm);
    background: var(--bb-engineering-light);
    border: 1px solid var(--bb-primary);
    color: var(--bb-primary);
    font-size: 13px;
    margin-bottom: 6px;
}

.sz-bilgi button[b-3e7nus57i8] { margin-left: auto; border: none; background: transparent; color: var(--bb-primary); text-decoration: underline; cursor: pointer; font-size: 12px; }

/* Özet ızgarası */
.sz-ozet-grid[b-3e7nus57i8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 16px;
    margin-bottom: 12px;
}

.sz-ozet-grid > div[b-3e7nus57i8] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }

.sz-ozet-grid > div.genis[b-3e7nus57i8] { grid-column: 1 / -1; }

.sz-ozet-grid label[b-3e7nus57i8] { font-size: 11px; color: var(--bb-text-muted); text-transform: uppercase; letter-spacing: 0.3px; }

.sz-ozet-grid span[b-3e7nus57i8] { font-size: 13px; }

.sz-tutar-tablo[b-3e7nus57i8] {
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    background: var(--bb-bg);
    padding: 6px 12px;
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
}

.sz-tutar-tablo > div[b-3e7nus57i8] { display: flex; justify-content: space-between; padding: 4px 0; font-size: 13px; border-bottom: 1px dashed var(--bb-border); }

.sz-tutar-tablo > div:last-child[b-3e7nus57i8] { border-bottom: none; }

.sz-tutar-tablo b[b-3e7nus57i8] { font-family: var(--bb-font-mono, monospace); }

.sz-tutar-tablo .toplam[b-3e7nus57i8] { font-weight: 700; font-size: 14px; }

/* Bilgi amaçlı satır (aylık sözleşmede KDV ve KDV dahil toplam): kesin değil, soluk gösterilir — KDV faturanın işi */
.sz-tutar-tablo .sz-tutar-bilgi[b-3e7nus57i8] { color: var(--bb-text-muted); font-size: 12px; }
.sz-tutar-tablo .sz-tutar-bilgi b[b-3e7nus57i8] { font-weight: 400; }

/* Serbest süre girişi: [adet] [ay/gün] [Bitişi hesapla] tek satır */
.sz-sure-serbest[b-3e7nus57i8] { display: flex; gap: 6px; align-items: center; margin-top: 6px; flex-wrap: wrap; }
.sz-sure-serbest input[b-3e7nus57i8] { width: 84px; }
.sz-sure-serbest select[b-3e7nus57i8] { width: auto; }
.sz-sure-serbest button[b-3e7nus57i8] { border: 1px solid var(--bb-border); background: var(--bb-surface); border-radius: var(--bb-radius-sm); padding: 4px 10px; cursor: pointer; white-space: nowrap; }
.sz-sure-serbest button:hover[b-3e7nus57i8] { background: var(--bb-border); }

.sz-tutar-tablo .borc b[b-3e7nus57i8] { color: var(--bb-error); }

.sz-tutar-tablo .odendi b[b-3e7nus57i8] { color: var(--bb-success); }

.sz-tutar-tablo.kompakt[b-3e7nus57i8] { flex-direction: row; flex-wrap: wrap; gap: 4px 18px; }

.sz-tutar-tablo.kompakt > div[b-3e7nus57i8] { border-bottom: none; gap: 8px; }

.sz-not[b-3e7nus57i8] { font-size: 13px; white-space: pre-wrap; padding: 6px 0; }

/* Tablolar */
.sz-tablo-kaydir[b-3e7nus57i8] { overflow-x: auto; margin-bottom: 8px; }

.sz-tablo[b-3e7nus57i8] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    margin-bottom: 8px;
}

.sz-tablo th[b-3e7nus57i8] { text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: 0.3px; color: var(--bb-text-muted); padding: 6px 8px; border-bottom: 1px solid var(--bb-border); }

.sz-tablo td[b-3e7nus57i8] { padding: 6px 8px; border-bottom: 1px solid var(--bb-border); vertical-align: middle; }

.sz-tablo tfoot td[b-3e7nus57i8] { border-bottom: none; font-size: 12px; color: var(--bb-text-muted); }

.sz-tablo .sag[b-3e7nus57i8] { text-align: right; font-family: var(--bb-font-mono, monospace); }

.sz-tablo tr.indirim td[b-3e7nus57i8] { color: var(--bb-success); }

.sz-tablo tr.iade td[b-3e7nus57i8], .sz-tablo tr.depozito td[b-3e7nus57i8] { color: var(--bb-text-muted); }

.sz-tablo .sz-bos[b-3e7nus57i8] { text-align: center; color: var(--bb-text-muted); padding: 14px; }

.sz-tablo i.asil[b-3e7nus57i8] { color: var(--bb-warning); }

.sz-tur[b-3e7nus57i8] {
    font-size: 11px;
    background: var(--bb-bg);
    border: 1px solid var(--bb-border);
    border-radius: 8px;
    padding: 0 6px;
}

.sz-ikon-btn[b-3e7nus57i8] {
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--bb-text-muted);
    padding: 2px 6px;
    border-radius: 4px;
}

.sz-ikon-btn:hover[b-3e7nus57i8] { background: var(--bb-bg); }

.sz-ikon-btn.tehlike:hover[b-3e7nus57i8] { color: var(--bb-error); }

.sz-ikon-btn.aktif[b-3e7nus57i8] { color: var(--bb-primary); background: var(--bb-engineering-light); }

.sz-satir-aksiyon[b-3e7nus57i8] { white-space: nowrap; }

.sz-ekle-btn[b-3e7nus57i8] { font-size: 12px; margin-top: 4px; }
.sz-ekle-btn.ikincil[b-3e7nus57i8] { margin-left: var(--bb-space-2); color: var(--bb-text-muted); border-color: var(--bb-border); background: none; }
/* Hasar düzenleme (1 Kas 2026): düzenlenen satır vurgulu; uzun açıklama tek satır + ipucu; etiket yanı küçük not */
.sz-satir-secili td[b-3e7nus57i8] { background: var(--bb-engineering-light); }
.sz-hucre-kisa[b-3e7nus57i8] { max-width: 220px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sz-etiket-not[b-3e7nus57i8] { color: var(--bb-text-muted); font-weight: 400; font-size: var(--bb-fs-xs); }
.sz-km-duzelt[b-3e7nus57i8] { border: 1px dashed var(--bb-border); border-radius: var(--bb-radius-sm); padding: var(--bb-space-2); }

.sz-link[b-3e7nus57i8] { border: none; background: transparent; color: var(--bb-primary); text-decoration: underline; cursor: pointer; font-size: 12px; padding: 0 4px; }

/* Satır editörleri (sürücü, ek hizmet) */
.sz-editor[b-3e7nus57i8] { display: flex; flex-direction: column; gap: 6px; }

.sz-editor-satir[b-3e7nus57i8] {
    border: 1px dashed var(--bb-border);
    border-radius: var(--bb-radius-sm);
    padding: 6px 10px 2px;
}

.sz-editor-satir.yatay[b-3e7nus57i8] { display: flex; align-items: flex-end; gap: 8px; padding-bottom: 6px; }

.sz-editor-satir.yatay .bb-form-alan[b-3e7nus57i8] { flex: 1; margin: 0; }

.sz-editor-satir.yatay .bb-form-alan.dar[b-3e7nus57i8] { flex: 0 0 110px; }

.sz-editor-satir.yatay .sz-ikon-btn[b-3e7nus57i8] { margin-bottom: 6px; }

.sz-editor-ust[b-3e7nus57i8] { display: flex; justify-content: space-between; align-items: center; font-size: 12px; }

textarea[b-3e7nus57i8] {
    width: 100%;
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    background: var(--bb-surface);
    color: var(--bb-text);
    padding: 8px 10px;
    font: inherit;
    font-size: 13px;
    resize: vertical;
}

/* Çoklu hasar bölgesi seçimi */
.sz-bolgeler[b-3e7nus57i8] { display: flex; flex-wrap: wrap; gap: var(--bb-space-1) var(--bb-space-3); }
.sz-bolge[b-3e7nus57i8] { white-space: nowrap; }
/* _content/bbFilo.Blazor/Components/Shared/TeklifAlan.razor.rz.scp.css */
/* Teklif girdi alanı: amaç metni ve öneri dayanağı. */
.tk-alan[b-lhrltzwuem] {
    min-width: 0;
}

.tk-amac[b-lhrltzwuem] {
    display: block;
    color: var(--bb-text-muted);
    font-size: var(--bb-fs-xs);
    line-height: 1.35;
}

.tk-oneri[b-lhrltzwuem] {
    display: block;
    color: var(--bb-primary);
    font-size: var(--bb-fs-xs);
    line-height: 1.35;
}

    .tk-oneri a[b-lhrltzwuem] {
        color: var(--bb-primary);
        text-decoration: underline;
    }

.tk-oneri-tarih[b-lhrltzwuem] {
    color: var(--bb-text-muted);
}
/* _content/bbFilo.Blazor/Components/Shared/TeklifFinansmanDrawer.razor.rz.scp.css */
/* Finansman penceresi */
.tkf-alan[b-0o2uliotru] {
    border: 0;
    margin: 0;
    padding: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-2);
}

.tk-satir[b-0o2uliotru] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
    gap: var(--bb-space-2) var(--bb-space-3);
    align-items: start;
}

input[type="range"][b-0o2uliotru] {
    width: 100%;
    accent-color: var(--bb-primary);
}

.tk-birimli[b-0o2uliotru] {
    display: flex;
    align-items: center;
    gap: var(--bb-space-1);
}

    .tk-birimli input[b-0o2uliotru] {
        flex: 1;
        min-width: 0;
    }

    .tk-birimli span[b-0o2uliotru] {
        color: var(--bb-text-muted);
        font-size: var(--bb-fs-sm);
    }

.tkf-kredi[b-0o2uliotru] {
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-2);
    padding: var(--bb-space-3);
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-md);
}

    .tkf-kredi.kalan[b-0o2uliotru] {
        border-color: var(--bb-primary);
    }

.tkf-kredi-ust[b-0o2uliotru] {
    display: flex;
    align-items: center;
    gap: var(--bb-space-2);
}

.tkf-kredi-ad[b-0o2uliotru] {
    flex: 1;
    min-width: 0;
    font-weight: 600;
}

.tk-bedelsiz[b-0o2uliotru] {
    display: flex;
    align-items: center;
    gap: var(--bb-space-1);
    font-size: var(--bb-fs-xs);
    color: var(--bb-text-muted);
    white-space: nowrap;
}

.tkf-sonuc[b-0o2uliotru] {
    color: var(--bb-text-muted);
    font-size: var(--bb-fs-xs);
    line-height: 1.4;
}

.tkf-ekle[b-0o2uliotru] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bb-space-2);
    align-items: center;
}

    .tkf-ekle select[b-0o2uliotru] {
        flex: 1;
        min-width: min(240px, 100%);
    }

/* Kredi balonları: ay + tutar satırları, altında "Balon ekle". */
.tkf-balonlar[b-0o2uliotru] {
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-2);
    align-items: stretch;
}

    .tkf-balonlar > .bb-btn[b-0o2uliotru] {
        align-self: flex-start;
    }

    .tkf-balonlar .bb-ikon-btn[b-0o2uliotru] {
        align-self: center;
    }
/* _content/bbFilo.Blazor/Components/Shared/TeslimFormuDrawer.razor.rz.scp.css */
/* Teslim / iade formu */
.tf-kontrol[b-9wzq849g90] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));
    gap: var(--bb-space-1) var(--bb-space-3);
}

.tf-hasar[b-9wzq849g90] {
    display: grid;
    grid-template-columns: minmax(110px, 140px) 1fr auto auto auto;
    gap: var(--bb-space-2);
    align-items: center;
    margin-bottom: var(--bb-space-2);
}

@media (max-width: 600px) {
    .tf-hasar[b-9wzq849g90] {
        grid-template-columns: 1fr;
    }
}

.tf-imza[b-9wzq849g90] {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 1;
    border: 1px dashed var(--bb-border-hover);
    border-radius: var(--bb-radius-sm);
    background: var(--bb-bg);
    touch-action: none;
}
/* _content/bbFilo.Blazor/Pages/Admin/OturumYonetimi.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════
   Oturum Yönetimi — Scoped CSS  (oy-* prefix)
   ══════════════════════════════════════════════════════════════ */

/* ── Sayfa ───────────────────────────────────────────────────── */
.oy-sayfa[b-awxo6qvjve] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ── Bölüm kartı ─────────────────────────────────────────────── */
.oy-bolum[b-awxo6qvjve] {
    background: var(--bb-surface);
    border: 1px solid var(--bb-border);
    border-radius: 10px;
    overflow: hidden;
}

/* ── Bölüm başlığı ───────────────────────────────────────────── */
.oy-bolum-baslik[b-awxo6qvjve] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    background: var(--bb-surface-alt);
    border-bottom: 1px solid var(--bb-border);
}

.oy-bolum-baslik-sol[b-awxo6qvjve] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.oy-bolum-ad[b-awxo6qvjve] {
    font-size: 14px;
    font-weight: 600;
    color: var(--bb-text);
}

.oy-bolum-ikon[b-awxo6qvjve] {
    font-size: 15px;
    color: var(--bb-primary);
}

/* ── Online nokta ────────────────────────────────────────────── */
.oy-online-nokta[b-awxo6qvjve] {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--bb-success);
    box-shadow: 0 0 0 2px var(--bb-success-light);
    flex-shrink: 0;
}

/* ── Rozet ───────────────────────────────────────────────────── */
.oy-rozet[b-awxo6qvjve] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    background: var(--bb-primary);
    color: var(--bb-zit-metin);
    font-size: 11px;
    font-weight: 600;
    border-radius: 10px;
}

/* ── Yenile butonu ───────────────────────────────────────────── */
.oy-yenile-btn[b-awxo6qvjve] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 12px;
    height: 30px;
    background: none;
    border: 1px solid var(--bb-border);
    border-radius: 6px;
    font-size: 12px;
    color: var(--bb-text-muted);
    cursor: pointer;
    transition: all 0.15s;
}

    .oy-yenile-btn:hover:not(:disabled)[b-awxo6qvjve] {
        color: var(--bb-text);
        background: var(--bb-surface-hover);
        border-color: var(--bb-border-hover);
    }

    .oy-yenile-btn:disabled[b-awxo6qvjve] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* ── Filtre barı ─────────────────────────────────────────────── */
.oy-filtre-bar[b-awxo6qvjve] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    border-bottom: 1px solid var(--bb-border);
    background: var(--bb-surface);
    flex-wrap: wrap;
}

/* Arama input grubu */
.oy-filtre-arama[b-awxo6qvjve] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 180px;
    height: 34px;
    padding: 0 12px;
    background: var(--bb-input-bg);
    border: 1px solid var(--bb-border);
    border-radius: 6px;
    transition: border-color 0.15s;
}

    .oy-filtre-arama:focus-within[b-awxo6qvjve] {
        border-color: var(--bb-primary);
    }

    .oy-filtre-arama i[b-awxo6qvjve] {
        font-size: 13px;
        color: var(--bb-text-muted);
        flex-shrink: 0;
    }

    .oy-filtre-arama input[b-awxo6qvjve] {
        flex: 1;
        border: none;
        background: transparent;
        color: var(--bb-text);
        font-size: 13px;
        outline: none;
    }

        .oy-filtre-arama input[b-awxo6qvjve]::placeholder {
            color: var(--bb-text-muted);
        }

/* Select */
.oy-filtre-select[b-awxo6qvjve] {
    height: 34px;
    padding: 0 10px;
    background: var(--bb-input-bg);
    border: 1px solid var(--bb-border);
    border-radius: 6px;
    color: var(--bb-text);
    font-size: 13px;
    cursor: pointer;
    transition: border-color 0.15s;
}

    .oy-filtre-select:focus[b-awxo6qvjve] {
        outline: none;
        border-color: var(--bb-primary);
    }

/* Tarih inputları */
[b-awxo6qvjve] .oy-filtre-tarih {
    height: 34px;
    padding: 0 10px;
    background: var(--bb-input-bg);
    border: 1px solid var(--bb-border);
    border-radius: 6px;
    color: var(--bb-text);
    font-size: 13px;
    transition: border-color 0.15s;
}

    [b-awxo6qvjve] .oy-filtre-tarih:focus {
        outline: none;
        border-color: var(--bb-primary);
    }

/* Ara butonu */
.oy-filtre-ara-btn[b-awxo6qvjve] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 14px;
    background: var(--bb-primary);
    border: none;
    border-radius: 6px;
    color: var(--bb-zit-metin);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s;
}

    .oy-filtre-ara-btn:hover[b-awxo6qvjve] {
        background: var(--bb-primary-hover);
    }

/* Temizle (×) butonu */
.oy-temizle-btn[b-awxo6qvjve] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: none;
    border: 1px solid var(--bb-border);
    border-radius: 6px;
    color: var(--bb-text-muted);
    font-size: 16px;
    cursor: pointer;
    transition: all 0.15s;
    flex-shrink: 0;
}

    .oy-temizle-btn:hover[b-awxo6qvjve] {
        color: var(--bb-error);
        border-color: var(--bb-error);
        background: var(--bb-error-light);
    }

/* ── Tablo ───────────────────────────────────────────────────── */
.oy-tablo[b-awxo6qvjve] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

    .oy-tablo thead tr[b-awxo6qvjve] {
        border-bottom: 1px solid var(--bb-border);
    }

    .oy-tablo th[b-awxo6qvjve] {
        text-align: left;
        padding: 10px 18px;
        font-size: 11px;
        font-weight: 600;
        color: var(--bb-text-muted);
        text-transform: uppercase;
        letter-spacing: 0.4px;
        white-space: nowrap;
    }

    .oy-tablo tbody tr[b-awxo6qvjve] {
        border-bottom: 1px solid var(--bb-border);
        transition: background 0.1s;
    }

        .oy-tablo tbody tr:last-child[b-awxo6qvjve] {
            border-bottom: none;
        }

        .oy-tablo tbody tr:hover[b-awxo6qvjve] {
            background: var(--bb-surface-hover);
        }

    .oy-tablo td[b-awxo6qvjve] {
        padding: 11px 18px;
        color: var(--bb-text);
        vertical-align: middle;
    }

.oy-col-islem[b-awxo6qvjve] {
    text-align: right !important;
    width: 140px;
}

.oy-td-muted[b-awxo6qvjve] {
    color: var(--bb-text-muted) !important;
}

.oy-td-small[b-awxo6qvjve] {
    font-size: 11px;
}

.oy-td-mono[b-awxo6qvjve] {
    font-family: monospace;
    font-size: 12px;
}

/* ── Kullanıcı hücresi ───────────────────────────────────────── */
.oy-kullanici-hucre[b-awxo6qvjve] {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── Avatar ──────────────────────────────────────────────────── */
.oy-avatar[b-awxo6qvjve] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--bb-primary);
    color: var(--bb-zit-metin);
    font-size: 14px;
    font-weight: 600;
    flex-shrink: 0;
}

.oy-avatar-sm[b-awxo6qvjve] {
    width: 28px;
    height: 28px;
    font-size: 12px;
    border-radius: 6px;
}

/* ── Çıkış butonu ────────────────────────────────────────────── */
.oy-cikis-btn[b-awxo6qvjve] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0 12px;
    height: 28px;
    background: none;
    border: 1px solid var(--bb-error);
    border-radius: 6px;
    font-size: 12px;
    color: var(--bb-error);
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

    .oy-cikis-btn:hover[b-awxo6qvjve] {
        background: var(--bb-error-light);
        border-color: var(--bb-error);
    }

/* ── Durum badge ─────────────────────────────────────────────── */
.oy-badge[b-awxo6qvjve] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    padding: 3px 9px;
    border-radius: 20px;
    white-space: nowrap;
}

.oy-badge-basari[b-awxo6qvjve] {
    background: var(--bb-success-light);
    color: var(--bb-success);
}

.oy-badge-hata[b-awxo6qvjve] {
    background: var(--bb-error-light);
    color: var(--bb-error);
}

/* ── Boş mesaj ───────────────────────────────────────────────── */
.oy-bos[b-awxo6qvjve] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--bb-text-muted);
    font-size: 13px;
    padding: 24px 18px;
}

/* ── Inline mesaj (zorla çıkış sonrası) ─────────────────────── */
.oy-mesaj[b-awxo6qvjve] {
    margin: 0 18px 14px;
    padding: 9px 13px;
    border-radius: 7px;
    font-size: 13px;
}

    .oy-mesaj.basari[b-awxo6qvjve] {
        background: var(--bb-success-light);
        border: 1px solid var(--bb-success-light);
        color: var(--bb-success);
    }

    .oy-mesaj.hata[b-awxo6qvjve] {
        background: var(--bb-error-light);
        border: 1px solid var(--bb-error-light);
        color: var(--bb-error);
    }

/* ── Sayfalama ───────────────────────────────────────────────── */
.oy-sayfalama[b-awxo6qvjve] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 12px 18px;
    border-top: 1px solid var(--bb-border);
    justify-content: flex-end;
}

.oy-sayfa-btn[b-awxo6qvjve] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 8px;
    background: none;
    border: 1px solid var(--bb-border);
    border-radius: 6px;
    font-size: 13px;
    color: var(--bb-text-muted);
    cursor: pointer;
    transition: all 0.15s;
}

    .oy-sayfa-btn:hover:not(:disabled)[b-awxo6qvjve] {
        color: var(--bb-text);
        background: var(--bb-surface-hover);
        border-color: var(--bb-border-hover);
    }

    .oy-sayfa-btn:disabled[b-awxo6qvjve] {
        opacity: 0.35;
        cursor: not-allowed;
    }

.oy-sayfa-aktif[b-awxo6qvjve] {
    background: var(--bb-primary) !important;
    border-color: var(--bb-primary) !important;
    color: var(--bb-zit-metin) !important;
}

.oy-sayfa-bilgi[b-awxo6qvjve] {
    font-size: 12px;
    color: var(--bb-text-muted);
    margin-left: 8px;
}

/* ── Spin animasyonu ─────────────────────────────────────────── */
.oy-spin[b-awxo6qvjve] {
    animation: oy-spin-anim-b-awxo6qvjve 0.8s linear infinite;
    display: inline-block;
}

@keyframes oy-spin-anim-b-awxo6qvjve {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* _content/bbFilo.Blazor/Pages/Admin/SifreAraclari.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════
   Şifre Araçları — Scoped CSS  (sa-* prefix)
   ══════════════════════════════════════════════════════════════ */

.sa-sayfa[b-ozpj1ris6a] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 720px;
}

/* ── Bölüm ───────────────────────────────────────────────────── */
.sa-bolum[b-ozpj1ris6a] {
    background: var(--bb-surface);
    border: 1px solid var(--bb-border);
    border-radius: 10px;
    overflow: hidden;
}

.sa-bolum-baslik[b-ozpj1ris6a] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 18px;
    background: var(--bb-surface-alt);
    border-bottom: 1px solid var(--bb-border);
}

.sa-bolum-ikon[b-ozpj1ris6a] {
    font-size: 15px;
    color: var(--bb-primary);
}

.sa-bolum-ad[b-ozpj1ris6a] {
    font-size: 14px;
    font-weight: 600;
    color: var(--bb-text);
}

.sa-bolum-aciklama[b-ozpj1ris6a] {
    font-size: 12px;
    color: var(--bb-text-muted);
    margin-left: 4px;
}

.sa-bolum-icerik[b-ozpj1ris6a] {
    padding: 20px 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* ── Field ───────────────────────────────────────────────────── */
.sa-field[b-ozpj1ris6a] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .sa-field label[b-ozpj1ris6a] {
        font-size: 12px;
        font-weight: 500;
        color: var(--bb-text-muted);
        text-transform: uppercase;
        letter-spacing: 0.4px;
    }

/* ── Input row ───────────────────────────────────────────────── */
.sa-input-row[b-ozpj1ris6a] {
    display: flex;
    gap: 8px;
}

    .sa-input-row input[b-ozpj1ris6a] {
        flex: 1;
        height: 38px;
        padding: 0 12px;
        background: var(--bb-input-bg);
        border: 1px solid var(--bb-border);
        border-radius: 6px;
        color: var(--bb-text);
        font-size: 13px;
        transition: border-color 0.15s;
    }

        .sa-input-row input:focus[b-ozpj1ris6a] {
            outline: none;
            border-color: var(--bb-primary);
        }

        .sa-input-row input[b-ozpj1ris6a]::placeholder {
            color: var(--bb-text-muted);
        }

/* ── Göz butonu ──────────────────────────────────────────────── */
.sa-goz-btn[b-ozpj1ris6a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: var(--bb-surface-alt);
    border: 1px solid var(--bb-border);
    border-radius: 6px;
    color: var(--bb-text-muted);
    cursor: pointer;
    transition: all 0.15s;
    flex-shrink: 0;
}

    .sa-goz-btn:hover[b-ozpj1ris6a] {
        color: var(--bb-text);
        background: var(--bb-surface-hover);
    }

/* ── İşlem butonu ────────────────────────────────────────────── */
.sa-islem-btn[b-ozpj1ris6a] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 38px;
    padding: 0 16px;
    background: var(--bb-primary);
    border: none;
    border-radius: 6px;
    color: var(--bb-zit-metin);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s;
    flex-shrink: 0;
}

    .sa-islem-btn:hover:not(:disabled)[b-ozpj1ris6a] {
        background: var(--bb-primary-hover);
    }

    .sa-islem-btn:disabled[b-ozpj1ris6a] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.sa-islem-btn-dogru[b-ozpj1ris6a] {
    background: var(--bb-koyu-zemin);
}

    .sa-islem-btn-dogru:hover:not(:disabled)[b-ozpj1ris6a] {
        opacity: 0.85;
        background: var(--bb-koyu-zemin);
    }

/* ── Sonuç kutusu ────────────────────────────────────────────── */
.sa-sonuc[b-ozpj1ris6a] {
    background: var(--bb-surface-alt);
    border: 1px solid var(--bb-border);
    border-radius: 8px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sa-sonuc-baslik[b-ozpj1ris6a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 600;
    color: var(--bb-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.sa-kopyala-btn[b-ozpj1ris6a] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 26px;
    padding: 0 10px;
    background: none;
    border: 1px solid var(--bb-border);
    border-radius: 5px;
    font-size: 12px;
    color: var(--bb-text-muted);
    cursor: pointer;
    transition: all 0.15s;
}

    .sa-kopyala-btn:hover[b-ozpj1ris6a] {
        color: var(--bb-text);
        background: var(--bb-surface-hover);
    }

.sa-sonuc-deger[b-ozpj1ris6a] {
    font-family: monospace;
    font-size: 13px;
    color: var(--bb-text);
    word-break: break-all;
    line-height: 1.6;
    padding: 8px 10px;
    background: var(--bb-input-bg);
    border: 1px solid var(--bb-border);
    border-radius: 5px;
}

.sa-sonuc-bilgi[b-ozpj1ris6a] {
    font-size: 12px;
    color: var(--bb-text-muted);
    display: flex;
    align-items: flex-start;
    gap: 6px;
    line-height: 1.5;
}

    .sa-sonuc-bilgi code[b-ozpj1ris6a] {
        background: var(--bb-surface);
        padding: 1px 5px;
        border-radius: 3px;
        font-size: 11px;
        color: var(--bb-primary);
        border: 1px solid var(--bb-border);
    }

/* ── Doğrulama sonucu ────────────────────────────────────────── */
.sa-dogrulama-sonuc[b-ozpj1ris6a] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
}

.sa-basari[b-ozpj1ris6a] {
    background: var(--bb-success-light);
    border: 1px solid var(--bb-success-light);
    color: var(--bb-success);
}

.sa-hata[b-ozpj1ris6a] {
    background: var(--bb-error-light);
    border: 1px solid var(--bb-error-light);
    color: var(--bb-error);
}

/* ── Spin ────────────────────────────────────────────────────── */
.sa-spin[b-ozpj1ris6a] {
    animation: sa-spin-anim-b-ozpj1ris6a 0.8s linear infinite;
    display: inline-block;
}

@keyframes sa-spin-anim-b-ozpj1ris6a {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* _content/bbFilo.Blazor/Pages/Admin/StilRehberi.razor.rz.scp.css */
/* Stil Rehberi sayfasının yalnız vitrin düzeni. Renk / ölçü doğrudan yazılmaz; hepsi palet token'ı. */
.sr-icerik[b-oq028azsgy] {
    flex: 1;
    overflow-y: auto;
    padding: var(--bb-space-5);
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-6);
}

.sr-bolum h3[b-oq028azsgy] {
    font-family: var(--bb-font-display);
    font-size: var(--bb-fs-lg);
    color: var(--bb-text);
    margin: 0 0 var(--bb-space-2);
}

.sr-not[b-oq028azsgy] {
    font-size: var(--bb-fs-sm);
    color: var(--bb-text-muted);
    margin: 0 0 var(--bb-space-3);
}

.sr-renkler[b-oq028azsgy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 1fr));
    gap: var(--bb-space-2);
}

.sr-renk[b-oq028azsgy] {
    display: flex;
    align-items: center;
    gap: var(--bb-space-2);
    font-size: var(--bb-fs-xs);
    color: var(--bb-text-muted);
}

.sr-ornek[b-oq028azsgy] {
    width: 28px;
    height: 28px;
    border-radius: var(--bb-radius-sm);
    border: 1px solid var(--bb-border);
    flex-shrink: 0;
}

.sr-olcek[b-oq028azsgy] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bb-space-4);
    align-items: center;
    margin-bottom: var(--bb-space-3);
    font-size: var(--bb-fs-xs);
    color: var(--bb-text-muted);
}

    .sr-olcek > div[b-oq028azsgy] { display: flex; align-items: center; gap: var(--bb-space-2); }

.sr-aralik[b-oq028azsgy] {
    display: inline-block;
    height: var(--bb-space-3);
    background: var(--bb-primary);
    border-radius: 2px;
}

.sr-kartlar[b-oq028azsgy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(290px, 100%), 1fr));
    gap: var(--bb-space-4);
    align-items: stretch;
}

.sr-satir[b-oq028azsgy] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bb-space-2);
    align-items: center;
    margin-bottom: var(--bb-space-3);
}

.sr-form[b-oq028azsgy] {
    max-width: 640px;
}

code[b-oq028azsgy] {
    font-family: var(--bb-font-mono);
    font-size: var(--bb-fs-xs);
}
/* _content/bbFilo.Blazor/Pages/Adresler/Adresler.razor.rz.scp.css */
/* ============================================================
   Adresler.razor.css
   ad-* prefix
   ============================================================ */

/* Combobox + ekleme butonu yan yana */
.ad-input-ekle[b-0icw0b5skg] {
    display: flex;
    gap: 6px;
    align-items: stretch;
}

    .ad-input-ekle select[b-0icw0b5skg] {
        flex: 1;
    }

.ad-ekle-btn[b-0icw0b5skg] {
    background: var(--bb-surface);
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    padding: 0 10px;
    cursor: pointer;
    color: var(--bb-primary);
    font-size: 15px;
    transition: background 0.2s, border-color 0.2s;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

    .ad-ekle-btn:hover[b-0icw0b5skg] {
        background: var(--bb-engineering-light);
        border-color: var(--bb-primary);
    }

/* Varsayılan badge — kart içinde */
.ad-varsayilan-badge[b-0icw0b5skg] {
    display: inline-flex;
    align-items: center;
    color: var(--bb-warning);
    font-size: 11px;
    margin-left: 4px;
}

/* ── Liste alanı: sahibe göre gruplu ── */
.ad-icerik[b-0icw0b5skg] {
    flex: 1;
    overflow-y: auto;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ad-sayac[b-0icw0b5skg] {
    font-size: 12px;
    color: var(--bb-text-muted);
    margin-left: 8px;
}

.ad-grup[b-0icw0b5skg] {
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    background: var(--bb-surface);
    overflow: hidden;
}

.ad-grup-baslik[b-0icw0b5skg] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--bb-border);
    background: var(--bb-bg);
}

    .ad-grup-baslik i[b-0icw0b5skg] {
        color: var(--bb-primary);
    }

.ad-grup-ad[b-0icw0b5skg] {
    font-weight: 600;
    font-size: 13px;
    color: var(--bb-text);
}

.ad-grup-tip[b-0icw0b5skg] {
    font-size: 11px;
    color: var(--bb-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.ad-grup-sayi[b-0icw0b5skg] {
    margin-left: auto;
    font-size: 11px;
    color: var(--bb-text-muted);
    background: var(--bb-surface);
    border: 1px solid var(--bb-border);
    border-radius: 10px;
    padding: 1px 8px;
}

.ad-grup-ekle[b-0icw0b5skg] {
    border: 1px solid var(--bb-border);
    background: var(--bb-surface);
    color: var(--bb-primary);
    border-radius: var(--bb-radius-sm);
    width: 26px;
    height: 26px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ad-grup-ekle:hover[b-0icw0b5skg] {
        background: var(--bb-engineering-light);
        border-color: var(--bb-primary);
    }

.ad-liste[b-0icw0b5skg] {
    display: flex;
    flex-direction: column;
}

/* Müşteri seçimi: arama + sonuç listesi */
.ad-liste-secim[b-0icw0b5skg] {
    margin-top: 6px;
    width: 100%;
    font-size: 13px;
}
/* _content/bbFilo.Blazor/Pages/AracHareket/SigortaMuayene.razor.rz.scp.css */
/* Sigorta & Muayene — kaydırma gövdesi.
   sm-govde DÜZ BLOK (flex değil): içindeki HareketListesi (.bb-hs-liste) overflow:hidden taşıdığı için,
   flex kolonda taşmak yerine küçülür (shrink) → liste kırpılır, gövde kaymaz. Blok olunca çocuklar doğal
   yükseklikte kalıp taşar → gövde kayar (Giden Faturalar'daki gf-govde / Araç Hareketleri'ndeki dk-govde deseni). */
.sm-govde[b-lb6sffbyua] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: var(--bb-space-4);
}
/* _content/bbFilo.Blazor/Pages/Araclar/Araclar.razor.rz.scp.css */
/* ── Araç türü seçimi (drawer) ve tür ikonu ── */
.ar-tur-secim[b-eqk6dlgiiz] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.ar-tur-secim button[b-eqk6dlgiiz] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        border: 1px solid var(--bb-border);
        background: var(--bb-bg);
        color: var(--bb-text-muted);
        border-radius: var(--bb-radius-sm);
        padding: 6px 12px;
        font-size: 13px;
        cursor: pointer;
    }

.ar-tur-secim button.aktif[b-eqk6dlgiiz] {
            border-color: var(--bb-primary);
            color: var(--bb-primary);
            font-weight: 600;
            background: var(--bb-engineering-light);
        }

.ar-sayac-salt[b-eqk6dlgiiz] {
    font-size: 12px;
    color: var(--bb-text-muted);
    margin-top: 4px;
}

.ar-plaka[b-eqk6dlgiiz] {
    font-family: var(--bb-font-mono, monospace);
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1px;
    background: var(--bb-bg);
    border: 1px solid var(--bb-border);
    border-radius: 4px;
    padding: 2px 8px;
    color: var(--bb-text);
}

.ar-chip.eksik[b-eqk6dlgiiz] { color: var(--bb-warning); border-color: var(--bb-warning-light); }

.ar-kebap-btn[b-eqk6dlgiiz] {
    border: none;
    background: transparent;
    color: var(--bb-text-muted);
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 4px;
}

.ar-kebap-btn:hover[b-eqk6dlgiiz] { background: var(--bb-bg); color: var(--bb-text); }

.ar-chip[b-eqk6dlgiiz] {
    font-size: 11px;
    color: var(--bb-text-muted);
    background: var(--bb-bg);
    border: 1px solid var(--bb-border);
    border-radius: 10px;
    padding: 1px 8px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.ar-chip.satis[b-eqk6dlgiiz] { color: var(--bb-text-muted); border-color: var(--bb-border); font-weight: 600; }

/* Plaka geçmişi (drawer) */
.ar-plaka-gecmis[b-eqk6dlgiiz] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 8px;
    border: 1px dashed var(--bb-border);
    border-radius: var(--bb-radius-sm);
    margin-bottom: 6px;
    font-size: 12px;
    flex-wrap: nowrap;   /* tek satır: uzun sahip adı / kullanım amacı satırı büyütmez, kesilir + ipucu (1 Kas 2026, belge turu kusur 6) */
    min-width: 0;
}

.ar-plaka-gecmis > .ar-chip[b-eqk6dlgiiz], .ar-plaka-gecmis > .ar-plaka[b-eqk6dlgiiz], .ar-plaka-gecmis > button[b-eqk6dlgiiz] { flex-shrink: 0; }

.ar-plaka-gecmis .ar-plaka-gecmis-tarih[b-eqk6dlgiiz] { color: var(--bb-text-muted); font-family: var(--bb-font-mono, monospace); flex: 0 1 auto; }

.ar-plaka-gecmis .ar-plaka-gecmis-neden[b-eqk6dlgiiz] { color: var(--bb-text-muted); flex: 1 1 0; }

.ar-plaka-gecmis .ar-plaka-gecmis-tarih[b-eqk6dlgiiz],
.ar-plaka-gecmis .ar-plaka-gecmis-neden[b-eqk6dlgiiz] { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ar-plaka-gecmis.sokuldu[b-eqk6dlgiiz] { opacity: 0.6; }

.ar-belgeler[b-eqk6dlgiiz] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

/* Tutar satırı içeriği: solda amorti pil çubuğu (sabit), sağda belge rozetleri (kalan alanda sarar) */
.ar-tutar-icerik[b-eqk6dlgiiz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bb-space-2);
    width: 100%;
    min-width: 0;
}

.ar-tutar-icerik .ar-belgeler[b-eqk6dlgiiz] { flex: 1 1 auto; min-width: 0; }

.ar-belge[b-eqk6dlgiiz] {
    font-size: 10px;
    padding: 1px 6px;
    border-radius: 8px;
    border: 1px solid transparent;
}

.ar-belge.ok[b-eqk6dlgiiz] { color: var(--bb-text-muted); border-color: var(--bb-border); }

.ar-belge.yaklasan[b-eqk6dlgiiz] { color: var(--bb-warning); border-color: var(--bb-warning-light); background: var(--bb-warning-light); }

.ar-belge.gecmis[b-eqk6dlgiiz] { color: var(--bb-error); border-color: var(--bb-error-light); background: var(--bb-error-light); font-weight: 600; }

.ar-form-grup[b-eqk6dlgiiz] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--bb-text-muted);
    margin: 14px 0 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--bb-border);
}

/* Drawer: döviz bazlı reel getiri özeti (amorti) */
.ar-amorti-ozet[b-eqk6dlgiiz] {
    margin: 6px 0 2px;
    padding: 10px 12px;
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    background: var(--bb-surface2);
}

.ar-amorti-detay[b-eqk6dlgiiz] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 8px;
    font-size: var(--bb-fs-sm);
    color: var(--bb-text-muted);
}

.ar-amorti-detay b[b-eqk6dlgiiz] { color: var(--bb-text); font-family: var(--bb-font-mono); }

.ar-amorti-not[b-eqk6dlgiiz] { margin-top: 6px; font-size: var(--bb-fs-xs); color: var(--bb-text-muted); }

.ar-radio-grup[b-eqk6dlgiiz] {
    display: flex;
    gap: 18px;
    padding: 6px 0;
}

.ar-radio-grup label[b-eqk6dlgiiz] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 13px;
        cursor: pointer;
    }

textarea[b-eqk6dlgiiz] {
    width: 100%;
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    background: var(--bb-surface);
    color: var(--bb-text);
    padding: 8px 10px;
    font: inherit;
    font-size: 13px;
    resize: vertical;
}

/* Tescil satırı tıklanınca tescil formu açılır */
.ar-plaka-gecmis.tiklanir[b-eqk6dlgiiz] {
    cursor: pointer;
}

    .ar-plaka-gecmis.tiklanir:hover[b-eqk6dlgiiz] {
        background: var(--bb-surface-hover);
    }

.ar-yatirim-baslik[b-eqk6dlgiiz] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: var(--bb-fs-sm);
    font-weight: 600;
    color: var(--bb-text);
}

.ar-yatirim-tablo[b-eqk6dlgiiz] {
    width: 100%;
    margin-top: 8px;
    border-collapse: collapse;
    font-size: var(--bb-fs-sm);
}

.ar-yatirim-tablo th[b-eqk6dlgiiz],
.ar-yatirim-tablo td[b-eqk6dlgiiz] {
    padding: 4px 8px;
    text-align: right;
    border-bottom: 1px solid var(--bb-border);
}

.ar-yatirim-tablo th:first-child[b-eqk6dlgiiz],
.ar-yatirim-tablo td:first-child[b-eqk6dlgiiz] { text-align: left; }

.ar-yatirim-tablo th[b-eqk6dlgiiz] { color: var(--bb-text-muted); font-weight: 500; font-size: var(--bb-fs-xs); }
.ar-yatirim-tablo td[b-eqk6dlgiiz] { font-family: var(--bb-font-mono); }
.ar-yatirim-tablo td:first-child[b-eqk6dlgiiz] { font-family: inherit; }
/* _content/bbFilo.Blazor/Pages/Auth/Login.razor.rz.scp.css */
/* ============================================================
   Login.razor.css
   Blazor scoped CSS — sadece Login sayfasına uygulanır.
   app.css'ten taşındı (Modül 2 CSS temizliği).
   ============================================================ */

.login-container[b-gb5vi2dmyn] {
    display: flex;
    width: 100%;
    height: 100vh;
    min-height: 600px;
    font-family: var(--bb-font-sans);
    background: var(--bb-dark-bg);
    overflow: hidden;
    position: fixed;
    inset: 0;
}

/* ── Sol Panel ───────────────────────────────────────────── */
.login-left[b-gb5vi2dmyn] {
    flex: 0 0 60%;
    background-image: url('/images/Login.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--bb-dark-bg);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 48px;
    min-height: 100vh;
}

.login-left-overlay[b-gb5vi2dmyn] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(10, 12, 18, 0.97) 0%, rgba(10, 12, 18, 0.4) 50%, rgba(10, 12, 18, 0.1) 100%), linear-gradient(to right, transparent 60%, rgba(17, 17, 17, 0.95) 100%);
}

.login-brand[b-gb5vi2dmyn] {
    position: relative;
    z-index: 2;
}

.login-brand-icon[b-gb5vi2dmyn] {
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
}

.login-brand-title[b-gb5vi2dmyn] {
    font-family: var(--bb-font-display);
    font-size: 52px;
    font-weight: 800;
    color: var(--bb-text);
    letter-spacing: -2px;
    line-height: 1;
}

.login-brand-accent[b-gb5vi2dmyn] {
    color: var(--bb-primary);
}

.login-slogan[b-gb5vi2dmyn] {
    font-size: 15px;
    color: var(--bb-text-muted);
    margin-top: 10px;
    font-weight: 300;
    letter-spacing: 0.5px;
}

/* ── Sağ Panel ───────────────────────────────────────────── */
.login-right[b-gb5vi2dmyn] {
    flex: 0 0 40%;
    background: var(--bb-dark-surface);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 48px 44px;
    padding-top: 64px;
    overflow-y: auto;
}

.login-form-wrapper[b-gb5vi2dmyn] {
    width: 100%;
    max-width: 360px;
}

.login-form-head[b-gb5vi2dmyn] {
    text-align: center;
    margin-bottom: 36px;
}

.login-form-icon[b-gb5vi2dmyn] {
    width: 48px;
    height: 48px;
    display: block;
    margin: 0 auto 16px auto;
}

.login-title[b-gb5vi2dmyn] {
    font-family: var(--bb-font-display);
    font-size: 24px;
    font-weight: 700;
    color: var(--bb-dark-text);
    letter-spacing: -0.5px;
    margin-bottom: 6px;
}

.login-subtitle[b-gb5vi2dmyn] {
    font-size: 13px;
    color: var(--bb-dark-text-muted);
    margin-top: 6px;
    line-height: 1.5;
}

/* ── Form Alanları ───────────────────────────────────────── */
.login-field[b-gb5vi2dmyn] {
    margin-bottom: 18px;
    position: relative;
}

    .login-field label[b-gb5vi2dmyn] {
        display: block;
        font-size: 12px;
        font-weight: 500;
        color: var(--bb-dark-text-muted);
        letter-spacing: 0.6px;
        text-transform: uppercase;
        margin-bottom: 8px;
    }

    .login-field input[b-gb5vi2dmyn] {
        width: 100%;
        height: 48px;
        border: 1px solid var(--bb-dark-input-border);
        border-radius: var(--bb-radius-md);
        padding: 0 16px;
        font-size: 15px;
        color: var(--bb-dark-text);
        font-family: var(--bb-font-sans);
        outline: none;
        transition: border-color 0.2s, background 0.2s;
        background: var(--bb-dark-input-bg);
    }

        .login-field input:focus[b-gb5vi2dmyn] {
            border-color: var(--bb-primary);
        }

        .login-field input:disabled[b-gb5vi2dmyn] {
            background: var(--bb-dark-surface2);
            color: var(--bb-dark-text-muted);
            cursor: not-allowed;
        }

        .login-field input.sifre-input[b-gb5vi2dmyn] {
            padding-right: 48px;
        }

.login-sifre-goster[b-gb5vi2dmyn] {
    position: absolute;
    right: 14px;
    bottom: 13px;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--bb-text-muted);
    font-size: 18px;
    padding: 0;
    line-height: 1;
    transition: color 0.2s;
}

    .login-sifre-goster:hover[b-gb5vi2dmyn] {
        color: var(--bb-text);
    }

/* ── Uyarı Mesajları ─────────────────────────────────────── */
.login-uyari[b-gb5vi2dmyn] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border-radius: var(--bb-radius-md);
    padding: 11px 14px;
    font-size: 13px;
    margin-bottom: 16px;
    line-height: 1.5;
    animation: loginUyariGiris-b-gb5vi2dmyn 0.2s ease;
}

    .login-uyari i[b-gb5vi2dmyn] {
        font-size: 15px;
        flex-shrink: 0;
        margin-top: 1px;
    }

.login-uyari-hata[b-gb5vi2dmyn] {
    background: var(--bb-error-light);
    border: 1px solid var(--bb-error);
    color: var(--bb-error);
}

.login-uyari-basari[b-gb5vi2dmyn] {
    background: var(--bb-success-light);
    border: 1px solid var(--bb-success);
    color: var(--bb-success);
}

.login-uyari-uyari[b-gb5vi2dmyn] {
    background: var(--bb-warning-light);
    border: 1px solid var(--bb-warning);
    color: var(--bb-warning);
}

@keyframes loginUyariGiris-b-gb5vi2dmyn {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── Butonlar ────────────────────────────────────────────── */
.login-btn[b-gb5vi2dmyn] {
    width: 100%;
    height: 50px;
    background: var(--bb-primary);
    border: none;
    border-radius: var(--bb-radius-md);
    color: var(--bb-bg);
    font-family: var(--bb-font-sans);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.3px;
    cursor: pointer;
    margin-top: 8px;
    transition: background 0.2s, transform 0.1s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

    .login-btn:hover:not(:disabled)[b-gb5vi2dmyn] {
        background: var(--bb-primary-hover);
    }

    .login-btn:active:not(:disabled)[b-gb5vi2dmyn] {
        transform: scale(0.99);
    }

    .login-btn:disabled[b-gb5vi2dmyn] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.login-btn-secondary[b-gb5vi2dmyn] {
    width: 100%;
    height: 50px;
    background: transparent;
    border: 1.5px solid var(--bb-border);
    border-radius: var(--bb-radius-md);
    color: var(--bb-text-muted);
    font-family: var(--bb-font-sans);
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    margin-top: 8px;
    transition: background 0.2s, border-color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

    .login-btn-secondary:hover:not(:disabled)[b-gb5vi2dmyn] {
        background: var(--bb-surface);
        border-color: var(--bb-border-hover);
    }

    .login-btn-secondary:disabled[b-gb5vi2dmyn] {
        opacity: 0.6;
        cursor: not-allowed;
    }

/* ── Mobil Header ────────────────────────────────────────── */
.login-mobile-header[b-gb5vi2dmyn] {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 28px 0 12px;
    margin-bottom: 0;
    width: 100%;
}

.login-mobile-logo[b-gb5vi2dmyn] {
    width: 32px;
    height: 32px;
}

.login-mobile-marka[b-gb5vi2dmyn] {
    font-family: var(--bb-font-display);
    font-size: 20px;
    font-weight: 800;
    color: var(--bb-dark-text);
    letter-spacing: -1px;
}

.login-mobile-marka-accent[b-gb5vi2dmyn] {
    color: var(--bb-primary);
}

/* ── Şifre Politika İpuçları ─────────────────────────────── */
.login-sifre-ipucu[b-gb5vi2dmyn] {
    font-size: 11px;
    color: var(--bb-text-muted);
    margin-top: 6px;
    padding-left: 2px;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 768px) {
    .login-left[b-gb5vi2dmyn] {
        display: none;
    }

    .login-form-icon[b-gb5vi2dmyn] {
        display: none !important;
    }

    .login-right[b-gb5vi2dmyn] {
        flex: 1;
        width: 100%;
        min-height: 100vh;
        padding: 40px 28px;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .login-mobile-header[b-gb5vi2dmyn] {
        display: flex;
        justify-content: center;
    }

    .login-form-wrapper[b-gb5vi2dmyn] {
        width: 100%;
        max-width: 360px;
    }
}
/* _content/bbFilo.Blazor/Pages/Auth/SifreDegistir.razor.rz.scp.css */
/* ============================================================
   SifreDegistir.razor.css
   Blazor scoped CSS — sadece SifreDegistir sayfasına uygulanır.
   Login sayfasıyla aynı stilleri paylaşır — Blazor scoped CSS
   paylaşım desteklemediği için kopyalanmıştır.
   ============================================================ */

.login-container[b-e5u5m4c55f] {
    display: flex;
    width: 100%;
    height: 100vh;
    min-height: 600px;
    font-family: var(--bb-font-sans);
    background: var(--bb-dark-bg);
    overflow: hidden;
    position: fixed;
    inset: 0;
}

/* ── Sol Panel ───────────────────────────────────────────── */
.login-left[b-e5u5m4c55f] {
    flex: 0 0 60%;
    background-image: url('/images/Login.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--bb-dark-bg);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 48px;
    min-height: 100vh;
}

.login-left-overlay[b-e5u5m4c55f] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(10, 12, 18, 0.97) 0%, rgba(10, 12, 18, 0.4) 50%, rgba(10, 12, 18, 0.1) 100%), linear-gradient(to right, transparent 60%, rgba(17, 17, 17, 0.95) 100%);
}

.login-brand[b-e5u5m4c55f] {
    position: relative;
    z-index: 2;
}

.login-brand-icon[b-e5u5m4c55f] {
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
}

.login-brand-title[b-e5u5m4c55f] {
    font-family: var(--bb-font-display);
    font-size: 52px;
    font-weight: 800;
    color: var(--bb-text);
    letter-spacing: -2px;
    line-height: 1;
}

.login-brand-accent[b-e5u5m4c55f] {
    color: var(--bb-primary);
}

.login-slogan[b-e5u5m4c55f] {
    font-size: 15px;
    color: var(--bb-text-muted);
    margin-top: 10px;
    font-weight: 300;
    letter-spacing: 0.5px;
}

/* ── Sağ Panel ───────────────────────────────────────────── */
.login-right[b-e5u5m4c55f] {
    flex: 0 0 40%;
    background: var(--bb-dark-surface);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 48px 44px;
    padding-top: 64px;
    overflow-y: auto;
}

.login-form-wrapper[b-e5u5m4c55f] {
    width: 100%;
    max-width: 360px;
}

.login-form-head[b-e5u5m4c55f] {
    text-align: center;
    margin-bottom: 36px;
}

.login-form-icon[b-e5u5m4c55f] {
    width: 48px;
    height: 48px;
    display: block;
    margin: 0 auto 16px auto;
}

.login-title[b-e5u5m4c55f] {
    font-family: var(--bb-font-display);
    font-size: 24px;
    font-weight: 700;
    color: var(--bb-dark-text);
    letter-spacing: -0.5px;
    margin-bottom: 6px;
}

.login-subtitle[b-e5u5m4c55f] {
    font-size: 13px;
    color: var(--bb-dark-text-muted);
    margin-top: 6px;
    line-height: 1.5;
}

/* ── Form Alanları ───────────────────────────────────────── */
.login-field[b-e5u5m4c55f] {
    margin-bottom: 18px;
    position: relative;
}

    .login-field label[b-e5u5m4c55f] {
        display: block;
        font-size: 12px;
        font-weight: 500;
        color: var(--bb-dark-text-muted);
        letter-spacing: 0.6px;
        text-transform: uppercase;
        margin-bottom: 8px;
    }

    .login-field input[b-e5u5m4c55f] {
        width: 100%;
        height: 48px;
        border: 1px solid var(--bb-dark-input-border);
        border-radius: var(--bb-radius-md);
        padding: 0 16px;
        font-size: 15px;
        color: var(--bb-dark-text);
        font-family: var(--bb-font-sans);
        outline: none;
        transition: border-color 0.2s, background 0.2s;
        background: var(--bb-dark-input-bg);
    }

        .login-field input:focus[b-e5u5m4c55f] {
            border-color: var(--bb-primary);
        }

        .login-field input:disabled[b-e5u5m4c55f] {
            background: var(--bb-dark-surface2);
            color: var(--bb-dark-text-muted);
            cursor: not-allowed;
        }

        .login-field input.sifre-input[b-e5u5m4c55f] {
            padding-right: 48px;
        }

.login-sifre-goster[b-e5u5m4c55f] {
    position: absolute;
    right: 14px;
    bottom: 13px;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--bb-text-muted);
    font-size: 18px;
    padding: 0;
    line-height: 1;
    transition: color 0.2s;
}

    .login-sifre-goster:hover[b-e5u5m4c55f] {
        color: var(--bb-text);
    }

/* ── Uyarı Mesajları ─────────────────────────────────────── */
.login-uyari[b-e5u5m4c55f] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border-radius: var(--bb-radius-md);
    padding: 11px 14px;
    font-size: 13px;
    margin-bottom: 16px;
    line-height: 1.5;
    animation: loginUyariGiris-b-e5u5m4c55f 0.2s ease;
}

    .login-uyari i[b-e5u5m4c55f] {
        font-size: 15px;
        flex-shrink: 0;
        margin-top: 1px;
    }

.login-uyari-hata[b-e5u5m4c55f] {
    background: var(--bb-error-light);
    border: 1px solid var(--bb-error);
    color: var(--bb-error);
}

.login-uyari-basari[b-e5u5m4c55f] {
    background: var(--bb-success-light);
    border: 1px solid var(--bb-success);
    color: var(--bb-success);
}

.login-uyari-uyari[b-e5u5m4c55f] {
    background: var(--bb-warning-light);
    border: 1px solid var(--bb-warning);
    color: var(--bb-warning);
}

@keyframes loginUyariGiris-b-e5u5m4c55f {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── Butonlar ────────────────────────────────────────────── */
.login-btn[b-e5u5m4c55f] {
    width: 100%;
    height: 50px;
    background: var(--bb-primary);
    border: none;
    border-radius: var(--bb-radius-md);
    color: var(--bb-bg);
    font-family: var(--bb-font-sans);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.3px;
    cursor: pointer;
    margin-top: 8px;
    transition: background 0.2s, transform 0.1s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

    .login-btn:hover:not(:disabled)[b-e5u5m4c55f] {
        background: var(--bb-primary-hover);
    }

    .login-btn:active:not(:disabled)[b-e5u5m4c55f] {
        transform: scale(0.99);
    }

    .login-btn:disabled[b-e5u5m4c55f] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.login-btn-secondary[b-e5u5m4c55f] {
    width: 100%;
    height: 50px;
    background: transparent;
    border: 1.5px solid var(--bb-border);
    border-radius: var(--bb-radius-md);
    color: var(--bb-text-muted);
    font-family: var(--bb-font-sans);
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    margin-top: 8px;
    transition: background 0.2s, border-color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

    .login-btn-secondary:hover:not(:disabled)[b-e5u5m4c55f] {
        background: var(--bb-surface);
        border-color: var(--bb-border-hover);
    }

    .login-btn-secondary:disabled[b-e5u5m4c55f] {
        opacity: 0.6;
        cursor: not-allowed;
    }

/* ── Mobil Header ────────────────────────────────────────── */
.login-mobile-header[b-e5u5m4c55f] {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 28px 0 12px;
    margin-bottom: 0;
    width: 100%;
}

.login-mobile-logo[b-e5u5m4c55f] {
    width: 32px;
    height: 32px;
}

.login-mobile-marka[b-e5u5m4c55f] {
    font-family: var(--bb-font-display);
    font-size: 20px;
    font-weight: 800;
    color: var(--bb-dark-text);
    letter-spacing: -1px;
}

.login-mobile-marka-accent[b-e5u5m4c55f] {
    color: var(--bb-primary);
}

/* ── Şifre Politika İpuçları ─────────────────────────────── */
.login-sifre-ipucu[b-e5u5m4c55f] {
    font-size: 11px;
    color: var(--bb-text-muted);
    margin-top: 6px;
    padding-left: 2px;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 768px) {
    .login-left[b-e5u5m4c55f] {
        display: none;
    }

    .login-form-icon[b-e5u5m4c55f] {
        display: none !important;
    }

    .login-right[b-e5u5m4c55f] {
        flex: 1;
        width: 100%;
        min-height: 100vh;
        padding: 40px 28px;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .login-mobile-header[b-e5u5m4c55f] {
        display: flex;
        justify-content: center;
    }

    .login-form-wrapper[b-e5u5m4c55f] {
        width: 100%;
        max-width: 360px;
    }
}
/* _content/bbFilo.Blazor/Pages/Ayarlar/Anahtarlar.razor.rz.scp.css */
.ga-sayfa[b-thitr0p60x] { max-width: 760px; margin: 0 auto; padding: var(--bb-space-4); display: flex; flex-direction: column; gap: var(--bb-space-3); }
.ga-baslik[b-thitr0p60x] { display: flex; align-items: center; gap: var(--bb-space-2); font-size: var(--bb-fs-xl); font-weight: 600; color: var(--bb-text); }
.ga-bos[b-thitr0p60x] { color: var(--bb-text-muted); padding: var(--bb-space-4); text-align: center; }

.ga-kart[b-thitr0p60x] { background: var(--bb-surface); border: 1px solid var(--bb-border); border-radius: var(--bb-radius-md); padding: var(--bb-space-3); display: flex; flex-direction: column; gap: var(--bb-space-2); }
.ga-kart-ust[b-thitr0p60x] { display: flex; align-items: center; gap: var(--bb-space-2); flex-wrap: wrap; }
.ga-kart-ad[b-thitr0p60x] { flex: 1; min-width: 0; font-weight: 600; color: var(--bb-text); display: flex; align-items: center; gap: var(--bb-space-2); flex-wrap: wrap; }
.ga-kod[b-thitr0p60x] { font-size: var(--bb-fs-xs); color: var(--bb-text-muted); background: var(--bb-surface2); padding: 1px 6px; border-radius: var(--bb-radius-sm); }
.ga-rozetler[b-thitr0p60x] { display: flex; gap: var(--bb-space-2); flex-wrap: wrap; }
.ga-rozet[b-thitr0p60x] { font-size: var(--bb-fs-xs); padding: 2px 8px; border-radius: 999px; border: 1px solid var(--bb-border); color: var(--bb-text-muted); }
.ga-rozet.var[b-thitr0p60x] { color: var(--bb-success); border-color: var(--bb-success); }
.ga-rozet.bozuk[b-thitr0p60x] { color: var(--bb-error); border-color: var(--bb-error); background: var(--bb-error-light); }
.ga-ipucu[b-thitr0p60x] { font-size: var(--bb-fs-xs); color: var(--bb-text-muted); }

.ga-duzen[b-thitr0p60x] { display: flex; flex-direction: column; gap: var(--bb-space-2); border-top: 1px solid var(--bb-border); padding-top: var(--bb-space-2); }
.ga-kapsam[b-thitr0p60x] { display: flex; gap: var(--bb-space-4); font-size: var(--bb-fs-sm); color: var(--bb-text); flex-wrap: wrap; }
.ga-kapsam label[b-thitr0p60x] { display: flex; align-items: center; gap: 4px; cursor: pointer; }
.ga-duzen textarea[b-thitr0p60x] { width: 100%; font-family: monospace; font-size: var(--bb-fs-sm); }
.ga-dugmeler[b-thitr0p60x] { display: flex; gap: var(--bb-space-2); flex-wrap: wrap; }
.ga-goster[b-thitr0p60x] { background: var(--bb-surface2); }

@media (max-width: 640px) { .ga-sayfa[b-thitr0p60x] { padding: var(--bb-space-2); } }
/* _content/bbFilo.Blazor/Pages/Ayarlar/BaglantiAyarlari.razor.rz.scp.css */
/* ──────────────────────────────────────────────────────────────
   Bağlantı Ayarları — Scoped CSS
   pa-* sınıfları Program.razor.css'ten kopyalandı (scoped paylaşım yok)
   ba-* sınıfları bu sayfaya özel
   ────────────────────────────────────────────────────────────── */

/* ── Sayfa kapsayıcı ─────────────────────────────────────────── */
.pa-sayfa[b-dc7iv9cgb4] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ── Üst Bar ─────────────────────────────────────────────────── */
.pa-ust-bar[b-dc7iv9cgb4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    background: var(--bb-surface);
    border: 1px solid var(--bb-border);
    border-radius: 8px;
}

.pa-ust-bar-baslik[b-dc7iv9cgb4] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 15px;
    color: var(--bb-text);
}

    .pa-ust-bar-baslik i[b-dc7iv9cgb4] {
        font-size: 16px;
        color: var(--bb-primary);
    }

.pa-ust-bar-butonlar[b-dc7iv9cgb4] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ── Flat buton ──────────────────────────────────────────────── */
.pa-btn-flat[b-dc7iv9cgb4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 14px;
    height: 34px;
    background: none;
    border: 1px solid var(--bb-border);
    border-radius: 6px;
    color: var(--bb-text-muted);
    font-size: 13px;
    cursor: pointer;
    transition: all 0.15s;
}

    .pa-btn-flat:hover:not(:disabled)[b-dc7iv9cgb4] {
        color: var(--bb-text);
        border-color: var(--bb-border-hover);
        background: var(--bb-surface-hover);
    }

    .pa-btn-flat:disabled[b-dc7iv9cgb4] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* ── Ana Kaydet butonu ───────────────────────────────────────── */
.pa-btn-kaydet-ana[b-dc7iv9cgb4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 16px;
    height: 34px;
    background: var(--bb-primary);
    border: none;
    border-radius: 6px;
    color: var(--bb-zit-metin);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s;
}

    .pa-btn-kaydet-ana:hover:not(:disabled)[b-dc7iv9cgb4] {
        background: var(--bb-primary-hover);
    }

    .pa-btn-kaydet-ana:disabled[b-dc7iv9cgb4] {
        opacity: 0.6;
        cursor: not-allowed;
    }

/* ── Grup kartı ──────────────────────────────────────────────── */
.pa-grup[b-dc7iv9cgb4] {
    border: 1px solid var(--bb-border);
    border-radius: 10px;
    overflow: hidden;
    background: var(--bb-surface);
}

.pa-grup-baslik[b-dc7iv9cgb4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    font-weight: 600;
    font-size: 14px;
    color: var(--bb-text);
    background: var(--bb-surface-alt);
    user-select: none;
}

    .pa-grup-baslik i:first-child[b-dc7iv9cgb4] {
        color: var(--bb-primary);
        font-size: 15px;
    }

.pa-grup-baslik-sol[b-dc7iv9cgb4] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pa-grup-icerik[b-dc7iv9cgb4] {
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ── Grid & Field ────────────────────────────────────────────── */
.pa-grid[b-dc7iv9cgb4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.pa-field[b-dc7iv9cgb4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .pa-field label[b-dc7iv9cgb4] {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 12px;
        font-weight: 500;
        color: var(--bb-text-muted);
        letter-spacing: 0.4px;
        text-transform: uppercase;
    }

    .pa-field input[type="text"][b-dc7iv9cgb4],
    .pa-field input[type="password"][b-dc7iv9cgb4],
    .pa-field input[type="number"][b-dc7iv9cgb4] {
        width: 100%;
        padding: 7px 10px;
        background: var(--bb-input-bg);
        border: 1px solid var(--bb-border);
        border-radius: 6px;
        color: var(--bb-text);
        font-size: 13px;
        transition: border-color 0.15s;
        box-sizing: border-box;
    }

    .pa-field input:focus[b-dc7iv9cgb4] {
        outline: none;
        border-color: var(--bb-primary);
    }

    .pa-field input[readonly][b-dc7iv9cgb4] {
        background: var(--bb-surface-alt);
        color: var(--bb-text-muted);
        cursor: default;
    }

.pa-kilit-ikon[b-dc7iv9cgb4] {
    font-size: 11px;
    color: var(--bb-text-muted);
    opacity: 0.7;
}

.pa-field-not[b-dc7iv9cgb4] {
    font-size: 11px;
    color: var(--bb-text-muted);
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 4px;
}

    .pa-field-not code[b-dc7iv9cgb4] {
        background: var(--bb-surface-alt);
        padding: 1px 5px;
        border-radius: 3px;
        font-size: 11px;
        color: var(--bb-primary);
    }

/* ── Mesaj ───────────────────────────────────────────────────── */
.pa-mesaj[b-dc7iv9cgb4] {
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 13px;
}

    .pa-mesaj.basari[b-dc7iv9cgb4] {
        background: var(--bb-success-light);
        border: 1px solid var(--bb-success);
        color: var(--bb-success);
    }

    .pa-mesaj.hata[b-dc7iv9cgb4] {
        background: var(--bb-error-light);
        border: 1px solid var(--bb-error-light);
        color: var(--bb-error);
    }

    .pa-mesaj.bilgi[b-dc7iv9cgb4] {
        background: var(--bb-engineering-light);
        border: 1px solid var(--bb-primary);
        color: var(--bb-primary);
    }

/* ── Spin ────────────────────────────────────────────────────── */
.pa-spin[b-dc7iv9cgb4] {
    animation: pa-spin-anim-b-dc7iv9cgb4 1s linear infinite;
    display: inline-block;
}

@keyframes pa-spin-anim-b-dc7iv9cgb4 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* ══════════════════════════════════════════════════════════════
   ba-* — Bağlantı Ayarları sayfasına özel
   ══════════════════════════════════════════════════════════════ */

/* ── Sunucu Tipi Seçici ──────────────────────────────────────── */
.ba-sunucu-tip[b-dc7iv9cgb4] {
    display: flex;
    gap: 20px;
    padding: 10px 14px;
    background: var(--bb-surface-alt);
    border: 1px solid var(--bb-border);
    border-radius: 8px;
}

.ba-radio-label[b-dc7iv9cgb4] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--bb-text);
    cursor: pointer;
    user-select: none;
}

    .ba-radio-label input[type="radio"][b-dc7iv9cgb4] {
        width: 16px;
        height: 16px;
        accent-color: var(--bb-primary);
        cursor: pointer;
    }

    .ba-radio-label i[b-dc7iv9cgb4] {
        font-size: 15px;
        color: var(--bb-text-muted);
    }

/* ── Toggle Checkboxlar ──────────────────────────────────────── */
.ba-togglelar[b-dc7iv9cgb4] {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    padding: 12px 0;
    border-top: 1px solid var(--bb-border);
    border-bottom: 1px solid var(--bb-border);
}

.ba-toggle-label[b-dc7iv9cgb4] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--bb-text);
    cursor: pointer;
    user-select: none;
}

    .ba-toggle-label input[type="checkbox"][b-dc7iv9cgb4] {
        width: 16px;
        height: 16px;
        accent-color: var(--bb-primary);
        cursor: pointer;
    }

/* ── Bağlantı Cümlesi ────────────────────────────────────────── */
.ba-conn-string-field[b-dc7iv9cgb4] {
    margin-top: 4px;
}

.ba-conn-string-row[b-dc7iv9cgb4] {
    display: flex;
    gap: 8px;
}

    .ba-conn-string-row input[b-dc7iv9cgb4] {
        flex: 1;
        padding: 7px 10px;
        background: var(--bb-surface-alt);
        border: 1px solid var(--bb-border);
        border-radius: 6px;
        color: var(--bb-text-muted);
        font-size: 12px;
        font-family: monospace;
        cursor: default;
    }

.ba-kopyala-btn[b-dc7iv9cgb4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 14px;
    background: var(--bb-surface-alt);
    border: 1px solid var(--bb-border);
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    color: var(--bb-text-muted);
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.15s;
}

    .ba-kopyala-btn:hover[b-dc7iv9cgb4] {
        background: var(--bb-surface-hover);
        color: var(--bb-text);
    }

/* ── Üst Bar Buton Renkleri ──────────────────────────────────── */
.pa-btn-test[b-dc7iv9cgb4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 14px;
    height: 34px;
    background: var(--bb-bg-inverted, var(--bb-koyu-zemin));
    border: none;
    border-radius: 6px;
    color: var(--bb-zit-metin);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.15s;
}

    .pa-btn-test:hover:not(:disabled)[b-dc7iv9cgb4] {
        opacity: 0.85;
    }

    .pa-btn-test:disabled[b-dc7iv9cgb4] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.pa-btn-migration[b-dc7iv9cgb4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 14px;
    height: 34px;
    background: var(--bb-success);
    border: none;
    border-radius: 6px;
    color: var(--bb-zit-metin);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s;
}

    .pa-btn-migration:hover:not(:disabled)[b-dc7iv9cgb4] {
        background: var(--bb-success);
    }

    .pa-btn-migration:disabled[b-dc7iv9cgb4] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.pa-btn-kaydet[b-dc7iv9cgb4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 16px;
    height: 34px;
    background: var(--bb-primary);
    border: none;
    border-radius: 6px;
    color: var(--bb-zit-metin);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s;
}

    .pa-btn-kaydet:hover:not(:disabled)[b-dc7iv9cgb4] {
        background: var(--bb-primary-hover);
    }

    .pa-btn-kaydet:disabled[b-dc7iv9cgb4] {
        opacity: 0.5;
        cursor: not-allowed;
    }
/* _content/bbFilo.Blazor/Pages/Ayarlar/BelgeSablonlari.razor.rz.scp.css */
/* Belge şablonları sayfası */
.bs-sayfa[b-e7wiz0wsow] {
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-4);
    padding: var(--bb-space-4);
    overflow-y: auto;
}

.bs-kutu[b-e7wiz0wsow] {
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-md);
    padding: var(--bb-space-3) var(--bb-space-4);
    background: var(--bb-bg);
}

    .bs-kutu h3[b-e7wiz0wsow] {
        font-size: var(--bb-fs-lg);
        margin: 0 0 var(--bb-space-2);
    }

.bs-ust[b-e7wiz0wsow] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--bb-space-2);
}

.bs-yukle[b-e7wiz0wsow] {
    position: relative;
    overflow: hidden;
}

    .bs-yukle[b-e7wiz0wsow]  input[type="file"] { position: absolute; inset: 0; opacity: 0; cursor: pointer; font-size: 0; }

.bs-satir[b-e7wiz0wsow] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bb-space-1) var(--bb-space-2);
    padding: var(--bb-space-2) 0;
    border-bottom: 1px solid var(--bb-border);
    font-size: var(--bb-fs-sm);
}

.bs-eylem[b-e7wiz0wsow] {
    margin-left: auto;
    display: inline-flex;
    gap: var(--bb-space-1);
}

.bs-alan[b-e7wiz0wsow] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bb-space-2);
    padding: 2px 0;
    font-size: var(--bb-fs-sm);
}

    .bs-alan code[b-e7wiz0wsow] {
        font-family: var(--bb-font-mono);
        color: var(--bb-primary);
        min-width: 16rem;
    }
/* _content/bbFilo.Blazor/Pages/Ayarlar/Bildirimler.razor.rz.scp.css */
/* Bildirim Ayarları sayfası (17 Eki 2026); form stilleri BildirimAyarlariFormu.razor.css */
.ba-govde[b-qjt6s8ycoy] {
    padding: var(--bb-space-4);
    max-width: 760px;
    overflow-y: auto;
}

/* _content/bbFilo.Blazor/Pages/Ayarlar/KullaniciAyarlari.razor.rz.scp.css */
/* ──────────────────────────────────────────────────────────────
   Kullanıcı Ayarları — Scoped CSS
   NOT: parent-child seçiciler (.pa-grup-kapali .pa-alanlar vb.)
        app.css'e yazılmıştır — burada sadece bağımsız stiller
   ────────────────────────────────────────────────────────────── */

/* Sayfa kapsayıcı */
.pa-sayfa[b-lo41j9vlj0] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ── Üst Bar ─────────────────────────────────────────────────── */
.pa-ust-bar[b-lo41j9vlj0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    background: var(--bb-surface);
    border: 1px solid var(--bb-border);
    border-radius: 8px;
}

.pa-ust-bar-baslik[b-lo41j9vlj0] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 15px;
    color: var(--bb-text);
}

    .pa-ust-bar-baslik i[b-lo41j9vlj0] {
        font-size: 16px;
        color: var(--bb-primary);
    }

.pa-ust-bar-butonlar[b-lo41j9vlj0] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Flat butonlar (Aktar) */
.pa-btn-flat[b-lo41j9vlj0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 14px;
    height: 34px;
    background: none;
    border: 1px solid var(--bb-border);
    border-radius: 6px;
    color: var(--bb-text-muted);
    font-size: 13px;
    cursor: pointer;
    transition: all 0.15s;
}

    .pa-btn-flat:hover:not(:disabled)[b-lo41j9vlj0] {
        color: var(--bb-text);
        border-color: var(--bb-border-hover);
        background: var(--bb-surface-hover);
    }

    .pa-btn-flat:disabled[b-lo41j9vlj0] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* Ana Kaydet butonu */
.pa-btn-kaydet-ana[b-lo41j9vlj0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 16px;
    height: 34px;
    background: var(--bb-primary);
    border: none;
    border-radius: 6px;
    color: var(--bb-zit-metin);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s;
}

    .pa-btn-kaydet-ana:hover:not(:disabled)[b-lo41j9vlj0] {
        background: var(--bb-primary-hover);
    }

    .pa-btn-kaydet-ana:disabled[b-lo41j9vlj0] {
        opacity: 0.6;
        cursor: not-allowed;
    }

/* ── Yükleniyor ──────────────────────────────────────────────── */
.pa-yukleniyor[b-lo41j9vlj0] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 48px 0;
    color: var(--bb-text-muted);
    font-size: 14px;
    justify-content: center;
}

/* ── Grup kartı ──────────────────────────────────────────────── */
.pa-grup[b-lo41j9vlj0] {
    border: 1px solid var(--bb-border);
    border-radius: 10px;
    overflow: hidden;
    background: var(--bb-surface);
    margin-bottom: 0;
}

.pa-grup-baslik[b-lo41j9vlj0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 18px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    color: var(--bb-text);
    background: var(--bb-surface-alt);
    user-select: none;
    transition: background 0.12s;
}

    .pa-grup-baslik:hover[b-lo41j9vlj0] {
        background: var(--bb-surface-hover);
    }

    .pa-grup-baslik i:first-child[b-lo41j9vlj0] {
        color: var(--bb-primary);
        font-size: 15px;
    }

.pa-chevron[b-lo41j9vlj0] {
    color: var(--bb-text-muted);
    font-size: 12px;
}

/* ── Alan grid ───────────────────────────────────────────────── */
.pa-alanlar[b-lo41j9vlj0] {
    padding: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
}

.pa-alan[b-lo41j9vlj0] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pa-label[b-lo41j9vlj0] {
    font-size: 13px;
    font-weight: 500;
    color: var(--bb-text);
}

.pa-aciklama[b-lo41j9vlj0] {
    font-size: 11px;
    color: var(--bb-text-muted);
}

.pa-input[b-lo41j9vlj0] {
    height: 36px;
    padding: 0 10px;
    border: 1px solid var(--bb-border);
    border-radius: 6px;
    background: var(--bb-input-bg, var(--bb-bg));
    color: var(--bb-text);
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.15s;
}

    .pa-input:focus[b-lo41j9vlj0] {
        outline: none;
        border-color: var(--bb-primary);
    }

/* ── Toggle switch ───────────────────────────────────────────── */
.pa-toggle[b-lo41j9vlj0] {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 36px;
    cursor: pointer;
}

    .pa-toggle input[b-lo41j9vlj0] {
        opacity: 0;
        width: 0;
        height: 0;
        position: absolute;
    }

.pa-toggle-slider[b-lo41j9vlj0] {
    width: 40px;
    height: 22px;
    background: var(--bb-border);
    border-radius: 11px;
    transition: background 0.2s;
    position: relative;
}

    .pa-toggle-slider[b-lo41j9vlj0]::after {
        content: '';
        position: absolute;
        top: 3px;
        left: 3px;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: white;
        transition: transform 0.2s;
    }

.pa-toggle input:checked + .pa-toggle-slider[b-lo41j9vlj0] {
    background: var(--bb-primary);
}

    .pa-toggle input:checked + .pa-toggle-slider[b-lo41j9vlj0]::after {
        transform: translateX(18px);
    }

/* ── Spin animasyonu ─────────────────────────────────────────── */
.pa-spin[b-lo41j9vlj0] {
    animation: ka-spin-anim-b-lo41j9vlj0 1s linear infinite;
    display: inline-block;
}

@keyframes ka-spin-anim-b-lo41j9vlj0 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* _content/bbFilo.Blazor/Pages/Ayarlar/ProgramAyarlari.razor.rz.scp.css */
/* ──────────────────────────────────────────────────────────────
   Program Ayarları — Scoped CSS
   NOT: parent-child seçiciler (.pa-grup-kapali .pa-alanlar vb.)
        app.css'e yazılmıştır — burada sadece bağımsız stiller
   ────────────────────────────────────────────────────────────── */

/* Sayfa kapsayıcı */
.pa-sayfa[b-q15h2bz0k5] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ── Üst Bar ─────────────────────────────────────────────────── */
.pa-ust-bar[b-q15h2bz0k5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    background: var(--bb-surface);
    border: 1px solid var(--bb-border);
    border-radius: 8px;
}

.pa-ust-bar-baslik[b-q15h2bz0k5] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 15px;
    color: var(--bb-text);
}

    .pa-ust-bar-baslik i[b-q15h2bz0k5] {
        font-size: 16px;
        color: var(--bb-primary);
    }

.pa-ust-bar-butonlar[b-q15h2bz0k5] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Flat butonlar (Aktar) */
.pa-btn-flat[b-q15h2bz0k5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 14px;
    height: 34px;
    background: none;
    border: 1px solid var(--bb-border);
    border-radius: 6px;
    color: var(--bb-text-muted);
    font-size: 13px;
    cursor: pointer;
    transition: all 0.15s;
}

    .pa-btn-flat:hover:not(:disabled)[b-q15h2bz0k5] {
        color: var(--bb-text);
        border-color: var(--bb-border-hover);
        background: var(--bb-surface-hover);
    }

    .pa-btn-flat:disabled[b-q15h2bz0k5] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* Ana Kaydet butonu */
.pa-btn-kaydet-ana[b-q15h2bz0k5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 16px;
    height: 34px;
    background: var(--bb-primary);
    border: none;
    border-radius: 6px;
    color: var(--bb-zit-metin);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s;
}

    .pa-btn-kaydet-ana:hover:not(:disabled)[b-q15h2bz0k5] {
        background: var(--bb-primary-hover);
    }

    .pa-btn-kaydet-ana:disabled[b-q15h2bz0k5] {
        opacity: 0.6;
        cursor: not-allowed;
    }

/* ── Yükleniyor ──────────────────────────────────────────────── */
.pa-yukleniyor[b-q15h2bz0k5] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 48px 0;
    color: var(--bb-text-muted);
    font-size: 14px;
    justify-content: center;
}

/* ── Grup kartı ──────────────────────────────────────────────── */
.pa-grup[b-q15h2bz0k5] {
    border: 1px solid var(--bb-border);
    border-radius: 10px;
    overflow: hidden;
    background: var(--bb-surface);
}

.pa-grup-baslik[b-q15h2bz0k5] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    color: var(--bb-text);
    background: var(--bb-surface-alt);
    user-select: none;
    transition: background 0.12s;
}

    .pa-grup-baslik:hover[b-q15h2bz0k5] {
        background: var(--bb-surface-hover);
    }

    .pa-grup-baslik i:first-child[b-q15h2bz0k5] {
        color: var(--bb-primary);
        font-size: 15px;
    }

.pa-chevron[b-q15h2bz0k5] {
    margin-left: auto;
    color: var(--bb-text-muted);
    font-size: 12px;
}

/* ── Alan satırları ──────────────────────────────────────────── */
.pa-alan[b-q15h2bz0k5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    gap: 12px;
    padding: 14px 18px;
    border-top: 1px solid var(--bb-border);
}

.pa-label[b-q15h2bz0k5] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 500;
    color: var(--bb-text);
    padding-top: 6px;
}

.pa-aciklama[b-q15h2bz0k5] {
    font-size: 11px;
    font-weight: 400;
    color: var(--bb-text-muted);
    line-height: 1.4;
    grid-column: 1 / -1;
}

.pa-input[b-q15h2bz0k5] {
    width: 100%;
    padding: 7px 10px;
    background: var(--bb-input-bg);
    border: 1px solid var(--bb-border);
    border-radius: 6px;
    color: var(--bb-text);
    font-size: 13px;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

    .pa-input:focus[b-q15h2bz0k5] {
        outline: none;
        border-color: var(--bb-primary);
    }

    .pa-input:disabled[b-q15h2bz0k5] {
        background: var(--bb-surface-alt);
        color: var(--bb-text-muted);
        cursor: not-allowed;
    }

/* ── Toggle switch ───────────────────────────────────────────── */
.pa-toggle[b-q15h2bz0k5] {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    margin-top: 4px;
}

    .pa-toggle input[b-q15h2bz0k5] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.pa-toggle-slider[b-q15h2bz0k5] {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background: var(--bb-border);
    border-radius: 24px;
    transition: background 0.2s;
}

    .pa-toggle-slider[b-q15h2bz0k5]::before {
        content: "";
        position: absolute;
        height: 18px;
        width: 18px;
        left: 3px;
        bottom: 3px;
        background: var(--bb-bg);
        border-radius: 50%;
        transition: transform 0.2s;
    }

.pa-toggle input:checked + .pa-toggle-slider[b-q15h2bz0k5] {
    background: var(--bb-primary);
}

    .pa-toggle input:checked + .pa-toggle-slider[b-q15h2bz0k5]::before {
        transform: translateX(20px);
    }

.pa-toggle-disabled[b-q15h2bz0k5] {
    opacity: 0.5;
    pointer-events: none;
}

/* ── Disabled alan ───────────────────────────────────────────── */
.pa-alan-disabled[b-q15h2bz0k5] {
    opacity: 0.6;
}

.pa-disabled-badge[b-q15h2bz0k5] {
    font-size: 11px;
    color: var(--bb-text-muted);
}

/* ── Spin animasyonu ─────────────────────────────────────────── */
.pa-spin[b-q15h2bz0k5] {
    animation: pa-spin-anim-b-q15h2bz0k5 1s linear infinite;
    display: inline-block;
}

@keyframes pa-spin-anim-b-q15h2bz0k5 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* _content/bbFilo.Blazor/Pages/Dashboard/Dashboard.razor.rz.scp.css */
/* ============================================================
   Dashboard.razor.css
   db-* prefix — özet paneli: KPI kartları, dağılım çubukları, hareket listesi, ay özeti
   ============================================================ */

.db-icerik[b-1gowmf6xcw] {
    flex: 1;
    min-width: 0;
    overflow-y: auto;
    padding: 16px 20px;
    background: var(--bb-surface);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.db-tarih[b-1gowmf6xcw] {
    font-size: 12px;
    color: var(--bb-text-muted);
    margin-left: 10px;
}

/* ── KPI ── */
.db-kpi-grid[b-1gowmf6xcw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr));
    gap: 12px;
}

.db-kpi[b-1gowmf6xcw] {
    --db-renk: var(--bb-primary);
    text-align: left;
    background: var(--bb-bg);
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-md);
    padding: 14px 16px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    font: inherit;
    color: var(--bb-text);
    min-width: 0;
}

    .db-kpi[b-1gowmf6xcw]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: var(--db-renk);
    }

    .db-kpi:hover[b-1gowmf6xcw] { border-color: var(--db-renk); }

    .db-kpi.mavi[b-1gowmf6xcw] { --db-renk: var(--bb-primary); }
    .db-kpi.yesil[b-1gowmf6xcw] { --db-renk: var(--bb-success); }
    .db-kpi.lacivert[b-1gowmf6xcw] { --db-renk: var(--bb-primary); }
    .db-kpi.turuncu[b-1gowmf6xcw] { --db-renk: var(--bb-warning); }
    .db-kpi.kirmizi[b-1gowmf6xcw] { --db-renk: var(--bb-error); }

.db-kpi-ad[b-1gowmf6xcw] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--bb-text-muted);
    font-weight: 600;
    margin-bottom: 6px;
}

.db-kpi-deger[b-1gowmf6xcw] {
    font-size: 26px;
    font-weight: 700;
    font-family: var(--bb-font-display);
    letter-spacing: -1px;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.db-kpi-alt[b-1gowmf6xcw] {
    font-size: 11px;
    color: var(--bb-text-muted);
    margin-top: 6px;
}

    .db-kpi-alt.uyari[b-1gowmf6xcw] {
        color: var(--bb-error);
        font-weight: 600;
    }

/* ── Kartlar ── */
.db-grid-2[b-1gowmf6xcw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
    gap: 12px;
}

.db-kart[b-1gowmf6xcw] {
    background: var(--bb-bg);
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-md);
    padding: 14px 16px;
    min-width: 0;
}

.db-kart-baslik[b-1gowmf6xcw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
    font-family: var(--bb-font-display);
    font-weight: 700;
    font-size: 14px;
    color: var(--bb-text);
}

.db-rozet[b-1gowmf6xcw] {
    font-size: 10px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 20px;
    background: var(--bb-surface);
    color: var(--bb-text-muted);
    border: 1px solid var(--bb-border);
    white-space: nowrap;
}

.db-bos[b-1gowmf6xcw] {
    font-size: 12px;
    color: var(--bb-text-muted);
    padding: 12px 0;
}

.db-not[b-1gowmf6xcw] {
    font-size: 11px;
    color: var(--bb-text-muted);
    margin-top: 10px;
    display: flex;
    gap: 6px;
    align-items: flex-start;
}

/* ── Dağılım çubukları ── */
.db-bar-satir[b-1gowmf6xcw] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    font-size: 13px;
    color: var(--bb-text);
}

.db-bar-ad[b-1gowmf6xcw] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.db-bar[b-1gowmf6xcw] {
    flex: 0 0 40%;
    height: 6px;
    background: var(--bb-surface);
    border-radius: 4px;
    overflow: hidden;
}

    .db-bar > div[b-1gowmf6xcw] {
        height: 100%;
        background: var(--bb-primary);
        border-radius: 4px;
    }

    .db-bar.marka > div[b-1gowmf6xcw] { background: var(--bb-primary); }

.db-bar-sayi[b-1gowmf6xcw] {
    min-width: 26px;
    text-align: right;
    font-weight: 600;
}

/* ── Hareket listesi ── */
.db-hareket[b-1gowmf6xcw] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    width: 100%;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--bb-border);
    text-align: left;
    font: inherit;
    color: var(--bb-text);
    cursor: pointer;
    min-width: 0;
}

    .db-hareket:last-child[b-1gowmf6xcw] { border-bottom: 0; }
    .db-hareket:hover[b-1gowmf6xcw] { background: var(--bb-surface); }

.db-hareket-ikon[b-1gowmf6xcw] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: var(--bb-engineering-light);
    color: var(--bb-primary);
    font-size: 15px;
}

.db-hareket.olumsuz .db-hareket-ikon[b-1gowmf6xcw] {
    background: var(--bb-error-light);
    color: var(--bb-error);
}

.db-hareket-orta[b-1gowmf6xcw] {
    flex: 1;
    min-width: 0;
}

.db-hareket-baslik[b-1gowmf6xcw] {
    font-size: 13px;
    font-weight: 600;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.db-hareket-plaka[b-1gowmf6xcw] {
    font-family: var(--bb-font-display);
    letter-spacing: .3px;
}

.db-hareket-aciklama[b-1gowmf6xcw] {
    font-size: 11px;
    color: var(--bb-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.db-hareket-sag[b-1gowmf6xcw] {
    text-align: right;
    flex-shrink: 0;
}

.db-hareket-tutar[b-1gowmf6xcw] {
    font-size: 12px;
    font-weight: 600;
    color: var(--bb-success);
    white-space: nowrap;
}

.db-hareket.olumsuz .db-hareket-tutar[b-1gowmf6xcw] { color: var(--bb-error); }

.db-hareket-tarih[b-1gowmf6xcw] {
    font-size: 10px;
    color: var(--bb-text-muted);
    white-space: nowrap;
}

/* ── Ay özeti ── */
.db-ay-satir[b-1gowmf6xcw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    border-bottom: 1px solid var(--bb-border);
    font-size: 13px;
    color: var(--bb-text);
}

.db-ay-ad[b-1gowmf6xcw] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.db-nokta[b-1gowmf6xcw] {
    width: 8px;
    height: 8px;
    border-radius: 2px;
    flex-shrink: 0;
}

.db-ay-deger[b-1gowmf6xcw] {
    font-weight: 600;
    white-space: nowrap;
}

.db-ay-alt[b-1gowmf6xcw] {
    font-size: 11px;
    color: var(--bb-text-muted);
    font-weight: 400;
    margin-left: 6px;
}

/* ── Dar ekran ── */
@media (max-width: 768px) {
    .db-icerik[b-1gowmf6xcw] { padding: 12px; gap: 10px; }
    .db-kpi[b-1gowmf6xcw] { padding: 12px; }
    .db-kpi-deger[b-1gowmf6xcw] { font-size: 22px; }
    .db-tarih[b-1gowmf6xcw] { display: none; }
    .db-bar[b-1gowmf6xcw] { flex-basis: 32%; }
}

/* Başlarken kontrol listesi (kurulum görünümü) */
.db-baslarken[b-1gowmf6xcw] {
    border: 1px solid var(--bb-border);
    border-left: 3px solid var(--bb-primary);
    border-radius: var(--bb-radius-md);
    background: var(--bb-surface);
    padding: var(--bb-space-3) var(--bb-space-4);
    margin-bottom: var(--bb-space-4);
}
.db-baslarken-bas[b-1gowmf6xcw] {
    font-family: var(--bb-font-display);
    font-size: var(--bb-fs-lg);
    display: flex;
    align-items: center;
    gap: var(--bb-space-2);
    color: var(--bb-primary);
}
.db-baslarken-not[b-1gowmf6xcw] {
    color: var(--bb-text-muted);
    font-size: var(--bb-fs-sm);
    margin: var(--bb-space-1) 0 var(--bb-space-2);
}
.db-adimlar[b-1gowmf6xcw] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-1);
}
    .db-adimlar li[b-1gowmf6xcw] {
        display: flex;
        align-items: center;
        gap: var(--bb-space-2);
    }
    .db-adimlar li i[b-1gowmf6xcw] {
        color: var(--bb-text-muted);
    }
    .db-adimlar li.tamam i[b-1gowmf6xcw] {
        color: var(--bb-success);
    }
    .db-adimlar li.tamam a[b-1gowmf6xcw] {
        color: var(--bb-text-muted);
        text-decoration: line-through;
    }
.db-baslarken-eylem[b-1gowmf6xcw] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bb-space-2);
    margin-top: var(--bb-space-3);
}
/* _content/bbFilo.Blazor/Pages/Entegrasyon/AracTakip.razor.rz.scp.css */
.at-sayfa[b-nd04wc8xsn] { max-width: 900px; margin: 0 auto; padding: var(--bb-space-4); display: flex; flex-direction: column; gap: var(--bb-space-3); }
.at-baslik[b-nd04wc8xsn] { display: flex; align-items: center; gap: var(--bb-space-2); font-size: var(--bb-fs-xl); font-weight: 600; color: var(--bb-text); }
.at-bos[b-nd04wc8xsn] { color: var(--bb-text-muted); padding: var(--bb-space-4); text-align: center; }

.at-ust[b-nd04wc8xsn] { display: flex; align-items: center; gap: var(--bb-space-3); flex-wrap: wrap; }
.at-rozet[b-nd04wc8xsn] { font-size: var(--bb-fs-xs); padding: 2px 8px; border-radius: 999px; border: 1px solid var(--bb-border); color: var(--bb-text-muted); }
.at-rozet.var[b-nd04wc8xsn] { color: var(--bb-success); border-color: var(--bb-success); }

.at-tablo-kaydir[b-nd04wc8xsn] { overflow-x: auto; }
.at-tablo[b-nd04wc8xsn] { width: 100%; border-collapse: collapse; }
.at-tablo th[b-nd04wc8xsn], .at-tablo td[b-nd04wc8xsn] { text-align: left; padding: var(--bb-space-2); border-bottom: 1px solid var(--bb-border); vertical-align: middle; }
.at-tablo th[b-nd04wc8xsn] { font-size: var(--bb-fs-xs); color: var(--bb-text-muted); font-weight: 600; white-space: nowrap; }
.at-tablo td[b-nd04wc8xsn] { font-size: var(--bb-fs-sm); color: var(--bb-text); }
.at-tablo select[b-nd04wc8xsn] { max-width: 260px; }
.at-orta[b-nd04wc8xsn] { text-align: center; }
.at-pasif[b-nd04wc8xsn] { opacity: 0.55; }

.at-plaka[b-nd04wc8xsn] { font-weight: 600; }
.at-oneri[b-nd04wc8xsn] { display: inline-block; margin-top: 4px; font-size: var(--bb-fs-xs); color: var(--bb-success); background: var(--bb-surface2); border: 1px dashed var(--bb-success); border-radius: var(--bb-radius-sm); padding: 1px 6px; cursor: pointer; }
.at-imei[b-nd04wc8xsn] { display: inline-block; margin-top: 4px; margin-left: 4px; font-size: var(--bb-fs-xs); color: var(--bb-text-muted); background: var(--bb-surface2); border: 1px solid var(--bb-border); border-radius: var(--bb-radius-sm); padding: 1px 6px; cursor: pointer; }

.at-durum[b-nd04wc8xsn] { font-size: var(--bb-fs-xs); padding: 2px 8px; border-radius: 999px; border: 1px solid var(--bb-border); color: var(--bb-text-muted); white-space: nowrap; }
.at-durum.eslesti[b-nd04wc8xsn] { color: var(--bb-success); border-color: var(--bb-success); }

.at-dugmeler[b-nd04wc8xsn] { display: flex; gap: var(--bb-space-2); flex-wrap: wrap; }

.at-senkron[b-nd04wc8xsn] { border: 1px solid var(--bb-border); border-radius: var(--bb-radius-md); padding: var(--bb-space-3); display: flex; flex-direction: column; gap: var(--bb-space-2); background: var(--bb-surface); }
.at-senkron-baslik[b-nd04wc8xsn] { font-weight: 600; color: var(--bb-text); display: flex; align-items: center; gap: var(--bb-space-2); }
.at-senkron-satir[b-nd04wc8xsn] { display: flex; align-items: center; gap: var(--bb-space-2); flex-wrap: wrap; font-size: var(--bb-fs-sm); color: var(--bb-text); }

@media (max-width: 640px) { .at-sayfa[b-nd04wc8xsn] { padding: var(--bb-space-2); } }
/* _content/bbFilo.Blazor/Pages/Entegrasyon/EFaturaDetay.razor.rz.scp.css */
/* Gelen e-faturanın açılan satırı: bilgi şeridi, kalem tablosu, eylemler. */
.ef-detay[b-bi4k5kvcbn] {
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-2);
    width: 100%;
}

.ef-bilgi[b-bi4k5kvcbn] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bb-space-1) var(--bb-space-3);
    font-size: var(--bb-fs-sm);
    color: var(--bb-text-muted);
}

.ef-not[b-bi4k5kvcbn] {
    font-size: var(--bb-fs-sm);
    color: var(--bb-text-muted);
}

.ef-uyari[b-bi4k5kvcbn] {
    color: var(--bb-warning);
    background: var(--bb-warning-light);
}

.ef-yukleniyor[b-bi4k5kvcbn] {
    font-size: var(--bb-fs-sm);
    color: var(--bb-text-muted);
}

.ef-tablo-kaydir[b-bi4k5kvcbn] {
    overflow-x: auto;
}

.ef-tablo td[b-bi4k5kvcbn] {
    vertical-align: top;
    white-space: normal;
}

tr.bb-soluk td[b-bi4k5kvcbn] {
    text-decoration: line-through;
}

.ef-eylemler[b-bi4k5kvcbn] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bb-space-2);
}

.ef-kucuk[b-bi4k5kvcbn] {
    padding: var(--bb-space-1) var(--bb-space-2);
}

/* Kalem düzeltme / bölme */
.ef-sayi[b-bi4k5kvcbn] {
    width: 7.5rem;
    text-align: right;
}

.ef-sayi-kisa[b-bi4k5kvcbn] {
    width: 4rem;
    text-align: right;
}

.ef-bol[b-bi4k5kvcbn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bb-space-1) var(--bb-space-2);
    margin-top: var(--bb-space-1);
    font-size: var(--bb-fs-sm);
}

.ef-hucre-eylem[b-bi4k5kvcbn] {
    white-space: nowrap;
}
/* _content/bbFilo.Blazor/Pages/Entegrasyon/EFaturaPortali.razor.rz.scp.css */
/* e-Fatura Portalı — dosya yükleme düğmesi, aktarım çekmecesi. Kalem tablosu EFaturaDetay.razor.css'te. */
.ef-yukle[b-gtlc83lxnp] {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.ef-yukle[b-gtlc83lxnp]  input[type=file] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.ef-yukle.pasif[b-gtlc83lxnp] {
    opacity: 0.6;
    pointer-events: none;
}

.ef-not[b-gtlc83lxnp] {
    font-size: var(--bb-fs-sm);
    color: var(--bb-text-muted);
    display: flex;
    gap: var(--bb-space-1);
    align-items: flex-start;
}

.ef-uyari-ikon[b-gtlc83lxnp] {
    color: var(--bb-warning);
}

.ef-segment[b-gtlc83lxnp] {
    flex-wrap: wrap;
}

.ef-kalem-ozet[b-gtlc83lxnp] {
    margin: 0;
    padding-left: var(--bb-space-4);
    font-size: var(--bb-fs-sm);
}

.ef-kalem-ozet li span[b-gtlc83lxnp] {
    color: var(--bb-text-muted);
    margin-left: var(--bb-space-1);
}

.ef-tablo-kaydir[b-gtlc83lxnp] {
    overflow-x: auto;
}

.ef-kucuk[b-gtlc83lxnp] {
    padding: var(--bb-space-1) var(--bb-space-2);
}

/* Satır başı hızlı ret (satırı açmadan) */
.ef-hizli[b-gtlc83lxnp] {
    display: inline-flex;
    gap: var(--bb-space-1);
}

.ef-hizli button[b-gtlc83lxnp] {
    border: 1px solid var(--bb-border);
    background: var(--bb-surface);
    color: var(--bb-text-muted);
    border-radius: var(--bb-radius-sm);
    padding: var(--bb-space-1);
    line-height: 1;
    cursor: pointer;
}

.ef-hizli button:hover:not(:disabled)[b-gtlc83lxnp] {
    color: var(--bb-error);
    border-color: var(--bb-error);
    background: var(--bb-error-light);
}

.ef-hizli button:disabled[b-gtlc83lxnp] {
    opacity: 0.4;
    cursor: default;
}

/* Çekim ilerlemesi */
.ef-ilerleme[b-gtlc83lxnp] {
    height: var(--bb-space-2);
    background: var(--bb-surface-alt);
    border-radius: var(--bb-radius-sm);
    overflow: hidden;
}

.ef-ilerleme > div[b-gtlc83lxnp] {
    height: 100%;
    background: var(--bb-primary);
    transition: width 0.4s;
}

.ef-tik[b-gtlc83lxnp] {
    cursor: pointer;
}

/* Yıl × yön özet şeridi (liste üstü; çekimin ne getirdiğini gözle doğrulamak) */
.ef-yillar[b-gtlc83lxnp] {
    flex-wrap: wrap;
    align-items: center;
    margin-top: var(--bb-space-1);
}

.ef-yil-etiket[b-gtlc83lxnp] {
    font-size: var(--bb-fs-sm);
    color: var(--bb-text-muted);
}

/* Liste kaydırma kabı (sayfa iskeleti taşmayı gizliyor) */
.ef-govde[b-gtlc83lxnp] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding: var(--bb-space-4);
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-2);
}

/* Fatura görünümü (satıcı şablonu, betiksiz iframe) */
.ef-gorunum[b-gtlc83lxnp] {
    width: 100%;
    height: 75vh;
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    background: var(--bb-surface);
}

.ef-gorunum-arac[b-gtlc83lxnp] {
    display: flex;
    gap: var(--bb-space-2);
    margin-bottom: var(--bb-space-2);
}
/* _content/bbFilo.Blazor/Pages/Entegrasyon/Kabis.razor.rz.scp.css */
/* KABİS ekranı (18 Eki 2026, eklenti köprüsü) */
.kb-kap[b-rsrrrff4v9] {
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-4);
    padding: var(--bb-space-4);
}

.kb-kart[b-rsrrrff4v9] {
    background: var(--bb-surface);
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-lg);
    padding: var(--bb-space-4);
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-3);
    max-width: 720px;
}

    .kb-kart.kb-genis[b-rsrrrff4v9] {
        max-width: none;
    }

.kb-baslik[b-rsrrrff4v9] {
    font-size: var(--bb-fs-md);
    font-weight: 600;
    display: flex;
    gap: var(--bb-space-2);
    align-items: center;
}

.kb-satir[b-rsrrrff4v9] {
    display: flex;
    justify-content: space-between;
    gap: var(--bb-space-3);
    font-size: var(--bb-fs-sm);
}

    .kb-satir span[b-rsrrrff4v9] {
        color: var(--bb-text-muted);
    }

.kb-not[b-rsrrrff4v9] {
    font-size: var(--bb-fs-sm);
    color: var(--bb-text-muted);
    line-height: 1.5;
}

.kb-yesil[b-rsrrrff4v9] {
    color: var(--bb-success);
}

.kb-dugmeler[b-rsrrrff4v9] {
    display: flex;
    justify-content: flex-end;
    gap: var(--bb-space-2);
}
/* _content/bbFilo.Blazor/Pages/Finans/BankaHareketleri.razor.rz.scp.css */
/* Banka Hareketleri — hesap seçici topbar'da (diğer giriş alanlarıyla aynı görünüm) */
.bh-hesap[b-rsq717i9kl] {
    max-width: 280px;
    min-width: 0;
    padding: var(--bb-space-1) var(--bb-space-2);
    border: 1px solid var(--bb-input-border);
    border-radius: var(--bb-radius-sm);
    background: var(--bb-input-bg);
    color: var(--bb-text);
    font: inherit;
    font-size: var(--bb-fs-sm);
}
/* _content/bbFilo.Blazor/Pages/Finans/GidenFaturalar.razor.rz.scp.css */
/* Giden Faturalar — kaydırma gövdesi + ay KDV kartları.
   gf-govde DÜZ BLOK (flex değil): içindeki HareketListesi (.bb-hs-liste) overflow:hidden taşıdığı için,
   flex kolonda taşmak yerine küçülür (shrink) → liste kırpılır, gövde kaymaz. Blok olunca çocuklar doğal
   yükseklikte kalıp taşar → gövde kayar (Araç Hareketleri'ndeki dk-govde deseni). */
.gf-govde[b-dfhc4tw605] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: var(--bb-space-4);
}

.gf-aylar[b-dfhc4tw605] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(170px, 100%), 1fr));
    gap: var(--bb-space-2);
    margin-bottom: var(--bb-space-3);
}
/* _content/bbFilo.Blazor/Pages/Finans/SanalPos.razor.rz.scp.css */
.sp-kartlar[b-0slwrez9yo] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
    gap: var(--bb-space-3);
    margin-bottom: var(--bb-space-4);
}
.sp-kart[b-0slwrez9yo] {
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-md);
    padding: var(--bb-space-3);
    background: var(--bb-surface);
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-1);
}
.sp-kart-bas[b-0slwrez9yo] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--bb-space-2);
}
.sp-saglayici[b-0slwrez9yo] {
    color: var(--bb-text-muted);
    font-size: var(--bb-fs-sm);
}
.sp-rozetler[b-0slwrez9yo] {
    display: flex;
    gap: var(--bb-space-1);
    flex-wrap: wrap;
}
.sp-kart-satir[b-0slwrez9yo] {
    font-size: var(--bb-fs-sm);
    color: var(--bb-text-muted);
}
.sp-webhook[b-0slwrez9yo] {
    display: flex;
    align-items: center;
    gap: var(--bb-space-2);
}
    .sp-webhook code[b-0slwrez9yo] {
        font-size: var(--bb-fs-xs);
        word-break: break-all;
    }
.sp-kart-islem[b-0slwrez9yo] {
    display: flex;
    gap: var(--bb-space-2);
    margin-top: var(--bb-space-2);
}
.sp-webhook-form[b-0slwrez9yo] {
    margin-top: var(--bb-space-2);
}
/* _content/bbFilo.Blazor/Pages/Kiralama/KiraArtislari.razor.rz.scp.css */
/* Kira Artışları */
.ka-govde[b-2sot1nwnxr] {
    padding: var(--bb-space-4);
    overflow-y: auto;
}

.ka-endeks-form[b-2sot1nwnxr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(150px, 100%), 1fr));
    gap: var(--bb-space-2);
    align-items: end;
    margin-bottom: var(--bb-space-3);
}
/* _content/bbFilo.Blazor/Pages/Kiralama/KiraFaturalari.razor.rz.scp.css */
/* KiraFaturalari.razor.css — kf-* : e-Fatura'dan PDF çekimi sonucu ve numara önerileri (1 Kas 2026) */

.kf-edm-btn[b-axanaxrw90] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--bb-primary);
    border: 1px solid var(--bb-primary);
    border-radius: var(--bb-radius-sm);
    padding: 5px 10px;
    cursor: pointer;
    background: var(--bb-engineering-light);
    white-space: nowrap;
}

    .kf-edm-btn:disabled[b-axanaxrw90] { opacity: 0.6; cursor: wait; }

.kf-edm-sonuc[b-axanaxrw90] {
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    background: var(--bb-surface);
    padding: var(--bb-space-2) var(--bb-space-3);
    margin-bottom: var(--bb-space-2);
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-2);
}

.kf-edm-ozet[b-axanaxrw90] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--bb-text);
}

.kf-edm-kapat[b-axanaxrw90] {
    margin-left: auto;
    border: none;
    background: transparent;
    color: var(--bb-text-muted);
    cursor: pointer;
}

.kf-edm-not[b-axanaxrw90] { font-size: var(--bb-fs-xs); color: var(--bb-text-muted); }

.kf-oneri[b-axanaxrw90] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

    .kf-oneri th[b-axanaxrw90], .kf-oneri td[b-axanaxrw90] { text-align: left; padding: 4px 8px; border-bottom: 1px solid var(--bb-border); white-space: nowrap; }
    .kf-oneri th[b-axanaxrw90] { font-size: 11px; text-transform: uppercase; letter-spacing: 0.4px; color: var(--bb-text-muted); }

.kf-edm-sec[b-axanaxrw90] { font-size: var(--bb-fs-xs); color: var(--bb-text-muted); white-space: nowrap; }
.kf-uygulandi[b-axanaxrw90] { font-size: var(--bb-fs-xs); color: var(--bb-success); white-space: nowrap; }

.kf-edm-hatalar[b-axanaxrw90] {
    margin: 0;
    padding-left: var(--bb-space-4);
    font-size: var(--bb-fs-xs);
    color: var(--bb-warning);
}
/* _content/bbFilo.Blazor/Pages/Kiralama/KmTakibi.razor.rz.scp.css */
/* Km Takibi — kart içi hak çubuğu: dolu kısım kullanılan / toplam hak, dikey çizgi bugüne kadarki hak */
.km-cubuk[b-vk3h6fqsqi] {
    position: relative;
    flex: 0 0 30%;
    min-width: 60px;
    height: var(--bb-space-2);
    background: var(--bb-surface-alt);
    border-radius: var(--bb-radius-sm);
    overflow: hidden;
}

.km-dolu[b-vk3h6fqsqi] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: var(--bb-primary);
}

    .km-dolu.yesil[b-vk3h6fqsqi] {
        background: var(--bb-success);
    }

    .km-dolu.turuncu[b-vk3h6fqsqi] {
        background: var(--bb-warning);
    }

    .km-dolu.kirmizi[b-vk3h6fqsqi] {
        background: var(--bb-error);
    }

.km-bugun[b-vk3h6fqsqi] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--bb-text);
}
/* _content/bbFilo.Blazor/Pages/Kiralama/Takvim.razor.rz.scp.css */
/* Takvim — araç × gün ızgarası */
.tk-lejant[b-wq9hh1wi0t] {
    display: flex;
    gap: var(--bb-space-2);
    padding: var(--bb-space-2) var(--bb-space-4) 0;
}

    .tk-lejant .tk-cubuk[b-wq9hh1wi0t] {
        padding: 0 var(--bb-space-2);
    }

.tk-kap[b-wq9hh1wi0t] {
    overflow: auto;
    padding: var(--bb-space-2) var(--bb-space-4) var(--bb-space-4);
}

.tk-izgara[b-wq9hh1wi0t] {
    display: grid;
    min-width: min-content;
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
}

.tk-bas[b-wq9hh1wi0t] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--bb-surface);
    font-size: var(--bb-fs-xs);
    text-align: center;
    padding: var(--bb-space-1) 0;
    border-bottom: 1px solid var(--bb-border);
}

    .tk-bas span[b-wq9hh1wi0t] {
        color: var(--bb-text-muted);
    }

.tk-sol[b-wq9hh1wi0t] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--bb-bg);
    border-right: 1px solid var(--bb-border);
}

.tk-bas.tk-sol[b-wq9hh1wi0t] {
    z-index: 3;
    background: var(--bb-surface);
    text-align: left;
    padding-left: var(--bb-space-2);
}

.tk-arac[b-wq9hh1wi0t] {
    display: flex;
    align-items: center;
    gap: var(--bb-space-1);
    padding: var(--bb-space-1) var(--bb-space-2);
    border-bottom: 1px solid var(--bb-border);
}

.tk-arac-ad[b-wq9hh1wi0t] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: none;
    border: none;
    padding: 0;
    color: inherit;
    font: inherit;
    cursor: pointer;
    text-align: left;
}

    .tk-arac-ad span[b-wq9hh1wi0t] {
        font-size: var(--bb-fs-xs);
        color: var(--bb-text-muted);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

.tk-rez[b-wq9hh1wi0t] {
    background: none;
    border: none;
    color: var(--bb-primary);
    cursor: pointer;
}

.tk-gunler[b-wq9hh1wi0t] {
    display: grid;
    border-bottom: 1px solid var(--bb-border);
    padding: var(--bb-space-1) 0;
}

.tk-hucre[b-wq9hh1wi0t] {
    border-right: 1px solid var(--bb-border);
}

.tk-haftasonu[b-wq9hh1wi0t] {
    background: var(--bb-surface);
}

.tk-bugun[b-wq9hh1wi0t] {
    background: var(--bb-warning-light);
}

.tk-cubuk[b-wq9hh1wi0t] {
    margin: 1px 2px;
    border: none;
    border-radius: var(--bb-radius-sm);
    font: inherit;
    font-size: var(--bb-fs-xs);
    color: var(--bb-zit-metin);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    padding: 0 var(--bb-space-1);
    cursor: pointer;
    z-index: 1;
}

.tk-Sozlesme[b-wq9hh1wi0t] {
    background: var(--bb-primary);
}

.tk-Rezervasyon[b-wq9hh1wi0t] {
    background: var(--bb-warning);
}

.tk-Servis[b-wq9hh1wi0t] {
    background: var(--bb-text-muted);
}

.tk-Ikame[b-wq9hh1wi0t] {
    background: var(--bb-success);
}

.tk-Zimmet[b-wq9hh1wi0t] {
    background: var(--bb-construction);
}
/* _content/bbFilo.Blazor/Pages/Kiralama/TeklifBelgesi.razor.rz.scp.css */
/* Teklif belgesi — A4 yazdırma görünümü. */
.tb-araclar[b-qs6hwusr1a] {
    max-width: 210mm;
    margin: var(--bb-space-4) auto 0;
    display: flex;
    justify-content: flex-end;
}

.tb-sayfa[b-qs6hwusr1a] {
    max-width: 210mm;
    margin: var(--bb-space-3) auto var(--bb-space-6);
    padding: var(--bb-space-6);
    background: var(--bb-surface);
    color: var(--bb-text);
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-md);
    font-family: var(--bb-font-sans);
}

.tb-baslik[b-qs6hwusr1a] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--bb-space-3);
    border-bottom: 2px solid var(--bb-primary);
    padding-bottom: var(--bb-space-3);
    margin-bottom: var(--bb-space-4);
}

    .tb-baslik h1[b-qs6hwusr1a] {
        margin: 0;
        font-size: var(--bb-fs-xl);
        font-family: var(--bb-font-display);
    }

    .tb-baslik span[b-qs6hwusr1a] {
        color: var(--bb-text-muted);
    }

.tb-taslak[b-qs6hwusr1a] {
    color: var(--bb-error);
    font-weight: 600;
    font-size: var(--bb-fs-sm);
}

.tb-blok[b-qs6hwusr1a] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
    gap: var(--bb-space-3);
    margin-bottom: var(--bb-space-4);
}

    .tb-blok div[b-qs6hwusr1a] {
        display: flex;
        flex-direction: column;
    }

    .tb-blok span[b-qs6hwusr1a] {
        color: var(--bb-text-muted);
        font-size: var(--bb-fs-sm);
    }

.tb-tablo[b-qs6hwusr1a] {
    width: 100%;
    border-collapse: collapse;
}

    .tb-tablo td[b-qs6hwusr1a] {
        border-bottom: 1px solid var(--bb-border);
        padding: var(--bb-space-2) var(--bb-space-3);
        vertical-align: top;
    }

        .tb-tablo td:first-child[b-qs6hwusr1a] {
            color: var(--bb-text-muted);
            width: 35%;
        }

    .tb-tablo ul[b-qs6hwusr1a] {
        margin: 0;
        padding-left: var(--bb-space-4);
    }

.tb-not[b-qs6hwusr1a] {
    color: var(--bb-text-muted);
    font-size: var(--bb-fs-sm);
    margin-top: var(--bb-space-4);
}

@media print {
    .tb-araclar[b-qs6hwusr1a] {
        display: none;
    }

    .tb-sayfa[b-qs6hwusr1a] {
        border: 0;
        margin: 0;
        max-width: none;
    }
}
/* _content/bbFilo.Blazor/Pages/Kiralama/TeklifHesap.razor.rz.scp.css */
/* Kira teklif hesabı — 4 panel (docs/kira-karar-destek.md §7). Renk / ölçü yalnız palet adıyla. */

.tk-icerik[b-jf5wm2ko97] {
    flex: 1;
    min-width: 0;
    overflow: auto;
    padding: var(--bb-space-4);
}

.tk-satir[b-jf5wm2ko97] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
    gap: var(--bb-space-2) var(--bb-space-3);
    align-items: start;
}

.tk-ust[b-jf5wm2ko97] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
    gap: var(--bb-space-3);
    margin-bottom: var(--bb-space-4);
}

.tk-izgara[b-jf5wm2ko97] {
    border: 0;
    margin: 0;
    padding: 0;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(380px, 100%), 1fr));
    gap: var(--bb-space-4);
    align-items: start;
}

.tk-panel[b-jf5wm2ko97] {
    background: var(--bb-surface);
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-lg);
    padding: var(--bb-space-4);
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-2);
    min-width: 0;
}

.tk-sonuc[b-jf5wm2ko97] {
    position: sticky;
    top: var(--bb-space-3);
}

.tk-alt[b-jf5wm2ko97] {
    margin-top: var(--bb-space-4);
}

.tk-panel-baslik[b-jf5wm2ko97] {
    font-weight: 600;
    font-size: var(--bb-fs-md);
    color: var(--bb-text);
    margin-top: var(--bb-space-3);
    padding-bottom: var(--bb-space-1);
    border-bottom: 1px solid var(--bb-border);
    display: flex;
    gap: var(--bb-space-2);
    align-items: center;
}

    .tk-panel-baslik:first-child[b-jf5wm2ko97] {
        margin-top: 0;
    }

input[type="range"][b-jf5wm2ko97] {
    width: 100%;
    accent-color: var(--bb-primary);
}

.tk-metrik[b-jf5wm2ko97] {
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-1);
    padding: var(--bb-space-3);
    border-radius: var(--bb-radius-md);
    background: var(--bb-surface-alt);
}

    .tk-metrik span[b-jf5wm2ko97] {
        color: var(--bb-text-muted);
        font-size: var(--bb-fs-sm);
    }

    .tk-metrik > b[b-jf5wm2ko97] {
        font-size: var(--bb-fs-xl);
        color: var(--bb-primary);
        font-family: var(--bb-font-display);
    }

    .tk-metrik small[b-jf5wm2ko97] {
        color: var(--bb-text-muted);
    }

.tk-bilesen[b-jf5wm2ko97] {
    display: flex;
    height: var(--bb-space-3);
    border-radius: var(--bb-radius-sm);
    overflow: hidden;
    margin-top: var(--bb-space-2);
}

.tk-bilesen-liste[b-jf5wm2ko97] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
    gap: var(--bb-space-1) var(--bb-space-3);
    font-size: var(--bb-fs-sm);
}

    .tk-bilesen-liste div[b-jf5wm2ko97] {
        display: flex;
        align-items: center;
        gap: var(--bb-space-2);
    }

    .tk-bilesen-liste b[b-jf5wm2ko97] {
        margin-left: auto;
    }

.tk-nokta[b-jf5wm2ko97] {
    width: var(--bb-space-2);
    height: var(--bb-space-2);
    border-radius: 50%;
    display: inline-block;
}

.tk-c1[b-jf5wm2ko97] { background: var(--bb-primary); }
.tk-c2[b-jf5wm2ko97] { background: var(--bb-engineering); }
.tk-c3[b-jf5wm2ko97] { background: var(--bb-fleet); }
.tk-c4[b-jf5wm2ko97] { background: var(--bb-construction); }
.tk-c5[b-jf5wm2ko97] { background: var(--bb-warning); }
.tk-c6[b-jf5wm2ko97] { background: var(--bb-success); }
.tk-c7[b-jf5wm2ko97] { background: var(--bb-text-muted); }
.tk-c8[b-jf5wm2ko97] { background: var(--bb-success-light); }
.tk-c9[b-jf5wm2ko97] { background: var(--bb-error); }

.tk-uyarilar[b-jf5wm2ko97] {
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-1);
    padding: var(--bb-space-2) var(--bb-space-3);
    border-radius: var(--bb-radius-md);
    background: var(--bb-warning-light);
    color: var(--bb-text);
    font-size: var(--bb-fs-sm);
}

    .tk-uyarilar i[b-jf5wm2ko97] {
        color: var(--bb-warning);
    }

.tk-hedefler[b-jf5wm2ko97] {
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-2);
}

.tk-hedef[b-jf5wm2ko97] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0 var(--bb-space-2);
    padding: var(--bb-space-2) var(--bb-space-3);
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-md);
}

    .tk-hedef span[b-jf5wm2ko97] {
        font-size: var(--bb-fs-sm);
        color: var(--bb-text-muted);
    }

    .tk-hedef b[b-jf5wm2ko97] {
        color: var(--bb-success);
    }

    .tk-hedef small[b-jf5wm2ko97] {
        grid-column: 1 / -1;
        color: var(--bb-text-muted);
        font-size: var(--bb-fs-xs);
    }

    .tk-hedef.cozumsuz[b-jf5wm2ko97] {
        border-color: var(--bb-error-light);
        background: var(--bb-error-light);
    }

        .tk-hedef.cozumsuz b[b-jf5wm2ko97] {
            color: var(--bb-error);
        }

.tk-ozet-izgara[b-jf5wm2ko97] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr));
    gap: var(--bb-space-2);
}

    .tk-ozet-izgara div[b-jf5wm2ko97] {
        display: flex;
        flex-direction: column;
        padding: var(--bb-space-2);
        border-radius: var(--bb-radius-sm);
        background: var(--bb-surface-alt);
    }

    .tk-ozet-izgara span[b-jf5wm2ko97],
    .tk-ozet-izgara small[b-jf5wm2ko97] {
        color: var(--bb-text-muted);
        font-size: var(--bb-fs-xs);
    }

.tk-ozet-cumleler[b-jf5wm2ko97] {
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-1);
    font-size: var(--bb-fs-sm);
}

.tk-duyarlilik[b-jf5wm2ko97] {
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-1);
}

.tk-duy-satir[b-jf5wm2ko97] {
    display: grid;
    grid-template-columns: minmax(min(220px, 40%), 1fr) 2fr auto;
    gap: var(--bb-space-2);
    align-items: center;
    font-size: var(--bb-fs-sm);
}

    .tk-duy-satir small[b-jf5wm2ko97] {
        color: var(--bb-text-muted);
    }

.tk-duy-cubuk[b-jf5wm2ko97] {
    height: var(--bb-space-2);
    background: var(--bb-surface-alt);
    border-radius: var(--bb-radius-sm);
    overflow: hidden;
}

    .tk-duy-cubuk div[b-jf5wm2ko97] {
        height: 100%;
        background: var(--bb-primary);
    }

.tk-duy-deger[b-jf5wm2ko97] {
    font-family: var(--bb-font-mono);
    white-space: nowrap;
}

.tk-karsilastir-secim[b-jf5wm2ko97] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bb-space-2) var(--bb-space-4);
}

.tk-tablo-kaydir[b-jf5wm2ko97] {
    overflow-x: auto;
    max-width: 100%;
}

.tk-eksi[b-jf5wm2ko97] {
    color: var(--bb-error);
}

.tk-nasil[b-jf5wm2ko97] {
    margin-bottom: var(--bb-space-3);
}

.tk-katki[b-jf5wm2ko97] {
    margin-left: auto;
    font-weight: 500;
    font-size: var(--bb-fs-xs);
    color: var(--bb-primary);
    white-space: nowrap;
}

.tk-alt-baslik[b-jf5wm2ko97] {
    display: flex;
    justify-content: space-between;
    gap: var(--bb-space-2);
    font-size: var(--bb-fs-sm);
    font-weight: 600;
    margin-top: var(--bb-space-2);
}

    .tk-alt-baslik span[b-jf5wm2ko97] {
        font-weight: 400;
        color: var(--bb-text-muted);
        font-size: var(--bb-fs-xs);
    }

.tk-amac-metin[b-jf5wm2ko97] {
    color: var(--bb-text-muted);
    font-size: var(--bb-fs-xs);
    line-height: 1.35;
}

.tk-birimli[b-jf5wm2ko97] {
    display: flex;
    align-items: center;
    gap: var(--bb-space-1);
}

    .tk-birimli input[b-jf5wm2ko97] {
        flex: 1;
        min-width: 0;
    }

    .tk-birimli span[b-jf5wm2ko97] {
        color: var(--bb-text-muted);
        font-size: var(--bb-fs-sm);
    }

.tk-kalemler[b-jf5wm2ko97] {
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-1);
}

.tk-kalem[b-jf5wm2ko97] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto auto;
    gap: var(--bb-space-2);
    align-items: center;
}

    .tk-kalem input[b-jf5wm2ko97] {
        min-width: 0;
        width: 100%;
    }

.tk-bedelsiz[b-jf5wm2ko97] {
    display: flex;
    align-items: center;
    gap: var(--bb-space-1);
    font-size: var(--bb-fs-xs);
    color: var(--bb-text-muted);
    white-space: nowrap;
}

.tk-finansman-ozet[b-jf5wm2ko97] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
    gap: var(--bb-space-2);
}

    .tk-finansman-ozet div[b-jf5wm2ko97] {
        display: flex;
        flex-direction: column;
        padding: var(--bb-space-2);
        border-radius: var(--bb-radius-sm);
        background: var(--bb-surface-alt);
    }

    .tk-finansman-ozet span[b-jf5wm2ko97],
    .tk-finansman-ozet small[b-jf5wm2ko97] {
        color: var(--bb-text-muted);
        font-size: var(--bb-fs-xs);
    }

.tk-takvim[b-jf5wm2ko97] {
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-1);
    font-size: var(--bb-fs-sm);
}

    .tk-takvim div[b-jf5wm2ko97] {
        display: grid;
        grid-template-columns: minmax(110px, auto) 1fr;
        gap: var(--bb-space-2);
    }

    .tk-takvim span[b-jf5wm2ko97] {
        color: var(--bb-text-muted);
    }

.tk-secili td[b-jf5wm2ko97] {
    font-weight: 600;
    color: var(--bb-primary);
}
/* _content/bbFilo.Blazor/Pages/Kiralama/TeslimTutanagi.razor.rz.scp.css */
/* Teslim / iade tutanağı — A4 yazdırma görünümü */
.tt-araclar[b-6k0s3hpgi5] {
    max-width: 210mm;
    margin: var(--bb-space-4) auto 0;
    display: flex;
    justify-content: flex-end;
}

.tt-sayfa[b-6k0s3hpgi5] {
    max-width: 210mm;
    margin: var(--bb-space-3) auto var(--bb-space-6);
    padding: var(--bb-space-6);
    background: var(--bb-bg);
    color: var(--bb-text);
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-md);
    font-family: var(--bb-font-sans);
}

.tt-baslik[b-6k0s3hpgi5] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 2px solid var(--bb-primary);
    padding-bottom: var(--bb-space-2);
    margin-bottom: var(--bb-space-4);
}

    .tt-baslik h1[b-6k0s3hpgi5] {
        font-size: var(--bb-fs-xl);
        margin: 0;
    }

.tt-sayfa h2[b-6k0s3hpgi5] {
    font-size: var(--bb-fs-lg);
    margin: var(--bb-space-4) 0 var(--bb-space-2);
}

.tt-blok[b-6k0s3hpgi5] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--bb-space-2);
}

    .tt-blok span[b-6k0s3hpgi5] {
        display: block;
        font-size: var(--bb-fs-xs);
        color: var(--bb-text-muted);
    }

.tt-kontrol[b-6k0s3hpgi5] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--bb-space-1);
}

.tt-tablo[b-6k0s3hpgi5] {
    width: 100%;
    border-collapse: collapse;
}

    .tt-tablo th[b-6k0s3hpgi5], .tt-tablo td[b-6k0s3hpgi5] {
        border: 1px solid var(--bb-border);
        padding: var(--bb-space-1) var(--bb-space-2);
        text-align: left;
    }

.tt-imzalar[b-6k0s3hpgi5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--bb-space-6);
    margin-top: var(--bb-space-6);
}

    .tt-imzalar img[b-6k0s3hpgi5], .tt-bos-imza[b-6k0s3hpgi5] {
        display: block;
        width: 100%;
        aspect-ratio: 3 / 1;
        border-bottom: 1px solid var(--bb-text);
        object-fit: contain;
    }

@media print {
    .tt-araclar[b-6k0s3hpgi5] {
        display: none;
    }

    .tt-sayfa[b-6k0s3hpgi5] {
        border: none;
        margin: 0;
        padding: 0;
        max-width: none;
    }
}
/* _content/bbFilo.Blazor/Pages/Raporlar/HakedisDokumu.razor.rz.scp.css */
/* Hakediş dökümü — A4 yazdırma görünümü (teklif belgesi kalıbı). */
.hd-araclar[b-klmq1dypc1] {
    max-width: 210mm;
    margin: var(--bb-space-4) auto 0;
    display: flex;
    justify-content: flex-end;
}

.hd-sayfa[b-klmq1dypc1] {
    max-width: 210mm;
    margin: var(--bb-space-3) auto var(--bb-space-6);
    padding: var(--bb-space-6);
    background: var(--bb-surface);
    color: var(--bb-text);
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-md);
    font-family: var(--bb-font-sans);
}

.hd-baslik[b-klmq1dypc1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--bb-space-3);
    border-bottom: 2px solid var(--bb-primary);
    padding-bottom: var(--bb-space-3);
    margin-bottom: var(--bb-space-4);
}

    .hd-baslik h1[b-klmq1dypc1] {
        margin: 0;
        font-size: var(--bb-fs-xl);
        font-family: var(--bb-font-display);
    }

    .hd-baslik span[b-klmq1dypc1] {
        color: var(--bb-text-muted);
    }

.hd-blok[b-klmq1dypc1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
    gap: var(--bb-space-3);
    margin-bottom: var(--bb-space-4);
}

    .hd-blok div[b-klmq1dypc1] {
        display: flex;
        flex-direction: column;
    }

    .hd-blok span[b-klmq1dypc1] {
        color: var(--bb-text-muted);
        font-size: var(--bb-fs-sm);
    }

.hd-tablo[b-klmq1dypc1] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--bb-fs-sm);
}

    .hd-tablo th[b-klmq1dypc1],
    .hd-tablo td[b-klmq1dypc1] {
        border-bottom: 1px solid var(--bb-border);
        padding: var(--bb-space-2);
        text-align: left;
        vertical-align: top;
    }

    .hd-tablo th[b-klmq1dypc1] {
        color: var(--bb-text-muted);
        font-weight: 600;
    }

    .hd-tablo .sag[b-klmq1dypc1] {
        text-align: right;
    }

    .hd-tablo tfoot td[b-klmq1dypc1] {
        border-top: 2px solid var(--bb-border);
        border-bottom: 0;
        font-weight: 600;
    }

.hd-not[b-klmq1dypc1] {
    color: var(--bb-text-muted);
    font-size: var(--bb-fs-sm);
    margin-top: var(--bb-space-4);
}

.hd-imza[b-klmq1dypc1] {
    display: flex;
    justify-content: space-between;
    gap: var(--bb-space-6);
    margin-top: var(--bb-space-6);
}

    .hd-imza div[b-klmq1dypc1] {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: var(--bb-space-5);
    }

    .hd-imza span[b-klmq1dypc1] {
        color: var(--bb-text-muted);
        font-size: var(--bb-fs-sm);
    }

.hd-imza-cizgi[b-klmq1dypc1] {
    border-top: 1px solid var(--bb-text);
}

@media print {
    .hd-araclar[b-klmq1dypc1] {
        display: none;
    }

    .hd-sayfa[b-klmq1dypc1] {
        border: 0;
        margin: 0;
        max-width: none;
    }
}
/* _content/bbFilo.Blazor/Pages/Raporlar/KasaDokumu.razor.rz.scp.css */
/* Günlük kasa dökümü — A4 yazdırma görünümü (hakediş dökümü kalıbı). */
.kd-araclar[b-xqsfc06pjk] {
    max-width: 210mm;
    margin: var(--bb-space-4) auto 0;
    display: flex;
    justify-content: flex-end;
}

.kd-sayfa[b-xqsfc06pjk] {
    max-width: 210mm;
    margin: var(--bb-space-3) auto var(--bb-space-6);
    padding: var(--bb-space-6);
    background: var(--bb-surface);
    color: var(--bb-text);
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-md);
    font-family: var(--bb-font-sans);
}

.kd-baslik[b-xqsfc06pjk] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--bb-space-3);
    border-bottom: 2px solid var(--bb-primary);
    padding-bottom: var(--bb-space-3);
    margin-bottom: var(--bb-space-4);
}

    .kd-baslik h1[b-xqsfc06pjk] {
        margin: 0;
        font-size: var(--bb-fs-xl);
        font-family: var(--bb-font-display);
    }

    .kd-baslik span[b-xqsfc06pjk] {
        color: var(--bb-text-muted);
    }

.kd-blok[b-xqsfc06pjk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr));
    gap: var(--bb-space-3);
    margin-bottom: var(--bb-space-4);
}

    .kd-blok div[b-xqsfc06pjk] {
        display: flex;
        flex-direction: column;
    }

    .kd-blok span[b-xqsfc06pjk] {
        color: var(--bb-text-muted);
        font-size: var(--bb-fs-sm);
    }

.kd-tablo[b-xqsfc06pjk] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--bb-fs-sm);
}

    .kd-tablo th[b-xqsfc06pjk],
    .kd-tablo td[b-xqsfc06pjk] {
        border-bottom: 1px solid var(--bb-border);
        padding: var(--bb-space-2);
        text-align: left;
        vertical-align: top;
    }

    .kd-tablo th[b-xqsfc06pjk] {
        color: var(--bb-text-muted);
        font-weight: 600;
    }

    .kd-tablo .sag[b-xqsfc06pjk] {
        text-align: right;
    }

    .kd-tablo tfoot td[b-xqsfc06pjk] {
        border-top: 2px solid var(--bb-border);
        border-bottom: 0;
        font-weight: 600;
    }

.kd-not[b-xqsfc06pjk] {
    color: var(--bb-text-muted);
    font-size: var(--bb-fs-sm);
    margin-top: var(--bb-space-4);
}

.kd-sayim[b-xqsfc06pjk],
.kd-imza[b-xqsfc06pjk] {
    display: flex;
    justify-content: space-between;
    gap: var(--bb-space-6);
    margin-top: var(--bb-space-6);
}

    .kd-sayim div[b-xqsfc06pjk],
    .kd-imza div[b-xqsfc06pjk] {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: var(--bb-space-5);
    }

    .kd-sayim span[b-xqsfc06pjk],
    .kd-imza span[b-xqsfc06pjk] {
        color: var(--bb-text-muted);
        font-size: var(--bb-fs-sm);
    }

.kd-cizgi[b-xqsfc06pjk] {
    border-top: 1px solid var(--bb-text);
}

@media print {
    .kd-araclar[b-xqsfc06pjk] {
        display: none;
    }

    .kd-sayfa[b-xqsfc06pjk] {
        border: 0;
        margin: 0;
        max-width: none;
    }
}
/* _content/bbFilo.Blazor/Pages/Raporlar/Raporlar.razor.rz.scp.css */
/* Raporlar — ortak tablo eklentileri (18 Eki 2026: Yönetmelik Uyumu ve Yakıt Tüketimi raporlara taşındı) */
.rp-ozet[b-0jfgilwjdh] {
    margin-bottom: var(--bb-space-2);
}

.rp-tik[b-0jfgilwjdh] {
    cursor: pointer;
}

    .rp-tik:hover[b-0jfgilwjdh] {
        background: var(--bb-surface-hover);
    }

.rp-anormal[b-0jfgilwjdh] {
    background: var(--bb-error-light);
}

/* Tedarikçi hakedişi raporu — tedarikçi panelleri */
.rp-hakedis-panel[b-0jfgilwjdh] {
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-md);
    margin-bottom: var(--bb-space-3);
    overflow: hidden;
    /* 1 Kas 2026: sütun-flex rapor gövdesinde panel kalan boşluğa sıkışıp satırları kırpıyordu (overflow:hidden + min-height 0);
       gövde taşmadığı için kaydırma çubuğu da çıkmıyordu → "Excel dolu, sayfa boş". Panel kendi yüksekliğini korur. */
    flex-shrink: 0;
}
.rp-hakedis-bas[b-0jfgilwjdh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--bb-space-2);
    padding: var(--bb-space-2) var(--bb-space-3);
    background: var(--bb-surface-alt);
    border-bottom: 1px solid var(--bb-border);
}
.rp-hakedis-toplam[b-0jfgilwjdh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bb-space-2);
}
.rp-islem-btn[b-0jfgilwjdh] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--bb-text-muted);
    padding: 2px 6px;
    font-size: var(--bb-fs-md);
}
.rp-islem-btn:hover[b-0jfgilwjdh] {
    color: var(--bb-text);
}
.rp-kasa-fark[b-0jfgilwjdh] {
    padding-top: var(--bb-space-2);
}
.rp-kasa-fark.arti[b-0jfgilwjdh] { color: var(--bb-success); }
.rp-kasa-fark.eksi[b-0jfgilwjdh] { color: var(--bb-error); }
.bb-kur-deger.arti[b-0jfgilwjdh] { color: var(--bb-success); }
.bb-kur-deger.eksi[b-0jfgilwjdh] { color: var(--bb-error); }
/* _content/bbFilo.Blazor/Pages/Tanimlar/AracKatalogu.razor.rz.scp.css */
/* Araç Kataloğu — kaynak bağlantıları listesi (Kaynak sekmesi). */
.ak-kaynak[b-6ntkslq30m] {
    margin: 0 0 var(--bb-space-2);
    padding-left: var(--bb-space-4);
    font-size: var(--bb-fs-sm);
    word-break: break-all;
}

    .ak-kaynak a[b-6ntkslq30m] {
        color: var(--bb-primary);
    }


/* _content/bbFilo.Blazor/Pages/Tanimlar/Tanimlar.razor.rz.scp.css */
/* ============================================================
   Tanimlar.razor.css
   tn-* prefix — sütunlu hiyerarşik tanım yönetimi
   ============================================================ */

/* Sütunlar wrapper */
.tn-sutunlar-wrapper[b-3i49kbdevb] {
    flex: 1;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 0;
}

/* Tek sütun */
.tn-sutun[b-3i49kbdevb] {
    min-width: 220px;
    max-width: 280px;
    flex: 0 0 240px;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--bb-border);
    background: var(--bb-bg);
    transition: background 0.15s;
}

    .tn-sutun:last-child[b-3i49kbdevb] {
        border-right: none;
        flex: 1;
        max-width: unset;
    }

    .tn-sutun.tn-sutun-aktif[b-3i49kbdevb] {
        background: var(--bb-surface);
    }

/* Sütun başlık */
.tn-sutun-header[b-3i49kbdevb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    border-bottom: 1px solid var(--bb-border);
    flex-shrink: 0;
    background: var(--bb-surface);
}

.tn-sutun-baslik[b-3i49kbdevb] {
    font-size: 12px;
    font-weight: 700;
    color: var(--bb-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: var(--bb-font-display);
}

.tn-sutun-sayi[b-3i49kbdevb] {
    font-size: 11px;
    color: var(--bb-text-muted);
    background: var(--bb-bg);
    border: 1px solid var(--bb-border);
    border-radius: 999px;
    padding: 1px 7px;
}

/* Sütun içerik */
.tn-sutun-icerik[b-3i49kbdevb] {
    flex: 1;
    overflow-y: auto;
}

.tn-sutun-liste[b-3i49kbdevb] {
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.tn-sutun-yukle[b-3i49kbdevb],
.tn-sutun-bos[b-3i49kbdevb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 40px 16px;
    color: var(--bb-text-muted);
    font-size: 13px;
}

    .tn-sutun-yukle i[b-3i49kbdevb],
    .tn-sutun-bos i[b-3i49kbdevb] {
        font-size: 24px;
    }

/* Liste satırı */
.tn-satir[b-3i49kbdevb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 14px;
    border-bottom: 1px solid var(--bb-border);
    cursor: pointer;
    transition: background 0.12s;
    gap: 8px;
}

    .tn-satir:last-child[b-3i49kbdevb] {
        border-bottom: none;
    }

    .tn-satir:hover[b-3i49kbdevb] {
        background: var(--bb-surface);
    }

    .tn-satir.secili[b-3i49kbdevb] {
        background: var(--bb-engineering-light);
        border-left: 3px solid var(--bb-primary);
    }

    .tn-satir.pasif[b-3i49kbdevb] {
        opacity: 0.55;
    }

    .tn-satir.silinmis[b-3i49kbdevb] {
        opacity: 0.4;
        text-decoration: line-through;
    }

.tn-satir-icerik[b-3i49kbdevb] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.tn-satir-ad[b-3i49kbdevb] {
    font-size: 13px;
    font-weight: 500;
    color: var(--bb-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tn-satir-kod[b-3i49kbdevb] {
    font-size: 11px;
    color: var(--bb-text-muted);
    font-family: monospace;
}

.tn-satir-sag[b-3i49kbdevb] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.tn-satir-alt[b-3i49kbdevb] {
    font-size: 11px;
    color: var(--bb-text-muted);
    background: var(--bb-surface);
    border: 1px solid var(--bb-border);
    border-radius: 999px;
    padding: 1px 6px;
    min-width: 20px;
    text-align: center;
}

.tn-satir-ok[b-3i49kbdevb] {
    font-size: 10px;
    color: var(--bb-text-muted);
}

.tn-duzenle-btn[b-3i49kbdevb] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--bb-text-muted);
    font-size: 12px;
    padding: 3px 6px;
    border-radius: var(--bb-radius-sm);
    transition: background 0.15s, color 0.15s;
    opacity: 0;
}

.tn-satir:hover .tn-duzenle-btn[b-3i49kbdevb] {
    opacity: 1;
}

.tn-duzenle-btn:hover[b-3i49kbdevb] {
    background: var(--bb-surface);
    color: var(--bb-primary);
}

/* Topbar modül / tür seçicileri — her zaman görünür */
.tn-secici[b-3i49kbdevb] {
    height: 30px;
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    background: var(--bb-bg);
    color: var(--bb-text);
    font-size: 13px;
    padding: 0 8px;
    max-width: 180px;
}

    .tn-secici-tip[b-3i49kbdevb] {
        font-weight: 600;
    }

/* Topbar yol göstergesi */
.tn-aktif-yol[b-3i49kbdevb] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
}

.tn-yol-adim[b-3i49kbdevb] {
    color: var(--bb-text-muted);
    cursor: pointer;
    padding: 2px 6px;
    border-radius: var(--bb-radius-sm);
    transition: background 0.15s;
}

    .tn-yol-adim:hover[b-3i49kbdevb] {
        background: var(--bb-surface);
        color: var(--bb-text);
    }

    .tn-yol-adim.aktif[b-3i49kbdevb] {
        color: var(--bb-primary);
        font-weight: 600;
    }

.tn-yol-sep[b-3i49kbdevb] {
    font-size: 10px;
    color: var(--bb-text-muted);
}

/* Mobil */
@media (max-width: 768px) {
    .tn-sutunlar-wrapper[b-3i49kbdevb] {
        flex-direction: column;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .tn-sutun[b-3i49kbdevb] {
        min-width: unset;
        max-width: unset;
        flex: 0 0 auto;
        border-right: none;
        border-bottom: 1px solid var(--bb-border);
    }

        .tn-sutun:not(.tn-sutun-aktif)[b-3i49kbdevb] {
            display: none;
        }

        .tn-sutun.tn-sutun-aktif[b-3i49kbdevb] {
            display: flex;
        }
}

/* Filtre panelinde türün seviye zinciri (Ülke → İl → İlçe) */
.tn-seviye-bilgi[b-3i49kbdevb] {
    font-size: 12px;
    color: var(--bb-text-muted);
    padding: 6px 0;
}

/* _content/bbFilo.Blazor/Pages/Yakinda/Yakinda.razor.rz.scp.css */
/* Planlanan modül ("Yakında") sayfası */
.yk-govde[b-w76hssiynr] {
    padding: var(--bb-space-4);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-4);
}

.yk-amac[b-w76hssiynr] {
    display: flex;
    gap: var(--bb-space-3);
    align-items: flex-start;
    padding: var(--bb-space-3) var(--bb-space-4);
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-md);
    background: var(--bb-bg);
}

    .yk-amac i[b-w76hssiynr] {
        font-size: var(--bb-fs-xl);
        color: var(--bb-primary);
    }

    .yk-amac p[b-w76hssiynr] {
        margin: 0;
    }

.yk-izgara[b-w76hssiynr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
    gap: var(--bb-space-3);
}

.yk-kutu[b-w76hssiynr] {
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-md);
    padding: var(--bb-space-3) var(--bb-space-4);
    background: var(--bb-bg);
}

    .yk-kutu h3[b-w76hssiynr] {
        font-size: var(--bb-fs-md);
        margin: 0 0 var(--bb-space-2);
    }

    .yk-kutu ul[b-w76hssiynr] {
        margin: 0;
        padding-left: var(--bb-space-4);
    }

    .yk-kutu li[b-w76hssiynr] {
        margin-bottom: var(--bb-space-1);
    }

.yk-gerekli[b-w76hssiynr] {
    border-color: var(--bb-warning);
}

.yk-baglar[b-w76hssiynr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bb-space-1);
}

.yk-soluk[b-w76hssiynr] {
    color: var(--bb-text-muted);
    font-size: var(--bb-fs-sm);
    margin: var(--bb-space-2) 0 0;
}
/* _content/bbFilo.Blazor/Pages/Yakinda/YolHaritasi.razor.rz.scp.css */
/* Yol Haritası — planlanan modüller */
.yh-govde[b-27faff5jt0] {
    padding: var(--bb-space-4);
    overflow-y: auto;
}

.yh-grup[b-27faff5jt0] {
    font-size: var(--bb-fs-sm);
    color: var(--bb-text-muted);
    letter-spacing: 0.05em;
    margin: var(--bb-space-4) 0 var(--bb-space-2);
}

.yh-izgara[b-27faff5jt0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
    gap: var(--bb-space-2);
}

.yh-kart[b-27faff5jt0] {
    display: flex;
    align-items: flex-start;
    gap: var(--bb-space-3);
    padding: var(--bb-space-3);
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-md);
    background: var(--bb-bg);
    color: inherit;
    text-align: left;
    cursor: pointer;
    font: inherit;
}

    .yh-kart:hover[b-27faff5jt0] {
        background: var(--bb-surface-hover);
    }

    .yh-kart > i[b-27faff5jt0] {
        font-size: var(--bb-fs-lg);
        color: var(--bb-primary);
    }

.yh-kart-metin[b-27faff5jt0] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-1);
}

    .yh-kart-metin span[b-27faff5jt0] {
        font-size: var(--bb-fs-sm);
        color: var(--bb-text-muted);
    }
/* _content/bbFilo.Blazor/Pages/Yonetim/MusteriPortali.razor.rz.scp.css */
/* Müşteri Portalı */
.mp-govde[b-0gv4sma493] {
    padding: var(--bb-space-4);
    overflow-y: auto;
}

.mp-onizleme[b-0gv4sma493] {
    max-width: 480px;
}

.mp-baslik[b-0gv4sma493] {
    display: flex;
    align-items: center;
    gap: var(--bb-space-2);
    font-size: var(--bb-fs-lg);
    margin: var(--bb-space-4) 0 var(--bb-space-2);
}

.mp-izgara[b-0gv4sma493] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
    gap: var(--bb-space-3);
}

.mp-kart[b-0gv4sma493] {
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-md);
    padding: var(--bb-space-3);
    background: var(--bb-bg);
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-1);
}

.mp-kart-ust[b-0gv4sma493] {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--bb-space-1);
}

    .mp-kart-ust span[b-0gv4sma493], .mp-satir span[b-0gv4sma493] {
        font-size: var(--bb-fs-sm);
        color: var(--bb-text-muted);
    }

.mp-satir[b-0gv4sma493] {
    display: flex;
    justify-content: space-between;
    gap: var(--bb-space-2);
}

.mp-eylem[b-0gv4sma493], .mp-km[b-0gv4sma493], .mp-yanit[b-0gv4sma493] {
    display: flex;
    gap: var(--bb-space-2);
    flex-wrap: wrap;
    margin-top: var(--bb-space-2);
}

    .mp-km input[b-0gv4sma493] {
        flex: 1;
        min-width: 120px;
    }

.mp-talep-form[b-0gv4sma493] {
    display: grid;
    gap: var(--bb-space-2);
    max-width: 640px;
    margin-bottom: var(--bb-space-3);
}

.mp-soluk[b-0gv4sma493] {
    opacity: 0.6;
}