/* POS specific styles to better match the provided screenshot */
body.page-satis-pos {
    background: #e9ecef;
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Header / barcode area */
.pos-topbar { display:flex; gap:8px; align-items:center; margin-bottom:6px; }
.pos-topbar .musteri-input { flex:1; }
.pos-topbar .barcode-input { flex:2; background:#000; color:#fff; padding:6px; border-radius:4px; }

/* selected customer card */
#pos-selected-musteri-card { background: #ffffff; border:1px solid #e2e6ea; box-shadow: 0 3px 8px rgba(0,0,0,0.04); }
#pos-selected-musteri-card .btn { font-size:12px; }

/* customer search rows */
.musteri-row { cursor:pointer; }
.musteri-row:focus, .musteri-row:hover { background:#f6f9fb; outline: none; }

/* product tiles */
.hs-product {
    height:120px;
    padding:6px;
    background:#fff;
    border:1px solid #d0d4d8;
    border-radius:6px;
    position:relative;
    overflow:hidden;
    box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}
.hs-product .hs-thumb {
    height:66px;
    background-color:#fafafa;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    margin:0 auto;
    width:78%;
    border-radius:3px;
}
.hs-price-badge{
    display:block;
    position:static;
    background:#c71b1b;
    color:#fff;
    padding:4px 8px;
    font-weight:800;
    border-radius:4px;
    font-size:12px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    margin:6px auto 0 auto;
    text-align:center;
}
.hs-name{ font-weight:600; font-size:12px; color:#111; text-align:center; max-height:34px; overflow:hidden; }

/* small product price under name */
.hs-product .hs-price-small { color:#c71b1b; font-weight:700; margin-top:4px; font-size:12px; text-align:center; }

/* totals large */
.hs-totals-large{ min-height:130px; padding:18px; border-radius:6px; }
#pos-total-large { font-family: 'Segoe UI', Roboto, sans-serif; }

/* keypad */
.hs-keypad .hs-key{ background:#58606b; color:#fff; border-radius:4px; height:56px; font-size:20px; border:1px solid #454b54; box-shadow: inset 0 -2px 0 rgba(0,0,0,0.12); }
.hs-keypad .hs-key:active{ transform: translateY(1px); }

/* pos layout tweaks */
.card-body.hizli-product-grid { padding:8px !important; }
#pos-products .col { padding-left:6px; padding-right:6px; }

/* table row styles */
#pos-lines tr td{ vertical-align:middle; border-bottom:1px solid #f1f1f1; }

/* tabs at top of right panel */
.pos-category-tabs { display:flex; gap:6px; margin-bottom:8px; }
.pos-category-tabs .tab { background:#fff; border:1px solid #dfe4e8; padding:6px 8px; border-radius:4px; font-size:12px; }
.pos-category-tabs .tab.active{ background:#f6f6f6; border-color:#cfd6db; }

/* totals currency alignment */
.hs-totals-large .small { opacity:0.9; }

/* payments section */
.payments-card {
    background: #fff;
    border: 1px solid #dfe4e8;
    border-radius: 6px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.payment-header {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
    flex-wrap: wrap;
}
.payment-header label {
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    margin: 0;
}
.payment-header .form-select-sm {
    width: auto;
    min-width: 140px;
    flex: 1;
}
.payment-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 6px;
}
.payment-btn {
    font-weight: 700;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 6px;
}
.payment-btn .icon {
    font-size: 18px;
}

/* small responsive adjustments */
@media (max-width: 1200px){
    .hs-product { height:100px; }
}

/* Ensure POS product grid shows 6 columns on wide screens */
@media (min-width: 1200px) {
    #pos-products.row-cols-xl-3 > .col {
        flex: 0 0 16.66666667% !important;
        width: 16.66666667% !important;
        max-width: 16.66666667% !important;
    }
}

@media (max-width: 576px){
    .pos-topbar { flex-direction:column; }
    .pos-topbar .barcode-input { width:100%; }
    #pos-selected-musteri-card { min-width:unset; width:100%; }
    .hs-keypad .hs-key{ height:48px; font-size:18px; }
}