/* POS terminal layout — kept separate from app shell */

.pos-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 10px;
}

.pos-item-btn {
    min-height: 80px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
    background: white;
    transition: all 0.2s;
}

.pos-item-btn:hover,
.pos-item-btn:focus {
    background: #e3f2fd;
    border-color: #1b5e20;
}