/* ===========================================================================
   FechAí — Enterprise Premium UI v5
   Camada final de apresentação: corrige quebra entre desktop, notebook, tablet
   e celular sem alterar regras de negócio, IDs, eventos, Supabase ou checkout.
   =========================================================================== */

:root{
  --vf5-navy:#10233d;
  --vf5-navy-2:#172f4f;
  --vf5-blue:#2563eb;
  --vf5-blue-dark:#1d4ed8;
  --vf5-blue-soft:#eaf1ff;
  --vf5-green:#10966f;
  --vf5-green-soft:#e9fbf3;
  --vf5-orange:#e87516;
  --vf5-orange-soft:#fff4e8;
  --vf5-red:#d9465f;
  --vf5-bg:#f4f7fb;
  --vf5-surface:#ffffff;
  --vf5-surface-soft:#f8faff;
  --vf5-ink:#172033;
  --vf5-muted:#67758a;
  --vf5-line:#dfe7f2;
  --vf5-line-strong:#cbd8e8;
  --vf5-radius:16px;
  --vf5-radius-lg:22px;
  --vf5-shadow:0 14px 38px rgba(23,42,74,.08);
  --vf5-shadow-hover:0 20px 44px rgba(23,42,74,.14);
}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--vf5-bg)!important;scroll-behavior:smooth}
body{margin:0;background:var(--vf5-bg)!important;color:var(--vf5-ink)!important;overflow-x:clip!important}
button,input,select,textarea{font-family:inherit}
button{touch-action:manipulation}
img,svg,canvas{max-width:100%;height:auto}

/* --------------------------------------------------------------------------
   Painel administrativo
   -------------------------------------------------------------------------- */
#screen-commerce-app.shell:not(.vf-pdv-focus){
  grid-template-columns:268px minmax(0,1fr)!important;
  min-height:100dvh!important;
  background:
    radial-gradient(circle at 100% -5%,rgba(37,99,235,.12),transparent 25%),
    radial-gradient(circle at 38% 0%,rgba(16,150,111,.05),transparent 24%),
    var(--vf5-bg)!important;
}

#screen-commerce-app.shell:not(.vf-pdv-focus) .main{
  min-width:0!important;
  min-height:100dvh!important;
  overflow-x:clip!important;
  padding:32px clamp(20px,3vw,46px) 44px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(244,247,251,.9) 270px),var(--vf5-bg)!important;
}

#screen-commerce-app:not(.vf-pdv-focus) .commerce-section{
  width:min(100%,1540px)!important;
  margin-inline:auto!important;
}

/* Sidebar: identidade de produto SaaS, sem visual pesado nem perda de leitura. */
#screen-commerce-app:not(.vf-pdv-focus) .sidebar{
  position:sticky!important;
  top:0!important;
  z-index:30!important;
  height:100dvh!important;
  overflow:auto!important;
  padding:20px 14px 16px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 16% -6%,rgba(98,143,255,.38),transparent 30%),
    radial-gradient(circle at 100% 14%,rgba(34,211,238,.15),transparent 30%),
    linear-gradient(180deg,#10233d 0%,#102a49 57%,#0d2037 100%)!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  box-shadow:18px 0 44px rgba(16,35,61,.13)!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.22) transparent;
}
#screen-commerce-app:not(.vf-pdv-focus) .sidebar::-webkit-scrollbar{width:6px}
#screen-commerce-app:not(.vf-pdv-focus) .sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:99px}

#screen-commerce-app:not(.vf-pdv-focus) .logo{
  min-height:58px!important;
  margin:0 2px 12px!important;
  padding:0 2px 16px!important;
  display:flex!important;
  align-items:center!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .vf-logo-pill{display:flex!important;align-items:center!important;gap:11px!important;min-width:0}
#screen-commerce-app:not(.vf-pdv-focus) .vf-logo-pill::before{
  width:38px!important;height:38px!important;flex:0 0 38px!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#3d75f7,#6b8cff)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .vf-logo-inline{width:auto!important;max-width:110px!important;height:auto!important;filter:brightness(0) invert(1)!important}
#screen-commerce-app:not(.vf-pdv-focus) .vf-logo-label{display:block!important;margin-top:2px!important;color:rgba(255,255,255,.64)!important;font-size:11px!important;font-weight:700!important}

#screen-commerce-app:not(.vf-pdv-focus) #commerce-sidebar-business.business-name{
  display:grid!important;gap:2px!important;
  margin:0 1px 16px!important;padding:12px 13px!important;
  border:1px solid rgba(255,255,255,.13)!important;border-radius:14px!important;
  background:rgba(255,255,255,.075)!important;color:rgba(255,255,255,.7)!important;
  font-size:11px!important;line-height:1.4!important;
}
#screen-commerce-app:not(.vf-pdv-focus) #commerce-sidebar-business.business-name::before{
  content:"Sua operação"!important;display:block!important;margin:0!important;
  color:#fff!important;font-size:13px!important;font-weight:850!important;letter-spacing:-.01em!important;
}
#screen-commerce-app:not(.vf-pdv-focus) #commerce-sidebar-business.business-name::after{
  content:"● Loja disponível"!important;display:block!important;margin-top:1px!important;
  color:#8df1c8!important;font-size:10px!important;font-weight:800!important;
}

#screen-commerce-app:not(.vf-pdv-focus) .nav{display:grid!important;gap:4px!important;padding:0 0 12px!important}
#screen-commerce-app:not(.vf-pdv-focus) .nav-title{
  margin:15px 8px 6px!important;color:rgba(255,255,255,.46)!important;
  font-size:10px!important;line-height:1!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .nav button,
#screen-commerce-app:not(.vf-pdv-focus) .nav .vf-config-subnav{
  min-height:42px!important;padding:0 11px!important;display:flex!important;align-items:center!important;gap:10px!important;
  border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;
  color:rgba(255,255,255,.77)!important;font-size:13px!important;font-weight:760!important;text-align:left!important;
  box-shadow:none!important;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .nav button i,
#screen-commerce-app:not(.vf-pdv-focus) .nav .vf-config-subnav i{
  width:20px!important;min-width:20px!important;height:20px!important;display:grid!important;place-items:center!important;
  color:rgba(255,255,255,.82)!important;font-size:18px!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .nav button:hover,
#screen-commerce-app:not(.vf-pdv-focus) .nav .vf-config-subnav:hover{
  transform:translateX(2px)!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.09)!important;color:#fff!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .nav button.active,
#screen-commerce-app:not(.vf-pdv-focus) .nav button[aria-current="page"],
#screen-commerce-app:not(.vf-pdv-focus) .nav .vf-config-subnav.active{
  color:#fff!important;background:linear-gradient(135deg,#326ae9,#4859da)!important;border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 10px 22px rgba(20,70,183,.3)!important;transform:none!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .nav button.active::before,
#screen-commerce-app:not(.vf-pdv-focus) .nav button[aria-current="page"]::before{display:none!important}
#screen-commerce-app:not(.vf-pdv-focus) .vf-pdv-nav-badge{margin-left:auto!important;padding:3px 7px!important;border-radius:99px!important;background:rgba(255,255,255,.16)!important;color:#fff!important;font-size:10px!important}

#screen-commerce-app:not(.vf-pdv-focus) .sidebar-bottom{display:grid!important;gap:7px!important;margin-top:auto!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.1)!important}
#screen-commerce-app:not(.vf-pdv-focus) .sidebar-bottom::before{display:none!important}
#screen-commerce-app:not(.vf-pdv-focus) .sidebar-bottom .btn{
  min-height:38px!important;justify-content:flex-start!important;padding:0 11px!important;
  border-color:rgba(255,255,255,.16)!important;background:rgba(255,255,255,.045)!important;color:#fff!important;
  border-radius:11px!important;font-size:12px!important;
}

/* Tipografia, botões e painéis do dashboard. */
#screen-commerce-app:not(.vf-pdv-focus) .page-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap!important;margin:0 0 22px!important}
#screen-commerce-app:not(.vf-pdv-focus) .page-head>div{min-width:min(100%,460px)!important}
#screen-commerce-app:not(.vf-pdv-focus) .page-head h1{margin:0!important;color:var(--vf5-ink)!important;font-size:clamp(25px,2.3vw,34px)!important;line-height:1.08!important;letter-spacing:-.04em!important;font-weight:880!important}
#screen-commerce-app:not(.vf-pdv-focus) .page-head p{max-width:710px!important;margin:7px 0 0!important;color:var(--vf5-muted)!important;font-size:13px!important;line-height:1.5!important}
#screen-commerce-app:not(.vf-pdv-focus) .head-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important}
#screen-commerce-app:not(.vf-pdv-focus) .btn,
#screen-commerce-app:not(.vf-pdv-focus) .commerce-page-tools .btn{
  min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  border:1px solid var(--vf5-line-strong)!important;border-radius:11px!important;background:#fff!important;color:#31425b!important;
  padding:0 13px!important;font-size:12px!important;font-weight:780!important;line-height:1!important;
  box-shadow:0 3px 10px rgba(23,42,74,.035)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .btn:hover,
#screen-commerce-app:not(.vf-pdv-focus) .commerce-page-tools .btn:hover{transform:translateY(-1px)!important;border-color:#b9c9e5!important;box-shadow:0 8px 17px rgba(23,42,74,.10)!important}
#screen-commerce-app:not(.vf-pdv-focus) .btn.primary,
#screen-commerce-app:not(.vf-pdv-focus) .commerce-page-tools .btn.primary{
  border-color:transparent!important;background:linear-gradient(135deg,var(--vf5-blue),var(--vf5-blue-dark))!important;color:#fff!important;box-shadow:0 10px 20px rgba(37,99,235,.22)!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .btn.primary:hover{box-shadow:0 14px 25px rgba(37,99,235,.3)!important}
#screen-commerce-app:not(.vf-pdv-focus) .btn.danger{background:#fff5f6!important;border-color:#fecdd6!important;color:#be123c!important;box-shadow:none!important}

#screen-commerce-app:not(.vf-pdv-focus) .cards{gap:14px!important;margin-bottom:18px!important}
#screen-commerce-app:not(.vf-pdv-focus) .metric,
#screen-commerce-app:not(.vf-pdv-focus) .card,
#screen-commerce-app:not(.vf-pdv-focus) .commerce-card,
#screen-commerce-app:not(.vf-pdv-focus) .commerce-panel,
#screen-commerce-app:not(.vf-pdv-focus) .table-card{
  background:rgba(255,255,255,.96)!important;border:1px solid var(--vf5-line)!important;border-radius:var(--vf5-radius)!important;
  box-shadow:var(--vf5-shadow)!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .metric{position:relative!important;overflow:hidden!important;min-height:126px!important;padding:17px!important}
#screen-commerce-app:not(.vf-pdv-focus) .metric::after{content:""!important;display:block!important;position:absolute!important;right:-22px!important;bottom:-32px!important;width:94px!important;height:94px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(37,99,235,.11),transparent 66%)!important;pointer-events:none!important}
#screen-commerce-app:not(.vf-pdv-focus) .metric .icon{width:38px!important;height:38px!important;margin-bottom:12px!important;border-radius:12px!important;background:var(--vf5-blue-soft)!important;color:var(--vf5-blue)!important}
#screen-commerce-app:not(.vf-pdv-focus) .metric label{margin-bottom:5px!important;color:var(--vf5-muted)!important;font-size:11px!important;font-weight:730!important}
#screen-commerce-app:not(.vf-pdv-focus) .metric strong{color:var(--vf5-ink)!important;font-size:26px!important;line-height:1!important;letter-spacing:-.04em!important}
#screen-commerce-app:not(.vf-pdv-focus) .card{padding:18px!important;margin-bottom:16px!important}
#screen-commerce-app:not(.vf-pdv-focus) .card-header{gap:12px!important;align-items:flex-start!important}
#screen-commerce-app:not(.vf-pdv-focus) .card-header h2{color:var(--vf5-ink)!important;font-size:15px!important;font-weight:850!important}
#screen-commerce-app:not(.vf-pdv-focus) .note,
#screen-commerce-app:not(.vf-pdv-focus) .linkbox{border-color:#cde0fb!important;background:#f5f9ff!important;color:#304a6a!important;border-radius:12px!important;line-height:1.55!important}
#screen-commerce-app:not(.vf-pdv-focus) .table-card{overflow:auto!important;padding:0!important}
#screen-commerce-app:not(.vf-pdv-focus) .table-card table{min-width:680px!important}
#screen-commerce-app:not(.vf-pdv-focus) table th{background:#f8faff!important;color:#718198!important;font-size:10px!important;font-weight:850!important;letter-spacing:.06em!important;text-transform:uppercase!important}
#screen-commerce-app:not(.vf-pdv-focus) table td{border-color:#edf2f8!important;color:#35435a!important}
#screen-commerce-app:not(.vf-pdv-focus) table tr:hover td{background:#fbfdff!important}

#screen-commerce-app:not(.vf-pdv-focus) input,
#screen-commerce-app:not(.vf-pdv-focus) select,
#screen-commerce-app:not(.vf-pdv-focus) textarea{
  min-height:42px!important;border:1px solid var(--vf5-line-strong)!important;border-radius:10px!important;background:#fff!important;color:var(--vf5-ink)!important;
  box-shadow:none!important;transition:border-color .18s ease,box-shadow .18s ease!important;
}
#screen-commerce-app:not(.vf-pdv-focus) textarea{min-height:100px!important}
#screen-commerce-app:not(.vf-pdv-focus) input:focus,
#screen-commerce-app:not(.vf-pdv-focus) select:focus,
#screen-commerce-app:not(.vf-pdv-focus) textarea:focus{border-color:#75a2ff!important;box-shadow:0 0 0 3px rgba(37,99,235,.12)!important}

/* Pedidos, cardápio, mesas e operação: módulos com o mesmo acabamento. */
#screen-commerce-app:not(.vf-pdv-focus) .commerce-dashboard-hero,
#screen-commerce-app:not(.vf-pdv-focus) .vf-tables-hero,
#screen-commerce-app:not(.vf-pdv-focus) .vf-access-purpose,
#screen-commerce-app:not(.vf-pdv-focus) .vf-operation-shortcuts,
#screen-commerce-app:not(.vf-pdv-focus) .vf-growth-card{
  border:1px solid #d6e4fb!important;border-radius:var(--vf5-radius-lg)!important;
  background:linear-gradient(125deg,#fff 0%,#f4f8ff 64%,#eef5ff 100%)!important;
  box-shadow:var(--vf5-shadow)!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .commerce-dashboard-copy h2,
#screen-commerce-app:not(.vf-pdv-focus) .vf-tables-hero h2{color:var(--vf5-ink)!important;letter-spacing:-.03em!important}
#screen-commerce-app:not(.vf-pdv-focus) .commerce-dashboard-copy p,
#screen-commerce-app:not(.vf-pdv-focus) .vf-tables-hero p{color:var(--vf5-muted)!important}
#screen-commerce-app:not(.vf-pdv-focus) .commerce-order-board,
#screen-commerce-app:not(.vf-pdv-focus) .vf-orders-active-board{gap:12px!important}
#screen-commerce-app:not(.vf-pdv-focus) .commerce-kanban-column,
#screen-commerce-app:not(.vf-pdv-focus) .vf-orders-history-row,
#screen-commerce-app:not(.vf-pdv-focus) .vf-tables-area-section,
#screen-commerce-app:not(.vf-pdv-focus) .vf-tables-commission,
#screen-commerce-app:not(.vf-pdv-focus) .vf-payment-setting-card,
#screen-commerce-app:not(.vf-pdv-focus) .vf-menu-overview-card,
#screen-commerce-app:not(.vf-pdv-focus) .vf-menu-complement-card{
  border-color:var(--vf5-line)!important;border-radius:15px!important;box-shadow:0 7px 19px rgba(23,42,74,.045)!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .commerce-order-card,
#screen-commerce-app:not(.vf-pdv-focus) .vf-tables-card,
#screen-commerce-app:not(.vf-pdv-focus) .vf-dispatch-card,
#screen-commerce-app:not(.vf-pdv-focus) .vf-operation-shortcut{
  border-color:#dfe8f4!important;border-radius:13px!important;background:#fff!important;box-shadow:0 4px 13px rgba(23,42,74,.04)!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .commerce-order-card:hover,
#screen-commerce-app:not(.vf-pdv-focus) .vf-tables-card:hover,
#screen-commerce-app:not(.vf-pdv-focus) .vf-dispatch-card:hover{border-color:#bdd1f8!important;box-shadow:0 12px 25px rgba(23,42,74,.10)!important;transform:translateY(-1px)!important}
#screen-commerce-app:not(.vf-pdv-focus) .vf-orders-tabs,
#screen-commerce-app:not(.vf-pdv-focus) .vf-payment-settings-tabs,
#screen-commerce-app:not(.vf-pdv-focus) .vf-tables-page-tabs{max-width:100%!important;overflow:auto!important;scrollbar-width:none!important}
#screen-commerce-app:not(.vf-pdv-focus) .vf-orders-tabs::-webkit-scrollbar,
#screen-commerce-app:not(.vf-pdv-focus) .vf-payment-settings-tabs::-webkit-scrollbar,
#screen-commerce-app:not(.vf-pdv-focus) .vf-tables-page-tabs::-webkit-scrollbar{display:none!important}
#screen-commerce-app:not(.vf-pdv-focus) .vf-orders-tabs button.active,
#screen-commerce-app:not(.vf-pdv-focus) .vf-payment-settings-tabs button.active,
#screen-commerce-app:not(.vf-pdv-focus) .vf-tables-page-tabs button.active{background:var(--vf5-blue-soft)!important;color:var(--vf5-blue-dark)!important;box-shadow:none!important}

/* --------------------------------------------------------------------------
   PDV em modo foco: leitura rápida, coluna de conta sempre previsível.
   -------------------------------------------------------------------------- */
html:has(#screen-commerce-app.vf-pdv-focus),body.vf-pdv-focus-active{background:#eef3f9!important}
#screen-commerce-app.shell.vf-pdv-focus{min-height:100dvh!important;background:#eef3f9!important}
#screen-commerce-app.vf-pdv-focus .main{padding:0!important;min-width:0!important;overflow:clip!important;background:#eef3f9!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-page{min-height:100dvh!important;background:#eef3f9!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-console{border-radius:0!important;border:0!important;box-shadow:none!important;background:#eef3f9!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-console-top{
  padding:14px clamp(14px,2vw,28px)!important;border-bottom:1px solid #dbe5f2!important;background:#fff!important;
  box-shadow:0 4px 15px rgba(23,42,74,.045)!important;
}
#screen-commerce-app.vf-pdv-focus .vf-pdv-store-avatar{border-radius:12px!important;background:var(--vf5-blue-soft)!important;color:var(--vf5-blue)!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-store-identity strong{color:var(--vf5-ink)!important;font-size:16px!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-store-identity small{color:var(--vf5-muted)!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-control{min-height:38px!important;border-radius:10px!important;border-color:#dce6f2!important;background:#fff!important;color:#394a62!important;font-size:12px!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-control:hover{border-color:#a9c2ee!important;background:#f8fbff!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-mode-tabs{padding:10px clamp(14px,2vw,28px)!important;gap:10px!important;background:#fff!important;border-bottom:1px solid #dbe5f2!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-mode-tab{min-height:58px!important;border-radius:13px!important;border-color:#dce6f2!important;background:#fff!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-mode-tab.active{background:linear-gradient(135deg,#eff5ff,#e9f1ff)!important;border-color:#9ebbf5!important;box-shadow:none!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-mode-tab.active strong{color:var(--vf5-blue-dark)!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-workspace{grid-template-columns:minmax(0,1fr) 390px!important;min-height:calc(100dvh - 141px)!important;height:calc(100dvh - 141px)!important;background:#eef3f9!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-catalog{padding:20px clamp(14px,2vw,28px)!important;background:#eef3f9!important;border-right:0!important;overflow:auto!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-catalog-toolbar{gap:10px!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-search{min-height:46px!important;border-radius:12px!important;border-color:#d5e0ef!important;background:#fff!important;box-shadow:0 4px 12px rgba(23,42,74,.04)!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-toolbar-btn{min-height:38px!important;border-radius:10px!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-category-rail{padding-bottom:2px!important;scrollbar-width:none!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-category-rail::-webkit-scrollbar{display:none!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-category-btn{min-height:36px!important;border-radius:999px!important;border-color:#d6e1f0!important;background:#fff!important;color:#56667c!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-category-btn.active{background:var(--vf5-blue-soft)!important;border-color:#aac5fb!important;color:var(--vf5-blue-dark)!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-product-stage{gap:12px!important;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-product-card{min-height:228px!important;border-color:#dce6f2!important;border-radius:15px!important;background:#fff!important;box-shadow:0 6px 17px rgba(23,42,74,.045)!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-product-card:hover{transform:translateY(-2px)!important;border-color:#a8c1ef!important;box-shadow:var(--vf5-shadow-hover)!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-product-media{height:110px!important;background:#edf3fb!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-product-body{padding:12px!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-product-name{font-size:13px!important;color:var(--vf5-ink)!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-product-price{color:var(--vf5-blue-dark)!important;font-size:15px!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-product-action,
#screen-commerce-app.vf-pdv-focus .vf-pdv-product-detail-btn{border-radius:10px!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-cart{border-left:1px solid #dbe5f2!important;background:#fff!important;box-shadow:-12px 0 26px rgba(23,42,74,.055)!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-cart-header{padding:18px!important;border-color:#e4ebf5!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-cart-title strong{font-size:18px!important;color:var(--vf5-ink)!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-cart-title>i{width:38px!important;height:38px!important;border-radius:12px!important;background:var(--vf5-green-soft)!important;color:var(--vf5-green)!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-cart-body{padding:14px 18px!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-cart-foot{padding:14px 18px 18px!important;border-color:#e4ebf5!important;background:#fff!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-pay-disabled,
#screen-commerce-app.vf-pdv-focus .vf-pdv-pay-button,
#screen-commerce-app.vf-pdv-focus .vf-pdv-pay-ready{min-height:50px!important;border-radius:13px!important;background:linear-gradient(135deg,var(--vf5-blue),var(--vf5-blue-dark))!important;box-shadow:0 11px 21px rgba(37,99,235,.22)!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-line{border-color:#e0e8f2!important;border-radius:12px!important;background:#fbfdff!important}

/* --------------------------------------------------------------------------
   Portais de cozinha, entregador e caixa: sem cartões espremidos.
   -------------------------------------------------------------------------- */
#screen-commerce-app .vf-kds-page,
#screen-commerce-app .vf-delivery-shell,
#screen-commerce-app .vf-employee-portal-shell{min-width:0!important}
#screen-commerce-app .vf-kds-topbar,
#screen-commerce-app .vf-delivery-head,
#screen-commerce-app .vf-employee-console-head{border-radius:18px!important;box-shadow:var(--vf5-shadow)!important}
#screen-commerce-app .vf-kds-board{gap:12px!important}
#screen-commerce-app .vf-kds-column{min-width:0!important;border-radius:16px!important;border-color:#dce6f2!important;overflow:hidden!important}
#screen-commerce-app .vf-kds-ticket,
#screen-commerce-app .vf-delivery-order,
#screen-commerce-app .vf-employee-order{border-radius:13px!important;border-color:#dce6f2!important;box-shadow:0 5px 14px rgba(23,42,74,.04)!important}
#screen-commerce-app .vf-delivery-metric{border-radius:13px!important;border-color:#dce6f2!important}
#screen-commerce-app .vf-tables-cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:12px!important}
#screen-commerce-app .vf-tables-card{min-height:126px!important;padding:14px!important}
#screen-commerce-app .vf-tables-metrics{gap:12px!important}
#screen-commerce-app .vf-tables-metric{border-color:#dce6f2!important;border-radius:13px!important}

/* --------------------------------------------------------------------------
   Modais: não vazam, não ficam fora da viewport e preservam botões de ação.
   -------------------------------------------------------------------------- */
.modal-bg{align-items:flex-start!important;overflow-y:auto!important;padding:clamp(12px,5vh,48px) 16px!important;background:rgba(11,25,45,.54)!important;backdrop-filter:blur(5px)!important}
.modal-bg .modal{width:min(680px,100%)!important;max-height:calc(100dvh - clamp(24px,10vh,96px))!important;overflow:auto!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 24px 70px rgba(8,22,42,.25)!important}
.modal-bg.vf-pdv-product-modal .modal,
.modal-bg.vf-pdv-checkout-modal .modal{width:min(860px,100%)!important}
.vf-tm-backdrop,.vf-ts-backdrop{align-items:flex-start!important;overflow-y:auto!important;padding:clamp(12px,5vh,48px) 16px!important;background:rgba(11,25,45,.54)!important;backdrop-filter:blur(5px)!important}
.vf-tm-modal,.vf-ts-modal{width:min(740px,100%)!important;max-height:calc(100dvh - clamp(24px,10vh,96px))!important;overflow:auto!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(8,22,42,.25)!important}
.vf-modal{align-items:flex-end!important;overflow-y:auto!important}
.vf-modal-sheet{width:min(760px,100%)!important;max-height:min(92dvh,900px)!important;overflow:auto!important;border-radius:22px 22px 0 0!important;box-shadow:0 -18px 48px rgba(8,22,42,.18)!important}

/* --------------------------------------------------------------------------
   Vitrine pública: mais leve, clara e focada em converter no celular.
   -------------------------------------------------------------------------- */
.vf-store-app{min-height:100dvh!important;padding-bottom:108px!important;background:linear-gradient(180deg,#f7f9fd 0%,#f2f6fc 100%)!important;color:var(--vf5-ink)!important}
.vf-store-header{padding:12px max(18px,calc((100vw - 1180px)/2))!important;background:rgba(16,35,61,.95)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 3px 20px rgba(16,35,61,.16)!important}
.vf-brand-avatar{border-radius:11px!important;background:linear-gradient(135deg,#326ae9,#5e83ff)!important}
.vf-brand{font-size:15px!important;letter-spacing:-.015em!important}
.vf-icon-button,.vf-cart-button{min-height:38px!important;border-radius:11px!important;background:rgba(255,255,255,.12)!important}
.vf-cart-button span{background:#fff!important;color:var(--vf5-navy)!important}
.vf-hero{width:min(1180px,calc(100% - 36px))!important;min-height:276px!important;margin-top:22px!important;padding:30px!important;border-radius:24px!important;box-shadow:0 20px 46px rgba(16,35,61,.20)!important;background:linear-gradient(125deg,#10233d,#1a4e86 64%,#2563eb)!important}
.vf-hero-overlay{background:linear-gradient(100deg,rgba(8,23,42,.88),rgba(8,23,42,.55),rgba(8,23,42,.18))!important}
.vf-badge{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.22)!important}
.vf-hero-logo{border-radius:16px!important;background:#fff!important;box-shadow:0 10px 22px rgba(0,0,0,.18)!important}
.vf-identity h1{letter-spacing:-.045em!important}
.vf-hero-notice{border-radius:12px!important;background:rgba(255,255,255,.13)!important}
.vf-hero-stat{border-radius:15px!important;background:rgba(8,23,42,.42)!important}
.vf-products-section,.vf-featured-section,.vf-active-order,.vf-public-notice{width:min(1180px,calc(100% - 36px))!important}
.vf-featured-section{border-color:#cfe0fb!important;background:linear-gradient(135deg,#fff,#f4f8ff)!important;box-shadow:var(--vf5-shadow)!important}
.vf-public-notice{border-color:#c9dfd3!important;border-radius:13px!important;background:#effbf5!important;color:#285a47!important}
.vf-category-pills{padding:16px 0 7px!important}
.vf-category-pills button{min-height:38px!important;border-radius:999px!important;border-color:#d7e2ef!important;color:#5c6d84!important}
.vf-category-pills button.active{border-color:#9abcf7!important;background:var(--vf5-blue-soft)!important;color:var(--vf5-blue-dark)!important}
.vf-products-grid{gap:15px!important}
.vf-product{border:1px solid #dfe7f2!important;border-radius:17px!important;background:#fff!important;box-shadow:0 7px 19px rgba(23,42,74,.055)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.vf-product:hover{transform:translateY(-3px)!important;border-color:#b7cdf3!important;box-shadow:var(--vf5-shadow-hover)!important}
.vf-product-image{background:#edf3fb!important}
.vf-product-body{padding:14px!important}
.vf-product h3{color:var(--vf5-ink)!important;font-size:15px!important;line-height:1.28!important}
.vf-product p{color:var(--vf5-muted)!important}
.vf-product-footer{border-color:#edf2f8!important}
.vf-product-footer strong{color:var(--vf5-blue-dark)!important}
.vf-add,.vf-btn.vf-primary,.vf-checkout-submit{border-radius:11px!important;background:linear-gradient(135deg,var(--vf5-blue),var(--vf5-blue-dark))!important;box-shadow:0 9px 18px rgba(37,99,235,.20)!important}
.vf-add:hover,.vf-btn.vf-primary:hover,.vf-checkout-submit:hover{transform:translateY(-1px)!important;box-shadow:0 13px 23px rgba(37,99,235,.28)!important}
.vf-cart-button,.vf-mobile-cart{box-shadow:0 8px 20px rgba(16,35,61,.16)!important}
.vf-checkout-card,.vf-cart-sheet,.vf-product-option-footer,.vf-option-group{border-color:#dce6f2!important;border-radius:16px!important}
.vf-checkout-heading,.vf-checkout-step-card,.vf-selected-delivery-address,.vf-payment-method,.vf-fulfillment button{border-color:#d7e3f1!important;border-radius:14px!important;background:#fff!important}
.vf-selected-delivery-address{border-color:#94b9f8!important;background:#f3f7ff!important}
.vf-step-title>span{background:var(--vf5-blue)!important}
.vf-payment-method.active,.vf-fulfillment button.active{border-color:#8eb4f5!important;background:#f1f6ff!important;box-shadow:0 0 0 3px rgba(37,99,235,.08)!important}
.vf-toast{background:#10233d!important;border-radius:12px!important}

/* Landing: consistência com o painel sem voltar ao aspecto "template genérico". */
#screen-landing{background:linear-gradient(180deg,#f6f9ff 0%,#fff 52%,#f4f8ff 100%)!important}
.vf-land-wrap{width:min(1220px,calc(100% - 36px))!important}
.vf-land-nav{padding:22px 0!important}
.vf-land-logo{display:flex!important;align-items:center!important}
.vf-land-hero{border-radius:28px!important;box-shadow:0 24px 60px rgba(23,42,74,.12)!important}
.vf-land-kicker{border-radius:999px!important}
.vf-land-price-card,.vf-land-compare-card,.vf-land-testimonials article,.vf-land-faq details{border-color:#dce6f2!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(23,42,74,.055)!important}

/* --------------------------------------------------------------------------
   Responsividade: eliminar a tela quebrada de 761–1024px e respeitar touch.
   -------------------------------------------------------------------------- */
@media (max-width:1240px){
  #screen-commerce-app.shell:not(.vf-pdv-focus){grid-template-columns:244px minmax(0,1fr)!important}
  #screen-commerce-app.shell:not(.vf-pdv-focus) .main{padding:28px 24px 40px!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-workspace{grid-template-columns:minmax(0,1fr) 350px!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-product-stage{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))!important}
}

@media (max-width:1060px){
  /* Aqui o menu deixa de ser sidebar vertical. Isso corrige o principal corte em tablets/notebooks menores. */
  #screen-commerce-app.shell:not(.vf-pdv-focus){display:block!important;min-height:100dvh!important}
  #screen-commerce-app:not(.vf-pdv-focus) .sidebar{position:relative!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:13px 16px 10px!important;box-shadow:0 5px 18px rgba(16,35,61,.14)!important}
  #screen-commerce-app:not(.vf-pdv-focus) .logo{min-height:40px!important;margin:0!important;padding:0 0 10px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .vf-logo-pill::before{width:31px!important;height:31px!important;flex-basis:31px!important;border-radius:10px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .vf-logo-inline{max-width:96px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .vf-logo-label,#screen-commerce-app:not(.vf-pdv-focus) .business-name,#screen-commerce-app:not(.vf-pdv-focus) .sidebar-bottom{display:none!important}
  #screen-commerce-app:not(.vf-pdv-focus) .nav{display:flex!important;align-items:center!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 0 2px!important;scrollbar-width:none!important}
  #screen-commerce-app:not(.vf-pdv-focus) .nav::-webkit-scrollbar{display:none!important}
  #screen-commerce-app:not(.vf-pdv-focus) .nav-title{display:none!important}
  #screen-commerce-app:not(.vf-pdv-focus) .nav button,#screen-commerce-app:not(.vf-pdv-focus) .nav .vf-config-subnav{flex:0 0 auto!important;min-height:38px!important;padding:0 10px!important;font-size:11px!important;white-space:nowrap!important}
  #screen-commerce-app:not(.vf-pdv-focus) .nav button:hover{transform:none!important}
  #screen-commerce-app.shell:not(.vf-pdv-focus) .main{min-height:calc(100dvh - 106px)!important;padding:22px 18px 34px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #screen-commerce-app:not(.vf-pdv-focus) .commerce-order-board{grid-template-columns:repeat(4,minmax(240px,1fr))!important;overflow-x:auto!important;padding-bottom:10px!important;scroll-snap-type:x proximity!important}
  #screen-commerce-app:not(.vf-pdv-focus) .commerce-kanban-column{scroll-snap-align:start!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-workspace{height:auto!important;min-height:0!important;display:block!important;overflow:visible!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-catalog{min-height:calc(100dvh - 145px)!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-cart{min-height:430px!important;border-left:0!important;border-top:1px solid #dbe5f2!important}
}

@media (max-width:760px){
  #screen-commerce-app:not(.vf-pdv-focus) .sidebar{position:sticky!important;top:0!important;z-index:80!important;padding:10px 12px 8px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .logo{padding-bottom:8px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .nav button,#screen-commerce-app:not(.vf-pdv-focus) .nav .vf-config-subnav{min-height:36px!important;padding:0 9px!important;border-radius:10px!important;font-size:10px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .nav button i,#screen-commerce-app:not(.vf-pdv-focus) .nav .vf-config-subnav i{width:17px!important;min-width:17px!important;font-size:15px!important}
  #screen-commerce-app.shell:not(.vf-pdv-focus) .main{min-height:calc(100dvh - 94px)!important;padding:16px 12px calc(24px + env(safe-area-inset-bottom,0px))!important}
  #screen-commerce-app:not(.vf-pdv-focus) .page-head{gap:11px!important;margin-bottom:16px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .page-head>div{min-width:0!important}
  #screen-commerce-app:not(.vf-pdv-focus) .page-head h1{font-size:25px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .page-head p{font-size:12px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .head-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  #screen-commerce-app:not(.vf-pdv-focus) .head-actions .btn{width:100%!important;min-width:0!important;padding-inline:10px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .head-actions .btn:last-child:nth-child(odd){grid-column:1/-1!important}
  #screen-commerce-app:not(.vf-pdv-focus) .cards{grid-template-columns:1fr 1fr!important;gap:9px!important;margin-bottom:14px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .metric{min-height:108px!important;padding:13px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .metric .icon{width:33px!important;height:33px!important;margin-bottom:9px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .metric strong{font-size:22px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .card{padding:14px!important;border-radius:14px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .table-card{padding:0!important}
  #screen-commerce-app:not(.vf-pdv-focus) .commerce-dashboard-hero,#screen-commerce-app:not(.vf-pdv-focus) .vf-tables-hero{padding:16px!important;border-radius:17px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .commerce-dashboard-actions{grid-template-columns:1fr!important}
  #screen-commerce-app:not(.vf-pdv-focus) .vf-orders-history-row{grid-template-columns:1fr auto!important;gap:8px!important;padding:12px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .vf-orders-history-customer,#screen-commerce-app:not(.vf-pdv-focus) .vf-orders-history-items{grid-column:1/-1!important}
  #screen-commerce-app:not(.vf-pdv-focus) .vf-orders-history-total{grid-column:1!important;grid-row:4!important}
  #screen-commerce-app:not(.vf-pdv-focus) .vf-orders-history-row .btn{grid-column:2!important;grid-row:4!important;justify-self:end!important}
  #screen-commerce-app:not(.vf-pdv-focus) .vf-tables-metrics,#screen-commerce-app:not(.vf-pdv-focus) .vf-delivery-metrics{grid-template-columns:1fr 1fr!important;gap:9px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .vf-tables-cards{grid-template-columns:1fr 1fr!important;gap:9px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .vf-tables-card{min-height:114px!important;padding:12px!important}

  /* PDV mobile: nada escondido sob a coluna de conta e ações sempre tocáveis. */
  #screen-commerce-app.vf-pdv-focus .vf-pdv-console-top{padding:10px 12px!important;align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-console-controls{width:100%!important;justify-content:flex-start!important;overflow:auto!important;flex-wrap:nowrap!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-control{flex:0 0 auto!important;min-height:36px!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-mode-tabs{gap:7px!important;padding:9px 12px!important;overflow-x:auto!important;grid-template-columns:repeat(3,minmax(112px,1fr))!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-mode-tab{min-width:112px!important;min-height:52px!important;padding:8px!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-mode-tab small{display:none!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-catalog{min-height:0!important;padding:13px 12px!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-catalog-toolbar{grid-template-columns:1fr!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-toolbar-actions{display:none!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-product-stage{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-product-card{min-height:205px!important;border-radius:13px!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-product-media{height:82px!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-product-body{padding:9px!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-product-name{font-size:11px!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-product-description{display:none!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-cart{min-height:0!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-cart-header{padding:14px!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-cart-body{padding:11px 14px!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-cart-foot{padding:11px 14px 15px!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-pay-ready{min-height:48px!important}
  #screen-commerce-app .vf-kds-board{grid-template-columns:repeat(3,82vw)!important;overflow-x:auto!important;gap:10px!important;padding:0 0 10px!important;scroll-snap-type:x proximity!important}
  #screen-commerce-app .vf-kds-column{scroll-snap-align:start!important}
  #screen-commerce-app .vf-delivery-actions,#screen-commerce-app .vf-pdv-table-context-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  #screen-commerce-app .vf-delivery-actions .btn,#screen-commerce-app .vf-pdv-table-context-actions .btn{width:100%!important}

  .modal-bg{padding:8px!important}
  .modal-bg .modal{width:100%!important;max-height:calc(100dvh - 16px)!important;border-radius:17px!important;padding:16px!important}
  .modal-bg.vf-pdv-product-modal .modal,.modal-bg.vf-pdv-checkout-modal .modal{width:100%!important}
  .vf-tm-backdrop,.vf-ts-backdrop{padding:8px!important}
  .vf-tm-modal,.vf-ts-modal{max-height:calc(100dvh - 16px)!important;border-radius:16px!important}

  .vf-store-app{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important}
  .vf-store-header{padding:10px 12px!important}
  .vf-brand{max-width:180px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
  .vf-hero,.vf-products-section,.vf-featured-section,.vf-active-order,.vf-public-notice{width:calc(100% - 24px)!important}
  .vf-hero{min-height:230px!important;margin-top:12px!important;padding:18px!important;border-radius:19px!important}
  .vf-identity{gap:11px!important;margin-top:13px!important}
  .vf-identity h1{font-size:28px!important}
  .vf-identity p{font-size:12px!important}
  .vf-hero-stat{display:none!important}
  .vf-products-section{padding-top:19px!important}
  .vf-products-heading{align-items:flex-start!important;flex-direction:column!important;gap:7px!important}
  .vf-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .vf-product{border-radius:14px!important}
  .vf-product-image{height:132px!important}
  .vf-product-body{padding:11px!important}
  .vf-product h3{font-size:13px!important}
  .vf-product p{display:none!important}
  .vf-product-footer{padding-top:9px!important}
  .vf-modal{padding:0!important}
  .vf-modal-sheet{width:100%!important;max-height:92dvh!important;padding:16px!important}
  .vf-grid-2,.vf-checkout-grid,.vf-payment-methods{grid-template-columns:1fr!important}
}

@media (max-width:420px){
  #screen-commerce-app:not(.vf-pdv-focus) .cards{grid-template-columns:1fr!important}
  #screen-commerce-app:not(.vf-pdv-focus) .head-actions{grid-template-columns:1fr!important}
  #screen-commerce-app:not(.vf-pdv-focus) .vf-tables-cards{grid-template-columns:1fr!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-mode-tab{min-width:100px!important}
  #screen-commerce-app.vf-pdv-focus .vf-pdv-product-stage{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #screen-commerce-app .vf-delivery-actions,#screen-commerce-app .vf-pdv-table-context-actions{grid-template-columns:1fr!important}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* --------------------------------------------------------------------------
   V5.1 — Vitrine com tema coerente e contraste automático.
   Não usa azul fixo: todas as superfícies públicas derivam da cor escolhida
   pelo lojista em “Loja, marca e PIX”.
   -------------------------------------------------------------------------- */
:root{
  --vf-accent:#0f7a4d;
  --vf-accent-dark:#0a4d31;
  --vf-accent-deep:#061a12;
  --vf-accent-pale:#edf8f2;
  --vf-accent-soft:#d9f1e4;
  --vf-on-accent:#ffffff;
  --vf-hero-bg-start:#061a12;
  --vf-hero-bg-end:#0a4d31;
  --vf-hero-scrim-strong:rgba(6,26,18,.94);
  --vf-hero-scrim-medium:rgba(6,26,18,.72);
  --vf-hero-scrim-soft:rgba(6,26,18,.22);
}

/* Painel: seletor simples para o lojista, sem criar um segundo conjunto de cores. */
#screen-commerce-app:not(.vf-pdv-focus) .vf-theme-picker{
  display:grid!important;grid-template-columns:minmax(210px,.85fr) minmax(0,1.75fr)!important;gap:16px!important;align-items:center!important;
  padding:18px!important;border:1px solid var(--vf5-line)!important;border-radius:16px!important;
  background:linear-gradient(135deg,#fbfdfc,#f4f8f6)!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .vf-theme-picker-copy strong{display:block!important;color:var(--vf5-ink)!important;font-size:14px!important;font-weight:850!important}
#screen-commerce-app:not(.vf-pdv-focus) .vf-theme-picker-copy p{margin:5px 0 0!important;color:var(--vf5-muted)!important;font-size:12px!important;line-height:1.5!important}
#screen-commerce-app:not(.vf-pdv-focus) .vf-theme-picker-options{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important}
#screen-commerce-app:not(.vf-pdv-focus) .vf-theme-preset{
  min-height:40px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;padding:0 11px!important;
  border:1px solid #d9e2dc!important;border-radius:11px!important;background:#fff!important;color:#34423a!important;
  font-size:12px!important;font-weight:800!important;box-shadow:none!important;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .vf-theme-preset:hover{transform:translateY(-1px)!important;border-color:#aebfb4!important;box-shadow:0 7px 15px rgba(20,45,32,.08)!important}
#screen-commerce-app:not(.vf-pdv-focus) .vf-theme-preset.active{border-color:var(--commerce-accent,#0f7a4d)!important;background:var(--commerce-accent-pale,#edf8f2)!important;color:var(--commerce-accent-dark,#0a4d31)!important;box-shadow:0 0 0 3px var(--commerce-accent-soft,rgba(15,122,77,.18))!important}
#screen-commerce-app:not(.vf-pdv-focus) .vf-theme-swatch{width:14px!important;height:14px!important;display:inline-block!important;flex:0 0 14px!important;border-radius:50%!important;border:2px solid rgba(255,255,255,.86)!important;box-shadow:0 0 0 1px rgba(15,23,42,.13)!important}
#screen-commerce-app:not(.vf-pdv-focus) .vf-theme-swatch-verde{background:#0f7a4d!important}.vf-theme-swatch-azul{background:#1d4ed8!important}.vf-theme-swatch-laranja{background:#c2410c!important}.vf-theme-swatch-vinho{background:#9f1239!important}.vf-theme-swatch-grafite{background:#334155!important}
#screen-commerce-app:not(.vf-pdv-focus) .vf-theme-custom i{font-size:16px!important;color:var(--commerce-accent,#0f7a4d)!important}
#screen-commerce-app:not(.vf-pdv-focus) .vf-theme-picker-note{grid-column:1/-1!important;display:flex!important;align-items:center!important;gap:7px!important;padding-top:3px!important;color:#506057!important;font-size:12px!important;line-height:1.45!important}
#screen-commerce-app:not(.vf-pdv-focus) .vf-theme-picker-note i{color:var(--commerce-accent,#0f7a4d)!important;font-size:16px!important}

/* Vitrine pública: uma paleta, hierarquia nítida e texto sempre legível. */
#store-app.vf-store-app{
  min-height:100dvh!important;
  background:
    radial-gradient(circle at 100% -10%,color-mix(in srgb,var(--vf-accent) 9%,transparent) 0,transparent 34%),
    linear-gradient(180deg,#fcfdfc 0%,#f4f7f5 100%)!important;
  color:#17251d!important;
}
#store-app .vf-store-header{
  background:linear-gradient(112deg,var(--vf-accent-deep),var(--vf-accent-dark))!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--vf-accent-deep) 36%,transparent)!important;
}
#store-app .vf-brand{color:#fff!important;font-weight:840!important}
#store-app .vf-brand-avatar{background:var(--vf-accent)!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 5px 13px rgba(0,0,0,.22)!important}
#store-app .vf-icon-button,#store-app .vf-cart-button{color:#fff!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)!important}
#store-app .vf-icon-button:hover,#store-app .vf-cart-button:hover{background:rgba(255,255,255,.16)!important}
#store-app .vf-cart-button span{background:var(--vf-accent)!important;color:var(--vf-on-accent)!important;box-shadow:0 0 0 2px rgba(255,255,255,.12)!important}

#store-app .vf-hero{
  width:min(1180px,calc(100% - 36px))!important;min-height:276px!important;margin-top:22px!important;padding:30px!important;
  border-radius:24px!important;border:1px solid rgba(255,255,255,.16)!important;
  background:linear-gradient(122deg,var(--vf-hero-bg-start),var(--vf-hero-bg-end))!important;
  box-shadow:0 22px 48px color-mix(in srgb,var(--vf-accent-deep) 27%,transparent)!important;
  color:#fff!important;
}
#store-app .vf-hero.has-banner{
  background-image:var(--vf-store-banner-image),linear-gradient(122deg,var(--vf-hero-bg-start),var(--vf-hero-bg-end))!important;
  background-size:var(--vf-store-banner-fit,cover),cover!important;
  background-position:var(--vf-store-banner-position,center),center!important;
  background-repeat:no-repeat!important;
}
#store-app .vf-hero-overlay{z-index:0!important;background:linear-gradient(96deg,var(--vf-hero-scrim-strong) 0%,var(--vf-hero-scrim-medium) 48%,var(--vf-hero-scrim-soft) 100%)!important}
#store-app .vf-hero-content,#store-app .vf-hero-stat{position:relative!important;z-index:1!important}
#store-app .vf-badge{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important}
#store-app .vf-hero-logo{background:#fff!important;border:1px solid rgba(255,255,255,.42)!important;box-shadow:0 10px 22px rgba(0,0,0,.22)!important}
#store-app .vf-identity h1,#store-app #store-title{color:#fff!important;font-weight:880!important;text-shadow:0 2px 12px rgba(0,0,0,.25)!important}
#store-app .vf-identity p,#store-app #store-description{color:rgba(255,255,255,.94)!important;font-weight:600!important;text-shadow:0 1px 8px rgba(0,0,0,.22)!important}
#store-app .vf-hero-notice{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.19)!important;color:#fff!important}
#store-app .vf-hero-stat{background:rgba(6,18,12,.42)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important;backdrop-filter:blur(10px)!important}
#store-app .vf-hero-stat span{color:rgba(255,255,255,.76)!important}

#store-app .vf-products-heading h2,#store-app .vf-menu-category h2{color:#16241c!important;font-weight:880!important}
#store-app .vf-products-heading p{color:#5f7166!important;font-weight:560!important}
#store-app .vf-section-kicker,#store-app .vf-menu-category-label{color:var(--vf-accent-dark)!important}
#store-app .vf-category-pills{background:linear-gradient(180deg,rgba(252,253,252,.96) 76%,rgba(252,253,252,0))!important}
#store-app .vf-category-pills button{border-color:#dbe5df!important;background:#fff!important;color:#495b50!important;box-shadow:0 3px 8px rgba(20,45,32,.035)!important}
#store-app .vf-category-pills button:hover{border-color:var(--vf-accent)!important;color:var(--vf-accent-dark)!important}
#store-app .vf-category-pills button.active{background:var(--vf-accent)!important;border-color:var(--vf-accent)!important;color:var(--vf-on-accent)!important;box-shadow:0 9px 18px color-mix(in srgb,var(--vf-accent) 28%,transparent)!important}
#store-app .vf-category-pills button.active i{color:inherit!important}

#store-app .vf-featured-section{border-color:color-mix(in srgb,var(--vf-accent) 20%,#dbe5df)!important;background:linear-gradient(135deg,var(--vf-accent-pale),#fff 58%)!important}
#store-app .vf-public-notice{border-color:#cfe0d5!important;background:#f0faf4!important;color:#23513b!important}
#store-app .vf-public-notice.blocked{border-color:#f2c5c5!important;background:#fff7f7!important;color:#b42323!important}
#store-app .vf-active-order{border-color:color-mix(in srgb,var(--vf-accent) 23%,#cfe0d5)!important;background:var(--vf-accent-pale)!important;color:#173927!important}
#store-app .vf-product{border-color:#dfe7e2!important;background:#fff!important;box-shadow:0 7px 18px rgba(20,45,32,.055)!important}
#store-app .vf-product:hover{border-color:color-mix(in srgb,var(--vf-accent) 42%,#dfe7e2)!important;box-shadow:0 18px 34px rgba(20,45,32,.12)!important}
#store-app .vf-product-image{background:linear-gradient(145deg,#eef4f0,#fbfdfc)!important}
#store-app .vf-product h3{color:#17251d!important;font-weight:850!important}
#store-app .vf-product p{color:#63746a!important}
#store-app .vf-product-footer{border-color:#edf2ef!important}
#store-app .vf-product-footer strong{color:var(--vf-accent-dark)!important}
#store-app .vf-product-customize{color:var(--vf-accent-dark)!important}
#store-app .vf-add,#store-app .vf-btn.vf-primary,#store-app .vf-checkout-submit,#store-app .vf-mobile-cart{
  background:linear-gradient(135deg,var(--vf-accent),var(--vf-accent-dark))!important;
  border-color:transparent!important;color:var(--vf-on-accent)!important;
  box-shadow:0 9px 18px color-mix(in srgb,var(--vf-accent) 28%,transparent)!important;
}
#store-app .vf-add:hover,#store-app .vf-btn.vf-primary:hover,#store-app .vf-checkout-submit:hover{box-shadow:0 13px 24px color-mix(in srgb,var(--vf-accent) 38%,transparent)!important}
#store-app .vf-step-title>span{background:var(--vf-accent)!important;color:var(--vf-on-accent)!important}
#store-app .vf-selected-delivery-address{border-color:color-mix(in srgb,var(--vf-accent) 36%,#dbe5df)!important;background:var(--vf-accent-pale)!important}
#store-app .vf-payment-method.active,#store-app .vf-fulfillment button.active{border-color:var(--vf-accent)!important;background:var(--vf-accent-pale)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--vf-accent) 12%,transparent)!important}
#store-app .vf-payment-check,#store-app .vf-checkout-kicker,#store-app .vf-confirmation>i{color:var(--vf-accent-dark)!important}
#store-app .vf-toast{background:var(--vf-accent-deep)!important;color:#fff!important}

@media(max-width:760px){
  #screen-commerce-app:not(.vf-pdv-focus) .vf-theme-picker{grid-template-columns:1fr!important;padding:14px!important;gap:12px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .vf-theme-picker-note{grid-column:auto!important}
  #screen-commerce-app:not(.vf-pdv-focus) .vf-theme-picker-options{gap:7px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .vf-theme-preset{min-height:38px!important;padding:0 9px!important}
  #store-app .vf-hero{min-height:236px!important}
  #store-app .vf-hero-overlay{background:linear-gradient(100deg,var(--vf-hero-scrim-strong) 0%,var(--vf-hero-scrim-medium) 78%,var(--vf-hero-scrim-soft) 100%)!important}
}

/* ===========================================================================
   FechAí — Gerenciador grafite, laranja e creme
   A camada abaixo substitui o azul frio do painel por uma identidade própria
   de delivery. Ela é limitada ao gerenciador e não interfere na cor escolhida
   por cada cliente para a vitrine pública.
   =========================================================================== */
:root{
  --vf5-navy:#211d1a;
  --vf5-navy-2:#302923;
  --vf5-blue:#f97316;
  --vf5-blue-dark:#c2410c;
  --vf5-blue-soft:#fff0e4;
  --vf5-green:#16a34a;
  --vf5-green-soft:#ecfdf3;
  --vf5-orange:#f97316;
  --vf5-orange-soft:#fff0e4;
  --vf5-bg:#fff8f1;
  --vf5-surface:#ffffff;
  --vf5-surface-soft:#fffaf7;
  --vf5-ink:#292524;
  --vf5-muted:#78716c;
  --vf5-line:#e8ded4;
  --vf5-line-strong:#d9cbbf;
  --vf5-shadow:0 14px 38px rgba(68,50,37,.09);
  --vf5-shadow-hover:0 20px 44px rgba(68,50,37,.15);
}

#screen-commerce-app.shell:not(.vf-pdv-focus){
  background:
    radial-gradient(circle at 96% -10%,rgba(249,115,22,.15),transparent 28%),
    radial-gradient(circle at 36% 0%,rgba(120,113,108,.08),transparent 24%),
    var(--vf5-bg)!important;
}
#screen-commerce-app.shell:not(.vf-pdv-focus) .main{
  background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,248,241,.92) 280px),var(--vf5-bg)!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .sidebar{
  background:
    radial-gradient(circle at 10% -5%,rgba(249,115,22,.29),transparent 27%),
    radial-gradient(circle at 100% 0%,rgba(255,255,255,.08),transparent 24%),
    linear-gradient(180deg,#211d1a 0%,#2a2420 58%,#191614 100%)!important;
  border-right-color:rgba(255,255,255,.08)!important;
  box-shadow:18px 0 44px rgba(38,30,24,.18)!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .vf-logo-pill::before{
  background:linear-gradient(145deg,#f97316,#ea580c)!important;
  box-shadow:0 8px 18px rgba(94,45,12,.28)!important;
}
#screen-commerce-app:not(.vf-pdv-focus) #commerce-sidebar-business.business-name{
  background:rgba(255,255,255,.07)!important;
}
#screen-commerce-app:not(.vf-pdv-focus) #commerce-sidebar-business.business-name::after{color:#fdba74!important}
#screen-commerce-app:not(.vf-pdv-focus) .nav button.active,
#screen-commerce-app:not(.vf-pdv-focus) .nav button[aria-current="page"],
#screen-commerce-app:not(.vf-pdv-focus) .nav .vf-config-subnav.active{
  background:linear-gradient(135deg,#f97316,#c2410c)!important;
  box-shadow:0 10px 22px rgba(194,65,12,.3)!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .page-head h1{color:#292524!important}
#screen-commerce-app:not(.vf-pdv-focus) .page-head p{color:#78716c!important}
#screen-commerce-app:not(.vf-pdv-focus) .btn,
#screen-commerce-app:not(.vf-pdv-focus) .commerce-page-tools .btn{
  border-color:#dfd0c4!important;color:#453b35!important;
  box-shadow:0 3px 10px rgba(68,50,37,.045)!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .btn:hover,
#screen-commerce-app:not(.vf-pdv-focus) .commerce-page-tools .btn:hover{border-color:#f2ad72!important;box-shadow:0 8px 17px rgba(115,59,16,.12)!important}
#screen-commerce-app:not(.vf-pdv-focus) .btn.primary,
#screen-commerce-app:not(.vf-pdv-focus) .commerce-page-tools .btn.primary{
  background:linear-gradient(135deg,#f97316,#c2410c)!important;
  color:#fff!important;
  box-shadow:0 10px 20px rgba(194,65,12,.24)!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .btn.primary:hover{box-shadow:0 14px 25px rgba(194,65,12,.32)!important}
#screen-commerce-app:not(.vf-pdv-focus) .metric::after{background:radial-gradient(circle,rgba(249,115,22,.14),transparent 66%)!important}
#screen-commerce-app:not(.vf-pdv-focus) .metric .icon{background:#fff0e4!important;color:#c2410c!important}
#screen-commerce-app:not(.vf-pdv-focus) .metric.vf-manager-metric-success .icon{background:#ecfdf3!important;color:#15803d!important}
#screen-commerce-app:not(.vf-pdv-focus) .metric.vf-manager-metric-warning .icon{background:#fff7d8!important;color:#a16207!important}
#screen-commerce-app:not(.vf-pdv-focus) .metric.vf-manager-metric-alert .icon{background:#fff1f2!important;color:#be123c!important}
#screen-commerce-app:not(.vf-pdv-focus) .metric.vf-manager-metric-ready .icon{background:#ecfdf3!important;color:#15803d!important}
#screen-commerce-app:not(.vf-pdv-focus) .metric.vf-manager-metric-delivery .icon{background:#f5f3ff!important;color:#6d28d9!important}
#screen-commerce-app:not(.vf-pdv-focus) .metric.vf-manager-metric-revenue .icon{background:#fff0e4!important;color:#c2410c!important}
#screen-commerce-app:not(.vf-pdv-focus) .note,
#screen-commerce-app:not(.vf-pdv-focus) .linkbox{border-color:#f0d5bb!important;background:#fff7ed!important;color:#6b4530!important}
#screen-commerce-app:not(.vf-pdv-focus) table th{background:#fffaf7!important;color:#8a7d74!important}
#screen-commerce-app:not(.vf-pdv-focus) table td{border-color:#f1e8e1!important;color:#4a413c!important}
#screen-commerce-app:not(.vf-pdv-focus) table tr:hover td{background:#fffdfb!important}
#screen-commerce-app:not(.vf-pdv-focus) input,
#screen-commerce-app:not(.vf-pdv-focus) select,
#screen-commerce-app:not(.vf-pdv-focus) textarea{border-color:#dfd0c4!important;color:#292524!important}
#screen-commerce-app:not(.vf-pdv-focus) input:focus,
#screen-commerce-app:not(.vf-pdv-focus) select:focus,
#screen-commerce-app:not(.vf-pdv-focus) textarea:focus{border-color:#f97316!important;box-shadow:0 0 0 3px rgba(249,115,22,.14)!important}
#screen-commerce-app:not(.vf-pdv-focus) .commerce-dashboard-hero,
#screen-commerce-app:not(.vf-pdv-focus) .vf-tables-hero,
#screen-commerce-app:not(.vf-pdv-focus) .vf-access-purpose,
#screen-commerce-app:not(.vf-pdv-focus) .vf-operation-shortcuts,
#screen-commerce-app:not(.vf-pdv-focus) .vf-growth-card{
  border-color:#f0d8bf!important;
  background:linear-gradient(125deg,#fff 0%,#fff8f1 62%,#fff0e4 100%)!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .commerce-dashboard-hero{
  background:
    radial-gradient(circle at 100% 0%,rgba(249,115,22,.20),transparent 36%),
    linear-gradient(125deg,#2a2420 0%,#3b3029 60%,#6e3815 100%)!important;
  border-color:transparent!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .commerce-dashboard-copy h2,
#screen-commerce-app:not(.vf-pdv-focus) .commerce-dashboard-copy p,
#screen-commerce-app:not(.vf-pdv-focus) .commerce-dashboard-copy .commerce-dashboard-meta,
#screen-commerce-app:not(.vf-pdv-focus) .commerce-dashboard-copy .commerce-dashboard-meta span{color:#fff!important}
#screen-commerce-app:not(.vf-pdv-focus) .commerce-dashboard-copy .eyebrow{color:#fdba74!important}
#screen-commerce-app:not(.vf-pdv-focus) .commerce-dashboard-copy .eyebrow::before{background:#fb923c!important;box-shadow:0 0 0 4px rgba(251,146,60,.14)!important}
#screen-commerce-app:not(.vf-pdv-focus) .commerce-dashboard-actions .btn{border-color:rgba(255,255,255,.24)!important;background:rgba(255,255,255,.10)!important;color:#fff!important}
#screen-commerce-app:not(.vf-pdv-focus) .commerce-dashboard-actions .btn.primary{background:#f97316!important;border-color:#f97316!important;color:#fff!important}
#screen-commerce-app:not(.vf-pdv-focus) .commerce-dashboard-actions .btn:hover{background:rgba(255,255,255,.17)!important}
#screen-commerce-app:not(.vf-pdv-focus) .commerce-dashboard-actions .btn.primary:hover{background:#ea580c!important}
#screen-commerce-app:not(.vf-pdv-focus) .commerce-order-card,
#screen-commerce-app:not(.vf-pdv-focus) .vf-tables-card,
#screen-commerce-app:not(.vf-pdv-focus) .vf-dispatch-card,
#screen-commerce-app:not(.vf-pdv-focus) .vf-operation-shortcut{border-color:#eee1d7!important;box-shadow:0 4px 13px rgba(68,50,37,.045)!important}
#screen-commerce-app:not(.vf-pdv-focus) .commerce-order-card:hover,
#screen-commerce-app:not(.vf-pdv-focus) .vf-tables-card:hover,
#screen-commerce-app:not(.vf-pdv-focus) .vf-dispatch-card:hover{border-color:#f0b37c!important;box-shadow:0 12px 25px rgba(86,44,13,.12)!important}
#screen-commerce-app:not(.vf-pdv-focus) .vf-orders-tabs button.active,
#screen-commerce-app:not(.vf-pdv-focus) .vf-payment-settings-tabs button.active,
#screen-commerce-app:not(.vf-pdv-focus) .vf-tables-page-tabs button.active{background:#fff0e4!important;color:#c2410c!important}

/* Centro de operação e novas páginas administrativas. */
#screen-commerce-app:not(.vf-pdv-focus) .vf-manager-page-kicker{
  display:inline-flex!important;align-items:center!important;gap:7px!important;margin:0 0 9px!important;
  color:#c2410c!important;font-size:11px!important;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .vf-manager-page-kicker i{font-size:16px!important}
#screen-commerce-app:not(.vf-pdv-focus) .vf-manager-category-grid{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(225px,1fr))!important;gap:13px!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .vf-manager-category-card{
  display:flex!important;gap:12px!important;align-items:flex-start!important;padding:16px!important;
  border:1px solid #eadfd6!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 18px rgba(68,50,37,.045)!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .vf-manager-category-card:hover{border-color:#f2b47c!important;box-shadow:0 12px 24px rgba(106,52,14,.10)!important}
#screen-commerce-app:not(.vf-pdv-focus) .vf-manager-category-icon{
  display:grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;
  border-radius:12px!important;background:#fff0e4!important;color:#c2410c!important;font-size:19px!important;
}
#screen-commerce-app:not(.vf-pdv-focus) .vf-manager-category-card strong{display:block!important;color:#292524!important;font-size:14px!important}
#screen-commerce-app:not(.vf-pdv-focus) .vf-manager-category-card small{display:block!important;margin-top:4px!important;color:#78716c!important;font-size:11px!important;font-weight:700!important}
#screen-commerce-app:not(.vf-pdv-focus) .vf-manager-category-card p{margin:8px 0 0!important;color:#a08e82!important;font-size:11px!important;line-height:1.45!important}
#screen-commerce-app:not(.vf-pdv-focus) .vf-manager-empty{grid-column:1 / -1!important}

/* PDV segue a mesma identidade, preservando estados de pagamento e sucesso. */
html:has(#screen-commerce-app.vf-pdv-focus),body.vf-pdv-focus-active{background:#fff8f1!important}
#screen-commerce-app.shell.vf-pdv-focus,
#screen-commerce-app.vf-pdv-focus .main,
#screen-commerce-app.vf-pdv-focus .vf-pdv-page,
#screen-commerce-app.vf-pdv-focus .vf-pdv-console,
#screen-commerce-app.vf-pdv-focus .vf-pdv-workspace,
#screen-commerce-app.vf-pdv-focus .vf-pdv-catalog{background:#fff8f1!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-console-top,
#screen-commerce-app.vf-pdv-focus .vf-pdv-mode-tabs,
#screen-commerce-app.vf-pdv-focus .vf-pdv-cart{border-color:#e8ded4!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-store-avatar{background:#fff0e4!important;color:#c2410c!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-control:hover{border-color:#f1b678!important;background:#fffaf7!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-mode-tab.active{background:#fff0e4!important;border-color:#f3b97d!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-mode-tab.active strong,
#screen-commerce-app.vf-pdv-focus .vf-pdv-product-price{color:#c2410c!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-category-btn.active{background:#fff0e4!important;border-color:#f2b475!important;color:#c2410c!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-product-card:hover{border-color:#f0b37b!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-product-media{background:#fff3e8!important}
#screen-commerce-app.vf-pdv-focus .vf-pdv-pay-disabled,
#screen-commerce-app.vf-pdv-focus .vf-pdv-pay-button,
#screen-commerce-app.vf-pdv-focus .vf-pdv-pay-ready{background:linear-gradient(135deg,#f97316,#c2410c)!important;box-shadow:0 11px 21px rgba(194,65,12,.24)!important}

/* Mobile: menu lateral real, em vez de uma faixa horizontal que comprime a tela. */
.vf-commerce-sidebar-scrim,.vf-mobile-menu-toggle{display:none!important}
@media (max-width:1060px){
  #screen-commerce-app.shell:not(.vf-pdv-focus){display:block!important;min-height:100dvh!important}
  #screen-commerce-app:not(.vf-pdv-focus) .sidebar{
    position:fixed!important;inset:0 auto 0 0!important;width:min(312px,88vw)!important;height:100dvh!important;min-height:100dvh!important;
    padding:20px 14px 16px!important;overflow-y:auto!important;transform:translateX(-108%)!important;transition:transform .22s ease!important;z-index:1002!important;
  }
  #screen-commerce-app.sidebar-open:not(.vf-pdv-focus) .sidebar{transform:translateX(0)!important}
  #screen-commerce-app:not(.vf-pdv-focus) .vf-commerce-sidebar-scrim{
    position:fixed!important;inset:0!important;z-index:1001!important;border:0!important;background:rgba(33,29,26,.50)!important;opacity:0!important;pointer-events:none!important;transition:opacity .2s ease!important;
  }
  #screen-commerce-app.sidebar-open:not(.vf-pdv-focus) .vf-commerce-sidebar-scrim{display:block!important;opacity:1!important;pointer-events:auto!important}
  #screen-commerce-app:not(.vf-pdv-focus) .logo{min-height:58px!important;margin:0 2px 12px!important;padding:0 2px 16px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .vf-logo-label,#screen-commerce-app:not(.vf-pdv-focus) .business-name,#screen-commerce-app:not(.vf-pdv-focus) .sidebar-bottom{display:grid!important}
  #screen-commerce-app:not(.vf-pdv-focus) .nav{display:grid!important;align-items:stretch!important;gap:4px!important;overflow:visible!important;padding:0 0 12px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .nav-title{display:block!important}
  #screen-commerce-app:not(.vf-pdv-focus) .nav button,#screen-commerce-app:not(.vf-pdv-focus) .nav .vf-config-subnav{display:flex!important;min-height:42px!important;padding:0 11px!important;font-size:13px!important;white-space:normal!important}
  #screen-commerce-app:not(.vf-pdv-focus) .nav button i,#screen-commerce-app:not(.vf-pdv-focus) .nav .vf-config-subnav i{width:20px!important;min-width:20px!important;font-size:18px!important}
  #screen-commerce-app.shell:not(.vf-pdv-focus) .main{min-height:100dvh!important;padding:18px 18px 34px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .vf-mobile-menu-toggle{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    min-height:38px!important;margin:0 0 18px!important;padding:0 12px!important;border:1px solid #dfd0c4!important;border-radius:11px!important;background:#fff!important;color:#453b35!important;font-size:12px!important;font-weight:850!important;
    box-shadow:0 4px 12px rgba(68,50,37,.06)!important;
  }
  #screen-commerce-app:not(.vf-pdv-focus) .cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:760px){
  #screen-commerce-app.shell:not(.vf-pdv-focus) .main{padding:14px 12px calc(26px + env(safe-area-inset-bottom,0px))!important}
  #screen-commerce-app:not(.vf-pdv-focus) .vf-mobile-menu-toggle{margin-bottom:14px!important}
  #screen-commerce-app:not(.vf-pdv-focus) .cards{grid-template-columns:1fr 1fr!important}
  #screen-commerce-app:not(.vf-pdv-focus) .vf-manager-category-grid{grid-template-columns:1fr!important}
}
/* Módulos carregados depois do CSS principal também seguem a paleta do gerenciador. */
#screen-commerce-app .vf-customer-avatar{background:#fff0e4!important;color:#c2410c!important}
#screen-commerce-app .vf-customer-status{background:#ecfdf3!important;color:#15803d!important}
#screen-commerce-app .vf-customer-password-note{border-color:#f0d5bb!important;background:#fff7ed!important;color:#6b4530!important}
#screen-commerce-app .vf-growth-card{border-color:#f0d8bf!important;background:linear-gradient(135deg,#fff,#fff7ed)!important}
#screen-commerce-app .vf-growth-card .vf-growth-icon{background:#fff0e4!important;color:#c2410c!important}
#screen-commerce-app .vf-hours-row{background:#fffdfb!important;border-color:#eadfd6!important}