/* BH ürünler listesi — ince ayar v333 (Firebase CSS sonrası sunucu hotfix)
 * Geri al: bu dosyayı sil
 * Yedek: css/_backup/bh-inv-v332.bak.css (oluşturulursa) */
.app-content.bh-inv-host {
    background: #f2f5f7 !important;
    padding: 16px 18px !important;
}
.bh-inv-root {
    font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif !important;
}
.bh-inv-root .bh-cust-toolbar {
    margin-bottom: 14px !important;
    gap: 8px !important;
}
.bh-inv-root .bh-cust-btn,
.bh-inv-root .bh-inv-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;
    line-height: 1 !important;
    color: #fff !important;
    border: none !important;
}
/* Modifier'siz düz buton — nötr koyu zemin (beyaz yazı kaybolmasın) */
.bh-inv-root .bh-cust-toolbar .bh-cust-btn:not([class*="bh-cust-btn--"]):not(.bh-inv-btn-ara):not(.bh-inv-btn-clear) {
    background: #64748b !important;
    box-shadow: 0 2px 0 #475569 !important;
}
.bh-inv-root .bh-cust-btn--green {
    background: #5cb85c !important;
    color: #fff !important;
    box-shadow: 0 2px 0 #449d44 !important;
}
.bh-inv-root .bh-cust-btn--orange {
    background: #f0ad4e !important;
    color: #1e293b !important;
    box-shadow: 0 2px 0 #d58512 !important;
}
.bh-inv-root .bh-cust-btn--blue {
    background: #5bc0de !important;
    color: #fff !important;
    box-shadow: 0 2px 0 #46b8da !important;
}
.bh-inv-root .bh-cust-btn--slate {
    background: #64748b !important;
    color: #fff !important;
    box-shadow: 0 2px 0 #475569 !important;
}
.bh-inv-root .bh-inv-btn--bulk-img {
    background: #424f63 !important;
    color: #fff !important;
    box-shadow: 0 2px 0 #2c3642 !important;
}
.bh-inv-root .bh-inv-btn--bulk-del {
    background: #e59163 !important;
    color: #fff !important;
    box-shadow: 0 2px 0 #c6764a !important;
}
.bh-inv-root .bh-inv-btn--export,
.bh-inv-root .bh-inv-btn:not([class*="--"]) {
    background: #6c757d !important;
    color: #fff !important;
    box-shadow: 0 2px 0 #545b62 !important;
}
.bh-inv-root .bh-cust-btn:hover,
.bh-inv-root .bh-inv-btn:hover {
    filter: brightness(1.04) !important;
    transform: none !important;
}
.bh-inv-root .bh-cust-btn:active,
.bh-inv-root .bh-inv-btn:active {
    transform: translateY(1px) !important;
    filter: brightness(0.98) !important;
}
.bh-inv-root .bh-cust-sheet {
    border: 1px solid #e8ecef !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    overflow: visible !important;
}
.bh-inv-root .bh-inv-tab-row {
    border-bottom: 1px solid #ececec !important;
    background: #fff !important;
    padding: 0 10px !important;
}
.bh-inv-root .bh-inv-tab {
    padding: 10px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #888 !important;
    border-bottom-width: 2px !important;
}
.bh-inv-root .bh-inv-tab:hover {
    color: #555 !important;
}
.bh-inv-root .bh-inv-tab.is-active {
    color: #5cb85c !important;
    border-bottom-color: #5cb85c !important;
}
.bh-inv-root .bh-inv-tab-count {
    background: #f5f5f5 !important;
    color: #333 !important;
    border: 1px solid #e0e0e0 !important;
    font-size: 11px !important;
    padding: 1px 7px !important;
    border-radius: 10px !important;
}
.bh-inv-root .bh-inv-tab-count--muted {
    background: #fafafa !important;
    color: #888 !important;
    border-color: #eee !important;
}
.bh-inv-root .bh-inv-filter-row,
.bh-inv-root .bh-cust-filters {
    padding: 8px 12px !important;
    min-height: 40px !important;
    border-bottom: 1px solid #ececec !important;
    background: #fff !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
}
.bh-inv-root .bh-inv-filter-row .bh-inv-tab {
    height: 30px !important;
    padding: 0 14px !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #666 !important;
    box-shadow: none !important;
    white-space: nowrap !important;
}
.bh-inv-root .bh-inv-filter-row .bh-inv-tab:first-child {
    border-radius: 3px 0 0 3px !important;
}
.bh-inv-root .bh-inv-filter-row .bh-inv-tab + .bh-inv-tab {
    margin-left: -1px !important;
    border-radius: 0 3px 3px 0 !important;
}
.bh-inv-root .bh-inv-filter-row .bh-inv-tab.is-active {
    background: #f5f5f5 !important;
    color: #444 !important;
    border-color: #c8c8c8 !important;
}
.bh-inv-root .bh-inv-filter-row .bh-inv-filter-select:first-of-type {
    margin-left: 14px !important;
}
.bh-inv-root .bh-inv-filter-row .bh-inv-filter-select {
    width: 250px !important;
    max-width: 24vw !important;
    margin-right: 14px !important;
}
.bh-inv-root .bh-inv-load-status {
    display: none;
    flex: 1 1 auto;
    min-width: 12px;
    text-align: right;
    font-size: 12px;
    color: #64748b;
    padding: 4px 8px 0;
}
.bh-inv-root .bh-inv-search-wrap { margin-left: auto !important; }
.bh-inv-root .bh-inv-quick-link {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #337ab7 !important;
}
.bh-inv-root .bh-inv-quick-link .fa-plus-circle {
    color: #4adc72 !important;
}
.bh-inv-root .bh-inv-filter-select,
.bh-inv-root .bh-cust-filters select {
    height: 30px !important;
    font-size: 12px !important;
    border: 1px solid #ddd !important;
    border-radius: 3px !important;
    color: #333 !important;
}
.bh-inv-root .bh-cust-search-lbl {
    font-size: 12px !important;
    color: #888 !important;
    font-weight: 600 !important;
}
.bh-inv-root .bh-cust-search-inp,
.bh-inv-root .bh-inv-search-inp {
    height: 30px !important;
    font-size: 12px !important;
    border: 1px solid #ddd !important;
    border-radius: 3px !important;
}
.bh-inv-root .bh-list-table thead th {
    background: #3b4d5c !important;
    color: #fff !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif !important;
    border: none !important;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12) !important;
}
.bh-inv-root .bh-list-table tbody td {
    border-bottom: 1px solid #ececec !important;
    font-size: 13px !important;
    font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif !important;
}
.bh-inv-root .bh-list-table tbody tr.bh-cust-row:nth-child(odd) {
    background: #fafafa !important;
}
.bh-inv-root .bh-list-table tbody tr.bh-cust-row:nth-child(even) {
    background: #fff !important;
}
.bh-inv-root .bh-list-table tbody tr.bh-cust-row:hover td {
    background-color: #f5f8fa !important;
}
html.bh-viewport-desktop .bh-inv-root .bh-list-table .bh-cust-pill,
html.bh-viewport-desktop .bh-inv-root .bh-list-table .bh-inv-pill {
    background: linear-gradient(180deg, #66c4d8 0%, #5bb6cc 100%) !important;
    color: #fff !important;
    border-radius: 3px !important;
    box-shadow: 0 2px 0 #46a8c4, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
    font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif !important;
}
html.bh-viewport-desktop .bh-inv-root .bh-list-table .bh-cust-pill:hover,
html.bh-viewport-desktop .bh-inv-root .bh-list-table .bh-inv-pill:hover {
    filter: brightness(1.03) !important;
    box-shadow: 0 2px 0 #3d9bb8, 0 2px 4px rgba(0, 0, 0, 0.12) !important;
}
html.bh-viewport-desktop .bh-inv-root .bh-list-table .bh-cust-name {
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    line-height: 1.35 !important;
}
.bh-inv-root .bh-inv-thumb {
    width: 30px !important;
    height: 30px !important;
    border-radius: 3px !important;
    background: rgba(255, 255, 255, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
}
.bh-inv-root .bh-inv-tag {
    font-size: 10px !important;
    font-weight: 600 !important;
    padding: 2px 6px !important;
    border-radius: 2px !important;
}
.bh-inv-root .bh-inv-tag--kat {
    background: #337ab7 !important;
    color: #fff !important;
}
.bh-inv-root .bh-inv-tag--mar {
    background: #5cb85c !important;
    color: #fff !important;
}
.bh-inv-root .bh-inv-col-price,
.bh-inv-root .bh-cust-col-bal {
    font-weight: 600 !important;
    color: #333 !important;
}
.bh-inv-root .bh-inv-stok--neg {
    color: #c9302c !important;
    font-weight: 600 !important;
}
.bh-inv-root .bh-inv-stok--zero {
    color: #999 !important;
}
.bh-inv-root .bh-cust-empty,
.bh-inv-root .bh-inv-empty {
    font-size: 13px !important;
    color: #666 !important;
    padding: 40px 20px !important;
}
.bh-inv-pager {
    padding: 12px 16px 16px;
    border-top: 1px solid #e8edf0;
    background: #fff;
}
.bh-inv-pager-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.bh-inv-pager-meta {
    font-size: 12px;
    color: #64748b;
    text-align: center;
    flex: 1;
}
.bh-inv-pager-btn {
    border: 1px solid #d1d9e0;
    background: #f8fafc;
    color: #334155;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 12px;
    cursor: pointer;
}
.bh-inv-pager-btn:hover:not(:disabled) {
    background: #eef2f6;
}
.bh-inv-pager-btn:disabled {
    opacity: 0.45;
    cursor: default;
}
.bh-inv-list-table--quick .bh-col-qedit { width: 88px; }
.bh-inv-list-table--quick th.r,
.bh-inv-list-table--quick td.r { text-align: right; }
.bh-inv-qinp {
    width: 100%;
    max-width: 96px;
    padding: 4px 6px;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    font-size: 12px;
    text-align: right;
    box-sizing: border-box;
}
.bh-inv-qinp--txt { max-width: 120px; text-align: left; }
.bh-inv-quick-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    margin-top: 8px;
    background: #ecfdf5;
    border: 1px solid #6ee7b7;
    border-radius: 8px;
    position: sticky;
    bottom: 10px;
    z-index: 30;
    box-shadow: 0 4px 18px rgba(4, 120, 87, .20);
}
.bh-inv-quick-bar.hidden { display: none !important; }
.bh-inv-quick-bar--dirty { background: #fef9c3; border-color: #facc15; }
.bh-inv-quick-bar--dirty .bh-inv-quick-hint { color: #854d0e; }
.bh-inv-quick-hint { font-size: 12px; color: #047857; }
.bh-inv-quick-bar-actions { display: flex; gap: 8px; align-items: center; }
.bh-inv-chk-filter {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: #475569;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}
.bh-inv-chk-filter input { margin: 0; }
.bh-inv-inline-scroll-wrap,
.bh-inv-inline-scroll-wrap--on {
    width: 100%;
    max-width: none;
    overflow-x: auto;
    overflow-y: visible;
    max-height: none;
    -webkit-overflow-scrolling: touch;
}
/* Tam içerik genişliği: sabit fiyat kolonları + isim kalanı emer (daralmış 260px regresyon fix) */
.bh-inv-root .bh-cust-sheet.bh-list-sheet {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box;
}
.bh-inv-list-table--inline {
    width: 100% !important;
    max-width: none !important;
    min-width: max(100%, 1480px) !important;
    table-layout: fixed;
}
.bh-inv-list-table--inline th.r { text-align: right; vertical-align: bottom; }
.bh-inv-list-table--inline th.c,
.bh-inv-list-table--inline td.c { text-align: center; }
.bi-th-sub { font-weight: 400; font-size: 10px; color: #94a3b8; }
.bh-inv-list-table--inline .bh-col-inline-chk { width: 30px; }
.bh-inv-list-table--inline .bh-col-inline-plus { width: 34px; }
.bh-inv-list-table--inline .bh-col-inline-img { width: 70px; }
.bh-inv-list-table--inline .bh-col-inline-name { width: auto !important; min-width: 300px; }
.bh-inv-list-table--inline .bh-col-inline-alis { width: 184px; }
.bi-alis-wrap { display: flex; align-items: center; gap: 4px; justify-content: flex-end; }
.bi-doviz { width: 38px; height: 32px; border: 1px solid #cbd5e1; border-radius: 5px; font-size: 11px; font-weight: 500; padding: 0 1px; text-align: center; background: #f1f5f9; color: #334155; cursor: pointer; flex-shrink: 0; }
.bi-cell-alis { flex: 1 1 auto; max-width: none !important; min-width: 0; }
.bh-inv-list-table--inline .bh-col-inline-num { width: 120px; }
.bh-inv-list-table--inline .bh-col-inline-tier { width: 180px; }
.bh-inv-list-table--inline .bh-col-inline-stok { width: 64px; }
.bh-inv-list-table--inline .bh-col-inline-b2b { width: 72px; }
.bh-inv-list-table--inline .bh-col-inline-act { width: 148px; }
.bh-inv-row--inline td { vertical-align: middle; padding: 8px 7px; }
.bh-inv-list-table--inline .bi-name { padding-right: 14px; }
.bh-inv-list-table--inline .bi-prow td { background: #ffffff; border-bottom: 1px solid #e8eef4; }
.bh-inv-list-table--inline .bi-prow--alt td { background: #eaf1f8; }
.bh-inv-list-table--inline .bi-prow:hover td { background: #e6f0fa; }
.bh-inv-list-table--inline th { background: #eef3f8; }
.bi-plus {
    width: 28px; height: 28px; border: 1px solid #6ee7b7; border-radius: 50%;
    background: #d1fae5; color: #059669; cursor: pointer; padding: 0; font-weight: 700;
    display: inline-flex; align-items: center; justify-content: center; font-size: 14px;
    box-shadow: 0 1px 2px rgba(5, 150, 105, .15); transition: transform .15s, background .15s;
}
.bi-plus:hover { background: #a7f3d0; }
.bi-prow.bi-open .bi-plus { background: #059669; border-color: #059669; color: #fff; transform: rotate(45deg); }
.bi-thumb { width: 54px; height: 54px; object-fit: cover; border-radius: 9px; border: 1px solid #dbe6f0; }
.bi-thumb--ph { display: inline-flex; align-items: center; justify-content: center; background: #f1f5f9; color: #c3d0dc; font-size: 20px; }
.bi-pname { font-weight: 800; font-size: 15px; color: #111827; line-height: 1.35; white-space: normal; overflow-wrap: anywhere; word-break: break-word; cursor: pointer; text-transform: uppercase; letter-spacing: 0.02em; }
.bi-pname:hover { color: #0f6e56; text-decoration: underline; }
.bi-name-row { display: flex; align-items: flex-start; gap: 6px; }
.bi-name-row .bi-pname { flex: 1; min-width: 0; }
.bi-name-edit { border: 0; background: transparent; color: #b6c2ce; cursor: pointer; padding: 2px 3px; font-size: 11px; border-radius: 4px; flex-shrink: 0; line-height: 1; margin-top: 2px; }
.bi-name-edit:hover { color: #0f6e56; background: #e6f0fa; }
.bi-barkod { font-size: 11.5px; color: #111827; font-family: ui-monospace, Consolas, monospace; font-weight: 600; margin-top: 2px; }
.bi-tagrow { display: flex; align-items: center; gap: 6px; margin-top: 3px; flex-wrap: wrap; }
.bi-tag { display: inline-block; font-size: 9.5px; font-weight: 700; padding: 1px 6px; border-radius: 6px; letter-spacing: .2px; }
.bi-tag--kir { background: #fce7f3; color: #be185d; }
.bi-tag--oje { background: #ede9fe; color: #6d28d9; }
.bi-tag--man { background: #ccfbf1; color: #0f766e; }
.bi-tag--kua { background: #fef3c7; color: #b45309; }
.bi-tag--mak { background: #e0f2fe; color: #0369a1; }
.bi-tag-alt { font-size: 10px; color: #475569; background: #eef2f6; padding: 1px 7px; border-radius: 6px; }
.bi-tag-marka { font-size: 10px; color: #334155; font-weight: 700; letter-spacing: .2px; }
.bi-th-sort { cursor: pointer; user-select: none; }
.bi-th-sort:hover { color: #346585 !important; background: #eef5fb !important; }
.bi-th-in { display: inline-flex; align-items: center; gap: 4px; vertical-align: middle; }
.bi-sort-carets { display: inline-flex; flex-direction: column; justify-content: center; gap: 1px; height: 13px; line-height: .5; font-size: 9px; }
.bi-sort-carets i { font-size: 8px; line-height: 6px; color: #c3d0dc; }
.bi-th-sort.is-sort-asc .bi-sort-carets .fa-caret-up,
.bh-inv-list-table--inline th.sortable.is-sort-asc .bi-sort-carets .fa-caret-up { color: #346585; opacity: 1 !important; }
.bi-th-sort.is-sort-desc .bi-sort-carets .fa-caret-down,
.bh-inv-list-table--inline th.sortable.is-sort-desc .bi-sort-carets .fa-caret-down { color: #346585; opacity: 1 !important; }
.bi-acts-row { display: flex; gap: 6px; justify-content: center; align-items: center; flex-wrap: nowrap; }
.abtn { width: 30px; height: 30px; border-radius: 8px; border: 1px solid transparent; display: inline-flex; align-items: center; justify-content: center; font-size: 12.5px; cursor: pointer; transition: filter .12s; padding: 0; }
.abtn:hover { filter: brightness(.95); }
.abtn.add { background: #dcfce7; color: #16a34a; }
.abtn.label { background: #e0f2fe; color: #0369a1; }
.abtn.chart { background: #f3e8ff; color: #7c3aed; }
.abtn.sell { background: #fee2e2; color: #dc2626; }
.bh-inv-filter-count { font-size: 12px; color: #475569; font-weight: 700; margin-left: auto; background: #eaf1f8; padding: 5px 11px; border-radius: 8px; white-space: nowrap; }
.bh-inv-btn-ara { background: #346585 !important; color: #fff !important; border: none !important; box-shadow: 0 2px 0 #22475f; }
.bh-inv-btn-clear { background: #fff !important; border: 1px solid #dbe6f0 !important; color: #64748b !important; }
.bh-inv-filter-select--brand { border-color: #346585 !important; color: #346585 !important; font-weight: 600 !important; }
.bh-inv-filter-select:disabled { opacity: .45; cursor: not-allowed; background: #f4f7fa !important; }
@media (max-width: 1100px) {
    .bh-inv-root .bh-inv-inline-scroll-wrap { max-width: 100%; }
    .bh-inv-list-table--inline { min-width: max(100%, 1100px); }
    .bh-inv-list-table--inline .bh-col-inline-name { min-width: 220px; }
    .bh-inv-list-table--inline .bh-col-inline-tier { width: 150px; }
    .bh-inv-list-table--inline .bh-col-inline-alis { width: 166px; }
    .bh-inv-list-table--inline .bh-col-inline-num { width: 96px; }
}
@media (max-width: 680px) {
    .bh-inv-root .bh-inv-filter-row { flex-wrap: wrap; gap: 7px; }
    .bh-inv-root .bh-inv-filter-select { min-width: 0; flex: 1 1 120px; }
}
.bi-cell {
    width: 100%; max-width: none; padding: 7px 11px; border: 1px solid #cbd5e1;
    border-radius: 5px; font-size: 13px; text-align: right; box-sizing: border-box;
}
.bi-inc { font-size: 12px; color: #475569; white-space: nowrap; }
.bi-tier { vertical-align: middle !important; }
.bi-marj { display: flex; align-items: center; justify-content: flex-end; gap: 2px; margin-top: 2px; }
.bi-marj small { font-size: 10px; color: #94a3b8; }
.bi-marjin { width: 44px; padding: 2px 3px; border: 1px solid #e2e8f0; border-radius: 3px; font-size: 11px; text-align: right; }
.bi-stok-zero { border-color: #fca5a5 !important; background: #fef2f2; }
.bi-stok-crit { border-color: #fcd34d !important; background: #fffbeb; }
.bi-swwrap { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.bi-sw {
    width: 34px; height: 18px; border-radius: 999px; background: #cbd5e1; position: relative; cursor: pointer;
}
.bi-sw::after {
    content: ''; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px;
    border-radius: 50%; background: #fff; transition: transform .15s;
}
.bi-sw.on { background: #22c55e; }
.bi-sw.on::after { transform: translateX(16px); }
.bi-sw-lbl { font-size: 10px; color: #64748b; }
.bi-acts { white-space: nowrap; }
.bi-name-input { width: 100%; box-sizing: border-box; border: 1px solid #346585; border-radius: 5px; padding: 5px 8px; font-size: 13px; font-weight: 600; color: #111827; }
.bi-detail td { background: #f8fafc; padding: 12px 16px !important; border-bottom: 2px solid #e2e8f0; }
.bi-dsec { font-size: 11px; font-weight: 700; color: #475569; text-transform: uppercase; letter-spacing: .04em; margin: 10px 0 6px; }
.bi-dsec:first-child { margin-top: 0; }
.bi-dgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 8px 12px; margin-bottom: 8px; }
.bi-f label { display: block; font-size: 11px; color: #64748b; margin-bottom: 2px; }
.bi-f input, .bi-f select { width: 100%; padding: 5px 7px; border: 1px solid #cbd5e1; border-radius: 4px; font-size: 12px; box-sizing: border-box; }
.bi-f-span2 { grid-column: span 2; }
.bi-dfoot { display: flex; align-items: center; gap: 8px; margin-top: 10px; padding-top: 10px; border-top: 1px solid #e2e8f0; }
.bh-inv-row--quick td { vertical-align: middle; padding-top: 6px; padding-bottom: 6px; }

/* Referans urun toplu islem sayfalari */
.bh-ref-workpage { max-width: 1180px; margin: 0 auto; color: #4b5563; }
.bh-ref-workbar { min-height: 48px; display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.bh-ref-info { padding: 16px 20px; border: 1px solid #e2c46d; border-radius: 3px; background: #fff8dc; }
.bh-ref-info h3 { margin: 0 0 10px; font-size: 16px; color: #6b5718; }
.bh-ref-info ul { margin: 0; padding-left: 20px; line-height: 1.75; font-size: 13px; }
.bh-ref-upload-panel { margin-top: 18px; padding: 28px 24px; border: 1px solid #b8dfbc; background: #eef9ef; text-align: center; }
.bh-ref-upload-panel > i { font-size: 42px; color: #5cb85c; }
.bh-ref-upload-panel h3 { margin: 10px 0 5px; color: #3c763d; }
.bh-ref-upload-panel p { margin: 0 0 15px; font-size: 13px; }
.bh-ref-upload-panel input[type=file] { display: block; width: min(520px,100%); margin: 0 auto 14px; padding: 9px; border: 1px solid #ccd5dd; background: #fff; }
.bh-ref-upload-panel small { display: block; margin-top: 12px; color: #6b7280; }
.bh-ref-result { min-height: 80px; margin-top: 16px; padding: 18px; border: 1px solid #d8dde3; background: #fff; color: #7b8794; }
.bh-cust-btn--red { background: #d9534f !important; border-color: #d43f3a !important; color: #fff !important; }
.bh-ref-page-title { display:flex;align-items:center;gap:12px;min-height:48px;margin-bottom:12px;border-bottom:1px solid #d8dde3; }
.bh-ref-page-title h2 { margin:0;font-size:18px;color:#43566d; }
.bh-ref-filter-card { padding:18px;border:1px solid #d8dde3;background:#fff; }
.bh-ref-filter-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;margin-bottom:16px; }
.bh-ref-filter-grid label,.bh-ref-export-grid label { display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#555; }
.bh-ref-filter-grid input,.bh-ref-filter-grid select,.bh-ref-export-grid select { width:100%;height:36px;padding:7px 9px;border:1px solid #bfc8d1;border-radius:3px;background:#fff;box-sizing:border-box; }
.bh-ref-result-head { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px; }
.bh-ref-mini-list { max-height:430px;overflow-y:auto;border:1px solid #e2e8f0; }
.bh-ref-mini-list > div { display:flex;justify-content:space-between;gap:16px;padding:9px 11px;border-bottom:1px solid #edf0f2;color:#333; }
.bh-ref-mini-list > div:nth-child(even) { background:#fffdf3; }
.bh-ref-mini-list small { color:#7b8794; }
.bh-ref-export-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px; }
.bh-inv-copy-dialog footer { display:flex;justify-content:flex-end;padding:13px 18px;border-top:1px solid #e2e8f0;background:#f7f8fa; }
@media(max-width:760px){.bh-ref-filter-grid,.bh-ref-export-grid{grid-template-columns:1fr}.bh-ref-result-head{align-items:flex-start;flex-direction:column}.bh-ref-mini-list>div{flex-direction:column;gap:3px}}

/* ================================================================
   ESTETIK v543 — Urun listesi: musteri listesi (bhc2 v3) mantigi
   gecisli zemin + golgeli kart-satir + hover golge animasyon.
   Tablo zaten border-collapse:separate; sadece dikey bosluk ekliyoruz.
   Scope: sadece desktop, .bh-inv-root; JS moduluna dokunulmadi.
   ================================================================ */
html.bh-viewport-desktop .bh-inv-root .bh-list-table { border-spacing: 0 6px !important; }
html.bh-viewport-desktop .bh-inv-root .bh-list-table tbody.bh-cust-list,
html.bh-viewport-desktop .bh-inv-root .bh-list-table tbody {
  background: linear-gradient(180deg,#edf4fb 0%,#f4f9fd 45%,#ffffff 82%) !important;
}
/* zebra kapat -> kart-satir gradyan hucre */
html.bh-viewport-desktop .bh-inv-root .bh-list-table tbody tr.bh-cust-row:nth-child(odd),
html.bh-viewport-desktop .bh-inv-root .bh-list-table tbody tr.bh-cust-row:nth-child(even) {
  background: transparent !important;
}
html.bh-viewport-desktop .bh-inv-root .bh-list-table tbody tr.bh-cust-row > td {
  background: linear-gradient(180deg,#ffffff,#f6f9fc) !important;
  border-top: 1px solid #eef3f8 !important;
  border-bottom: 1px solid #e4ecf4 !important;
  box-shadow: 0 1px 2px rgba(20,45,70,.05) !important;
  transition: box-shadow .16s, background .16s !important;
}
html.bh-viewport-desktop .bh-inv-root .bh-list-table tbody tr.bh-cust-row > td:first-child {
  border-left: 3px solid transparent !important;
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}
html.bh-viewport-desktop .bh-inv-root .bh-list-table tbody tr.bh-cust-row > td:last-child {
  border-right: 1px solid #eef3f8 !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
html.bh-viewport-desktop .bh-inv-root .bh-list-table tbody tr.bh-cust-row:hover > td {
  background: linear-gradient(180deg,#eaf3fb,#dceefa) !important;
  box-shadow: 0 2px 5px rgba(20,45,70,.07), 0 10px 22px -7px rgba(52,101,133,.34) !important;
}
html.bh-viewport-desktop .bh-inv-root .bh-list-table tbody tr.bh-cust-row:hover > td:first-child {
  border-left-color: var(--brand,#346585) !important;
}

/* --- inline liste (bi-prow) — ayni kart-satir + hover golge animasyon --- */
html.bh-viewport-desktop .bh-inv-root .bh-list-table tbody tr.bi-prow > td {
  background: linear-gradient(180deg,#ffffff,#f6f9fc) !important;
  border-top: 1px solid #eef3f8 !important;
  border-bottom: 1px solid #e4ecf4 !important;
  box-shadow: 0 1px 2px rgba(20,45,70,.05) !important;
  transition: box-shadow .16s, background .16s !important;
}
html.bh-viewport-desktop .bh-inv-root .bh-list-table tbody tr.bi-prow--alt > td {
  background: linear-gradient(180deg,#f8fbff,#f2f7fb) !important;
}
html.bh-viewport-desktop .bh-inv-root .bh-list-table tbody tr.bi-prow > td:first-child {
  border-left: 3px solid transparent !important;
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}
html.bh-viewport-desktop .bh-inv-root .bh-list-table tbody tr.bi-prow > td:last-child {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
html.bh-viewport-desktop .bh-inv-root .bh-list-table tbody tr.bi-prow:hover > td {
  background: linear-gradient(180deg,#eaf3fb,#dceefa) !important;
  box-shadow: 0 2px 5px rgba(20,45,70,.07), 0 10px 22px -7px rgba(52,101,133,.34) !important;
}
html.bh-viewport-desktop .bh-inv-root .bh-list-table tbody tr.bi-prow:hover > td:first-child {
  border-left-color: var(--brand,#346585) !important;
}

/* v1807 — klasik referans liste: kart/golge katmanini normal urun satirinda kapat. */
html.bh-viewport-desktop .bh-inv-root .bh-list-table:not(.bh-inv-list-table--inline) {
  border-spacing: 0 !important;
}
html.bh-viewport-desktop .bh-inv-root .bh-list-table:not(.bh-inv-list-table--inline) tbody {
  background: #fff !important;
}
html.bh-viewport-desktop .bh-inv-root .bh-list-table:not(.bh-inv-list-table--inline) tbody tr.bh-cust-row > td {
  background: #fff !important;
  border-top: 0 !important;
  border-bottom: 1px solid #e1e1e1 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.bh-viewport-desktop .bh-inv-root .bh-list-table:not(.bh-inv-list-table--inline) tbody tr.bh-cust-row:nth-child(even) > td {
  background: #fffdf3 !important;
}
html.bh-viewport-desktop .bh-inv-root .bh-list-table:not(.bh-inv-list-table--inline) tbody tr.bh-cust-row:hover > td {
  background: #f3f8fb !important;
  box-shadow: none !important;
}