/* ==========================================
   VARIÁVEIS
========================================== */

:root{
--orange-light:#ff7a1a;
--dark-red:#3d0505;
--red-light:#7a1515;
--gold:#ffb81c;

--bg-dark:#050505;

--card-gradient:linear-gradient(145deg,#111111,#0a0a0a);
}


/* ==========================================
   BODY
========================================== */

body{
font-family:'Outfit',sans-serif;
background-color:var(--bg-dark);
color:#eeeeee;
margin:0;
overflow-x:hidden;
}


/* FUNDO SUAVE */

body::before{
content:'';
position:fixed;
top:0;
left:0;
width:100%;
height:100%;

background:radial-gradient(
circle at top right,
rgba(122,21,21,0.15) 0%,
transparent 50%
);

pointer-events:none;
z-index:-1;
}


/* ==========================================
   CONTAINERS
========================================== */

.bg-card{
background:var(--card-gradient);
border-radius:16px;
}


/* ==========================================
   LISTAS BANCO
========================================== */

.item-lista-db{

background:rgba(255,255,255,0.03);
border:1px solid rgba(255,255,255,0.05);

padding:10px;

border-radius:10px;

display:flex;
justify-content:space-between;
align-items:center;

transition:all .2s ease;

}

.item-lista-db:hover{

background:rgba(255,255,255,0.06);
border-color:rgba(255,184,28,0.2);

}


/* ==========================================
   INPUTS
========================================== */

.input-dark{

background:rgba(255,255,255,0.03);
border:1px solid rgba(255,255,255,0.1);

padding:10px;

border-radius:8px;

color:#fff;

outline:none;

transition:.3s;

}

.input-dark:focus{

border-color:var(--gold);

background:rgba(255,255,255,0.05);

box-shadow:0 0 15px rgba(255,184,28,0.15);

}


/* SELECT */

select.input-dark{
appearance:none;
}


/* TEXTAREA */

textarea.input-dark{
min-height:80px;
resize:vertical;
}


/* ==========================================
   BOTÃO PRINCIPAL
========================================== */

.btn-principal{

background:linear-gradient(135deg,var(--gold),#f59e0b);

color:var(--dark-red);

border:1px solid rgba(255,255,255,0.4);

padding:10px;

font-weight:900;

border-radius:10px;

cursor:pointer;

box-shadow:0 8px 25px rgba(245,158,11,0.3);

transition:.3s;

}

.btn-principal:hover{

transform:translateY(-2px);

box-shadow:0 12px 30px rgba(245,158,11,0.4);

}

.btn-principal:active{
transform:scale(.97);
}


/* ==========================================
   MENU BOTÕES
========================================== */

.nav-btn{

padding:8px 16px;

border-radius:10px;

background:rgba(255,255,255,0.05);

border:1px solid rgba(255,255,255,0.1);

font-weight:700;

cursor:pointer;

transition:.2s;

}

.nav-btn:hover{
background:rgba(255,255,255,0.1);
}


.nav-btn.active{

background:rgba(255,184,28,0.1);

color:var(--gold);

border-color:rgba(255,184,28,0.3);

}


/* ==========================================
   MONITOR DE PEDIDOS
========================================== */

.card-pedido-kds{

background:#0c0c0c;

border-radius:12px;

border:1px solid rgba(255,255,255,0.05);

padding:10px;

cursor:pointer;

transition:.2s;

}

.card-pedido-kds:hover{
transform:scale(1.03);
}


/* ALERTA ATRASO */

.atraso-critico{

border-color:#ef4444!important;

animation:pulse-red 1.5s infinite;

}

@keyframes pulse-red{

0%{box-shadow:0 0 0 0 rgba(239,68,68,0.4);}

70%{box-shadow:0 0 0 10px rgba(239,68,68,0);}

100%{box-shadow:0 0 0 0 rgba(239,68,68,0);}

}


/* ==========================================
   TAGS CARDÁPIO
========================================== */

.tag-categoria{

background:rgba(255,184,28,0.1);

color:var(--gold);

padding:2px 8px;

border-radius:6px;

font-size:9px;

font-weight:900;

text-transform:uppercase;

}


/* ==========================================
   BOTÕES PAGAMENTO MODAL
========================================== */

.btn-pagamento{

border:2px solid rgba(255,255,255,0.05);

padding:8px;

border-radius:10px;

color:#888;

cursor:pointer;

transition:.2s;

}

.btn-pagamento:hover{
background:rgba(255,255,255,0.05);
}

.btn-pagamento.ativo{

border-color:var(--gold);

background:rgba(255,184,28,0.1);

color:var(--gold);

box-shadow:0 0 15px rgba(255,184,28,0.1);

}


/* ==========================================
   SCROLL
========================================== */

.no-scrollbar::-webkit-scrollbar{
display:none;
}

.no-scrollbar{
-ms-overflow-style:none;
scrollbar-width:none;
}


/* ==========================================
   ANIMAÇÕES
========================================== */

.animate-fade-in{
animation:fadeIn .4s ease-out forwards;
}

@keyframes fadeIn{

from{
opacity:0;
transform:translateY(10px);
}

to{
opacity:1;
transform:translateY(0);
}

}


/* ==========================================
   GRID PEDIDOS (CORRIGIDO PARA PADRONIZAÇÃO)
========================================== */

#grade-pedidos-centro {
    display: grid;
    /* Aumentamos o tamanho mínimo para o card de delivery respirar */
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); 
    gap: 1.5rem;
    align-items: start;
}

/* Força todos os cards (Delivery e Mesa) a terem o mesmo comportamento visual */
#grade-pedidos-centro > div {
    min-height: 180px; /* Altura fixa para alinhar a grade */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* Garante que preencham o espaço do grid */
}

/* Ajuste específico para os cards de Mesa Agrupada */
.card-mesa-agrupada {
    height: 180px !important;
}

/* ==========================================
   CONTROLE DE ROLAGEM DOS FORMULÁRIOS
========================================== */

#campos-dinamicos {
    max-height: none;
    overflow: visible;
    padding-right: 0;
}

#lista-geral {
    max-height: none;
    overflow: visible;
    padding-right: 0;
}

#painel-pedidos,
#painel-formulario,
#painel-lista,
#coluna-centro,
#layout-admin {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

@media (max-width: 900px) {
    #campos-dinamicos,
    #lista-geral,
    #painel-pedidos,
    #painel-formulario,
    #painel-lista,
    #coluna-centro,
    #layout-admin {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}

/* Efeito visual de botão selecionado */
.btn-pagamento.ativo {
    background-color: #ffb81c !important;
    color: #3d0505 !important;
    font-weight: 900;
    border-color: #ffb81c;
}


/* ==========================================
   RESPONSIVO
========================================== */

@media(max-width:900px){

main{
grid-template-columns:1fr;
}

#grade-pedidos-centro{
grid-template-columns:repeat(2,1fr);
}

}

/* Atualize ou adicione estas regras */
#layout-admin {
    display: flex;
    flex-direction: column;
    width: 100%; /* Garante que o layout use a largura toda */
}

#grade-pedidos-centro {
    display: grid !important;
    /* Força 3 colunas no PC agora que tem espaço */
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 16px !important;
    width: 100% !important;
}

.pedido-card {
    min-width: 0 !important; /* Permite que o card encolha para caber na grade */
    height: 145px !important; /* Altura fixa para manter o alinhamento */
}

/* Ajuste para tablets */
@media (max-width: 1200px) {
    #grade-pedidos-centro {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Ajuste para celulares */
@media (max-width: 800px) {
    #grade-pedidos-centro {
        grid-template-columns: 1fr !important;
    }
}


/* ==========================================
   MODAL PRODUTO - NOVO VISUAL
========================================== */

#modal-produto .line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#modal-produto #p-modal-desc.expanded {
    display: block;
    overflow: visible;
}

#modal-produto #p-modal-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#modal-produto #lista-ingredientes label,
#modal-produto #lista-adicionais label {
    display: block;
    width: 100%;
}

#modal-produto textarea {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,184,28,0.35) transparent;
}

#modal-produto textarea::-webkit-scrollbar {
    width: 6px;
}

#modal-produto textarea::-webkit-scrollbar-thumb {
    background: rgba(255,184,28,0.35);
    border-radius: 999px;
}

#modal-produto textarea::-webkit-scrollbar-track {
    background: transparent;
}

#modal-produto .btn-elegante {
    background: linear-gradient(135deg, var(--gold), #f59e0b);
    color: var(--dark-red);
    border: 1px solid rgba(255,255,255,0.18);
    box-shadow: 0 10px 30px rgba(245,158,11,0.22);
    transition: all .25s ease;
}

#modal-produto .btn-elegante:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 34px rgba(245,158,11,0.28);
}

#modal-produto .btn-elegante:active {
    transform: scale(.98);
}

#modal-produto .opcao-card {
    transition: all .2s ease;
}

#modal-produto .opcao-card:hover {
    transform: translateY(-1px);
}

#modal-produto .secao-card {
    background: #161616;
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 18px;
}

@media (max-width: 768px) {
    #modal-produto .mobile-sheet {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    #modal-produto #p-modal-nome {
        font-size: 1rem;
        line-height: 1.1;
    }

    #modal-produto #p-modal-desc {
        font-size: 13px;
    }

    #modal-produto #lista-ingredientes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* Correção visual dos campos select no tema escuro */
select {
  background-color: #0b0b0b;
  color: #ffffff;
}
select option {
  background-color: #111111;
  color: #ffffff;
}
select option:checked,
select option:hover {
  background-color: #333333;
  color: #ffffff;
}

/* NovixMenu: painel administrativo responsivo */
#body-admin, #layout-admin, #coluna-centro, #painel-formulario, #campos-dinamicos { min-width: 0; }
#sidebar { overscroll-behavior: contain; }
#campos-dinamicos input, #campos-dinamicos select, #campos-dinamicos textarea { max-width: 100%; min-width: 0; font-size: 16px; }
#campos-dinamicos button, #sidebar button { touch-action: manipulation; }
@media(max-width: 639px) {
  #painel-formulario .grid.grid-cols-2 { grid-template-columns: minmax(0, 1fr); }
  #painel-formulario .grid.grid-cols-2 > * { min-width: 0; }
  #campos-dinamicos .flex.overflow-x-auto > button { flex: 0 0 auto; }
  #lista-cardapio-admin > *, #lista-geral > * { min-width: 0; max-width: 100%; }
  #painel-formulario, #painel-lista { overflow-wrap: anywhere; }
  #sidebar nav { overflow-y: auto; min-height: 0; }
  #modal-pedido > div { max-width: 100%; border-radius: 20px; }
}

/* NovixMenu mobile visual V2: preserve desktop layout */
@media(max-width:639px){
 #campos-dinamicos,#campos-dinamicos > div,#qr-mesa-resultado{min-width:0;max-width:100%;}
 #campos-dinamicos .tracking-widest{letter-spacing:.045em;}
 #qr-code-preview canvas,#qr-code-preview img{max-width:100%;height:auto;}
 .dia-inicio,.dia-fim{font-variant-numeric:tabular-nums;}
}

/* V6: mobile CRM controls and comfortable touch targets */
@media (max-width: 639px) {
  html, body { max-width: 100%; overflow-x: clip; }
  #campos-dinamicos { overflow-x: clip; }
  #novix-crm { width: 100%; padding-bottom: max(24px, env(safe-area-inset-bottom)); }
  #novix-crm .crm-tabs { width: 100%; max-width: 100%; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }
  #novix-crm .crm-tabs > button { min-height: 46px; scroll-snap-align: start; }
  #novix-crm button, #novix-crm .crm-person a { min-height: 44px; touch-action: manipulation; }
  #novix-crm .crm-person { align-items: flex-start; }
  #novix-crm .crm-person > div { min-width: 0; flex: 1 1 170px; }
  #novix-crm input, #novix-crm select { font-size: 16px; }
}


/* Lanchonete v111-admin-compact — visual somente */

@media(max-width:640px){
 #grade-pedidos-centro{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 #grade-pedidos-centro .v110-pedido{min-width:0;padding:11px!important;overflow:hidden}
 #grade-pedidos-centro .v110-pedido .v111-card-head{align-items:flex-start}
 #grade-pedidos-centro .v110-pedido .v111-card-name{display:block;min-height:2.5em;line-height:1.25;overflow-wrap:anywhere}
 #grade-pedidos-centro .v110-pedido .v111-card-price{font-size:16px}
 #grade-pedidos-centro .v110-pedido .v111-card-bottom{align-items:flex-start;flex-direction:column;gap:5px}
 #modal-pedido .v111-modal-footer{padding:12px!important}
 #modal-pedido #modal-acoes-footer{display:flex;flex-wrap:wrap;gap:8px}
 #modal-pedido #modal-acoes-footer>button{flex:1 1 42%;width:auto!important;min-width:0;padding:11px 8px!important;font-size:11px!important;border-radius:12px!important}
 #modal-pedido #modal-acoes-footer>div{width:100%}
 #modal-pedido #modal-acoes-footer>div button{padding:11px!important}
 #modal-pedido #modal-acoes-footer>div select{padding:10px!important;min-width:0}
 #modal-pedido #modal-acoes-footer>div:has(select){gap:8px}
 #modal-pedido #modal-acoes-footer>div:has(select)>button{width:92px!important;flex:0 0 92px}
 #modal-pedido #modal-lista-itens .v111-info{padding:10px!important;margin-bottom:8px!important;gap:10px!important;border-radius:13px!important}
 #modal-pedido #modal-lista-itens .v111-info .w-10{width:30px!important;height:30px!important}
 #modal-pedido #modal-lista-itens .v111-info .text-lg{font-size:14px!important}
 #modal-pedido #modal-lista-itens .v111-info .mt-3{margin-top:7px!important}
}

/* Lanchonete v112-uniform-cards-actions — visual somente */

/* V112: somente padronização visual da aba Pedidos */
#grade-pedidos-centro{align-items:stretch}
#grade-pedidos-centro>.v110-pedido{height:100%;min-height:205px;display:flex;flex-direction:column;box-sizing:border-box;min-width:0}
#grade-pedidos-centro>.v110-pedido>div:first-child{min-height:43px;align-items:flex-start}
#grade-pedidos-centro .v111-card-head{min-height:75px}
#grade-pedidos-centro .v111-card-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:2.5em;overflow-wrap:anywhere}
#grade-pedidos-centro .v111-card-bottom{margin-top:auto!important;min-width:0}
#grade-pedidos-centro .v111-card-bottom>span:first-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
#modal-pedido #seletor-pagamento{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#modal-pedido #seletor-pagamento button{min-width:0;min-height:42px;height:42px;padding:5px 2px!important;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;white-space:normal;font-size:10px!important}
#modal-pedido #modal-acoes-footer{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important;align-items:stretch}
#modal-pedido #modal-acoes-footer>button{box-sizing:border-box;min-width:0;width:100%!important;height:62px!important;min-height:62px!important;margin:0!important;padding:8px!important;display:flex;align-items:center;justify-content:center;gap:7px;line-height:1.25;text-align:center;font-size:11px!important;letter-spacing:0!important;border-radius:13px!important}
#modal-pedido #modal-acoes-footer>button:last-child:nth-child(odd){grid-column:1/-1;height:52px!important;min-height:52px!important}
#modal-pedido #modal-acoes-footer>div{grid-column:1/-1;min-width:0}
#modal-pedido #modal-acoes-footer>div button{min-height:48px}
@media(max-width:640px){
 #grade-pedidos-centro>.v110-pedido{min-height:216px!important;height:100%!important}
 #grade-pedidos-centro .v111-card-head{min-height:77px}
 #modal-pedido #modal-acoes-footer>button{flex:none!important;width:100%!important;padding:8px!important}
}

/* Lanchonete v113-delivery-retirada-actions — visual somente */

/* V113: somente modais de entrega/retirada; mesa permanece com layout V112. */
#modal-pedido.v113-entrega-retirada #modal-acoes-footer{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important;align-items:stretch}
#modal-pedido.v113-entrega-retirada #modal-acoes-footer>button{width:100%!important;min-width:0;height:62px!important;min-height:62px!important;margin:0!important;padding:9px!important;display:flex;align-items:center;justify-content:center;gap:7px;line-height:1.25;text-align:center;white-space:normal;font-size:11px!important;letter-spacing:0!important;border-radius:13px!important}
#modal-pedido.v113-entrega-retirada #modal-acoes-footer>button.v113-excluir{grid-column:auto!important;height:62px!important;min-height:62px!important}
#modal-pedido.v113-entrega-retirada #modal-acoes-footer>.v113-estado{grid-column:1/-1;min-height:48px;display:flex;align-items:center;justify-content:center;padding:10px!important;margin:0!important;border-radius:13px!important}
#modal-pedido.v113-entrega-retirada #modal-acoes-footer>div:not(.v113-estado){grid-column:1/-1;min-width:0}
#modal-pedido.v113-entrega-retirada #modal-acoes-footer>div:not(.v113-estado) button{min-height:46px}
#modal-pedido.v113-entrega-retirada #modal-acoes-footer>div:has(select){display:flex;gap:8px;align-items:stretch}
#modal-pedido.v113-entrega-retirada #modal-acoes-footer>div:has(select) select{flex:1;min-width:0;padding:10px!important}
#modal-pedido.v113-entrega-retirada #modal-acoes-footer>div:has(select) button{flex:0 0 90px;width:90px!important;padding:8px!important}
/* V114: imprimir e excluir ocupam duas colunas iguais; ações operacionais continuam acima. */
#modal-pedido.v113-entrega-retirada #modal-acoes-footer>button.v113-excluir,
#modal-pedido.v113-entrega-retirada #modal-acoes-footer>button[onclick^="imprimirPedidoManual"]{grid-column:auto!important;box-sizing:border-box!important;width:100%!important;height:62px!important;min-height:62px!important;max-height:62px!important;margin:0!important;padding:8px!important;font-size:11px!important;line-height:1.25!important}

/* Lanchonete v116-admin-modules-refinement — visual somente */

/* Refinamento isolado dos formulários/listas; a fila de pedidos e os modais aprovados não são alterados. */
#painel-formulario,#painel-lista{border-radius:18px!important;border-color:rgba(255,255,255,.09)!important;min-width:0}
#painel-formulario{padding:16px!important}
#painel-lista{padding:16px!important}
#form-title{font-size:17px!important;line-height:1.25!important;margin-bottom:12px!important;letter-spacing:.01em}
#campos-dinamicos{display:flex;flex-direction:column;gap:12px!important;min-width:0}
#campos-dinamicos>div{min-width:0;max-width:100%}
#campos-dinamicos label{display:block;font-size:12px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:.02em;margin-bottom:6px!important}
#campos-dinamicos :is(input:not([type=checkbox]):not([type=radio]),select,textarea){box-sizing:border-box;max-width:100%;min-width:0;min-height:43px!important;padding:10px 12px!important;border-radius:11px!important;font-size:14px!important;line-height:1.4!important}
#campos-dinamicos textarea{min-height:85px!important;resize:vertical}
#campos-dinamicos :is(input,select,textarea):focus-visible{outline:2px solid #ffb81c;outline-offset:1px}
#campos-dinamicos :is(button,[role=button]){box-sizing:border-box;min-height:40px;border-radius:11px!important;font-size:12px!important;line-height:1.35!important;padding:9px 12px!important;white-space:normal}
#painel-formulario>div:has(> #btn-acao){margin-top:14px!important;gap:9px!important}
#btn-acao,#btn-cancelar{min-height:44px!important;padding:10px 15px!important;border-radius:12px!important;font-size:13px!important;line-height:1.25!important}
#painel-produtos-cardapio{margin-top:20px!important}
#lista-cardapio-admin,#lista-geral{gap:10px!important;min-width:0}
#lista-cardapio-admin>*,#lista-geral>*{min-width:0;max-width:100%;border-radius:14px!important;overflow-wrap:anywhere}
#lista-cardapio-admin :is(button,a),#lista-geral :is(button,a){font-size:12px;line-height:1.35;max-width:100%}
#painel-lista h2,#painel-lista h3{line-height:1.3}
@media(max-width:480px){#painel-formulario,#painel-lista{padding:12px!important}#campos-dinamicos{gap:10px!important}#campos-dinamicos :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important}#btn-acao,#btn-cancelar{min-height:44px!important}}


/* V131 — Acaiteria Admin Premium. Somente CSS, sem alterar HTML/JS/Firebase. */
:root{--acai-primary:#a64bd6;--acai-light:#e2b5ff;--acai-bg:#100b17;--acai-line:rgba(194,139,230,.20)}
body#body-admin{background:radial-gradient(ellipse at 10% 0%,rgba(124,52,165,.15),transparent 48%),#100b17!important;color:#f8f3fc}
#admin-mobile-bar{background:#170f20!important;border-color:var(--acai-line)!important}
#admin-mobile-bar>span{color:var(--acai-light)!important}
#admin-mobile-bar>button{background:linear-gradient(135deg,#c875ee,#8132b2)!important;color:#fff!important}
#admin-menu-toggle{background:#281237!important;border-color:#a65bd0!important;color:#edc6ff!important}
#sidebar{background:#130e1b!important;border-right:1px solid var(--acai-line)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;height:100dvh!important;max-height:100dvh!important}
#sidebar>div:first-child{padding:14px 12px 10px!important;flex-shrink:0;border-color:var(--acai-line)!important}
#sidebar>div:first-child img{width:112px!important;max-height:85px!important;object-fit:contain!important;margin:0 auto 5px!important}
#sidebar>div:first-child p{color:var(--acai-light)!important;font-size:10px!important;letter-spacing:.14em!important}
#sidebar>nav{overflow-y:auto!important;overscroll-behavior:contain!important;min-height:0!important;padding:12px!important;scrollbar-width:thin;scrollbar-color:#674378 transparent}
#sidebar>nav .nav-btn,#sidebar>nav>a{min-height:47px!important;padding:11px 13px!important;border-radius:12px!important;font-size:13px!important;line-height:1.25!important}
#sidebar>nav .nav-btn{background:#211729!important;border:1px solid rgba(220,175,250,.10)}
#sidebar>nav .nav-btn:hover{background:#31203d!important;border-color:#8952a7!important}
#sidebar>nav>a[href="dono.html"]{background:linear-gradient(120deg,#b861dd,#7832ad)!important;color:#fff!important;box-shadow:none!important}
#sidebar>div:last-child{padding:12px 20px!important;flex-shrink:0;border-color:var(--acai-line)!important}
#sidebar>div:last-child button{min-height:38px!important}
#sidebar .text-\[\#ffb81c\],#sidebar .text-yellow-500{color:var(--acai-light)!important}
#painel-formulario,#painel-lista{background:#1a1223!important;border-color:var(--acai-line)!important}
#campos-dinamicos :is(input,select,textarea):focus-visible{outline-color:#bc78e7!important}
#modal-pedido #modal-acoes-footer>button:focus-visible{outline:2px solid #c783ef;outline-offset:2px}
@media(max-width:640px){#grade-pedidos-centro{gap:9px!important}#sidebar>nav{padding:10px!important}}
@media(prefers-reduced-motion:reduce){#sidebar *,#painel-formulario *,#painel-lista *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* V133 — elementos reais alinhados ao Admin Lanchonete V119 */
#grade-pedidos-centro{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch}
#grade-pedidos-centro>.v110-pedido{height:auto!important;min-height:196px!important;min-width:0!important;max-width:100%!important;background:#19111f!important;border:1px solid #493154!important;border-left-width:3px!important;padding:12px!important;border-radius:14px!important;box-shadow:none!important;transform:none!important;overflow:hidden}
#grade-pedidos-centro .v111-card-head{min-height:74px!important}
#grade-pedidos-centro .v111-card-name{font-size:13px!important;line-height:1.25!important;font-style:normal!important;text-transform:none!important;overflow-wrap:anywhere}
#grade-pedidos-centro .v111-card-price{color:#dca9ff!important;font-style:normal!important;font-size:18px!important}
#grade-pedidos-centro .v111-card-bottom{margin-top:auto!important}
#painel-formulario,#painel-lista{padding:13px!important;border-radius:16px!important}
#form-title{font-size:16px!important;margin-bottom:12px!important;font-style:normal!important;color:#dca9ff!important}
#modal-pedido>div{border-radius:19px!important;background:#1a1022!important}
#modal-pedido #modal-acoes-footer>button{border-radius:12px!important}
.v133-horario-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-width:0;min-height:46px;padding:9px 8px;border:1px solid #51335f;border-radius:12px;background:#1b1124;color:#e4b7ff;font-size:15px;font-weight:800}
.v133-horario-btn:focus-visible{outline:2px solid #c77df1;outline-offset:2px}
#sub-config-container .dia-ativo{accent-color:#b56bdd}
#sub-config-container>div>div{border-color:#45304f!important;background:#21172a!important;border-radius:14px!important;padding:12px!important}
#sidebar .v115-menu-head{padding:12px!important}
#sidebar .v115-menu-logo{width:58px!important;height:58px!important;object-fit:contain!important}
#sidebar .v115-menu-nav .nav-btn{min-height:43px!important;padding:9px 11px!important;font-size:13px!important}
@media(max-width:380px){#grade-pedidos-centro{grid-template-columns:1fr!important}}
@media(min-width:768px){#grade-pedidos-centro{grid-template-columns:repeat(3,minmax(0,1fr))!important}}