*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#b7fd99;color:#111}.app{max-width:1320px;margin:0 auto;padding:14px}.topbar{background:#111;color:#fff;border-radius:5px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 20px rgba(0,0,0,.18)}.topbar h1{margin:0;font-size:26px}.topbar p{margin:4px 0 0;color:#ddd}.status{background:#b71c1c;padding:10px 14px;border-radius:5px;font-weight:bold}.status.open{background:#1b5e20}.layout{display:grid;grid-template-columns:230px 1fr;gap:14px;margin-top:14px}.menu{background:#fff;border-radius:5px;padding:12px;box-shadow:0 4px 12px rgba(0,0,0,.12);height:calc(100vh - 120px)}.menu-btn{width:100%;display:block;margin-bottom:8px;padding:13px;border:0;border-radius:5px;background:#eee;cursor:pointer;text-align:left;font-weight:700}.menu-btn.active,.menu-btn:hover{background:#111;color:#fff}.content{background:#fff;border-radius:5px;padding:18px;box-shadow:0 4px 12px rgba(0,0,0,.12);min-height:calc(100vh - 120px);overflow:auto}.page{display:none}.page.active{display:block}h2{margin-top:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.dashboard-cards{grid-template-columns:repeat(5,1fr)}.card{background:#f8f8f8;border-left:5px solid #111;border-radius:5px;padding:16px}.card span{display:block;color:#555;font-size:13px}.card strong{font-size:22px;margin-top:8px;display:block}.box{background:#fafafa;border:1px solid #e5e5e5;border-radius:5px;padding:14px;margin-top:12px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}button{background:#111;color:#fff;border:0;border-radius:5px;padding:11px 14px;cursor:pointer;font-weight:700}button:hover{filter:brightness(.92)}button.danger{background:#b71c1c}button.success{background:#1b8f33}button.light{background:#e9e9e9;color:#111}.form-grid{display:grid;gap:8px;margin-bottom:12px}.cardapio-form{grid-template-columns:1.2fr 1fr 150px 170px 160px}.cardapio-form textarea{grid-column:1/6}.cardapio-form button{grid-column:1/2}.garcom-form{grid-template-columns:1fr 180px 120px}input,select,textarea{width:100%;padding:11px;border:1px solid #ddd;border-radius:5px;font-size:14px}textarea{min-height:70px}.checkline{display:flex;align-items:center;gap:8px;background:#fafafa;border:1px solid #ddd;border-radius:5px;padding:10px;font-size:14px}.checkline input{width:auto}.toolbar{display:grid;grid-template-columns:220px 1fr;gap:8px;margin:10px 0 12px}.list{display:grid;gap:8px}.row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;background:#fafafa;border:1px solid #e5e5e5;border-radius:5px;padding:12px}.row small{color:#555}.mesa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.mesa{border-radius:5px;padding:18px;text-align:center;font-weight:800;border:1px solid #ddd;cursor:pointer;background:rgba(46,125,50,.18)}.mesa.ocupada{background:rgba(183,28,28,.17);border-color:#b71c1c}.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:20px}.modal.hidden{display:none}.modal-box{background:#fff;border-radius:5px;max-width:860px;width:100%;max-height:90vh;overflow:auto;padding:18px;position:relative}.close{position:absolute;right:12px;top:10px;background:#b71c1c;padding:6px 10px}.item-line{display:grid;grid-template-columns:1fr 90px 130px auto;gap:8px;margin-bottom:8px;align-items:center}.hint{color:#666}.print-area{font-family:monospace;white-space:pre-wrap;background:#fff;border:1px dashed #111;padding:12px;margin-top:10px}.cards-3{grid-template-columns:repeat(3,1fr)}.form-2{grid-template-columns:1fr 1fr}.form-3{grid-template-columns:1fr 1fr 1fr}.compact{gap:6px}.hidden{display:none!important}.mesa-comanda{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;background:#fff;border:1px solid #e5e5e5;border-radius:5px;padding:12px;margin-bottom:10px}.itens-mini{background:#fafafa;border-radius:5px;padding:8px;margin:8px 0;font-size:13px}.vertical-actions{display:grid;margin:0}.total-box p{margin:6px 0}hr{border:0;border-top:1px solid #e5e5e5;margin:12px 0}.pill{display:inline-block;background:#111;color:#fff;border-radius:999px;padding:3px 8px;font-size:12px;margin-right:4px}.muted{color:#666}.sangria{color:#b71c1c;font-weight:700}@media(max-width:900px){.layout{grid-template-columns:1fr}.menu{height:auto}.cards,.dashboard-cards,.form-grid,.cardapio-form,.form-2,.form-3,.garcom-form,.toolbar{grid-template-columns:1fr}.cardapio-form textarea,.cardapio-form button{grid-column:auto}.row{grid-template-columns:1fr}.topbar{display:block}.status{margin-top:10px;display:inline-block}.mesa-comanda{grid-template-columns:1fr}.vertical-actions{display:flex}.item-line{grid-template-columns:1fr}}


/* v4 refinamento premium/compacto */
.content{padding:14px}.modal{align-items:flex-start;padding:8px}.modal-box{max-width:1040px;max-height:96vh;padding:12px 14px;margin-top:4px}.modal-box h2{font-size:26px;margin:0 0 8px}.modal-box h3{font-size:20px;margin:0 0 10px}.modal-box .hint{margin:0 0 10px}.modal-box .box{padding:10px 12px;margin-top:8px}.modal-box input,.modal-box select,.modal-box textarea{padding:9px 10px;font-size:15px}.modal-box textarea{min-height:48px}.modal-box .form-grid{gap:6px;margin-bottom:8px}.modal-box .item-line{grid-template-columns:1.3fr 1fr 160px auto 95px;gap:6px;margin-bottom:0}.modal-box .row{padding:8px 10px}.modal-box .actions{margin-bottom:0}.modal-box button{padding:9px 12px}.total-box{display:grid;grid-template-columns:repeat(3,auto) 1fr;gap:10px;align-items:center}.total-box p{margin:0}.total-box .actions{justify-content:flex-end}.close{right:8px;top:6px}.garcom-form{grid-template-columns:1fr 190px 130px}
@media(max-width:900px){.modal{padding:4px}.modal-box{max-height:98vh}.modal-box .item-line,.total-box,.garcom-form{grid-template-columns:1fr}}

/* v5 identidade INDEXx — visual premium */
:root{
  --vermelho:#db6065;
  --verde-indexx:#448e24;
  --cinza-claro:#a6a6a6;
  --cinza:#545454;
  --preto:#050505;
  --branco:#ffffff;
  --off:#f5f7f3;
  --borda:rgba(5,5,5,.10);
  --sombra:0 18px 45px rgba(0,0,0,.14);
  --sombra-suave:0 8px 22px rgba(0,0,0,.10);
}
body{
  background:
    radial-gradient(circle at top left, rgba(219,96,101,.35), transparent 34%),
    linear-gradient(135deg,#f7faf5 0%,#eef4eb 48%,#dde6da 100%);
  color:var(--preto);
  font-family:Inter,Segoe UI,Arial,sans-serif;
}
.app{max-width:1380px;padding:16px}
.topbar{
  background:linear-gradient(
    135deg,
    #000 0%,
    #111 65%,
    rgba(219,96,101,.75) 100%
  )!important;
}
.topbar:after{
  content:"";
  position:absolute;
  right:-70px;top:-90px;
  width:240px;height:240px;
  border-radius:999px;
  background:rgba(122,255,65,.20);
}
.topbar h1{font-size:28px;letter-spacing:-.5px;position:relative;z-index:1}
.topbar p{color:#d8d8d8;position:relative;z-index:1}
.status{
  background:#2b2b2b;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  padding:10px 16px;
  position:relative;z-index:1;
}
.status.open{background:var(--verde-indexx);color:#fff}
.layout{grid-template-columns:220px 1fr;gap:16px;margin-top:16px}.menu{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.75);
  border-radius:18px;
  padding:12px;
  box-shadow:var(--sombra-suave);
}
.menu-btn{
  border-radius:14px;
  background:transparent;
  border:1px solid transparent;
  color:var(--cinza);
  padding:13px 14px;
  margin-bottom:7px;
  transition:.18s ease;
}
.menu-btn:hover{background:rgba(122,255,65,.18);color:var(--preto);border-color:rgba(68,142,36,.18)}
.menu-btn.active{
  background:linear-gradient(135deg,var(--preto),#202020);
  color:#fff;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
}
.content{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.8);
  border-radius:18px;
  padding:18px;
  box-shadow:var(--sombra-suave);
}
h2{letter-spacing:-.45px;font-size:28px;margin-bottom:12px}.cards{gap:12px}.card{
  background:linear-gradient(180deg,#fff,#f8faf6);
  border:1px solid var(--borda);
  border-left:0;
  border-radius:18px;
  padding:15px;
  box-shadow:0 8px 18px rgba(0,0,0,.055);
  position:relative;
  overflow:hidden;
}
.card:before{content:"";position:absolute;left:0;top:0;width:6px;height:100%;background:linear-gradient(var(--verde-neon),var(--verde-indexx))}.card span{color:var(--cinza);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.card strong{font-size:24px;letter-spacing:-.4px}.box{
  background:#fff;
  border:1px solid var(--borda);
  border-radius:18px;
  padding:14px;
  box-shadow:0 8px 18px rgba(0,0,0,.045);
}
button{
  background:linear-gradient(135deg,var(--preto),#222);
  border-radius:14px;
  padding:11px 15px;
  box-shadow:0 8px 16px rgba(0,0,0,.14);
  transition:transform .12s ease, filter .12s ease;
}
button:hover{transform:translateY(-1px);filter:brightness(1.05)}button.success{background:linear-gradient(135deg,var(--verde-indexx),#2e7117)}button.danger{background:linear-gradient(135deg,#b91c1c,#7f1010)}button.light{background:#eef0ec;color:#222;box-shadow:none;border:1px solid var(--borda)}
input,select,textarea{
  border:1px solid rgba(84,84,84,.22);
  border-radius:14px;
  background:#fff;
  padding:11px 12px;
  outline:none;
}
input:focus,select:focus,textarea:focus{border-color:var(--verde-indexx);box-shadow:0 0 0 3px rgba(122,255,65,.22)}
.row{background:#fff;border:1px solid var(--borda);border-radius:16px;padding:12px;box-shadow:0 5px 12px rgba(0,0,0,.04)}
.mesa{
  border-radius:18px;
  border:1px solid rgba(68,142,36,.24);
  background:linear-gradient(180deg,rgba(122,255,65,.32),rgba(255,255,255,.9));
  box-shadow:0 8px 16px rgba(68,142,36,.10);
  transition:.15s ease;
}
.mesa:hover{transform:translateY(-2px);box-shadow:0 14px 24px rgba(68,142,36,.18)}
.mesa.ocupada{background:linear-gradient(180deg,rgba(84,84,84,.22),rgba(255,255,255,.92));border-color:rgba(0,0,0,.2)}
.modal{background:rgba(5,5,5,.62);backdrop-filter:blur(7px)}.modal-box{
  border-radius:20px;
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 24px 70px rgba(0,0,0,.35);
}
.close{border-radius:12px;background:#b91c1c}.pill{background:var(--preto);border-radius:999px}.hint,.muted{color:var(--cinza)}.print-area{border-radius:14px;border-color:rgba(0,0,0,.28);background:#fbfbfb}.checkline{border-radius:14px;background:#fff}.toolbar{grid-template-columns:220px 1fr}.sangria{color:#b91c1c}
@media(max-width:900px){.app{padding:10px}.topbar,.menu,.content,.box,.card{border-radius:16px}.dashboard-cards{grid-template-columns:1fr}.layout{gap:10px}}

/* v6 correções finais solicitadas: modal sem sobrepor cabeçalho e raio padrão 5px */
:root{ --radius:5px; }

.topbar,
.menu,
.content,
.card,
.box,
button,
input,
select,
textarea,
.row,
.mesa,
.modal-box,
.close,
.checkline,
.print-area,
.mesa-comanda,
.itens-mini,
.menu-btn,
.status,
.pill{
  border-radius:var(--radius)!important;
}

body{
  background:linear-gradient(135deg,#f6f8f5 0%,#eef2ec 50%,#e4ebe1 100%)!important;
}

.topbar{
  border-bottom:3px solid var(--verde-neon)!important;
}

.modal{
  position:fixed!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  background:rgba(5,5,5,.68)!important;
  backdrop-filter:blur(7px)!important;
  z-index:99999!important;
}

.modal.hidden{display:none!important;}

.modal-box{
  width:min(1060px,94vw)!important;
  max-height:88vh!important;
  overflow:auto!important;
  margin:0!important;
  padding:14px 16px!important;
  background:#fff!important;
}

.modal-box h2{
  margin:0 0 6px!important;
  line-height:1.08!important;
}

.modal-box h3{
  margin:0 0 8px!important;
}

.modal-box .hint{
  margin:0 0 8px!important;
  line-height:1.25!important;
}

.modal-box .box{
  padding:10px!important;
  margin-top:8px!important;
}

.modal-box .form-grid{
  gap:8px!important;
  margin-bottom:8px!important;
}

.modal-box input,
.modal-box select,
.modal-box textarea{
  padding:9px 10px!important;
}

.modal-box textarea{
  min-height:46px!important;
}

.modal-box .item-line{
  gap:8px!important;
  align-items:center!important;
}

.close{
  right:8px!important;
  top:8px!important;
  padding:7px 10px!important;
}

.card:before{
  border-radius:0!important;
}

.status{
  border-radius:5px!important;
}

.mesa{
  border-left:5px solid var(--verde-neon)!important;
}

.mesa.ocupada{
  border-left:5px solid var(--verde-indexx)!important;
}

@media(max-width:900px){
  .modal{align-items:flex-start!important;padding:8px!important;}
  .modal-box{max-height:96vh!important;width:96vw!important;}
}

/* v7 refinamento UX solicitado */
:root{
  --verde-neon:#7aff41;
  --verde-indexx:#448e24;
  --cinza-medio:#a6a6a6;
  --cinza-escuro:#545454;
  --vermelho:#c51f1f;
  --azul:#1976d2;
}
.modal-box{
  background:linear-gradient(180deg,rgba(122,255,65,.24) 0%,rgba(255,255,255,.96) 180px,#fff 100%)!important;
  border:1px solid rgba(68,142,36,.20)!important;
}
.modal-box h2{
  font-size:30px!important;
  letter-spacing:-.5px!important;
  padding-right:46px!important;
}
.close{
  width:36px!important;
  height:36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:18px!important;
  line-height:1!important;
  padding:0!important;
  background:var(--vermelho)!important;
  color:#fff!important;
}
.mesa-status-card{
  border:2px solid var(--verde-indexx)!important;
  border-left:6px solid var(--verde-neon)!important;
  background:rgba(255,255,255,.78)!important;
}
.mesa-status-card.status-ocupada{
  border-color:var(--vermelho)!important;
  border-left-color:var(--vermelho)!important;
}
.mesa-status-card.status-livre{
  border-color:var(--verde-indexx)!important;
  border-left-color:var(--verde-neon)!important;
}
.status-text-livre{color:var(--verde-indexx)!important;}
.status-text-ocupada{color:var(--vermelho)!important;}
.btn-abrir-comanda,
.btn-open-comanda{background:var(--verde-indexx)!important;color:#fff!important;}
.btn-imprimir{background:var(--azul)!important;color:#fff!important;}
.comandas-box{
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(68,142,36,.18)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.08)!important;
}
.mesa-comanda{
  border:1px solid rgba(68,142,36,.22)!important;
  border-left:6px solid var(--verde-neon)!important;
  background:linear-gradient(180deg,#fff,#f8fff5)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.10)!important;
  padding:16px!important;
}
.mesa-comanda strong:first-child{font-size:18px!important;}
.itens-mini{
  background:#fff!important;
  border:1px solid rgba(0,0,0,.06)!important;
  padding:10px!important;
}
.modal-box .actions button{box-shadow:0 10px 18px rgba(0,0,0,.12)}


/* v8 refinamento visual e cardápio editável */
.modal-box{
  background:
    linear-gradient(180deg, rgba(122,255,65,.32) 0%, rgba(255,255,255,.94) 140px, #fff 100%)!important;
}
.mesa{
  color:var(--verde-indexx)!important;
  border:2px solid rgba(68,142,36,.55)!important;
  border-left:6px solid var(--verde-neon)!important;
  background:linear-gradient(180deg,rgba(122,255,65,.32),rgba(255,255,255,.92))!important;
}
.mesa small{color:var(--verde-indexx)!important;font-weight:900!important;}
.mesa.ocupada{
  color:var(--vermelho)!important;
  border:2px solid rgba(197,31,31,.68)!important;
  border-left:6px solid var(--vermelho)!important;
  background:linear-gradient(180deg,rgba(197,31,31,.16),rgba(255,255,255,.94))!important;
}
.mesa.ocupada small{color:var(--vermelho)!important;font-weight:900!important;}
.box h3{margin:0 0 8px!important;line-height:1.15!important;}
.box p,.row small,#relatorioDia p,#relatorioOrigem p{margin:6px 0!important;line-height:1.25!important;}
.row{padding:10px 12px!important;}
.produto-row{min-height:86px!important;}
.produto-row .actions{margin-bottom:0!important;align-items:center!important;}
.produto-row strong{font-size:18px!important;}
.btn-editar{background:#448e24!important;color:#fff!important;}
#relatorioDia{font-size:18px!important;}
#relatorioDia strong{font-size:19px!important;}
.cardapio-form{align-items:start!important;}
@media(max-width:900px){.produto-row .actions{justify-content:flex-start!important}}

/* v9 — visual inspirado nos prints, paleta INDEXx sem #448e24 */
:root{
  --verde-neon:#7aff41!important;
  --verde-indexx:#7aff41!important;
  --cinza-claro:#a6a6a6!important;
  --cinza:#545454!important;
  --preto:#050505!important;
  --vermelho:#c91525!important;
  --azul:#2f80ed!important;
  --laranja:#ff8618!important;
  --roxo:#7c3aed!important;
  --radius:5px!important;
}
body{background:#eef2ec!important;}
.topbar{background:#000!important;border-bottom:4px solid var(--verde-neon)!important;border-radius:5px!important;}
.status.open{background:var(--verde-neon)!important;color:#000!important;}
button.success,
.btn-green,
.btn-open-comanda,
.btn-abrir-comanda,
.btn-primary-full{
  background:linear-gradient(
    135deg,
    #db6065,
    #c44d52
  )!important;
  color:#fff!important;
}
.btn-editar{background:#000!important;color:#fff!important;}
.btn-imprimir{background:var(--azul)!important;color:#fff!important;}
.menu-btn.active{background:#000!important;color:#fff!important;}
.menu-btn:hover{background:rgba(122,255,65,.20)!important;color:#000!important;}
input:focus,select:focus,textarea:focus{border-color:var(--verde-neon)!important;box-shadow:0 0 0 3px rgba(122,255,65,.22)!important;}

.dashboard-premium{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:20px;}
.dash-stat{min-height:150px;color:#fff;padding:24px 26px;border-radius:5px;position:relative;overflow:hidden;box-shadow:0 16px 35px rgba(0,0,0,.12)}
.dash-stat:after{content:"";position:absolute;right:-34px;top:-42px;width:150px;height:150px;border-radius:999px;background:rgba(255,255,255,.20)}
.dash-stat span{display:block;font-weight:900;font-size:14px;margin-bottom:14px}.dash-stat strong{font-size:38px;line-height:1;display:block}.dash-stat small{display:block;margin-top:16px;font-size:15px}.dash-stat.orange{background:linear-gradient(135deg,#ff7a1a,#ffa24c)}.dash-stat.blue{background:linear-gradient(135deg,#2563eb,#38bdf8)}.dash-stat.green{background:linear-gradient(135deg, #db6065,#f09da1);color:#fff}.dash-stat.red{.dash-stat.red)}.dash-stat.dark{background:linear-gradient(135deg,#000,#545454)}
.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-bottom:18px}.dash-panel{background:#fff;border-radius:18px!important;padding:24px;box-shadow:0 16px 38px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.06)}.dash-panel h3{font-size:28px;margin:0 0 6px}.dash-panel p{color:#526071;margin:0 0 18px}.pay-line{margin:16px 0}.pay-line>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px}.pay-line span{font-weight:800;color:#545454}.bar{height:16px;background:#edf0ee;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#10b981,#7aff41);border-radius:999px}.op-grid{display:grid;grid-template-columns:1fr 1fr 180px;gap:14px;align-items:center}.op-card{height:106px;border-radius:14px!important;color:#fff;padding:18px}.op-card strong{font-size:36px;display:block}.op-card span{font-weight:900}.op-card.orange{background:linear-gradient(135deg,#ff7a1a,#ff9f45)}.op-card.blue{background:linear-gradient(135deg,#2563eb,#38bdf8)}.op-card.purple{background:linear-gradient(135deg,#7c3aed,#9b6cf5)}.op-card.green{background:linear-gradient(135deg,#10b981,#7aff41);color:#061006}.donut{width:150px;height:150px;border-radius:999px;background:conic-gradient(#7c3aed 0 58%,#16a34a 58% 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin:auto;color:#000}.donut:before{content:"";position:absolute;width:94px;height:94px;background:#fff;border-radius:999px}.donut b,.donut span{position:relative;z-index:1}.donut b{font-size:34px}.donut span{font-size:13px;font-weight:900;color:#545454}.quick-box{border-radius:18px!important}

.mesa-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:14px!important}.mesa{min-height:140px!important;text-align:left!important;padding:18px 16px!important;border-radius:14px!important;border:1px solid rgba(122,255,65,.75)!important;background:linear-gradient(135deg,rgba(122,255,65,.18),#fff 76%)!important;color:#000!important;box-shadow:0 12px 30px rgba(0,0,0,.07)!important;position:relative;overflow:hidden}.mesa:after{content:"";position:absolute;right:14px;top:-28px;width:104px;height:104px;border-radius:999px;background:rgba(255,255,255,.44)}.mesa>div{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.mesa strong{font-size:20px}.mesa p{margin:10px 0 0;position:relative;z-index:1}.mesa-badge{background:#089342;color:#fff;border-radius:999px!important;padding:4px 11px;font-weight:900;font-size:11px}.mesa.ocupada{border-color:#ff6363!important;background:linear-gradient(135deg,rgba(201,21,37,.12),#fff 76%)!important;color:#000!important}.mesa.ocupada .mesa-badge{background:#c91525!important;color:#fff!important}.mesa.ocupada small{color:#fff!important}.mesa small{color:#089342!important}.mesa.ocupada p{
  color:#fff!important;
  font-weight:900!important;
}

.modal-box{padding:0!important;background:#fff!important;border-radius:5px!important;overflow:auto!important}.modal-head{background:linear-gradient(180deg,rgba(122,255,65,.30),#fff)!important;padding:22px 26px 12px!important;border-left:6px solid var(--verde-neon)!important}.modal-head.black-head{background:#000!important;color:#fff!important}.modal-head.indexx-head{background:linear-gradient(135deg,#000 0%,#151515 70%,rgba(122,255,65,.55) 100%)!important;color:#fff!important}.modal-head h2{margin:0!important;font-size:30px!important}.modal-head p{margin:4px 0 0!important;font-size:18px}.close{width:44px!important;height:38px!important;right:14px!important;top:14px!important;font-size:20px!important;border-radius:5px!important;z-index:5!important}.nova-comanda-form,.fechamento-caixa{padding:26px!important}.nova-comanda-form label{display:block;font-weight:900;margin:18px 0 8px}.btn-primary-full{width:100%;background:var(--verde-neon)!important;color:#000!important;font-size:16px!important;margin-top:14px!important}

.cards.cards-3{padding:18px 20px 0}.mesa-status-card{border-radius:5px!important;background:#fff!important}.mesa-status-card.status-ocupada{border-color:#c91525!important}.status-text-ocupada{color:#c91525!important}.status-text-livre{color:#089342!important}.comandas-box{margin:16px 20px 20px!important;border-radius:5px!important}.mesa-comanda{border-radius:5px!important;border-left:7px solid var(--verde-neon)!important;background:#fff!important;box-shadow:0 10px 26px rgba(0,0,0,.10)!important}.mesa-comanda strong:first-child{font-size:20px!important}.itens-mini{background:#f5f7f3!important}.vertical-actions button{min-width:100px}.vertical-actions .btn-open-comanda{background:var(--verde-neon)!important;color:#000!important}

.comanda-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:22px 18px 10px}.comanda-tabs button{height:56px;font-size:18px}.valor-comanda{margin:16px 18px;border:1px solid rgba(122,255,65,.85);background:linear-gradient(135deg,rgba(122,255,65,.14),#fff);padding:22px;border-radius:14px!important}.valor-comanda span{display:block;font-weight:800;color:#545454}.valor-comanda strong{font-size:36px}.taxa-card{margin:16px 18px;padding:18px;border:1px solid rgba(122,255,65,.85);background:linear-gradient(135deg,rgba(122,255,65,.12),#fff);border-radius:14px!important}.taxa-resumo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.taxa-resumo div{background:#fff;border:1px solid rgba(0,0,0,.10);padding:14px;border-radius:5px}.taxa-resumo span{display:block;color:#545454;font-weight:800}.taxa-resumo strong{font-size:22px}.itens-comanda-list{padding:0 18px}.item-card{display:grid;grid-template-columns:1fr 70px 100px 130px auto;align-items:center;gap:12px;background:#fff;border:1px solid rgba(0,0,0,.10);border-radius:14px!important;padding:20px 16px;margin:12px 0}.comanda-footer{display:grid;grid-template-columns:.7fr 1.3fr auto;gap:14px;padding:16px 18px 20px}.danger-text{color:#c91525!important;border:1px solid rgba(201,21,37,.40)!important}.box#areaAddItens,.modal-box #areaAddItens{margin:14px 18px!important}.item-line{grid-template-columns:1fr 1fr 130px 90px auto!important}

.produto-card{display:grid;grid-template-columns:112px 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.12);border-left:6px solid var(--verde-neon);border-radius:5px!important;padding:22px;margin:14px 0;box-shadow:0 10px 26px rgba(0,0,0,.06)}.produto-foto{width:112px;height:88px;border:1px solid rgba(0,0,0,.12);background:#f3f3f3;display:flex;align-items:center;justify-content:center;color:#545454;border-radius:5px}.produto-info strong{font-size:22px}.produto-info p{margin:3px 0;color:#526071}.status-prod{display:inline-block;margin-left:10px;background:rgba(122,255,65,.18);border:1px solid rgba(122,255,65,.9);color:#078437;border-radius:999px!important;padding:6px 14px;font-size:13px;font-weight:900}.produto-card .actions{margin:0!important}.produto-card .danger{background:#c91525!important}.cardapio-form{
  background:rgba(219,96,101,.08)!important;
  border:1px solid rgba(219,96,101,.55)!important;
  box-shadow:0 12px 34px rgba(219,96,101,.18)!important;}

#listaCaixa .row{border-left:6px solid var(--verde-neon)!important;background:#fff!important}.fechamento-caixa .form-grid{margin:12px 0!important}.sangria{color:#c91525!important}
@media(max-width:1100px){.dashboard-premium{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.op-grid{grid-template-columns:1fr 1fr}.donut{grid-column:1/3}.produto-card{grid-template-columns:1fr}.item-card{grid-template-columns:1fr}.comanda-footer{grid-template-columns:1fr}.comanda-tabs{grid-template-columns:1fr}.item-line{grid-template-columns:1fr!important}}
@media(max-width:700px){.dashboard-premium{grid-template-columns:1fr}.op-grid{grid-template-columns:1fr}.donut{grid-column:auto}.mesa-grid{grid-template-columns:1fr!important}}

/* v10 — refinamento compacto/premium */
:root{
  --verde-indexx:#7aff41!important;
  --verde-neon:#7aff41!important;
  --radius:5px!important;
}
.app{max-width:1420px!important;padding:10px!important}.topbar{padding:12px 16px!important}.topbar h1{font-size:24px!important}.topbar p{font-size:14px!important;margin-top:2px!important}.layout{grid-template-columns:205px 1fr!important;gap:10px!important;margin-top:10px!important}.menu{padding:9px!important;height:calc(100vh - 92px)!important}.menu-btn{padding:10px 11px!important;margin-bottom:6px!important;font-size:14px!important}.content{padding:12px!important;min-height:calc(100vh - 92px)!important}h2{font-size:24px!important;margin:0 0 8px!important}.box{padding:10px!important;margin-top:9px!important}.actions{gap:7px!important;margin-bottom:8px!important}button{padding:9px 12px!important;font-size:14px!important}input,select,textarea{padding:9px 10px!important;font-size:14px!important}textarea{min-height:50px!important}.form-grid{gap:7px!important;margin-bottom:8px!important}.toolbar{padding:8px!important;margin:8px 0!important;gap:7px!important}.row{padding:9px 10px!important}.row small{line-height:1.2!important}.cardapio-form{padding:10px!important;gap:7px!important}

.dashboard-premium{grid-template-columns:repeat(5,1fr)!important;gap:10px!important;margin-bottom:12px!important}.dash-stat{min-height:105px!important;padding:15px 17px!important}.dash-stat:after{width:108px!important;height:108px!important;right:-26px!important;top:-34px!important}.dash-stat span{font-size:12px!important;margin-bottom:8px!important}.dash-stat strong{font-size:28px!important}.dash-stat small{font-size:13px!important;margin-top:10px!important}.dashboard-grid{gap:12px!important;margin-bottom:10px!important}.dash-panel{padding:16px!important;border-radius:5px!important}.dash-panel h3{font-size:23px!important;margin-bottom:3px!important}.dash-panel p{font-size:14px!important;margin-bottom:12px!important}.pay-line{margin:10px 0!important}.bar{height:11px!important}.op-grid{grid-template-columns:1fr 1fr 145px!important;gap:9px!important}.op-card{height:75px!important;padding:11px 13px!important;border-radius:5px!important}.op-card strong{font-size:27px!important}.op-card span{font-size:13px!important}.donut{width:116px!important;height:116px!important}.donut:before{width:72px!important;height:72px!important}.donut b{font-size:25px!important}.donut span{font-size:11px!important}

.mesa-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;gap:10px!important}.mesa{min-height:108px!important;padding:12px 13px!important;border-radius:5px!important}.mesa:after{width:78px!important;height:78px!important;right:10px!important;top:-24px!important}.mesa strong{font-size:18px!important}.mesa p{font-size:14px!important;margin:7px 0 0!important;line-height:1.25!important}.mesa-badge{font-size:10px!important;padding:3px 9px!important}.mesa.ocupada{border-color:#c91525!important;background:linear-gradient(135deg,rgba(201,21,37,.13),#fff 72%)!important}

.modal{padding:12px!important}.modal-box{width:min(1080px,94vw)!important;max-height:90vh!important;border-radius:5px!important}.modal-head{padding:14px 20px 9px!important;border-left-width:5px!important}.modal-head h2{font-size:25px!important}.modal-head p{font-size:15px!important}.close{width:42px!important;height:42px!important;right:10px!important;top:10px!important;font-size:20px!important}.cards.cards-3{padding:12px 14px 0!important;gap:9px!important}.mesa-status-card{padding:12px!important}.mesa-status-card span{font-size:11px!important}.mesa-status-card strong{font-size:22px!important}.comandas-box{margin:10px 14px 14px!important;padding:12px!important}.comandas-box h3{font-size:22px!important;margin-bottom:8px!important}.mesa-comanda{padding:12px!important;margin-bottom:8px!important}.mesa-comanda strong:first-child{font-size:18px!important}.itens-mini{padding:7px!important;margin:6px 0!important}.vertical-actions button{min-width:86px!important;padding:9px 11px!important}

.comanda-tabs{padding:12px 14px 7px!important;gap:9px!important}.comanda-tabs button{height:44px!important;font-size:16px!important}.valor-comanda{margin:9px 14px!important;padding:12px 16px!important;border-radius:5px!important}.valor-comanda span{font-size:13px!important}.valor-comanda strong{font-size:27px!important}.taxa-card{margin:9px 14px!important;padding:11px!important;border-radius:5px!important}.taxa-card .form-grid{gap:8px!important}.taxa-resumo{gap:8px!important;margin:8px 0!important}.taxa-resumo div{padding:8px 10px!important}.taxa-resumo span{font-size:12px!important}.taxa-resumo strong{font-size:18px!important}.itens-comanda-list{padding:0 14px!important}.item-card{grid-template-columns:1fr 50px 88px 112px auto!important;gap:8px!important;padding:11px!important;margin:8px 0!important;border-radius:5px!important}.item-card button{padding:8px 10px!important}.comanda-footer{grid-template-columns:.65fr 1.2fr!important;padding:10px 14px 14px!important;gap:10px!important}.comanda-footer button{height:44px!important}.box#areaAddItens,.modal-box #areaAddItens{margin:9px 14px!important;padding:10px!important}.item-line{grid-template-columns:1.1fr 1.1fr 115px 70px auto!important;gap:7px!important}.checkline{padding:7px 8px!important}

.nova-comanda-form,.fechamento-caixa{padding:16px 20px 18px!important}.nova-comanda-form label{margin:10px 0 5px!important;font-size:14px!important}.nova-comanda-form input,.nova-comanda-form select,.nova-comanda-form textarea{height:auto!important}.nova-comanda-form textarea{min-height:64px!important}.btn-primary-full{height:44px!important;margin-top:10px!important}

.produto-card{grid-template-columns:86px 1fr auto!important;gap:13px!important;padding:13px!important;margin:9px 0!important}.produto-foto{width:86px!important;height:66px!important}.produto-info strong{font-size:19px!important}.produto-info p{font-size:14px!important;margin:2px 0!important;line-height:1.2!important}.status-prod{padding:4px 10px!important;font-size:11px!important}.produto-card .actions{gap:7px!important}.produto-card .actions button{padding:8px 11px!important}.produto-row{min-height:70px!important}

#relatorioDia p,#relatorioOrigem p{margin:4px 0!important;line-height:1.2!important}.print-area{padding:8px!important;margin-top:7px!important}

@media(max-width:1100px){.dashboard-premium{grid-template-columns:1fr 1fr!important}.dashboard-grid{grid-template-columns:1fr!important}.op-grid{grid-template-columns:1fr 1fr!important}.donut{grid-column:1/3!important}.item-card,.produto-card,.item-line,.comanda-footer{grid-template-columns:1fr!important}}
@media(max-width:900px){.layout{grid-template-columns:1fr!important}.menu{height:auto!important}.dashboard-premium{grid-template-columns:1fr!important}.modal{align-items:flex-start!important;padding:6px!important}.modal-box{width:97vw!important;max-height:96vh!important}.cards.cards-3{grid-template-columns:1fr!important}.comanda-tabs{grid-template-columns:1fr!important}.taxa-resumo{grid-template-columns:1fr!important}}

/* v11 — ajuste de compactação premium */
.app{max-width:1360px!important;padding:8px!important}.topbar{padding:10px 16px!important}.topbar h1{font-size:22px!important}.topbar p{font-size:13px!important;margin:2px 0 0!important}.status{padding:7px 10px!important;font-size:13px!important}.layout{margin-top:8px!important;gap:8px!important;grid-template-columns:200px 1fr!important}.menu{height:calc(100vh - 82px)!important;padding:8px!important}.menu-btn{padding:10px!important;margin-bottom:6px!important;font-size:14px!important}.content{padding:10px!important;min-height:calc(100vh - 82px)!important}h2{font-size:22px!important;margin:0 0 8px!important}.box{padding:10px!important;margin-top:8px!important}.actions{gap:6px!important;margin-bottom:8px!important}button{padding:9px 12px!important}.dashboard-premium{gap:8px!important;margin-bottom:8px!important}.dash-stat{min-height:88px!important;padding:11px 14px!important}.dash-stat span{font-size:11px!important;margin-bottom:5px!important}.dash-stat strong{font-size:25px!important}.dash-stat small{font-size:12px!important;margin-top:7px!important}.dashboard-grid{gap:8px!important;margin-bottom:8px!important;grid-template-columns:1.05fr .95fr!important}.dash-panel{padding:12px!important}.dash-panel h3{font-size:20px!important;margin:0 0 2px!important}.dash-panel p{font-size:13px!important;margin:0 0 8px!important}.pay-line{margin:7px 0!important}.op-card{height:62px!important;padding:9px 11px!important}.op-card strong{font-size:24px!important}.donut{width:100px!important;height:100px!important}.donut:before{width:62px!important;height:62px!important}.quick-box h3{margin:0 0 8px!important}

/* Modal geral mais compacto e centralizado */
.modal{padding:10px!important;align-items:center!important}.modal-box{max-height:94vh!important;overflow:auto!important}.close{width:46px!important;height:46px!important;font-size:21px!important;right:10px!important;top:10px!important}.modal-head{padding:12px 18px 8px!important}.modal-head h2{font-size:24px!important}.modal-head p{font-size:14px!important}

/* Nova comanda: modal menor, sem rolagem na tela comum */
.modal-box:has(.nova-comanda-form){width:min(620px,94vw)!important;max-width:620px!important}.nova-comanda-form{padding:12px 18px 16px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 10px!important}.nova-comanda-form label{margin:0 0 3px!important;font-size:13px!important}.nova-comanda-form input,.nova-comanda-form select{height:40px!important;padding:8px 10px!important;font-size:14px!important}.nova-comanda-form textarea{min-height:54px!important;padding:8px 10px!important;font-size:14px!important}.nova-comanda-form label:nth-of-type(1),.nova-comanda-form input#novaNumero,.nova-comanda-form label:nth-of-type(4),.nova-comanda-form textarea#novaObs,.nova-comanda-form label:nth-of-type(5),.nova-comanda-form select#novaMesa,.nova-comanda-form .btn-primary-full{grid-column:1 / -1!important}.btn-primary-full{height:42px!important;margin-top:4px!important}

/* Comanda aberta mais compacta */
.modal-box:has(.comanda-tabs){width:min(900px,94vw)!important}.comanda-tabs{padding:10px 12px 6px!important}.comanda-tabs button{height:40px!important;font-size:15px!important}.valor-comanda{margin:7px 12px!important;padding:9px 12px!important}.valor-comanda strong{font-size:24px!important}.taxa-card{margin:7px 12px!important;padding:9px!important}.taxa-card .form-grid{grid-template-columns:150px 190px 1fr!important}.taxa-resumo{grid-template-columns:1fr 1fr!important;margin:6px 0!important}.taxa-resumo div{padding:7px 9px!important}.itens-comanda-list{padding:0 12px!important}.item-card{padding:9px 10px!important;margin:6px 0!important;grid-template-columns:1fr 42px 80px 105px auto!important}.comanda-footer{padding:8px 12px 12px!important;gap:8px!important}.comanda-footer button{height:40px!important}.box#areaAddItens,.modal-box #areaAddItens{margin:7px 12px!important;padding:8px!important}.item-line{grid-template-columns:1fr 1fr 100px 60px auto!important;gap:6px!important}.modal-box input,.modal-box select,.modal-box textarea{padding:8px 9px!important}

/* Mesas e cards com densidade melhor */
.mesa-grid{gap:8px!important}.mesa-premium{min-height:104px!important;padding:12px 14px!important}.mesa-premium h3{font-size:17px!important;margin-bottom:8px!important}.mesa-premium p{font-size:14px!important;margin:5px 0!important}.produto-card{padding:12px 14px!important;gap:12px!important}.produto-card .produto-info h3{font-size:19px!important}.produto-card .produto-info p{font-size:14px!important;line-height:1.25!important;margin:2px 0!important}

@media(max-width:900px){.layout{grid-template-columns:1fr!important}.menu{height:auto!important}.modal{align-items:flex-start!important}.nova-comanda-form{grid-template-columns:1fr!important}.nova-comanda-form label,.nova-comanda-form input,.nova-comanda-form textarea,.nova-comanda-form select,.nova-comanda-form .btn-primary-full{grid-column:auto!important}.dashboard-grid{grid-template-columns:1fr!important}.taxa-card .form-grid{grid-template-columns:1fr!important}}

/* v12 — ajuste fino de largura, alinhamento e espaçamento */
/* Modal da mesa menor e alinhado */
.modal-box:has(.comandas-box){
  width:min(820px,94vw)!important;
  max-width:820px!important;
}
.modal-box:has(.comandas-box) > #modalContent > h2{
  padding:0 16px!important;
  margin:12px 0 8px!important;
  font-size:24px!important;
  line-height:1.05!important;
}
.modal-box:has(.comandas-box) .cards.cards-3{
  padding:0 16px 0!important;
  gap:8px!important;
}
.modal-box:has(.comandas-box) .actions{
  padding:0 16px!important;
  margin:10px 0 8px!important;
}
.modal-box:has(.comandas-box) .btn-abrir-comanda{
  margin:0!important;
}
.modal-box:has(.comandas-box) .comandas-box{
  margin:8px 16px 16px!important;
  padding:12px!important;
}
.modal-box:has(.comandas-box) .mesa-status-card{
  min-height:78px!important;
  padding:10px 12px!important;
}
.modal-box:has(.comandas-box) .mesa-status-card strong{
  font-size:21px!important;
}
.modal-box:has(.comandas-box) .mesa-comanda{
  padding:11px 12px!important;
  gap:10px!important;
}
.modal-box:has(.comandas-box) .mesa-comanda strong:first-child{
  font-size:17px!important;
}
.modal-box:has(.comandas-box) .itens-mini{
  padding:6px 8px!important;
  margin:5px 0!important;
}

/* Modal da comanda mais estreito e taxa sem ficar grudada */
.modal-box:has(.comanda-tabs){
  width:min(780px,94vw)!important;
  max-width:780px!important;
}
.taxa-card .checkline{
  margin-bottom:8px!important;
  min-height:38px!important;
  align-items:center!important;
}
.taxa-card .form-grid.form-2{
  grid-template-columns:1fr 1.25fr!important;
  gap:10px!important;
  margin-bottom:8px!important;
}
.taxa-card textarea{
  margin-top:2px!important;
  min-height:48px!important;
}
.taxa-resumo{
  gap:10px!important;
}

/* Nova comanda ainda mais compacta */
.modal-box:has(.nova-comanda-form){
  width:min(560px,94vw)!important;
  max-width:560px!important;
}
.modal-box:has(.nova-comanda-form) .modal-head{
  padding:11px 16px 7px!important;
}
.modal-box:has(.nova-comanda-form) .modal-head h2{
  font-size:23px!important;
}
.nova-comanda-form{
  padding:12px 16px 14px!important;
  gap:7px 9px!important;
}
.nova-comanda-form textarea{
  min-height:46px!important;
}

/* Dashboard mais pra cima e mais justo */
#dashboard h2{margin-bottom:6px!important;}
.dashboard-premium{margin-bottom:7px!important;}
.dashboard-grid{margin-bottom:7px!important;}
.quick-box{margin-top:7px!important;}

@media(max-width:900px){
  .modal-box:has(.comandas-box),
  .modal-box:has(.comanda-tabs),
  .modal-box:has(.nova-comanda-form){width:97vw!important;max-width:97vw!important;}
  .modal-box:has(.comandas-box) .cards.cards-3{grid-template-columns:1fr!important;}
  .taxa-card .form-grid.form-2{grid-template-columns:1fr!important;}
}

/* v13 - adicionar item em janelinha e footer alinhado */
.modal-box:has(.comanda-tabs){width:min(820px,94vw)!important;max-width:820px!important;}
.comanda-tabs{grid-template-columns:1fr 1fr!important;}
.comanda-footer{grid-template-columns:repeat(3,1fr)!important;align-items:stretch!important;}
.comanda-footer button{width:100%!important;}
.item-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);z-index:10050;display:flex;align-items:center;justify-content:center;padding:12px;}
.item-modal-box{width:min(520px,94vw);background:#fff;border-radius:5px;box-shadow:0 24px 60px rgba(0,0,0,.35);position:relative;overflow:hidden;border:1px solid rgba(122,255,65,.55);}
.item-modal-head{background:linear-gradient(135deg,#000 0%,#151515 72%,rgba(122,255,65,.7) 100%);color:#fff;padding:13px 16px;border-left:5px solid #7aff41;}
.item-modal-head h3{margin:0;font-size:22px;}
.item-modal-head p{margin:3px 0 0;font-size:13px;color:#e7e7e7;}
.item-close{position:absolute;right:10px;top:10px;width:38px;height:36px;padding:0;background:#c91525;color:#fff;font-size:20px;border-radius:5px;z-index:2;}
.item-modal-body{padding:14px 16px 16px;display:grid;gap:7px;}
.item-modal-body label{font-weight:900;font-size:13px;margin-top:2px;}
.item-modal-body input,.item-modal-body select{height:40px;padding:8px 10px;font-size:14px;border-radius:5px;}
.item-modal-grid{display:grid;grid-template-columns:1fr 90px;gap:8px;}
.item-modal-body .btn-primary-full{height:42px;margin-top:7px!important;}
@media(max-width:900px){.comanda-footer{grid-template-columns:1fr!important}.item-modal-grid{grid-template-columns:1fr}}

/* v14 - garante que o modal de adicionar item fique na frente da comanda */
.item-modal{
  z-index:200000!important;
  background:rgba(0,0,0,.58)!important;
  backdrop-filter:blur(6px)!important;
}
.item-modal-box{
  z-index:200001!important;
  position:relative!important;
}
#modal{
  z-index:99999!important;
}
#modal .modal-box{
  z-index:100000!important;
}


/* v15 — cabeçalho INDEXx em todo sistema e fundo verde claro nos modais */
:root{
  --indexx-green:#7aff41!important;
  --indexx-bg-soft:#f3ffef!important;
  --indexx-bg-softer:#fbfff9!important;
}

/* Cabeçalho principal no mesmo efeito da comanda */
.topbar{
  background:linear-gradient(135deg,#000 0%,#111 66%,rgba(122,255,65,.62) 100%)!important;
  color:#fff!important;
  border-left:6px solid var(--indexx-green)!important;
  border-bottom:0!important;
  box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
  min-height:74px!important;
}
.topbar h1{
  text-transform:none!important;
  font-size:28px!important;
  font-weight:900!important;
  letter-spacing:-.6px!important;
}
.topbar p{
  color:#fff!important;
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:1.8px!important;
  text-transform:uppercase!important;
}
.topbar:after{
  content:""!important;
  position:absolute!important;
  right:-65px!important;
  top:-90px!important;
  width:230px!important;
  height:230px!important;
  border-radius:999px!important;
  background:rgba(122,255,65,.22)!important;
}

/* Cabeçalhos dos modais no mesmo padrão */
.modal-head,
.modal-head.black-head,
.modal-head.indexx-head,
.item-modal-head{
  background:linear-gradient(135deg,#000 0%,#111 66%,rgba(122,255,65,.62) 100%)!important;
  color:#fff!important;
  border-left:6px solid var(--indexx-green)!important;
  border-bottom:0!important;
}
.modal-head h2,
.item-modal-head h3{
  color:#fff!important;
  font-weight:900!important;
  letter-spacing:-.4px!important;
}
.modal-head p,
.item-modal-head p{
  color:#fff!important;
  font-weight:700!important;
  letter-spacing:.4px!important;
}

/* Fundo verdinho claro em todos os modais */
.modal-box,
.item-modal-box{
  background:linear-gradient(180deg,var(--indexx-bg-soft) 0%,var(--indexx-bg-softer) 42%,#fff 100%)!important;
}
.modal-box .box,
.nova-comanda-form,
.fechamento-caixa,
.item-modal-body,
.taxa-card,
.valor-comanda,
.comandas-box,
.cardapio-form,
.toolbar{
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.78))!important;
}

/* Fecha com mais presença visual */
.close,
.item-close{
  width:52px!important;
  height:42px!important;
  font-size:23px!important;
  box-shadow:0 10px 24px rgba(201,21,37,.28)!important;
}

/* Ajuste do status do caixa no cabeçalho */
.status{
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  color:#fff!important;
}
.status.open{
  background:var(--indexx-green)!important;
  color:#000!important;
  border-color:var(--indexx-green)!important;
}

@media(max-width:900px){
  .topbar{min-height:auto!important;}
  .topbar h1{font-size:24px!important;}
}

/* v16 ajustes: caixa com operador, tags no cardápio e botões verdes */
:root{
  --verde-indexx:#7aff41!important;
  --verde-neon:#7aff41!important;
}
button:not(.danger):not(.light):not(.close):not(.item-close),
.btn-green,
.btn-editar,
.btn-open-comanda,
.btn-abrir-comanda,
.btn-primary-full{
  background:linear-gradient(135deg,#7aff41,#68f334)!important;
  color:#050505!important;
  box-shadow:0 8px 18px rgba(122,255,65,.24)!important;
}
.menu-btn:not(.active):not(:hover){background:transparent!important;color:#545454!important;box-shadow:none!important;}
.menu-btn.active{background:linear-gradient(135deg,#050505,#202020)!important;color:#fff!important;}
.close,.item-close{background:#cf1124!important;color:#fff!important;}
button.danger{background:linear-gradient(135deg,#cf1124,#970b18)!important;color:#fff!important;}
.status.open{background:linear-gradient(135deg,#7aff41,#68f334)!important;color:#050505!important;}
.cardapio-form{grid-template-columns:1.1fr .85fr 130px 150px 145px 145px!important;align-items:stretch;}
.cardapio-form textarea{grid-column:1/7!important;min-height:52px!important;}
.cardapio-form button{grid-column:1/2!important;}
.tag-checks{grid-column:1/7;display:flex;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid rgba(84,84,84,.16);border-radius:5px;padding:8px 10px;align-items:center;}
.tag-checks label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:#545454;}
.tag-checks input{width:auto;}
.produto-tags{display:flex;gap:6px;flex-wrap:wrap;margin:5px 0 4px;}
.produto-tags span{font-size:12px;font-weight:900;background:rgba(122,255,65,.18);border:1px solid rgba(122,255,65,.8);border-radius:999px;padding:3px 8px;color:#111;}
.produto-card .actions button{min-width:98px;}
#relatorioDia p{margin:7px 0!important;}
@media(max-width:900px){.cardapio-form,.cardapio-form textarea,.cardapio-form button,.tag-checks{grid-column:auto!important;grid-template-columns:1fr!important}.tag-checks{display:grid}}

/* v17 — cardápio refinado, tags completas, mesas com cliente/tempo e relatório de comissão */
.cardapio-form{
  grid-template-columns:1.2fr .85fr 150px 155px 160px!important;
  align-items:stretch!important;
}
.cardapio-form #produtoPrecoMeia.hidden{display:none!important;}
.cardapio-form .tag-checks{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(150px,1fr))!important;
  gap:7px!important;
  padding:9px!important;
}
.cardapio-form .tag-checks label{
  background:#fff!important;
  border:1px solid rgba(84,84,84,.12)!important;
  border-radius:5px!important;
  padding:7px 8px!important;
  margin:0!important;
}
.cardapio-form textarea{grid-column:1/-1!important;}
.cardapio-form button{grid-column:1/2!important;}
.mesa .mesa-cliente{
  margin:7px 0 3px!important;
  font-weight:900!important;
  color:#111!important;
  font-size:15px!important;
}
.mesa .mesa-tempo{
  margin:2px 0 5px!important;
  font-size:13px!important;
  color:#545454!important;
}
.mesa.ocupada .mesa-cliente{color:#c91525!important;}
.comissao-list{
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(0,0,0,.10)!important;
}
.comissao-list strong:first-child{
  display:block!important;
  margin-bottom:4px!important;
}
.comissao-list p{margin:4px 0!important;}
@media(max-width:1100px){
  .cardapio-form{grid-template-columns:1fr 1fr!important;}
  .cardapio-form .tag-checks{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:700px){
  .cardapio-form,.cardapio-form .tag-checks{grid-template-columns:1fr!important;}
}

/* v18 — delivery externo com comanda própria e conferência do dia */
.nova-comanda-form.delivery-form{
  grid-template-columns:1fr 1fr!important;
}
.nova-comanda-form.delivery-form label:nth-of-type(1),
.nova-comanda-form.delivery-form input#novaNumero,
.nova-comanda-form.delivery-form label:nth-of-type(4),
.nova-comanda-form.delivery-form input#novaEndereco,
.nova-comanda-form.delivery-form label:nth-of-type(5),
.nova-comanda-form.delivery-form input#novaLocalizacao,
.nova-comanda-form.delivery-form label:nth-of-type(8),
.nova-comanda-form.delivery-form textarea#novaObs,
.nova-comanda-form.delivery-form .btn-primary-full{
  grid-column:1/-1!important;
}
.delivery-check{margin:0!important;height:40px!important;align-self:end!important;}
.delivery-resumo{
  margin:7px 12px!important;
  padding:9px 12px!important;
  border:1px solid rgba(122,255,65,.65)!important;
  border-left:5px solid #7aff41!important;
  border-radius:5px!important;
  background:rgba(255,255,255,.78)!important;
  display:grid!important;
  gap:3px!important;
  font-size:13px!important;
}
.delivery-resumo strong{font-size:15px!important;}
.delivery-card{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px 12px!important;
  margin:8px 0!important;
  border:1px solid rgba(0,0,0,.10)!important;
  border-left:5px solid #7aff41!important;
  border-radius:5px!important;
  background:#fff!important;
  box-shadow:0 8px 18px rgba(0,0,0,.05)!important;
}
.delivery-card strong{font-size:16px!important;}
.delivery-card small{display:block;color:#545454;margin:2px 0 5px!important;}
.delivery-card p{margin:3px 0!important;line-height:1.25!important;}
.delivery-status{font-weight:900;border-radius:999px;padding:6px 10px;font-size:12px;white-space:nowrap;}
.delivery-status.ok{background:rgba(122,255,65,.3);color:#111;border:1px solid #7aff41;}
.delivery-status.pendente{background:rgba(201,21,37,.10);color:#c91525;border:1px solid rgba(201,21,37,.28);}
#relatorioOrigem h4{margin:10px 0 6px!important;font-size:17px!important;}
@media(max-width:700px){
  .nova-comanda-form.delivery-form{grid-template-columns:1fr!important;}
  .nova-comanda-form.delivery-form label,
  .nova-comanda-form.delivery-form input,
  .nova-comanda-form.delivery-form textarea,
  .nova-comanda-form.delivery-form .btn-primary-full{grid-column:auto!important;}
  .delivery-card{grid-template-columns:1fr!important;}
}

/* v19 delivery externo preparado para evolução */
.delivery-inline{grid-template-columns:1fr 1fr;gap:10px;margin:0}
.delivery-form label{margin-top:4px;display:block}
.delivery-form input,.delivery-form textarea,.delivery-form select{min-height:42px}
.delivery-resumo span{display:block;margin-top:3px}
@media(max-width:720px){.delivery-inline{grid-template-columns:1fr}}

/* Ajustes v21 */
.hidden{display:none!important}
.tag-checks-full{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:8px}
.tag-checks-full label{background:rgba(122,255,65,.10);border:1px solid rgba(0,0,0,.08);padding:7px 8px;border-radius:5px;font-size:12px}
.cardapio-form textarea{grid-column:1/-1}

/* v22 — ajuste do delivery, botões de impressão e envio para caixa travado */
.nova-comanda-form.delivery-form{
  grid-template-columns:1fr 1fr!important;
  gap:7px 10px!important;
}
.nova-comanda-form.delivery-form .delivery-field{
  display:grid!important;
  gap:4px!important;
}
.nova-comanda-form.delivery-form .delivery-field label{
  margin:0!important;
  font-size:13px!important;
  font-weight:900!important;
}
.nova-comanda-form.delivery-form .delivery-full{
  grid-column:1/-1!important;
}
.nova-comanda-form.delivery-form .delivery-inline{
  display:grid!important;
  grid-template-columns:1.15fr 90px 1.2fr!important;
  gap:10px!important;
  align-items:end!important;
  margin:0!important;
}
.nova-comanda-form.delivery-form .delivery-taxa input{
  text-align:center!important;
}
.nova-comanda-form.delivery-form > label:nth-of-type(4),
.nova-comanda-form.delivery-form > label:nth-of-type(5),
.nova-comanda-form.delivery-form > label:nth-of-type(6),
.nova-comanda-form.delivery-form > label:nth-of-type(7){
  display:none!important;
}
.btn-blue,
.btn-imprimir{
  background:linear-gradient(135deg,#1976d2,#42a5f5)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(25,118,210,.24)!important;
}
.comanda-tabs.comanda-tabs-3{
  grid-template-columns:1fr 1fr 1fr!important;
}
.comanda-tabs.comanda-tabs-3 button{
  font-size:14px!important;
}
button.disabled,
button:disabled{
  background:#d9d9d9!important;
  color:#777!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
  filter:none!important;
  transform:none!important;
}
@media(max-width:760px){
  .nova-comanda-form.delivery-form,
  .nova-comanda-form.delivery-form .delivery-inline,
  .comanda-tabs.comanda-tabs-3{grid-template-columns:1fr!important;}
}

/* v23 — Relatório do dia + Precificação Inteligente */
.precificacao-layout{display:grid;grid-template-columns:1.35fr .85fr;gap:14px;align-items:start}
.box-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.box-title-row h3{margin:0 0 2px 0}.box-title-row p{margin:0;color:#545454;font-size:13px}
.precificacao-form{grid-template-columns:1.4fr .6fr;margin-bottom:10px}
.ingrediente-form{grid-template-columns:1.3fr .65fr .55fr .7fr;margin-bottom:10px}
.pricing-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:10px 0}
.pricing-summary>div,.rel-card{background:linear-gradient(135deg,#fff,#f1ffe9);border:1px solid rgba(122,255,65,.42);border-left:5px solid #7aff41;border-radius:5px;padding:10px;box-shadow:0 10px 24px rgba(0,0,0,.06)}
.pricing-summary span,.rel-card span{display:block;text-transform:uppercase;font-size:11px;font-weight:900;color:#545454;letter-spacing:.03em}.pricing-summary strong,.rel-card strong{display:block;font-size:20px;margin-top:4px}.pricing-summary small,.rel-card small{display:block;color:#545454;margin-top:3px;font-size:12px}
.ingredientes-box{margin-top:8px!important}.ingredientes-box h4,.mini-report h4{margin:0 0 8px 0;font-size:16px}
.ingrediente-row{display:grid;grid-template-columns:1fr 90px;gap:8px;align-items:center;border:1px solid rgba(0,0,0,.08);background:#fff;border-radius:5px;padding:8px;margin-bottom:6px}.ingrediente-row small{display:block;color:#545454;margin-top:2px}.ingrediente-row button{padding:8px 10px!important}
.relatorio-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px}.relatorio-grid-2{grid-template-columns:repeat(2,1fr)}.mini-report{margin:0!important;padding:12px!important}.mini-report p{margin:5px 0!important;color:#222}
@media(max-width:980px){.precificacao-layout,.relatorio-grid-2{grid-template-columns:1fr}.pricing-summary,.relatorio-grid{grid-template-columns:repeat(2,1fr)}.ingrediente-form{grid-template-columns:1fr 1fr}.precificacao-form{grid-template-columns:1fr}}
@media(max-width:620px){.pricing-summary,.relatorio-grid,.ingrediente-form{grid-template-columns:1fr}}

/* v24 - calculadora operacional e precificação clara */
.field-help{display:flex;flex-direction:column;gap:4px}
.field-help small{font-size:11px;color:#545454;line-height:1.25}
.calc-form{margin-bottom:12px}
.operacional-summary{margin-bottom:10px}
.ok{color:#168000!important;font-weight:800}.warn{color:#b77900!important;font-weight:800}.danger-text{color:#b91c1c!important;font-weight:800}
.precificacao-form{grid-template-columns:1.2fr 1fr 1fr!important;align-items:start}
@media(max-width:900px){.precificacao-form{grid-template-columns:1fr!important}}


/* v25 - ajustes visuais da precificação */
.precificacao-form{
  grid-template-columns:1.25fr .9fr .9fr!important;
  align-items:stretch!important;
  gap:8px!important;
}
.pricing-input-card{
  background:linear-gradient(135deg,#ffffff,#f1ffe9);
  border:1px solid rgba(122,255,65,.42);
  border-left:5px solid #7aff41;
  border-radius:5px;
  padding:8px;
  box-shadow:0 10px 24px rgba(0,0,0,.05);
  min-height:88px;
  justify-content:space-between;
}
.pricing-input-card label{
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  color:#545454;
  letter-spacing:.03em;
  margin:0;
}
.pricing-input-card input,
.precificacao-form > select{
  background:#f3f4f6!important;
  border:1px solid #d8d8d8!important;
  min-height:38px!important;
}
.pricing-input-card small{font-size:10.5px!important;line-height:1.18!important;color:#545454!important}
.pricing-summary{grid-template-columns:repeat(4,1fr)!important;align-items:stretch}
.pricing-summary .preco-sugerido-card{
  background:linear-gradient(135deg,#fff7e8,#ffe4b5)!important;
  border:1px solid rgba(255,132,0,.35)!important;
  border-left:5px solid #ff8a00!important;
  box-shadow:0 12px 28px rgba(255,138,0,.13)!important;
}
.pricing-summary .preco-sugerido-card span{color:#7a3f00!important}
.pricing-summary .preco-sugerido-card strong{font-size:24px!important;color:#000!important}
@media(max-width:980px){.pricing-summary{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:620px){.pricing-summary,.precificacao-form{grid-template-columns:1fr!important}}

.login-screen{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#000 0%,#111 65%,rgba(122,255,65,.55) 100%);
  padding:20px;
}

.login-card{
  width:min(380px,94vw);
  background:#fff;
  border-left:6px solid #7aff41;
  border-radius:5px;
  padding:26px;
  box-shadow:0 24px 70px rgba(0,0,0,.35);
  display:grid;
  gap:12px;
}

.login-card h1{
  margin:0;
  font-size:30px;
  font-weight:900;
}

.login-card p{
  margin:0 0 8px;
  font-weight:900;
  letter-spacing:1.5px;
}

.login-card button{
  width:100%;
}

.login-card small{
  color:#545454;
  text-align:center;
  font-weight:700;
}

.sair-btn{
  margin-top:16px!important;
  background:linear-gradient(135deg,#cf1124,#970b18)!important;
  color:#fff!important;
}

.hidden{
  display:none!important;
}

/* Mesas no mesmo estilo dos cards do dashboard */
.mesa{
  min-height:108px!important;
  padding:15px 17px!important;
  border:0!important;
  border-radius:5px!important;
  color:#061006!important;
  background:linear-gradient(135deg,#24c744,#7aff41)!important;
  box-shadow:0 16px 35px rgba(0,0,0,.12)!important;
  position:relative!important;
  overflow:hidden!important;
}

.mesa:after{
  content:""!important;
  position:absolute!important;
  right:-26px!important;
  top:-34px!important;
  width:108px!important;
  height:108px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.20)!important;
}

.mesa.ocupada{
  color:#fff!important;
  background:linear-gradient(135deg,#c91525,#ef6a85)!important;
}

.mesa strong,
.mesa p,
.mesa small,
.mesa > div{
  position:relative!important;
  z-index:1!important;
}

.mesa small{
  color:#fff!important;
  font-weight:800!important;
}

.mesa.ocupada small{
  color:#fff!important;
}

.mesa p{
  color:#fff!important;
  font-weight:700!important;
}

.mesa.ocupada p{
  color:#fff!important;
}

.mesa-badge{
  background:rgba(0,0,0,.18)!important;
  color:#fff!important;
  border-radius:999px!important;
}

.mesa.ocupada p,
.mesa.ocupada span,
.mesa.ocupada strong,
.mesa.ocupada small{
  color:#ffffff !important;
}

.mesa.ocupada .cliente,
.mesa.ocupada .nome-cliente{
  color:#ffffff !important;
  font-weight:700 !important;
}

/* correção final: nome do cliente branco na mesa ocupada */
.mesa.ocupada .mesa-cliente,
.mesa.ocupada .mesa-cliente *,
.mesa.ocupada p.mesa-cliente{
  color:#ffffff!important;
  font-weight:900!important;
}

.mesa.ocupada .mesa-tempo,
.mesa.ocupada .mesa-tempo *,
.mesa.ocupada small{
  color:#ffffff!important;
}

/* Cardápio com destaque verde */
.cardapio-form{
  background:rgba(122,255,65,.14)!important;
  border:1px solid rgba(122,255,65,.85)!important;
  box-shadow:0 12px 34px rgba(122,255,65,.22)!important;
}

.cardapio-form input,
.cardapio-form select,
.cardapio-form textarea,
.cardapio-form .checkline,
.cardapio-form .tag-checks,
.cardapio-form .tag-checks label{
  border:1px solid rgba(122,255,65,.95)!important;
  box-shadow:0 0 0 2px rgba(122,255,65,.12)!important;
}

.cardapio-form input:focus,
.cardapio-form select:focus,
.cardapio-form textarea:focus{
  border-color:#7aff41!important;
  box-shadow:0 0 0 4px rgba(122,255,65,.28)!important;
}

#produtoImagem{
  background:#fff!important;
  cursor:pointer!important;
}

.produto-foto{
  overflow:hidden!important;
}

.produto-foto img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}


/* =========================================================
   PARME RESTAURANTE — identidade final preto + #db6065
   Mantido no final para sobrescrever regras antigas do INDEXx Lite
   ========================================================= */
:root{
  --parme-rose:#db6065!important;
  --parme-rose-dark:#c44d52!important;
  --parme-rose-light:#f3a0a4!important;
  --parme-black:#050505!important;
  --parme-black-soft:#161616!important;
  --parme-bg:#f7f4f4!important;
  --parme-border:rgba(219,96,101,.38)!important;

  --verde-neon:#db6065!important;
  --verde-indexx:#db6065!important;
  --indexx-green:#db6065!important;
  --indexx-bg-soft:#fff3f4!important;
  --indexx-bg-softer:#fffafa!important;
  --vermelho:#db6065!important;
}

body,
.login-screen{
  background:
    radial-gradient(circle at top left, rgba(219,96,101,.24), transparent 34%),
    linear-gradient(135deg,#fffafa 0%,#f7eeee 48%,#eee2e3 100%)!important;
  color:var(--parme-black)!important;
}

.login-screen{
  background:linear-gradient(135deg,#000 0%,#111 65%,rgba(219,96,101,.75) 100%)!important;
}

.login-card{
  border-left:6px solid var(--parme-rose)!important;
}

.topbar,
.modal-head,
.modal-head.black-head,
.modal-head.indexx-head,
.item-modal-head{
  background:linear-gradient(135deg,#000 0%,#111 65%,rgba(219,96,101,.78) 100%)!important;
  border-left:6px solid var(--parme-rose)!important;
  border-bottom:0!important;
  color:#fff!important;
}

.topbar:after{
  background:rgba(219,96,101,.24)!important;
}

.status.open,
button:not(.danger):not(.light):not(.close):not(.item-close):not(.btn-blue):not(.btn-imprimir),
.btn-green,
.btn-editar,
.btn-open-comanda,
.btn-abrir-comanda,
.btn-primary-full,
button.success{
  background:linear-gradient(135deg,var(--parme-rose),var(--parme-rose-dark))!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(219,96,101,.28)!important;
}

.menu-btn.active{
  background:linear-gradient(135deg,#050505,#202020)!important;
  color:#fff!important;
}

.menu-btn:hover{
  background:rgba(219,96,101,.14)!important;
  color:#050505!important;
  border-color:rgba(219,96,101,.26)!important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:var(--parme-rose)!important;
  box-shadow:0 0 0 3px rgba(219,96,101,.20)!important;
}

.card:before,
.mesa-comanda,
.delivery-card,
#listaCaixa .row,
.pricing-summary>div,
.rel-card,
.pricing-input-card{
  border-left-color:var(--parme-rose)!important;
}

.card:before{
  background:linear-gradient(var(--parme-rose),var(--parme-rose-dark))!important;
}

/* Dashboard */
.dash-stat.green,
.op-card.green{
  background:linear-gradient(135deg,var(--parme-rose),var(--parme-rose-light))!important;
  color:#fff!important;
}

.dash-stat.red,
.dash-stat.dark{
  background:linear-gradient(135deg,#050505,#333)!important;
  color:#fff!important;
}

.bar i{
  background:linear-gradient(90deg,var(--parme-rose-dark),var(--parme-rose))!important;
}

.donut{
  background:conic-gradient(var(--parme-rose) 0 58%,#111 58% 100%)!important;
}

/* Mesas */
.mesa{
  color:#fff!important;
  background:linear-gradient(135deg,var(--parme-rose),var(--parme-rose-light))!important;
  box-shadow:0 16px 35px rgba(219,96,101,.20)!important;
}

.mesa.ocupada{
  color:#fff!important;
  background:linear-gradient(135deg,#050505,#2b2b2b)!important;
}

.mesa-badge{
  background:rgba(0,0,0,.22)!important;
  color:#fff!important;
}

.mesa strong,
.mesa p,
.mesa small,
.mesa .mesa-cliente,
.mesa .mesa-tempo{
  color:#fff!important;
}

/* Cardápio */
.cardapio-form,
.toolbar,
.taxa-card,
.valor-comanda,
.comandas-box,
.modal-box .box,
.nova-comanda-form,
.fechamento-caixa,
.item-modal-body{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,246,247,.84))!important;
}

.cardapio-form{
  background:rgba(219,96,101,.08)!important;
  border:1px solid rgba(219,96,101,.55)!important;
  box-shadow:0 12px 34px rgba(219,96,101,.18)!important;
}

.cardapio-form input,
.cardapio-form select,
.cardapio-form textarea,
.cardapio-form .checkline,
.cardapio-form .tag-checks,
.cardapio-form .tag-checks label{
  border:1px solid rgba(219,96,101,.50)!important;
  box-shadow:0 0 0 2px rgba(219,96,101,.08)!important;
}

.cardapio-form input:focus,
.cardapio-form select:focus,
.cardapio-form textarea:focus{
  border-color:var(--parme-rose)!important;
  box-shadow:0 0 0 4px rgba(219,96,101,.22)!important;
}

.produto-card,
.status-prod,
.produto-tags span,
.delivery-status.ok{
  border-color:rgba(219,96,101,.65)!important;
}

.produto-card{
  border-left-color:var(--parme-rose)!important;
}

.status-prod,
.produto-tags span,
.delivery-status.ok{
  background:rgba(219,96,101,.13)!important;
  color:#7d2529!important;
}

/* Modais */
.modal-box,
.item-modal-box{
  background:linear-gradient(180deg,#fff3f4 0%,#fffafa 42%,#fff 100%)!important;
}

.item-modal-box{
  border:1px solid rgba(219,96,101,.55)!important;
}

.valor-comanda,
.taxa-card,
.delivery-resumo{
  border-color:rgba(219,96,101,.55)!important;
  border-left-color:var(--parme-rose)!important;
}

.mesa-status-card,
.mesa-status-card.status-livre{
  border-color:var(--parme-rose)!important;
  border-left-color:var(--parme-rose)!important;
}

.status-text-livre,
.status-text-ocupada{
  color:var(--parme-rose-dark)!important;
}

/* Precificação */
.pricing-summary>div,
.rel-card,
.pricing-input-card{
  background:linear-gradient(135deg,#fff,#fff1f2)!important;
  border-color:rgba(219,96,101,.42)!important;
}

/* Botões perigosos continuam pretos/vermelho fechado */
button.danger,
.close,
.item-close,
.sair-btn{
  background:linear-gradient(135deg,#111,#000)!important;
  color:#fff!important;
}

/* Parme - precificação: produto compacto e cards embaixo */
.precificacao-form{
  grid-template-columns:1fr!important;
}

.precificacao-form > select{
  min-height:46px!important;
  height:46px!important;
  font-size:16px!important;
}

.precificacao-form .pricing-input-card{
  display:none!important;
}

.ingrediente-form{
  grid-template-columns:1fr 170px 160px 210px!important;
}

.pricing-summary{
  grid-template-columns:repeat(4,1fr)!important;
}

.pricing-summary .preco-sugerido-card{
  order:4;
}

.pricing-summary::after{
  content:"";
  display:none;
}

@media(max-width:900px){
  .ingrediente-form,
  .pricing-summary{
    grid-template-columns:1fr!important;
  }
}

.precificacao-form .pricing-input-card{
  display:none!important;
}

.pricing-input-inline{
  display:flex!important;
}

.ingrediente-form{
  grid-template-columns:2.4fr .75fr .65fr .85fr!important;
}

.ingrediente-form button{
  min-width:120px!important;
  padding-left:12px!important;
  padding-right:12px!important;
}

/* Ajuste card editável margem desejada */
.pricing-input-inline{
  display:block!important;
  min-height:116px!important;
}

.pricing-input-inline label{
  display:block!important;
  margin-bottom:8px!important;
}

.pricing-input-inline input{
  width:100%!important;
  height:38px!important;
  display:block!important;
  margin:0 0 6px!important;
}

.pricing-input-inline small{
  display:block!important;
  font-size:11px!important;
  line-height:1.2!important;
}

.produto-base-box{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
  border-left:5px solid #db6065;
}

.produto-base-box h3{
  margin:0;
}
.precificacao-form{
  grid-template-columns:1fr!important;
}

.precificacao-form > select{
  height:46px!important;
  min-height:46px!important;
}

.precificacao-form .pricing-input-card{
  display:none!important;
}

.pricing-input-inline{
  display:block!important;
  min-height:116px!important;
}

.pricing-input-inline input{
  width:100%!important;
  height:38px!important;
  margin:6px 0!important;
}

.ingrediente-form{
  grid-template-columns:2.4fr .7fr .6fr .75fr!important;
}

.ingrediente-form button{
  min-width:105px!important;
  padding-left:10px!important;
  padding-right:10px!important;
}

@media(max-width:900px){
  .ingrediente-form,
  .pricing-summary{
    grid-template-columns:1fr!important;
  }
}

/* Box flutuante de instalação PWA */
.install-box{
  position:fixed;
  right:18px;
  bottom:18px;
  width:min(390px, calc(100vw - 28px));
  z-index:999999;
  background:#050505;
  color:#fff;
  border-radius:5px!important;
  border:2px solid #7aff41;
  box-shadow:0 18px 40px rgba(0,0,0,.28);
  overflow:hidden;
}
.install-box.hidden{display:none!important;}
.install-content{
  display:grid;
  gap:12px;
  padding:14px;
  background:linear-gradient(135deg,#050505 0%,#1d1d1d 68%,rgba(122,255,65,.28) 100%);
}
.install-content strong{
  display:block;
  font-size:18px;
  margin-bottom:4px;
}
.install-content p{
  margin:0;
  color:#e8e8e8;
  line-height:1.3;
  font-size:14px;
}
.install-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.install-actions button{
  flex:1;
  min-width:120px;
}
.install-actions #btnInstallApp{
  background:#7aff41!important;
  color:#050505!important;
}
.install-actions .light{
  background:#fff!important;
  color:#050505!important;
}
@media(max-width:700px){
  .install-box{right:10px;bottom:10px;width:calc(100vw - 20px);}
}