/* InVin Sell / POS panel — Phase 3 */

#salesSection .barcode-input-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

#salesSection .barcode-input-group input[type="text"] {
    flex: 1;
    min-width: 200px;
    padding: 10px 14px;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    font-size: 14px;
}

#salesSection .transaction-summary,
#salesSection .transaction-items {
    margin: 20px 0;
    padding: 16px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e4e4e7;
}

#salesSection .price-breakdown {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e0e0e0;
}

#salesSection .price-breakdown-list {
    margin: 10px 0;
}

#salesSection .total-display {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 2px solid #667eea;
    font-size: 1.1rem;
}

#salesSection .pos-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0;
}

#salesSection .transaction-history-section {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #e4e4e7;
}

#salesSection .transaction-history-section .btn {
    width: 100%;
    padding: 12px 20px;
    font-size: 1rem;
}

#salesSection .item-controls {
    flex-wrap: wrap;
    min-width: 0;
}

#salesSection .price-control label,
#salesSection .quantity-control label {
    white-space: nowrap;
}

#salesSection .item-total {
    flex-shrink: 0;
    white-space: nowrap;
}

#salesSection .item-name {
    overflow-wrap: anywhere;
}

#salesSection .summary-item input {
    max-width: 100%;
}