/* 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;
}
.bh-inv-root .bh-cust-btn--green {
    background: #5cb85c !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;
    box-shadow: 0 2px 0 #46b8da !important;
}
.bh-inv-root .bh-inv-btn--bulk-img {
    background: #424f63 !important;
    box-shadow: 0 2px 0 #2c3642 !important;
}
.bh-inv-root .bh-inv-btn--bulk-del {
    background: #e59163 !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;
    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;
}
.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: 12px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !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;
}