/* 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. */
html,body{max-width:100%;overflow-x:clip}
.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 }

/* Celular: Sacar ganhos no topo, sem precisar abrir o menu */
.prf-saque-head{
  display:none;
  margin-left:8px;
  height:34px;
  padding:0 12px;
  border-radius:999px;
  background:#16a34a;
  color:#04210f;
  font-weight:800;
  font-size:12px;
  align-items:center;
  text-decoration:none;
  white-space:nowrap;
  flex-shrink:0;
}
@media (max-width:1023px){
  .prf-saque-head{ display:inline-flex !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: usa a página Financeiro de verdade, carteira ocupa o main */
html.prf-saque main > *:not(#prf-carteira){ display:none !important; }
html.prf-saque #prf-carteira{
  display:block !important;
  max-width:none !important;
  margin:0 !important;
  min-height:calc(100vh - 72px);
  border-radius:0 !important;
  border:0 !important;
  padding:22px 20px 32px !important;
}
@media (max-width: 820px){
  html.prf-saque #prf-carteira{ padding:14px 12px 24px !important; min-height:calc(100dvh - 56px); }
}

/* 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{background:#16a34a;color:#04210f;font-size:11px;font-weight:800;border-radius:999px;padding:4px 10px;letter-spacing:.04em;text-transform:uppercase}
.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}