/* Custom POS Styles */
.payment-method-details {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #f9f9f9;
}

.mpesa-details, .kcb-buni-details {
    display: none;
}

.payment-row {
    margin-bottom: 15px;
}

.error-message {
    color: #d9534f;
    font-size: 12px;
    margin-top: 5px;
}

.success-message {
    color: #5cb85c;
    font-size: 12px;
    margin-top: 5px;
}

/* Fix for duplicate ID styling conflicts */
.pos-form-container {
    position: relative;
}

.pos-form-container .duplicate-id-fix {
    display: none !important;
}

/* Horizontal-scroll affordance for wide DataTables (see common.js) --
   a right-edge fade that hints there's more to scroll to, hidden once
   the table is scrolled to its end. */
.dataTables_scrollBody {
    position: relative;
}

.dataTables_scrollBody.has-more-to-scroll::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 28px;
    pointer-events: none;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
}