:root {
    --pdv-navy: #101828;
    --pdv-panel: #182230;
    --pdv-green: #0a9b68;
    --pdv-border: #d8e0e9;
    --pdv-bg: #edf2f7;
    --pdv-text: #172033;
}

body.pdv-page {
    margin: 0;
    min-width: 760px;
    min-height: 100vh;
    overflow: hidden;
    color: var(--pdv-text);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    background: var(--pdv-bg);
}

.pdv-page #pai,
.pdv-page #principal {
    width: 100%;
    height: 100vh;
    max-width: none;
    max-height: none;
    margin: 0;
}

.pdv-page #principal { padding: 10px; }

.pdv-page #pai,
.pdv-page #principal,
.pdv-page #corpopdv {
    box-sizing: border-box;
}

.pdv-page #corpopdv {
    width: 100%;
    height: calc(100vh - 20px);
    max-width: none;
    max-height: none;
    margin: 0;
    overflow: hidden;
    border: 1px solid #cfd8e5;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(16, 24, 40, .12);
}

.pdv-page #corpogeralinicio {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: 88px minmax(0, 1fr) 42px;
    background: #f7f9fc;
}

.pdv-page #corpotopoinicio {
    width: 100%;
    height: auto;
    float: none;
    display: flex;
    align-items: stretch;
    border: 0;
    background: linear-gradient(135deg, #101828, #1c2b3d);
    box-shadow: 0 4px 14px rgba(16, 24, 40, .2);
    z-index: 2;
}

.pdv-page #corpomenutopo {
    width: auto;
    height: 100%;
    flex: 1;
    float: none;
    display: flex;
    align-items: stretch;
    gap: 6px;
    padding: 7px 9px;
}

.pdv-page #corpolinktopo {
    width: 90px;
    height: 74px;
    flex: 0 0 90px;
    float: none;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 10px;
    background: rgba(255, 255, 255, .06);
    transition: transform .16s, background .16s, box-shadow .16s;
}

.pdv-page #corpolinktopo:hover {
    transform: translateY(-2px);
    background: rgba(255, 255, 255, .14);
    box-shadow: 0 8px 18px rgba(0, 0, 0, .18);
}

.pdv-page #corpolinktopo form { width: 100%; height: 100%; margin: 0; }

.pdv-page #corpolinktopo input[type="image"] {
    display: block;
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    object-fit: fill;
    border: 0;
    border-radius: 9px;
}

.pdv-page #corporelogio {
    width: 155px;
    height: 100%;
    flex: 0 0 155px;
    float: none;
    padding: 0;
    background: rgba(0, 0, 0, .25);
}

.pdv-page #divrelogio {
    width: 100%;
    height: 100%;
    float: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px 14px;
    border: 0;
    color: #cbd5e1;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.pdv-page #divrelogio input {
    width: 100%;
    height: auto;
    float: none;
    padding: 2px 0 0;
    color: #fff;
    background: transparent;
    font: 800 25px/1.2 "Segoe UI", Arial, sans-serif;
    text-align: center;
}

.pdv-page #corpocentroinicio {
    width: 98%;
    height: auto;
    max-height: none;
    float: none;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
    border: 0;
    background: #f7f9fc;
    scrollbar-color: #9aa8ba transparent;
    scrollbar-width: thin;
}

.pdv-page #corpocentroinicio.centro-mesas {
    display: grid;
    grid-template-columns: repeat(10, minmax(86px, 1fr));
    grid-auto-rows: 128px;
    gap: 7px;
    align-content: start;
    padding: 10px;
}

.pdv-page #corpocentroinicio.centro-entregas {
    display: block;
    padding: 4px;
}

.pdv-page #corpocentroinicio::-webkit-scrollbar { width: 10px; }
.pdv-page #corpocentroinicio::-webkit-scrollbar-track { background: transparent; }
.pdv-page #corpocentroinicio::-webkit-scrollbar-thumb { border: 3px solid #f7f9fc; border-radius: 20px; background: #9aa8ba; }

.pdv-page #mesas {
    position: relative;
    width: auto;
    height: auto;
    min-width: 0;
    float: none;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(16, 24, 40, .18);
    border-radius: 12px;
    box-shadow: 0 3px 9px rgba(16, 24, 40, .09);
    transition: transform .14s, box-shadow .14s, border-color .14s;
}

.pdv-page #mesas:hover {
    transform: translateY(-2px);
    border-color: rgba(16, 24, 40, .4);
    box-shadow: 0 7px 15px rgba(16, 24, 40, .16);
    z-index: 1;
}

.pdv-page #mesas form {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
}

.pdv-page #mesas .inputimage {
    position: absolute;
    inset: 7px 7px 30px;
    width: calc(100% - 14px) !important;
    height: calc(100% - 37px) !important;
    margin: 0;
    object-fit: contain;
    border: 0;
}

.pdv-page #mesas .inputtext {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 32px;
    margin: 0;
    padding: 0 5px 4px;
    border: 0 !important;
    border-radius: 0;
    color: #101828;
    font: 800 19px/1 "Segoe UI", Arial, sans-serif;
    text-align: center;
}

.pdv-page #corporodapeinicio {
    width: 100%;
    height: auto;
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    overflow: hidden;
    border: 0;
    border-top: 1px solid var(--pdv-border);
    color: #475467;
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (max-width: 1050px) {
    .pdv-page #corpocentroinicio.centro-mesas { grid-template-columns: repeat(8, minmax(82px, 1fr)); }
    .pdv-page #corpolinktopo { width: 82px; flex-basis: 82px; }
}

@media (max-width: 820px) {
    .pdv-page #corpocentroinicio.centro-mesas { grid-template-columns: repeat(6, minmax(78px, 1fr)); }
    .pdv-page #corporelogio { width: 135px; flex-basis: 135px; }
    .pdv-page #corpolinktopo { width: 76px; flex-basis: 76px; }
}

@media (min-width: 1400px) {
    .pdv-page #pai {
        width: 80vw !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
.modal-sabor{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.72)}.modal-sabor-card{width:min(460px,100%);padding:22px;border-radius:18px;background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.3);text-align:center}.modal-sabor-card h3{margin:0;color:#14213a;font-size:25px}.modal-sabor-card p{margin:7px 0 18px;color:#64748b}.modal-sabor-opcoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.modal-sabor-opcoes button,.modal-sabor-cancelar{min-height:50px;border:0;border-radius:10px;font-size:17px;font-weight:800;cursor:pointer}.modal-sabor-opcoes button{color:#fff;background:#1769e0}.modal-sabor-cancelar{width:100%;margin-top:12px;color:#fff;background:#d92d20}@media(max-width:420px){.modal-sabor-opcoes{grid-template-columns:1fr}.modal-sabor-card{max-height:90vh;overflow:auto}}
.obsitem-pedido{display:block;margin-top:3px;color:#1769e0;font-size:12px;font-weight:800}
.pedido-entregue-bloqueado #listcatitens,.pedido-entregue-bloqueado #corpolistitens,.pedido-entregue-bloqueado #opitens{display:none!important}.pedido-entregue-bloqueado #opadd .acoes-pedido-grid>*{display:none!important}.pedido-entregue-bloqueado #opadd .acoes-pedido-grid form[action*="recebermesaind"],.pedido-entregue-bloqueado #opadd .acoes-pedido-grid>a[href*="multipagamentos"]{display:block!important;margin:0 auto}.pedido-entregue-bloqueado #opadd .acoes-pedido-grid form[action*="recebermesaind"] .confireceber{display:block!important;min-width:150px;background:#079669!important;color:#fff!important}.pedido-entregue-bloqueado #opadd .acoes-pedido-grid>a[href*="multipagamentos"]{min-width:150px;text-align:center}