/* BissoPos - bh-reference.css - Perakende POS referans stilleri */

/* 24" (1920px) referans — cm oranlari viewport ile olceklenir */
:root {
    --bh-ref-vw: 1920;
    --bh-ui-scale: clamp(0.72, calc(100vw / var(--bh-ref-vw)), 1.12);
    --bh-list-row-h: calc(1.5cm * var(--bh-ui-scale));
    /* 31cm = urun/cari adi sutunu; 6.8cm = fiyat ve stok sutunlari (ayri) */
    --bh-list-name-col-w: calc(31cm * var(--bh-ui-scale));
    --bh-col-metric-w: calc(6.8cm * var(--bh-ui-scale));
    --bh-list-sheet-w: min(100%, calc((31cm + 6.8cm + 6.8cm) * var(--bh-ui-scale)));
    --bh-pill-inset: calc(2mm * var(--bh-ui-scale));
    --bh-pill-h: calc(var(--bh-list-row-h) - (2 * var(--bh-pill-inset)));
    --bh-list-grid-cols: minmax(var(--bh-list-name-col-w), 1fr) var(--bh-col-metric-w) var(--bh-col-metric-w);
    --bh-shadow-list: 0 4px 16px rgba(15, 23, 42, 0.1), 0 1px 4px rgba(15, 23, 42, 0.06);
    --bh-shadow-btn: 0 3px 10px rgba(15, 23, 42, 0.2), 0 1px 3px rgba(15, 23, 42, 0.12);
    --bh-shadow-btn-hover: 0 5px 14px rgba(15, 23, 42, 0.24), 0 2px 5px rgba(15, 23, 42, 0.14);
}

.app-content:has(.bh-retail-root) {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    background: #F1F5F9;
}

.bh-retail-root {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    gap: 0;
    font-size: 13px;
}

.bh-retail-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
    border-bottom: 1px solid #cbd5e1;
    flex-shrink: 0;
    position: relative;
    z-index: 30;
}
.bh-retail-actions .bh-btn,
.bh-retail-actions .bh-doc-btn {
    position: relative;
    z-index: 31;
    pointer-events: auto;
    cursor: pointer;
}

.bh-btn {
    border: none;
    border-radius: 6px;
    padding: 10px 18px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: inherit;
}

.bh-btn-retail-save { background: #dc2626; color: #fff; box-shadow: var(--bh-shadow-btn), 0 2px 0 #991b1b; }
.bh-btn-retail-save:hover { background: #b91c1c; box-shadow: var(--bh-shadow-btn-hover), 0 2px 0 #991b1b; }
.bh-btn-retail-back { background: #f97316; color: #fff; box-shadow: var(--bh-shadow-btn), 0 2px 0 #c2410c; }
.bh-btn-retail-back:hover { background: #ea580c; box-shadow: var(--bh-shadow-btn-hover), 0 2px 0 #c2410c; }

.bh-retail-actions--doc { gap: 8px; flex-wrap: wrap; }
.bh-doc-btn {
    border: none; border-radius: 5px; padding: 10px 16px; font-weight: 700; font-size: 12px;
    color: #fff; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; font-family: inherit;
}
.bh-doc-btn--green { background: #5bb75b; }
.bh-doc-btn--blue { background: #5bc0de; }
.bh-doc-btn--red { background: #d9534f; }
.bh-doc-btn--orange { background: #f0ad4e; color: #1e293b; }
.bh-doc-btn--print { background: #6c757d; color: #fff; }
.bh-doc-btn--print:hover { background: #5a6268; }

/* Renkli aksiyon butonlari — golge */
.bh-btn,
.bh-doc-btn,
.bh-cust-btn,
.bh-page-btn,
.bh-inv-btn,
.bh-md-btn,
.bh-page-share,
.bh-page-copy {
    box-shadow: var(--bh-shadow-btn);
    transition: box-shadow 0.15s ease, filter 0.15s ease, transform 0.1s ease;
}
.bh-btn:hover,
.bh-doc-btn:hover,
.bh-cust-btn:hover,
.bh-page-btn:hover,
.bh-inv-btn:hover,
.bh-md-btn:hover,
.bh-page-share:hover,
.bh-page-copy:hover {
    box-shadow: var(--bh-shadow-btn-hover);
}

.bh-sepet-summary {
    margin-top: 8px; padding: 10px 12px; background: #f8fafc; border: 1px solid #e2e8f0;
    border-radius: 6px; font-size: 12px;
}
.bh-sepet-summary__row {
    display: flex; justify-content: space-between; padding: 4px 0; color: #475569;
}
.bh-sepet-summary__row--total {
    border-top: 2px solid #16a34a; margin-top: 6px; padding-top: 8px;
    font-weight: 800; font-size: 14px; color: #0f172a;
}
.bh-sepet-summary__row--total strong { color: #16a34a; font-size: 18px; }
.bh-fatura-alt-iskonto {
    margin-top: 8px; background: none; border: none; color: #ef4444; font-size: 12px;
    cursor: pointer; text-decoration: underline; padding: 0;
}

.bh-retail-2col {
    display: grid;
    grid-template-columns: minmax(317px, 377px) minmax(0, 1fr);
    gap: 10px;
    padding: 10px 14px 8px;
    flex: 1;
    min-height: 0;
}

@media (max-width: 900px) {
    .bh-retail-2col { grid-template-columns: 1fr; }
    .bh-retail-root--perakende-bh .bh-panel--blue {
        width: 100% !important;
        flex: none !important;
        margin-right: 0 !important;
        margin-bottom: 16px;
    }
}

.bh-panel {
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    box-shadow: 0 1px 2px rgba(15,23,42,0.06);
}

.bh-panel__head {
    padding: 10px 12px;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: 0.04em;
    color: #fff;
    flex-shrink: 0;
}

.bh-panel--blue .bh-panel__head { background: #2563eb; }
.bh-panel--green .bh-panel__head { background: #5bb75b !important; }

.bh-panel__body {
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.bh-field { display: flex; flex-direction: column; gap: 4px; }

.bh-field label, .bh-field-row label {
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.bh-field input, .bh-field select, .bh-field textarea {
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    padding: 8px 10px;
    font-size: 13px;
    font-family: inherit;
    background: #fff;
}

.bh-field textarea { min-height: 52px; resize: vertical; }

.bh-field-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.bh-val-lg { font-weight: 800; font-size: 17px; color: #0f172a; }

.bh-cari-box {
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    padding: 8px;
    background: #f8fafc;
}

.bh-panel-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    padding-bottom: 6px;
    border-bottom: 1px solid #e2e8f0;
    flex-shrink: 0;
}

.bh-line-hint { font-size: 11px; color: #64748b; padding: 4px 0; }

.bh-iskonto-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    font-size: 12px;
}

.bh-table-wrap {
    flex: 1;
    min-height: 100px;
    overflow: auto;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    background: #f1f5f9;
}

.bh-sepet-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    background: #fff;
}

.bh-sepet-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #334155;
    color: #f8fafc;
    font-weight: 700;
    text-align: left;
    padding: 8px 6px;
    border-bottom: 2px solid #1e293b;
    white-space: nowrap;
}

.bh-sepet-table thead th.num, .bh-sepet-table .num { text-align: right; }
.bh-sepet-table tbody td { padding: 6px; border-bottom: 1px solid #e2e8f0; vertical-align: middle; }
.bh-sepet-table tbody tr:nth-child(even) { background: #fafafa; }

.bh-sepet-extra {
    padding-top: 8px;
    font-size: 12px;
    color: #475569;
    flex-shrink: 0;
}

.bh-retail-bottom {
    padding: 0 14px 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-shrink: 0;
    min-height: 130px;
    max-height: 36vh;
}

/* Hizli urun alani — flex column (toolbar + kart grid), 4lu grid degil */
.bh-brand-grid {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    padding: 8px;
}
.bh-brand-grid .pos-marka-grid-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-height: 72px;
    overflow-y: auto;
    flex-shrink: 0;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #e2e8f0;
}
.bh-brand-grid .brand-card {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 700;
    color: #475569;
    cursor: pointer;
    white-space: nowrap;
}
.bh-brand-grid .brand-card.is-active {
    background: #3b82f6;
    color: #fff;
    border-color: #2563eb;
    outline: none;
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25);
}
.bh-brand-grid .pos-urun-grid {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
    gap: 8px;
    align-content: start;
}
.bh-retail-root--perakende .cat-tabs { margin-bottom: 0; }
.bh-retail-actions--perakende { gap: 10px; }

/* Perakende satis — referans (AŞAMA 1–6 masaüstü ölçüleri) */
.bh-retail-root--perakende-bh .bh-retail-bottom { display: none !important; }
.bh-retail-root--perakende-bh .bh-line-hint { display: none; }
.bh-retail-root--perakende-bh .bh-iskonto-row { display: none; }
/* stopaj/tevkifat: yalniz saf perakende (editretail) gizle — belge/bh1 (editorder) goster */
.bh-retail-root--perakende-bh:not(.bh-retail-root--bh1) .bh-mini-tag { display: none; }
.bh-retail-root--bh1 .bh-mini-tag {
    display: inline-block !important;
    background: transparent !important;
    border: 1px solid;
    border-radius: 3px;
    padding: 1px 7px;
    font-size: 11px;
    font-weight: 700;
    margin-left: 6px;
    vertical-align: middle;
    cursor: pointer;
}
.bh-retail-root--bh1 .bh-mini-tag--stopaj { color: #D9534F !important; border-color: #D9534F !important; }
.bh-retail-root--bh1 .bh-mini-tag--tevkifat { color: #5CB85C !important; border-color: #5CB85C !important; }
.bh-retail-root--bh1 .bh-sepet-summary {
    width: min(100%, 340px);
    min-width: 260px;
    margin-left: auto;
    text-align: right;
}
.bh-retail-root--bh1 .bh-sepet-summary__row:not(#posPuanBlock) {
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    width: 100%;
}
.bh-retail-root--bh1 #posPuanBlock[style*="display: none"],
.bh-retail-root--bh1 #posPuanBlock[style*="display:none"] {
    display: none !important;
}
.bh-retail-root--bh1 .bh-sepet-summary__row > span:first-child {
    flex: 1 1 auto;
    text-align: left;
}
.bh-retail-root--bh1 .bh-sepet-summary__val,
.bh-retail-root--bh1 .bh-sepet-summary__row > strong {
    flex: 0 0 auto;
    white-space: nowrap;
}
/* bh-pos-cart-table: 9 sütun (Ürün + Miktar…Sil) — sütun gizleme yok */

/* AŞAMA 2: iki kolon — sol 400px, sağ kalan alan */
.bh-retail-root--perakende-bh .bh-retail-2col {
    display: flex !important;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    grid-template-columns: none !important;
    padding: 0 8px 8px 4px;
    flex: 0 1 auto;
    min-height: 0;
}
.bh-retail-root--perakende-bh .bh-panel--blue.perakende-card,
.bh-retail-root--perakende-bh .bh-panel--green {
    box-shadow: var(--bh-shadow-list) !important;
}

.bh-retail-root--perakende-bh .bh-panel--blue.perakende-card {
    width: min(100%, calc(458px * var(--bh-ui-scale, 1)));
    flex: 1 1 calc(300px * var(--bh-ui-scale, 1));
    max-width: calc(458px * var(--bh-ui-scale, 1));
    min-width: 0;
    margin-right: 0;
    border: 1px solid #2d3748 !important;
    border-radius: 6px !important;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
    background: #fff !important;
}
.bh-retail-root--perakende-bh .bh-panel--blue.perakende-card .bh-panel__body,
.bh-retail-root--perakende-bh .bh-panel--blue.perakende-card .card-body {
    background: #fff !important;
}
.bh-retail-root--perakende-bh .bh-perakende-fields .bh-doc-row:nth-child(even),
.bh-retail-root--perakende-bh .bh-pos-odeme-block .bh-doc-row:nth-child(even) {
    background: #fff !important;
}
.bh-retail-root--perakende-bh .bh-panel--blue .bh-panel__head {
    height: 50px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #4F86C6 !important;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.02em;
    border-radius: 0;
}
.bh-retail-root--perakende-bh .bh-panel--blue .bh-panel__body {
    padding: 14px 16px 16px;
    background: #fff;
    border-radius: 0 0 8px 8px;
}
.bh-retail-root--perakende-bh .bh-panel--green {
    flex: 1 1 0;
    min-width: 0;
    border: none;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 4px 14px rgba(15, 23, 42, 0.08);
}
.bh-retail-root--perakende-bh .bh-panel--green .bh-panel__head {
    height: 50px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    background: #5CB85C !important;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px 8px 0 0;
}
.bh-retail-root--perakende-bh .bh-panel__body--urun {
    padding: 14px;
    background: #fff;
    border: 1px solid #E2E8F0;
    border-top: none;
    border-radius: 0 0 8px 8px;
}
.bh-retail-root--perakende-bh .bh-doc-row { margin-bottom: 12px; }
.bh-retail-root--perakende-bh .bh-doc-row:last-child { margin-bottom: 0; }
.bh-retail-root--perakende-bh .bh-doc-search-wrap--full { width: 100%; max-width: 100%; }

/* AŞAMA 3: arama + dropdown */
.bh-retail-root--perakende-bh .bh-doc-search-input {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #CBD5E1 !important;
    border-radius: 6px;
    padding: 0 12px;
    font-size: 14px;
}
.bh-retail-root--perakende-bh .bh-urun-ara-dropdown--doc {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 50;
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #CBD5E1;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}
.bh-retail-root--perakende-bh .bh-urun-ara-item:hover,
.bh-retail-root--perakende-bh .bh-urun-ara-item.is-active {
    background: #428BCA !important;
}
.bh-retail-root--perakende-bh .bh-urun-ara-item:hover .bh-urun-ara-col--name,
.bh-retail-root--perakende-bh .bh-urun-ara-item:hover .bh-urun-ara-col--stok,
.bh-retail-root--perakende-bh .bh-urun-ara-item:hover .bh-urun-ara-col--fiyat,
.bh-retail-root--perakende-bh .bh-urun-ara-item.is-active .bh-urun-ara-col--name,
.bh-retail-root--perakende-bh .bh-urun-ara-item.is-active .bh-urun-ara-col--stok,
.bh-retail-root--perakende-bh .bh-urun-ara-item.is-active .bh-urun-ara-col--fiyat {
    color: #fff !important;
}

/* AŞAMA 5: sepet tablosu */
.bh-retail-root--perakende-bh .bh-sepet-table {
    width: 100%;
    border-collapse: collapse;
}
.bh-retail-root--perakende-bh .bh-sepet-table thead th {
    background: #EAEAEA;
    color: #555555;
    font-size: 13px;
    padding: 10px;
    font-weight: 600;
    text-align: left;
}
.bh-retail-root--perakende-bh .bh-sepet-table thead th.num { text-align: right; }
.bh-retail-root--perakende-bh .bh-sepet-table tbody td {
    padding: 12px 10px;
    border-bottom: 1px solid #E2E8F0;
    vertical-align: middle;
}
.bh-retail-root--perakende-bh .bh-pos-cart-table tbody td:first-child .pos-line-title,
.bh-retail-root--perakende-bh .pos-line-title {
    color: #5CB85C;
    font-weight: 700;
}

/* AŞAMA 6: yazdır menüsü */
.bh-print-dropdown-wrap { position: relative; display: inline-block; }
.bh-print-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 4px;
    width: 220px;
    background: #fff;
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 30;
    overflow: hidden;
}
.bh-print-dropdown-menu button {
    width: 100%;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: none;
    background: transparent;
    font-size: 13px;
    color: #334155;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
}
.bh-print-dropdown-menu button:hover { background: #F3F4F6; }

.bh-perakende-fields .bh-doc-row label { min-width: 110px; }
.bh-retail-root--perakende-bh .bh-perakende-select,
.bh-retail-root--perakende-bh .bh-doc-row input:not([type="checkbox"]),
.bh-retail-root--perakende-bh .bh-doc-row select,
.bh-retail-root--perakende-bh .bh-doc-row textarea,
.bh-retail-root--perakende-bh .bh-tahsilat-row .bh-money-input {
    border: 1px solid #CBD5E1;
    border-radius: 6px;
}
.bh-retail-root--perakende-bh .bh-money-field {
    border: 1px solid #CBD5E1;
    border-radius: 6px;
}
.bh-money-field {
    display: flex; align-items: center; gap: 0; width: 100%;
    border: 1px solid #cbd5e1; border-radius: 3px; background: #fff; overflow: hidden;
}
.bh-money-input {
    flex: 1; border: none; padding: 7px 8px; font-size: 13px; font-family: inherit;
    background: transparent; min-width: 0;
}
.bh-money-input[readonly] { background: #f8fafc; color: #0f172a; font-weight: 600; }
.bh-money-sym {
    padding: 0 10px; font-size: 12px; font-weight: 700; color: #64748b;
    border-left: 1px solid #e2e8f0; background: #f8fafc; align-self: stretch;
    display: flex; align-items: center;
}
.bh-tahsilat-row { display: flex; gap: 6px; align-items: stretch; width: 100%; }
.bh-tahsilat-row .bh-money-input { border: 1px solid #cbd5e1; border-radius: 3px; }
.bh-tahsilat-add {
    flex-shrink: 0; width: 36px; border: none; border-radius: 3px;
    background: #5bb75b; color: #fff; font-size: 16px; cursor: pointer; padding: 0;
}
.bh-tahsilat-add:hover { background: #449d44; }
.bh-perakende-select { width: 100%; padding: 7px 8px; border: 1px solid #cbd5e1; border-radius: 3px; font-size: 13px; }
.bh-retail-root--perakende-bh .bh-sepet-summary { margin-left: auto; max-width: 320px; margin-top: 8px; }
.bh-retail-root--perakende-bh .bh-table-wrap { flex: 1; min-height: 140px; }
.bh-retail-root--perakende-bh .bh-panel__body--urun { display: flex; flex-direction: column; min-height: 0; }

.bh-pay-row {
    padding: 10px 14px 14px;
    flex-shrink: 0;
    background: #e8eef2;
    border-top: 1px solid #cbd5e1;
}

.pos-marka-grid-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
}

.brand-card.is-active {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
    box-shadow: 0 2px 8px rgba(37,99,235,0.25);
    font-weight: 700;
}

.bh-list-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

/* Satislar listesi */
.app-content.bh-satis-list-root {
    padding: 16px 18px !important;
    gap: 0 !important;
    background: #f4f7f6 !important;
}
.bh-satis-list-root { font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif; }
.bh-satis-list-root .bh-cust-root .bh-cust-sheet,
.bh-satis-list-inner .bh-cust-sheet { margin: 0 auto; }
.bh-satis-list-toolbar { margin-bottom: 12px; }
.bh-satis-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; align-items: center; }
.bh-satis-actions-spacer { flex: 1; min-width: 12px; }
.bh-page-toolbar,
.bh-satis-toolbar {
    position: relative;
    z-index: 25;
}
.bh-page-toolbar .bh-page-btn,
.bh-satis-toolbar .bh-satis-btn {
    pointer-events: auto;
    cursor: pointer;
}
.bh-satis-btn {
    border: none; border-radius: 5px; padding: 10px 18px; font-weight: 600; font-size: 13px;
    cursor: pointer; color: #fff; display: inline-flex; align-items: center; gap: 8px; font-family: inherit;
}
.bh-satis-btn--green { background: #10b981; }
.bh-satis-btn--blue { background: #3b82f6; }
.bh-satis-btn--red { background: #ef4444; }
.bh-satis-btn--orange { background: #f59e0b; }
.bh-satis-btn:hover { filter: brightness(0.95); }

.bh-print-overlay {
    position: fixed; inset: 0; z-index: 10000; background: rgba(15, 23, 42, 0.45);
    display: flex; align-items: center; justify-content: center; padding: 20px;
}
.bh-print-modal {
    background: #fff; border-radius: 8px; overflow: hidden; width: min(480px, 100%);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}
.bh-print-modal--menu { width: min(520px, 96vw); max-height: min(90vh, 640px); display: flex; flex-direction: column; }
.bh-print-modal--menu .bh-print-modal__body {
    overflow-y: auto; flex: 1; padding: 14px 16px 10px;
}
.bh-print-meta-row {
    display: flex; gap: 10px; margin: 0 0 6px; font-size: 13px; line-height: 1.4;
}
.bh-print-meta-row__label { color: #64748b; min-width: 72px; flex-shrink: 0; }
.bh-print-meta-row__value { color: #0f172a; font-weight: 600; word-break: break-word; }
.bh-print-action-grid { display: flex; flex-direction: column; gap: 14px; margin-top: 10px; }
.bh-print-action-group__title {
    margin: 0 0 8px; font-size: 11px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.04em; color: #64748b;
}
.bh-print-action-group__items {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px;
}
.bh-print-action-btn {
    display: flex; align-items: center; gap: 8px; min-height: 36px; padding: 8px 10px;
    border: 1px solid #e2e8f0; border-radius: 6px; background: #fff; color: #1e293b;
    font-size: 13px; font-weight: 600; cursor: pointer; text-align: left; font-family: inherit;
    transition: border-color 0.15s, background 0.15s;
}
.bh-print-action-btn i { width: 16px; text-align: center; color: #0d9488; flex-shrink: 0; }
.bh-print-action-btn:hover { border-color: #0d9488; background: #f0fdfa; }
.bh-print-action-btn:active { background: #ccfbf1; }
.bh-print-modal__foot--menu {
    flex-shrink: 0; justify-content: flex-end; padding: 12px 16px;
}
.bh-print-modal__foot--menu .bh-print-btn-kapat { margin-left: 0; min-width: 100px; }
@media (max-width: 420px) {
    .bh-print-action-group__items { grid-template-columns: 1fr; }
}
.bh-print-modal__head {
    background: #16a34a; color: #fff; padding: 14px 18px; font-weight: 700; font-size: 15px;
}
.bh-print-modal__body { padding: 18px; color: #475569; font-size: 13px; line-height: 1.5; }
.bh-print-modal__hint { color: #94a3b8; font-size: 12px; margin-top: 10px; }
.bh-print-modal__foot {
    display: flex; gap: 10px; padding: 14px 18px; border-top: 1px solid #e2e8f0; background: #f8fafc;
}
.bh-print-btn-yazdir {
    background: #16a34a; color: #fff; border: none; border-radius: 5px; padding: 10px 16px;
    font-weight: 600; cursor: pointer; font-size: 13px;
}
.bh-print-btn-kapat {
    background: #64748b; color: #fff; border: none; border-radius: 5px; padding: 10px 16px;
    font-weight: 600; cursor: pointer; font-size: 13px; margin-left: auto;
}

/* BH 1:1 — Belge Yazdırma modal (müşteri satış / satış listesi) */
.bh-print-modal--bh { width: min(460px, 96vw); }
.bh-print-modal__head--bh {
    display: flex; align-items: center; justify-content: space-between;
    background: #5cb85c; padding: 12px 16px; font-size: 16px;
}
.bh-print-modal__close {
    background: transparent; border: none; color: #fff; font-size: 22px; line-height: 1;
    cursor: pointer; padding: 0 4px; opacity: 0.9;
}
.bh-print-modal__close:hover { opacity: 1; }
.bh-print-modal__body--bh {
    text-align: center; padding: 28px 22px 24px; color: #555; font-size: 14px;
}
.bh-print-modal__body--bh p { margin: 0; line-height: 1.55; }
.bh-print-modal__foot--bh {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 14px 18px 18px; border-top: none; background: #fff;
}
.bh-print-btn-yazdir--bh {
    display: inline-flex; align-items: center; gap: 8px; border-radius: 4px;
    padding: 10px 18px; font-size: 14px; box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}
.bh-print-btn-yazdir--bh .bh-print-dd__caret { font-size: 11px; margin-left: 2px; }
.bh-print-btn-kapat--red {
    background: #d9534f; border-radius: 4px; padding: 10px 20px; margin-left: 0;
    display: inline-flex; align-items: center; gap: 8px; font-size: 14px;
}
.bh-print-btn-kapat--red:hover { background: #c9302c; }
.bh-print-dd { position: relative; }
.bh-print-dd__panel {
    position: absolute; left: 0; bottom: calc(100% + 6px); min-width: 248px;
    background: #fff; border: 1px solid #d1d5db; border-radius: 4px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.14); z-index: 50; padding: 4px 0;
}
.bh-print-dd__panel.is-open,
.bh-print-dd__panel:not([hidden]) { display: block; }
.bh-print-dd__item { position: relative; }
.bh-print-dd__label {
    display: flex; align-items: center; justify-content: space-between; gap: 8px;
    padding: 10px 14px; font-size: 13px; color: #334155; cursor: default;
    border-bottom: 1px solid #f1f5f9;
}
.bh-print-dd__item:last-child .bh-print-dd__label { border-bottom: none; }
.bh-print-dd__item--has-sub:hover > .bh-print-dd__label { background: #f8fafc; }
.bh-print-dd__arrow { font-size: 10px; color: #94a3b8; }
.bh-print-dd__sub {
    display: none; position: absolute; left: 100%; top: 0; min-width: 230px;
    background: #fff; border: 1px solid #d1d5db; border-radius: 4px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.12); z-index: 60; padding: 4px 0;
}
.bh-print-dd__sub.is-open { display: block; }
.bh-print-dd__leaf {
    display: block; width: 100%; text-align: left; border: none; background: transparent;
    padding: 10px 14px; font-size: 13px; color: #334155; cursor: pointer; font-family: inherit;
}
.bh-print-dd__leaf:hover { background: #f3f4f6; }
.bh-print-dd__leaf--link {
    color: #0d9488; font-size: 12px; text-decoration: underline; padding-top: 8px;
}
.bh-print-dd__top { border-top: 1px solid #f1f5f9; }
.bh-print-dd__loading,
.bh-print-dd__empty {
    display: block; padding: 8px 14px; font-size: 12px; color: #94a3b8;
}
.bh-print-dd__dynamic .bh-print-dd__leaf { padding-left: 18px; }

/* Musteri detay — referans birebir (.bh-md) */
.app-content.bh-md-host,
#mainContent.bh-md-host,
.app-content.bh-scroll-host,
#mainContent.bh-scroll-host,
.app-content.bh-ec-host,
#mainContent.bh-ec-host,
.app-content.bh-depo-host,
#mainContent.bh-depo-host {
    display: block !important;
    flex: none !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    align-items: stretch !important;
    padding: 10px 14px !important;
    background: #fff !important;
    gap: 0 !important;
}
/* Tam sayfa rapor/detay — scroll ust sarmalayıcıda (flex clip onlemi) */
.app-main-scroll.bh-scroll-wrap,
.app-main-scroll:has(#mainContent.bh-scroll-host),
.app-main-scroll:has(#mainContent.bh-ec-host),
.app-main-scroll:has(#mainContent.bh-md-host.bh-stok-ekstre-host),
.app-main-scroll:has(#mainContent.bh-depo-host) {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}
.app-content.bh-md-host.bh-urun-host,
#mainContent.bh-md-host.bh-urun-host,
.app-content.bh-md-host.bh-cari-host,
#mainContent.bh-md-host.bh-cari-host,
.app-content.bh-md-host.bh-td-host,
#mainContent.bh-md-host.bh-td-host,
.app-content.bh-md-host.bh-stok-ekstre-host,
#mainContent.bh-md-host.bh-stok-ekstre-host {
    background: #f4f7f6 !important;
}
.bh-md-host .bh-md,
.bh-cari-host .bh-md {
    font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    font-size: 13px;
    color: #333;
}
.bh-md-loading, .bh-md-empty, .bh-md-empty-row { text-align: center; padding: 24px; color: #999; }
.bh-md-back {
    display: inline-flex; align-items: center; gap: 8px;
    background: #f5f5f5; border: 1px solid #ccc; border-radius: 3px;
    padding: 7px 14px; font-size: 13px; font-weight: 600; color: #333;
    cursor: pointer; margin-bottom: 10px;
}
.bh-module-back-bar {
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    margin: 0 0 12px; width: 100%;
}
.bh-module-back-bar .bh-md-back { margin-bottom: 0; }
.bh-module-back-title { font-size: 15px; font-weight: 700; color: #334155; }
.bh-md-head-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    margin-bottom: 8px !important;
    width: 100% !important;
}
.bh-md-kart {
    /* Referans: kart satırın ~%48'i (col-md-6), tam genişliğe yayılmaz */
    flex: 0 1 48% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 14px !important;
    padding: 14px 18px !important;
    background: linear-gradient(180deg, #e8d5b8 0%, #dcc9a8 35%, #e5d0b0 70%, #efe0c8 100%) !important;
    border: 1px solid #c9a86c !important;
    border-radius: 4px !important;
    box-shadow: rgba(0,0,0,0.14) 0px 8px 10px 1px, rgba(0,0,0,0.12) 0px 3px 14px 2px, rgba(0,0,0,0.2) 0px 5px 5px -3px !important;
}
.bh-md-kart__avatar {
    width: 64px; height: 64px; flex-shrink: 0;
    border-radius: 50%; background: #b0b0b0;
    display: flex; align-items: center; justify-content: center;
    font-size: 28px; color: #fff;
    overflow: hidden;
}
.bh-md-kart__avatar--img img {
    width: 100%; height: 100%; object-fit: cover; display: block;
}
.bh-md-kart__body { flex: 1; min-width: 0; }
.bh-md-kart__name {
    margin: 0 0 6px; font-size: 20px; font-weight: 800;
    color: #222; text-transform: uppercase; letter-spacing: 0.02em;
}
.bh-md-kart__line { font-size: 12px; color: #444; margin-bottom: 3px; display: flex; align-items: flex-start; gap: 6px; line-height: 1.35; }
.bh-md-kart__line a { color: #337ab7; text-decoration: none; }
.bh-md-kart__line i { width: 16px; color: #666; margin-top: 2px; flex-shrink: 0; text-align: center; }
.bh-md-kart__line--tel a { font-weight: 600; }
.bh-md-kart__muted { color: #888; font-style: italic; }
.bh-md-v-badge {
    display: inline-block; background: #337ab7; color: #fff;
    font-size: 10px; font-weight: 700; padding: 1px 5px; border-radius: 2px; margin-right: 4px;
}
.bh-md-kart__pills { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.bh-md-pill {
    display: inline-block; padding: 4px 10px; border-radius: 3px;
    font-size: 11px; font-weight: 600; color: #fff;
}
.bh-md-pill--rep { background: #337ab7; text-transform: lowercase; }
.bh-md-pill--sinif { background: #337ab7; text-transform: uppercase; }
.bh-md-not-bubble {
    flex: 0 0 280px !important;
    width: 280px !important;
    align-self: stretch !important;
    background: #fffbeb !important;
    border: 1px solid #d4a574 !important;
    border-radius: 8px !important;
    padding: 0 !important;
    font-size: 13px !important;
    color: #334155 !important;
    line-height: 1.5 !important;
    cursor: default !important;
    position: relative !important;
    margin-right: 4px !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important;
    overflow: hidden !important;
}
.bh-md-not-panel__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 14px;
    background: #2c3d49;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    cursor: pointer;
    user-select: none;
}
.bh-md-not-panel__title i.fa-chevron-down {
    font-size: 11px;
    opacity: 0.85;
    transition: transform 0.15s ease;
}
.bh-md-not-panel.is-open .bh-md-not-panel__title i.fa-chevron-down {
    transform: rotate(180deg);
}
.bh-md-not-panel__body {
    padding: 14px;
    max-height: 220px;
    overflow-y: auto;
}
.bh-md-not-panel__body--collapsed {
    display: none !important;
}
.bh-md-not-panel__text {
    white-space: pre-wrap;
    word-break: break-word;
    margin-bottom: 10px;
    color: #1e293b;
    font-size: 13px;
}
.bh-md-not-panel__text .bh-md-muted {
    color: #94a3b8;
    font-style: italic;
}
.bh-md-not-panel__edit textarea {
    width: 100%;
    min-height: 88px;
    padding: 10px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 13px;
    font-family: inherit;
    resize: vertical;
    box-sizing: border-box;
}
.bh-md-not-panel__edit-actions {
    display: flex;
    gap: 8px;
    margin-top: 8px;
    justify-content: flex-end;
}
.bh-md-urunsal-table { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.bh-md-urunsal-table th, .bh-md-urunsal-table td {
    padding: 8px 10px;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
}
.bh-md-urunsal-table th { background: #f8fafc; font-size: 11px; font-weight: 800; color: #64748b; }
.bh-md-urunsal-table td.r, .bh-md-urunsal-table th.r { text-align: right; }
.bh-md-not-bubble::before {
    content: ""; position: absolute; left: -16px; top: 50%; margin-top: -12px;
    border: 12px solid transparent; border-right-color: #666;
}
.bh-md-not-bubble::after {
    content: ""; position: absolute; left: -13px; top: 50%; margin-top: -10px;
    border: 10px solid transparent; border-right-color: #ffffe0;
}
.bh-md-kpi-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 30px !important;
    width: 100% !important;
    margin: 0 0 23px 0 !important;
    padding: 0 !important;
    background: transparent !important;
}
.bh-md-kpi {
    flex: 1 1 0 !important;
    max-width: none !important;
    width: auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 16px 20px !important;
    border-radius: 4px !important;
    color: #fff !important;
    min-height: 80px !important;
    height: 80px !important;
    box-sizing: border-box !important;
    cursor: pointer;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05) !important;
    transition: box-shadow 150ms ease, transform 150ms ease;
}
.bh-md-kpi:hover { box-shadow: 0 3px 6px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08) !important; transform: translateY(-1px); }
.bh-md-kpi__icon {
    width: 40px; height: 40px; flex-shrink: 0;
    border-radius: 50%; background: rgba(255,255,255,0.3);
    display: flex; align-items: center; justify-content: center;
    font-size: 17px; margin-right: 8px;
}
.bh-md-kpi__txt { min-width: 0; }
.bh-md-kpi__lbl { display: block; font-size: 11px; opacity: 0.95; margin-bottom: 2px; }
.bh-md-kpi strong { display: block; font-size: 22px; font-weight: 700; line-height: 1.2; }
.bh-md-kpi small { display: block; font-size: 10px; opacity: 0.9; margin-top: 2px; }
.bh-md-kpi--acik { background: #fc8675 !important; position: relative !important; }
.bh-md-kpi--cek { background: #5ab6df !important; }
.bh-md-kpi--senet { background: #5ab6df !important; }
.bh-md-kpi--ciro { background: #65cea7 !important; }
/* Ürün detayı: Stok Değeri kartı referansta sarı/altın */
.bh-urun-kpi--deger { background: #efb45a !important; }
/* Açık Bakiye kartı — Ortalama Vade ok butonu (referans: toggle-btn) */
.bh-md-kpi__arrow {
    margin-left: auto; flex-shrink: 0;
    width: 30px; height: 30px; border-radius: 50%;
    border: none; background: rgba(255,255,255,0.28); color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 14px; cursor: pointer;
    transition: background 0.15s ease, transform 0.15s ease;
}
.bh-md-kpi__arrow:hover { background: rgba(255,255,255,0.45); transform: translateX(2px); }
.bh-md-kpi__arrow:active { transform: translateX(0); }

/* ===== Tahsilat / Ödeme tam-sayfa formu (referans: ngncollectioncash) ===== */
.bh-tahp { font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif; color: #333; }
.bh-tahp-top { display: flex; gap: 8px; margin-bottom: 14px; }
.bh-tahp-btn {
    border: none; border-radius: 3px; padding: 8px 16px; font-size: 13px; font-weight: 600;
    color: #fff; cursor: pointer; display: inline-flex; align-items: center; gap: 7px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.10);
    transition: all 0.18s ease;
}
.bh-tahp-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 14px rgba(0,0,0,0.22), 0 2px 4px rgba(0,0,0,0.14); }
.bh-tahp-btn:active { transform: translateY(0); }
.bh-tahp-btn--save { background: #5cb85c; }
.bh-tahp-btn--cust { background: #5bb6cc; }
.bh-tahp-cols { display: flex; gap: 18px; align-items: flex-start; flex-wrap: wrap; }
.bh-tahp-card {
    background: #fff; border-radius: 4px; overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.10), 0 1px 3px rgba(0,0,0,0.06);
    flex: 1 1 460px; max-width: 560px;
}
.bh-tahp-side { flex: 1 1 360px; max-width: 460px; }
.bh-tahp-card__head {
    padding: 14px 18px; font-size: 15px; font-weight: 700; color: #fff;
    text-transform: uppercase; letter-spacing: 0.02em;
}
.bh-tahp-card__head--blue { background: #3a8fc7; }
.bh-tahp-card__head--green { background: #5cb85c; }
.bh-tahp-card__body { padding: 18px 20px; }
.bh-tahp-field { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 14px; }
.bh-tahp-field > label {
    flex: 0 0 130px; text-align: right; padding-top: 7px;
    font-size: 13px; color: #555; font-weight: 600; line-height: 1.3;
}
.bh-tahp-field > label small { display: block; font-weight: 400; font-size: 10px; color: #999; }
.bh-tahp-req { color: #d9534f; }
.bh-tahp-input { flex: 1 1 auto; min-width: 0; }
.bh-tahp-input input, .bh-tahp-input select, .bh-tahp-input textarea {
    width: 100%; box-sizing: border-box; padding: 7px 10px;
    border: 1px solid #ccc; border-radius: 3px; font-size: 13px; font-family: inherit;
    background: #fff; color: #333;
}
.bh-tahp-input input:focus, .bh-tahp-input select:focus, .bh-tahp-input textarea:focus {
    outline: none; border-color: #3a8fc7; box-shadow: 0 0 0 3px rgba(58,143,199,0.12);
}
.bh-tahp-input textarea { min-height: 60px; resize: vertical; }
.bh-tahp-srow {
    display: flex; justify-content: space-between; align-items: center;
    padding: 12px 4px; border-bottom: 1px solid #eef2f6; font-size: 13px;
}
.bh-tahp-srow:last-child { border-bottom: none; }
.bh-tahp-srow span { color: #777; }
.bh-tahp-srow b { color: #333; font-weight: 700; }

/* ===== Müşteri Ekle/Düzenle — sekmeli tam-sayfa form (referans editcustomer) ===== */
.bh-cep-card { max-width: none !important; margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
.bh-cep-tabs {
    display: flex; flex-wrap: wrap; gap: 0;
    background: #5cb85c; border-radius: 4px 4px 0 0; overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.10);
}
.bh-cep-tab {
    border: none; background: transparent; color: rgba(255,255,255,0.85);
    padding: 13px 20px; font-size: 13px; font-weight: 700; cursor: pointer;
    display: inline-flex; align-items: center; gap: 8px; font-family: inherit;
    border-right: 1px solid rgba(255,255,255,0.18); transition: background 0.15s ease;
    text-transform: uppercase; letter-spacing: 0.02em;
}
.bh-cep-tab:hover { background: rgba(255,255,255,0.12); color: #fff; }
.bh-cep-tab.is-active { background: #fff; color: #3c9a3c; }
.bh-cep-panel { padding: 4px 2px; max-width: 760px; }
.bh-cep-kimlik { display: flex; gap: 28px; flex-wrap: wrap; align-items: flex-start; }
.bh-cep-kimlik__main { flex: 1 1 360px; min-width: 0; }
.bh-cep-resim {
    flex: 0 0 150px; width: 150px; height: 150px;
    border: 2px dashed #cfd8e3; border-radius: 6px; background: #fafbfc;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 8px; cursor: pointer; color: #3a8fc7; transition: border-color 0.15s ease, background 0.15s ease;
    overflow: hidden;
}
.bh-cep-resim:hover { border-color: #3a8fc7; background: #f1f7fb; }
.bh-cep-resim i { font-size: 30px; }
.bh-cep-resim span { font-size: 13px; font-weight: 600; }
.bh-cep-resim img { width: 100%; height: 100%; object-fit: cover; }
.bh-cep-check { font-weight: 400 !important; display: inline-flex; align-items: center; gap: 7px; padding-top: 6px; cursor: pointer; }
.bh-cep-check input { width: 16px; height: 16px; }
.bh-cep-konum-btn {
    border: 1px solid #d0d7e2; background: #f1f5f9; color: #334155;
    padding: 7px 12px; border-radius: 4px; font-size: 13px; cursor: pointer;
    display: inline-flex; align-items: center; gap: 6px;
}
.bh-cep-konum-btn:hover { background: #e2e8f0; }

/* ===== Krediler (referans: ngncredits + Kredi Tanımı modalı) ===== */
.bh-kredi-page { font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif; }
.bh-kredi-top { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; flex-wrap: wrap; }
.bh-kredi-add { background: #10b981; color: #fff; border: none; border-radius: 4px; padding: 9px 16px; font-size: 13px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; box-shadow: 0 2px 5px rgba(0,0,0,0.15); }
.bh-kredi-add:hover { background: #0ea271; }
.bh-kredi-kpis { display: flex; gap: 14px; margin-left: auto; }
.bh-kredi-kpi { background: #fff; border-radius: 6px; padding: 10px 24px; text-align: center; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.bh-kredi-kpi span { display: block; font-size: 11px; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.03em; }
.bh-kredi-kpi b { display: block; font-size: 17px; margin-top: 3px; }
.bh-kredi-kpi--kalan b { color: #10b981; }
.bh-kredi-kpi--buay b { color: #d9534f; }
.bh-kredi-sheet { background: #fff; border-radius: 8px; padding: 16px 18px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
.bh-kredi-sheet-top { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 12px; flex-wrap: wrap; gap: 10px; }
.bh-kredi-toggle { font-size: 13px; color: #475569; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.bh-kredi-row { display: flex; align-items: center; gap: 14px; background: #5bb6cc; color: #fff; border-radius: 4px; padding: 15px 20px; margin-bottom: 10px; cursor: pointer; transition: filter 0.15s ease; box-shadow: 0 2px 5px rgba(0,0,0,0.12); width: 100%; border: none; text-align: left; font-family: inherit; }
.bh-kredi-row:hover { filter: brightness(0.96); }
.bh-kredi-row-name { font-weight: 700; font-size: 14px; flex: 1; }
.bh-kredi-badge { background: #d9534f; color: #fff; font-size: 11px; font-weight: 700; padding: 3px 9px; border-radius: 3px; }
.bh-kredi-row-amt { background: #fff; color: #1e293b; font-weight: 700; font-size: 15px; padding: 8px 18px; border-radius: 4px; min-width: 160px; text-align: center; }
/* Kredi Tanımı modal alanları: etiket solda, alan sağda (referans) */
.bh-tah-field--row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; margin-bottom: 12px; }
.bh-tah-field--row > label { flex: 0 0 150px; text-align: right; font-size: 13px; color: #555; font-weight: 600; }
.bh-tah-field--row > input, .bh-tah-field--row > select, .bh-tah-field--row > textarea { flex: 1; min-width: 0; padding: 8px 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 13px; font-family: inherit; }
.bh-tah-field--row > textarea { min-height: 60px; resize: vertical; }
.bh-kredi-hint { flex-basis: 100%; margin-left: 162px; color: #d9534f; font-size: 11px; }
@media (max-width: 640px) {
    .bh-kredi-kpis { margin-left: 0; width: 100%; }
    .bh-tah-field--row > label { flex: none; text-align: left; }
    .bh-kredi-hint { margin-left: 0; }
}

/* ===== Çek / Senet Portföyü (referans: ngnchequeportfolio) ===== */
.bh-kp-page { font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif; max-width: 1180px; margin: 0 auto; }
.bh-kp-head h2 { font-size: 20px; font-weight: 800; color: #1e293b; margin: 0 0 14px; }
.bh-kp-tabs { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 16px; border-bottom: 2px solid #e2e8f0; }
.bh-kp-tab { background: transparent; border: none; padding: 9px 14px; font-size: 13px; font-weight: 600; color: #64748b; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -2px; border-radius: 6px 6px 0 0; font-family: inherit; transition: color .15s, background .15s; }
.bh-kp-tab:hover { color: #0d9488; background: #f0fdfa; }
.bh-kp-tab.active { color: #0d9488; border-bottom-color: #0d9488; background: #f0fdfa; }
.bh-kp-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 16px; }
.bh-kp-kpi { background: #fff; border-radius: 10px; padding: 16px 18px; box-shadow: 0 2px 10px rgba(15,23,42,.06); border: 1px solid #eef2f5; }
.bh-kp-kpi span { display: block; font-size: 11px; font-weight: 700; letter-spacing: .04em; color: #94a3b8; margin-bottom: 6px; }
.bh-kp-kpi b { font-size: 22px; font-weight: 800; color: #1e293b; }
.bh-kp-toolbar { margin-bottom: 12px; }
.bh-kp-bul-wrap { font-size: 13px; font-weight: 600; color: #475569; display: inline-flex; align-items: center; gap: 8px; }
.bh-kp-search { position: relative; max-width: 320px; }
.bh-kp-search i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #94a3b8; font-size: 13px; }
.bh-kp-search input { width: 100%; box-sizing: border-box; padding: 9px 12px 9px 34px; border: 1px solid #d7dee6; border-radius: 9px; font-size: 13px; font-family: inherit; outline: none; }
.bh-kp-search input:focus { border-color: #0d9488; box-shadow: 0 0 0 3px rgba(13,148,136,.12); }
.bh-kp-tablewrap { background: #fff; border-radius: 10px; box-shadow: 0 2px 12px rgba(15,23,42,.06); border: 1px solid #eef2f5; overflow-x: auto; }
.bh-kp-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.bh-kp-table thead th { text-align: left; padding: 12px 14px; font-size: 11px; font-weight: 700; letter-spacing: .03em; color: #64748b; background: #f8fafc; border-bottom: 1px solid #e2e8f0; white-space: nowrap; }
.bh-kp-table thead th.num, .bh-kp-table td.num { text-align: right; }
.bh-kp-table tbody td { padding: 11px 14px; border-bottom: 1px solid #f1f5f9; color: #334155; vertical-align: middle; white-space: nowrap; }
.bh-kp-table tbody tr:hover { background: #f8fafc; }
.bh-kp-table tbody tr:last-child td { border-bottom: none; }
.bh-kp-link { color: #2563eb; font-weight: 600; cursor: pointer; text-decoration: none; }
.bh-kp-link:hover { text-decoration: underline; }
.bh-kp-badge { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 11px; font-weight: 700; white-space: nowrap; }
.bh-kp-act { padding: 6px 8px; border: 1px solid #d7dee6; border-radius: 7px; font-size: 12px; color: #475569; background: #fff; cursor: pointer; outline: none; font-family: inherit; }
.bh-kp-act:focus { border-color: #0d9488; }
.bh-kp-btn-new { margin-left: auto; height: 30px; min-height: 30px; padding: 0 14px; background: #0d9488; color: #fff; border: none; border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; font-family: inherit; }
.bh-kp-btn-new:hover { background: #0f766e; }
.bh-kp-table tbody tr.bh-kp-row { cursor: pointer; }
.bh-kp-table tbody tr.bh-kp-row:hover { background: #f0fdfa; }
.m3-desk-body .bh-kp-page { max-width: 100%; padding: 8px 2px; }
.m3-desk-body .bh-kp-tablewrap { -webkit-overflow-scrolling: touch; }
.m3-desk-body .bh-kp-head h2 { font-size: 17px; }
@media (max-width: 720px) { .bh-kp-kpis { grid-template-columns: 1fr; } }

/* ===== Demirbaşlar (referans: ngnassets) ===== */
.bh-db-page { font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif; }
.bh-db-top { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; }
.bh-db-add { background: #10b981; color: #fff; border: none; border-radius: 4px; padding: 9px 16px; font-size: 13px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; box-shadow: 0 2px 5px rgba(0,0,0,0.15); }
.bh-db-add:hover { background: #0ea271; }
.bh-db-rapor { background: #f0ad4e; color: #fff; border: none; border-radius: 4px; padding: 9px 16px; font-size: 13px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; box-shadow: 0 2px 5px rgba(0,0,0,0.15); }
.bh-db-rapor:hover { background: #ec9c2d; }
.bh-db-info { background: #fcf8e3; border: 1px solid #faebcc; border-radius: 8px; padding: 20px 22px; display: flex; gap: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
.bh-db-info-ico { color: #d9534f; font-size: 26px; margin-top: 2px; }
.bh-db-info p { margin: 0 0 12px; color: #6b5e3f; font-size: 13px; line-height: 1.6; }
.bh-db-info p:last-child { margin-bottom: 0; }
.bh-db-info-tip { color: #5a8a3a !important; }
.bh-db-info-tip b { background: #10b981; color: #fff; padding: 2px 8px; border-radius: 3px; font-weight: 600; font-size: 12px; }
.bh-db-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
.bh-db-card { background: #fff; border-radius: 8px; padding: 16px; display: flex; align-items: center; gap: 14px; cursor: pointer; box-shadow: 0 2px 6px rgba(15,23,42,0.07); border: 1px solid #eef2f5; transition: box-shadow 0.15s, transform 0.15s; }
.bh-db-card:hover { box-shadow: 0 4px 14px rgba(15,23,42,0.12); transform: translateY(-1px); }
.bh-db-card-ico { width: 44px; height: 44px; border-radius: 10px; background: #ecfdf5; color: #10b981; display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }
.bh-db-card-body { flex: 1; min-width: 0; }
.bh-db-card-ad { font-weight: 700; font-size: 14px; color: #1e293b; }
.bh-db-card-sub { font-size: 12px; color: #94a3b8; margin-top: 3px; display: flex; align-items: center; gap: 6px; }
.bh-db-card-amt { font-weight: 800; font-size: 15px; color: #10b981; white-space: nowrap; }

/* ===== Projeler (referans: ngnprojects) ===== */
.bh-pr-page { font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif; }
.bh-pr-top { margin-bottom: 16px; }
.bh-pr-add { background: #10b981; color: #fff; border: none; border-radius: 4px; padding: 9px 16px; font-size: 13px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; box-shadow: 0 2px 5px rgba(0,0,0,0.15); }
.bh-pr-add:hover { background: #0ea271; }
.bh-pr-sheet { background: #fff; border-radius: 8px; padding: 16px 18px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
.bh-pr-sheet-top { display: flex; align-items: center; justify-content: flex-end; gap: 22px; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #eef2f5; flex-wrap: wrap; }
.bh-pr-search { display: flex; align-items: center; gap: 8px; }
.bh-pr-search label { font-size: 13px; color: #475569; font-weight: 600; }
.bh-pr-search input { padding: 7px 11px; border: 1px solid #ccc; border-radius: 4px; font-size: 13px; font-family: inherit; outline: none; }
.bh-pr-search input:focus { border-color: #5bc0de; }
.bh-pr-toggle { font-size: 13px; color: #475569; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.bh-pr-row { display: flex; align-items: center; gap: 14px; background: #5bc0de; color: #fff; border-radius: 4px; padding: 15px 20px; margin-bottom: 10px; cursor: pointer; transition: filter 0.15s ease; box-shadow: 0 2px 5px rgba(0,0,0,0.12); }
.bh-pr-row:hover { filter: brightness(0.96); }
.bh-pr-row--pasif { background: #94a3b8; }
.bh-pr-row-name { font-weight: 700; font-size: 14px; flex: 1; }
.bh-pr-badge { background: rgba(0,0,0,0.18); color: #fff; font-size: 11px; font-weight: 700; padding: 3px 9px; border-radius: 3px; }

/* ===== Çalışanlar (referans: ngnemployees / ngnemployee) ===== */
.bh-cal-page { font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif; padding: 16px 18px 24px; }
.bh-cal-host { background: #f4f7f6 !important; }
.bh-cal-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.bh-cal-top-spacer { flex: 1; min-width: 12px; }
.bh-cal-add {
    background: #5cb85c; color: #fff; border: none; border-radius: 4px;
    padding: 9px 16px; font-size: 13px; font-weight: 600; cursor: pointer;
    display: inline-flex; align-items: center; gap: 7px; font-family: inherit;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}
.bh-cal-add:hover { background: #4cae4c; }
.bh-cal-rapor {
    background: #5bc0de; color: #fff; border: none; border-radius: 4px;
    padding: 9px 16px; font-size: 13px; font-weight: 600; cursor: pointer;
    display: inline-flex; align-items: center; gap: 7px; font-family: inherit;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15); text-decoration: none;
}
.bh-cal-rapor:hover { background: #46b8da; }
.bh-cal-listhead { display: flex; align-items: center; margin-bottom: 12px; }
.bh-cal-search { font-size: 13px; color: #475569; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; }
.bh-cal-search input {
    padding: 7px 11px; border: 1px solid #ccc; border-radius: 4px;
    font-size: 13px; font-family: inherit; outline: none; min-width: 180px;
}
.bh-cal-search input:focus { border-color: #5bc0de; }
.bh-cal-list { margin-top: 4px; }
.bh-cal-row {
    display: flex; align-items: center; gap: 14px; background: #5bc0de; color: #fff;
    border-radius: 4px; padding: 12px 16px; margin-bottom: 8px; cursor: pointer;
    transition: filter 0.15s ease; box-shadow: 0 2px 5px rgba(0,0,0,0.12); text-decoration: none;
}
.bh-cal-row:hover { filter: brightness(0.96); }
.bh-cal-row--pasif { background: #94a3b8; }
.bh-cal-row-avatar {
    width: 52px; height: 52px; border-radius: 2px; background: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 26px; color: #b0bec5; flex-shrink: 0;
}
.bh-cal-row-name { font-weight: 700; font-size: 15px; flex: 1; letter-spacing: 0.05em; text-transform: uppercase; }
.bh-cal-row-bak {
    background: #fff; color: #333; font-weight: 700; font-size: 14px;
    padding: 8px 14px; border-radius: 3px; white-space: nowrap; min-width: 120px; text-align: right;
}
/* Detay — ahşap profil + aksiyonlar */
.bh-cal-detay { font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif; }

/* Çalışan ekle/düzenle — viewport'a sığar (max-height + scroll + 2 kolon) */
.bh-cal-modal-ov.bh-tah-ov {
    align-items: center;
    justify-content: center;
    padding: 12px;
    box-sizing: border-box;
}
.bh-cal-modal.bh-tah-modal {
    width: min(560px, 96vw) !important;
    max-width: 560px !important;
    max-height: min(92vh, 720px) !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    overflow: hidden !important;
}
.bh-cal-modal__head {
    flex: 0 0 auto !important;
    background: #5bc0de !important;
}
.bh-cal-modal__body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 12px 14px !important;
    -webkit-overflow-scrolling: touch;
}
.bh-cal-modal__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 12px;
}
.bh-cal-modal__span2 { grid-column: 1 / -1; }
.bh-cal-modal__grid .bh-tah-field { margin: 0 !important; }
.bh-cal-modal__grid .bh-tah-field label {
    font-size: 11px !important;
    margin-bottom: 2px !important;
    display: block;
}
.bh-cal-modal__grid .bh-tah-field input,
.bh-cal-modal__grid .bh-tah-field select {
    width: 100%;
    box-sizing: border-box;
    padding: 7px 9px !important;
    font-size: 13px !important;
}
.bh-cal-modal__hint {
    margin: 10px 0 0;
    font-size: 11px;
    color: #64748b;
    line-height: 1.35;
}
.bh-cal-modal__foot {
    flex: 0 0 auto !important;
    border-top: 1px solid #e2e8f0;
    padding: 10px 14px !important;
    background: #fff;
}
@media (max-width: 520px) {
    .bh-cal-modal__grid { grid-template-columns: 1fr; }
    .bh-cal-modal__span2 { grid-column: auto; }
    .bh-cal-modal.bh-tah-modal { max-height: 94vh !important; }
}

/* Masraf / finans modal — aynı kompakt desen */
.bh-fin-modal-ov.bh-tah-ov {
    align-items: center;
    justify-content: center;
    padding: 12px;
    box-sizing: border-box;
}
.bh-fin-modal.bh-tah-modal {
    width: min(560px, 96vw) !important;
    max-width: 560px !important;
    max-height: min(92vh, 720px) !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    overflow: hidden !important;
}
.bh-fin-modal__head { flex: 0 0 auto !important; }
.bh-fin-modal__body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 12px 14px !important;
    -webkit-overflow-scrolling: touch;
}
.bh-fin-modal__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 12px;
}
.bh-fin-modal__span2 { grid-column: 1 / -1; }
.bh-fin-modal__grid .bh-tah-field { margin: 0 !important; }
.bh-fin-modal__grid .bh-tah-field label {
    font-size: 11px !important;
    margin-bottom: 2px !important;
    display: block;
}
.bh-fin-modal__grid .bh-tah-field input,
.bh-fin-modal__grid .bh-tah-field select {
    width: 100%;
    box-sizing: border-box;
    padding: 7px 9px !important;
    font-size: 13px !important;
}
.bh-fin-modal__foot {
    flex: 0 0 auto !important;
    border-top: 1px solid #e2e8f0;
    padding: 10px 14px !important;
    background: #fff;
}
.bh-fin-tekrar { margin-top: 10px; }
.bh-fin-tekrar__chk {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    cursor: pointer;
    margin: 0;
}
.bh-fin-tekrar__body {
    margin-top: 8px;
    padding: 8px 10px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
}
.bh-fin-tekrar__grid { margin: 0; }
@media (max-width: 520px) {
    .bh-fin-modal__grid { grid-template-columns: 1fr; }
    .bh-fin-modal__span2 { grid-column: auto; }
    .bh-fin-modal.bh-tah-modal { max-height: 94vh !important; }
}

.bh-cal-profile {
    background-color: #dcc9a8;
    background-image:
        repeating-linear-gradient(92deg, transparent, transparent 3px, rgba(90,60,30,.06) 3px, rgba(90,60,30,.06) 6px),
        linear-gradient(180deg, #e8d5b5 0%, #d4b896 45%, #c9ad82 100%);
    border: 1px solid #c4a574; border-radius: 4px; padding: 22px 26px; margin: 10px 0 14px;
    display: flex; align-items: center; gap: 20px; min-height: 108px; position: relative;
}
.bh-cal-profile__avatar {
    width: 78px; height: 78px; border-radius: 50%; background: #b0bec5; color: #fff;
    display: flex; align-items: center; justify-content: center; font-size: 34px; flex-shrink: 0;
    border: 3px solid rgba(255,255,255,0.55);
}
.bh-cal-profile__name { font-size: 26px; font-weight: 700; color: #4a5568; text-transform: uppercase; letter-spacing: 0.06em; line-height: 1.2; }
.bh-cal-profile__note {
    position: absolute; top: -8px; left: 50%; transform: translateX(-30%);
    background: #fff9c4; border: 1px solid #f0e68c; border-radius: 6px; padding: 6px 12px;
    font-size: 11px; color: #5a8a3a; font-weight: 600; box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    white-space: nowrap; cursor: pointer;
}
.bh-cal-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; align-items: center; }
.bh-cal-dd { position: relative; display: inline-block; }
.bh-cal-dd-menu {
    display: none; position: absolute; top: calc(100% + 4px); left: 0; min-width: 240px;
    background: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 6px 18px rgba(0,0,0,0.12);
    z-index: 40; overflow: hidden;
}
.bh-cal-dd-menu button {
    display: block; width: 100%; text-align: left; border: none; background: #fff;
    padding: 10px 14px; font-size: 13px; color: #334155; cursor: pointer; font-family: inherit;
}
.bh-cal-dd-menu button:hover { background: #f0f4f8; }
.bh-cal-dd.open .bh-cal-dd-menu { display: block; }
.bh-cal-cari-head {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    background: var(--bh-panel-head, #2c3d49); color: #fff; padding: 11px 16px;
    font-size: 12px; font-weight: 800; letter-spacing: 0.05em;
}
.bh-cal-cari-head .bh-hesap-bul { color: #fff; }
.bh-cal-cari-head .bh-hesap-bul input { background: #fff; }
.bh-cal-row-act { display: flex; gap: 6px; justify-content: center; }
.bh-cal-row-act button { border: none; background: none; cursor: pointer; font-size: 14px; padding: 2px 6px; }
.bh-cal-row-act .act-print { color: #5cb85c; }
.bh-cal-row-act .act-del { color: #d9534f; }
.bh-cal-cari-toolbar {
    display: flex; justify-content: flex-end; align-items: center;
    padding: 8px 14px; background: #fff; border-bottom: 1px solid #e8e8e8;
}
.bh-cal-cari-bul {
    font-size: 13px; color: #333; font-weight: 600;
    display: inline-flex; align-items: center; gap: 8px;
}
.bh-cal-cari-bul input {
    padding: 5px 10px; border: 1px solid #ccc; border-radius: 3px;
    font-size: 13px; font-family: inherit; min-width: 180px; height: 28px;
}
.bh-cal-cari-bul input:focus { border-color: #66afe9; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(102,175,233,.6); }
.bh-cal-panel-stack { width: 100%; margin-top: 4px; }
.bh-cal-panel-stack .bh-md-panel { width: 100% !important; }
.bh-cal-panel-stack .bh-md-panel__body { max-height: none !important; overflow: visible !important; }
.bh-cal-panel-stack .bh-md-table thead th { background: #fafafa; color: #888; font-weight: 600; }
.bh-cal-panel-stack .bh-md-table tbody tr:nth-child(even) td { background: #f9f9f9; }
.bh-cal-panel-stack .bh-md-table .r { text-align: right; }
.bh-cal-host .bh-md-kart { flex: 0 1 52% !important; }
.bh-rk-sonuc-head { background: #4a90c2; color: #fff; padding: 12px 18px; font-size: 13px; font-weight: 700; letter-spacing: 0.03em; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.bh-rk-sonuc-actions { display: flex; gap: 8px; }
.bh-rk-export { border: none; border-radius: 4px; padding: 7px 14px; font-size: 12px; font-weight: 700; cursor: pointer; color: #fff; font-family: inherit; display: inline-flex; align-items: center; gap: 6px; }
.bh-rk-export--excel { background: #5cb85c; }
.bh-rk-export--excel:hover { background: #4cae4c; }
.bh-rk-export--pdf { background: #f0ad4e; }
.bh-rk-export--pdf:hover { background: #ec971f; }
.bh-tah-btn--del { background: #d9534f; color: #fff; margin-right: auto; }
.bh-tah-btn--del:hover { background: #c9302c; }

/* ===== Kredi Detay (referans: ngncredit) ===== */
.bh-kd-page { font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif; }
.bh-kd-card { background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(15,23,42,0.08); overflow: hidden; margin-bottom: 14px; }
.bh-kd-card-head { background: #4a90c2; color: #fff; padding: 14px 22px; font-size: 16px; font-weight: 700; }
.bh-kd-card-body { padding: 18px 22px; }
.bh-kd-inforow { display: flex; gap: 16px; padding: 7px 0; font-size: 14px; }
.bh-kd-inforow label { flex: 0 0 200px; text-align: right; color: #64748b; font-weight: 600; }
.bh-kd-inforow span { color: #1e293b; }
.bh-kd-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
.bh-kd-btn { border: none; border-radius: 4px; padding: 9px 16px; font-size: 13px; font-weight: 600; cursor: pointer; color: #fff; display: inline-flex; align-items: center; gap: 7px; box-shadow: 0 2px 5px rgba(0,0,0,0.12); font-family: inherit; }
.bh-kd-btn--upd { background: #5bc0de; }
.bh-kd-btn--upd:hover { background: #46b8da; }
.bh-kd-btn--add { background: #10b981; }
.bh-kd-btn--add:hover { background: #0ea271; }
.bh-kd-btn--del { background: #d9534f; }
.bh-kd-btn--del:hover { background: #c9302c; }
.bh-kd-btn--doc { background: #9b59b6; }
.bh-kd-btn--doc:hover { background: #8e44ad; }
.bh-kd-btn--back { background: #64748b; }
.bh-kd-btn--back:hover { background: #475569; }
.bh-kd-sheet { background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(15,23,42,0.06); overflow: hidden; }
.bh-kd-sheet-head { background: #3d4f63; color: #fff; padding: 12px 18px; font-size: 13px; font-weight: 700; letter-spacing: 0.03em; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.bh-kd-sheet-export { display: inline-flex; gap: 6px; }
.bh-kd-export { border: none; border-radius: 3px; padding: 5px 12px; font-size: 12px; font-weight: 600; cursor: pointer; color: #fff; font-family: inherit; }
.bh-kd-export--xls { background: #5cb85c; }
.bh-kd-export--pdf { background: #f0ad4e; }
.bh-kd-cancelbtn { background: #d9534f; color: #fff; border: none; border-radius: 4px; padding: 6px 14px; font-size: 12px; font-weight: 600; cursor: pointer; font-family: inherit; }
.bh-kd-cancelbtn:hover { background: #c9302c; }
.bh-kd-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.bh-kd-table thead th { text-align: left; padding: 11px 16px; font-size: 12px; font-weight: 700; color: #64748b; background: #f8fafc; border-bottom: 1px solid #e2e8f0; }
.bh-kd-table thead th.num, .bh-kd-table td.num { text-align: right; }
.bh-kd-table tbody td { padding: 10px 16px; border-bottom: 1px solid #f1f5f9; color: #334155; }
.bh-kd-table tbody tr:last-child td { border-bottom: none; }
.bh-kd-table tbody tr.bh-kd-overdue { background: #fff5f5; }
.bh-kd-table tbody tr.bh-kd-paid { background: #f6fdf9; color: #94a3b8; }
.bh-kd-gecik { display: inline-block; background: #d9534f; color: #fff; font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 3px; margin-left: 6px; }
.bh-kd-paybtn { background: #10b981; color: #fff; border: none; border-radius: 4px; padding: 6px 14px; font-size: 12px; font-weight: 600; cursor: pointer; }
.bh-kd-paybtn:hover { background: #0ea271; }
.bh-kd-odendi { color: #16a34a; font-weight: 700; font-size: 12px; display: inline-flex; align-items: center; gap: 5px; }
.bh-kd-warn { background: #fdecea; border: 1px solid #f5c6cb; border-radius: 6px; padding: 12px 14px; margin-bottom: 14px; color: #a94442; font-size: 13px; line-height: 1.5; }
@media (max-width: 640px) { .bh-kd-inforow label { flex: 0 0 120px; } }

/* ===== Nakit Yönetimi — Kasa/Finans Akışı ===== */
.bh-nf-page { font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif; max-width: 1180px; margin: 0 auto; }
.bh-nf-top { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.bh-nf-btn { border: none; border-radius: 4px; padding: 9px 16px; font-size: 13px; font-weight: 600; cursor: pointer; color: #fff; display: inline-flex; align-items: center; gap: 7px; box-shadow: 0 2px 5px rgba(0,0,0,0.12); font-family: inherit; text-decoration: none; box-sizing: border-box; }
.bh-nf-btn--in { background: #10b981; }
.bh-nf-btn--in:hover { background: #0ea271; }
.bh-nf-btn--out { background: #d9534f; }
.bh-nf-btn--out:hover { background: #c9302c; }
.bh-nf-btn--acc { background: #5bc0de; }
.bh-nf-btn--acc:hover { background: #46b8da; }
.bh-nf-filters { display: flex; gap: 14px; flex-wrap: wrap; align-items: flex-end; background: #fff; border-radius: 10px; padding: 14px 16px; box-shadow: 0 2px 8px rgba(15,23,42,0.06); border: 1px solid #eef2f5; margin-bottom: 14px; }
.bh-nf-fld { display: flex; flex-direction: column; gap: 5px; }
.bh-nf-fld label { font-size: 11px; font-weight: 700; color: #94a3b8; letter-spacing: .03em; }
.bh-nf-fld input, .bh-nf-fld select { padding: 8px 11px; border: 1px solid #d7dee6; border-radius: 7px; font-size: 13px; font-family: inherit; outline: none; background: #fff; }
.bh-nf-fld input:focus, .bh-nf-fld select:focus { border-color: #5bc0de; box-shadow: 0 0 0 3px rgba(91,192,222,.12); }
.bh-nf-presets { display: flex; gap: 6px; margin-left: auto; align-self: flex-end; }
.bh-nf-presets button { background: #f1f5f9; border: 1px solid #e2e8f0; color: #475569; border-radius: 7px; padding: 8px 12px; font-size: 12px; font-weight: 600; cursor: pointer; font-family: inherit; }
.bh-nf-presets button:hover { background: #e2e8f0; }
.bh-nf-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 14px; }
.bh-nf-card { background: #fff; border-radius: 10px; padding: 16px 18px; box-shadow: 0 2px 10px rgba(15,23,42,.06); border: 1px solid #eef2f5; border-left-width: 4px; }
.bh-nf-card span { display: block; font-size: 11px; font-weight: 700; letter-spacing: .04em; color: #94a3b8; margin-bottom: 6px; }
.bh-nf-card b { font-size: 22px; font-weight: 800; color: #1e293b; }
.bh-nf-card--in { border-left-color: #16a34a; }
.bh-nf-card--in b { color: #16a34a; }
.bh-nf-card--out { border-left-color: #dc2626; }
.bh-nf-card--out b { color: #dc2626; }
.bh-nf-card--net { border-left-color: #2563eb; }
.bh-nf-sheet { background: #fff; border-radius: 10px; box-shadow: 0 2px 12px rgba(15,23,42,.06); border: 1px solid #eef2f5; overflow-x: auto; }
.bh-nf-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.bh-nf-table thead th { text-align: left; padding: 12px 16px; font-size: 11px; font-weight: 700; letter-spacing: .03em; color: #64748b; background: #f8fafc; border-bottom: 1px solid #e2e8f0; white-space: nowrap; }
.bh-nf-table thead th.num, .bh-nf-table td.num { text-align: right; }
.bh-nf-table tbody td { padding: 11px 16px; border-bottom: 1px solid #f1f5f9; color: #334155; }
.bh-nf-table tbody tr:last-child td { border-bottom: none; }
.bh-nf-row--link { cursor: pointer; }
.bh-nf-row--link:hover { background: #f8fafc; }
.bh-nf-cat { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 11px; font-weight: 700; white-space: nowrap; }
@media (max-width: 720px) { .bh-nf-cards { grid-template-columns: 1fr; } .bh-nf-presets { margin-left: 0; } }

/* ===== Teklif Oluşturma — tam ekran iki panel (referans: editproposal) ===== */
.bh-tke-page { font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif; }
.bh-tke-top { display: flex; gap: 8px; margin-bottom: 14px; }
.bh-tke-btn { border: none; border-radius: 4px; padding: 9px 16px; font-size: 13px; font-weight: 600; cursor: pointer; color: #fff; display: inline-flex; align-items: center; gap: 7px; box-shadow: 0 2px 5px rgba(0,0,0,0.12); font-family: inherit; }
.bh-tke-btn--save { background: #10b981; }
.bh-tke-btn--save:hover { background: #0ea271; }
.bh-tke-btn--back { background: #f0ad4e; }
.bh-tke-btn--back:hover { background: #ec9c2d; }
.bh-tke-grid { display: grid; grid-template-columns: minmax(320px, 440px) 1fr; gap: 16px; align-items: start; }
@media (max-width: 980px) { .bh-tke-grid { grid-template-columns: 1fr; } }
.bh-tke-left, .bh-tke-right { background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(15,23,42,0.07); overflow: hidden; }
.bh-tke-left-head { background: #4a90c2; color: #fff; padding: 13px 18px; font-size: 15px; font-weight: 700; }
.bh-tke-right-head { background: #5cb85c; color: #fff; padding: 13px 18px; font-size: 15px; font-weight: 700; }
.bh-tke-left-body { padding: 16px 18px; }
.bh-tke-right-body { padding: 16px 18px; }
.bh-tke-frow { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.bh-tke-frow label { flex: 0 0 110px; text-align: right; font-size: 13px; color: #64748b; font-weight: 600; }
.bh-tke-frow input, .bh-tke-frow select, .bh-tke-frow textarea { flex: 1; min-width: 0; padding: 8px 11px; border: 1px solid #d7dee6; border-radius: 6px; font-size: 13px; font-family: inherit; outline: none; }
.bh-tke-frow input:focus, .bh-tke-frow select:focus, .bh-tke-frow textarea:focus { border-color: #4a90c2; }
.bh-tke-frow textarea { min-height: 70px; resize: vertical; }
.bh-tke-search { position: relative; }
.bh-tke-search input { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #d7dee6; border-radius: 6px; font-size: 13px; font-family: inherit; outline: none; }
.bh-tke-search input:focus { border-color: #5cb85c; }
.bh-tke-sugg { display: none; position: absolute; left: 0; right: 0; top: 100%; background: #fff; border: 1px solid #e2e8f0; border-radius: 0 0 6px 6px; box-shadow: 0 6px 18px rgba(15,23,42,0.12); z-index: 30; max-height: 280px; overflow-y: auto; }
.bh-tke-sugg-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 9px 12px; cursor: pointer; font-size: 13px; color: #334155; border-bottom: 1px solid #f1f5f9; }
.bh-tke-sugg-row:hover { background: #f0fdf4; }
.bh-tke-sugg-row b { color: #16a34a; font-weight: 700; white-space: nowrap; }
.bh-tke-sugg-empty { padding: 12px; color: #94a3b8; font-size: 13px; }
.bh-tke-manuel { display: inline-block; margin: 8px 0 12px; color: #5cb85c; font-size: 12px; font-weight: 600; cursor: pointer; }
.bh-tke-manuel:hover { text-decoration: underline; }
.bh-tke-satirlar { margin-bottom: 12px; }
.bh-tke-bos { padding: 28px; text-align: center; color: #94a3b8; font-size: 13px; border: 1px dashed #e2e8f0; border-radius: 6px; }
.bh-tke-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.bh-tke-table thead th { text-align: left; padding: 9px 10px; font-size: 11px; font-weight: 700; color: #64748b; background: #f8fafc; border-bottom: 1px solid #e2e8f0; }
.bh-tke-table thead th.num, .bh-tke-table td.num { text-align: right; }
.bh-tke-table tbody td { padding: 7px 10px; border-bottom: 1px solid #f1f5f9; color: #334155; vertical-align: middle; }
.bh-tke-cell { width: 84px; padding: 6px 8px; border: 1px solid #d7dee6; border-radius: 5px; font-size: 13px; text-align: right; outline: none; }
.bh-tke-cell:focus { border-color: #5cb85c; }
.bh-tke-sil { border: none; background: none; color: #ef4444; cursor: pointer; font-size: 13px; }
.bh-tke-toplam { display: flex; justify-content: flex-end; align-items: baseline; gap: 12px; padding-top: 12px; border-top: 2px solid #eef2f5; font-size: 14px; color: #64748b; font-weight: 600; }
.bh-tke-toplam b { font-size: 20px; font-weight: 800; color: #16a34a; }
.bh-tke-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.bh-tke-note { background: #fcf8e3; border: 1px solid #faebcc; border-radius: 6px; padding: 11px 13px; font-size: 12px; color: #6b5e3f; line-height: 1.5; margin: 0 0 14px; }
.bh-tke-cari-liste { max-height: 360px; overflow-y: auto; border: 1px solid #eef2f5; border-radius: 6px; }
.bh-tke-cari-row { padding: 11px 14px; border-bottom: 1px solid #f1f5f9; cursor: pointer; font-size: 13px; color: #334155; }
.bh-tke-cari-row:hover { background: #f0f9ff; }

/* ===== Teklif Listesi — referans (4 kolon + genişleyen satır) ===== */
.bh-tkl-bar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.bh-tkl-period { background: #475569; color: #fff; border: none; border-radius: 5px; padding: 8px 14px; font-size: 13px; font-weight: 600; cursor: pointer; font-family: inherit; }
.bh-tkl-iptal { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: #64748b; cursor: pointer; }
.bh-tkl-iptal input { width: 16px; height: 16px; cursor: pointer; }
.bh-tkl-arabar { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-bottom: 12px; }
.bh-tkl-aralbl { font-size: 13px; color: #64748b; }
.bh-tkl-aratip { padding: 7px 10px; border: 1px solid #d7dee6; border-radius: 6px; font-size: 13px; font-family: inherit; background: #fff; }
.bh-tkl-arainp { padding: 7px 11px; border: 1px solid #d7dee6; border-radius: 6px; font-size: 13px; font-family: inherit; min-width: 240px; outline: none; }
.bh-tkl-arainp:focus { border-color: #5bc0de; }
.bh-tkl-sheet { padding: 0; overflow: hidden; }
.bh-tkl-head, .bh-tkl-row { display: grid; grid-template-columns: 44px 130px 1fr 170px 150px; align-items: center; }
.bh-tkl-head { background: #3d4f63; color: #fff; padding: 11px 8px; font-size: 12px; font-weight: 700; }
.bh-tkl-head span { padding: 0 6px; cursor: pointer; }
.bh-tkl-head .bh-tkl-c-tutar { text-align: right; }
.bh-tkl-head i { opacity: .55; font-size: 10px; margin-left: 3px; }
.bh-tkl-row { padding: 13px 8px; border-bottom: 1px solid #f1f5f9; cursor: pointer; font-size: 13px; color: #475569; }
.bh-tkl-row:hover { background: #f8fafc; }
.bh-tkl-row span { padding: 0 6px; }
.bh-tkl-c-exp { text-align: center; }
.bh-tkl-c-exp i { color: #5cb85c; font-size: 18px; }
.bh-tkl-c-ad { font-weight: 600; color: #334155; }
.bh-tkl-c-tutar { text-align: right; font-weight: 700; }
.bh-tkl-row--iptal { opacity: .55; text-decoration: line-through; }
.bh-tkl-detay { background: #f8fafc; border-bottom: 1px solid #e2e8f0; padding: 0 16px; }
.bh-tkl-detay-in { padding: 14px 0; }
.bh-tkl-kalem { width: 100%; border-collapse: collapse; font-size: 13px; background: #fff; border-radius: 6px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
.bh-tkl-kalem thead th { text-align: left; padding: 8px 12px; font-size: 11px; font-weight: 700; color: #64748b; background: #eef2f5; }
.bh-tkl-kalem thead th.num, .bh-tkl-kalem td.num { text-align: right; }
.bh-tkl-kalem tbody td { padding: 8px 12px; border-top: 1px solid #f1f5f9; color: #334155; }
.bh-tkl-not { margin-top: 10px; font-size: 12px; color: #64748b; }
.bh-tkl-actions { display: flex; align-items: center; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
.bh-tkl-act { border: none; border-radius: 5px; padding: 7px 13px; font-size: 12px; font-weight: 600; cursor: pointer; color: #fff; display: inline-flex; align-items: center; gap: 6px; font-family: inherit; }
.bh-tkl-act--print { background: #64748b; }
.bh-tkl-act--edit { background: #f59e0b; }
.bh-tkl-act--share { background: #5bc0de; }
.bh-tkl-act--fatura { background: #10b981; }
.bh-tkl-durum { padding: 4px 11px; border-radius: 20px; font-size: 11px; font-weight: 700; margin-right: auto; }
.bh-tkl-durum--acik { background: #fef3c7; color: #b45309; }
.bh-tkl-durum--onay { background: #dcfce7; color: #16a34a; }
.bh-tkl-durum--red { background: #fee2e2; color: #dc2626; }
.bh-tkl-durum--iptal { background: #f1f5f9; color: #64748b; }
@media (max-width: 760px) { .bh-tkl-head, .bh-tkl-row { grid-template-columns: 36px 92px 1fr 100px; } .bh-tkl-c-no { display: none; } }

/* ===== Raporlar — 4 kategori tile grid (referans) ===== */
.bh-rk-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; max-width: 1300px; }
.bh-rk-tile { border: none; border-radius: 10px; color: #fff; cursor: pointer; min-height: 150px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 18px; font-family: inherit; box-shadow: 0 3px 10px rgba(0,0,0,0.15); transition: transform 0.12s, box-shadow 0.12s; text-align: center; }
a.bh-rk-tile-link { text-decoration: none; color: #fff; box-sizing: border-box; }
.bh-rk-tile:hover { transform: translateY(-3px); box-shadow: 0 8px 22px rgba(0,0,0,0.22); filter: brightness(1.05); }
.bh-rk-tile i { font-size: 38px; opacity: 0.95; }
.bh-rk-tile span { font-size: 15px; font-weight: 800; line-height: 1.25; letter-spacing: 0.02em; }
@media (max-width: 1100px) { .bh-rk-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 800px) { .bh-rk-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .bh-rk-grid { grid-template-columns: 1fr; } }
/* Müşteri Listesi raporu */
.bh-rk-page { font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif; }
.bh-rk-krit { background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(15,23,42,0.06); overflow: hidden; margin-bottom: 16px; }
.bh-rk-krit-head { background: #4a90c2; color: #fff; padding: 12px 18px; font-size: 13px; font-weight: 700; letter-spacing: 0.03em; }
.bh-rk-krit-body { padding: 18px; }
.bh-rk-krit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 12px; }
.bh-rk-krit-grid--4 { grid-template-columns: repeat(4, 1fr); }
.bh-rk-krit-grid--musteri { grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 14px 18px; margin-bottom: 14px; }
.bh-rk-krit-grid--1 { grid-template-columns: minmax(180px, 260px); }
.bh-rk-kolon-dd-wrap { position: relative; }
.bh-rk-kolon-toggle { width: 100%; padding: 8px 11px; border: 1px solid #d7dee6; border-radius: 7px; background: #fff; font-size: 13px; font-weight: 600; color: #475569; cursor: pointer; text-align: left; font-family: inherit; display: flex; align-items: center; gap: 8px; min-height: 36px; box-sizing: border-box; }
.bh-rk-kolon-toggle:hover { border-color: #4a90c2; background: #f8fafc; }
.bh-rk-kolon-caret { margin-left: auto; font-size: 11px; color: #94a3b8; }
.bh-rk-kolon-dd { display: none; position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 40; background: #fff; border: 1px solid #d7dee6; border-radius: 8px; box-shadow: 0 8px 24px rgba(15,23,42,.12); }
.bh-rk-kolon-dd.open { display: block; }
.bh-rk-kolon-dd-head { display: flex; gap: 12px; padding: 10px 12px; border-bottom: 1px solid #eef2f5; background: #f8fafc; }
.bh-rk-kolon-link { border: none; background: none; color: #2563eb; font-size: 12px; font-weight: 700; cursor: pointer; font-family: inherit; padding: 0; }
.bh-rk-kolon-link:hover { text-decoration: underline; }
.bh-rk-kolon-dd-body { max-height: 280px; overflow-y: auto; padding: 10px 12px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px 14px; }
.bh-rk-kolon-chk { display: flex; align-items: flex-start; gap: 8px; font-size: 12px; color: #475569; cursor: pointer; line-height: 1.35; margin: 0; }
.bh-rk-kolon-chk input { margin-top: 2px; flex-shrink: 0; }
.bh-rk-krit-chk--musteri { gap: 16px 24px; padding: 4px 0 2px; border-top: 1px solid #eef2f5; margin-top: 4px; padding-top: 14px; }
.bh-rk-krit-foot { margin-top: 14px; }
.bh-rk-date-hint { font-size: 11px; color: #94a3b8; margin-top: 4px; display: block; }
.bh-rk-empty { text-align: center; padding: 40px 20px; color: #94a3b8; font-size: 14px; }
.bh-rk-tablewrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.bh-rk-page--musteri { max-width: 1180px; }
@media (max-width: 900px) { .bh-rk-krit-grid--4, .bh-rk-krit-grid--musteri { grid-template-columns: repeat(2, 1fr); } .bh-rk-kolon-dd-body { grid-template-columns: 1fr; } }
.bh-rk-fld { display: flex; flex-direction: column; gap: 5px; }
.bh-rk-fld label { font-size: 11px; font-weight: 700; color: #94a3b8; letter-spacing: 0.03em; }
.bh-rk-fld input, .bh-rk-fld select { padding: 8px 11px; border: 1px solid #d7dee6; border-radius: 7px; font-size: 13px; font-family: inherit; outline: none; background: #fff; }
.bh-rk-fld input:focus, .bh-rk-fld select:focus { border-color: #4a90c2; }
.bh-rk-krit-chk { display: flex; gap: 22px; flex-wrap: wrap; margin-bottom: 14px; }
.bh-rk-krit-chk label { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: #475569; cursor: pointer; }
.bh-rk-hazirla { background: #e8491d; color: #fff; border: none; border-radius: 6px; padding: 10px 22px; font-size: 14px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; font-family: inherit; }
.bh-rk-hazirla:hover { background: #cf3d16; }
.bh-rk-sonuc { background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(15,23,42,0.06); overflow-x: auto; }
.bh-rk-ozet { display: flex; gap: 24px; flex-wrap: wrap; padding: 14px 18px; border-bottom: 1px solid #eef2f5; font-size: 13px; color: #64748b; }
.bh-rk-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.bh-rk-table thead th { text-align: left; padding: 11px 16px; font-size: 11px; font-weight: 700; color: #64748b; background: #f8fafc; border-bottom: 1px solid #e2e8f0; }
.bh-rk-table thead th.num, .bh-rk-table td.num { text-align: right; }
.bh-rk-table tbody td { padding: 10px 16px; border-bottom: 1px solid #f1f5f9; color: #334155; }
.bh-rk-borc { color: #dc2626; font-weight: 700; }
.bh-rk-alacak { color: #16a34a; font-weight: 700; }
.bh-rk-notr { color: #94a3b8; }
@media (max-width: 720px) { .bh-rk-krit-grid { grid-template-columns: 1fr; } }
@media (max-width: 860px) {
    .bh-cep-panel { max-width: 100%; }
    .bh-cep-tab { flex: 1 1 auto; justify-content: center; padding: 11px 8px; font-size: 11px; }
}
@media (max-width: 860px) {
    .bh-tahp-cols { flex-direction: column; }
    .bh-tahp-card, .bh-tahp-side { max-width: 100%; width: 100%; }
    .bh-tahp-field { flex-direction: column; gap: 4px; }
    .bh-tahp-field > label { text-align: left; flex: none; padding-top: 0; }
}
.bh-md-actions {
    display: flex !important; flex-wrap: wrap !important;
    gap: 8px !important; margin-bottom: 20px !important; width: 100% !important;
}
.bh-md-actions--cari { gap: 8px !important; margin-bottom: 20px !important; }
.bh-md-btn {
    border: none; border-radius: 3px;
    padding: 5px 10px;
    margin: 3px 0 0;
    height: 30px; min-height: 30px; max-height: 30px;
    font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
    font-size: 12px; font-weight: 400; line-height: 18px;
    color: rgb(255, 255, 255); cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    box-shadow:
        rgba(0, 0, 0, 0.14) 0px 8px 10px 1px,
        rgba(0, 0, 0, 0.12) 0px 3px 14px 2px,
        rgba(0, 0, 0, 0.2) 0px 5px 5px -3px;
    white-space: nowrap;
    transition: all 0.2s ease-out;
}
.bh-md-btn:hover {
    transform: translateY(-1px);
    box-shadow:
        rgba(0, 0, 0, 0.18) 0px 10px 12px 2px,
        rgba(0, 0, 0, 0.15) 0px 4px 16px 3px,
        rgba(0, 0, 0, 0.25) 0px 6px 6px -4px;
}
.bh-md-btn:active { transform: translateY(0); }
.bh-md-btn--action-satis {
    width: 86px;
    background-color: rgb(66, 79, 99);
    border: 1px solid rgb(55, 65, 82);
}
.bh-md-btn--tahsilat-iste {
    background-color: #337ab7;
    border: 1px solid #2e6da4;
    color: #fff;
}
.bh-md-btn--sms {
    width: 104px;
    background-color: rgb(97, 27, 189);
    border: 1px solid rgb(19, 2, 105);
}
.bh-md-btn--proposal {
    background-color: rgb(245, 171, 53);
    border: 1px solid rgb(238, 162, 54);
    color: rgb(255, 255, 255);
}
.bh-md-btn--slate { background: rgb(66, 79, 99); border: 1px solid rgb(55, 65, 82); }
.bh-md-btn--alis { background: rgb(66, 79, 99); border: 1px solid rgb(55, 65, 82); }
.bh-md-btn--grey { background: rgb(66, 79, 99); border: 1px solid rgb(55, 65, 82); }
.bh-md-pill--cift { background: #e0f2fe; color: #0369a1; border: 1px solid #7dd3fc; }
.bh-md-pill--link { background: #f0f4f8; color: #337ab7; border: 1px solid #cbd5e1; cursor: pointer; font-family: inherit; }
.bh-md-pill--link:hover { background: #e2e8f0; }
.bh-md-alis-foot { margin: 10px 0 0; font-size: 13px; }
.bh-md-alis-foot a { color: #5eb4a8; font-weight: 700; text-decoration: none; }
.bh-md-tr--alis:hover td { background: #f0fdf9; }
.bh-md-btn--gold { background: rgb(245, 171, 53); border: 1px solid rgb(238, 162, 54); color: #fff; }
.bh-md-btn--warning { background: #f0ad4e; color: #fff; }
.bh-md-btn--green { background: #5cb85c; }
.bh-md-btn--cyan { background: #5bc0de; }
.bh-md-btn--info { background: #5bc0de; }
.bh-md-btn--white { background: #ececec; color: #333; border: 1px solid #ccc; }
.bh-md-btn--purple { background: rgb(97, 27, 189); border: 1px solid rgb(19, 2, 105); }
.bh-md-btn--red { background: #d9534f; border: 1px solid #c9302c; }
.bh-belge-toolbar .bh-md-btn--red,
.bh-belge-btn-iptal { background: #d9534f !important; border: 1px solid #c9302c !important; color: #fff !important; }
.bh-belge-page { width: 100%; max-width: 100%; }
.bh-belge-frow .bh-belge-val { flex: 1; min-width: 0; font-size: 13px; color: #334155; font-weight: 600; word-break: break-word; }
.bh-belge-table-wrap { overflow-x: auto; margin-bottom: 8px; }
.bh-belge-table { min-width: 720px; }
.bh-belge-totals { margin-top: 12px; padding: 12px 16px; background: #f8fafc; border-top: 2px solid #e2e8f0; }
.bh-belge-totals-row { display: flex; justify-content: flex-end; align-items: baseline; gap: 18px; padding: 4px 0; font-size: 13px; color: #64748b; }
.bh-belge-totals-row b { color: #1e293b; font-weight: 700; min-width: 120px; text-align: right; }
.bh-belge-totals-row--grand { font-size: 15px; font-weight: 800; color: #1e293b; border-top: 1px solid #e2e8f0; margin-top: 6px; padding-top: 10px; }
.bh-belge-totals-row--grand b { font-size: 16px; color: #0f172a; }
.bh-md-actions { position: relative; z-index: 20; flex-wrap: wrap; }
.bh-md-dd { position: relative; display: inline-block; }
.bh-md-dd-menu {
    display: none; position: absolute; top: calc(100% + 4px); left: 0; z-index: 1200;
    min-width: 248px; background: #fff; border: 1px solid #d1d5db;
    border-radius: 6px; box-shadow: 0 12px 32px rgba(15, 23, 42, 0.16), 0 2px 8px rgba(15, 23, 42, 0.08);
    padding: 6px 0;
}
.bh-md-dd-menu.open { display: block; }
.bh-md-dd-menu a {
    display: flex; align-items: center; gap: 10px;
    padding: 9px 14px; font-size: 13px; color: #333; text-decoration: none;
}
.bh-md-dd-menu a:hover { background: #f1f5f9; }
.bh-md-dd-menu hr { border: none; border-top: 1px solid #eee; margin: 4px 0; }
.bh-md-dd-menu--wide { min-width: 240px; }
.bh-md-dd-section {
    padding: 6px 12px 4px; font-size: 10px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.04em; color: #64748b;
}
.bh-md-dd-link { color: #0d9488 !important; font-weight: 600; }
.bh-print-modal--ekstre-link { width: min(520px, 96vw); }
.bh-ekstre-link-bullets { margin: 0 0 14px; padding-left: 18px; font-size: 13px; color: #475569; line-height: 1.5; }
.bh-ekstre-link-lbl { display: block; font-size: 12px; font-weight: 600; color: #64748b; margin-bottom: 6px; }
.bh-ekstre-link-row { display: flex; gap: 8px; margin-bottom: 12px; }
.bh-ekstre-link-inp {
    flex: 1; min-width: 0; padding: 8px 10px; border: 1px solid #e2e8f0; border-radius: 6px;
    font-size: 12px; font-family: inherit;
}
.bh-ekstre-link-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.bh-ekstre-link-err { color: #dc2626; font-weight: 600; margin: 0 0 8px; }
.bh-ekstre-link-err-detail { font-size: 13px; color: #64748b; }
.bh-ekstre-link-hint { font-size: 13px; color: #64748b; line-height: 1.5; }
.bh-md-dd-danger { color: #d9534f !important; }
.bh-md-tabs-section { margin-top: 4px; }
.bh-md-tab-panels { min-height: 120px; }
.bh-md-tabs {
    display: flex; gap: 4px; margin: 12px 0 10px; border-bottom: 2px solid #e2e8f0;
}
.bh-md-tab {
    border: none; background: transparent; padding: 10px 16px; font-size: 13px;
    font-weight: 700; color: #64748b; cursor: pointer; border-bottom: 3px solid transparent;
    margin-bottom: -2px; font-family: inherit;
}
.bh-md-tab:hover { color: #334155; }
.bh-md-tab.is-active { color: #5394b8; border-bottom-color: #5394b8; }
.bh-md-tab-panel { display: none; }
.bh-md-tab-panel.is-active { display: block; }
.bh-md-info-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 8px;
}
.bh-md-info-card {
    background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 14px 16px;
}
.bh-md-info-card h3 { margin: 0 0 10px; font-size: 13px; color: #424f63; }
.bh-md-info-card p { margin: 6px 0; font-size: 13px; color: #475569; }
.bh-md-panels-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
}
.bh-md-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    margin-bottom: 0 !important;
}
.bh-md-grid--cari {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    align-items: start !important;
    gap: 8px !important;
    width: 100% !important;
}
.bh-md-grid--cari > .bh-md-cari-col--sol {
    grid-column: 1 !important;
    grid-row: 1 !important;
}
.bh-md-grid--cari > .bh-md-cari-col--sag {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
}
.bh-md-cari-col--sol,
.bh-md-cari-col--sag {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
.bh-md-cari-col--sol .bh-md-panel,
.bh-md-cari-col--sag .bh-md-panel {
    width: 100% !important;
    flex: 0 0 auto !important;
}
.bh-md-cari-col--sol .bh-md-panel__body,
.bh-md-cari-col--sag .bh-md-panel__body {
    flex: 0 1 auto !important;
    max-height: 280px !important;
    min-height: 0 !important;
    height: auto !important;
}
.bh-md-grid--cari .bh-md-panel--collapsed {
    flex: 0 0 auto !important;
}
.bh-md-grid--cari,
.bh-cari-gecmis-grid,
.bh-tedarikci-gecmis-grid {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.bh-md-grid--cari > .bh-md-cari-col--sol,
.bh-md-grid--cari > .bh-md-cari-col--sag {
    align-self: start !important;
    height: auto !important;
    background: transparent !important;
}
.bh-md-grid--cari .bh-md-panel__body {
    background: #fff !important;
}
.bh-md-grid--cari .bh-md-empty-row,
.bh-md-grid--cari .bh-md-alis-empty {
    padding: 12px 14px !important;
    margin: 0 !important;
    background: transparent !important;
}
/* Müşteri detay — sol menü: Satışlar / Ödemeler / Alışlar (BH) */
.bh-md-hareket {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    min-height: 320px !important;
    border: 1px solid #d1d5db !important;
    background: #fff !important;
}
.bh-md-hareket-menu {
    flex: 0 0 168px !important;
    display: flex !important;
    flex-direction: column !important;
    background: #f8fafc !important;
    border-right: 1px solid #e2e8f0 !important;
    padding: 6px 0 !important;
}
.bh-md-hareket-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    border: none !important;
    border-left: 3px solid transparent !important;
    background: transparent !important;
    padding: 10px 12px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.03em !important;
    color: #475569 !important;
    cursor: pointer !important;
    text-align: left !important;
    font-family: inherit !important;
}
.bh-md-hareket-item i { width: 16px; text-align: center; color: #64748b; font-size: 12px; }
.bh-md-hareket-item span { flex: 1; }
.bh-md-hareket-item em {
    font-style: normal; font-size: 10px; font-weight: 700;
    color: #94a3b8; min-width: 18px; text-align: right;
}
.bh-md-hareket-item:hover { background: #f1f5f9 !important; color: #1e293b !important; }
.bh-md-hareket-item.is-active {
    background: #fff !important;
    border-left-color: #5cb85c !important;
    color: #166534 !important;
    box-shadow: inset -1px 0 0 #fff;
}
.bh-md-hareket-item.is-active i { color: #5cb85c; }
.bh-md-hareket-panels { flex: 1 1 auto !important; min-width: 0 !important; padding: 8px !important; }
.bh-md-hareket-panel { display: none !important; }
.bh-md-hareket-panel.is-active { display: block !important; }
.bh-md-panel--flat { border: none !important; }
.bh-md-panel__title--static { cursor: default !important; }
.bh-md-panel__body--tall { max-height: 420px !important; }
.bh-md-panel {
    border: 1px solid #e2e2e2; background: #fff; overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.06);
}
.bh-md-panel--full { margin-top: 0; }
.bh-md-panel__title {
    background-color: rgb(52, 58, 64) !important;
    color: rgb(255, 255, 255) !important;
    padding: 10px 15px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    cursor: pointer; user-select: none;
    display: flex; justify-content: space-between; align-items: center;
}
.bh-md-panel__chev { font-size: 11px; opacity: 0.85; transition: transform 0.15s ease; }
.bh-md-panel--collapsed .bh-md-panel__body { display: none !important; }
.bh-md-panel--collapsed .bh-md-panel__chev { transform: rotate(-90deg); }
.bh-md-panel--collapsed { height: auto !important; }
.bh-md-panels-stack .bh-md-panel--full { width: 100% !important; margin-top: 0 !important; }
.bh-md-expand-row td { animation: none; }
.bh-md-panel__body { max-height: 280px; overflow-y: auto; }
.bh-md-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.bh-md-table th {
    background: #fafafa; color: #888; font-weight: 600;
    padding: 9px 12px; text-align: left; border-bottom: 1px solid #eee;
}
.bh-md-table td { padding: 9px 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); vertical-align: middle; }
.bh-md-table--data tbody tr.bh-md-tr {
    height: 46px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}
.bh-md-table--data tbody tr.bh-md-tr:hover td {
    background-color: rgba(0, 0, 0, 0.02);
}
.bh-payment-badge {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    background: rgb(241, 245, 249);
    color: rgb(51, 65, 85);
    border: 1px solid rgb(226, 232, 240);
}
.bh-md-table .r { text-align: right; }
.bh-md-plus { color: #5cb85c; cursor: pointer; width: 28px; text-align: center; font-size: 14px; }
.bh-md-plus-btn {
    background: none; border: none; padding: 0; margin: 0;
    color: inherit; cursor: pointer; font-size: 14px; line-height: 1;
}
.bh-md-fat { color: #d9534f; font-weight: 600; }
.bh-md-link { color: #337ab7; font-weight: 600; }
.bh-md-expand { background: #eef6fc; padding: 10px !important; border-bottom: 1px solid #cce5f5 !important; }
.bh-md-expand-inner { background: #fff; border: 1px solid #cce5f5; border-radius: 4px; overflow: hidden; margin-bottom: 8px; }
.bh-md-expand-inner--doc {
    background: transparent;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;
}
.bh-md-expand .bh-doc-detail-table { margin-top: 0; }
.bh-md-expand .bh-doc-detail-actions { margin-top: 4px; }
.bh-md-tr--click { cursor: pointer; }
.bh-md-tr--click:hover td { background: #f8fafc; }
.bh-md-subtable { width: 100%; font-size: 11px; margin-bottom: 0; border-collapse: collapse; }
.bh-md-subtable th {
    background: #e8f4fc; color: #555; font-weight: 700;
    padding: 6px 8px; border-bottom: 1px solid #cce5f5; text-align: left;
}
.bh-md-subtable td { padding: 5px 8px; border-bottom: 1px solid #e8f0f6; }
.bh-md-table tbody tr.bh-md-tr:hover td { background: #f8fafc; }
.bh-md-plus.is-open { color: #337ab7; }
.bh-md-expand-user { font-size: 11px; color: #666; margin: 6px 0; }
.bh-md-expand-btns { display: flex; gap: 6px; justify-content: flex-end; flex-wrap: wrap; }
.bh-md-xbtn { border: none; border-radius: 3px; padding: 6px 10px; font-size: 11px; font-weight: 600; color: #fff; cursor: pointer; }
.bh-md-xbtn--green { background: #5cb85c; }
.bh-md-xbtn--blue { background: #3498db; }
.bh-md-xbtn--orange { background: #f0ad4e; }
.bh-md-xbtn--red { background: #d9534f; }
.bh-md-alis-empty { padding: 12px 14px; font-size: 12px; color: #666; margin: 0; }
.bh-md-alis-empty a { color: #337ab7; }

/* Onceki fiyatlar modal (4 sekme) */
.bh-of-ov {
    position: fixed; inset: 0; background: rgba(0,0,0,0.45); z-index: 10050;
    display: flex; align-items: center; justify-content: center; padding: 16px;
}
.bh-of-modal {
    background: #fff; border-radius: 8px; width: min(640px, 96vw); max-height: 85vh;
    display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 12px 40px rgba(0,0,0,0.2);
}
.bh-of-head {
    display: flex; justify-content: space-between; align-items: center;
    background: #5bb75b; color: #fff; padding: 12px 16px; font-weight: 700; font-size: 14px;
}
.bh-of-head button { background: none; border: none; color: #fff; font-size: 22px; cursor: pointer; }
.bh-of-tabs { display: flex; gap: 4px; padding: 10px 12px 0; border-bottom: 2px solid #e2e8f0; flex-wrap: wrap; }
.bh-of-tab {
    border: none; background: transparent; padding: 8px 12px; font-size: 12px; font-weight: 700;
    color: #64748b; cursor: pointer; border-bottom: 3px solid transparent; margin-bottom: -2px;
}
.bh-of-tab.is-active { color: #5394b8; border-bottom-color: #5394b8; }
.bh-of-body { padding: 12px 16px; overflow-y: auto; flex: 1; min-height: 120px; }
.bh-of-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.bh-of-table th { background: #f1f5f9; padding: 8px; text-align: left; font-weight: 700; }
.bh-of-table td { padding: 7px 8px; border-bottom: 1px solid #f1f5f9; }
.bh-of-table .r { text-align: right; }
.bh-of-pick { color: #337ab7; font-weight: 700; text-decoration: none; }
.bh-of-empty, .bh-of-loading { text-align: center; color: #94a3b8; padding: 24px; font-size: 13px; }
.bh-tevkifat-pill { font-size: 11px; color: #94a3b8; }

@media (max-width: 1100px) {
    .bh-md-head-row { flex-direction: column !important; }
    .bh-md-not-bubble { width: 100% !important; flex: none !important; margin: 8px 0 0 !important; }
    .bh-md-not-bubble::before, .bh-md-not-bubble::after { display: none; }
    .bh-md-kpi-row { flex-wrap: wrap !important; }
    .bh-md-kpi { max-width: 48% !important; flex: 1 1 48% !important; }
    .bh-md-grid { grid-template-columns: 1fr !important; }
}

/* Eski siniflar (geriye uyumluluk) */
.bh-cari-detail-root { font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif; }
.bh-cari-loading, .bh-cari-empty { text-align: center; padding: 40px; color: #94a3b8; }
.bh-cari-back {
    background: #fff; border: 1px solid #cbd5e1; border-radius: 6px; padding: 8px 14px;
    font-weight: 600; cursor: pointer; margin-bottom: 14px; font-size: 13px;
}
.bh-cari-profile {
    display: grid; grid-template-columns: 80px 1fr minmax(200px, 280px); gap: 18px;
    background: linear-gradient(135deg, #f5e9d3 0%, #f0e4cc 100%);
    border-radius: 10px; padding: 20px 22px; margin-bottom: 16px; align-items: start;
}
.bh-cari-profile__avatar {
    width: 72px; height: 72px; border-radius: 50%; background: #cbd5e1;
    display: flex; align-items: center; justify-content: center; font-size: 28px; color: #64748b;
}
.bh-cari-profile__title { margin: 0 0 8px; font-size: 22px; color: #1e293b; }
.bh-cari-profile__line { font-size: 13px; color: #475569; margin-bottom: 6px; }
.bh-cari-profile__line a { color: #2563eb; text-decoration: none; }
.bh-cari-badge { background: #3b82f6; color: #fff; padding: 2px 6px; border-radius: 3px; font-size: 11px; margin-right: 6px; }
.bh-cari-pill {
    display: inline-block; background: #3b82f6; color: #fff; padding: 4px 10px;
    border-radius: 12px; font-size: 11px; font-weight: 600; margin: 4px 6px 0 0;
}
.bh-cari-pill--class { background: #64748b; }
.bh-cari-note {
    background: #fef9c3; border: 1px solid #fde047; border-radius: 10px; padding: 14px;
    cursor: pointer; font-size: 12px; color: #713f12; min-height: 80px;
}
.bh-cari-note i { font-size: 20px; margin-bottom: 8px; display: block; }
.bh-cari-kpis {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 16px;
}
@media (max-width: 900px) { .bh-cari-kpis { grid-template-columns: repeat(2, 1fr); } .bh-cari-profile { grid-template-columns: 1fr; } }
.bh-cari-kpi {
    display: flex; align-items: center; gap: 12px; padding: 16px 18px; border-radius: 8px; color: #fff;
}
.bh-cari-kpi i { font-size: 22px; opacity: 0.9; }
.bh-cari-kpi__lbl { display: block; font-size: 11px; opacity: 0.9; }
.bh-cari-kpi strong { display: block; font-size: 18px; margin-top: 2px; }
.bh-cari-kpi small { font-size: 11px; opacity: 0.85; }
.bh-cari-kpi--red { background: #e89f8c; }
.bh-cari-kpi--blue { background: #5bc0de; }
.bh-cari-kpi--green { background: #3fae6a; }
.bh-cari-actions {
    display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; align-items: center;
}
.bh-cari-act {
    border: none; border-radius: 5px; padding: 10px 14px; font-weight: 600; font-size: 12px;
    color: #fff; cursor: pointer; display: inline-flex; align-items: center; gap: 6px;
}
.bh-cari-act--slate { background: #424f63; }
.bh-cari-act--gold { background: #f0ad4e; }
.bh-cari-act--green { background: #5bb75b; }
.bh-cari-act--cyan { background: #5bc0de; }
.bh-cari-act--navy { background: #5394b8; }
.bh-cari-act--purple { background: #7b68ee; }
.bh-cari-act--danger { background: #d9534f; }
.bh-cari-dd-wrap { position: relative; }
.bh-cari-dd {
    display: none; position: absolute; top: calc(100% + 4px); left: 0; min-width: 220px;
    background: #fff; border: 1px solid #cbd5e1; border-radius: 6px; box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    z-index: 100; padding: 6px 0;
}
.bh-cari-dd.is-open { display: block; }
.bh-cari-dd a {
    display: block; padding: 8px 14px; font-size: 13px; color: #475569; text-decoration: none;
}
.bh-cari-dd a:hover { background: #f1f5f9; }
.bh-cari-dd hr { border: none; border-top: 1px solid #e2e8f0; margin: 4px 0; }
.bh-cari-dd-danger { color: #ef4444 !important; }
.bh-cari-panels {
    display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 16px;
}
@media (max-width: 900px) { .bh-cari-panels { grid-template-columns: 1fr; } }
.bh-cari-panel { background: #fff; border-radius: 8px; overflow: hidden; border: 1px solid #e2e8f0; }
.bh-cari-panel__head {
    background: #424f63; color: #fff; padding: 10px 14px; font-weight: 700; font-size: 12px;
    display: flex; justify-content: space-between; align-items: center;
}
.bh-cari-panel__toggle { background: none; border: none; color: #fff; cursor: pointer; }
.bh-cari-panel__body { max-height: 360px; overflow-y: auto; }
.bh-cari-panel-empty { padding: 20px; text-align: center; color: #94a3b8; font-size: 13px; }
.bh-cari-tbl-head, .bh-cari-tbl-row {
    display: grid; grid-template-columns: 36px 1fr 80px 100px 90px; gap: 8px;
    padding: 8px 12px; font-size: 12px; align-items: center;
}
.bh-cari-tbl-head--odeme, .bh-cari-tbl-row--odeme {
    grid-template-columns: 36px 1fr 100px 100px;
}
.bh-cari-tbl-head { background: #f8fafc; font-weight: 700; color: #64748b; border-bottom: 1px solid #e2e8f0; }
.bh-cari-tbl-row { border-bottom: 1px solid #f1f5f9; }
.bh-cari-expand { color: #10b981; cursor: pointer; font-size: 16px; }
.bh-cari-durum { color: #ef4444; font-weight: 700; }
.bh-cari-tutar { text-align: right; font-weight: 600; }
.bh-cari-tutar-link { color: #3b82f6; font-weight: 600; }
.bh-cari-expand-box {
    grid-column: 1 / -1; background: #dbeafe; border: 1px solid #93c5fd;
    border-radius: 6px; padding: 12px 14px; margin: 4px 8px 10px;
}
.bh-cari-expand-grid {
    display: grid; grid-template-columns: 1fr 80px 100px; gap: 8px;
    font-size: 11px; font-weight: 700; color: #64748b; margin-bottom: 6px;
}
.bh-cari-expand-grid--row { font-weight: 500; color: #475569; margin-bottom: 4px; }
.bh-cari-expand-user { font-size: 11px; color: #64748b; margin: 8px 0; }
.bh-cari-expand-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.bh-cari-btn-green { background: #5bb75b; color: #fff; border: none; padding: 7px 12px; border-radius: 4px; cursor: pointer; font-size: 12px; font-weight: 600; }
.bh-cari-btn-blue { background: #3498db; color: #fff; border: none; padding: 7px 12px; border-radius: 4px; cursor: pointer; font-size: 12px; font-weight: 600; }
.bh-cari-btn-orange { background: #f0ad4e; color: #fff; border: none; padding: 7px 12px; border-radius: 4px; cursor: pointer; font-size: 12px; font-weight: 600; }
.bh-cari-btn-red { background: #d9534f; color: #fff; border: none; padding: 7px 12px; border-radius: 4px; cursor: pointer; font-size: 12px; font-weight: 600; }
.bh-cari-alislar {
    background: #fff; border-radius: 8px; border: 1px solid #e2e8f0; overflow: hidden;
}
.bh-cari-alislar-empty { padding: 18px; font-size: 13px; color: #64748b; }
.bh-cari-alislar-empty a { color: #3b82f6; }

/* Musteri listesi — referans birebir */
.app-content.bh-cust-host,
.app-content.bh-inv-host {
    padding: 16px 18px !important;
    gap: 0 !important;
    background: #f4f7f6 !important;
}
.app-content.bh-inv-editor-host {
    padding: 16px 18px !important;
    gap: 16px !important;
    background: #f4f7f6 !important;
}

/* Urun listesi — referans gorseller/urunler (BH) */
.bh-inv-root { font-family: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif; min-height: 100%; }
.bh-inv-btn {
    border: none; border-radius: 4px; padding: 10px 16px;
    font-weight: 700; font-size: 13px; color: #fff; cursor: pointer;
    display: inline-flex; align-items: center; gap: 8px; font-family: inherit;
    line-height: 1.2;
}
.bh-inv-btn--bulk-img { background: #424f63; }
.bh-inv-btn--bulk-img:hover { background: #3d4f63; }
.bh-inv-btn--bulk-del { background: #e59163; color: #fff; }
.bh-inv-btn--bulk-del:hover { filter: brightness(0.95); }
.bh-inv-btn--export { background: #6c757d; }
.bh-inv-btn--export:hover { background: #5a6268; }

.bh-inv-tab-row {
    display: flex; flex-wrap: wrap; gap: 0; align-items: stretch;
    border-bottom: 1px solid #dde4ea; background: #fff;
    padding: 0 8px;
}
.bh-inv-tab {
    border: none; background: transparent; cursor: pointer;
    padding: 12px 18px; font-size: 13px; font-weight: 700; color: #64748b;
    border-bottom: 3px solid transparent; font-family: inherit;
    display: inline-flex; align-items: center; gap: 8px;
}
.bh-inv-tab:hover { color: #334155; }
.bh-inv-tab.is-active { color: #5cb85c; border-bottom-color: #5cb85c; }
.bh-inv-tab-count {
    background: #dff0d8; color: #3c763d; border: 1px solid #b2dba1;
    padding: 2px 8px; border-radius: 10px; font-size: 11px; font-weight: 700;
}
.bh-inv-tab-count--muted {
    background: #f1f5f9; color: #64748b; border-color: #e2e8f0;
}

.bh-inv-filter-row { align-items: center; }
.bh-inv-quick-links {
    display: flex; flex-wrap: wrap; gap: 14px 20px; align-items: center;
    margin-right: 12px;
}
.bh-inv-quick-link {
    font-size: 12px; font-weight: 700; color: #337ab7; text-decoration: none;
    display: inline-flex; align-items: center; gap: 6px;
}
.bh-inv-quick-link:hover { text-decoration: underline; color: #286090; }
.bh-inv-quick-link .fa-plus-circle { color: #5cb85c; }
.bh-inv-filter-select {
    height: 28px; padding: 2px 8px; font-size: 12px;
    border: 1px solid #ccc; border-radius: 3px; background: #fff;
    font-family: inherit; color: #333; min-width: 160px;
}
.bh-inv-search-wrap { margin-left: auto !important; }
.bh-inv-etiket-sablon-wrap {
    display: inline-flex; align-items: center; gap: 6px; margin-left: 8px;
}
.bh-inv-etiket-sablon-lbl {
    font-size: 12px; font-weight: 700; color: #475569; white-space: nowrap;
}
.bh-inv-sablon-select { min-width: 168px; max-width: 220px; }
.bh-inv-etiket-btn {
    margin-left: 4px; background: #0f766e; border: 1px solid #0d9488; color: #fff;
    border-radius: 4px; padding: 2px 7px; cursor: pointer; font-size: 11px; vertical-align: middle;
}
.bh-inv-etiket-btn:hover { background: #0d9488; }
.bh-inv-search-inp { min-width: 260px; width: min(320px, 42vw); }

.bh-inv-table-head {
    border-top: none;
}
/* Liste govdesi — musteri ile ayni (ust border yok, ara bosluk yaratmasin) */
.bh-inv-list.bh-cust-list {
    border-top: none;
}
/* Urun satiri — tablo modu: bh-list-layout.css (grid burada tr'yi bozar) */
html:not(.bh-viewport-desktop) .bh-inv-list .bh-cust-row.bh-inv-row {
    display: grid !important;
    grid-template-columns: var(--bh-list-grid-cols) !important;
    height: var(--bh-list-row-h);
    min-height: var(--bh-list-row-h);
    max-height: var(--bh-list-row-h);
    box-sizing: border-box;
}
.bh-inv-list .bh-cust-row.bh-inv-row > .bh-cust-col-bal {
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    background: transparent !important;
    box-shadow: none !important;
}
/* Pill icinde etiketler tek satir — wrap yapmayip satir yuksekligini bozmasin */
.bh-inv-row .bh-cust-pill,
.bh-inv-row .bh-inv-pill {
    gap: 5px;
    width: 100%;
    max-width: 100%;
    align-items: center;
}
.bh-inv-thumb {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.25);
    margin-right: 4px;
}
.bh-inv-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.bh-inv-row .bh-cust-name {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 72%;
}
.bh-inv-tag-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    align-items: center;
    margin-left: auto;
    flex-shrink: 1;
    min-width: 0;
    overflow: hidden;
}
.bh-inv-tag {
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.03em;
    white-space: nowrap;
    line-height: 1.15;
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
}
.bh-inv-tag--kat { background: #337ab7; color: #fff; }
.bh-inv-tag--mar { background: #5cb85c; color: #fff; }
.bh-inv-stok--neg { color: #d9534f !important; }
.bh-inv-stok--zero { color: #999 !important; font-weight: 600 !important; }

.bh-inv-empty { padding: 48px 24px !important; }

.bh-cust-root {
    font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
    background: transparent;
    min-height: 100%;
}
.bh-cust-toolbar {
    display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
    margin-bottom: 12px;
}
.bh-cust-toolbar-spacer { flex: 1; min-width: 12px; }
.bh-cust-btn {
    border: none; border-radius: 4px; padding: 10px 16px;
    font-weight: 700; font-size: 13px; color: #fff; cursor: pointer;
    display: inline-flex; align-items: center; gap: 8px; font-family: inherit;
    line-height: 1.2;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    transition: background .15s ease, box-shadow .15s ease, transform .05s ease;
}
.bh-cust-btn:hover { box-shadow: 0 4px 11px rgba(0, 0, 0, 0.20); }
.bh-cust-btn:active { transform: translateY(1px); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18); }
.bh-cust-btn--green { background: #5cb85c; }
.bh-cust-btn--green:hover { background: #4cae4c; }
.bh-cust-btn--orange { background: #f0ad4e; }
.bh-cust-btn--orange:hover { background: #ec971f; }
.bh-cust-btn--blue { background: #5bc0de; }
.bh-cust-btn--blue:hover { background: #46b8da; }
.bh-cust-btn--red { background: #d9534f; }
.bh-cust-btn--red:hover { background: #c9302c; }
.bh-cust-btn--slate { background: #7d8fa3; }
.bh-cust-btn--slate:hover { background: #6b7d90; }
.bh-cust-btn--cancel {
    background: #dc2626 !important;
    color: #fff !important;
    border: 1px solid #b91c1c !important;
}
.bh-cust-btn--cancel:hover { background: #b91c1c !important; }
.bh-satis-cari-chip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 10px;
    padding: 8px 12px;
    background: #e8f4fc;
    border: 1px solid #b8d9ee;
    border-radius: 6px;
    font-size: 13px;
}
.bh-satis-cari-chip button {
    border: none;
    background: #fff;
    color: #337ab7;
    padding: 4px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
}
.bh-md-wa { color: #25d366; margin-left: 8px; font-size: 18px; vertical-align: middle; }
.bh-cust-badge {
    background: #dff0d8; color: #3c763d; border: 1px solid #b2dba1;
    padding: 7px 14px; border-radius: 4px; font-weight: 600; font-size: 13px;
    white-space: nowrap;
}
.bh-cust-sheet,
.bh-page-root > .bh-cust-sheet {
    background: #fff;
    border: 1px solid #e0e6ed;
    box-shadow: var(--bh-shadow-list);
    width: 100%;
    max-width: 100%;
    min-width: min(100%, var(--bh-list-sheet-w));
    border-radius: 6px;
    overflow-x: auto;
    overflow-y: visible;
}
.bh-cust-root .bh-cust-sheet,
.bh-inv-root .bh-cust-sheet,
.bh-page-root .bh-cust-sheet {
    margin: 0 auto;
}
.bh-cust-filters {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
    padding: 8px 12px; background: #fff;
    border-bottom: 1px solid #dde4ea;
    min-height: 0;
}
.bh-cust-filters select {
    height: 28px; padding: 2px 8px; font-size: 12px;
    border: 1px solid #ccc; border-radius: 3px; background: #fff;
    font-family: inherit; color: #333;
}
.bh-cust-search-wrap {
    margin-left: auto; display: flex; align-items: center; gap: 6px;
}
.bh-cust-search-lbl { font-size: 12px; color: #666; white-space: nowrap; }
.bh-cust-search-inp {
    width: 220px; height: 28px; padding: 2px 8px;
    border: 1px solid #ccc; border-radius: 3px; font-size: 12px;
    font-family: inherit;
}
.bh-cust-table-head,
.bh-inv-table-head {
    display: grid;
    grid-template-columns: var(--bh-list-grid-cols);
    gap: 0;
    align-items: center;
    background: #3d4f63;
    color: #fff;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    min-width: var(--bh-list-sheet-w);
}
.bh-cust-list,
.bh-inv-list.bh-cust-list {
    min-width: var(--bh-list-sheet-w);
}
/* Liste kabugu icinde baslik + govde (tedarikci vb.) */
.bh-cust-sheet > .bh-page-table-head.bh-list-table-head,
.bh-cust-sheet > .bh-cust-table-head,
.bh-cust-sheet > .bh-inv-table-head {
    display: grid;
    grid-template-columns: var(--bh-list-grid-cols);
    width: 100%;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
}
.bh-cust-sheet > .bh-page-list.bh-list-table-body,
.bh-cust-sheet > .bh-cust-list {
    width: 100%;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
}
/* Depo — tek sutun, ayni satir yuksekligi */
.bh-depo-sheet > .bh-depo-table-head,
.bh-depo-list .bh-depo-row {
    grid-template-columns: minmax(0, 1fr);
}
.bh-depo-actions {
    display: flex;
    gap: 6px;
    margin-left: auto;
    flex-shrink: 0;
}
.bh-depo-actions button {
    background: rgba(255, 255, 255, 0.22);
    border: none;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: var(--bh-shadow-btn);
}
.bh-depo-actions button:hover {
    background: rgba(255, 255, 255, 0.35);
    box-shadow: var(--bh-shadow-btn-hover);
}
.bh-cust-table-head .sortable {
    cursor: pointer; user-select: none;
    display: flex; align-items: center; gap: 8px;
}
.bh-cust-table-head .sortable.r {
    justify-content: flex-end;
    padding-right: 4px;
}
.bh-cust-table-head .sortable > span:first-child { flex: 1; }
.bh-cust-table-head .sortable.r > span:first-child {
    flex: 0 1 auto; text-align: right;
}
.bh-cust-sort-stack {
    display: inline-flex; flex-direction: column;
    line-height: 0.65; font-size: 10px; opacity: 0.85;
    flex-shrink: 0;
}
.bh-cust-sort-stack .fa-caret-up,
.bh-cust-sort-stack .fa-caret-down { opacity: 0.45; }
.bh-cust-table-head .is-sort-asc .fa-caret-up,
.bh-cust-table-head .is-sort-desc .fa-caret-down { opacity: 1; }
.bh-cust-list {
    background: #fff;
    min-height: 200px;
}
/* Satir: div tabanli listeler (grid). Tablo satirlari — asagida table-row */
.bh-page-list .bh-cust-row {
    display: grid;
    grid-template-columns: var(--bh-list-grid-cols);
    align-items: center;
    height: var(--bh-list-row-h);
    min-height: var(--bh-list-row-h);
    max-height: var(--bh-list-row-h);
    margin: 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid #e8ecef;
    box-sizing: border-box;
}
.bh-list-table tbody tr.bh-cust-row {
    display: table-row;
    height: var(--bh-list-row-h);
    margin: 0;
    padding: 0;
    border: none;
    box-sizing: border-box;
}
.bh-cust-row:nth-child(odd) { background: #f2f7f9; }
.bh-cust-row:nth-child(even) { background: #ffffff; }
.bh-cust-row:last-child { border-bottom: none; }
/* Isim sutunu: renkli cubuk tablodan 2mm icte (4 kenar) */
.bh-cust-col-name,
.bh-page-row > .bh-page-pill-wrap,
.bh-page-row > div:first-child:not(.bh-page-bal) {
    min-width: 0;
    height: 100%;
    padding: var(--bh-pill-inset);
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.bh-cust-pill,
.bh-depo-row .bh-cust-pill {
    display: flex; align-items: center; gap: 6px;
    flex: 1;
    min-width: 0;
    box-sizing: border-box;
    background: #5bc0de; color: #fff;
    padding: 0 10px;
    height: var(--bh-pill-h);
    max-height: var(--bh-pill-h);
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.15;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(91, 192, 222, 0.35);
}
/* Baslik: fiyat/stok sutun genisligi grid ile */
.bh-cust-table-head .sortable.r {
    justify-content: flex-end;
}
button.bh-cust-pill {
    border: none;
    width: 100%;
    text-align: left;
    font-family: inherit;
    appearance: none;
}
a.bh-cust-pill,
a.bh-cust-bal-link,
a.bh-tedarikci-row-link,
a.bh-urun-row-link {
    text-decoration: none;
    color: inherit;
}
a.bh-satis-belge-link,
a.bh-alis-belge-link {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}
a.bh-satis-belge-link:hover,
a.bh-alis-belge-link:hover {
    text-decoration: underline;
}
a.bh-doc-name-main.bh-cari-row-link,
a.bh-doc-name-main.bh-tedarikci-row-link {
    text-decoration: none;
    color: inherit;
    display: block;
}
a.bh-doc-name-main.bh-cari-row-link:hover,
a.bh-doc-name-main.bh-tedarikci-row-link:hover {
    text-decoration: underline;
}
a.bh-cust-bal-link {
    display: block;
    width: 100%;
    text-align: right;
    cursor: pointer;
}
a.bh-cust-bal-link:hover { text-decoration: underline; }
.bh-cust-pill:hover { background: #4eb2d4; }
.bh-cust-name {
    font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.02em; font-size: 12px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    flex: 0 1 auto; max-width: 46%;
}
.bh-cust-tel-badge {
    background: #5cb85c; color: #fff;
    padding: 2px 7px; border-radius: 3px;
    font-size: 11px; font-weight: 600;
    white-space: nowrap; flex-shrink: 0;
    line-height: 1.2;
}
.bh-cust-rep-badge {
    background: #337ab7; color: #fff;
    padding: 2px 8px; border-radius: 3px;
    font-size: 10px; font-weight: 700;
    text-transform: lowercase; letter-spacing: 0.15px;
    margin-left: auto; flex-shrink: 0;
    white-space: nowrap;
    line-height: 1.2;
}
.bh-cust-col-bal {
    text-align: right;
    padding: 0 14px;
    font-size: 13px;
    color: #333;
    font-weight: 600;
    white-space: nowrap;
    line-height: 1.2;
    background: transparent;
}
.bh-inv-col-price,
.bh-inv-list .bh-inv-stok {
    font-size: 13px;
    font-weight: 600;
    color: #333;
}
.bh-cust-col-bal.bh-cust-bal--neg { color: #d9534f; }
.bh-cust-col-bal.bh-cust-bal--pos { color: #333; }
.bh-cust-col-bal.bh-cust-bal--zero { color: #999; font-weight: 400; }
.bh-cust-col-bal--cek { color: #333; }
.bh-md-link-btn {
    background: transparent; border: none; color: #337ab7; font-size: 12px; font-weight: 600;
    cursor: pointer; padding: 0 8px 0 0;
}
.bh-md-link-btn:hover { text-decoration: underline; }
.bh-md-kart__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.bh-cust-empty { padding: 50px; text-align: center; color: #94a3b8; }

/* Musteri ekleme modal */
.bh-cust-modal-ov {
    position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,0.5);
    display: flex; align-items: center; justify-content: center; padding: 16px;
}
.bh-cust-modal {
    background: #fff; border-radius: 10px; width: 680px; max-width: 100%;
    max-height: 90vh; overflow-y: auto; box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}
.bh-cust-modal__head {
    background: #5eb4a8; color: #fff; padding: 14px 20px;
    display: flex; justify-content: space-between; align-items: center;
}
.bh-cust-modal__head h3 { margin: 0; font-size: 16px; font-weight: 600; }
.bh-cust-modal__close {
    background: none; border: none; color: #fff; font-size: 22px; cursor: pointer; opacity: 0.9;
}
.bh-cust-modal__body { padding: 24px; }
.bh-cust-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.bh-cust-form-grid .span2 { grid-column: span 2; }
.bh-cust-field label { font-size: 12px; color: #64748b; font-weight: 600; display: block; margin-bottom: 4px; }
.bh-cust-field input, .bh-cust-field select, .bh-cust-field textarea {
    width: 100%; padding: 9px 12px; border: 1px solid #cbd5e1; border-radius: 4px; font-size: 13px; font-family: inherit;
}
.bh-cust-modal__foot {
    padding: 14px 24px; border-top: 1px solid #e2e8f0; display: flex; justify-content: space-between;
    background: #f8fafc;
}
.bh-cust-modal__btn {
    border-radius: 4px; padding: 8px 22px; font-weight: 600; cursor: pointer; font-size: 13px; font-family: inherit;
}
.bh-cust-modal__btn--cancel {
    background: #dc2626; color: #fff; border: 1px solid #b91c1c;
}
.bh-cust-modal__btn--cancel:hover { background: #b91c1c; }
.bh-cust-modal__btn--save { background: #5eb4a8; color: #fff; border: none; }

/* Musteri detay — dropdown acik + buton */
.bh-md-dd-menu.open { display: block !important; }
.bh-md-btn.is-open { filter: brightness(0.92); box-shadow: inset 0 2px 4px rgba(0,0,0,0.15); }
.bh-md-dd-item { display: flex; align-items: center; gap: 10px; }
.bh-md-dd-item i { width: 18px; text-align: center; color: #64748b; }
.bh-md-dd-badge {
    background: #d9534f; color: #fff; font-size: 9px; padding: 1px 5px; border-radius: 3px;
    margin-left: 4px; font-weight: 700;
}

/* Satis doc-mode (musteriden) */
.bh-retail-root--doc {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.bh-retail-root--doc .bh-retail-2col {
    display: grid;
    grid-template-columns: minmax(min(100%, calc(280px * var(--bh-ui-scale, 1))), calc(360px * var(--bh-ui-scale, 1))) minmax(0, 1fr);
    gap: calc(14px * var(--bh-ui-scale, 1));
    padding: calc(12px * var(--bh-ui-scale, 1)) calc(16px * var(--bh-ui-scale, 1)) calc(10px * var(--bh-ui-scale, 1));
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
@media (max-width: 1100px) {
    .bh-retail-root--doc .bh-retail-2col,
    .bh-retail-root--unified .bh-retail-2col {
        grid-template-columns: 1fr !important;
    }
}
.bh-retail-root--doc .bh-panel--product {
    min-width: 0;
}
.bh-retail-root--doc .bh-panel__body--urun {
    min-width: 0;
}
.bh-panel--cari .bh-panel__head { background: #5394b8 !important; }
.bh-doc-fields { padding: 0 !important; gap: 0 !important; }
.bh-doc-row {
    display: grid;
    grid-template-columns: 132px 1fr;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    border-bottom: 1px solid #f1f5f9;
}
.bh-doc-row label {
    font-size: 12px; font-weight: 600; color: #64748b; margin: 0;
}
.bh-doc-row input,
.bh-doc-row select,
.bh-doc-row textarea {
    width: 100%; padding: 6px 8px; border: 1px solid #cbd5e1;
    border-radius: 3px; font-size: 13px; font-family: inherit; box-sizing: border-box;
}
.bh-doc-row--aciklama { align-items: start; }
.bh-doc-row--aciklama textarea { min-height: 72px; resize: vertical; }
.bh-doc-row__split { display: grid; grid-template-columns: 1fr 92px; gap: 6px; }
.bh-doc-date-wrap { position: relative; display: block; width: 100%; }
.bh-doc-date-wrap input[type="date"] {
    width: 100%; padding-right: 30px; cursor: pointer;
}
.bh-doc-date-wrap__ico {
    position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
    color: #64748b; font-size: 13px; pointer-events: none;
}
.bh-panel--product .bh-panel__head { background: #5bb75b !important; }
.bh-panel__body--urun { padding: 12px 14px 10px; gap: 6px; overflow: visible; }
.bh-doc-urun-block { margin-bottom: 6px; }
.bh-doc-search-wrap {
    position: relative;
    width: min(calc(75% + 2cm), 100%);
    max-width: 520px;
}
.bh-doc-search-hint {
    margin: 4px 0 0;
    font-size: 11px;
    color: #94a3b8;
}
.bh-doc-time-inp {
    width: 100%;
    padding: 6px 8px;
    border: 1px solid #cbd5e1;
    border-radius: 3px;
    font-size: 13px;
    font-family: inherit;
    box-sizing: border-box;
}
.bh-doc-cari-pick {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-width: 0;
}
.bh-doc-cari-ad {
    flex: 1 1 120px;
    font-weight: 700;
    font-size: 13px;
    color: #334155;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bh-doc-cari-pick-btn {
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #475569;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
}
.bh-doc-cari-pick-btn--new {
    background: #5bc0de;
    border-color: #46b8da;
    color: #fff;
}
.bh-doc-row--cari-pick { align-items: center; }
.bh-panel--cari-locked .bh-doc-cari-readonly {
    flex: 1;
    min-width: 0;
    padding: 8px 10px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
}
.bh-doc-cari-ad--locked {
    display: block;
    font-weight: 800;
    font-size: 14px;
    color: #0f172a;
    white-space: normal;
    word-break: break-word;
}
.bh-panel--cari-locked .bh-pos-cari-ara-wrap,
.bh-panel--cari-locked .bh-doc-row--cari-pick { display: none !important; }
.bh-field--datetime .bh-doc-row__split { margin-top: 0; }
.bh-doc-search-input {
    width: 100%; height: 38px; padding: 8px 12px; border: 1px solid #94a3b8;
    border-radius: 4px; font-size: 13px; box-sizing: border-box;
}
.bh-urun-ara-dropdown--doc {
    position: absolute; left: 0; right: 0; top: 100%; margin-top: 1px;
    border-radius: 0 0 4px 4px;
}
.bh-link-detayli {
    display: inline-block; margin-top: 4px; font-size: 11px; color: #337ab7;
    text-decoration: underline; cursor: pointer;
}
.bh-retail-root--doc .bh-iskonto-row { display: none; }
.bh-retail-root--doc .bh-sepet-summary { margin-left: auto; max-width: 340px; }
.bh-retail-root--doc .bh-table-wrap { flex: 1; min-height: 120px; }

/* Satış formu — e-Belge / Tahsilat toolbar (orijinal layout üstüne ek satır) */
.bh-pos-bh-toolbar {
    flex-wrap: wrap;
    padding: 0 8px 8px 4px;
    gap: 8px;
}
.bh-doc-fields .bh-field-row--2 { display: grid; grid-template-columns: 1fr 100px; gap: 8px; align-items: end; }
.bh-urun-ara-wrap { position: relative; flex: 1; min-width: 140px; }
.bh-urun-ara-dropdown {
    display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 50;
    background: #fff; border: 1px solid #cbd5e1; border-radius: 0 0 6px 6px;
    max-height: 280px; overflow-y: auto; box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}
.bh-urun-ara-dropdown.is-open { display: block; }
.bh-urun-ara-cols {
    display: grid;
    grid-template-columns: 1fr 88px 110px;
    gap: 10px;
    align-items: center;
    padding: 8px 12px;
}
.bh-urun-ara-cols--head {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    font-size: 10px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    cursor: default;
}
.bh-urun-ara-item.bh-urun-ara-cols {
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
}
.bh-urun-ara-item.bh-urun-ara-cols:hover,
.bh-urun-ara-item.bh-urun-ara-cols.is-active { background: #dbeafe !important; }
.bh-urun-ara-col--name {
    font-weight: 700; font-size: 13px; color: #1e293b; text-transform: uppercase;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.bh-urun-ara-col--stok { font-size: 12px; font-weight: 700; color: #475569; text-align: right; }
.bh-urun-ara-col--stok.neg { color: #d9534f; }
.bh-urun-ara-col--fiyat { font-size: 12px; font-weight: 700; color: #1e293b; text-align: right; white-space: nowrap; }
.bh-urun-ara-col--name { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.bh-urun-ara-col__sub { font-size: 10px; font-weight: 500; color: #94a3b8; text-transform: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pos-line-note { color: #64748b; font-style: italic; display: block; margin-top: 2px; }
.bh-urun-ara-item {
    padding: 10px 12px; border-bottom: 1px solid #f1f5f9; cursor: pointer;
    display: flex; justify-content: space-between; align-items: flex-start; gap: 10px;
}
.bh-urun-ara-item:hover, .bh-urun-ara-item.is-active { background: #dbeafe; }
.bh-urun-ara-item__name { font-weight: 700; font-size: 13px; color: #1e293b; text-transform: uppercase; }
.bh-urun-ara-item__meta { font-size: 11px; color: #94a3b8; margin-top: 2px; }
.bh-urun-ara-item__right { text-align: right; white-space: nowrap; }
.bh-urun-ara-item__stok { font-size: 12px; font-weight: 700; color: #475569; }
.bh-urun-ara-item__stok.neg { color: #d9534f; }
.bh-urun-ara-item__marka { font-size: 11px; color: #94a3b8; }
.bh-urun-ara-empty { padding: 12px; color: #94a3b8; font-size: 12px; text-align: center; }

/* POS toast — sag ust siyah kutu */
.bh-pos-toast-stack {
    position: fixed; top: 12px; right: 12px; z-index: 10050;
    display: flex; flex-direction: column; gap: 8px; pointer-events: none;
}
.bh-pos-toast {
    background: #1e293b; color: #fff; padding: 10px 16px; border-radius: 4px;
    font-size: 13px; font-weight: 600; box-shadow: 0 4px 16px rgba(0,0,0,0.25);
    opacity: 0; transform: translateX(12px); transition: opacity 0.2s, transform 0.2s;
    max-width: 320px;
}
.bh-pos-toast.is-in { opacity: 1; transform: translateX(0); }
.bh-pos-toast.is-out { opacity: 0; transform: translateX(12px); }
.bh-pos-toast--add { border-left: 4px solid #5bb75b; }
.bh-pos-toast--remove { border-left: 4px solid #d9534f; }

.bh-mini-tag {
    border: none; border-radius: 3px; padding: 2px 8px; font-size: 10px;
    font-weight: 700; cursor: pointer; margin-left: 6px; vertical-align: middle;
}
.bh-mini-tag--stopaj { background: #d9534f; color: #fff; }
.bh-mini-tag--tevkifat { background: #5bb75b; color: #fff; }
.bh-tevkifat-pill--aktif { background: #dcfce7; color: #166534; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 700; }
.bh-sepet-ekstra { border-top: 1px dashed #e2e8f0; padding-top: 6px; margin-top: 4px; }
.bh-ci-modal { max-width: 420px; }
.bh-ci-aciklama { font-size: 12px; color: #64748b; margin: 0 0 12px; }
.bh-ci-liste { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }
.bh-ci-satir { display: flex; gap: 8px; align-items: center; }
.bh-ci-satir select, .bh-ci-satir input { flex: 1; padding: 8px; border: 1px solid #e2e8f0; border-radius: 6px; }
.bh-ci-sil { background: #fee2e2; color: #dc2626; border: none; width: 32px; height: 32px; border-radius: 6px; cursor: pointer; font-size: 18px; }
.bh-ci-ekle { width: 100%; padding: 10px; border: 1px dashed #10b981; background: #f0fdf4; color: #166534; border-radius: 8px; font-weight: 700; cursor: pointer; }
.bh-ci-bos { font-size: 12px; color: #94a3b8; text-align: center; margin: 0; }
.bh-sepet-summary__val { display: inline-flex; align-items: center; }

.bh-sepet-table thead th { background: #5bb75b !important; color: #fff !important; font-weight: 700; }
.bh-doc-search-links {
    text-align: right;
    margin: 4px 0 2px;
    padding-right: 2px;
}
.bh-doc-search-links .bh-link-olmayan {
    display: inline-block;
    margin-top: 0;
}
.bh-link-olmayan {
    display: block; margin-top: 6px; font-size: 12px; color: #5bb75b; cursor: pointer; font-weight: 600;
}
.bh-link-olmayan:hover { text-decoration: underline; }

.bh-settings-root .bh-settings-form .bh-doc-row label { min-width: 132px; }
.bh-settings-root .bh-settings-sablon-switch { margin-bottom: 12px; }
.bh-settings-root .bh-cust-sheet .bh-doc-fields.bh-settings-form {
    padding: 16px 20px;
    box-sizing: border-box;
}
.bh-settings-root .bh-settings-form .bh-doc-row .bh-ef-input,
.bh-settings-root .bh-settings-form .bh-doc-row input,
.bh-settings-root .bh-settings-form .bh-doc-row select,
.bh-settings-root .bh-settings-form .bh-doc-row textarea {
    width: 100%;
    box-sizing: border-box;
    min-width: 0;
}
.bh-settings-root .bh-sablon-section__title {
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    background: #5b6b7e;
    padding: 8px 12px;
    border-radius: 5px;
    margin: 0 0 12px;
    letter-spacing: 0.02em;
}
.bh-settings-root .bh-sablon-section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.bh-settings-root { max-width: 960px; }
.bh-settings-root .bh-cust-sheet { overflow-x: auto; }

/* Urun ekleme modal — AŞAMA 4 */
.bh-urun-modal-ov {
    position: fixed; inset: 0; z-index: 10001; background: rgba(0, 0, 0, 0.5);
    display: flex; align-items: center; justify-content: center; padding: 16px;
}
.bh-urun-modal {
    background: #fff; border-radius: 8px; width: 600px; max-width: 100%;
    overflow: hidden; box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
}
.bh-urun-modal__head {
    background: #5CB85C; color: #fff; height: 50px; padding: 0 20px;
    display: flex; justify-content: space-between; align-items: center; font-weight: 600; font-size: 14px;
}
.bh-urun-modal__body { padding: 20px; }
.bh-urun-modal-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.bh-urun-modal-grid4 { display: grid; grid-template-columns: 1fr 80px 1fr 100px; gap: 12px; align-items: end; margin-bottom: 12px; }
.bh-urun-modal-row5 {
    display: grid;
    grid-template-columns: minmax(120px, 1.2fr) 72px minmax(100px, 1fr) 100px;
    gap: 10px;
    align-items: end;
    margin-bottom: 8px;
}
.bh-input-group { display: flex; gap: 0; }
.bh-input-group input { flex: 1; border-radius: 4px 0 0 4px; min-width: 0; }
.bh-input-group select {
    width: 58px; border-radius: 0 4px 4px 0; border-left: none;
    padding: 6px 4px; font-size: 12px; font-weight: 700;
}
.bh-urun-modal__x {
    background: none; border: none; color: #fff; font-size: 22px; cursor: pointer; line-height: 1;
}
.bh-urun-modal-total {
    text-align: right; padding: 4px 0 0;
}
.bh-urun-modal-total__lbl {
    display: block; font-size: 10px; font-weight: 700; color: #64748b; letter-spacing: 0.04em;
}
.bh-urun-modal-total #posModalToplam {
    display: block; font-size: 20px; font-weight: 700; color: #333333; line-height: 1.1;
}
.bh-urun-modal-links { display: flex; gap: 16px; margin: 8px 0 12px; }
.bh-urun-modal-links a { color: #337ab7; font-size: 12px; cursor: pointer; text-decoration: underline; }
.bh-urun-modal__foot {
    padding: 16px; display: flex; justify-content: flex-end;
    border-top: 1px solid #e2e8f0; background: #fff;
}
.bh-urun-modal__ekle {
    background: #5CB85C; color: #fff; border: none; border-radius: 4px;
    padding: 8px 16px; font-weight: 700; cursor: pointer; font-size: 14px;
}

/* Musteri sec modal — referans (16cm x 7cm) */
.bh-cari-sec-ov {
    z-index: 13000;
    align-items: flex-start;
    padding-top: 8vh;
}
.bh-cari-sec-ov .bh-cari-sec-modal.bh-cari-sec-modal--teklif {
    width: min(520px, calc(100vw - 24px));
    height: auto;
    min-height: 7cm;
    max-height: calc(100vh - 24px);
}
.bh-cari-sec-modal--teklif .bh-cari-sec-yeni-form textarea.bh-cari-sec-search {
    font-family: inherit;
    line-height: 1.4;
}
.bh-cari-sec-ov .bh-cari-sec-modal {
    width: 16cm;
    height: 7cm;
    max-width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);
    padding: 0;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22);
    display: flex;
    flex-direction: column;
    background: #fff;
}
.bh-cari-sec-head {
    padding: 10px 14px;
    background: #6ec4c4;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}
.bh-cari-sec-head h3 { margin: 0; font-size: 15px; font-weight: 700; color: #fff; }
.bh-cari-sec-close {
    background: none; border: none; color: #fff; font-size: 22px; line-height: 1;
    cursor: pointer; padding: 0 4px;
}
.bh-cari-sec-sub {
    padding: 8px 14px;
    background: #faf3e8;
    color: #c45c26;
    font-size: 12px;
    flex-shrink: 0;
}
.bh-cari-sec-body {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 10px 14px 8px;
}
.bh-cari-sec-search {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #cbd5e1;
    border-radius: 3px;
    font-size: 13px;
    box-sizing: border-box;
    flex-shrink: 0;
}
.bh-cari-sec-hint {
    margin-top: 8px;
    padding: 6px 8px;
    font-size: 12px;
    color: #94a3b8;
    border: 1px solid #e2e8f0;
    background: #fafafa;
    flex-shrink: 0;
}
.bh-cari-sec-list {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    margin-top: 6px;
    border: 1px solid #e2e8f0;
    background: #fff;
}
.bh-cari-sec-row {
    padding: 7px 10px;
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    font-size: 13px;
    color: #1e293b;
}
.bh-cari-sec-row:hover { background: #f0f9ff; }
.bh-cari-sec-row--perakende { background: #eff6ff; font-weight: 700; color: #2563eb; }
.bh-cari-sec-foot {
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end;
    padding-top: 6px;
}
.bh-cari-sec-kapat {
    background: #f97316;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 6px 14px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.bh-cari-sec-kapat:hover { background: #ea580c; }
.bh-cari-sec-tabs {
    display: flex;
    gap: 0;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}
.bh-cari-sec-tab {
    flex: 1;
    padding: 10px 12px;
    border: none;
    background: transparent;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}
.bh-cari-sec-tab.is-active {
    color: #0f766e;
    background: #fff;
    border-bottom-color: #14b8a6;
}
.bh-cari-sec-yeni-form label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 4px;
}
.bh-cari-sec-devam {
    margin-top: 16px;
    width: 100%;
    padding: 11px 16px;
    border: none;
    border-radius: 6px;
    background: #10b981;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
}
.bh-cari-sec-devam:hover { background: #059669; }
.bh-cari-sec-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}
.bh-cari-sec-row__amt { font-weight: 700; font-size: 13px; white-space: nowrap; }
.bh-cari-sec-empty { padding: 10px; color: #94a3b8; font-size: 12px; }

/* Tahsilat modal */
.bh-tah-ov {
    position: fixed; inset: 0; z-index: 12000;
    background: rgba(15, 23, 42, 0.45);
    display: flex; align-items: center; justify-content: center; padding: 16px;
}
.bh-tah-modal {
    width: 420px; max-width: 100%; background: #fff; border-radius: 8px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2); overflow: hidden;
}
.bh-tah-head {
    display: flex; justify-content: space-between; align-items: center;
    padding: 14px 16px; background: #424f63; color: #fff; font-weight: 700;
}
.bh-tah-head button { background: none; border: none; color: #fff; font-size: 22px; cursor: pointer; }
.bh-tah-body { padding: 16px; }
.bh-tah-musteri { margin: 0 0 14px; font-size: 13px; color: #334155; }
.bh-tah-musteri .borc { color: #dc2626; font-weight: 700; }
.bh-tah-musteri .alacak { color: #059669; font-weight: 700; }
.bh-tah-field { margin-bottom: 12px; }
.bh-tah-field label { display: block; font-size: 11px; font-weight: 700; color: #64748b; margin-bottom: 4px; }
.bh-tah-field input, .bh-tah-field select {
    width: 100%; padding: 10px; border: 1px solid #e2e8f0; border-radius: 6px; font-size: 14px;
}
.bh-tah-field .bh-ef-input { width: 100%; box-sizing: border-box; }
.bh-efatura-provider-card .bh-ef-input { width: 100%; box-sizing: border-box; margin-bottom: 4px; }
.bh-tah-foot { display: flex; gap: 8px; padding: 12px 16px; border-top: 1px solid #e2e8f0; background: #f8fafc; }
.bh-tah-btn { flex: 1; padding: 10px; border-radius: 6px; font-weight: 700; cursor: pointer; border: none; }
.bh-tah-btn--cancel { background: #dc2626; color: #fff; }
.bh-tah-btn--cancel:hover { background: #b91c1c; }
.bh-tah-btn--save { background: #16a34a; color: #fff; }
.bh-tah-btn--save:disabled { opacity: 0.6; cursor: not-allowed; }
.bh-tah-head--ted { background: #0d9488; }
.bh-tah-head--green { background: #16a34a; }
.bh-tah-head--blue { background: #337ab7; }

.bh-fin-gruplar { display: grid; gap: 14px; margin-top: 14px; }
.bh-fin-grup { background: #fff; border-radius: 8px; overflow: hidden; border: 1px solid #e2e8f0; }
.bh-fin-grup__head {
    background: var(--bh-panel-head, #2c3d49); color: #fff; padding: 10px 16px; font-size: 12px; font-weight: 800;
    letter-spacing: 0.04em;
}
.bh-fin-grup__kart {
    display: flex; justify-content: space-between; align-items: center; padding: 14px 16px;
    cursor: pointer; border-bottom: 1px solid #f1f5f9; gap: 10px;
}
.bh-fin-grup__edit {
    border: none; background: #f1f5f9; color: #64748b; width: 28px; height: 28px;
    border-radius: 4px; cursor: pointer; flex-shrink: 0;
}
.bh-fin-grup__edit:hover { background: #e2e8f0; color: #334155; }
.bh-fin-grup__pb { font-size: 11px; color: #94a3b8; font-weight: 700; margin-right: 8px; }
.bh-fin-grup__kart:hover { background: #f8fafc; }
.bh-fin-grup__ad { font-weight: 700; color: #1e293b; }
.bh-fin-grup__bak { font-weight: 800; color: #059669; }
.bh-fin-grup__bak.neg { color: #dc2626; }
.bh-fin-note { font-size: 12px; color: #64748b; margin-top: 12px; }

.bh-fin-ozet { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin: 14px 0; }
.bh-fin-ozet__kart { background: #fff; border-radius: 10px; padding: 18px 20px; border: 1px solid #e2e8f0; border-left: 5px solid #16a34a; }
.bh-fin-ozet__kart--banka { border-left-color: #3b82f6; }
.bh-fin-ozet__lbl { display: block; font-size: 12px; color: #64748b; font-weight: 700; margin-bottom: 6px; }
.bh-fin-ozet__kart strong { font-size: 22px; color: #0f172a; }
.bh-fin-panel { background: #fff; border-radius: 10px; border: 1px solid #e2e8f0; overflow: hidden; margin-top: 8px; }
.bh-fin-panel__head { padding: 14px 18px; border-bottom: 1px solid #f1f5f9; }
.bh-fin-panel__head h3 { margin: 0; font-size: 15px; color: #1e293b; }
.bh-fin-panel__body { overflow-x: auto; }

.bh-hesap-kpi {
    display: flex; align-items: center; gap: 16px; background: #337ab7; color: #fff;
    border-radius: 8px; padding: 18px 22px; margin: 12px 0 14px; max-width: 360px;
}
.bh-hesap-kpi__ico { font-size: 36px; font-weight: 800; opacity: 0.95; }
.bh-hesap-kpi__txt strong { display: block; font-size: 18px; margin-bottom: 4px; }
.bh-hesap-kpi__txt span { font-size: 14px; opacity: 0.95; }
.bh-hesap-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.bh-hesap-hareket-head {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    background: var(--bh-panel-head, #2c3d49); color: #fff; padding: 10px 16px; font-size: 12px; font-weight: 800;
    letter-spacing: 0.04em;
}
.bh-hesap-bul { font-weight: 600; font-size: 12px; display: inline-flex; align-items: center; gap: 6px; }
.bh-hesap-bul input {
    padding: 5px 10px; border: 1px solid #cbd5e1; border-radius: 4px; font-size: 12px; min-width: 140px;
}
.bh-hesap-islem-sel {
    padding: 4px 8px; border: 1px solid #cbd5e1; border-radius: 4px; font-size: 11px; font-weight: 700;
    background: #fff; cursor: pointer;
}
.bh-md-btn--orange { background: #f0ad4e; color: #fff; }
.bh-md-btn--teal { background: #5bc0de; color: #fff; }

.bh-masraf-filtreler { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 12px 0; }
.bh-masraf-filtre {
    padding: 8px 14px; border-radius: 20px; border: 1px solid #e2e8f0; background: #fff;
    font-size: 13px; font-weight: 600; color: #475569; cursor: pointer;
}
.bh-masraf-filtre.active { background: var(--bh-panel-head, #2c3d49); color: #fff; border-color: var(--bh-panel-head, #2c3d49); }
.bh-masraf-ara { margin-left: auto; padding: 8px 12px; border: 1px solid #e2e8f0; border-radius: 8px; min-width: 180px; }
.bh-masraf-liste { background: #fff; border-radius: 10px; border: 1px solid #e2e8f0; overflow-x: auto; overflow-y: visible; }
.bh-masraf-tablo { width: 100%; border-collapse: collapse; font-size: 13px; }
.bh-masraf-tablo th { background: #f8fafc; padding: 10px 12px; text-align: left; font-size: 11px; color: #64748b; font-weight: 700; border-bottom: 1px solid #e2e8f0; }
.bh-masraf-tablo td { padding: 10px 12px; border-bottom: 1px solid #f1f5f9; vertical-align: middle; }
.bh-masraf-durum { display: inline-block; padding: 3px 10px; border-radius: 12px; font-size: 11px; font-weight: 700; }
.bh-masraf-durum--ok { background: #dcfce7; color: #166534; }
.bh-masraf-durum--bek { background: #fef3c7; color: #92400e; }
.bh-masraf-empty { text-align: center; padding: 48px 20px; color: #94a3b8; }
.bh-masraf-empty i { font-size: 40px; margin-bottom: 12px; display: block; }
.bh-masraf-host { background: #f4f7f6 !important; }
.bh-masraf-page { font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif; }
.bh-masraf-top { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; align-items: center; }
.bh-masraf-add {
    background: #d9534f; color: #fff; border: none; border-radius: 4px; padding: 8px 16px;
    font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12); font-family: inherit;
}
.bh-masraf-add:hover { background: #c9302c; }
.bh-masraf-kalem {
    background: #5cb85c; color: #fff; border: none; border-radius: 4px; padding: 8px 16px;
    font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12); font-family: inherit;
}
.bh-masraf-kalem:hover { background: #4cae4c; }
.bh-masraf-toolbar { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; margin: 8px 0 12px; }
.bh-masraf-toolbar-right { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-left: auto; }
.bh-masraf-donem {
    padding: 7px 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 13px; font-family: inherit;
    background: #fff; min-width: 140px;
}
.bh-masraf-ara-wrap { font-size: 13px; font-weight: 600; color: #333; display: inline-flex; align-items: center; gap: 8px; }
.bh-masraf-ara-wrap .bh-masraf-ara { margin-left: 0; min-width: 200px; border-radius: 4px; }
.bh-masraf-liste { background: #fff; border-radius: 4px; border: 1px solid #e2e8e0; overflow-x: auto; overflow-y: visible; box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
.bh-masraf-tablo thead th { background: #2c3d49 !important; color: #fff !important; font-size: 12px; font-weight: 600; border-bottom: none; }
.bh-masraf-tablo .r { text-align: right; }
.bh-masraf-tutar { color: #333; font-weight: 700; white-space: nowrap; }
.bh-masraf-not { color: #64748b; font-size: 12px; max-width: 220px; }
.bh-masraf-islem { font-size: 12px; padding: 4px 8px; border: 1px solid #ccc; border-radius: 4px; background: #fff; cursor: pointer; font-family: inherit; }
.bh-masraf-islem-cell { text-align: center; white-space: nowrap; position: relative; overflow: visible; }
.bh-masraf-islem-dd { display: inline-block; position: relative; }
.bh-masraf-islem-btn {
    font-size: 12px; padding: 5px 12px; border: 1px solid #cbd5e1; border-radius: 4px;
    background: #fff; cursor: pointer; font-family: inherit; color: #334155; font-weight: 600;
    display: inline-flex; align-items: center; gap: 6px;
}
.bh-masraf-islem-btn:hover,
.bh-masraf-islem-btn.is-open { background: #f1f5f9; border-color: #94a3b8; }
.bh-masraf-islem-menu.bh-md-dd-menu {
    display: none;
    position: fixed;
    z-index: 10050;
    min-width: 168px;
    padding: 6px 0;
    background: #fff;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.18), 0 2px 8px rgba(15, 23, 42, 0.08);
}
.bh-masraf-islem-menu.bh-md-dd-menu.open { display: block !important; }
.bh-masraf-islem-menu .bh-md-dd-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 14px;
    font-size: 13px;
    color: #1e293b;
    text-decoration: none;
    white-space: nowrap;
}
.bh-masraf-islem-menu .bh-md-dd-item i { width: 16px; text-align: center; color: #64748b; }
.bh-masraf-islem-menu .bh-md-dd-item:hover { background: #eff6ff; color: #1d4ed8; }
.bh-masraf-islem-menu .bh-md-dd-item:hover i { color: #2563eb; }

.bh-rapor-kategoriler { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 16px; }
.bh-rapor-kat {
    padding: 9px 16px; border-radius: 20px; border: 1px solid #e2e8f0; background: #fff;
    font-size: 13px; font-weight: 700; color: #475569; cursor: pointer;
}
.bh-rapor-kat.active { background: var(--bh-panel-head, #2c3d49); color: #fff; border-color: var(--bh-panel-head, #2c3d49); }
.bh-rapor-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.bh-rapor-kart {
    display: flex; flex-direction: column; align-items: flex-start; gap: 8px;
    padding: 18px 16px; border: none; border-radius: 10px; cursor: pointer; text-align: left;
    min-height: 110px; color: #fff; transition: transform 0.12s, box-shadow 0.12s;
}
.bh-rapor-kart:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.12); }
.bh-rapor-kart__icon { font-size: 22px; opacity: 0.95; }
.bh-rapor-kart__bas { font-size: 14px; font-weight: 800; line-height: 1.25; }
.bh-rapor-kart__alt { font-size: 11px; opacity: 0.9; }
.bh-rapor-kart--mavi { background: linear-gradient(135deg, #3b82f6, #2563eb); }
.bh-rapor-kart--lacivert { background: linear-gradient(135deg, #1e3a5f, #1e40af); }
.bh-rapor-kart--yesil { background: linear-gradient(135deg, #16a34a, #15803d); }
.bh-rapor-kart--mor { background: linear-gradient(135deg, #7c3aed, #6d28d9); }
.bh-rapor-kart--turkuaz { background: linear-gradient(135deg, #0d9488, #0f766e); }
.bh-rapor-kart--kahve { background: linear-gradient(135deg, #92400e, #78350f); }
.bh-rapor-kart--gri { background: linear-gradient(135deg, #64748b, #475569); }
.bh-rapor-kart--siyah { background: linear-gradient(135deg, #1e293b, #0f172a); }
.bh-rapor-kart--kirmizi { background: linear-gradient(135deg, #dc2626, #b91c1c); }
.bh-rapor-kart--kirmizi-koyu { background: linear-gradient(135deg, #991b1b, #7f1d1d); }
.bh-rapor-kart--sari { background: linear-gradient(135deg, #eab308, #ca8a04); color: #1e293b; }
.bh-rapor-kart--yesil-parlak { background: linear-gradient(135deg, #22c55e, #16a34a); }

.bh-rapor-filtre {
    display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end;
    background: #fff; padding: 14px; border-radius: 10px; border: 1px solid #e2e8f0; margin-bottom: 14px;
}
.bh-rapor-filtre__alan label { display: block; font-size: 11px; color: #64748b; font-weight: 700; margin-bottom: 4px; }
.bh-rapor-filtre__alan input, .bh-rapor-filtre__alan select {
    padding: 8px 10px; border: 1px solid #e2e8f0; border-radius: 6px; font-size: 13px;
}
.bh-rapor-filtre__btn {
    padding: 9px 16px; border: none; border-radius: 8px; background: #16a34a; color: #fff;
    font-weight: 700; cursor: pointer; font-size: 13px;
}
.bh-rapor-kpi-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; margin-bottom: 4px; }
.bh-rapor-kpi { background: #fff; border-radius: 8px; padding: 12px 14px; border: 1px solid #e2e8f0; border-left: 4px solid #3b82f6; }
.bh-rapor-kpi--yesil { border-left-color: #16a34a; }
.bh-rapor-kpi--mavi { border-left-color: #3b82f6; }
.bh-rapor-kpi--kirmizi { border-left-color: #dc2626; }
.bh-rapor-kpi--lacivert { border-left-color: #1e40af; }
.bh-rapor-kpi--turuncu { border-left-color: #ea580c; }
.bh-rapor-kpi__lbl { display: block; font-size: 11px; color: #64748b; font-weight: 700; }
.bh-rapor-kpi strong { font-size: 18px; color: #0f172a; }
.bh-rapor-kod {
    background: #e0f2fe; color: #0369a1; padding: 3px 8px; border-radius: 4px;
    font-weight: 700; font-size: 11px; cursor: pointer;
}
.bh-rapor-ozet { display: flex; flex-wrap: wrap; gap: 12px; padding: 14px; border-bottom: 1px solid #f1f5f9; }
.bh-rapor-ozet__item span { display: block; font-size: 11px; color: #64748b; }
.bh-rapor-ozet__item strong { font-size: 16px; color: #0f172a; }
.bh-rapor-link-btn {
    padding: 5px 10px; border: 1px solid #e2e8f0; border-radius: 6px; background: #fff;
    font-size: 12px; font-weight: 600; cursor: pointer; color: #3b82f6;
}

/* Alis faturasi ust bar */
.bh-als-actions {
    display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; align-items: center;
}
.bh-doc-btn--muted { background: #64748b; color: #fff; }
.bh-doc-btn--orange { background: #f59e0b; color: #fff; }

.bh-md-kart__avatar--ted { background: #0d9488; }
.bh-td-host .bh-md-panel__title { cursor: pointer; }

/* Urun detay */
.bh-urun-host { background: #f4f7f6 !important; }
.bh-urun-detail .bh-md-back { margin-bottom: 10px; }
.bh-urun-profil-wrap {
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.06);
}
.bh-urun-head {
    background: #337ab7; color: #fff; padding: 14px 18px; border-radius: 0;
    font-size: 16px; font-weight: 800; letter-spacing: 0.02em;
    text-transform: uppercase;
}
.bh-urun-badges {
    background: #fff; padding: 10px 14px; display: flex; flex-wrap: wrap; gap: 8px;
    border-bottom: none;
}
.bh-urun-badge {
    padding: 5px 11px; border-radius: 4px; font-size: 11px; font-weight: 700; letter-spacing: 0.03em;
}
.bh-urun-badge--kat { background: #337ab7; color: #fff; }
.bh-urun-badge--mar { background: #5cb85c; color: #fff; }
.bh-urun-badge--kdv { background: #f0ad4e; color: #fff; }
.bh-urun-badge--bar { background: #64748b; color: #fff; }
.bh-urun-kpis { padding: 14px 0 !important; }
.bh-urun-kpi--alis small,
.bh-urun-kpi--satis small { display: block; margin-top: 2px; font-size: 11px; opacity: 0.95; }
.bh-urun-td-cari { color: #17a2b8; font-weight: 700; }
.bh-urun-kdv-note { font-size: 11px; font-weight: 500; color: #64748b; white-space: nowrap; }
.bh-urun-kpi--alis, .bh-urun-kpi--satis, .bh-urun-kpi--stok { cursor: pointer; position: relative; }
.bh-urun-kpi--deger { cursor: default !important; }
.bh-urun-actions { flex-wrap: wrap; gap: 11px !important; margin-bottom: 28px !important; }
.bh-md-panel__title-lbl {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
}
.bh-urun-panels { margin-top: 12px; }
.bh-urun-panels .bh-md-panel__title i.fa-sync-alt,
.bh-urun-gecmis-grid .bh-md-panel__title i.fa-sync-alt {
    margin-left: 0 !important;
    font-size: 13px !important;
    opacity: 1 !important;
    color: #5cb85c !important;
    cursor: pointer !important;
}
.bh-urun-profil-row {
    display: flex !important; flex-direction: row !important; gap: 16px !important;
    background: #fff !important; border: 1px solid #e2e8f0 !important;
    margin-bottom: 10px !important; padding: 14px 16px !important;
}
.bh-urun-profil-img-wrap { flex: 0 0 88px; }
.bh-urun-profil-img {
    width: 88px; height: 88px; object-fit: cover; border-radius: 6px;
    border: 1px solid #e2e8f0; background: #f8fafc;
}
.bh-urun-profil-img--empty {
    display: flex; align-items: center; justify-content: center;
    font-size: 32px; color: #94a3b8;
}
.bh-urun-profil-body { flex: 1; min-width: 0; }
.bh-urun-head-title {
    margin: 0 0 8px; font-size: 18px; font-weight: 800; color: #1e293b;
    text-transform: uppercase; letter-spacing: 0.02em;
}
.bh-urun-badges--inline { padding: 0 !important; border: none !important; background: transparent !important; margin-bottom: 8px; }
.bh-urun-badge--pasif { background: #94a3b8 !important; color: #fff !important; }
.bh-urun-meta { margin: 4px 0; font-size: 12px; color: #64748b; line-height: 1.45; }
.bh-urun-meta--detay { max-height: 48px; overflow: hidden; }
.bh-urun-hareket { min-height: 340px !important; }
.bh-md-grid--urun {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 10px !important;
}
.bh-md-urun-col--sol,
.bh-md-urun-col--sag {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
}
.bh-md-grid--urun .bh-md-panel {
    width: 100% !important;
}
.bh-md-panel__body--urun-gecmis {
    min-height: 280px !important;
    max-height: 340px !important;
    overflow-y: auto !important;
    padding: 0 !important;
}
.bh-md-table--urun-gecmis { margin: 0 !important; }
.bh-md-table--urun-gecmis tbody tr:nth-child(even) td { background: #fafafa; }
.bh-md-table--urun-gecmis tbody tr:hover td { background: #f5f5f5; }
.bh-urun-cari-link {
    color: #5cb85c !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
.bh-urun-cari-link:hover { text-decoration: underline !important; }
.bh-urun-cari-link--ted { color: #17a2b8 !important; }
.bh-urun-gecmis-empty {
    padding: 32px 16px !important;
    text-align: center !important;
    color: #94a3b8 !important;
    font-size: 13px !important;
    margin: 0 !important;
}
.bh-urun-panel-refresh {
    margin-left: 8px !important;
    font-size: 12px !important;
    opacity: 0.65 !important;
    cursor: pointer !important;
}
.bh-urun-panel-refresh:hover { opacity: 1 !important; }
.bh-md-panel--stok-urun { width: 100% !important; }
.bh-urun-tip {
    display: inline-block; padding: 2px 8px; border-radius: 3px;
    font-size: 10px; font-weight: 700; color: #fff;
}
.bh-urun-tip--giris { background: #5cb85c; }
.bh-urun-tip--cikis { background: #d9534f; }

/* Ürün Stok Ekstresi — BH ngnproductabstract 1:1 (v240) */
.bh-stok-ekstre-host .bh-stok-ekstre,
.bh-stok-ekstre-page {
    max-width: 1180px; margin: 0 auto; font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
    padding-bottom: 28px;
}
.bh-stok-ekstre-host .bh-stok-ekstre-back {
    display: inline-flex; align-items: center; gap: 8px;
    margin: 0 0 12px; padding: 8px 16px; border: none; border-radius: 4px;
    background: #5bc0de; color: #fff; font-weight: 700; font-size: 13px; cursor: pointer;
    font-family: inherit; box-shadow: none;
}
.bh-stok-ekstre-host .bh-stok-ekstre-back:hover { background: #46b8da; }
.bh-stok-ekstre-host .bh-stok-ekstre-card {
    background: #fff; border: 1px solid #e0e6ed; border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08); overflow: visible;
}
.bh-stok-ekstre-host .bh-stok-ekstre-title {
    background: #337ab7; color: #fff; padding: 12px 18px;
    font-weight: 700; font-size: 14px; letter-spacing: 0.02em; text-transform: uppercase;
}
.bh-stok-ekstre-host .bh-stok-ekstre-filter {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
    gap: 10px 14px; padding: 16px 18px; border-bottom: 1px solid #e8edf2; background: #fff;
}
.bh-stok-ekstre-host .bh-stok-ekstre-filter-lbl {
    font-size: 13px; font-weight: 600; color: #333; margin: 0;
}
.bh-stok-ekstre-host .bh-stok-ekstre-date {
    width: 110px; padding: 7px 10px; border: 1px solid #ccc; border-radius: 4px;
    font-size: 13px; font-family: inherit; color: #333; background: #fff; text-align: center;
    box-sizing: border-box;
}
.bh-stok-ekstre-host .bh-stok-ekstre-date-sep { color: #999; font-weight: 400; }
.bh-stok-ekstre-host .bh-stok-ekstre-hazirla {
    padding: 8px 16px; border: none; border-radius: 4px; cursor: pointer;
    background: #d9534f; color: #fff; font-weight: 700; font-size: 13px; font-family: inherit;
    display: inline-flex; align-items: center; gap: 6px; height: 34px; box-shadow: none;
}
.bh-stok-ekstre-host .bh-stok-ekstre-hazirla:hover { background: #c9302c; }
.bh-stok-ekstre-host .bh-stok-ekstre-toolbar {
    display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 18px;
    border-bottom: 1px solid #e8edf2; background: #fff;
}
.bh-stok-ekstre-host .bh-stok-ekstre-export {
    border: none; border-radius: 4px; padding: 6px 12px; height: 30px;
    font-weight: 700; font-size: 13px; color: #fff; cursor: pointer;
    display: inline-flex; align-items: center; gap: 6px; font-family: inherit; box-shadow: none;
}
.bh-stok-ekstre-host .bh-stok-ekstre-export--green { background: #5cb85c; }
.bh-stok-ekstre-host .bh-stok-ekstre-export--green:hover { background: #4cae4c; }
.bh-stok-ekstre-host .bh-stok-ekstre-export--orange { background: #f0ad4e; }
.bh-stok-ekstre-host .bh-stok-ekstre-export--orange:hover { background: #ec971f; }
.bh-stok-ekstre-host .bh-stok-ekstre-table-wrap { overflow-x: auto; padding: 0; }
.bh-stok-ekstre-host .bh-stok-ekstre-table {
    width: 100%; border-collapse: collapse; font-size: 12px; margin: 0;
}
.bh-stok-ekstre-host .bh-stok-ekstre-table thead th {
    background: #d9edf7; color: #31708f; font-weight: 700;
    padding: 9px 10px; text-align: left; border: 1px solid #bce8f1; white-space: nowrap;
}
.bh-stok-ekstre-host .bh-stok-ekstre-table tbody td {
    padding: 8px 10px; border: 1px solid #ddd; vertical-align: middle; color: #333;
}
.bh-stok-ekstre-host .bh-stok-ekstre-table tbody tr:nth-child(even) td { background: #fafafa; }
.bh-stok-ekstre-host .bh-stok-ekstre-table tbody tr:hover td { background: #f5f5f5; }
.bh-stok-ekstre-host .bh-stok-ekstre-table td.r,
.bh-stok-ekstre-host .bh-stok-ekstre-table th.r { text-align: right; }
.bh-stok-ekstre-host .bh-stok-ekstre-row--devreden td { font-style: italic; color: #64748b; }
.bh-stok-ekstre-host .bh-stok-ekstre-total td {
    font-weight: 700; background: #f5f5f5 !important; border: 1px solid #ddd;
    border-top: 2px solid #bce8f1; color: #333;
}
.bh-stok-ekstre-host .bh-stok-ekstre-empty,
.bh-stok-ekstre-host .bh-stok-ekstre-error,
.bh-stok-ekstre-host .bh-stok-ekstre-loading {
    padding: 28px 18px; text-align: center; color: #64748b;
}
.bh-stok-ekstre-host .bh-stok-ekstre-error { color: #dc2626; }

/* Cari islem modallari */
.bh-ci-inp { width: 100%; padding: 10px; border: 1px solid #e2e8f0; border-radius: 8px; box-sizing: border-box; }
.bh-ci-satir { margin-bottom: 12px; }
.bh-ci-tip { width: 100%; padding: 10px; border: 1px solid #e2e8f0; border-radius: 8px; }
.bh-ci-aciklama { font-size: 13px; color: #64748b; margin: 0 0 12px; }

/* Urun editor BH */
.bh-ue-host { background: #f4f7f6 !important; }
.bh-ue-root { max-width: 1100px; margin: 0 auto; }
.bh-ue-toolbar {
    display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 14px;
}
.bh-ue-btn {
    border: none; padding: 10px 16px; border-radius: 4px; font-weight: 700; cursor: pointer; font-size: 13px;
    font-family: inherit; display: inline-flex; align-items: center; gap: 8px;
}
.bh-ue-btn--save { background: #5cb85c; color: #fff; }
.bh-ue-btn--save:hover { background: #4cae4c; }
.bh-ue-btn--back { background: #5bc0de; color: #fff; border: none; }
.bh-ue-btn--back:hover { background: #46b8da; }
.bh-ue-title { margin-left: auto; font-size: 13px; color: #64748b; font-weight: 600; }
.bh-ue-title strong { color: #333; }
.bh-ue-tabs {
    display: flex; flex-wrap: wrap; gap: 2px;
    background: #5bbd9e;
    padding: 10px 10px 0;
    border-radius: 0;
}
.bh-ue-tab {
    border: none; background: transparent; color: #fff;
    padding: 12px 16px; font-size: 11px;
    font-weight: 700; cursor: pointer; border-radius: 4px 4px 0 0; white-space: nowrap;
    font-family: inherit; letter-spacing: 0.02em;
    display: inline-flex; align-items: center; gap: 8px;
}
.bh-ue-tab i { opacity: 0.95; font-size: 12px; }
.bh-ue-tab:hover { background: rgba(255,255,255,0.12); color: #fff; }
.bh-ue-tab.is-active {
    background: #fff; color: #5bbd9e;
    box-shadow: 0 -1px 0 #fff;
}
.bh-ue-body {
    background: #fff; padding: 28px 32px; border-radius: 0;
    box-shadow: 0 1px 4px rgba(0,0,0,.06); min-height: 420px;
    border: 1px solid #e0e6ed; border-top: none;
}
.bh-ue-body .ueLbl { font-size: 12px; color: #555; font-weight: 600; }
.bh-ue-body .ueInp {
    width: 100%; padding: 10px 12px; border: 1px solid #d5d5d5; border-radius: 4px;
    font-size: 13px; box-sizing: border-box; font-family: inherit; color: #333;
}
.bh-ue-body .ueInp:focus { border-color: #5bbd9e !important; outline: none; }
.bh-ue-body .ueRow { margin-bottom: 18px; }
.ue-lbl-row {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 6px; gap: 8px;
}
.ue-lbl-row .ueLbl { margin: 0; }
.ue-help { color: #bbb; font-size: 14px; cursor: help; flex-shrink: 0; }
.ue-add-link {
    border: none; background: #5cb85c; color: #fff; padding: 5px 12px;
    border-radius: 4px; font-size: 11px; font-weight: 700; cursor: pointer;
    margin-bottom: 8px; display: inline-flex; align-items: center; gap: 6px;
    font-family: inherit;
}
.ue-add-link:hover { background: #4cae4c; }
.ue-hint {
    font-size: 11px; color: #888; margin: 6px 0 0; line-height: 1.45;
}
.ue-hint--link a { color: #5bbd9e; text-decoration: none; font-weight: 600; }
.ue-hint--link a:hover { text-decoration: underline; }
.ue-textarea { min-height: 88px; resize: vertical; line-height: 1.45; }
.ue-check {
    display: flex; align-items: center; gap: 8px; margin-top: 10px;
    font-size: 12px; color: #555; cursor: pointer; font-weight: 600;
}
.ue-check input { width: 16px; height: 16px; accent-color: #5bbd9e; }
.ue-grid--diger {
    display: grid; grid-template-columns: 1fr 1fr; gap: 32px 40px;
}
.ue-inp-icon { position: relative; }
.ue-inp-icon > i {
    position: absolute; left: 10px; top: 50%; transform: translateY(-50%);
    color: #94a3b8; font-size: 13px; pointer-events: none;
}
.ue-inp-icon .ueInp { padding-left: 32px; }
.ue-tags-inp { min-height: 80px; }

/* Resimler sekmesi */
.bh-ue-resim { padding: 4px 0; }
.bh-ue-resim-grid {
    display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 18px;
}
.bh-ue-resim-thumb {
    position: relative; width: 140px; height: 140px;
    border: 1px solid #e2e8f0; border-radius: 4px; overflow: hidden; background: #f8fafc;
}
.bh-ue-resim-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bh-ue-resim-thumb.is-broken img { display: none; }
.bh-ue-resim-del {
    position: absolute; top: 6px; right: 6px; width: 26px; height: 26px;
    border: none; border-radius: 50%; background: #d9534f; color: #fff;
    cursor: pointer; font-size: 12px; line-height: 1;
}
.bh-ue-resim-add {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    width: 140px; height: 140px; border: 1px solid #d5d5d5; border-radius: 4px;
    background: #fff; cursor: pointer; color: #337ab7; font-family: inherit;
    padding: 12px; gap: 10px;
}
.bh-ue-resim-add i { font-size: 42px; color: #337ab7; }
.bh-ue-resim-add span { font-size: 13px; font-weight: 700; color: #337ab7; }
.bh-ue-resim-add:hover { background: #f8fafc; border-color: #5bc0de; }
.bh-ue-resim-note {
    margin: 20px 0 0; font-size: 12px; color: #888; line-height: 1.5; max-width: 520px;
}

/* Ortak liste sayfasi — bh-page (musteri/satis/alis/tedarikci/teklif) */
.bh-page-host, .bh-page-root { font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif; min-height: 100%; }
.bh-page-toolbar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 14px; }
.bh-page-toolbar-spacer { flex: 1; min-width: 12px; }
.bh-page-btn {
    border: none; border-radius: 5px; height: 30px; padding: 0 12px; font-weight: 700; font-size: 13px;
    cursor: pointer; color: #fff; display: inline-flex; align-items: center; gap: 8px; font-family: inherit;
    box-sizing: border-box; white-space: nowrap;
}
.bh-page-btn--green { background: #5bb75b; }
.bh-page-btn--orange { background: #f0ad4e; color: #1e293b; }
.bh-page-btn--blue { background: #5bc0de; }
.bh-page-btn--red { background: #d9534f; }
.bh-page-btn--cancel { background: #dc2626; color: #fff; }
.bh-page-btn--gray { background: #475569; }
.bh-page-btn--purple { background: #5e40a6; color: #fff; }
.bh-page-btn--teal { background: #0d9488; color: #fff; }
.bh-page-btn--meta { background: #0866ff; color: #fff; }
.bh-page-btn--indigo { background: #4f46e5; color: #fff; }
.bh-page-btn:hover { filter: brightness(0.96); }
.bh-page-badge {
    background: #5cb85c; color: #fff; padding: 6px 12px; border-radius: 4px;
    font-size: 13px; font-weight: 600; white-space: nowrap;
}
.bh-cust-badge {
    background: #5cb85c !important; color: #fff !important;
}
.bh-segmented {
    display: inline-flex; border: 1px solid #ccd0d5; border-radius: 4px; overflow: hidden;
    background: #fff;
}
.bh-segmented__btn {
    border: none; background: #fff; color: #333; padding: 8px 14px;
    font-size: 13px; cursor: pointer; font-family: inherit;
    border-right: 1px solid #ccd0d5;
}
.bh-segmented__btn:last-child { border-right: none; }
.bh-segmented__btn.is-active { background: #3b4d5c; color: #fff; font-weight: 600; }
.bh-md-foot-link { margin: 8px 0 0; font-size: 13px; }
.bh-md-foot-link a { color: #5bb6cc; font-weight: 600; text-decoration: none; }
.bh-md-foot-link a:hover { text-decoration: underline; }
.bh-page-filters {
    background: #fff; padding: 14px 18px; display: flex; gap: 12px; align-items: center;
    flex-wrap: wrap; border-bottom: 1px solid #e2e8f0; border-radius: 8px 8px 0 0;
}
.bh-page-filters select, .bh-page-filters input[type="text"] {
    padding: 9px 12px; border: 1px solid #cbd5e1; border-radius: 6px; font-size: 13px;
}
.bh-page-filters input[type="text"] { min-width: 240px; flex: 1; max-width: 420px; }
.bh-page-filters--sub {
    background: #fff; padding: 0 18px 12px; display: flex; gap: 10px; align-items: center;
    justify-content: flex-end; border-bottom: 1px solid #e2e8f0;
}
.bh-page-dd { position: relative; }
.bh-page-dd-btn {
    padding: 9px 14px; border: 1px solid #cbd5e1; border-radius: 5px; min-width: 220px;
    background: #fff; cursor: pointer; text-align: left; font-size: 13px; color: #475569;
    display: flex; justify-content: space-between; align-items: center; font-family: inherit;
}
.bh-page-dd-panel {
    position: absolute; top: calc(100% + 4px); left: 0; background: #fff; border: 1px solid #cbd5e1;
    border-radius: 5px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); min-width: 240px; z-index: 50; padding: 6px 0;
}
.bh-page-dd-panel label {
    display: flex; align-items: center; padding: 8px 14px; cursor: pointer; font-size: 13px; color: #475569;
}
.bh-page-dd-sub { padding: 4px 0 6px 28px; border-top: 1px solid #f1f5f9; }
.bh-page-period {
    background: #475569; color: #fff; padding: 9px 14px; border: none; border-radius: 5px;
    cursor: pointer; font-size: 13px; font-family: inherit;
}
.bh-page-table-head {
    background: var(--bh-panel-head, #2c3d49); color: #fff; padding: 11px 18px; display: grid; gap: 14px;
    align-items: center; font-size: 13px; font-weight: 600;
}
.bh-page-th.sortable { cursor: pointer; user-select: none; }
.bh-page-th.r { text-align: right; }
.bh-page-th.c { text-align: center; }
.bh-page-list { background: #fff; border-radius: 0 0 10px 10px; min-height: 300px; }
.bh-page-empty { padding: 50px; text-align: center; color: #94a3b8; }
/* Tedarikci / ortak liste satiri — musteri ile ayni olculer */
.bh-page-row {
    display: grid;
    grid-template-columns: var(--bh-list-grid-cols);
    align-items: center;
    height: var(--bh-list-row-h);
    min-height: var(--bh-list-row-h);
    max-height: var(--bh-list-row-h);
    margin: 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid #e8ecef;
    box-sizing: border-box;
}
.bh-page-row:nth-child(odd) { background: #f2f7f9; }
.bh-page-row:nth-child(even) { background: #ffffff; }
.bh-page-pill {
    display: flex; align-items: center; gap: 6px;
    flex: 1; min-width: 0; box-sizing: border-box;
    background: #5bc0de; color: #fff;
    padding: 0 10px;
    height: var(--bh-pill-h);
    max-height: var(--bh-pill-h);
    border-radius: 3px; cursor: pointer;
    font-size: 12px; font-weight: 600; overflow: hidden;
    box-shadow: 0 2px 6px rgba(91, 192, 222, 0.35);
}
.bh-page-pill {
    background: #5eb4c4; color: #fff; padding: 11px 16px; border-radius: 5px; cursor: pointer;
    font-weight: 600; font-size: 14px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
    transition: transform 0.1s, box-shadow 0.1s;
}
.bh-page-pill:hover { transform: translateX(3px); box-shadow: 0 2px 8px rgba(91,192,222,0.35); }
.bh-page-name { font-weight: 700; }
.bh-page-tel-badge {
    background: #5bb75b; color: #fff; padding: 3px 10px; border-radius: 4px; font-size: 12px; font-weight: 600;
}
.bh-page-rep-badge {
    background: rgba(255,255,255,0.25); padding: 3px 10px; border-radius: 4px; font-size: 11px; margin-left: auto;
}
.bh-page-bal { text-align: right; padding: 11px 14px; font-size: 14px; font-weight: 600; }
.bh-page-bal--neg { color: #d9534f; }
.bh-page-bal--pos { color: #475569; }
.bh-page-bal--zero { color: #94a3b8; }
.bh-page-banner {
    padding: 14px 18px; border-radius: 8px; margin-bottom: 14px; font-size: 13px; line-height: 1.5;
}
.bh-page-banner--warn { background: #fef3c7; border: 1px solid #f59e0b; color: #78350f; }
.bh-page-banner--info { background: #e0f2fe; border: 1px solid #7dd3fc; color: #0c4a6e; }
.bh-page-share, .bh-page-copy {
    background: #5bc0de; color: #fff; border: none; width: 34px; height: 34px; border-radius: 50%;
    cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 14px;
}
.bh-page-copy { background: #f0ad4e; color: #1e293b; }
.bh-page-card {
    background: #fff; border-radius: 8px; margin-bottom: 10px; box-shadow: 0 1px 4px rgba(0,0,0,.07);
    overflow: hidden; cursor: pointer; transition: transform 0.1s;
}
.bh-page-card:hover { transform: translateY(-2px); }
.bh-page-card__date { background: #e0f2fe; color: #0369a1; padding: 10px 16px; font-weight: 700; font-size: 13px; }
.bh-page-card__body { padding: 12px 16px; color: #475569; font-size: 13px; }
.bh-page-tabs { display: flex; background: #fff; border-radius: 10px 10px 0 0; border-bottom: 1px solid #e2e8f0; }
.bh-page-tab {
    padding: 14px 24px; cursor: pointer; font-weight: 700; font-size: 14px; color: #94a3b8;
    border-bottom: 3px solid transparent; background: #fff;
}
.bh-page-tab.is-active { color: #5bb75b; border-bottom-color: #5bb75b; }
.bh-page-tab-count {
    background: #f1f5f9; color: #64748b; padding: 2px 8px; border-radius: 10px; font-size: 11px; margin-left: 6px;
}
.bh-page-tab.is-active .bh-page-tab-count { background: #dcfce7; color: #166534; }

/* Satis/alis genis satir — belge listeleri (3 sutunlu cari listesi degil) */
.bh-page-table-head:not(.bh-list-table-head):not(.bh-doc-list-head):not(.bh-teklif-head):not(.bh-efatura-head):not(.bh-ec-sip-head) {
    grid-template-columns: 1fr 180px 180px;
}
.bh-list-table-head { grid-template-columns: var(--bh-list-grid-cols) !important; }
.bh-teklif-head { grid-template-columns: 40px 120px 1fr 140px 120px 100px 120px; }
.bh-doc-list-head { grid-template-columns: 50px 160px 1fr 160px 140px 160px 140px; }
.bh-teklif-row { grid-template-columns: 40px 120px 1fr 140px 120px 100px 120px; }
.bh-doc-sales-row,
.bh-doc-purchase-row {
    display: grid; grid-template-columns: 50px 160px 1fr 160px 140px 160px 140px; gap: 14px;
    align-items: center; padding: 11px 0; border-bottom: 1px solid #f1f5f9;
}
.bh-doc-sales-list > .bh-doc-sales-row,
.bh-doc-purchase-list > .bh-doc-purchase-row { background: #fff; }
.bh-doc-sales-list > .bh-doc-sales-row:nth-child(4n+3),
.bh-doc-purchase-list > .bh-doc-purchase-row:nth-child(4n+3) { background: #f8fafc; }
.bh-doc-expand { cursor: pointer; text-align: center; color: #5bb75b; font-size: 20px; border: 0; background: transparent; padding: 0; line-height: 1; }
.bh-doc-detail {
    display: none; background: #f8fafc; padding: 18px 50px; border-bottom: 1px solid #e2e8f0;
}
.bh-doc-detail.is-open { display: block; }
.bh-doc-sales-sheet .bh-doc-detail--sales {
    padding: 14px 18px 18px 68px;
    background: #f4f7f6;
    box-sizing: border-box;
}
.bh-doc-detail-actions--ref { gap: 10px; margin-bottom: 12px; }
.bh-doc-detail-actions--ref .bh-cust-btn { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12); }
.bh-doc-detail-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.bh-doc-detail-actions--end { justify-content: flex-end; margin-bottom: 0; margin-top: 12px; }
.bh-doc-badge {
    display: inline-block; color: #fff; padding: 4px 12px; border-radius: 3px; font-size: 11px; font-weight: 600;
}
.bh-doc-badge--ok { background: #5bb75b; }
.bh-doc-badge--warn { background: #f0ad4e; color: #1e293b; }
.bh-doc-badge--err { background: #d9534f; }

.bh-satis-btn--green { background: #5bb75b !important; }
.bh-satis-btn--blue { background: #5bc0de !important; }
.bh-satis-btn--red { background: #d9534f !important; }
.bh-satis-btn--orange { background: #f0ad4e !important; color: #1e293b !important; }

/* Anasayfa dashboard (referans) */
.app-content:has(.bh-dash-root) {
    padding: 0 !important;
    background: #eef1f4;
}
.bh-dash-root {
    padding: 16px 18px 22px;
    min-height: 100%;
    box-sizing: border-box;
}
/* Ana Sayfa V5 — Bilsoft tarzı raporlama kutucukları */
.bh-dash-v5-tiles {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 16px;
}
@media (max-width: 1200px) {
    .bh-dash-v5-tiles { grid-template-columns: repeat(2, 1fr); }
}
.bh-dash-v5-tile {
    position: relative;
    overflow: hidden;
    min-height: 96px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 18px;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(18, 38, 63, 0.08);
    transition: transform .15s ease, box-shadow .15s ease;
}
.bh-dash-v5-tile:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px -6px rgba(18, 38, 63, 0.22);
    color: #fff;
}
.bh-dash-v5-bg {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 42px;
    opacity: 0.24;
}
.bh-dash-v5-tile::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0) 55%);
    pointer-events: none;
}
.bh-dash-v5-tv { position: relative; z-index: 2; text-align: right; }
.bh-dash-v5-tl { display: block; font-size: 12.5px; font-weight: 700; opacity: .93; }
.bh-dash-v5-tvb { display: block; font-size: 22px; font-weight: 800; letter-spacing: -.3px; margin-top: 3px; }
.bh-dash-v5-ts { display: block; font-size: 11px; font-weight: 600; opacity: .85; margin-top: 2px; }
.bh-dash-v5-tile.t-blue { background: linear-gradient(135deg, #4f93e6, #3b7dd8); }
.bh-dash-v5-tile.t-red { background: linear-gradient(135deg, #f0596b, #e0445a); }
.bh-dash-v5-tile.t-green { background: linear-gradient(135deg, #3ccf86, #22b378); }
.bh-dash-v5-tile.t-orange { background: linear-gradient(135deg, #f7b13e, #ef9412); }
.bh-dash-v5-tile.t-cyan { background: linear-gradient(135deg, #3fbdd2, #25a7bd); }
.bh-dash-v5-tile.t-indigo { background: linear-gradient(135deg, #7385db, #5468c8); }
.bh-dash-v5-tile.t-teal { background: linear-gradient(135deg, #35bcae, #1fa596); }
.bh-dash-v5-tile.t-purple { background: linear-gradient(135deg, #9575e0, #7b57cf); }
.bh-dash-v5-row4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 16px;
}
.bh-dash-v5-row2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 16px;
}
@media (max-width: 1100px) {
    .bh-dash-v5-row4, .bh-dash-v5-row2 { grid-template-columns: 1fr 1fr; }
}
.bh-dash-v5-card {
    background: #fff;
    border: 1px solid #e7ebf2;
    border-radius: 13px;
    box-shadow: 0 2px 6px rgba(18, 38, 63, 0.06);
}
.bh-dash-v5-ch {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border-bottom: 1px solid #f1f4f8;
}
.bh-dash-v5-dot {
    width: 9px; height: 9px; border-radius: 50%; background: #3aa9bd; flex-shrink: 0;
}
.bh-dash-v5-ct { font-weight: 800; font-size: 12.5px; color: #334155; }
.bh-dash-v5-cs { color: #94a3b8; font-size: 11px; font-weight: 600; }
.bh-dash-v5-more { margin-left: auto; color: #5eb4c4; font-size: 12px; font-weight: 700; text-decoration: none; }
.bh-dash-donutbox {
    padding: 14px 12px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.bh-dash-dleg {
    margin-top: 8px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 12px;
    font-weight: 600;
}
.bh-dash-dleg-r { display: flex; align-items: center; gap: 8px; color: #475569; }
.bh-dash-dleg-r .bh-dash-dleg-d { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; }
.bh-dash-dleg-r b { margin-left: auto; font-weight: 800; color: #1e293b; }
.bh-dash-hesap-list { padding: 8px 12px 12px; max-height: 220px; overflow-y: auto; }
.bh-dash-hesap-row {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 4px; border-bottom: 1px solid #f1f5f9; font-size: 13px;
}
.bh-dash-hesap-ad { font-weight: 700; color: #334155; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bh-dash-hesap-tip { color: #94a3b8; font-size: 11px; font-weight: 600; }
.bh-dash-hesap-bak { font-weight: 800; color: #1e293b; }
.bh-dash-g30 {
    display: flex; align-items: flex-end; gap: 12px; height: 170px; padding: 16px 18px 14px;
}
.bh-dash-g30-col { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; height: 100%; }
.bh-dash-g30-wrap { flex: 1; width: 100%; display: flex; align-items: flex-end; justify-content: center; }
.bh-dash-g30-b { width: 56%; border-radius: 5px 5px 0 0; min-height: 4px; }
.bh-dash-g30-val { font-size: 11px; font-weight: 700; color: #475569; }
.bh-dash-g30-lbl { font-size: 11px; color: #94a3b8; font-weight: 600; }
.bh-dash-kpi--compact { opacity: 0.95; }
.bh-dash-kpi {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-bottom: 14px;
}
.bh-dash-kpi-card {
    color: #fff;
    padding: 20px 24px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 92px;
    margin-bottom: 5px;
}
.bh-dash-kpi-card--ciro { background: #6a8abe; box-shadow: 0 5px 0 0 #5f7cab; }
.bh-dash-kpi-card--masraf { background: #fc8675; box-shadow: 0 5px 0 0 #e27869; }
.bh-dash-kpi-card--stok { background: #5ab6df; box-shadow: 0 5px 0 0 #51a3c8; }
.bh-dash-kpi-card--stok .bh-dash-kpi-val { font-size: 26px; }
.bh-dash-kpi-card i { font-size: 34px; opacity: 0.9; flex-shrink: 0; }
.bh-dash-kpi-val { font-size: 26px; font-weight: 600; line-height: 1.2; text-align: left; flex: 1; }
.bh-dash-kpi-lbl { font-size: 13px; opacity: 0.92; margin-top: 4px; text-align: left; }
.bh-dash-kpi-card--flip { position: relative; perspective: 900px; cursor: pointer; padding: 0; overflow: hidden; }
.bh-dash-kpi-flip-inner { position: absolute; inset: 0; transition: transform .55s cubic-bezier(.4,.2,.2,1); transform-style: preserve-3d; }
.bh-dash-kpi-card--flip.is-flipped .bh-dash-kpi-flip-inner { transform: rotateY(180deg); }
.bh-dash-kpi-face { position: absolute; inset: 0; display: flex; align-items: center; gap: 18px; padding: 20px 24px; backface-visibility: hidden; -webkit-backface-visibility: hidden; box-sizing: border-box; }
.bh-dash-kpi-face--back { transform: rotateY(180deg); }
.bh-dash-kpi-card--clickable { cursor: pointer; transition: filter .15s ease, box-shadow .15s ease; }
.bh-dash-kpi-card--clickable:hover { filter: brightness(1.05); }
.bh-stok-row { border-bottom: 1px solid #eef2f6; transition: background .12s ease; }
.bh-stok-row td { padding: 8px 10px; }
.bh-stok-row:hover { background: #f1f7f9; }
.bh-dash-top {
    display: flex;
    gap: 14px;
    margin-bottom: 14px;
    align-items: flex-start;
    flex-wrap: wrap;
}
/* Masaüstü: tarih/kur/satış zaten app-topbar'da — anasayfa tekrarını gizle */
@media (min-width: 901px) {
    .bh-dash-root > .bh-dash-top {
        display: none !important;
    }
}
.bh-dash-top-date h2 {
    margin: 0 0 6px;
    color: #475569;
    font-size: 18px;
    font-weight: 600;
}
.bh-dash-rates { display: flex; gap: 6px; flex-wrap: wrap; }
.bh-dash-rate {
    color: #fff;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
}
.bh-dash-rate--usd { background: #94a3b8; }
.bh-dash-rate--eur { background: #ef4444; }
.bh-dash-top-stats { display: flex; gap: 10px; flex-wrap: wrap; margin-left: auto; }
.bh-dash-stat {
    background: #fff;
    padding: 12px 18px;
    border-radius: 6px;
    min-width: 140px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}
.bh-dash-stat-lbl { display: block; font-weight: 700; font-size: 11px; color: #94a3b8; }
.bh-dash-stat-val { display: block; font-size: 18px; color: #475569; font-weight: 600; margin-top: 3px; }
.bh-dash-mid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
    align-items: start;
}
@media (max-width: 1200px) { .bh-dash-mid { grid-template-columns: 1fr 1fr; } }
.bh-dash-panel {
    background: #fff;
    padding: 14px 16px;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}
.bh-dash-panel-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e2e8f0;
}
.bh-dash-panel-head--varlik span:first-child { color: #10b981; font-weight: 700; font-size: 13px; letter-spacing: 0.4px; }
.bh-dash-panel-head--borc span:first-child { color: #be123c; font-weight: 700; font-size: 13px; letter-spacing: 0.4px; }
.bh-dash-panel-head--efatura span:first-child { color: #5eb4c4; font-weight: 700; font-size: 13px; letter-spacing: 0.4px; }
.bh-dash-panel-total { color: #475569; font-weight: 700; font-size: 13px; }
.bh-dash-bar { margin-bottom: 9px; }
.bh-dash-bar-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3px;
}
.bh-dash-bar-val { color: #475569; font-weight: 600; font-size: 12px; }
.bh-dash-bar-track {
    height: 16px;
    background: #f0f2f7;
    border-radius: 3px;
    overflow: hidden;
}
.bh-dash-bar-fill {
    height: 100%;
    border-radius: 0;
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-size: 16px 16px;
    transform-origin: left center;
    animation: bhBarGrow .7s cubic-bezier(.22,.61,.36,1);
}
@keyframes bhBarGrow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.bh-dash-bottom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    align-items: start;
}
.bh-dash-bottom-panel--tall { grid-row: span 2; }
.bh-dash-bottom-panel--wide { grid-column: span 3; }
@media (min-width: 1100px) {
    .bh-dash-bottom-panel--wide { grid-column: 1 / -1; }
}
.bh-dash-bottom-panel {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}
.bh-dash-bottom-head {
    color: #fff;
    padding: 12px 18px;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bh-dash-bottom-head--vade { background: #5eb4c4; }
.bh-dash-bottom-head--cek { background: #f59e0b; }
.bh-dash-bottom-head--masraf { background: #94a3b8; }
.bh-dash-bottom-head--vadecek { background: #3b82f6; }
.bh-dash-bottom-head--yeni { background: #86efac; color: #14532d; }
.bh-dash-bottom-head--kredi { background: #dc2626; }
.bh-dash-bottom-head--son { background: #5eb4c4; }
.bh-dash-bottom-head i { cursor: pointer; opacity: 0.85; font-size: 12px; }
.bh-dash-bottom-body {
    max-height: 200px;
    overflow-y: auto;
    padding: 0;
}
.bh-dash-bottom-body--log { max-height: 160px; }
.bh-dash-empty { padding: 24px 18px; text-align: center; color: #94a3b8; font-size: 13px; line-height: 1.5; }
.bh-dash-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 18px;
    border-bottom: 1px solid #f1f5f9;
    cursor: default;
    transition: background .15s ease, padding-left .15s ease;
}
.bh-dash-row[onclick],
a.bh-dash-row {
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    box-sizing: border-box;
}
.bh-dash-row[onclick]:hover,
a.bh-dash-row:hover { background: #eef6f8; padding-left: 22px; }
.bh-dash-row[onclick]:active,
a.bh-dash-row:active { background: #e2eef1; }
.bh-dash-row-title { color: #10b981; font-weight: 600; font-size: 13px; }
.bh-dash-row-sub { color: #94a3b8; font-size: 11px; margin-top: 2px; }
.bh-dash-row-amt { font-weight: 600; color: #475569; font-size: 13px; white-space: nowrap; }
.bh-dash-log {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 18px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 12px;
}
.bh-dash-log-text { color: #475569; flex: 1; line-height: 1.45; }
.bh-dash-log-text b { color: #334155; font-weight: 700; }
.bh-dash-log-time { color: #94a3b8; white-space: nowrap; flex-shrink: 0; font-size: 11px; }
.bh-dash-log--aktivite { flex-wrap: wrap; align-items: center; }
.bh-dash-log--aktivite:hover { background: #f8fafc; }
.bh-dash-log-user { color: #3b82f6; font-weight: 700; font-size: 11px; }
.bh-dash-log-sep { color: #cbd5e1; margin: 0 4px; }
.bh-dash-log-kat--iptal .bh-dash-log-text { color: #b91c1c; }
.bh-dash-log-kat--tahsilat .bh-dash-log-text { color: #047857; }
.bh-dash-log-amt { font-weight: 600; color: #475569; text-align: right; }
.bh-dash-more { text-align: right; padding: 8px 18px 10px; color: #5394b8; font-weight: 600; font-size: 12px; cursor: pointer; display: block; text-decoration: none; }
.bh-dash-more:hover { text-decoration: underline; }
.bh-dash-bar-label--green { color: #10b981; font-weight: 600; font-size: 13px; }
.bh-dash-bar-label--red { color: #be123c; font-weight: 600; font-size: 13px; }
@media (max-width: 1200px) {
    .bh-dash-mid { grid-template-columns: 1fr; }
    .bh-dash-kpi { grid-template-columns: 1fr; }
    .bh-dash-bottom { grid-template-columns: 1fr; }
}

/* Mobil anasayfa — referans dashboard */
body.m3-home-dash-mode .app-mobile-hero { display: none !important; }
body.m3-home-dash-mode .app-content { padding: 0 !important; background: #eef1f4 !important; }
.m3-home-dash .m3-home-dash-hdr { background: #1c222d; color: #fff; border: none; }
.m3-home-dash .m3-home-dash-hdr .ttl { color: #fff; flex: 1; text-align: center; margin-right: -28px; }
.m3-home-dash .m3-home-dash-hdr .back,
.m3-home-dash .m3-home-dash-hdr .fa-bars { color: #fff; }
.m3-home-dash-actions { display: flex; gap: 14px; margin-left: auto; color: #cbd5e1; font-size: 18px; }
.m3-home-dash .m3-scroll { background: #eef1f4; }
.m3-home-dash .bh-dash-root { padding: 12px 10px 24px; min-height: auto; }
.m3-home-dash .bh-dash-top-date h2 { font-size: 15px; }
.m3-home-dash .bh-dash-stat { min-width: 0; flex: 1; padding: 10px 12px; }
.m3-home-dash .bh-dash-stat-val { font-size: 15px; }
.m3-home-dash .bh-dash-kpi-card { min-height: 88px; padding: 18px 14px; }
.m3-home-dash .bh-dash-kpi-val { font-size: 20px; }
.m3-home-dash .bh-dash-bottom-panel--wide { grid-column: 1 / -1; }
.m3-home-dash .bh-dash-bottom-panel--tall { grid-row: auto; }

/* Satis / Alis liste — musteri-urun ile ayni ic bosluk */
.app-content.bh-sales-host,
.app-content.bh-purchase-host {
    padding: 16px 18px !important;
    background: #f4f7f6 !important;
    box-sizing: border-box;
}

/* E-Ticaret merkezi */
.bh-ec-root { font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif; min-height: 100%; }
.bh-ec-panel { padding: 0; background: #fff; border-top: 1px solid #dde4ea; min-height: 320px; }
.bh-ec-tab-row { flex-wrap: wrap; }
.bh-page-table-head.bh-ec-sip-head {
    grid-template-columns: 140px 130px minmax(0, 1fr) 120px 110px !important;
    border-radius: 0;
}
.bh-page-table-head.bh-ec-sip-head--bh {
    grid-template-columns: 130px 170px minmax(0, 1fr) 120px 100px 130px 88px !important;
}
.bh-ec-filter-card {
    background: #eef2f5;
    border-bottom: 1px solid #dde4ea;
    padding: 10px 14px 12px;
}
.bh-ec-filter-hdr {
    font-size: 13px;
    font-weight: 700;
    color: #64748b;
    margin-bottom: 8px;
}
.bh-ec-filter-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px 10px;
}
.bh-ec-filter-row--search { margin-top: 10px; align-items: center; }
.bh-ec-filter-fld { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.bh-ec-filter-fld > span { font-size: 11px; font-weight: 600; color: #64748b; white-space: nowrap; }
.bh-ec-listele-btn { height: 30px; margin-left: auto; }
.bh-ec-sip-row--bh { grid-template-columns: 130px 170px minmax(0, 1fr) 120px 100px 130px 88px; min-height: 46px; }
.bh-ec-sip-cell--stack { white-space: normal; line-height: 1.35; display: flex; flex-direction: column; gap: 2px; align-items: flex-start; }
.bh-ec-sip-no { font-weight: 700; font-variant-numeric: tabular-nums; color: #1e293b; }
.bh-ec-kargo-badge {
    display: inline-block;
    padding: 1px 7px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
}
.bh-ec-kargo-badge--yeni { background: #ffedd5; color: #c2410c; }
.bh-ec-kargo-badge--kargolandi { background: #dcfce7; color: #15803d; }
.bh-ec-kargo-badge--teslim { background: #ede9fe; color: #6d28d9; }
.bh-ec-kargo-badge--iptal { background: #fee2e2; color: #b91c1c; }
.bh-ec-kargo-txt { font-size: 11px; color: #64748b; }
.bh-ec-belge-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}
.bh-ec-belge-badge--taslak { background: #f97316; color: #fff; }
.bh-ec-belge-badge--fatura { background: #22c55e; color: #fff; }
.bh-ec-sip-actions { display: flex; gap: 4px; justify-content: center; }
.bh-ec-mini-btn--teal { color: #0d9488; border-color: #99f6e4; }
.bh-ec-mut-row { min-height: 40px; font-size: 12px; }
.bh-page-table-head.bh-ec-mut-head { font-size: 12px; }
.bh-ec-kpi-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding: 14px; }
.bh-ec-kpi { border-radius: 6px; padding: 14px 16px; color: #fff; display: flex; flex-direction: column; gap: 4px; min-height: 72px; }
.bh-ec-kpi--blue { background: #3b82f6; }
.bh-ec-kpi--red { background: #f87171; }
.bh-ec-kpi--sky { background: #38bdf8; }
.bh-ec-kpi--teal { background: #14b8a6; }
.bh-ec-kpi__icon { font-size: 18px; opacity: 0.9; }
.bh-ec-kpi__val { font-size: 22px; font-weight: 800; font-variant-numeric: tabular-nums; }
.bh-ec-kpi__lbl { font-size: 11px; font-weight: 600; opacity: 0.95; line-height: 1.3; }
.bh-ec-ist-wrap { padding: 0 0 16px; }
.bh-ec-ist-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 0 14px 14px; }
.bh-ec-ist-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 6px; padding: 12px 14px; min-height: 140px; }
.bh-ec-ist-card--wide { grid-column: 1 / -1; }
.bh-ec-ist-card-hdr { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px; font-weight: 700; font-size: 13px; color: #334155; }
.bh-ec-ist-pills { display: flex; gap: 4px; flex-wrap: wrap; }
.bh-ec-ist-pill { height: 26px; padding: 0 10px; border: 1px solid #cbd5e1; background: #fff; border-radius: 4px; font-size: 11px; font-weight: 600; color: #64748b; cursor: pointer; }
.bh-ec-ist-pill.is-active { background: #1e293b; color: #fff; border-color: #1e293b; }
.bh-ec-ist-chart-placeholder { height: 120px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #64748b; background: #f8fafc; border-radius: 4px; font-weight: 600; }
.bh-ec-ist-kanal { font-size: 13px; padding: 6px 0; border-bottom: 1px solid #f1f5f9; }
.bh-ec-ist-kanal-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #f97316; margin-right: 6px; }
.bh-ec-ist-urun { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #f1f5f9; font-size: 13px; }
.bh-ec-ist-urun-adet { color: #64748b; font-weight: 600; }
@media (max-width: 900px) {
    .bh-ec-kpi-row { grid-template-columns: repeat(2, 1fr); }
    .bh-ec-ist-grid { grid-template-columns: 1fr; }
    .bh-ec-int-grid { grid-template-columns: repeat(2, 1fr); }
}
.bh-ec-ayar-wrap { background: #fff; }
.bh-ec-ayar-banner {
    display: flex; gap: 14px; align-items: flex-start; margin: 14px 14px 0;
    padding: 14px 16px; background: #ecfdf5; border: 1px solid #bbf7d0; border-radius: 6px;
}
.bh-ec-ayar-banner > i { font-size: 28px; color: #16a34a; margin-top: 2px; }
.bh-ec-ayar-banner h3 { margin: 0 0 6px; font-size: 15px; color: #166534; }
.bh-ec-ayar-banner p { margin: 0; font-size: 12px; color: #15803d; line-height: 1.45; }
.bh-ec-hub-pills {
    display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 14px 0;
}
.bh-ec-hub-pill {
    height: 30px; padding: 0 14px; border-radius: 15px; border: 1px solid #cbd5e1;
    background: #f1f5f9; color: #475569; font-size: 12px; font-weight: 600; cursor: pointer; font-family: inherit;
}
.bh-ec-hub-pill.is-active { background: #334155; color: #fff; border-color: #334155; }
.bh-ec-int-grid {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; padding: 14px;
}
.bh-ec-int-card {
    position: relative; min-height: 72px; border: 1px solid #e2e8f0; border-radius: 6px;
    background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center;
    padding: 10px; transition: border-color .15s, box-shadow .15s; font-family: inherit;
}
.bh-ec-int-card:hover { border-color: #94a3b8; box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.bh-ec-int-card.is-active { border-color: #22c55e; }
.bh-ec-int-check {
    position: absolute; top: 6px; right: 6px; width: 20px; height: 20px; border-radius: 50%;
    background: #22c55e; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 10px;
}
.bh-ec-int-label { font-size: 12px; font-weight: 700; color: #334155; text-align: center; line-height: 1.25; }
.bh-ec-int--ty .bh-ec-int-label { color: #f27a1a; }
.bh-ec-int--hb .bh-ec-int-label { color: #ff6000; }
.bh-ec-int--am .bh-ec-int-label { color: #232f3e; }
.bh-ec-int--wa .bh-ec-int-label { color: #25d366; }
.bh-ec-hub-empty { padding: 24px 18px; color: #94a3b8; font-size: 13px; text-align: center; }
.bh-ec-aktar-wrap { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; padding: 0 14px 14px; }
.bh-ec-aktar-blok { border: 1px solid #e2e8f0; border-radius: 6px; padding: 10px 12px; background: #fafafa; }
.bh-ec-aktar-hdr { font-weight: 700; font-size: 12px; color: #334155; margin-bottom: 8px; }
.bh-ec-aktar-flds { display: flex; flex-direction: column; gap: 4px; }
.bh-ec-aktar-btn { margin-top: 6px; align-self: flex-start; }
.bh-ec-ayar-detay-hdr {
    display: flex; align-items: center; gap: 12px; padding: 10px 14px 0;
    font-weight: 700; font-size: 13px; color: #334155;
}
.bh-ec-ayar-detay-link { padding: 8px 14px 14px; }
.bh-ec-soru-banner {
    margin: 14px; padding: 14px 16px; background: #ecfdf5; border: 1px solid #bbf7d0; border-radius: 6px;
    font-size: 12px; color: #166534; line-height: 1.45;
}
.bh-ec-soru-banner-foot { margin: 8px 0 0; font-weight: 700; }
.bh-ec-soru-filter { margin: 0 14px 10px; }
.bh-ec-soru-durum-bar {
    margin: 0 14px 10px; padding: 10px 14px; background: #fef9c3; border: 1px solid #fde047;
    border-radius: 4px; font-size: 13px; font-weight: 600; color: #854d0e;
}
.bh-ec-soru-head { grid-template-columns: 120px 100px minmax(0,1fr) minmax(0,2fr) 90px 56px !important; }
.bh-ec-soru-row-grid { grid-template-columns: 120px 100px minmax(0,1fr) minmax(0,2fr) 90px 56px !important; min-height: 40px; font-size: 12px; }
.bh-ec-list-banner {
    margin: 14px; padding: 12px 14px; background: #fef9c3; border: 1px solid #fde047;
    border-radius: 4px; font-size: 12px; color: #854d0e; line-height: 1.45;
}
.bh-ec-es-head, .bh-ec-es-row { grid-template-columns: 90px minmax(0,1.4fr) 90px 120px 90px 56px !important; }
.bh-ec-list-head, .bh-ec-list-row {
    grid-template-columns: 48px 80px minmax(0,1.2fr) 100px repeat(5, 52px) 72px !important;
    min-height: 42px; font-size: 12px;
}
.bh-ec-list-img {
    width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center;
    background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 4px; color: #94a3b8;
}
.bh-ec-list-badge {
    display: inline-block; margin-top: 3px; padding: 1px 6px; border-radius: 4px;
    font-size: 10px; font-weight: 700; background: #ffedd5; color: #c2410c;
}
.bh-ec-list-badge--ty { background: #ffedd5; color: #c2410c; }
.bh-ec-list-ilan { height: 26px; padding: 0 8px; font-size: 11px; white-space: nowrap; }
.bh-ec-fiyat-head, .bh-ec-fiyat-row {
    grid-template-columns: 80px minmax(0,1.4fr) 110px 110px 100px 56px !important; min-height: 40px; font-size: 12px;
}
.bh-ec-fiyat-form-wrap { padding: 0 14px 14px; border-top: 1px solid #e2e8f0; margin-top: 8px; }
.bh-ec-sip-list.bh-page-list { border-radius: 0; min-height: 200px; }
.bh-ec-sip-row {
    display: grid;
    grid-template-columns: 140px 130px minmax(0, 1fr) 120px 110px;
    gap: 14px;
    align-items: center;
    padding: 0 18px;
    min-height: 38.25px;
    border-bottom: 1px solid #e8ecef;
    font-size: 13px;
    box-sizing: border-box;
}
.bh-ec-sip-row:nth-child(odd) { background: #f2f7f9; }
.bh-ec-sip-row:nth-child(even) { background: #ffffff; }
.bh-ec-sip-cell { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bh-ec-sip-cell.r { text-align: right; }
.bh-ec-sip-cell.c { text-align: center; }
.bh-ec-sip-cell--mono { font-variant-numeric: tabular-nums; }
.bh-ec-durum {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    background: #e0f2fe;
    color: #0369a1;
}
.bh-ec-kart-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 14px;
    padding: 18px;
}
.bh-ec-kart {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 18px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    transition: box-shadow 0.15s, border-color 0.15s;
}
.bh-ec-kart:hover {
    border-color: #5bc0de;
    box-shadow: 0 2px 10px rgba(91, 192, 222, 0.25);
}
.bh-ec-kart__icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3d4f63;
    font-size: 18px;
}
.bh-ec-kart__bas { font-weight: 700; font-size: 14px; color: #1e293b; }
.bh-ec-kart__alt { font-size: 12px; color: #64748b; line-height: 1.35; }
.bh-ec-form { padding: 18px; max-width: 520px; display: flex; flex-direction: column; gap: 10px; }
.bh-ec-lbl { font-size: 12px; font-weight: 700; color: #64748b; }
.bh-ec-inp, .bh-ec-txa {
    width: 100%;
    box-sizing: border-box;
    padding: 9px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 13px;
    font-family: inherit;
}
.bh-ec-muted { padding: 0 18px 18px; margin: 0; font-size: 12px; color: #94a3b8; line-height: 1.5; }
.bh-ec-muted code { font-size: 11px; background: #f8fafc; padding: 2px 6px; border-radius: 4px; }
.bh-ec-host { min-height: 100%; }
.bh-ec-toolbar-row {
    display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
    padding: 14px 18px; border-bottom: 1px solid #dde4ea; background: #f8fafc;
}
.bh-ec-meta { margin-left: auto; font-size: 12px; font-weight: 600; color: #64748b; white-space: nowrap; }
.bh-ec-meta .fa-spin { margin-right: 4px; color: #0d9488; }
.bh-ec-inp--sm { width: auto; min-width: 130px; height: 30px; padding: 4px 10px; font-size: 12px; }
.bh-ec-inp--grow { flex: 1; min-width: 180px; }
.bh-ec-inp--xs { padding: 4px 8px; font-size: 12px; min-width: 0; }
.bh-ec-form--wide { max-width: 720px; }
.bh-ec-subtab-row {
    display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 18px 0;
    border-bottom: 1px solid #e2e8f0; background: #fff;
}
.bh-ec-subtab {
    height: 30px; padding: 5px 14px; font-size: 12px; font-weight: 600;
    border: 1px solid #cbd5e1; border-radius: 4px 4px 0 0;
    background: #f8fafc; color: #64748b; cursor: pointer; font-family: inherit;
    border-bottom: none; margin-bottom: -1px;
}
.bh-ec-subtab.is-active { background: #fff; color: #1e293b; border-color: #cbd5e1; border-bottom: 1px solid #fff; }
.bh-ec-stat-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 14px; padding: 18px;
}
.bh-ec-stat {
    background: #fff; border: 1px solid #e2e8f0; border-radius: 8px;
    padding: 16px; display: flex; flex-direction: column; gap: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.bh-ec-stat__val { font-size: 22px; font-weight: 800; color: #1e293b; font-variant-numeric: tabular-nums; }
.bh-ec-stat__lbl { font-size: 11px; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.03em; }
.bh-ec-mini-btn {
    width: 28px; height: 28px; padding: 0; border: 1px solid #cbd5e1; border-radius: 4px;
    background: #fff; color: #475569; cursor: pointer; display: inline-flex;
    align-items: center; justify-content: center; font-size: 12px;
}
.bh-ec-mini-btn:hover { background: #f1f5f9; border-color: #94a3b8; }
.bh-ec-durum--beklemede { background: #fef3c7; color: #b45309; }
.bh-ec-durum--hazirlaniyor { background: #e0f2fe; color: #0369a1; }
.bh-ec-durum--kargoda { background: #dbeafe; color: #1d4ed8; }
.bh-ec-durum--tamamlandi { background: #dcfce7; color: #15803d; }
.bh-ec-durum--iptal { background: #fee2e2; color: #b91c1c; }
.bh-ec-kaynak {
    display: inline-block; margin-left: 4px; padding: 1px 6px; border-radius: 4px;
    font-size: 10px; font-weight: 700; text-transform: lowercase; background: #f1f5f9; color: #64748b;
}
.bh-ec-soru-row { padding: 14px 18px; border-bottom: 1px solid #e8ecef; font-size: 13px; }
.bh-ec-soru-meta { font-size: 11px; color: #94a3b8; margin-bottom: 4px; }
.bh-ec-soru-bas { font-weight: 700; color: #334155; margin-bottom: 6px; }
.bh-ec-soru-msg { color: #64748b; line-height: 1.45; margin-bottom: 8px; }
.bh-ec-soru-yanit {
    background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 6px;
    padding: 8px 10px; font-size: 12px; color: #166534; margin-bottom: 8px;
}
.bh-ec-modal-ov {
    position: fixed; inset: 0; z-index: 10050; background: rgba(15, 23, 42, 0.45);
    display: flex; align-items: center; justify-content: center; padding: 16px;
}
.bh-ec-modal {
    background: #fff; border-radius: 10px; width: min(520px, 96vw); max-height: 90vh;
    overflow: auto; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
}
.bh-ec-modal-hdr { padding: 14px 18px; font-weight: 700; background: #f8fafc; border-bottom: 1px solid #e2e8f0; }
.bh-ec-modal-body { padding: 16px 18px; font-size: 13px; color: #475569; }
.bh-ec-modal-ftr {
    padding: 12px 18px; border-top: 1px solid #e2e8f0;
    display: flex; gap: 8px; justify-content: flex-end;
}
.bh-ec-mini-table { width: 100%; border-collapse: collapse; font-size: 12px; margin-top: 10px; }
.bh-ec-mini-table th, .bh-ec-mini-table td { padding: 8px 10px; border-bottom: 1px solid #f1f5f9; text-align: left; }
.bh-ec-mini-table th { background: #f8fafc; color: #64748b; font-weight: 600; }
.bh-ec-mini-table .r { text-align: right; }

/* E-Ticaret — WhatsApp Meta baglanti rehberi */
.bh-ec-wa-guide { margin-bottom: 14px; }
.bh-ec-wa-steps { border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden; margin-bottom: 8px; }
.bh-ec-wa-step { border-bottom: 1px solid #e2e8f0; }
.bh-ec-wa-step:last-child { border-bottom: none; }
.bh-ec-wa-step-hd {
    width: 100%; text-align: left; padding: 10px 12px; background: #f8fafc; border: none;
    font-size: 13px; font-weight: 600; color: #334155; cursor: pointer; display: flex; align-items: center; gap: 8px;
}
.bh-ec-wa-step-hd:hover { background: #f1f5f9; }
.bh-ec-wa-step-num {
    display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px;
    border-radius: 50%; background: #0ea5e9; color: #fff; font-size: 11px; font-weight: 700; flex-shrink: 0;
}
.bh-ec-wa-step-bd {
    display: block; padding: 8px 12px 12px 42px; font-size: 12px; color: #64748b; line-height: 1.5;
}
.bh-ec-wa-step:not(.is-open) .bh-ec-wa-step-bd { display: none; }
.bh-ec-wa-actions {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
    padding: 10px 0; margin: 8px 0; background: transparent; border-bottom: none;
}
.bh-ec-wa-actions .bh-page-btn {
    min-height: 30px; padding: 6px 14px; font-size: 12px; font-weight: 600;
    border-radius: 4px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
}
.bh-ec-wa-actions .bh-page-btn--orange { color: #1e293b; }
.bh-ec-wa-actions .bh-page-btn:hover { filter: brightness(0.92); transform: translateY(-1px); }
.bh-ec-wa-test-list { display: flex; flex-direction: column; gap: 6px; }
.bh-ec-wa-test-row {
    display: flex; gap: 10px; align-items: flex-start; padding: 8px 10px; border-radius: 6px;
    border: 1px solid #e2e8f0; background: #fff; font-size: 12px;
}
.bh-ec-wa-test-row.is-ok { border-color: #bbf7d0; background: #f0fdf4; }
.bh-ec-wa-test-row.is-ok .bh-ec-wa-test-ico { color: #16a34a; }
.bh-ec-wa-test-row.is-fail { border-color: #fecaca; background: #fef2f2; }
.bh-ec-wa-test-row.is-fail .bh-ec-wa-test-ico { color: #dc2626; }
.bh-ec-wa-test-ico { font-size: 16px; line-height: 1.2; flex-shrink: 0; }

/* Referans kiyas — ?ref=1 veya localStorage bisso_ref_dev=1 */
.bh-ref-dev-dock {
    position: fixed;
    bottom: 72px;
    right: 14px;
    z-index: 10050;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
    padding: 6px;
    max-width: 168px;
}
.bh-ref-dev-dock a { display: block; text-decoration: none; }
.bh-ref-dev-dock img {
    width: 140px;
    height: auto;
    display: block;
    border-radius: 4px;
    border: 1px solid #f1f5f9;
}
.bh-ref-dev-dock__lbl {
    display: block;
    text-align: center;
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
    margin-top: 4px;
    word-break: break-all;
}
.bh-doc-sales-sheet .bh-page-table-head,
.bh-doc-purchase-sheet .bh-page-table-head { border-radius: 0; }

/* Satışlar listesi — referans (satışlar/1.png) */
.bh-doc-sales-filters,
.bh-doc-sales-search {
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.bh-doc-sales-search {
    justify-content: flex-end;
    border-bottom: 1px solid #dde4ea;
}
.bh-doc-sales-search .bh-cust-search-inp {
    min-width: 280px;
    width: min(360px, 42vw);
}
.bh-page-select {
    padding: 9px 14px;
    border: 1px solid #cbd5e1;
    border-radius: 5px;
    font-size: 13px;
    font-family: inherit;
    background: #fff;
    color: #475569;
    cursor: pointer;
}
.bh-page-select--period {
    background: #475569;
    color: #fff;
    border: none;
}
.bh-page-select--sm {
    height: 28px;
    padding: 2px 8px;
    font-size: 12px;
}
.bh-page-dd-item {
    display: flex;
    align-items: center;
    padding: 8px 14px;
    cursor: pointer;
    font-size: 13px;
    color: #475569;
    gap: 8px;
}
.bh-page-dd-item--sub { font-size: 12px; color: #64748b; padding: 6px 14px 6px 28px; }
.bh-page-dd-item input { width: 14px; height: 14px; cursor: pointer; }
.bh-doc-iptal-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #64748b;
    cursor: pointer;
    user-select: none;
}
.bh-doc-iptal-toggle input { width: 18px; height: 18px; cursor: pointer; }
.bh-doc-sales-sheet .bh-doc-row,
.bh-doc-sales-sheet .bh-page-table-head.bh-doc-list-head {
    padding-left: 18px;
    padding-right: 18px;
    box-sizing: border-box;
}
.bh-doc-sales-row {
    min-height: 38.25px;
    font-size: 13px;
    color: #475569;
}
.bh-doc-cell--name { cursor: pointer; min-width: 0; }
.bh-doc-name-main { font-weight: 600; color: #475569; }
.bh-doc-name-sub { color: #94a3b8; font-size: 11px; margin-top: 2px; }
.bh-doc-sales-channel {
    display: inline-flex;
    width: fit-content;
    margin-top: 4px;
    padding: 3px 7px;
    border-radius: 999px;
    background: #eef7ff;
    color: #2568b8;
    border: 1px solid #d6eaff;
    font-weight: 800;
}
.bh-doc-cell--amt { font-weight: 500; font-variant-numeric: tabular-nums; }
.bh-doc-detail-table {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
}
.bh-doc-detail-head,
.bh-doc-detail-line {
    display: grid;
    grid-template-columns: 80px 1fr 140px 180px;
    gap: 14px;
    align-items: center;
    padding: 10px 16px;
}
.bh-doc-detail-head {
    background: #f8fafc;
    font-size: 11px;
    font-weight: 600;
    color: #94a3b8;
    border-bottom: 1px solid #e2e8f0;
}
.bh-doc-detail-line { border-bottom: 1px solid #f1f5f9; padding: 12px 16px; }
.bh-doc-detail-head .r,
.bh-doc-detail-line .r { text-align: right; }
.bh-doc-detail-thumb {
    width: 60px;
    height: 60px;
    background: #f1f5f9;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cbd5e1;
    overflow: hidden;
}
.bh-doc-detail-thumb img { width: 100%; height: 100%; object-fit: cover; }
.bh-doc-detail-empty { padding: 18px; text-align: center; color: #94a3b8; }
.bh-doc-detail-foot {
    padding: 10px 16px;
    background: #f8fafc;
    color: #64748b;
    font-size: 11px;
    border-top: 1px solid #e2e8f0;
}
.bh-doc-purchase-sheet .bh-doc-row,
.bh-doc-purchase-sheet .bh-page-table-head.bh-doc-list-head {
    padding-left: 18px;
    padding-right: 18px;
    box-sizing: border-box;
}
.bh-doc-purchase-row {
    min-height: 38.25px;
    font-size: 13px;
    color: #475569;
}
.bh-doc-purchase-list { border-radius: 0; min-height: 400px; }
.bh-doc-sales-list { border-radius: 0; min-height: 400px; }

/* e-Fatura modülü */
.bh-efatura-tabs { margin-bottom: 0; border-radius: 8px 8px 0 0; overflow: hidden; }
.bh-efatura-sheet { border-radius: 0 0 8px 8px; }
.bh-efatura-head { grid-template-columns: 110px 1fr 140px 120px 100px 140px; }
.bh-efatura-list .bh-efatura-row {
    display: grid;
    grid-template-columns: 110px 1fr 140px 120px 100px 140px;
    gap: 14px;
    align-items: center;
    padding: 10px 18px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 13px;
    color: #475569;
    box-sizing: border-box;
}
.bh-efatura-list .bh-efatura-row:nth-child(even) { background: #f8fafc; }
.bh-efatura-list .bh-doc-cell.r { text-align: right; font-variant-numeric: tabular-nums; }
.bh-efatura-list .bh-doc-cell.c { text-align: center; }
.bh-efatura-row { grid-template-columns: 110px 1fr 140px 120px 100px 140px; padding: 10px 18px; }
.bh-efatura-actions { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.bh-efatura-islem-dd { display: inline-block; }
.bh-efatura-islem-btn {
    font-size: 12px; padding: 5px 12px; border: 1px solid #ccc; border-radius: 4px;
    background: #fff; cursor: pointer; font-family: inherit; color: #333; font-weight: 600;
}
.bh-efatura-islem-btn:hover { background: #f8fafc; border-color: #94a3b8; }
.bh-efatura-toolbar { margin: 8px 0 10px; }
.bh-efatura-modal-ov {
    position: fixed; inset: 0; background: rgba(15, 23, 42, 0.45); z-index: 10050;
    display: flex; align-items: center; justify-content: center; padding: 16px;
}
.bh-efatura-modal {
    background: #fff; border-radius: 10px; width: min(440px, 96vw); overflow: hidden;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
}
.bh-efatura-modal__head { padding: 14px 18px; font-weight: 700; background: #f8fafc; border-bottom: 1px solid #e2e8f0; }
.bh-efatura-modal__body { padding: 18px; display: flex; flex-direction: column; gap: 10px; }
.bh-efatura-modal__body label { font-size: 12px; font-weight: 600; color: #64748b; }
.bh-ef-input {
    width: 100%; padding: 9px 12px; border: 1px solid #cbd5e1; border-radius: 6px;
    font-size: 13px; font-family: inherit;
}
.bh-efatura-modal__foot {
    padding: 12px 18px; border-top: 1px solid #e2e8f0; display: flex; gap: 8px; justify-content: flex-end;
}
.bh-efatura-settings__head { padding: 16px 20px; font-weight: 700; font-size: 16px; border-bottom: 1px solid #e2e8f0; }
.bh-efatura-settings__body { padding: 16px 20px; }
.bh-efatura-providers {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; margin-top: 14px;
}
.bh-efatura-provider-card {
    background: #fff; border-radius: 8px; padding: 16px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
.bh-efatura-provider-card h3 { margin: 0 0 12px; font-size: 15px; }
.bh-efatura-provider-card label {
    display: block; margin: 10px 0 4px; font-size: 12px; font-weight: 600; color: #64748b;
}
.bh-efatura-provider-card .bh-page-btn { margin-top: 12px; }
.bh-efatura-root .bh-doc-fields .bh-doc-row,
.bh-settings-root .bh-doc-fields .bh-doc-row,
.bh-efatura-settings .bh-doc-row {
    display: grid !important;
    grid-template-columns: minmax(140px, 180px) 1fr !important;
    align-items: center;
    gap: 10px 14px;
    padding: 10px 0;
    border-bottom: 1px solid #f1f5f9;
}
.bh-efatura-root .bh-doc-fields .bh-doc-row label,
.bh-settings-root .bh-doc-fields .bh-doc-row label,
.bh-efatura-settings .bh-doc-row label {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
}
.bh-efatura-settings .bh-ef-input { box-sizing: border-box; }
.bh-efatura-settings .bh-doc-row--chk { align-items: start; }
.bh-efatura-settings .bh-doc-row .bh-sablon-chk {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 500;
    color: #334155;
}
.bh-efatura-settings .bh-doc-row .bh-sablon-chk input { margin-top: 3px; flex-shrink: 0; }
.bh-efatura-root { max-width: 960px; }
.bh-tah-modal .bh-doc-fields.bh-settings-form .bh-doc-row {
    display: grid !important;
    grid-template-columns: minmax(120px, 150px) 1fr !important;
    align-items: center;
    gap: 8px 12px;
    padding: 8px 0;
    border-bottom: 1px solid #f1f5f9;
}
.bh-tah-modal .bh-doc-fields.bh-settings-form .bh-doc-row:last-child { border-bottom: none; }
.bh-tah-modal .bh-doc-fields.bh-settings-form .bh-doc-row label {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
}
.bh-tah-modal .bh-doc-fields.bh-settings-form .bh-ef-input { width: 100%; box-sizing: border-box; }
@media (max-width: 720px) {
    .bh-settings-root .bh-doc-fields .bh-doc-row,
    .bh-efatura-settings .bh-doc-row,
    .bh-tah-modal .bh-doc-fields.bh-settings-form .bh-doc-row {
        grid-template-columns: 1fr !important;
        align-items: start;
    }
    .bh-settings-hub-grid { grid-template-columns: 1fr !important; }
    .bh-efatura-providers { grid-template-columns: 1fr; }
    .bh-efatura-list .bh-efatura-row,
    .bh-efatura-head {
        grid-template-columns: 90px 1fr 100px !important;
        font-size: 12px;
    }
    .bh-efatura-list .bh-efatura-row .bh-doc-cell:nth-child(n+4),
    .bh-efatura-head .bh-page-th:nth-child(n+4) { display: none; }
}

/* Fiyat listesi detay */
.bh-fiyat-pill { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.bh-fiyat-detay-head { grid-template-columns: 120px 1fr 100px 140px; }
.bh-fiyat-urun-row {
    display: grid; grid-template-columns: 120px 1fr 100px 140px; gap: 12px;
    align-items: center; padding: 8px 18px; border-bottom: 1px solid #f1f5f9;
}
.bh-fiyat-urun-inp {
    width: 100%; padding: 7px 10px; border: 1px solid #cbd5e1; border-radius: 5px; text-align: right;
}
.bh-fiyat-detay-filters { margin-bottom: 12px; border-radius: 8px; }
.bh-print-btn-yazdir--alt { margin-left: 8px; background: #475569; }
.bh-print-modal--sablon { max-width: 420px; }
.bh-print-modal--preview { max-width: min(960px, 96vw); width: 960px; }
.bh-print-modal__split { display: flex; gap: 12px; padding: 12px 14px 0; min-height: 420px; }
.bh-print-sablon-list { display: flex; flex-direction: column; gap: 6px; flex: 0 0 240px; max-height: 420px; overflow-y: auto; }
.bh-print-preview-wrap {
    flex: 1; min-width: 0; background: #cbd5e1; border-radius: 8px; overflow: hidden;
    min-height: 400px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06);
}
.bh-print-preview-wrap iframe { width: 100%; height: 100%; min-height: 400px; border: 0; background: #fff; display: block; }
.bh-print-inline-preview {
    position: fixed; inset: 0; z-index: 100500; background: rgba(15, 23, 42, 0.82);
    display: flex; flex-direction: column; padding: 12px; box-sizing: border-box;
}
.bh-print-inline-preview__head {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 10px 14px; background: #1e293b; color: #f8fafc; border-radius: 8px 8px 0 0;
    font-weight: 700; font-size: 14px;
}
.bh-print-inline-preview__close {
    border: 0; background: transparent; color: #f8fafc; font-size: 24px; line-height: 1;
    cursor: pointer; padding: 0 4px;
}
.bh-print-inline-preview__frame {
    flex: 1; width: 100%; border: 0; border-radius: 0 0 8px 8px; background: #fff; min-height: 0;
}
.bh-print-sablon-row {
    display: flex; align-items: center; justify-content: space-between; width: 100%;
    padding: 10px 12px; border: 1px solid #e2e8f0; border-radius: 8px; cursor: pointer; text-align: left;
    background: #fff; color: #1e293b; font-weight: 600; font-size: 13px;
}
.bh-print-sablon-row:hover { border-color: #0d9488; background: #f0fdfa; }
.bh-print-sablon-row.is-active { border-color: #0d9488; background: #ccfbf1; color: #0f766e; }
.bh-print-sablon-row--last { background: #f8fafc; }
.bh-print-sablon-row i { opacity: 0.85; }
.bh-print-sablon-link { display: block; margin-top: 10px; font-size: 12px; color: #0d9488; text-align: center; }

/* Belge sablon editoru */
/* Liste — referans (yatay çubuklar) */
.bh-sablon-root { background: #f4f7f6; }
.bh-sablon-toolbar { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 14px; }
.bh-sablon-toolbar .bh-page-btn { min-height: 36px; padding: 8px 16px; font-size: 13px; font-weight: 700; border-radius: 4px; border: none; cursor: pointer; }
.bh-sablon-kopya-modal label { display: block; font-size: 11px; font-weight: 600; color: #64748b; margin: 10px 0 4px; }
.bh-sablon-kopya-modal .bh-fr-tip-modal__foot { display: flex; gap: 8px; justify-content: flex-end; }
.bh-sablon-liste { display: flex; flex-direction: column; gap: 10px; padding: 16px 18px; background: #fff; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
.bh-sablon-bar { display: flex; align-items: center; gap: 14px; background: #5bc0de; color: #fff; border-radius: 4px; padding: 15px 20px; cursor: pointer; transition: filter 0.15s ease; box-shadow: 0 2px 5px rgba(0,0,0,0.12); }
.bh-sablon-bar:hover { filter: brightness(0.96); }
.bh-sablon-bar__ad { font-weight: 700; font-size: 14px; flex: 1; }
.bh-sablon-bar__badge { background: rgba(255,255,255,0.92); color: #1e293b; font-size: 11px; font-weight: 700; padding: 4px 11px; border-radius: 3px; white-space: nowrap; }
.bh-sablon-bar__badge--teklif { color: #0d9488; }
.bh-sablon-bar__badge--satis { color: #2563eb; }
.bh-sablon-bar__badge--fatura { background: #5cb85c; color: #fff; }
.bh-sablon-bar__badge--irsaliye { background: #f0ad4e; color: #fff; }
.bh-sablon-bar__badge--alis { background: #5cb85c; color: #fff; }
.bh-sablon-bar__badge--ozel { color: #0d9488; }
.bh-sablon-bar__badge--proforma { color: #2563eb; }
.bh-sablon-bar .bh-sablon-kart__meta { display: none; }
/* Kart (geriye dönük) */
.bh-sablon-kart {
    background: #fff; border-radius: 8px; padding: 14px 16px; cursor: pointer;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06); border: 1px solid #e2e8f0;
    transition: transform 0.1s, box-shadow 0.1s;
}
.bh-sablon-kart:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); }
.bh-sablon-kart__tip { font-size: 10px; font-weight: 700; color: #0d9488; text-transform: uppercase; }
.bh-sablon-kart__ad { font-size: 16px; font-weight: 800; color: #1e293b; margin: 4px 0; }
.bh-sablon-kart__baslik { font-size: 12px; color: #64748b; }
.bh-sablon-kart__meta { font-size: 11px; color: #94a3b8; margin-top: 6px; }
/* Editör ayar açılır menüleri (referans: görünsün/görünmesin) */
.bh-sablon-section--genel .bh-sablon-section__title { background: #5b6b7e; color: #fff; padding: 8px 12px; border-radius: 5px; margin: 0 -2px 12px; font-size: 12px; letter-spacing: .02em; }
.bh-sablon-sel-grid { display: flex; flex-direction: column; gap: 10px; }
.bh-sablon-sel select { width: 100%; }
.bh-sablon-sel__note { display: block; font-size: 11px; color: #94a3b8; margin-top: 3px; }
/* Şablon modülü — BH gibi üst KPI/arama barı yok (liste + editör) */
body.bh-sablon-module-mode .app-topbar,
body.bh-sablon-module-mode .app-mobile-hero { display: none !important; }
body.bh-sablon-module-mode .app-main-scroll { flex: 1 1 auto; min-height: 0; }
body.bh-sablon-editor-mode .app-main-scroll { overflow: hidden !important; }
.app-content.bh-sablon-editor-host {
    padding: 8px 12px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    gap: 0 !important;
}
.bh-sablon-editor-chrome {
    flex-shrink: 0;
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 0 4px 8px;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 8px;
    background: #fff;
}
.bh-sablon-editor-chrome__title { font-size: 14px; font-weight: 700; color: #334155; }
.bh-sablon-editor-actions { display: flex; gap: 10px; margin-bottom: 8px; flex-shrink: 0; }
.bh-sablon-editor-host .bh-sablon-editor-grid {
    display: grid;
    grid-template-columns: 1fr minmax(280px, 340px);
    gap: 12px;
    align-items: stretch;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}
.bh-sablon-form--bh {
    padding: 12px 14px;
    height: 100%;
    max-height: none;
    overflow-y: auto;
    box-shadow: 0 1px 3px rgba(0,0,0,.06);
    background: #fff;
    border-radius: 6px;
}
.bh-sablon-bh-lbl { display: block; font-size: 11px; font-weight: 600; color: #64748b; margin: 10px 0 4px; }
.bh-sablon-editor-host .bh-sablon-preview-wrap {
    background: #d8dde3;
    border-radius: 6px;
    overflow: auto;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    -webkit-overflow-scrolling: touch;
}
.bh-sablon-editor-host .bh-sablon-preview-frame {
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    border: none;
    background: #d8dde3;
    overflow: hidden;
}
.bh-sablon-del-row { margin-top: 12px; padding-top: 12px; border-top: 1px solid #f1f5f9; }
.bh-sablon-bh-modal__head {
    background: #5cb85c; color: #fff; padding: 12px 16px; font-weight: 700; font-size: 15px;
    display: flex; align-items: center; justify-content: space-between;
}
.bh-sablon-bh-modal__x {
    background: transparent; border: none; color: #fff; font-size: 22px; line-height: 1; cursor: pointer; padding: 0 4px;
}
.bh-sablon-bh-modal__body { padding: 18px 16px; }
.bh-sablon-bh-modal__body h3 { margin: 0; font-size: 16px; font-weight: 600; color: #334155; text-align: center; }
.bh-sablon-bh-modal__foot { padding: 10px 16px 16px; border-top: 1px solid #f1f5f9; text-align: center; }
.bh-sablon-bh-modal__foot--end { text-align: right; }
.bh-sablon-preview-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.bh-sablon-print-btn { height: 30px; padding: 4px 12px; font-size: 12px; }
@media (max-width: 1100px) {
    .bh-sablon-editor-host .bh-sablon-editor-grid { grid-template-columns: 1fr; }
    .bh-sablon-editor-host .bh-sablon-preview-wrap { min-height: 0; flex: 1 1 45vh; height: auto; }
}
.bh-sablon-form:not(.bh-sablon-form--bh) { padding: 16px 18px; max-height: calc(100vh - 160px); overflow-y: auto; }
.bh-sablon-editor-host .bh-sablon-form--bh { max-height: none !important; }
.bh-sablon-section { margin-bottom: 18px; padding-bottom: 16px; border-bottom: 1px solid #f1f5f9; }
.bh-sablon-section__title { font-weight: 700; font-size: 13px; color: #475569; margin-bottom: 10px; }
.bh-sablon-form label { display: block; font-size: 11px; font-weight: 600; color: #64748b; margin: 10px 0 4px; }
.bh-sablon-chk-grid { display: flex; flex-direction: column; gap: 8px; }
.bh-sablon-chk { display: flex; align-items: flex-start; gap: 8px; font-size: 12px; color: #475569; cursor: pointer; }
.bh-sablon-chk input { margin-top: 2px; width: 16px; height: 16px; flex-shrink: 0; }
.bh-sablon-chk small { display: block; color: #94a3b8; font-weight: 400; }
.bh-sablon-logo-row { display: flex; gap: 14px; align-items: flex-start; }
.bh-sablon-logo-prev {
    width: 120px; min-height: 72px; border: 2px dashed #cbd5e1; border-radius: 6px;
    display: flex; align-items: center; justify-content: center; font-size: 11px; color: #94a3b8; overflow: hidden;
}
.bh-sablon-logo-prev img { max-width: 100%; max-height: 72px; object-fit: contain; }
.bh-sablon-preview-wrap { padding: 0; overflow: hidden; min-height: 520px; }
.bh-sablon-preview-head { padding: 12px 16px; font-weight: 700; background: #f8fafc; border-bottom: 1px solid #e2e8f0; }
.bh-sablon-preview-frame { width: 100%; min-height: 480px; border: none; background: #e2e8f0; }

/* Fatura / İrsaliye şablon (referans NgnRuler) */
/* Ayarlar hub — şablon sprint */
.bh-settings-hub-section { margin-bottom: 20px; }
.bh-settings-hub-section__title {
    font-size: 12px; font-weight: 800; color: #64748b; text-transform: uppercase;
    letter-spacing: 0.04em; margin: 0 0 10px 4px;
}
.bh-settings-hub-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px;
}
.bh-settings-hub-kart { min-height: 72px; }
.bh-fr-tip-overlay {
    position: fixed; inset: 0; z-index: 10050; background: rgba(15, 23, 42, 0.45);
    display: flex; align-items: center; justify-content: center; padding: 16px;
}
.bh-fr-tip-modal {
    background: #fff; border-radius: 8px; max-width: 360px; width: 100%;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18); overflow: hidden;
}
.bh-fr-tip-modal__head {
    padding: 14px 16px; font-weight: 700; font-size: 15px; border-bottom: 1px solid #e2e8f0;
}
.bh-fr-tip-modal__body { padding: 14px 16px; display: flex; flex-direction: column; gap: 8px; }
.bh-fr-tip-modal__foot {
    padding: 10px 16px 14px; border-top: 1px solid #f1f5f9; text-align: right;
}
.bh-print-sablon-row--last {
    border: 2px solid #0d9488 !important; background: #f0fdfa !important;
}
.bh-sablon-nav {
    display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; align-items: center;
}
.bh-sablon-nav__btn {
    height: 30px; padding: 6px 14px; font-size: 12px; font-weight: 600; border-radius: 4px;
    border: 1px solid #cbd5e1; background: #fff; color: #475569; cursor: pointer;
    text-decoration: none; display: inline-flex; align-items: center; box-sizing: border-box;
}
.bh-sablon-nav__btn.is-on {
    background: #2c3d49; color: #fff; border-color: #2c3d49;
}
.bh-sablon-nav__btn:hover { filter: brightness(1.03); }
.bh-etiket-editor-split {
    display: grid; grid-template-columns: 1fr 220px; gap: 14px; align-items: start;
}
@media (max-width: 900px) {
    .bh-etiket-editor-split { grid-template-columns: 1fr; }
}
.bh-etiket-preview-wrap { padding: 0; min-height: 200px; }
.bh-etiket-preview-frame {
    width: 100%; min-height: 200px; border: none; background: #f8fafc;
}

.bh-fatura-root { min-height: 100%; }
.bh-fatura-page { max-width: 720px; margin: 0 auto; padding: 18px 20px 32px; }
.bh-fatura-banner {
    display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; margin-bottom: 16px;
    background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%); border: 1px solid #a7f3d0;
    border-radius: 8px; font-size: 13px; color: #065f46;
}
.bh-fatura-banner i { font-size: 20px; margin-top: 2px; color: #059669; }
.bh-fatura-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }
.bh-fatura-btn {
    display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border: none; border-radius: 6px;
    font-size: 14px; font-weight: 700; cursor: pointer; color: #fff; box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}
.bh-fatura-btn--green { background: linear-gradient(180deg, #22c55e 0%, #16a34a 100%); }
.bh-fatura-btn--orange { background: linear-gradient(180deg, #fb923c 0%, #ea580c 100%); }
.bh-fatura-btn--demo { background: #fff; color: #475569; border: 1px solid #cbd5e1; box-shadow: none; }
.bh-fatura-btn:hover { filter: brightness(1.05); }
.bh-fatura-liste { display: flex; flex-direction: column; gap: 10px; }
.bh-fatura-sablon-row {
    display: flex; align-items: center; gap: 14px; width: 100%; padding: 16px 20px; text-align: left;
    background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%); border: none; border-radius: 8px;
    color: #fff; cursor: pointer; box-shadow: 0 3px 10px rgba(37,99,235,0.35);
}
.bh-fatura-sablon-row i:first-child { font-size: 22px; opacity: 0.9; }
.bh-fatura-sablon-row__ad { flex: 1; font-size: 17px; font-weight: 800; }
.bh-fatura-sablon-row__meta { font-size: 12px; opacity: 0.85; }
.bh-fatura-sablon-row__ok { opacity: 0.7; }
.bh-fatura-empty { color: #64748b; font-size: 14px; padding: 12px 4px; }
.bh-fatura-perm {
    margin: 16px 20px 0; padding: 14px 16px; background: #fef2f2; border: 1px solid #fecaca;
    border-radius: 8px; font-size: 13px; color: #991b1b;
}
.bh-fatura-perm code { background: #fff; padding: 2px 6px; border-radius: 4px; font-size: 12px; }
.bh-fatura-demo-bar {
    padding: 10px 16px; background: #fffbeb; border-bottom: 1px solid #fde68a;
    font-size: 13px; color: #92400e;
}
.bh-fatura-demo-bar i { margin-right: 8px; }
.bh-fatura-local-bar {
    margin: 0 0 12px; padding: 12px 14px; background: #eff6ff; border: 1px solid #93c5fd;
    border-radius: 8px; font-size: 13px; color: #1e40af;
}
.bh-fatura-local-bar i { margin-right: 8px; }

.bh-ruler-tbtn {
    height: 30px; padding: 6px 12px; font-size: 13px; font-weight: 600; border-radius: 4px;
    border: 1px solid #cbd5e1; background: #fff; color: #334155; cursor: pointer;
}
.bh-ruler-tbtn--green { background: linear-gradient(180deg, #22c55e 0%, #16a34a 100%); color: #fff; border-color: #16a34a; }
.bh-ruler-tbtn--red { background: #ef4444; color: #fff; border-color: #dc2626; }
.bh-ruler-page { display: flex; flex-direction: column; min-height: calc(100vh - 56px); background: #e8eceb; }
.bh-ruler-toolbar {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 16px;
    background: #fff; border-bottom: 1px solid #d1d5db;
}
.bh-ruler-toolbar__sp { flex: 1; min-width: 8px; }
.bh-ruler-tbtn {
    display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 5px;
    border: 1px solid #cbd5e1; background: #fff; font-size: 13px; font-weight: 600; color: #334155; cursor: pointer;
}
.bh-ruler-tbtn--green { background: #16a34a; border-color: #15803d; color: #fff; }
.bh-ruler-tbtn--red { background: #dc2626; border-color: #b91c1c; color: #fff; }
.bh-ruler-workspace {
    display: grid; grid-template-columns: 1fr minmax(300px, 380px); gap: 0; flex: 1; min-height: 0;
}
@media (max-width: 1000px) {
    .bh-ruler-workspace { grid-template-columns: 1fr; }
}
.bh-ruler-canvas-wrap { padding: 16px; overflow: auto; }
.bh-ruler-canvas-hint { font-size: 12px; color: #64748b; margin: 0 0 10px; }
.bh-ruler-canvas {
    background: #d4d4d8; padding: 24px 20px 32px; border-radius: 4px; min-height: 520px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06);
}
.bh-ruler-ruler-h {
    display: flex; justify-content: space-between; padding: 0 40px 6px 28px;
    font-size: 9px; color: #71717a; border-bottom: 1px solid #a1a1aa; margin-bottom: 8px;
}
.bh-ruler-canvas-inner {
    background: #fff; min-height: 480px; box-shadow: 0 4px 20px rgba(0,0,0,0.15); margin: 0 auto; max-width: 210mm;
}
.bh-ruler-preview-frame { width: 100%; min-height: 480px; border: none; display: block; }
.bh-ruler-panel {
    background: #4b5563; color: #f9fafb; overflow-y: auto; max-height: calc(100vh - 52px);
}
.bh-ruler-acc { border-bottom: 1px solid rgba(255,255,255,0.12); }
.bh-ruler-acc-head {
    width: 100%; text-align: left; padding: 12px 14px; background: #374151; border: none; color: #fff;
    font-size: 12px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; cursor: pointer;
}
.bh-ruler-acc-head.is-open { background: #1f2937; }
.bh-ruler-acc-body { display: none; padding: 12px 14px 16px; background: #4b5563; }
.bh-ruler-acc-body.is-open { display: block; }
.bh-ruler-acc-body label { display: block; font-size: 11px; font-weight: 600; color: #d1d5db; margin: 10px 0 4px; }
.bh-ruler-acc-body .bh-ef-input {
    width: 100%; padding: 7px 9px; border-radius: 4px; border: 1px solid #6b7280; background: #f9fafb; font-size: 13px;
}
.bh-ruler-acc-note { font-size: 11px; color: #9ca3af; line-height: 1.45; margin: 0 0 10px; }
.bh-ruler-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.bh-ruler-chk-grid { display: flex; flex-direction: column; gap: 8px; }
.bh-ruler-chk {
    display: flex; align-items: flex-start; gap: 8px; font-size: 12px; color: #e5e7eb; cursor: pointer;
}
.bh-ruler-chk input { margin-top: 2px; width: 16px; height: 16px; }
.bh-ruler-chk small { display: block; color: #9ca3af; font-weight: 400; }
.bh-ruler-mini-btn {
    margin-top: 6px; padding: 6px 10px; font-size: 12px; border-radius: 4px; border: 1px solid #6b7280;
    background: #374151; color: #fff; cursor: pointer;
}

/* Claude gap UI */
.app-site-footer { text-align: center; padding: 8px 12px 14px; font-size: 11px; color: #94a3b8; border-top: 1px solid #e2e8f0; background: #f8fafc; }
.bh-dash-kpi--wide { grid-template-columns: repeat(3, 1fr); }
@media (min-width: 1400px) { .bh-dash-kpi--wide { grid-template-columns: repeat(6, 1fr); } }
.bh-dash-kpi-card--gun30 { background: linear-gradient(135deg, #6366f1, #4f46e5); }
.bh-dash-kpi-card--gun30m { background: linear-gradient(135deg, #a855f7, #9333ea); }
.bh-dash-kpi-card--stok-deger { background: linear-gradient(135deg, #0d9488, #0f766e); }
.bh-dash-kpi-card--net { background: linear-gradient(135deg, #64748b, #475569); }
.bh-rapor-ay-chart { max-width: 720px; }
.bh-rapor-ay-bar { margin-bottom: 14px; }
.bh-rapor-ay-bar__lbl { font-size: 13px; font-weight: 600; color: #334155; }
.bh-rapor-ay-bar__track { height: 10px; background: #e2e8f0; border-radius: 6px; margin: 6px 0; overflow: hidden; }
.bh-rapor-ay-bar__fill { height: 100%; background: #3b82f6; border-radius: 6px; }
.bh-rapor-ay-bar__val { font-size: 12px; color: #64748b; }
.bh-rapor-kolon-panel { background: #fff; border: 1px solid #dde4ea; border-radius: 8px; padding: 12px; margin-bottom: 14px; }
.bh-md-dd-label { display: block; padding: 6px 14px 4px; font-size: 10px; font-weight: 700; color: #94a3b8; text-transform: uppercase; }
.bh-md-dd-hr { margin: 6px 0; border: none; border-top: 1px solid #e2e8f0; }
.bh-fihrist-kod { font-family: monospace; font-weight: 600; color: #5f7d8f; min-width: 90px; }
.bh-fihrist-row { cursor: pointer; }
.bh-lock-panel { max-width: 420px; margin: 40px auto; background: #fff; padding: 32px; border-radius: 12px; text-align: center; box-shadow: 0 4px 20px rgba(0,0,0,.06); }

/* —— Liste/toolbar: kirpilmayi onle —— */
.bh-page-root > .bh-page-toolbar,
.bh-page-root > .bh-cust-toolbar,
.bh-satis-list-root > .bh-page-toolbar,
.bh-satis-list-root .bh-cust-toolbar,
.bh-inv-root > .bh-page-toolbar,
.bh-cust-root > .bh-page-toolbar {
    flex-shrink: 0;
    overflow: visible;
    position: relative;
    z-index: 25;
}
.bh-page-dd { position: relative; z-index: 35; }
.bh-page-dd-panel { z-index: 60; }
.bh-print-dropdown-wrap { z-index: 40; }
.bh-cust-sheet > .bh-cust-filters,
.bh-cust-sheet > .bh-page-filters,
.bh-cust-sheet > .bh-doc-sales-filters,
.bh-cust-sheet > .bh-doc-sales-search {
    overflow: visible;
    position: relative;
    z-index: 20;
}
.app-content.bh-page-host {
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

/* —— Genel Muhasebe (accounting_pro) —— */
.app-content.ap-root-host,
.app-content:has(.ap-root) {
    padding: 16px 18px !important;
    background: #f4f7f6 !important;
    display: block !important;
    overflow-y: auto !important;
    min-height: 0;
    flex: 1;
}
.ap-root {
    display: flex;
    flex-direction: column;
    min-height: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.ap-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 16px;
    flex-shrink: 0;
}
.ap-title {
    margin: 0;
    color: #1e293b;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}
.ap-title .fa-balance-scale { color: #3b82f6; }
.ap-subtitle { font-size: 12px; color: #64748b; white-space: nowrap; }
.ap-tabs-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 14px;
    border-bottom: 2px solid #e2e8f0;
    flex-shrink: 0;
}
.ap-tabs {
    display: flex;
    gap: 6px;
    flex-wrap: nowrap;
    min-width: min-content;
    padding-bottom: 2px;
}
.ap-tab {
    padding: 10px 16px;
    cursor: pointer;
    border: none;
    border-radius: 8px 8px 0 0;
    font-weight: 600;
    font-size: 13px;
    color: #64748b;
    background: transparent;
    font-family: inherit;
    white-space: nowrap;
    flex-shrink: 0;
}
.ap-tab.active { background: #3b82f6; color: #fff; }
.ap-tab:hover:not(.active) { background: #e0e7ff; color: #1e293b; }
.ap-donem-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 12px;
    flex-shrink: 0;
}
.ap-donem-lbl { font-size: 12px; color: #64748b; }
.ap-donem-select {
    height: 30px;
    padding: 0 12px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 13px;
    background: #fff;
    font-family: inherit;
}
.ap-donem-info { font-size: 11px; color: #94a3b8; }
.ap-content-area { flex: 1; min-height: 0; min-width: 0; }
.ap-loading, .ap-empty {
    padding: 40px 20px;
    text-align: center;
    color: #94a3b8;
}
.ap-loading .fa-spinner { font-size: 30px; margin-bottom: 8px; }
.ap-card {
    background: #fff;
    border-radius: 8px;
    padding: 18px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.ap-card-desc { color: #64748b; font-size: 13px; margin: 0 0 14px; }
.ap-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 14px;
    position: relative;
    z-index: 10;
}
.ap-toolbar--filters { margin-top: -4px; }
.ap-toolbar-spacer { flex: 1; min-width: 12px; }
.ap-toolbar-title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
    white-space: nowrap;
}
.ap-btn {
    height: 30px;
    padding: 0 12px;
    border: none;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    font-family: inherit;
    white-space: nowrap;
    box-sizing: border-box;
}
.ap-btn--green { background: #5cb85c; }
.ap-btn--indigo { background: #6366f1; }
.ap-btn--gray { background: #475569; }
.ap-btn--sm { height: 26px; padding: 0 10px; font-size: 11px; }
.ap-btn:hover { filter: brightness(0.95); }
.ap-field-lbl { font-size: 12px; color: #64748b; white-space: nowrap; }
.ap-field-inp {
    height: 30px;
    padding: 0 10px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 13px;
    font-family: inherit;
    box-sizing: border-box;
}
.ap-field-inp--grow { flex: 1; min-width: 140px; }
.ap-field-inp--wide { flex: 2; min-width: 200px; }
.ap-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    margin-bottom: 4px;
}
.ap-table {
    width: 100%;
    min-width: 640px;
    border-collapse: collapse;
    background: #fff;
}
.ap-table th {
    background: #475569;
    color: #fff;
    padding: 10px;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
}
.ap-table td {
    padding: 8px 10px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 13px;
}
.ap-table tr:hover { background: #f8fafc; }
.ap-kpi {
    background: #fff;
    border-radius: 10px;
    padding: 16px;
    border-left: 4px solid #3b82f6;
}
.ap-kpi h4 {
    margin: 0 0 6px;
    font-size: 11px;
    color: #64748b;
    text-transform: uppercase;
}
.ap-kpi .v { font-size: 22px; font-weight: 800; color: #1e293b; }
.ap-kpi.green { border-color: #10b981; }
.ap-kpi.green .v { color: #10b981; }
.ap-kpi.red { border-color: #ef4444; }
.ap-kpi.red .v { color: #ef4444; }
.ap-kpi.amber { border-color: #f59e0b; }
.ap-kpi.amber .v { color: #f59e0b; }
.ap-kpi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
    margin-top: 18px;
}
.ap-kpi-grid--3 { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
.ap-bilanco-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}
.ap-alert {
    margin-top: 14px;
    padding: 14px;
    border-radius: 8px;
    font-weight: 700;
}
.ap-alert--ok { background: #d1fae5; color: #065f46; }
.ap-alert--warn { background: #fee2e2; color: #991b1b; }
.ap-detail-area { margin-top: 14px; }
.ap-detail-title { margin: 0 0 12px; font-size: 15px; font-weight: 700; color: #1e293b; }
.ap-pill {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
}
.ap-pill.borc { background: #fee2e2; color: #991b1b; }
.ap-pill.alacak { background: #d1fae5; color: #065f46; }

/* Ayarlar > Kullanıcılar — tam sayfa form (BizimHesap edituser) */
.ku-fullpage-toolbar {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    z-index: 5;
}
.ku-kaydet-status {
    font-size: 12px;
    color: #64748b;
    min-height: 18px;
    align-self: center;
}
.ku-kaydet-status.is-visible { color: #059669; font-weight: 600; }
.ku-kaydet-status.is-error { color: #dc2626; font-weight: 600; max-width: 420px; line-height: 1.35; }
.ku-btn-save:disabled { opacity: 0.65; cursor: wait; }
.ku-fullpage-toolbar .ku-btn-save {
    background: #10b981;
    color: #fff;
    border: none;
    padding: 10px 22px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 13px;
    height: 30px;
    cursor: pointer;
}
.ku-fullpage-toolbar .ku-btn-back {
    background: #f59e0b;
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 13px;
    height: 30px;
    cursor: pointer;
}
.ku-fullpage-card {
    padding: 0;
    overflow: hidden;
}
.ku-fullpage-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    background: #5eb4c4;
    padding: 0 8px;
}
.ku-fullpage-tab {
    border: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.75);
    padding: 12px 18px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.03em;
    cursor: pointer;
    text-transform: uppercase;
    height: 44px;
}
.ku-fullpage-tab.is-active {
    color: #fff;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 -3px 0 #fff;
}
.ku-fullpage-body {
    padding: 22px 24px 28px;
}
.ku-fullpage-section-title {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    margin: 20px 0 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e2e8f0;
}
.ku-fullpage-section-title:first-child {
    margin-top: 0;
}
.ku-fullpage-wrap { max-width: 1100px; }
.ku-full-loading {
    text-align: center;
    padding: 48px;
    color: #94a3b8;
    font-size: 14px;
}
/* Kullanıcılar — BizimHesap ngnusers 1:1 */
.ku-root.bh-cust-root { padding: 0 0 16px; }
.ku-toolbar .ku-tab-btn.is-active {
    background: #3d4f63 !important;
    border-color: #3d4f63;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.12);
}
.ku-tab-badge.is-hidden { display: none !important; }
.ku-subnav { margin-bottom: 10px; }
.ku-back-list { font-size: 12px !important; padding: 8px 14px !important; }
.ku-list-sheet { overflow: hidden; }
.ku-user-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px;
    padding: 14px 16px 18px;
}
.ku-user-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
    outline: none;
}
.ku-user-card:hover,
.ku-user-card:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    border-color: #cbd5e1;
}
.ku-user-card__avatar {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #5eb4c4, #3a4a5c);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 16px;
    margin-bottom: 10px;
}
.ku-user-card__ad {
    font-size: 15px;
    font-weight: 800;
    color: #1e293b;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    line-height: 1.25;
    margin-bottom: 4px;
}
.ku-user-card__you {
    display: inline-block;
    background: #10b981;
    color: #fff;
    font-size: 9px;
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 6px;
    vertical-align: middle;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 700;
}
.ku-user-card__email {
    font-size: 12px;
    color: #64748b;
    margin-bottom: 10px;
    word-break: break-all;
}
.ku-user-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 11px;
}
.ku-user-card__rol {
    background: #dbeafe;
    color: #1e40af;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 700;
}
.ku-user-card__durum {
    background: #d1fae5;
    color: #065f46;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 700;
}
.ku-user-card__durum.is-pasif {
    background: #fee2e2;
    color: #991b1b;
}
.ku-demo-card { padding: 18px 20px; }
.ku-demo-msg {
    margin: 12px 0;
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 12px;
}
.ku-sub-toolbar { margin-bottom: 10px; }
.ku-sube-sheet { overflow: hidden; }
.ku-sube-head,
.ku-sube-row {
    display: grid;
    grid-template-columns: 1.2fr 100px 1.5fr 80px 60px;
    gap: 10px;
    align-items: center;
    padding: 10px 16px;
    font-size: 13px;
}
.ku-sube-head { border-radius: 0; }
.ku-sube-row { border-bottom: 1px solid #f1f5f9; background: #fff; }
.ku-sube-row.is-alt { background: #f8fafc; }
.ku-sube-row__ad { font-weight: 600; color: #0f172a; }
.ku-sube-row__adres { color: #64748b; }
.ku-icon-btn {
    border: none;
    background: none;
    color: #3b82f6;
    cursor: pointer;
    padding: 4px 8px;
    font-size: 14px;
}
.ku-davet-sheet { padding: 14px 16px 16px; }
.ku-davet-row.is-alt { background: #f8fafc; }
.ku-davet-steps.is-ok { color: #065f46; }
.ku-davet-actions { margin-top: 8px; }
.ku-davet-gonder-btn { font-size: 12px !important; padding: 8px 14px !important; }
.ku-fullpage-title {
    flex: 1;
    font-size: 17px;
    font-weight: 700;
    color: #0f172a;
}
.ku-edit-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    max-width: 760px;
}
.ku-edit-grid .span2 { grid-column: 1 / -1; }
.ku-edit-banner { margin: 0; }
.ku-form-inp {
    width: 100%;
    padding: 9px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 13px;
    font-family: inherit;
}
.ku-form-inp--disabled {
    background: #f1f5f9;
    color: #94a3b8;
}
.ku-check-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 24px;
    max-width: 760px;
}
.ku-check-line {
    display: flex;
    align-items: center;
    gap: 9px;
    cursor: pointer;
    font-size: 13px;
    color: #0f172a;
    padding: 6px 0;
}
.ku-check-line input { width: 17px; height: 17px; flex-shrink: 0; }
.ku-yetki-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 30px;
}
.ku-panel-subtitle {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 12px;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 8px;
}
.ku-panel-banner { margin-bottom: 16px; }
.ku-demo-card h3 { margin: 0 0 12px; font-size: 16px; }
.ku-demo-hint { margin: 12px 0 0; font-size: 11px; color: #94a3b8; }
.ku-davet-info {
    background: #dbeafe;
    border: 1px solid #93c5fd;
    color: #1e40af;
    padding: 11px 14px;
    border-radius: 6px;
    margin-bottom: 14px;
    font-size: 12px;
    line-height: 1.45;
}
.ku-davet-row {
    padding: 12px 16px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 13px;
}
.ku-davet-row__main {
    display: grid;
    grid-template-columns: 1.2fr 1fr 90px 110px;
    gap: 10px;
    align-items: start;
}
.ku-davet-lbl { display: block; font-size: 10px; color: #94a3b8; font-weight: 600; margin-bottom: 2px; }
.ku-davet-durum.is-bek { color: #b45309; font-weight: 700; }
.ku-davet-sifre { margin-top: 8px; font-size: 12px; color: #475569; }
.ku-davet-sifre code { background: #f1f5f9; padding: 2px 8px; border-radius: 4px; font-weight: 700; }
.ku-davet-steps { margin-top: 8px; font-size: 11px; color: #64748b; line-height: 1.45; }
.ku-bilgi-intro {
    background: #fef3c7;
    border: 1px solid #fde68a;
    color: #78350f;
    padding: 11px 14px;
    border-radius: 6px;
    margin-bottom: 18px;
    font-size: 12px;
}
.ku-bilgi-grup {
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e8f0;
}
.ku-bilgi-grup:last-child { border-bottom: none; margin-bottom: 0; }
.ku-bilgi-grup__title {
    margin: 0 0 6px;
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}
.ku-bilgi-grup__desc {
    margin: 0 0 12px;
    font-size: 12px;
    color: #64748b;
}
.ku-bilgi-grup__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 20px;
    max-width: 820px;
}
.ku-bilgi-check {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    cursor: pointer;
    font-size: 13px;
    color: #334155;
    padding: 6px 0;
}
.ku-bilgi-check input { width: 17px; height: 17px; margin-top: 2px; flex-shrink: 0; }

/* Sesli bilgilendirme — kullanıcı düzenle (BH 5. sekme); mobilde kaydırılabilir sekmeler */
@media (max-width: 900px) {
    .ku-fullpage-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }
    .ku-fullpage-tab {
        flex: 0 0 auto;
        padding: 12px 14px;
        font-size: 11px;
        white-space: nowrap;
    }
    .ku-fullpage-body { padding: 16px 14px 22px; }
}
.ku-sesli-kart {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 14px 16px;
    margin-bottom: 12px;
    background: #fff;
}
.ku-sesli-kart__baslik {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 14px;
    color: #0f172a;
    margin-bottom: 12px;
    cursor: pointer;
}
.ku-sesli-kart__baslik input { width: 17px; height: 17px; }
.ku-sesli-kart__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 12px;
    align-items: end;
}
@media (max-width: 520px) {
    .ku-sesli-kart__grid { grid-template-columns: 1fr; }
}
.ku-sesli-field__lbl {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.ku-sesli-field--range .ku-sesli-range { width: 100%; }
.ku-sesli-field--btn .ku-sesli-dene { width: 100%; min-height: 36px; }
.ku-sesli-val { color: #0d9488; font-weight: 700; }
.ku-yan-inner {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
    display: flex;
    flex-direction: column;
    min-height: 200px;
    max-height: calc(100vh - 160px);
    overflow: hidden;
}
.ku-yan-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}
.ku-yan-close {
    background: none;
    border: none;
    font-size: 22px;
    line-height: 1;
    color: #64748b;
    cursor: pointer;
    padding: 0 4px;
}
.ku-yan-close:hover { color: #0f172a; }
.ku-yan-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 8px 10px;
    border-bottom: 1px solid #e2e8f0;
    background: #fff;
}
.ku-yan-tab {
    border: 1px solid #e2e8f0;
    background: #f1f5f9;
    color: #64748b;
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    height: 30px;
}
.ku-yan-tab.is-active {
    background: #3b82f6;
    border-color: #3b82f6;
    color: #fff;
}
.ku-yan-body {
    padding: 14px 16px 18px;
    overflow-y: auto;
    flex: 1;
}

@media print {
    .ap-tabs-scroll, .ap-donem-bar, .ap-toolbar, .ap-tab:not(.active) { display: none !important; }
    .ap-root, .ap-card { box-shadow: none; }
    .ap-table-wrap { overflow: visible; }
}

/* BH cari gecmis v330 — ÖNCEKİ SATIŞLAR/ÖDEMELER 1:1 (çerçeve yok, genişlik aynı)
 * Geri al: bu bloğu sil + css/_backup/bh-cari-gecmis-v329.bak.css */
.bh-cari-gecmis-grid .bh-md-panel,
.bh-tedarikci-gecmis-grid .bh-md-panel {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    background: transparent !important;
}
.bh-cari-gecmis-grid .bh-md-panel__title,
.bh-tedarikci-gecmis-grid .bh-md-panel__title {
    background-color: #37474f !important;
    color: #fff !important;
    padding: 9px 12px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-bottom: none !important;
    font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif !important;
}
.bh-cari-gecmis-grid .bh-md-panel__body,
.bh-cari-gecmis-grid .bh-md-cari-col--sol .bh-md-panel__body,
.bh-cari-gecmis-grid .bh-md-cari-col--sag .bh-md-panel__body,
.bh-tedarikci-gecmis-grid .bh-md-panel__body,
.bh-tedarikci-gecmis-grid .bh-md-cari-col--sol .bh-md-panel__body,
.bh-tedarikci-gecmis-grid .bh-md-cari-col--sag .bh-md-panel__body {
    max-height: none !important;
    overflow: visible !important;
    background: #fff !important;
    border: none !important;
}
.bh-cari-gecmis-grid .bh-md-table,
.bh-tedarikci-gecmis-grid .bh-md-table {
    font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
}
.bh-cari-gecmis-grid .bh-md-table th,
.bh-tedarikci-gecmis-grid .bh-md-table th {
    background: #fff !important;
    color: #888 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 8px 12px !important;
    border-bottom: 1px solid #ddd !important;
}
.bh-cari-gecmis-grid .bh-md-table td,
.bh-tedarikci-gecmis-grid .bh-md-table td {
    padding: 10px 12px !important;
    border-bottom: 1px solid #eee !important;
    font-size: 13px !important;
    color: #333 !important;
    vertical-align: middle !important;
}
.bh-cari-gecmis-grid .bh-md-table--data tbody tr.bh-md-tr,
.bh-tedarikci-gecmis-grid .bh-md-table--data tbody tr.bh-md-tr {
    height: auto !important;
    min-height: 38px !important;
}
.bh-cari-gecmis-grid .bh-md-table--data tbody tr.bh-md-tr:hover td,
.bh-tedarikci-gecmis-grid .bh-md-table--data tbody tr.bh-md-tr:hover td {
    background-color: #fafafa !important;
}
.bh-cari-gecmis-grid .bh-md-plus,
.bh-tedarikci-gecmis-grid .bh-md-plus {
    color: #5cb85c !important;
    font-size: 15px !important;
}
.bh-cari-gecmis-grid .bh-md-plus.is-open,
.bh-tedarikci-gecmis-grid .bh-md-plus.is-open {
    color: #337ab7 !important;
}
.bh-cari-gecmis-grid .bh-md-fat,
.bh-tedarikci-gecmis-grid .bh-md-fat {
    color: #c9302c !important;
    font-weight: 400 !important;
}
.bh-cari-gecmis-grid .bh-md-link,
.bh-tedarikci-gecmis-grid .bh-md-link {
    color: #337ab7 !important;
    font-weight: 600 !important;
}
.bh-cari-gecmis-grid .bh-payment-badge,
.bh-tedarikci-gecmis-grid .bh-payment-badge {
    background: #f5f5f5 !important;
    color: #333 !important;
    border: 1px solid #e0e0e0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border-radius: 2px !important;
}
.bh-cari-gecmis-grid .bh-md-expand,
.bh-tedarikci-gecmis-grid .bh-md-expand {
    background: #fff !important;
    padding: 0 !important;
    border-bottom: 1px solid #eee !important;
}
.bh-cari-gecmis-grid .bh-md-expand-inner,
.bh-cari-gecmis-grid .bh-md-expand-inner--doc,
.bh-tedarikci-gecmis-grid .bh-md-expand-inner,
.bh-tedarikci-gecmis-grid .bh-md-expand-inner--doc {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}
.bh-cari-gecmis-grid .bh-doc-detail-table,
.bh-tedarikci-gecmis-grid .bh-doc-detail-table {
    background: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.bh-cari-gecmis-grid .bh-doc-detail-head,
.bh-tedarikci-gecmis-grid .bh-doc-detail-head {
    background: #fff !important;
    color: #888 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border-bottom: 1px solid #ddd !important;
    padding: 8px 12px !important;
}
.bh-cari-gecmis-grid .bh-doc-detail-line,
.bh-tedarikci-gecmis-grid .bh-doc-detail-line {
    padding: 10px 12px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    font-size: 13px !important;
    color: #333 !important;
}
.bh-cari-gecmis-grid .bh-doc-detail-foot,
.bh-tedarikci-gecmis-grid .bh-doc-detail-foot {
    background: #fff !important;
    border-top: 1px solid #eee !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
    color: #666 !important;
}
.bh-cari-gecmis-grid .bh-doc-detail-thumb,
.bh-tedarikci-gecmis-grid .bh-doc-detail-thumb {
    width: 50px !important;
    height: 50px !important;
    background: #f5f5f5 !important;
    border-radius: 3px !important;
    border: none !important;
}
.bh-cari-gecmis-grid .bh-doc-detail-actions--end,
.bh-tedarikci-gecmis-grid .bh-doc-detail-actions--end {
    margin-top: 10px !important;
    padding: 8px 12px 12px !important;
    gap: 6px !important;
}
.bh-cari-gecmis-grid .bh-page-btn,
.bh-tedarikci-gecmis-grid .bh-page-btn {
    height: 30px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border-radius: 3px !important;
    font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif !important;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.18) !important;
}
.bh-cari-gecmis-grid .bh-page-btn--green,
.bh-tedarikci-gecmis-grid .bh-page-btn--green {
    background: #5cb85c !important;
    box-shadow: 0 2px 0 #449d44 !important;
}
.bh-cari-gecmis-grid .bh-page-btn--blue,
.bh-tedarikci-gecmis-grid .bh-page-btn--blue {
    background: #5bc0de !important;
    box-shadow: 0 2px 0 #46b8da !important;
}
.bh-cari-gecmis-grid .bh-page-btn--slate,
.bh-tedarikci-gecmis-grid .bh-page-btn--slate {
    background: #6c757d !important;
    color: #fff !important;
    box-shadow: 0 2px 0 #545b62 !important;
}
.bh-cari-gecmis-grid .bh-page-btn:hover,
.bh-tedarikci-gecmis-grid .bh-page-btn:hover {
    filter: brightness(1.03) !important;
}
.bh-cari-gecmis-grid .bh-md-empty-row,
.bh-cari-gecmis-grid .bh-md-alis-empty,
.bh-tedarikci-gecmis-grid .bh-md-empty-row,
.bh-tedarikci-gecmis-grid .bh-md-alis-empty {
    font-size: 13px !important;
    color: #666 !important;
    padding: 10px 12px !important;
}

/* —— Satış belge detay (ngnorder referans) —— */
.app-content.bh-order-host,
.app-content:has(.bh-order-root) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
    overflow-x: hidden !important;
}
.bh-order-root {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: calc(12px * var(--bh-ui-scale, 1));
}
.bh-order-back { flex-shrink: 0; }
.bh-order-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(10px * var(--bh-ui-scale, 1));
    flex-shrink: 0;
    overflow: visible;
    position: relative;
    z-index: 30;
}
.bh-order-toolbar-spacer { flex: 1; min-width: 8px; }
.bh-order-hero {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    background: #fff;
    border: 1px solid #dde4ea;
    border-radius: 6px;
    padding: 14px 18px;
    box-shadow: var(--bh-shadow-2);
}
.bh-order-hero__code strong { color: #3b82f6; font-size: calc(16px * var(--bh-ui-scale, 1)); }
.bh-order-hero__lbl { display: block; font-size: 11px; color: #94a3b8; font-weight: 700; text-transform: uppercase; }
.bh-order-hero__meta { font-size: 12px; color: #64748b; display: flex; gap: 14px; flex-wrap: wrap; margin-top: 4px; }
.bh-order-kpi {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(140px * var(--bh-ui-scale, 1)), 1fr));
    gap: calc(12px * var(--bh-ui-scale, 1));
}
.bh-order-kpi-card {
    background: #fff;
    border: 1px solid #dde4ea;
    border-radius: 6px;
    padding: 14px 16px;
    text-align: center;
    box-shadow: var(--bh-shadow-1);
    min-width: 0;
}
.bh-order-kpi-card i { font-size: 22px; color: #94a3b8; margin-bottom: 6px; }
.bh-order-kpi-lbl { display: block; font-size: 11px; color: #64748b; margin-bottom: 4px; }
.bh-order-kpi-card strong { font-size: calc(13px * var(--bh-ui-scale, 1)); color: #1e293b; word-break: break-word; }
.bh-order-kpi-card--amt strong { color: #3b82f6; font-size: calc(15px * var(--bh-ui-scale, 1)); }
.bh-order-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, calc(280px * var(--bh-ui-scale, 1))), 1fr));
    gap: calc(14px * var(--bh-ui-scale, 1));
}
.bh-order-panel__head {
    background: #424f63;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 10px 14px;
    text-transform: uppercase;
}
.bh-order-panel__body { padding: 12px 14px; }
.bh-order-field {
    display: grid;
    grid-template-columns: minmax(100px, 132px) 1fr;
    gap: 8px;
    padding: 8px 0;
    border-bottom: 1px solid #f1f5f9;
    font-size: calc(13px * var(--bh-ui-scale, 1));
}
.bh-order-field label { font-weight: 600; color: #64748b; margin: 0; }
.bh-order-products { min-width: 0; overflow: hidden; }
.bh-order-products__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 12px 14px;
    border-bottom: 1px solid #e2e8f0;
}
.bh-order-products__head h3 { margin: 0; font-size: 15px; }
.bh-order-products__table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}
.bh-order-table { width: 100%; min-width: 520px; border-collapse: collapse; font-size: calc(12px * var(--bh-ui-scale, 1)); }
.bh-order-table th {
    background: #424f63;
    color: #fff;
    padding: 8px 10px;
    text-align: left;
    font-size: 11px;
    white-space: nowrap;
}
.bh-order-table th.r, .bh-order-table td.r { text-align: right; }
.bh-order-table td { padding: 8px 10px; border-bottom: 1px solid #f1f5f9; }
.bh-order-table tfoot td { background: #f8fafc; font-weight: 700; }
.bh-order-empty { text-align: center; color: #94a3b8; padding: 20px !important; }
.bh-doc-cell--link { color: #3b82f6; font-weight: 700; cursor: pointer; text-decoration: underline; }
.bh-doc-cell--link:hover { color: #2563eb; }
.bh-doc-detail-actions--toolbar { margin-bottom: 10px; }
.bh-md-dd-label { padding: 8px 14px; font-size: 11px; color: #94a3b8; }

/* v577 — İptal / Vazgeç standart kırmızı (modal & inline) */
.bh-btn-cancel,
.bh-fr-tip-modal__foot .bh-page-btn,
.bh-gor-actions button:first-child,
#bpAdetIptal,
#bhMiniPromptCancel,
.bh-depo-modal-foot .bh-btn-cancel {
    background: #dc2626 !important;
    color: #fff !important;
    border-color: #b91c1c !important;
}
.bh-btn-cancel:hover,
.bh-fr-tip-modal__foot .bh-page-btn:hover,
.bh-gor-actions button:first-child:hover,
#bpAdetIptal:hover,
#bhMiniPromptCancel:hover {
    background: #b91c1c !important;
}
.bh-cust-modal__btn--cancel,
.bh-cust-btn--cancel {
    background: #dc2626 !important;
    color: #fff !important;
    border-color: #b91c1c !important;
}

/* ===== BH 1:1 satış/alış belge ekranı — net ölçü v198 (530+30+flex) ===== */
.bh-retail-root--bh1,
.bh-retail-root--bh1 .bh-doc-btn,
.bh-retail-root--bh1 .bh-panel,
.bh-retail-root--bh1 input,
.bh-retail-root--bh1 select,
.bh-retail-root--bh1 textarea,
.bh-retail-root--bh1 button,
.bh-retail-root--bh1 table {
    font-family: "BHOpenSans", "Open Sans", "Segoe UI", system-ui, Arial, sans-serif !important;
    font-size: 14px;
}
.bh-retail-root--bh1 .bh-retail-actions--bh1 {
    gap: 8px;
    padding: 10px 14px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    flex-wrap: wrap;
}
.bh-retail-root--bh1 .bh-doc-btn {
    height: 34px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12), 0 5px 5px -3px rgba(0,0,0,.20);
}
.bh-retail-root--bh1 .bh-doc-btn--green { background: #5CB85C; border: 1px solid #4CAE4C; }
.bh-retail-root--bh1 .bh-doc-btn--blue { background: #5BC0DE; border: 1px solid #46B8DA; }
.bh-retail-root--bh1 .bh-doc-btn--red { background: #D9534F; border: 1px solid #D43F3A; }
.bh-retail-root--bh1 .bh-doc-btn--orange { background: #F0AD4E; border: 1px solid #EEA236; color: #fff; }

.bh-retail-root--bh1 .bh-retail-2col {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 30px !important;
    padding: 14px 16px 16px !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 1650px !important;
    min-width: 0;
    box-sizing: border-box;
}
.bh-retail-root--bh1 .bh-panel--blue,
.bh-retail-root--bh1 .bh-panel--cari,
.bh-retail-root--bh1 .perakende-card {
    width: 530px !important;
    max-width: 530px !important;
    flex: 0 0 530px !important;
    background: #fff !important;
    border-radius: 4px !important;
    overflow: hidden;
    border: none !important;
    box-shadow: 0 16px 24px 2px rgba(0,0,0,.10), 0 6px 30px 5px rgba(0,0,0,.06), 0 8px 10px -5px rgba(0,0,0,.12) !important;
}
.bh-retail-root--bh1 .bh-panel--green,
.bh-retail-root--bh1 .bh-panel--product {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    background: #fff !important;
    border-radius: 4px !important;
    /* arama dropdown kırılmasın — köşe yuvarlama head'de */
    overflow: visible !important;
    border: none !important;
    box-shadow: 0 16px 24px 2px rgba(0,0,0,.10), 0 6px 30px 5px rgba(0,0,0,.06), 0 8px 10px -5px rgba(0,0,0,.12) !important;
}
.bh-retail-root--bh1 .bh-panel--blue .bh-panel__head,
.bh-retail-root--bh1 .bh-panel--cari .bh-panel__head {
    height: 49px !important;
    padding: 0 15px !important;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background: #337AB7 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 3px 3px 0 0 !important;
}
.bh-retail-root--bh1 .bh-panel--green .bh-panel__head,
.bh-retail-root--bh1 .bh-panel--product .bh-panel__head {
    height: 49px !important;
    padding: 0 15px !important;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background: #5CB85C !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 3px 3px 0 0 !important;
}
.bh-retail-root--bh1 .bh-doc-row__split--datetime {
    display: flex !important;
    align-items: center;
    gap: 6px;
    grid-template-columns: none !important;
}
.bh-retail-root--bh1 .bh-doc-time-inline {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}
.bh-retail-root--bh1 .bh-doc-time-inline .bh-doc-time-inp {
    width: 92px;
}
.bh-retail-root--bh1 .bh-doc-time-inline__ico {
    color: #64748b;
    cursor: pointer;
    font-size: 14px;
}
.bh-retail-root--bh1 .bh-doc-time-btn { display: none !important; }
.bh-retail-root--bh1 .bh-doc-row--fiyat-tip,
.bh-retail-root--bh1 .bh-doc-row--acik-bakiye { display: none !important; }
.bh-retail-root--bh1 .bh-pos-sil-x {
    background: transparent;
    border: none;
    color: #D9534F;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    line-height: 1;
    padding: 0 4px;
}
.bh-retail-root--bh1 .pos-line-title { color: #5CB85C !important; font-weight: 700; }
.bh-retail-root--bh1 .bh-tevkifat-select {
    border: 1px solid #5CB85C;
    color: #5CB85C;
    border-radius: 3px;
    font-size: 12px;
    padding: 2px 4px;
    background: #fff;
    max-width: 100%;
    box-sizing: border-box;
}
.bh-retail-root--bh1 .bh-sepet-summary { margin-left: auto; max-width: 340px; text-align: right; }
.bh-retail-root--bh1 .bh-sepet-fatura-alti {
    display: block;
    margin-top: 6px;
    color: #D9534F;
    font-size: 13px;
    text-decoration: none;
    text-align: right;
}
.bh-retail-root--bh1 .bh-mini-tag--stopaj { color: #D9534F; border-color: #D9534F; }
.bh-retail-root--bh1 .bh-mini-tag--tevkifat { color: #5CB85C; border-color: #5CB85C; }
.bh-retail-root--bh1 .bh-pos-bh-toolbar { display: none !important; }

/* Sepet tablo — net % kolonlar + kompakt satır (CURSOR_SATIS_NET_OLCU) */
.bh-retail-root--bh1 .bh-sepet-table--bh1 {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    font-family: "BHOpenSans", "Open Sans", "Segoe UI", Arial, sans-serif;
}
.bh-retail-root--bh1 .bh-sepet-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}
.bh-retail-root--bh1 .bh-sepet-table--bh1 thead th {
    background: #5bb75b !important;
    color: #fff !important;
    font-size: 12.6px !important;
    font-weight: 700 !important;
    padding: 3px 6px !important;
    line-height: 1.25;
    white-space: nowrap;
    border: 1px solid #4cae4c;
}
.bh-retail-root--bh1 .bh-sepet-table--bh1 thead th.num { text-align: right; }
.bh-retail-root--bh1 .bh-sepet-table--bh1 tbody td {
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 3px 6px !important;
    line-height: 1.3;
    vertical-align: middle;
    border-bottom: 1px solid #e2e8f0;
}
.bh-retail-root--bh1 .bh-sepet-table--bh1 tbody tr {
    height: 57px;
}
.bh-retail-root--bh1 .bh-sepet-table--bh1 tbody td.num {
    text-align: right;
    white-space: nowrap;
}
.bh-retail-root--bh1 .bh-sepet-table--bh1 tbody td:nth-child(2) {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Sol panel alanları — etiketi sol / input sağ (Belge No vb.) */
.bh-retail-root--bh1 .bh-perakende-fields {
    padding: 10px 14px 12px !important;
}
.bh-retail-root--bh1 .bh-perakende-fields .bh-doc-row {
    display: grid !important;
    grid-template-columns: 110px 1fr !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 0 !important;
    padding: 6px 0 !important;
    border-bottom: none !important;
}
.bh-retail-root--bh1 .bh-perakende-fields .bh-doc-row label {
    display: block !important;
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #64748b !important;
}
.bh-retail-root--bh1 .bh-perakende-fields .bh-doc-row input:not([type="checkbox"]),
.bh-retail-root--bh1 .bh-perakende-fields .bh-doc-row select,
.bh-retail-root--bh1 .bh-perakende-fields .bh-doc-row textarea {
    width: 100% !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 3px !important;
    box-sizing: border-box !important;
}
.bh-retail-root--bh1 .bh-perakende-fields .bh-doc-row textarea {
    height: auto !important;
    min-height: 72px !important;
}
.bh-retail-root--bh1 .bh-doc-search-wrap,
.bh-retail-root--bh1 .bh-pos-search-wrap {
    width: 100% !important;
    max-width: 100% !important;
}
.bh-retail-root--bh1 .bh-doc-search-input,
.bh-retail-root--bh1 .bh-pos-search-input {
    width: 100% !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 3px !important;
    box-sizing: border-box !important;
}

/* Boş sepet: kolon başlığı + iskonto + özet GİZLE — sadece arama + listede olmayan */
.bh-retail-root--bh1.bh-pos-cart-empty .bh-sepet-when-filled,
.bh-retail-root--bh1.bh-pos-cart-empty .bh-sepet-table--bh1 thead,
.bh-retail-root--bh1.bh-pos-cart-empty .bh-iskonto-row,
.bh-retail-root--bh1.bh-pos-cart-empty .bh-sepet-extra,
.bh-retail-root--bh1.bh-pos-cart-empty .bh-sepet-summary,
.bh-retail-root--bh1.bh-pos-cart-empty .bh-table-wrap {
    display: none !important;
}
.bh-retail-root--bh1.bh-pos-cart-empty .bh-doc-search-wrap .bh-doc-search-links,
.bh-retail-root--bh1.bh-pos-cart-empty .bh-doc-search-wrap .bh-link-olmayan {
    display: block !important;
}

/* ≤1100px: paneller alt alta */
@media (max-width: 1100px) {
    .bh-retail-root--bh1,
    .bh-retail-root--bh1 .bh-retail-2col {
        max-width: none !important;
        overflow-x: hidden;
    }
    .bh-retail-root--bh1 .bh-retail-2col {
        flex-direction: column !important;
        flex-wrap: wrap !important;
        gap: 16px !important;
        padding: 10px !important;
    }
    .bh-retail-root--bh1 .bh-panel--blue,
    .bh-retail-root--bh1 .bh-panel--cari,
    .bh-retail-root--bh1 .perakende-card,
    .bh-retail-root--bh1 .bh-panel--green,
    .bh-retail-root--bh1 .bh-panel--product {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
        min-width: 0 !important;
    }
    .bh-retail-root--bh1 .bh-retail-actions--bh1 {
        flex-direction: column;
        align-items: stretch;
    }
    .bh-retail-root--bh1 .bh-doc-btn {
        width: 100%;
        justify-content: center;
    }
    .bh-retail-root--bh1 .bh-sepet-summary {
        max-width: 100%;
        margin-left: 0;
    }
    .bh-retail-root--bh1 .bh-sepet-table-scroll {
        overflow-x: auto !important;
        width: 100%;
    }
}

/* Fare ile metin seçimi: adet/fiyat inputlarında seçim kapanmasın */
input, textarea, select, [contenteditable="true"] {
    -webkit-user-select: text;
    user-select: text;
}
input.bh-num-edit,
.bp-qty input,
.bp-qty .adet,
.bp-row .fiyat,
.bh-depo-stok-inp,
.bh-depo-barkod-qty,
.pos-qty-val-inp,
input[inputmode="decimal"],
input[inputmode="numeric"] {
    -webkit-user-select: text !important;
    user-select: text !important;
    -moz-user-select: text !important;
    cursor: text;
}
.bp-qty, .pos-qty-group {
    -webkit-user-select: text;
    user-select: text;
}
.pos-qty-val-inp {
    width: 52px;
    text-align: center;
    font-weight: 700;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    padding: 4px 6px;
    font-size: 13px;
}