/* Pedidos Rápido Food v93 — cardápio no celular sem corte.
   Tema escuro SÓ no operador (html.prf-op). Cardápio/comprovante ficam com as cores da loja. */
/* v247: categorias ficam dentro do cardápio. Se couberem, ficam no centro. Se não, rolam sem vazar da tela. */
.m1-shop .m1-cats{
  margin-left:0 !important;
  margin-right:0 !important;
  max-width:100%;
  box-sizing:border-box;
  justify-content:safe center;
}
.m1-shop{width:100%;max-width:100vw;overflow-x:clip;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
.m1-shop .m1-shell{width:100%;max-width:min(42rem,100%);padding-left:0;padding-right:0}
.m1-shop .grid{min-width:0}
.m1-shop .grid.grid-cols-2,.m1-shop .grid.grid-cols-3{width:100%}
.m1-shop .m1-pay,.m1-shop .m1-card,.m1-shop .m1-btn{max-width:100%;min-width:0;word-break:break-word}
.m1-shop input,.m1-shop select,.m1-shop textarea{max-width:100%;font-size:16px!important}
@media (max-width:430px){
  .m1-shop{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  .m1-shop .grid.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .m1-shop .m1-pay{padding:10px 8px;font-size:13px;line-height:1.25}
  .m1-shop h2,.m1-shop h3{font-size:1rem}
  .m1-shop .m1-tabbar{padding-bottom:env(safe-area-inset-bottom,8px)}
}
@supports (height:100dvh){
  .m1-shop{min-height:100dvh}
}

html.prf-op, html.prf-op.dark {
  color-scheme: dark;
  --color-bg:#0c0d10;
  --color-surface:#15171c;
  --color-elevated:#1c1f26;
  --color-fg:#eef0f4;
  --color-muted:#9aa1ad;
  --color-subtle:#6f7682;
  --color-border:#2a2e36;
  --color-border-strong:#3b404a;
  --color-primary-soft:#163222;
  --color-pdv-search:#1c1f26;
  --color-pdv-cart:#1a1f27;
  --color-pdv-cart-fg:#f4f6f8;
  --color-pdv-cart-muted:#a8b0ba;
}
html.prf-op, html.prf-op body {
  background:#0c0d10;
  color:#eef0f4;
}
html.prf-op .bg-surface { background-color:#15171c !important; }
html.prf-op .bg-bg { background-color:#0c0d10 !important; }
html.prf-op .bg-elevated { background-color:#1c1f26 !important; }
html.prf-op .bg-pdv-search { background-color:#1c1f26 !important; color:#eef0f4 !important; }
html.prf-op .text-fg { color:#eef0f4 !important; }
html.prf-op .bg-surface\/90 { background-color:rgba(21,23,28,.9) !important; }
html.prf-op button[aria-label="Alternar modo escuro"]{display:none!important}

/* PDV claro/escuro + cor da loja */
html.prf-pdv-light{
  color-scheme:light;
  --color-bg:#f3f5f4;
  --color-surface:#ffffff;
  --color-elevated:#ffffff;
  --color-fg:#111111;
  --color-muted:#536057;
  --color-subtle:#6b746e;
  --color-border:#d6ddd6;
  --color-primary:var(--pdv-accent,#0b5d2a);
}
html.prf-pdv-light, html.prf-pdv-light body{
  background:#f3f5f4 !important;
  color:#111 !important;
}
html.prf-pdv-light .bg-bg{background:#f3f5f4 !important;color:#111 !important}
html.prf-pdv-light .bg-surface, html.prf-pdv-light .bg-elevated{background:#fff !important;color:#111 !important}
html.prf-pdv-light .text-fg{color:#111 !important}
html.prf-pdv-light .text-muted, html.prf-pdv-light .text-subtle{color:#536057 !important}
html.prf-pdv-light [class*="bg-pdv-rail"]{background:#163326 !important;color:#f4fff8 !important}
html.prf-pdv-light [class*="bg-pdv-header"]{background:var(--pdv-accent,#0b5d2a) !important;color:#fff !important}
html.prf-pdv-light [class*="bg-pdv-search"]{background:#fff !important;color:#111 !important;border:1px solid #d6ddd6}
html.prf-pdv-light [class*="bg-pdv-send"],
html.prf-pdv-light [class*="bg-pdv-novo"]{background:var(--pdv-accent,#0b5d2a) !important;color:#fff !important}
html.prf-pdv-light .bg-primary{background:var(--pdv-accent,#0b5d2a) !important}
html.prf-op [class*="bg-pdv-header"]{background:var(--pdv-accent,#0b5d2a) !important}
html.prf-op [class*="bg-pdv-send"],
html.prf-op [class*="bg-pdv-novo"]{background:var(--pdv-accent,#0b5d2a) !important;color:#fff !important}
html.prf-op .bg-primary{background:var(--pdv-accent,#0b5d2a) !important}
#prf-pdv-look-fab{z-index:90}
#prf-adm-media, #prf-adm-file, #prf-adm-send, #prf-adm-title, #prf-adm-link, #prf-adm-cta { display:none !important }

/* v176: PDV sabor nunca some — coluna, foto em cima, lista com altura */
.pdv-mod-sheet, .prf-pdv-sheet {
  display: flex !important;
  flex-direction: column !important;
  width: min(100%, 42rem) !important;
  max-width: 42rem !important;
  max-height: 92vh !important;
  height: min(92vh, 820px) !important;
  overflow: hidden !important;
}
.pdv-mod-img, .prf-pdv-sheet > img, .prf-pdv-img {
  display: block !important;
  width: 100% !important;
  height: 128px !important;
  max-height: 128px !important;
  object-fit: cover !important;
  flex: 0 0 128px !important;
}
.pdv-mod-chips, .prf-pdv-chips {
  min-height: 240px !important;
  max-height: 50vh !important;
  overflow-y: auto !important;
  flex: 1 1 auto !important;
  display: block !important;
}

/* Sem botão extra no topo — Sacar ganhos é só a categoria do menu */
.prf-saque-head{ display:none !important }

html.prf-adm main{ min-width:0; overflow-x:auto; -webkit-overflow-scrolling:touch }
@media (max-width:820px){
  html.prf-adm main .grid{ grid-template-columns:1fr !important }
  html.prf-adm main{ padding-left:12px !important; padding-right:12px !important }
}

/* PDV Entrega / Retirada: colunas lado a lado, cada uma numa caixinha */
.prf-kanban{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:10px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  grid-template-columns:none !important;
  align-items:stretch;
  min-height:0;
  flex:1 1 auto;
  padding-bottom:8px;
  -webkit-overflow-scrolling:touch;
}
.prf-kanban > section, .prf-kanban-col{
  flex:1 1 0;
  min-width:168px;
  max-width:none;
  display:flex !important;
  flex-direction:column;
  min-height:calc(100vh - 170px);
  max-height:calc(100vh - 150px);
  overflow:hidden;
  border-radius:14px !important;
  background:#15171c !important;
  border:1px solid #2a2e36 !important;
}
.prf-kanban > section > p,
.prf-kanban-col > p{
  flex:0 0 auto;
  padding:10px 10px 8px !important;
  font-size:11px !important;
  letter-spacing:.06em;
}
.prf-kanban > section > div,
.prf-kanban-col > div.space-y-2{
  overflow-y:auto;
  flex:1 1 auto;
  min-height:0;
  padding:0 8px 8px;
}
@media (max-width: 1100px){
  .prf-kanban > section, .prf-kanban-col{ flex:0 0 220px; min-width:220px; }
}
@media (max-width: 700px){
  .prf-kanban > section, .prf-kanban-col{
    flex:0 0 78vw; min-width:78vw; max-width:78vw; min-height:58vh; max-height:70vh;
  }
}

/* Sacar ganhos: categoria no main, sem esconder o menu da loja */
html.prf-saque #prf-carteira{
  display:block !important;
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  min-height:calc(100vh - 88px);
  border-radius:0 !important;
  border:0 !important;
  padding:20px 18px 32px !important;
}
@media (max-width: 820px){
  html.prf-saque #prf-carteira{ padding:14px 12px 28px !important; min-height:calc(100dvh - 64px); }
}

/* Atendimento do painel com o mesmo visual do WhatsApp do PDV */
html.prf-wa-official main,
html.prf-wa-official [class*="inbox"]{
  background:#0b141a !important;
  color:#e9edef !important;
}
html.prf-wa-official button[title="Pausar conversa"]{ display:none !important; }

/* Um só botão Cor e toque */
#prf-pdv-look-fab + #prf-pdv-look-fab{ display:none !important; }


/* Cardápio do cliente: cores da loja, sem herdar o fundo do operador */
.m1-shop{
  background:var(--m-bg,#111)!important;
  color:var(--m-fg,#fff)!important;
}

/* Carteira: página "Sacar ganhos" no fluxo do painel, nunca pop-up em cima */
#prf-carteira, .prf-carteira{
  position: relative !important;
  z-index: 2 !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  width: auto !important;
  max-width: 920px;
  max-height: none !important;
  overflow: visible;
  margin: 12px 16px 28px;
  padding: 18px 18px 16px;
  border-radius: 18px;
  background: #10141c;
  border: 1px solid #23262d;
  color: #eef0f4;
  box-shadow: none !important;
}
body > #prf-carteira{
  position: relative !important;
  inset: auto !important;
}
@media (max-width: 820px){
  #prf-carteira, .prf-carteira{ margin: 8px; padding: 14px; }
}
.prf-c-x{ display:none !important }
.prf-carteira.prf-c-min{ width:auto; max-height:none }
.prf-c-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;padding-right:8px}
.prf-c-kicker{margin:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9aa1ad;font-weight:700}
.prf-carteira h2{margin:4px 0 0;font-size:1.25rem;font-weight:750;color:#eef0f4}
.prf-c-live{display:none !important}
.prf-c-hint{margin:0 0 14px;font-size:13px;color:#c5c9d1;line-height:1.45}
.prf-c-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
@media (min-width:860px){.prf-c-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.prf-c-kpi{background:#0c0d10;border:1px solid #23262d;border-radius:14px;padding:12px}
.prf-c-kpi span{display:block;font-size:11px;color:#9aa1ad;text-transform:uppercase;letter-spacing:.06em}
.prf-c-kpi strong{display:block;margin-top:6px;font-size:1.35rem;font-weight:800;letter-spacing:-.03em;color:#eef0f4}
.prf-c-kpi.main{background:#163326;border-color:#1fa855}
.prf-c-kpi.main strong{color:#86efac}
.prf-c-forms{display:grid;gap:12px}
@media (min-width:760px){.prf-c-forms{grid-template-columns:1.2fr .8fr}}
.prf-c-forms label{display:block;font-size:12px;color:#9aa1ad;margin:8px 0 4px}
.prf-c-forms input,.prf-c-forms select{
  width:100%;border:1px solid #23262d;border-radius:10px;padding:10px 12px;background:#0c0d10;color:#eef0f4;font-size:15px
}
.prf-c-btn{margin-top:10px;background:#16a34a;color:#04210f;border:0;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}
.prf-c-btn.ghost{background:transparent;color:#c5c9d1;border:1px solid #23262d}
.prf-c-btn:disabled{opacity:.55;cursor:wait}
.prf-c-note{margin:10px 0 0;font-size:12px;color:#9aa1ad;line-height:1.4}
.prf-c-link{display:inline-block;margin-top:8px;color:#86efac;font-size:13px;font-weight:700}
.prf-c-mov{margin-top:12px;display:grid;gap:6px}
.prf-c-mov div{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:8px 0;border-top:1px solid #23262d}
.prf-c-mov span{color:#9aa1ad}


.m1-shop .relative.mb-5.overflow-hidden.rounded-2xl{box-shadow:0 10px 28px rgba(0,0,0,.28)}
.m1-shop .m1-card{border-radius:16px}
#prf-mesa-note{box-shadow:0 8px 24px rgba(22,163,74,.18)}
.m1-shop video{display:block;width:100%;object-fit:cover}

html.prf-mesa-mode #prf-mesa-badge{
  position:fixed;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));
  z-index:90;background:#16a34a;color:#04210f;font-weight:900;font-size:12px;letter-spacing:.04em;
  padding:7px 12px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.35);pointer-events:none;
  text-transform:uppercase
}
html.prf-mesa-mode .prf-mesa-hide{display:none!important}
@media(max-width:640px){
  html.prf-mesa-mode #prf-mesa-badge{font-size:11px;padding:6px 10px}
}

/* v144 PDV cart — lista grande, +/− e lixeira fáceis de tocar */
@media (min-width:1024px){
  aside[class*="bg-pdv-cart"]{
    width:32rem!important;max-width:34rem!important;flex:0 0 32rem!important;
    height:100%!important;min-height:0!important;overflow:hidden!important;align-self:stretch!important
  }
  .lg\:grid-cols-\[1fr_22rem\],.lg\:grid-cols-\[1fr_30rem\],.lg\:grid-cols-\[1fr_32rem\]{
    grid-template-columns:1fr minmax(30rem,34rem)!important
  }
  .lg\:w-\[22rem\],.lg\:w-\[30rem\]{width:32rem!important}
}
aside[class*="bg-pdv-cart"]{display:flex!important;flex-direction:column!important}
aside[class*="bg-pdv-cart"]>div{flex-shrink:0}
aside[class*="bg-pdv-cart"]>div[class*="overflow-y-auto"]{
  flex:1 1 0%!important;min-height:12rem!important;overflow-y:auto!important
}
aside[class*="bg-pdv-cart"] .grid.grid-cols-4,
aside[class*="bg-pdv-cart"] .grid.grid-cols-5{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  padding-top:.25rem!important;padding-bottom:.25rem!important
}
aside[class*="bg-pdv-cart"] .grid.grid-cols-4 .h-10,
aside[class*="bg-pdv-cart"] .grid.grid-cols-5 .h-10{
  height:2rem!important;font-size:11px!important
}
aside[class*="bg-pdv-cart"] .space-y-1.border-b{
  display:grid!important;grid-template-columns:1fr 1fr;gap:.35rem .4rem;padding-bottom:.4rem!important
}
aside[class*="bg-pdv-cart"] .space-y-1.border-b>*{margin:0!important}
aside[class*="bg-pdv-cart"] .space-y-1.border-b>:nth-child(n+3){grid-column:1/-1}
aside[class*="bg-pdv-cart"] [class*="overflow-y-auto"][class*="px-3"]>div{
  padding-top:.7rem!important;padding-bottom:.7rem!important
}
aside[class*="bg-pdv-cart"] .size-6,
aside[class*="bg-pdv-cart"] .size-8,
aside[class*="bg-pdv-cart"] .size-9{width:2.25rem!important;height:2.25rem!important}
aside[class*="bg-pdv-cart"] .w-5,
aside[class*="bg-pdv-cart"] .w-7,
aside[class*="bg-pdv-cart"] .w-8{width:1.85rem!important;font-size:1.1rem!important}
aside[class*="bg-pdv-cart"] .text-sm{font-size:1.05rem!important}
aside[class*="bg-pdv-cart"] .text-xs{font-size:.92rem!important}
aside[class*="bg-pdv-cart"] [class*="text-pdv-cancel"]{
  width:2.25rem!important;height:2.25rem!important;display:inline-grid!important;
  place-items:center!important;border-radius:.4rem!important;background:rgba(255,255,255,.1)!important
}

/* v145 saque + motoboy */
html.prf-saque-page [data-prf-sales-kpi]{display:none!important}
html.prf-motoboy-page #prf-alert-box,html.prf-motoboy-page #prf-pdv-look{display:none!important}
html.prf-motoboy-page .bg-info{background:#0B5D2A!important;color:#f4fff8!important}

/* v146: categoria saque nativa — overlay morto, layout do React */
#prf-carteira,#prf-saque-head,#prf-fin-saque-link{display:none!important}
#prf-saque-root{display:block!important;visibility:visible!important}
html.prf-saque-page main .space-y-5>*{order:unset!important}

/* v244: horário do cardápio do cliente sempre visível */
.prf-when{display:block!important;visibility:visible!important}
.prf-when input[type="time"],
.prf-when input[type="datetime-local"],
#prf-when-fallback input[type="time"],
#prf-when-fallback input[type="datetime-local"]{
  display:block!important;visibility:visible!important;opacity:1!important;
  height:48px!important;width:100%!important;
  border:1px solid #d1d5db!important;border-radius:12px!important;
  background:#fff!important;color:#111!important;
  padding:0 14px!important;font-size:16px!important;
  -webkit-appearance:auto!important;appearance:auto!important;
}

/* v178: PDV sabor compacto — chips colados no título, sem buraco, foto pequena */
div.fixed[class*="z-"]>div[class*="max-w-2xl"],
.prf-pdv-sheet,
.pdv-mod-sheet{
  display:flex!important;
  flex-direction:column!important;
  width:min(96vw,34rem)!important;
  max-width:34rem!important;
  height:auto!important;
  max-height:min(92vh,680px)!important;
  overflow:hidden!important;
}
div.fixed[class*="z-"]>div[class*="max-w-2xl"]>img,
.prf-pdv-sheet>img,
.prf-pdv-img,
.pdv-mod-img{
  display:block!important;
  width:100%!important;
  height:88px!important;
  max-height:88px!important;
  object-fit:cover!important;
  flex:0 0 88px!important;
}
.prf-gap{display:none!important;height:0!important;min-height:0!important;flex:0 0 0!important}
.prf-chip-block,
.pdv-mod-chips{
  display:block!important;
  flex:0 1 auto!important;
  min-height:0!important;
  max-height:min(48vh,380px)!important;
  overflow-y:auto!important;
}
.prf-chip-block.prf-pdv-native,
.pdv-mod-chips.prf-pdv-native{display:block!important}
.prf-chip-block button,
.pdv-mod-chips button{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:52px!important;
}
.prf-cat-row{background:#0c0d10!important;isolation:isolate;position:relative;z-index:6}
.prf-cat-row img,.prf-cat-row picture{display:none!important;width:0!important;height:0!important;opacity:0!important}
.prf-cat-row button,.prf-cat-row a{background-image:none!important}