.pos-container {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.pos-card {
    width: 100%;
    max-width: 420px;
    padding: 25px;
    border-radius: 18px;
}

.pos-title {
    font-weight: 600;
    margin-bottom: 10px;
}

.pos-subtitle {
    opacity: 0.8;
}

.pos-total {
    font-size: 20px;
    font-weight: 600;
    margin-top: 5px;
}

.pos-input {
    font-size: 22px;
    margin-top: 5px;
}

.pos-change-box {
    background: #91d1ff;
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;
}

.pos-keypad {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    font-size:larger;
}

.pos-key-btn {
    height: 60px !important;
    font-size: 42px !important;
    font-weight: bold !important;
    background-color:lightseagreen !important;
}

    .pos-key-btn .mud-button-label {
        font-size: 42px !important;
        font-weight: bold !important;
        background-color: lightseagreen !important;
    }


.tip-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.tip-btn {
    font-size: 16px;
}

.tip-manual-btn {
    margin-top: 10px;
}

.pos-select {
    margin-top: 15px;
}

.pos-actions {
    margin-top: 20px;
    display: flex;
    gap: 10px;
}

.pos-pay-btn {
    flex: 1;
    height: 55px;
    font-size: 18px;
    background-color: #009a3e;
    color: white;
}

.pos-reprint-btn {
    flex: 1;
    height: 55px;
    font-size: 18px;
}
.pos-totalpagar-box {
    background: #f5b767;
    padding: 12px;
    border-radius: 12px;
    margin-top: 10px;
}