/* DROP OS — visual v2, Fase 2: casca do painel do lojista (admin.html).
   Origem: dropchck (Lovable) — camada .merchant-* de src/index.css + pages/Dashboard.tsx + ui/button, sheet, input, toast.
   Tudo escopado em html[data-ui="v2"]: sem o atributo, nenhuma regra casa e o v1 fica idêntico.
   Não muda ID, classe nem DOM; estiliza também o DOM que o menuEnxuto e o panel-design.js montam em runtime.
   Ícones: lucide 0.462 (a mesma versão do dropchck) em máscara CSS — o <svg> original fica no DOM, só escondido.
   Os !important existem porque o v1 empilha panel-design/vivid/appearance com !important e seletores de ID. */

html[data-ui="v2"] {
  --v2i-layout-dashboard: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20width%3D%277%27%20height%3D%279%27%20x%3D%273%27%20y%3D%273%27%20rx%3D%271%27%2F%3E%3Crect%20width%3D%277%27%20height%3D%275%27%20x%3D%2714%27%20y%3D%273%27%20rx%3D%271%27%2F%3E%3Crect%20width%3D%277%27%20height%3D%279%27%20x%3D%2714%27%20y%3D%2712%27%20rx%3D%271%27%2F%3E%3Crect%20width%3D%277%27%20height%3D%275%27%20x%3D%273%27%20y%3D%2716%27%20rx%3D%271%27%2F%3E%3C%2Fsvg%3E");
  --v2i-package: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M11%2021.73a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73z%27%2F%3E%3Cpath%20d%3D%27M12%2022V12%27%2F%3E%3Cpath%20d%3D%27m3.3%207%207.703%204.734a2%202%200%200%200%201.994%200L20.7%207%27%2F%3E%3Cpath%20d%3D%27m7.5%204.27%209%205.15%27%2F%3E%3C%2Fsvg%3E");
  --v2i-receipt: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%202v20l2-1%202%201%202-1%202%201%202-1%202%201%202-1%202%201V2l-2%201-2-1-2%201-2-1-2%201-2-1-2%201Z%27%2F%3E%3Cpath%20d%3D%27M16%208h-6a2%202%200%201%200%200%204h4a2%202%200%201%201%200%204H8%27%2F%3E%3Cpath%20d%3D%27M12%2017.5v-11%27%2F%3E%3C%2Fsvg%3E");
  --v2i-chart-column: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%203v16a2%202%200%200%200%202%202h16%27%2F%3E%3Cpath%20d%3D%27M18%2017V9%27%2F%3E%3Cpath%20d%3D%27M13%2017V5%27%2F%3E%3Cpath%20d%3D%27M8%2017v-3%27%2F%3E%3C%2Fsvg%3E");
  --v2i-landmark: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%273%27%20x2%3D%2721%27%20y1%3D%2722%27%20y2%3D%2722%27%2F%3E%3Cline%20x1%3D%276%27%20x2%3D%276%27%20y1%3D%2718%27%20y2%3D%2711%27%2F%3E%3Cline%20x1%3D%2710%27%20x2%3D%2710%27%20y1%3D%2718%27%20y2%3D%2711%27%2F%3E%3Cline%20x1%3D%2714%27%20x2%3D%2714%27%20y1%3D%2718%27%20y2%3D%2711%27%2F%3E%3Cline%20x1%3D%2718%27%20x2%3D%2718%27%20y1%3D%2718%27%20y2%3D%2711%27%2F%3E%3Cpolygon%20points%3D%2712%202%2020%207%204%207%27%2F%3E%3C%2Fsvg%3E");
  --v2i-truck: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14%2018V6a2%202%200%200%200-2-2H4a2%202%200%200%200-2%202v11a1%201%200%200%200%201%201h2%27%2F%3E%3Cpath%20d%3D%27M15%2018H9%27%2F%3E%3Cpath%20d%3D%27M19%2018h2a1%201%200%200%200%201-1v-3.65a1%201%200%200%200-.22-.624l-3.48-4.35A1%201%200%200%200%2017.52%208H14%27%2F%3E%3Ccircle%20cx%3D%2717%27%20cy%3D%2718%27%20r%3D%272%27%2F%3E%3Ccircle%20cx%3D%277%27%20cy%3D%2718%27%20r%3D%272%27%2F%3E%3C%2Fsvg%3E");
  --v2i-users: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%27%2F%3E%3Ccircle%20cx%3D%279%27%20cy%3D%277%27%20r%3D%274%27%2F%3E%3Cpath%20d%3D%27M22%2021v-2a4%204%200%200%200-3-3.87%27%2F%3E%3Cpath%20d%3D%27M16%203.13a4%204%200%200%201%200%207.75%27%2F%3E%3C%2Fsvg%3E");
  --v2i-rotate-ccw: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2012a9%209%200%201%200%209-9%209.75%209.75%200%200%200-6.74%202.74L3%208%27%2F%3E%3Cpath%20d%3D%27M3%203v5h5%27%2F%3E%3C%2Fsvg%3E");
  --v2i-trophy: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%209H4.5a2.5%202.5%200%200%201%200-5H6%27%2F%3E%3Cpath%20d%3D%27M18%209h1.5a2.5%202.5%200%200%200%200-5H18%27%2F%3E%3Cpath%20d%3D%27M4%2022h16%27%2F%3E%3Cpath%20d%3D%27M10%2014.66V17c0%20.55-.47.98-.97%201.21C7.85%2018.75%207%2020.24%207%2022%27%2F%3E%3Cpath%20d%3D%27M14%2014.66V17c0%20.55.47.98.97%201.21C16.15%2018.75%2017%2020.24%2017%2022%27%2F%3E%3Cpath%20d%3D%27M18%202H6v7a6%206%200%200%200%2012%200V2Z%27%2F%3E%3C%2Fsvg%3E");
  --v2i-link-2: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9%2017H7A5%205%200%200%201%207%207h2%27%2F%3E%3Cpath%20d%3D%27M15%207h2a5%205%200%201%201%200%2010h-2%27%2F%3E%3Cline%20x1%3D%278%27%20x2%3D%2716%27%20y1%3D%2712%27%20y2%3D%2712%27%2F%3E%3C%2Fsvg%3E");
  --v2i-gift: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%278%27%20width%3D%2718%27%20height%3D%274%27%20rx%3D%271%27%2F%3E%3Cpath%20d%3D%27M12%208v13%27%2F%3E%3Cpath%20d%3D%27M19%2012v7a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2v-7%27%2F%3E%3Cpath%20d%3D%27M7.5%208a2.5%202.5%200%200%201%200-5A4.8%208%200%200%201%2012%208a4.8%208%200%200%201%204.5-5%202.5%202.5%200%200%201%200%205%27%2F%3E%3C%2Fsvg%3E");
  --v2i-plug: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2022v-5%27%2F%3E%3Cpath%20d%3D%27M9%208V2%27%2F%3E%3Cpath%20d%3D%27M15%208V2%27%2F%3E%3Cpath%20d%3D%27M18%208v5a4%204%200%200%201-4%204h-4a4%204%200%200%201-4-4V8Z%27%2F%3E%3C%2Fsvg%3E");
  --v2i-mail: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20width%3D%2720%27%20height%3D%2716%27%20x%3D%272%27%20y%3D%274%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27m22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207%27%2F%3E%3C%2Fsvg%3E");
  --v2i-store: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m2%207%204.41-4.41A2%202%200%200%201%207.83%202h8.34a2%202%200%200%201%201.42.59L22%207%27%2F%3E%3Cpath%20d%3D%27M4%2012v8a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2v-8%27%2F%3E%3Cpath%20d%3D%27M15%2022v-4a2%202%200%200%200-2-2h-2a2%202%200%200%200-2%202v4%27%2F%3E%3Cpath%20d%3D%27M2%207h20%27%2F%3E%3Cpath%20d%3D%27M22%207v3a2%202%200%200%201-2%202a2.7%202.7%200%200%201-1.59-.63.7.7%200%200%200-.82%200A2.7%202.7%200%200%201%2016%2012a2.7%202.7%200%200%201-1.59-.63.7.7%200%200%200-.82%200A2.7%202.7%200%200%201%2012%2012a2.7%202.7%200%200%201-1.59-.63.7.7%200%200%200-.82%200A2.7%202.7%200%200%201%208%2012a2.7%202.7%200%200%201-1.59-.63.7.7%200%200%200-.82%200A2.7%202.7%200%200%201%204%2012a2%202%200%200%201-2-2V7%27%2F%3E%3C%2Fsvg%3E");
  --v2i-credit-card: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20width%3D%2720%27%20height%3D%2714%27%20x%3D%272%27%20y%3D%275%27%20rx%3D%272%27%2F%3E%3Cline%20x1%3D%272%27%20x2%3D%2722%27%20y1%3D%2710%27%20y2%3D%2710%27%2F%3E%3C%2Fsvg%3E");
  --v2i-user-plus: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%27%2F%3E%3Ccircle%20cx%3D%279%27%20cy%3D%277%27%20r%3D%274%27%2F%3E%3Cline%20x1%3D%2719%27%20x2%3D%2719%27%20y1%3D%278%27%20y2%3D%2714%27%2F%3E%3Cline%20x1%3D%2722%27%20x2%3D%2716%27%20y1%3D%2711%27%20y2%3D%2711%27%2F%3E%3C%2Fsvg%3E");
  --v2i-bell: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%208a6%206%200%200%201%2012%200c0%207%203%209%203%209H3s3-2%203-9%27%2F%3E%3Cpath%20d%3D%27M10.3%2021a1.94%201.94%200%200%200%203.4%200%27%2F%3E%3C%2Fsvg%3E");
  --v2i-wallet: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M19%207V4a1%201%200%200%200-1-1H5a2%202%200%200%200%200%204h15a1%201%200%200%201%201%201v4h-3a2%202%200%200%200%200%204h3a1%201%200%200%200%201-1v-2a1%201%200%200%200-1-1%27%2F%3E%3Cpath%20d%3D%27M3%205v14a2%202%200%200%200%202%202h15a1%201%200%200%200%201-1v-4%27%2F%3E%3C%2Fsvg%3E");
  --v2i-chevron-right: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m9%2018%206-6-6-6%27%2F%3E%3C%2Fsvg%3E");
  --v2i-log-out: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%27%2F%3E%3Cpolyline%20points%3D%2716%2017%2021%2012%2016%207%27%2F%3E%3Cline%20x1%3D%2721%27%20x2%3D%279%27%20y1%3D%2712%27%20y2%3D%2712%27%2F%3E%3C%2Fsvg%3E");
  --v2i-flask-conical: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M10%202v7.527a2%202%200%200%201-.211.896L4.72%2020.55a1%201%200%200%200%20.9%201.45h12.76a1%201%200%200%200%20.9-1.45l-5.069-10.127A2%202%200%200%201%2014%209.527V2%27%2F%3E%3Cpath%20d%3D%27M8.5%202h7%27%2F%3E%3Cpath%20d%3D%27M7%2016h10%27%2F%3E%3C%2Fsvg%3E");
  --v2i-menu: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%274%27%20x2%3D%2720%27%20y1%3D%2712%27%20y2%3D%2712%27%2F%3E%3Cline%20x1%3D%274%27%20x2%3D%2720%27%20y1%3D%276%27%20y2%3D%276%27%2F%3E%3Cline%20x1%3D%274%27%20x2%3D%2720%27%20y1%3D%2718%27%20y2%3D%2718%27%2F%3E%3C%2Fsvg%3E");
  --v2i-x: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M18%206%206%2018%27%2F%3E%3Cpath%20d%3D%27m6%206%2012%2012%27%2F%3E%3C%2Fsvg%3E");
  --v2i-search: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2711%27%20r%3D%278%27%2F%3E%3Cpath%20d%3D%27m21%2021-4.3-4.3%27%2F%3E%3C%2Fsvg%3E");
  --v2i-refresh-cw: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2012a9%209%200%200%201%209-9%209.75%209.75%200%200%201%206.74%202.74L21%208%27%2F%3E%3Cpath%20d%3D%27M21%203v5h-5%27%2F%3E%3Cpath%20d%3D%27M21%2012a9%209%200%200%201-9%209%209.75%209.75%200%200%201-6.74-2.74L3%2016%27%2F%3E%3Cpath%20d%3D%27M8%2016H3v5%27%2F%3E%3C%2Fsvg%3E");
  --v2i-filter: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolygon%20points%3D%2722%203%202%203%2010%2012.46%2010%2019%2014%2021%2014%2012.46%2022%203%27%2F%3E%3C%2Fsvg%3E");
  --v2i-puzzle: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M15.39%204.39a1%201%200%200%200%201.68-.474%202.5%202.5%200%201%201%203.014%203.015%201%201%200%200%200-.474%201.68l1.683%201.682a2.414%202.414%200%200%201%200%203.414L19.61%2015.39a1%201%200%200%201-1.68-.474%202.5%202.5%200%201%200-3.014%203.015%201%201%200%200%201%20.474%201.68l-1.683%201.682a2.414%202.414%200%200%201-3.414%200L8.61%2019.61a1%201%200%200%200-1.68.474%202.5%202.5%200%201%201-3.014-3.015%201%201%200%200%200%20.474-1.68l-1.683-1.682a2.414%202.414%200%200%201%200-3.414L4.39%208.61a1%201%200%200%201%201.68.474%202.5%202.5%200%201%200%203.014-3.015%201%201%200%200%201-.474-1.68l1.683-1.682a2.414%202.414%200%200%201%203.414%200z%27%2F%3E%3C%2Fsvg%3E");
  --v2i-monitor: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20width%3D%2720%27%20height%3D%2714%27%20x%3D%272%27%20y%3D%273%27%20rx%3D%272%27%2F%3E%3Cline%20x1%3D%278%27%20x2%3D%2716%27%20y1%3D%2721%27%20y2%3D%2721%27%2F%3E%3Cline%20x1%3D%2712%27%20x2%3D%2712%27%20y1%3D%2717%27%20y2%3D%2721%27%2F%3E%3C%2Fsvg%3E");
  --v2i-activity: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M22%2012h-2.48a2%202%200%200%200-1.93%201.46l-2.35%208.36a.25.25%200%200%201-.48%200L9.24%202.18a.25.25%200%200%200-.48%200l-2.35%208.36A2%202%200%200%201%204.49%2012H2%27%2F%3E%3C%2Fsvg%3E");
  --v2i-message-square: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M21%2015a2%202%200%200%201-2%202H7l-4%204V5a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202z%27%2F%3E%3C%2Fsvg%3E");
  --v2i-settings: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12.22%202h-.44a2%202%200%200%200-2%202v.18a2%202%200%200%201-1%201.73l-.43.25a2%202%200%200%201-2%200l-.15-.08a2%202%200%200%200-2.73.73l-.22.38a2%202%200%200%200%20.73%202.73l.15.1a2%202%200%200%201%201%201.72v.51a2%202%200%200%201-1%201.74l-.15.09a2%202%200%200%200-.73%202.73l.22.38a2%202%200%200%200%202.73.73l.15-.08a2%202%200%200%201%202%200l.43.25a2%202%200%200%201%201%201.73V20a2%202%200%200%200%202%202h.44a2%202%200%200%200%202-2v-.18a2%202%200%200%201%201-1.73l.43-.25a2%202%200%200%201%202%200l.15.08a2%202%200%200%200%202.73-.73l.22-.39a2%202%200%200%200-.73-2.73l-.15-.08a2%202%200%200%201-1-1.74v-.5a2%202%200%200%201%201-1.74l.15-.09a2%202%200%200%200%20.73-2.73l-.22-.38a2%202%200%200%200-2.73-.73l-.15.08a2%202%200%200%201-2%200l-.43-.25a2%202%200%200%201-1-1.73V4a2%202%200%200%200-2-2z%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%273%27%2F%3E%3C%2Fsvg%3E");
  --v2i-list-checks: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m3%2017%202%202%204-4%27%2F%3E%3Cpath%20d%3D%27m3%207%202%202%204-4%27%2F%3E%3Cpath%20d%3D%27M13%206h8%27%2F%3E%3Cpath%20d%3D%27M13%2012h8%27%2F%3E%3Cpath%20d%3D%27M13%2018h8%27%2F%3E%3C%2Fsvg%3E");
  --v2i-shield: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z%27%2F%3E%3C%2Fsvg%3E");
  --v2i-user-round: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%278%27%20r%3D%275%27%2F%3E%3Cpath%20d%3D%27M20%2021a8%208%200%200%200-16%200%27%2F%3E%3C%2Fsvg%3E");
  --v2i-palette: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2713.5%27%20cy%3D%276.5%27%20r%3D%27.5%27%20fill%3D%27currentColor%27%2F%3E%3Ccircle%20cx%3D%2717.5%27%20cy%3D%2710.5%27%20r%3D%27.5%27%20fill%3D%27currentColor%27%2F%3E%3Ccircle%20cx%3D%278.5%27%20cy%3D%277.5%27%20r%3D%27.5%27%20fill%3D%27currentColor%27%2F%3E%3Ccircle%20cx%3D%276.5%27%20cy%3D%2712.5%27%20r%3D%27.5%27%20fill%3D%27currentColor%27%2F%3E%3Cpath%20d%3D%27M12%202C6.5%202%202%206.5%202%2012s4.5%2010%2010%2010c.926%200%201.648-.746%201.648-1.688%200-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64%201.64%200%200%201%201.668-1.668h1.996c3.051%200%205.555-2.503%205.555-5.554C21.965%206.012%2017.461%202%2012%202z%27%2F%3E%3C%2Fsvg%3E");
  --v2-shell-ease: cubic-bezier(0, 0, .2, 1);
  --v2-shell-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
}

/* ---------- Fundo geral ---------- */
html[data-ui="v2"] body.dropos-workspace { background: hsl(var(--v2-background)) !important; }
html[data-ui="v2"] body.dropos-workspace .dw-ambient,
html[data-ui="v2"] body.dropos-workspace #app .dw-chrome-scene { display: none !important; }
html[data-ui="v2"] body.dropos-workspace #app,
html[data-ui="v2"] body.dropos-workspace #app > main.main { background: transparent !important; }

/* ---------- Barra lateral (.merchant-sidebar) ---------- */
html[data-ui="v2"] body.dropos-workspace #app > .sidebar {
  background: hsl(var(--v2-card)) !important;
  border-right: 1px solid hsl(var(--v2-border)) !important;
  padding: 1.4rem .9rem 1rem !important;
  box-shadow: none !important; backdrop-filter: none !important; isolation: auto !important;
  color: hsl(var(--v2-foreground)) !important;
}
html[data-ui="v2"] body.dropos-workspace #app > .sidebar::before,
html[data-ui="v2"] body.dropos-workspace #app > .sidebar::after { display: none !important; }

/* Marca (.merchant-brand) */
html[data-ui="v2"] body.dropos-workspace #app .side-brand {
  position: relative; display: flex !important; align-items: center !important; gap: .75rem !important;
  margin: .4rem .4rem 1.6rem !important; padding: 0 !important; min-height: 56px !important;
  border: 0 !important; background: none !important; flex-shrink: 0;
}
html[data-ui="v2"] body.dropos-workspace #app .side-brand .dot {
  width: 36px !important; height: 36px !important; filter: none !important; transform: none !important; transition: none !important;
}
html[data-ui="v2"] body.dropos-workspace #app .side-brand .tb-name {
  font-family: var(--v2-font-display) !important; font-size: 24px !important; font-weight: 700 !important;
  letter-spacing: .04em !important; line-height: 32px !important; color: hsl(var(--v2-foreground)) !important;
}
html[data-ui="v2"] body.dropos-workspace #app .side-brand .tb-sub {
  display: block !important; font-family: var(--v2-font-sans) !important; font-size: 10px !important; font-weight: 400 !important;
  letter-spacing: normal !important; text-transform: uppercase !important; line-height: 14px !important;
  margin-top: 7px !important; color: hsl(var(--v2-muted-foreground)) !important;
}

/* Loja atual (.merchant-store: Button outline com ícone, nome, legenda e seta) */
html[data-ui="v2"] body.dropos-workspace #app .ms-switch { margin: 0 0 1.25rem !important; padding: 0 !important; flex-shrink: 0; }
html[data-ui="v2"] body.dropos-workspace #app .ms-cap { display: none !important; }
html[data-ui="v2"] body.dropos-workspace #app .ms-btn {
  display: grid !important; grid-template-columns: 36px minmax(0, 1fr) 16px; grid-template-rows: auto auto;
  column-gap: .7rem; row-gap: 0; align-items: center; width: 100% !important;
  min-height: 0 !important; height: auto !important; padding: .8rem !important;
  border: 1px solid hsl(var(--v2-input)) !important; border-radius: var(--v2-radius) !important;
  background: hsl(var(--v2-background)) !important; color: hsl(var(--v2-foreground)) !important; box-shadow: none !important;
  font-family: var(--v2-font-sans) !important; font-size: 14px; font-weight: 500; text-align: left;
  transition: all .2s var(--v2-shell-ease) !important;
}
html[data-ui="v2"] body.dropos-workspace #app .ms-btn:hover {
  background: hsl(var(--v2-accent) / .5) !important; border-color: hsl(var(--v2-accent)) !important;
  color: hsl(var(--v2-accent-foreground)) !important; transform: translateY(-2px);
}
html[data-ui="v2"] body.dropos-workspace #app .ms-btn:active { transform: scale(.97); }
html[data-ui="v2"] body.dropos-workspace #app .ms-btn .ms-av {
  grid-column: 1; grid-row: 1 / span 2; display: inline-flex !important; align-items: center; justify-content: center;
  width: 36px !important; height: 36px !important; border-radius: 6px !important; overflow: hidden;
  border: 1px solid hsl(var(--v2-border)) !important; background: hsl(var(--v2-card)) !important;
  color: hsl(var(--v2-muted-foreground)) !important; font-size: 0 !important;
}
html[data-ui="v2"] body.dropos-workspace #app .ms-btn .ms-av > svg { display: none !important; }
html[data-ui="v2"] body.dropos-workspace #app .ms-btn .ms-av:not(:has(img))::before {
  content: ''; width: 17px; height: 17px; background: currentColor;
  -webkit-mask: var(--v2i-store) center / contain no-repeat; mask: var(--v2i-store) center / contain no-repeat;
}
html[data-ui="v2"] body.dropos-workspace #app .ms-btn .ms-av img { width: 100%; height: 100%; object-fit: cover; }
html[data-ui="v2"] body.dropos-workspace #app .ms-btn .ms-nm {
  grid-column: 2; grid-row: 1; align-self: end; min-width: 0;
  font-size: 12px !important; font-weight: 600 !important; line-height: 16px !important; color: inherit !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html[data-ui="v2"] body.dropos-workspace #app .ms-btn::after {
  content: 'Loja atual'; grid-column: 2; grid-row: 2; align-self: start;
  font-size: 10px; font-weight: 400; line-height: 15px; color: hsl(var(--v2-muted-foreground));
}
html[data-ui="v2"] body.dropos-workspace #app .ms-btn .ms-chev {
  grid-column: 3; grid-row: 1 / span 2; width: 16px !important; height: 16px !important; stroke-width: 2;
  color: hsl(var(--v2-foreground)) !important; transform: rotate(-90deg); transition: transform .2s var(--v2-shell-ease) !important;
}
html[data-ui="v2"] body.dropos-workspace #app .ms-switch.open .ms-btn .ms-chev { transform: rotate(0deg); }
/* Menu de lojas (popover) */
html[data-ui="v2"] body.dropos-workspace #app .ms-menu {
  top: calc(100% + 4px) !important; padding: 4px !important;
  background: hsl(var(--v2-popover)) !important; color: hsl(var(--v2-popover-foreground)) !important;
  border: 1px solid hsl(var(--v2-border)) !important; border-radius: var(--v2-radius-md) !important;
  box-shadow: var(--v2-shell-shadow-lg) !important;
}
html[data-ui="v2"] body.dropos-workspace #app .ms-switch.open .ms-menu { animation: v2-scale-up .15s var(--v2-ease-smooth); transform-origin: top center; }
html[data-ui="v2"] body.dropos-workspace #app .ms-menu :is(.ms-item, .ms-new) {
  gap: 8px !important; padding: 6px 8px !important; border-radius: var(--v2-radius-sm) !important;
  font-size: 14px !important; font-weight: 500 !important; color: hsl(var(--v2-popover-foreground)) !important;
  transition: background-color .15s var(--v2-shell-ease);
}
html[data-ui="v2"] body.dropos-workspace #app .ms-menu .ms-item .mt { font-size: 14px !important; font-weight: 500 !important; }
html[data-ui="v2"] body.dropos-workspace #app .ms-menu :is(.ms-item, .ms-new):hover { background: hsl(var(--v2-accent)) !important; color: hsl(var(--v2-accent-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app .ms-menu .ms-item.active { background: hsl(var(--v2-primary) / .08) !important; color: hsl(var(--v2-primary)) !important; }
html[data-ui="v2"] body.dropos-workspace #app .ms-menu :is(.ms-item .mn, .ms-new .pl) {
  background: hsl(var(--v2-card)) !important; border: 1px solid hsl(var(--v2-border)) !important; border-radius: 6px !important; color: hsl(var(--v2-muted-foreground)) !important;
}
html[data-ui="v2"] body.dropos-workspace #app .ms-menu .ms-new { color: hsl(var(--v2-primary)) !important; }
html[data-ui="v2"] body.dropos-workspace #app .ms-menu .ms-sep { background: hsl(var(--v2-border)) !important; margin: 4px -4px !important; }

/* ---------- Menu (GRUPOS do menuEnxuto: Vender / Crescer / Configurar) ---------- */
html[data-ui="v2"] body.dropos-workspace #app .side-nav {
  padding: 0 !important; gap: 0 !important; overflow-y: auto !important; scrollbar-gutter: auto !important;
  scrollbar-width: thin; scrollbar-color: hsl(var(--v2-border)) transparent;
}
html[data-ui="v2"] body.dropos-workspace #app .side-nav .me-cap {
  display: block !important; font-family: var(--v2-font-sans) !important; font-size: .6rem !important; font-weight: 400 !important;
  line-height: 1.5 !important; letter-spacing: normal !important; text-transform: uppercase !important;
  color: hsl(var(--v2-muted-foreground)) !important; padding: .5rem .8rem !important; margin: 0 !important; border: 0 !important;
}
/* .merchant-nav-group { padding-bottom: 1.15rem } entre um grupo e o próximo */
html[data-ui="v2"] body.dropos-workspace #app .side-nav .me-cap ~ .me-cap { margin-top: 1.15rem !important; }
html[data-ui="v2"] body.dropos-workspace #app .side-nav .tab-btn {
  align-items: center !important; justify-content: flex-start !important;
  width: 100% !important; height: 42px !important; min-height: 42px !important; margin: 0 0 3px !important;
  padding: 0 .8rem !important; gap: 8px !important; overflow: hidden;
  font-family: var(--v2-font-sans) !important; font-size: .8rem !important; font-weight: 500 !important;
  letter-spacing: normal !important; text-transform: none !important; line-height: 20px !important; white-space: nowrap;
  color: hsl(var(--v2-muted-foreground)) !important; background: transparent !important;
  border: 0 !important; border-radius: var(--v2-radius) !important; box-shadow: none !important; transform: none !important;
  transition: all .2s var(--v2-shell-ease) !important;
}
html[data-ui="v2"] body.dropos-workspace #app .side-nav .tab-btn.me-oculto { display: none !important; }
html[data-ui="v2"] body.dropos-workspace #app .side-nav .tab-btn:hover {
  background: hsl(var(--v2-accent) / .5) !important; color: hsl(var(--v2-accent-foreground)) !important;
}
html[data-ui="v2"] body.dropos-workspace #app .side-nav .tab-btn:active { transform: scale(.97) !important; }
html[data-ui="v2"] body.dropos-workspace #app .side-nav .tab-btn:focus-visible {
  outline: none !important; box-shadow: 0 0 0 2px hsl(var(--v2-card)), 0 0 0 4px hsl(var(--v2-ring)) !important;
}
html[data-ui="v2"] body.dropos-workspace #app .side-nav .tab-btn:is(.active, .me-grupo-on),
html[data-ui="v2"] body.dropos-workspace #app .side-nav .tab-btn:is(.active, .me-grupo-on):hover {
  background: hsl(var(--v2-primary) / .08) !important; color: hsl(var(--v2-primary)) !important;
  border-color: transparent !important; box-shadow: none !important; font-weight: 500 !important;
}
html[data-ui="v2"] body.dropos-workspace #app .side-nav .tab-btn > span { overflow: hidden; text-overflow: ellipsis; color: inherit !important; }
/* Ícone lucide no lugar do svg do v1 (mesmo nó, só escondido) */
html[data-ui="v2"] body.dropos-workspace #app .side-nav .tab-btn > svg { display: none !important; }
html[data-ui="v2"] body.dropos-workspace #app .side-nav .tab-btn::before {
  content: '' !important; display: block !important; position: static !important; flex: none !important;
  width: 16px !important; height: 16px !important; border-radius: 0 !important; box-shadow: none !important;
  transform: none !important; transition: none !important; opacity: 1 !important; background: currentColor !important;
  -webkit-mask: var(--v2-ico, var(--v2i-layout-dashboard)) center / 16px 16px no-repeat;
  mask: var(--v2-ico, var(--v2i-layout-dashboard)) center / 16px 16px no-repeat;
}
/* Seta do item ativo (.merchant-nav-arrow) */
html[data-ui="v2"] body.dropos-workspace #app .side-nav .tab-btn::after { content: none !important; }
html[data-ui="v2"] body.dropos-workspace #app .side-nav .tab-btn:is(.active, .me-grupo-on)::after {
  content: '' !important; display: block !important; position: static !important; flex: none; margin-left: auto;
  width: 16px; height: 16px; background: currentColor; opacity: 1 !important; transform: none !important;
  -webkit-mask: var(--v2i-chevron-right) center / 16px 16px no-repeat; mask: var(--v2i-chevron-right) center / 16px 16px no-repeat;
}
/* Ícones equivalentes do dropchck (Dashboard.tsx: const nav) para cada aba */
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="overview"] { --v2-ico: var(--v2i-layout-dashboard); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="funil"] { --v2-ico: var(--v2i-filter); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="products"] { --v2-ico: var(--v2i-package); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="extensoes"] { --v2-ico: var(--v2i-puzzle); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="orders"] { --v2-ico: var(--v2i-receipt); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="relatorios"] { --v2-ico: var(--v2i-chart-column); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="adquirentes"] { --v2-ico: var(--v2i-landmark); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="rastreio"] { --v2-ico: var(--v2i-truck); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="customers"] { --v2-ico: var(--v2i-users); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="leads"] { --v2-ico: var(--v2i-message-square); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="remarketing"] { --v2-ico: var(--v2i-rotate-ccw); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="recuperacao"] { --v2-ico: var(--v2i-rotate-ccw); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="monthlyranking"] { --v2-ico: var(--v2i-trophy); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn:is([data-tab="presells"], [data-tab="links"]) { --v2-ico: var(--v2i-link-2); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="linksativos"] { --v2-ico: var(--v2i-activity); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn:is([data-tab="offers"], [data-tab="upsell"]) { --v2-ico: var(--v2i-gift); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="pixels"] { --v2-ico: var(--v2i-plug); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="emails"] { --v2-ico: var(--v2i-mail); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn:is([data-tab="store"], [data-tab="stores"]) { --v2-ico: var(--v2i-store); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="config"] { --v2-ico: var(--v2i-settings); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="setup"] { --v2-ico: var(--v2i-list-checks); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="gateways"] { --v2-ico: var(--v2i-credit-card); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="financas"] { --v2-ico: var(--v2i-wallet); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="afiliacao"] { --v2-ico: var(--v2i-user-plus); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn:is([data-tab="access"], [data-tab="team"]) { --v2-ico: var(--v2i-users); }
html[data-ui="v2"] body.dropos-workspace #app .tab-btn[data-tab="notifications"] { --v2-ico: var(--v2i-bell); }

/* Botão "Aparência" que o panel-appearance.js acrescenta no fim do menu: vira item do menu (Palette), como no dropchck */
html[data-ui="v2"] body.dropos-workspace #app .side-nav #dwAppearanceOpen {
  align-items: center !important; gap: 8px !important; flex: none;
  width: 100% !important; height: 42px !important; min-height: 42px !important; margin: 1.15rem 0 3px !important; padding: 0 .8rem !important;
  border: 0 !important; border-radius: var(--v2-radius) !important; background: transparent !important; box-shadow: none !important;
  font-family: var(--v2-font-sans) !important; font-size: .8rem !important; font-weight: 500 !important; line-height: 20px !important;
  letter-spacing: normal !important; color: hsl(var(--v2-muted-foreground)) !important; transform: none !important;
  transition: all .2s var(--v2-shell-ease) !important;
}
html[data-ui="v2"] body.dropos-workspace #app .side-nav #dwAppearanceOpen:hover { background: hsl(var(--v2-accent) / .5) !important; color: hsl(var(--v2-accent-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app .side-nav #dwAppearanceOpen:active { transform: scale(.97) !important; }
html[data-ui="v2"] body.dropos-workspace #app .side-nav #dwAppearanceOpen > svg,
html[data-ui="v2"] body.dropos-workspace #app .side-nav #dwAppearanceOpen small { display: none !important; }
html[data-ui="v2"] body.dropos-workspace #app .side-nav #dwAppearanceOpen::before {
  content: ''; flex: none; width: 16px; height: 16px; background: currentColor;
  -webkit-mask: var(--v2i-palette) center / 16px 16px no-repeat; mask: var(--v2i-palette) center / 16px 16px no-repeat;
}

/* ---------- Rodapé da barra (.merchant-footer: botões ghost com ícone) ---------- */
html[data-ui="v2"] body.dropos-workspace #app .side-foot {
  display: block !important; padding: .8rem 0 0 !important; margin: 0 !important; flex-shrink: 0;
  border-top: 1px solid hsl(var(--v2-border)) !important; background: transparent !important;
}
html[data-ui="v2"] body.dropos-workspace #app .side-foot #spGreet {
  font-family: var(--v2-font-sans) !important; font-size: 10px !important; font-weight: 400 !important; line-height: 15px;
  color: hsl(var(--v2-muted-foreground)) !important; margin: 0 0 .4rem !important; padding: 0 20px;
}
html[data-ui="v2"] body.dropos-workspace #app .side-foot #spGreet:empty { display: none; }
html[data-ui="v2"] body.dropos-workspace #app .side-foot .store-pill { display: none !important; }
html[data-ui="v2"] body.dropos-workspace #app .side-foot :is(#btnPainelAdmin, #btnLogout) {
  align-items: center !important; justify-content: flex-start !important; gap: 8px !important;
  width: 100% !important; height: 40px !important; min-height: 40px !important; margin: 0 !important; padding: 8px 20px !important;
  border: 0 !important; border-radius: var(--v2-radius) !important; background: transparent !important; box-shadow: none !important;
  font-family: var(--v2-font-sans) !important; font-size: 14px !important; font-weight: 500 !important; line-height: 20px;
  color: hsl(var(--v2-foreground)) !important; text-align: left; transform: none;
  transition: all .2s var(--v2-shell-ease) !important;
}
/* #btnPainelAdmin começa com style="display:none" e o JS revela: só vira flex quando visível */
html[data-ui="v2"] body.dropos-workspace #app .side-foot #btnLogout,
html[data-ui="v2"] body.dropos-workspace #app .side-foot #btnPainelAdmin:not([style*="display:none"]):not([style*="display: none"]) { display: flex !important; }
html[data-ui="v2"] body.dropos-workspace #app .side-foot #btnLogout { color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app .side-foot :is(#btnPainelAdmin, #btnLogout):hover {
  background: hsl(var(--v2-accent) / .5) !important; color: hsl(var(--v2-accent-foreground)) !important;
}
html[data-ui="v2"] body.dropos-workspace #app .side-foot :is(#btnPainelAdmin, #btnLogout):active { transform: scale(.97); }
html[data-ui="v2"] body.dropos-workspace #app .side-foot :is(#btnPainelAdmin, #btnLogout)::before {
  content: ''; flex: none; width: 16px; height: 16px; background: currentColor;
  -webkit-mask: var(--v2-ico) center / 16px 16px no-repeat; mask: var(--v2-ico) center / 16px 16px no-repeat;
}
html[data-ui="v2"] body.dropos-workspace #app .side-foot #btnPainelAdmin { --v2-ico: var(--v2i-flask-conical); }
html[data-ui="v2"] body.dropos-workspace #app .side-foot #btnLogout { --v2-ico: var(--v2i-log-out); }

/* ---------- Cabeçalho (.merchant-header: sticky, fundo 96% com blur) ---------- */
html[data-ui="v2"] body.dropos-workspace #app .main-top {
  position: sticky !important; top: 0 !important; z-index: 30 !important;
  display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between;
  gap: 1rem !important; min-height: 76px !important; padding: 1rem 2rem !important; overflow: visible !important;
  background: hsl(var(--v2-background) / .96) !important; border: 0 !important;
  border-bottom: 1px solid hsl(var(--v2-border)) !important; box-shadow: none !important; isolation: auto !important;
  -webkit-backdrop-filter: blur(12px) !important; backdrop-filter: blur(12px) !important;
}
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app .main-top { background: hsl(var(--v2-card) / .96) !important; }
html[data-ui="v2"] body.dropos-workspace #app .main-top::before,
html[data-ui="v2"] body.dropos-workspace #app .main-top::after { display: none !important; }
html[data-ui="v2"] body.dropos-workspace #app .main-top > * { grid-area: auto !important; }
/* Título: legenda pequena em cima (como "DROP OS / LOJISTA / …") e o nome da tela embaixo */
html[data-ui="v2"] body.dropos-workspace #app .main-top > div:has(> #pageTitle) {
  order: 1; flex: 1 1 auto !important; min-width: 0 !important;
  display: flex !important; flex-direction: column-reverse !important; justify-content: center !important;
}
html[data-ui="v2"] body.dropos-workspace #app .main-top #pageTitle {
  font-family: var(--v2-font-sans) !important; font-size: 16px !important; font-weight: 600 !important; line-height: 24px !important;
  letter-spacing: normal !important; text-transform: none !important; color: hsl(var(--v2-foreground)) !important;
  margin: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: none !important;
}
html[data-ui="v2"] body.dropos-workspace #app .main-top #pageSub {
  font-family: var(--v2-font-sans) !important; font-size: 10px !important; font-weight: 400 !important; line-height: 15px !important;
  color: hsl(var(--v2-muted-foreground)) !important; margin: 0 !important; max-width: none !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
/* Botão de menu (Sheet trigger: outline 44px, ícone Menu) */
html[data-ui="v2"] body.dropos-workspace #app .main-top #hambBtn { order: 0; }
/* Ações à direita (gap-2) */
html[data-ui="v2"] body.dropos-workspace #app .main-top #vivoSelo { order: 2; }
html[data-ui="v2"] body.dropos-workspace #app .main-top #cfgSearchBtn { order: 3; }
html[data-ui="v2"] body.dropos-workspace #app .main-top #btnAtualizar { order: 4; }
html[data-ui="v2"] body.dropos-workspace #app .main-top > .ui-v2-tools { order: 5; margin: 0 !important; gap: 8px !important; }
html[data-ui="v2"] body.dropos-workspace #app .main-top #vivoSelo ~ * { margin-left: 0 !important; }
html[data-ui="v2"] body.dropos-workspace #app .main-top #vivoSelo { margin-left: 0 !important; }
html[data-ui="v2"] body.dropos-workspace #app .main-top > :is(#vivoSelo, #cfgSearchBtn, #btnAtualizar, .ui-v2-tools) { flex-shrink: 0; }
/* O "ao vivo" no formato do .merchant-plan */
html[data-ui="v2"] body.dropos-workspace #app .main-top #vivoSelo {
  gap: 6px !important; padding: .35rem .75rem !important; border: 1px solid hsl(var(--v2-border)) !important; border-radius: 5px !important;
  background: transparent !important; color: hsl(var(--v2-muted-foreground)) !important;
  font-family: var(--v2-font-sans) !important; font-size: .65rem !important; font-weight: 400 !important; line-height: 1.5;
}
html[data-ui="v2"] body.dropos-workspace #app .main-top #vivoSelo #vivoPonto { width: 6px !important; height: 6px !important; background: hsl(var(--v2-success)) !important; }
/* Botões de ícone do cabeçalho (Button outline size icon: 40px, raio 8) */
html[data-ui="v2"] body.dropos-workspace #app .main-top :is(#hambBtn, #btnAtualizar),
html[data-ui="v2"] body.dropos-workspace #app .main-top .ui-v2-tools [data-ui-toggle] {
  display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important;
  height: 40px !important; min-height: 40px !important; padding: 0 !important; margin: 0 !important;
  border: 1px solid hsl(var(--v2-input)) !important; border-radius: var(--v2-radius) !important;
  background: hsl(var(--v2-background)) !important; color: hsl(var(--v2-foreground)) !important; box-shadow: none !important;
  font-family: var(--v2-font-sans) !important; font-size: 14px !important; font-weight: 500 !important; line-height: 20px;
  transition: all .2s var(--v2-shell-ease) !important; transform: none;
}
html[data-ui="v2"] body.dropos-workspace #app .main-top #btnAtualizar { width: 40px !important; min-width: 40px !important; }
html[data-ui="v2"] body.dropos-workspace #app .main-top #btnAtualizar > span { display: none !important; }
html[data-ui="v2"] body.dropos-workspace #app .main-top .ui-v2-tools [data-ui-toggle] { padding: 0 16px !important; }
html[data-ui="v2"] body.dropos-workspace #app .main-top :is(#hambBtn, #btnAtualizar, #cfgSearchBtn):hover,
html[data-ui="v2"] body.dropos-workspace #app .main-top .ui-v2-tools [data-ui-toggle]:hover {
  background: hsl(var(--v2-accent) / .5) !important; border-color: hsl(var(--v2-accent)) !important;
  color: hsl(var(--v2-accent-foreground)) !important; transform: translateY(-2px);
}
html[data-ui="v2"] body.dropos-workspace #app .main-top :is(#hambBtn, #btnAtualizar, #cfgSearchBtn):active,
html[data-ui="v2"] body.dropos-workspace #app .main-top .ui-v2-tools button:active { transform: scale(.97); }
html[data-ui="v2"] body.dropos-workspace #app .main-top :is(#hambBtn, #btnAtualizar, #cfgSearchBtn, .ui-v2-tools button):focus-visible {
  outline: none !important; box-shadow: 0 0 0 2px hsl(var(--v2-background)), 0 0 0 4px hsl(var(--v2-ring)) !important;
}
html[data-ui="v2"] body.dropos-workspace #app .main-top :is(#hambBtn, #btnAtualizar) svg,
html[data-ui="v2"] body.dropos-workspace #app .main-top .ui-v2-tools svg { width: 16px !important; height: 16px !important; stroke-width: 2 !important; flex: none; }
/* "Atualizar" com o ícone RefreshCw (mesmo giro do v1) */
html[data-ui="v2"] body.dropos-workspace #app .main-top #btnAtualizar > svg { display: none !important; }
html[data-ui="v2"] body.dropos-workspace #app .main-top #btnAtualizar::before {
  content: ''; width: 16px; height: 16px; background: currentColor;
  -webkit-mask: var(--v2i-refresh-cw) center / 16px 16px no-repeat; mask: var(--v2i-refresh-cw) center / 16px 16px no-repeat;
}
html[data-ui="v2"] body.dropos-workspace #app .main-top #btnAtualizar.girando::before { animation: girar .8s linear infinite; }
/* Busca de configuração no formato do <Input> com lupa do dropchck */
html[data-ui="v2"] body.dropos-workspace #app .main-top #cfgSearchBtn {
  position: relative; display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; gap: 0 !important;
  width: 240px !important; max-width: 240px !important; height: 40px !important; min-height: 40px !important; margin: 0 !important;
  padding: 8px 16px 8px 36px !important; border: 1px solid hsl(var(--v2-input) / .8) !important; border-radius: .75rem !important;
  background: hsl(var(--v2-background) / .8) !important; color: hsl(var(--v2-muted-foreground) / .6) !important; box-shadow: none !important;
  font-family: var(--v2-font-sans) !important; font-size: 14px !important; font-weight: 400 !important; line-height: 20px;
  transition: all .3s ease-out !important;
}
html[data-ui="v2"] body.dropos-workspace #app .main-top #cfgSearchBtn:hover {
  border-color: hsl(var(--v2-primary) / .3) !important; background: hsl(var(--v2-background)) !important;
  color: hsl(var(--v2-muted-foreground) / .6) !important; transform: none;
}
html[data-ui="v2"] body.dropos-workspace #app .main-top #cfgSearchBtn > svg { display: none !important; }
html[data-ui="v2"] body.dropos-workspace #app .main-top #cfgSearchBtn::before {
  content: ''; position: absolute; left: 12px; top: 11px; width: 16px; height: 16px; background: hsl(var(--v2-muted-foreground));
  -webkit-mask: var(--v2i-search) center / 16px 16px no-repeat; mask: var(--v2i-search) center / 16px 16px no-repeat;
}
html[data-ui="v2"] body.dropos-workspace #app .main-top #cfgSearchBtn > span { display: inline !important; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; color: inherit; }
html[data-ui="v2"] body.dropos-workspace #app .main-top #cfgSearchBtn > kbd {
  display: inline-block !important; margin-left: 8px; padding: 1px 5px !important; border: 1px solid hsl(var(--v2-border)) !important;
  border-radius: 4px !important; background: hsl(var(--v2-muted)) !important; color: hsl(var(--v2-muted-foreground)) !important;
  font-family: var(--v2-font-mono) !important; font-size: 10px !important; line-height: 14px;
}
/* Chave sol/lua no formato do ThemeToggle (fundo foreground/10, raio 12) */
html[data-ui="v2"] body.dropos-workspace #app .main-top .ui-v2-tools [data-ui-theme] {
  width: 40px !important; height: 40px !important; padding: 0 !important; border: 0 !important; border-radius: .75rem !important;
  background: hsl(var(--v2-foreground) / .1) !important; color: hsl(var(--v2-foreground)) !important; box-shadow: none !important;
  transition: all .2s var(--v2-shell-ease) !important;
}
html[data-ui="v2"] body.dropos-workspace #app .main-top .ui-v2-tools [data-ui-theme]:hover { background: hsl(var(--v2-primary) / .2) !important; }
html[data-ui="v2"] body.dropos-workspace #app .main-top .ui-v2-tools [data-ui-theme] svg { width: 20px !important; height: 20px !important; }

/* ---------- Área de conteúdo (.merchant-main) e sub-abas do menuEnxuto ---------- */
html[data-ui="v2"] body.dropos-workspace #app .main > .container {
  max-width: 1540px !important; margin-inline: auto !important; padding: 1.8rem 2rem 4rem !important;
}
/* #meSub = linha de Button default/outline do dropchck (MerchantStore: "flex flex-wrap gap-2 border-b pb-5") */
html[data-ui="v2"] body.dropos-workspace #app #meSub {
  display: flex !important; flex-wrap: wrap !important; gap: .5rem !important; width: 100% !important; max-width: 100% !important;
  margin: 0 0 1.5rem !important; padding: 0 0 1.25rem !important; background: transparent !important;
  border: 0 !important; border-bottom: 1px solid hsl(var(--v2-border)) !important; border-radius: 0 !important; box-shadow: none !important;
}
html[data-ui="v2"] body.dropos-workspace #app #meSub button {
  flex: 0 0 auto !important; display: inline-flex !important; align-items: center; justify-content: center; white-space: nowrap !important;
  height: 40px !important; min-height: 40px !important; padding: 8px 20px !important; margin: 0 !important;
  border: 1px solid hsl(var(--v2-input)) !important; border-radius: var(--v2-radius) !important;
  background: hsl(var(--v2-background)) !important; color: hsl(var(--v2-foreground)) !important; box-shadow: none !important;
  font-family: var(--v2-font-sans) !important; font-size: 14px !important; font-weight: 500 !important; line-height: 20px !important;
  transition: all .2s var(--v2-shell-ease) !important;
}
html[data-ui="v2"] body.dropos-workspace #app #meSub button:hover {
  background: hsl(var(--v2-accent) / .5) !important; border-color: hsl(var(--v2-accent)) !important;
  color: hsl(var(--v2-accent-foreground)) !important; transform: translateY(-2px);
}
html[data-ui="v2"] body.dropos-workspace #app #meSub button.on,
html[data-ui="v2"] body.dropos-workspace #app #meSub button.on:hover {
  background: hsl(var(--v2-primary)) !important; border-color: transparent !important; color: hsl(var(--v2-primary-foreground)) !important;
}
html[data-ui="v2"] body.dropos-workspace #app #meSub button.on:hover {
  background: hsl(var(--v2-primary) / .9) !important; box-shadow: 0 10px 15px -3px hsl(var(--v2-primary) / .2), 0 4px 6px -4px hsl(var(--v2-primary) / .2) !important;
}
html[data-ui="v2"] body.dropos-workspace #app #meSub button:active { transform: scale(.97); }

/* ---------- Toast (ui/toast.tsx: borda, fundo, raio md, sombra lg; canto inferior direito / topo no celular) ---------- */
html[data-ui="v2"] #toast {
  left: auto !important; right: 16px !important; bottom: 16px !important; top: auto !important;
  width: auto; max-width: min(420px, calc(100vw - 32px)) !important; padding: 24px 32px 24px 24px !important;
  background: hsl(var(--v2-background)) !important; color: hsl(var(--v2-foreground)) !important;
  border: 1px solid hsl(var(--v2-border)) !important; border-radius: var(--v2-radius-md) !important; box-shadow: var(--v2-shell-shadow-lg) !important;
  font-family: var(--v2-font-sans) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 20px !important;
  z-index: 100 !important; transform: translateY(100%) !important; opacity: 0;
  transition: opacity .15s var(--v2-shell-ease), transform .15s var(--v2-shell-ease) !important;
}
html[data-ui="v2"] #toast.on { transform: none !important; opacity: 1; }
@media (max-width: 639px) {
  html[data-ui="v2"] #toast { top: 16px !important; bottom: auto !important; left: 16px !important; transform: translateY(-100%) !important; }
  html[data-ui="v2"] #toast.on { transform: none !important; }
}

/* ---------- Computador (lg do dropchck; o v1 troca para gaveta em 1024) ---------- */
@media (min-width: 1025px) {
  html[data-ui="v2"] body.dropos-workspace #app > .sidebar { width: 244px !important; }
  html[data-ui="v2"] body.dropos-workspace #app > main.main { margin-left: 244px !important; width: calc(100% - 244px) !important; }
  html[data-ui="v2"] body.dropos-workspace #app .main-top #hambBtn { display: none !important; }
  html[data-ui="v2"] body.dropos-workspace #app .dw-nav-close { display: none !important; }
}

/* ---------- Celular e tablet: a barra vira o Sheet do dropchck (esquerda, 85vw até 320px) ---------- */
@media (max-width: 1024px) {
  html[data-ui="v2"] body.dropos-workspace #app > .sidebar {
    width: min(85vw, 320px) !important; padding: 24px !important;
    background: hsl(var(--v2-background)) !important; border-right: 1px solid hsl(var(--v2-border)) !important;
    box-shadow: var(--v2-shell-shadow-lg) !important; z-index: 101 !important;
    transition: transform .3s ease-in-out !important;
  }
  html[data-ui="v2"] body.dropos-workspace #app > .sidebar.open { transition-duration: .5s !important; }
  html[data-ui="v2"] body.dropos-workspace #app > .sidebar:not(.open) { box-shadow: none !important; }
  html[data-ui="v2"] body.dropos-workspace #app > main.main { margin-left: 0 !important; width: 100% !important; }
  /* SheetTitle: logo 32px + "DROP OS" em Rajdhani 24px */
  html[data-ui="v2"] body.dropos-workspace #app .side-brand { position: static; margin: 0 0 16px !important; gap: .5rem !important; padding-right: 44px !important; }
  html[data-ui="v2"] body.dropos-workspace #app .side-brand .dot { width: 32px !important; height: 32px !important; }
  html[data-ui="v2"] body.dropos-workspace #app .side-brand .tb-sub { display: none !important; }
  /* Fechar do Sheet: canto superior direito, 44px, sem moldura */
  html[data-ui="v2"] body.dropos-workspace #app .side-brand .dw-nav-close {
    position: absolute !important; right: 12px !important; top: 12px !important; display: inline-flex !important;
    width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important;
    border: 0 !important; border-radius: var(--v2-radius-md) !important; background: transparent !important;
    color: hsl(var(--v2-foreground)) !important; opacity: .7; transition: opacity .15s !important;
  }
  html[data-ui="v2"] body.dropos-workspace #app .side-brand .dw-nav-close:hover { opacity: 1; }
  html[data-ui="v2"] body.dropos-workspace #app .side-brand .dw-nav-close:focus-visible { outline: none; box-shadow: 0 0 0 2px hsl(var(--v2-background)), 0 0 0 4px hsl(var(--v2-ring)); }
  html[data-ui="v2"] body.dropos-workspace #app .side-brand .dw-nav-close svg { width: 16px !important; height: 16px !important; stroke-width: 2 !important; }
  html[data-ui="v2"] body.dropos-workspace #app .ms-switch { margin-bottom: 16px !important; }
  html[data-ui="v2"] body.dropos-workspace #app .side-nav { margin-top: 8px; }
  /* Rodapé do Sheet: botões outline de largura total, centrados */
  html[data-ui="v2"] body.dropos-workspace #app .side-foot {
    display: flex !important; flex-direction: column; gap: 8px; margin-top: 16px !important; padding: 0 !important; border-top: 0 !important;
  }
  html[data-ui="v2"] body.dropos-workspace #app .side-foot #spGreet { margin: 0 !important; padding: 0; }
  html[data-ui="v2"] body.dropos-workspace #app .side-foot :is(#btnPainelAdmin, #btnLogout) {
    justify-content: center !important; border: 1px solid hsl(var(--v2-input)) !important; background: hsl(var(--v2-background)) !important;
    color: hsl(var(--v2-foreground)) !important;
  }
  html[data-ui="v2"] body.dropos-workspace #app .side-foot :is(#btnPainelAdmin, #btnLogout):hover {
    background: hsl(var(--v2-accent) / .5) !important; border-color: hsl(var(--v2-accent)) !important; transform: translateY(-2px);
  }
  /* Overlay do Sheet: fundo 80%, sem blur, fade */
  html[data-ui="v2"] body.dropos-workspace .nav-overlay {
    background: hsl(var(--v2-background) / .8) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
    z-index: 100 !important; transition: opacity .15s ease-in-out !important;
  }
  /* Cabeçalho do celular: uma linha, como o do dropchck */
  html[data-ui="v2"] body.dropos-workspace #app .main-top { padding: 1rem !important; gap: 8px !important; min-height: 76px !important; }
  html[data-ui="v2"] body.dropos-workspace #app .main-top > div:has(> #pageTitle) { margin-left: 4px; }
  html[data-ui="v2"] body.dropos-workspace #app .main-top #hambBtn { width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; flex: none; }
  html[data-ui="v2"] body.dropos-workspace #app .main-top #cfgSearchBtn { width: 40px !important; min-width: 40px !important; padding: 0 !important; justify-content: center !important; border-radius: var(--v2-radius) !important; border-color: hsl(var(--v2-input)) !important; background: hsl(var(--v2-background)) !important; color: hsl(var(--v2-foreground)) !important; }
  html[data-ui="v2"] body.dropos-workspace #app .main-top #cfgSearchBtn::before { position: static; background: currentColor; }
  html[data-ui="v2"] body.dropos-workspace #app .main-top #cfgSearchBtn > :is(span, kbd) { display: none !important; }
  html[data-ui="v2"] body.dropos-workspace #app .main > .container { padding: 1.5rem 1rem 3rem !important; }
  html[data-ui="v2"] body.dropos-workspace #app #meSub button { flex: 0 0 auto !important; }
}
@media (max-width: 639px) {
  html[data-ui="v2"] body.dropos-workspace #app .main-top #pageTitle { font-size: 14px !important; line-height: 20px !important; }
  /* .merchant-plan some no celular; o "ao vivo" fica só com o ponto */
  html[data-ui="v2"] body.dropos-workspace #app .main-top #vivoSelo { padding: 0 !important; border: 0 !important; }
  html[data-ui="v2"] body.dropos-workspace #app .main-top #vivoSelo #vivoTxt { display: none !important; }
  html[data-ui="v2"] body.dropos-workspace #app .main-top .ui-v2-tools [data-ui-toggle] { width: 40px !important; padding: 0 !important; }
  html[data-ui="v2"] body.dropos-workspace #app .main-top .ui-v2-tools [data-ui-theme] { width: 36px !important; height: 36px !important; }
  html[data-ui="v2"] body.dropos-workspace #app .main-top .ui-v2-tools [data-ui-theme] svg { width: 16px !important; height: 16px !important; }
}
@media (max-width: 380px) {
  html[data-ui="v2"] body.dropos-workspace #app .main-top { gap: 6px !important; padding-inline: 12px !important; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 1023px) {
  html[data-ui="v2"] body.dropos-workspace #app :is(.sidebar, .ms-menu), html[data-ui="v2"] body.dropos-workspace .nav-overlay, html[data-ui="v2"] #toast { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* ======================================================================================================
   Hotfix 13/10 — tema CLARO legível em todas as abas, inclusive as que ainda não foram portadas.
   No claro, a casca (body/.main-top) e as abas não portadas herdavam a paleta escura do v1: texto #f4f5f7
   sobre fundo claro (contraste 1,04) e blocos #13151b no meio da tela clara. Aqui as variáveis do v1 viram
   os tokens v2 claros no nível da casca, e as superfícies/cores fixas do v1 (folhas e style inline) seguem o tema.
   Só vale com data-theme="light"; o escuro e o v1 não mudam. As 11 abas Vender (vender.css) ficam como estão:
   as regras daqui miram só as 20 abas não portadas e as camadas fora do #app (modais delas).
   Gerado por gen-hotfix.py a partir de hotfix.src.css (macros de seletor).
   ====================================================================================================== */

/* ---------- 1. Paleta do v1 -> tokens v2 claros (casca inteira + abas não portadas) ---------- */
html[data-ui="v2"][data-theme="light"] body.dropos-workspace:has(> #app.on),
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView)  {
  --bg: hsl(var(--v2-background)); --panel: hsl(var(--v2-card)); --panel2: hsl(var(--v2-muted));
  --card: hsl(var(--v2-card)); --card2: hsl(var(--v2-muted)); --card-2: hsl(var(--v2-muted)); --surface-2: hsl(var(--v2-muted));
  --side: hsl(var(--v2-card)); --sidebar-bg: hsl(var(--v2-card)); --sidebar-2: hsl(var(--v2-muted)); --sidebar-hover: hsl(var(--v2-muted));
  --line: hsl(var(--v2-border)); --line2: hsl(var(--v2-border)); --line-2: hsl(var(--v2-input)); --sidebar-line: hsl(var(--v2-border));
  --line-hot: hsl(var(--v2-primary) / .3);
  --ink: hsl(var(--v2-foreground)); --ink-2: hsl(var(--v2-foreground)); --text: hsl(var(--v2-foreground));
  --mut: hsl(var(--v2-muted-foreground)); --muted: hsl(var(--v2-muted-foreground)); --dim: hsl(var(--v2-muted-foreground));
  --muted-2: hsl(var(--v2-muted-foreground)); --sidebar-text: hsl(var(--v2-muted-foreground));
  --red: hsl(var(--v2-primary)); --red2: hsl(var(--v2-primary-deep)); --red-deep: hsl(var(--v2-primary-deep)); --red-b: hsl(var(--v2-primary-deep));
  --red-soft: hsl(var(--v2-primary) / .08); --brand: hsl(var(--v2-primary)); --brand3: hsl(var(--v2-primary-deep)); --brand-hover: hsl(var(--v2-primary-deep));
  --brand2: hsl(var(--v2-primary-deep)); --brand-dark: hsl(var(--v2-primary-deep));
  --glow: none; --glow-sm: none; --lift: none; --focus: 0 0 0 2px hsl(var(--v2-primary) / .2);
  --ok: hsl(var(--v2-success)); --warn: hsl(var(--v2-warning));
  --shadow-md: var(--v2-merchant-shadow); --shadow-lg: var(--v2-merchant-shadow);
  --dw-scene: hsl(var(--v2-background)); --dw-scene-line: hsl(var(--v2-border)); --dw-scene-card: hsl(var(--v2-card));
  --dw-edge: hsl(var(--v2-border)); --dw-accent: hsl(var(--v2-primary));
  --mp-bg: hsl(var(--v2-background)); --mp-surface: hsl(var(--v2-card)); --mp-border: hsl(var(--v2-border)); --mp-muted: hsl(var(--v2-muted-foreground));
  --fin-card: hsl(var(--v2-card)); --fin-card-2: hsl(var(--v2-muted)); --fin-line: hsl(var(--v2-border)); --fin-line-hi: hsl(var(--v2-input));
  --fin-ink: hsl(var(--v2-foreground)); --fin-ink-2: hsl(var(--v2-foreground)); --fin-mut: hsl(var(--v2-muted-foreground)); --fin-mut-2: hsl(var(--v2-muted-foreground));
  color: hsl(var(--v2-foreground));
}
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app .main-top { color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView)  { color-scheme: light; }

/* ---------- 2. Superfícies fixas do v1 (merchant-workspace / panel-appearance / folhas de cada estúdio) ---------- */
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is(.panel, .vg-card, .rt-card, .cfg-item, .of-preview, .push-option, .su-bd, .lk-main, .lk-side, .pl-list, .pl-drawer, .table-wrap, .acc-stat, .rt-stat) {
  background: hsl(var(--v2-card)) !important; border-color: hsl(var(--v2-border)) !important; box-shadow: var(--v2-merchant-shadow) !important;
  color: hsl(var(--v2-card-foreground));
}
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is(.panel, .vg-card, .rt-card, .cfg-item, .of-preview, .push-option, .su-bd, .lk-main, .lk-side, .pl-list, .pl-drawer)::before { opacity: 0 !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is(h1, h2, h3, h4, h5, .section-label, .cfg-grp-h, .su-h, .su-bd h5) { color: hsl(var(--v2-foreground)); text-shadow: none !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is(.help, .muted, .cfg-hero-s, .su-sub, .empty, .vg-vazio) { color: hsl(var(--v2-muted-foreground)); }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is(.empty, .vg-vazio) { background: hsl(var(--v2-card)); }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) .section-label { border-bottom-color: hsl(var(--v2-border)); }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) .field label { color: hsl(var(--v2-foreground)); }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) table th { background: hsl(var(--v2-muted)) !important; color: hsl(var(--v2-muted-foreground)) !important; border-bottom-color: hsl(var(--v2-border)) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) table td { border-bottom-color: hsl(var(--v2-border)) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) table tbody tr:hover { background: hsl(var(--v2-muted) / .6) !important; }

/* Campos (inclusive os de style inline escuro: o !important vence o inline) */
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]), select, textarea),
html[data-ui="v2"][data-theme="light"] body.dropos-workspace:has(> #app.on) > :not(#app, #loginWrap, #orderModalBg, #prodModalBg, #msCreateBg, #dwAppearance, #gwTestOv, #cfgPalOv, #afOv, .gateway-credential-modal, .pt-dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]), select, textarea) {
  background-color: hsl(var(--v2-card)) !important; border-color: hsl(var(--v2-input)) !important; color: hsl(var(--v2-foreground)) !important;
  color-scheme: light;
}
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is(input, textarea)::placeholder,
html[data-ui="v2"][data-theme="light"] body.dropos-workspace:has(> #app.on) > :not(#app, #loginWrap, #orderModalBg, #prodModalBg, #msCreateBg, #dwAppearance, #gwTestOv, #cfgPalOv, #afOv, .gateway-credential-modal, .pt-dialog) :is(input, textarea)::placeholder { color: hsl(var(--v2-muted-foreground)) !important; opacity: 1; }

/* Botão neutro do v1 (.btn sem .brand/.danger) = Button outline */
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) .btn:not(.brand):not(.danger) { background-color: hsl(var(--v2-card)); border-color: hsl(var(--v2-input)); color: hsl(var(--v2-foreground)); }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) .btn:not(.brand):not(.danger):hover { background-color: hsl(var(--v2-accent)); filter: none; }

/* ---------- 3. Blocos escuros fixos de cada estúdio -> Card / Muted do v2 ---------- */
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is(#extBanner, #gwLista .gl-sidebar, #gwLista .gl-security, .pp-block, .pp-legacy, .push-card-head, .push-preview, #pxLista .pl-row, #lkWiz .lk-p, .gl-link, .cfg-navi.on, #monthlyRows.drop-podium, .gwcv-exp, .gwcv-p:not(.on), .pp-preview-controls button, .sc-categories button) {
  background: hsl(var(--v2-card)) !important; border-color: hsl(var(--v2-border)) !important; color: hsl(var(--v2-foreground)) !important; box-shadow: none !important;
}
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is(.of-hero, .pl-top, .fin-hero, .mp-hero, .mr-hero) {
  background: hsl(var(--v2-card)) !important; border: 1px solid hsl(var(--v2-border)) !important; box-shadow: var(--v2-merchant-shadow) !important; color: hsl(var(--v2-foreground));
}
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is(.push-status, .push-option-icon, .pl-bar, #pxLista .pl-hd .pl-sub, .pp-block-title > span, .pp-note, .su-prog, .gwcv-track, .su-step:not(.done):not(.now) .su-n) {
  background: hsl(var(--v2-muted)) !important; border-color: hsl(var(--v2-border)) !important; color: hsl(var(--v2-foreground)) !important;
}
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is(#pxLista .pl-row.on, .sc-categories button[aria-pressed="true"], .pp-status[data-active="true"], .cfg-navi.on, #lkWiz .lk-p.on) {
  background: hsl(var(--v2-primary) / .08) !important; border-color: hsl(var(--v2-primary) / .45) !important; color: hsl(var(--v2-foreground)) !important;
}
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) .cfg-savebar { background: linear-gradient(180deg, hsl(var(--v2-background) / 0), hsl(var(--v2-background)) 40%) !important; }
/* Faixa "faça somente o passo vermelho": vira faixa vermelha de verdade (texto branco legível) */
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) .gl-next-banner { background: hsl(var(--v2-primary)) !important; border-color: hsl(var(--v2-primary)) !important; color: #fff !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) .gl-next-banner span { color: #fff !important; opacity: .92; }

/* ---------- 4. Textos com cor fixa clara (feitos para o fundo escuro) ---------- */
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is(.mp-summary strong, .gw-note b, .gwcv-kpi .v, .gwcv-nm, .gl-how div, .gl-form-caption, #lkWiz .lk-steps span.on, .gl-f b, .su-bd h5),
html[data-ui="v2"][data-theme="light"] body.dropos-workspace:has(> #app.on) > :not(#app, #loginWrap, #orderModalBg, #prodModalBg, #msCreateBg, #dwAppearance, #gwTestOv, #cfgPalOv, #afOv, .gateway-credential-modal, .pt-dialog) :is(.mp-summary strong, .gw-note b, .gwcv-kpi .v, .gwcv-nm, .gl-how div, .gl-form-caption, #lkWiz .lk-steps span.on, .gl-f b, .su-bd h5) { color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is(.mp-security-label, .gl-description, .gw-note, .gwcv-kpi .k, #pxLista .pl-desc, .pp-heading p, .pp-live, .pp-picker label, .pp-caption, .pp-journey button:not([aria-current="step"]), .mr-note, .su-bd p, .su-opt, .gl-f label, .push-status),
html[data-ui="v2"][data-theme="light"] body.dropos-workspace:has(> #app.on) > :not(#app, #loginWrap, #orderModalBg, #prodModalBg, #msCreateBg, #dwAppearance, #gwTestOv, #cfgPalOv, #afOv, .gateway-credential-modal, .pt-dialog) :is(.mp-security-label, .gl-description, .gw-note, .gwcv-kpi .k, #pxLista .pl-desc, .pp-heading p, .pp-live, .pp-picker label, .pp-caption, .pp-journey button:not([aria-current="step"]), .mr-note, .su-bd p, .su-opt, .gl-f label, .push-status) { color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is(.mp-eyebrow, .mp-header > small, .pp-eyebrow, .sc-eyebrow, .mr-top span, .pp-journey button[aria-current="step"]),
html[data-ui="v2"][data-theme="light"] body.dropos-workspace:has(> #app.on) > :not(#app, #loginWrap, #orderModalBg, #prodModalBg, #msCreateBg, #dwAppearance, #gwTestOv, #cfgPalOv, #afOv, .gateway-credential-modal, .pt-dialog) :is(.mp-eyebrow, .mp-header > small, .pp-eyebrow, .sc-eyebrow, .mr-top span, .pp-journey button[aria-current="step"]) { color: hsl(var(--v2-primary-deep)) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is(.pt-credit, .gwcv-kpi .v.green, .gwcv-rec, .su-ok:not([style*="color"])),
html[data-ui="v2"][data-theme="light"] body.dropos-workspace:has(> #app.on) > :not(#app, #loginWrap, #orderModalBg, #prodModalBg, #msCreateBg, #dwAppearance, #gwTestOv, #cfgPalOv, #afOv, .gateway-credential-modal, .pt-dialog) :is(.pt-credit, .gwcv-kpi .v.green, .gwcv-rec, .su-ok:not([style*="color"])) { color: hsl(var(--v2-success)) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is(#gwLista .gl-select, .push-preview, .push-preview b),
html[data-ui="v2"][data-theme="light"] body.dropos-workspace:has(> #app.on) > :not(#app, #loginWrap, #orderModalBg, #prodModalBg, #msCreateBg, #dwAppearance, #gwTestOv, #cfgPalOv, #afOv, .gateway-credential-modal, .pt-dialog) :is(#gwLista .gl-select, .push-preview, .push-preview b) { color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is(#gwLista .gl-t small, .pp-block .help, .pp-legacy summary, .cfg-navi i, .push-preview .pv-b, .push-preview small, .mr-hero p),
html[data-ui="v2"][data-theme="light"] body.dropos-workspace:has(> #app.on) > :not(#app, #loginWrap, #orderModalBg, #prodModalBg, #msCreateBg, #dwAppearance, #gwTestOv, #cfgPalOv, #afOv, .gateway-credential-modal, .pt-dialog) :is(#gwLista .gl-t small, .pp-block .help, .pp-legacy summary, .cfg-navi i, .push-preview .pv-b, .push-preview small, .mr-hero p) { color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is(.mr-hero small, .acc-badge.blk),
html[data-ui="v2"][data-theme="light"] body.dropos-workspace:has(> #app.on) > :not(#app, #loginWrap, #orderModalBg, #prodModalBg, #msCreateBg, #dwAppearance, #gwTestOv, #cfgPalOv, #afOv, .gateway-credential-modal, .pt-dialog) :is(.mr-hero small, .acc-badge.blk) { color: hsl(var(--v2-primary-deep)) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) .drop-podium .dp-place .dp-name { color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) .drop-podium .dp-place-1 .dp-value { color: hsl(var(--v2-warning)) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) .drop-podium .dp-place:not(.dp-place-1) .dp-value { color: hsl(var(--v2-success)) !important; }
/* Botão de perigo do v1 (fundo grafite fixo + texto var(--ink-2)) = Button outline destrutivo */
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) .btn.danger { background: hsl(var(--v2-primary) / .06) !important; border-color: hsl(var(--v2-primary) / .45) !important; color: hsl(var(--v2-primary-deep)) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) .btn.danger:hover { background: hsl(var(--v2-primary) / .12) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) #lkWiz .lk-steps span:not(.on):not(.done) { border-top-color: hsl(var(--v2-border)) !important; color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) #lkWiz .lk-steps span.done { color: hsl(var(--v2-success)) !important; border-top-color: hsl(var(--v2-success)) !important; }

/* ======================================================================================================
   Faixa "Você está dentro da loja … pelo painel admin" (Entrar como) no v2, claro e escuro.
   O DOM vem do script #impVoltarBar (estilo inline, sem ID/classe): é a <div> filha do <body> com o botão
   "Ocultar" e o botão mínimo "↩ Admin". Nada de display aqui: o JS alterna display:none/flex no inline.
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace > div:has(> button[aria-label="Ocultar"]) {
  gap: 10px !important; padding: 8px 8px 8px 16px !important; border-radius: var(--v2-radius) !important;
  background: hsl(var(--v2-popover)) !important; color: hsl(var(--v2-popover-foreground)) !important;
  border: 1px solid hsl(var(--v2-border)) !important; border-left: 3px solid hsl(var(--v2-primary)) !important;
  box-shadow: 0 10px 30px -10px rgb(0 0 0 / .35) !important; font: 500 13px/1.35 var(--v2-font-sans) !important;
  max-width: calc(100vw - 32px); box-sizing: border-box;
}
html[data-ui="v2"] body.dropos-workspace > div:has(> button[aria-label="Ocultar"]) > span { min-width: 0; }
html[data-ui="v2"] body.dropos-workspace > div:has(> button[aria-label="Ocultar"]) > button:not([aria-label="Ocultar"]) {
  height: 32px !important; padding: 0 14px !important; border-radius: calc(var(--v2-radius) - 2px) !important;
  background: hsl(var(--v2-primary)) !important; color: hsl(var(--v2-primary-foreground)) !important;
  font: 600 12.5px/1 var(--v2-font-sans) !important; white-space: nowrap; flex: none;
}
html[data-ui="v2"] body.dropos-workspace > div:has(> button[aria-label="Ocultar"]) > button:not([aria-label="Ocultar"]):hover { background: hsl(var(--v2-primary-deep)) !important; }
html[data-ui="v2"] body.dropos-workspace > div:has(> button[aria-label="Ocultar"]) > button[aria-label="Ocultar"] {
  flex: none; color: hsl(var(--v2-muted-foreground)) !important; border-radius: calc(var(--v2-radius) - 2px) !important;
}
html[data-ui="v2"] body.dropos-workspace > div:has(> button[aria-label="Ocultar"]) > button[aria-label="Ocultar"]:hover { background: hsl(var(--v2-accent)) !important; color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace > div:has(> button[aria-label="Ocultar"]) > button:focus-visible,
html[data-ui="v2"] body.dropos-workspace > button[title^="Você está dentro da loja"]:focus-visible { outline: 2px solid hsl(var(--v2-ring, var(--v2-primary))) !important; outline-offset: 2px; }
html[data-ui="v2"] body.dropos-workspace > button[title^="Você está dentro da loja"] {
  height: 32px !important; padding: 0 12px !important; border-radius: var(--v2-radius) !important;
  background: hsl(var(--v2-popover)) !important; color: hsl(var(--v2-popover-foreground)) !important;
  border: 1px solid hsl(var(--v2-border)) !important; border-left: 3px solid hsl(var(--v2-primary)) !important;
  box-shadow: 0 8px 24px -10px rgb(0 0 0 / .35) !important; font: 600 12px/1 var(--v2-font-sans) !important;
}
/* Com a faixa aberta, o fim da página sobe acima dela (o último card não fica escondido atrás) */
html[data-ui="v2"] body.dropos-workspace:has(> div[style*="display: flex"] > button[aria-label="Ocultar"]) #app > main.main { padding-bottom: 84px !important; }
/* iPhone: barra fina de ponta a ponta, texto em até 2 linhas, botão curto */
@media (max-width: 640px) {
html[data-ui="v2"] body.dropos-workspace > div:has(> button[aria-label="Ocultar"]) {
    left: 12px !important; right: 12px !important; transform: none !important; max-width: none;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important; padding: 6px 4px 6px 12px !important; gap: 8px !important;
    font-size: 12px !important;
  }
html[data-ui="v2"] body.dropos-workspace > div:has(> button[aria-label="Ocultar"]) > span {
    flex: 1 1 auto; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.3;
  }
html[data-ui="v2"] body.dropos-workspace > div:has(> button[aria-label="Ocultar"]) > button:not([aria-label="Ocultar"]) { height: 30px !important; padding: 0 10px !important; font-size: 0 !important; }
html[data-ui="v2"] body.dropos-workspace > div:has(> button[aria-label="Ocultar"]) > button:not([aria-label="Ocultar"])::after { content: "Voltar ao admin"; font: 600 12px/1 var(--v2-font-sans); }
html[data-ui="v2"] body.dropos-workspace > div:has(> button[aria-label="Ocultar"]) > button[aria-label="Ocultar"] { width: 26px !important; height: 26px !important; }
html[data-ui="v2"] body.dropos-workspace > button[title^="Você está dentro da loja"] { right: 12px !important; bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important; }
html[data-ui="v2"] body.dropos-workspace:has(> div[style*="display: flex"] > button[aria-label="Ocultar"]) #app > main.main { padding-bottom: 72px !important; }
}

/* ---------- 5. style inline com cor fixa do v1 (gerado por gen-hotfix.py) ---------- */
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is([style*="color:#f4f4f6" i], [style*="color: #f4f4f6" i], [style^="color: rgb(244, 244, 246)"], [style*="; color: rgb(244, 244, 246)"], [style*="color:#f4f5f7" i], [style*="color: #f4f5f7" i], [style^="color: rgb(244, 245, 247)"], [style*="; color: rgb(244, 245, 247)"], [style*="color:#f5f5f7" i], [style*="color: #f5f5f7" i], [style^="color: rgb(245, 245, 247)"], [style*="; color: rgb(245, 245, 247)"], [style*="color:#eaf1fb" i], [style*="color: #eaf1fb" i], [style^="color: rgb(234, 241, 251)"], [style*="; color: rgb(234, 241, 251)"], [style*="color:#e9e9ee" i], [style*="color: #e9e9ee" i], [style^="color: rgb(233, 233, 238)"], [style*="; color: rgb(233, 233, 238)"], [style*="color:#e8e8ef" i], [style*="color: #e8e8ef" i], [style^="color: rgb(232, 232, 239)"], [style*="; color: rgb(232, 232, 239)"], [style*="color:#e8e8ee" i], [style*="color: #e8e8ee" i], [style^="color: rgb(232, 232, 238)"], [style*="; color: rgb(232, 232, 238)"], [style*="color:#cfe0f5" i], [style*="color: #cfe0f5" i], [style^="color: rgb(207, 224, 245)"], [style*="; color: rgb(207, 224, 245)"], [style*="color:#c9c9d3" i], [style*="color: #c9c9d3" i], [style^="color: rgb(201, 201, 211)"], [style*="; color: rgb(201, 201, 211)"], [style*="color:#c9c9d2" i], [style*="color: #c9c9d2" i], [style^="color: rgb(201, 201, 210)"], [style*="; color: rgb(201, 201, 210)"], [style*="color:#c7c7d1" i], [style*="color: #c7c7d1" i], [style^="color: rgb(199, 199, 209)"], [style*="; color: rgb(199, 199, 209)"], [style*="color:#e4e4e7" i], [style*="color: #e4e4e7" i], [style^="color: rgb(228, 228, 231)"], [style*="; color: rgb(228, 228, 231)"], [style*="color:#d4d4d8" i], [style*="color: #d4d4d8" i], [style^="color: rgb(212, 212, 216)"], [style*="; color: rgb(212, 212, 216)"]),
html[data-ui="v2"][data-theme="light"] body.dropos-workspace:has(> #app.on) > :not(#app, #loginWrap, #orderModalBg, #prodModalBg, #msCreateBg, #dwAppearance, #gwTestOv, #cfgPalOv, #afOv, .gateway-credential-modal, .pt-dialog) :is([style*="color:#f4f4f6" i], [style*="color: #f4f4f6" i], [style^="color: rgb(244, 244, 246)"], [style*="; color: rgb(244, 244, 246)"], [style*="color:#f4f5f7" i], [style*="color: #f4f5f7" i], [style^="color: rgb(244, 245, 247)"], [style*="; color: rgb(244, 245, 247)"], [style*="color:#f5f5f7" i], [style*="color: #f5f5f7" i], [style^="color: rgb(245, 245, 247)"], [style*="; color: rgb(245, 245, 247)"], [style*="color:#eaf1fb" i], [style*="color: #eaf1fb" i], [style^="color: rgb(234, 241, 251)"], [style*="; color: rgb(234, 241, 251)"], [style*="color:#e9e9ee" i], [style*="color: #e9e9ee" i], [style^="color: rgb(233, 233, 238)"], [style*="; color: rgb(233, 233, 238)"], [style*="color:#e8e8ef" i], [style*="color: #e8e8ef" i], [style^="color: rgb(232, 232, 239)"], [style*="; color: rgb(232, 232, 239)"], [style*="color:#e8e8ee" i], [style*="color: #e8e8ee" i], [style^="color: rgb(232, 232, 238)"], [style*="; color: rgb(232, 232, 238)"], [style*="color:#cfe0f5" i], [style*="color: #cfe0f5" i], [style^="color: rgb(207, 224, 245)"], [style*="; color: rgb(207, 224, 245)"], [style*="color:#c9c9d3" i], [style*="color: #c9c9d3" i], [style^="color: rgb(201, 201, 211)"], [style*="; color: rgb(201, 201, 211)"], [style*="color:#c9c9d2" i], [style*="color: #c9c9d2" i], [style^="color: rgb(201, 201, 210)"], [style*="; color: rgb(201, 201, 210)"], [style*="color:#c7c7d1" i], [style*="color: #c7c7d1" i], [style^="color: rgb(199, 199, 209)"], [style*="; color: rgb(199, 199, 209)"], [style*="color:#e4e4e7" i], [style*="color: #e4e4e7" i], [style^="color: rgb(228, 228, 231)"], [style*="; color: rgb(228, 228, 231)"], [style*="color:#d4d4d8" i], [style*="color: #d4d4d8" i], [style^="color: rgb(212, 212, 216)"], [style*="; color: rgb(212, 212, 216)"]),
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#overviewView, #funilView, #productsView, #ordersView, #relatoriosView, #adquirentesView, #rastreioView, #customersView, #leadsView, #recuperacaoView, #remarketingView, #storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is([style*="color:#f4f4f6" i], [style*="color: #f4f4f6" i], [style^="color: rgb(244, 244, 246)"], [style*="; color: rgb(244, 244, 246)"], [style*="color:#f4f5f7" i], [style*="color: #f4f5f7" i], [style^="color: rgb(244, 245, 247)"], [style*="; color: rgb(244, 245, 247)"], [style*="color:#f5f5f7" i], [style*="color: #f5f5f7" i], [style^="color: rgb(245, 245, 247)"], [style*="; color: rgb(245, 245, 247)"], [style*="color:#eaf1fb" i], [style*="color: #eaf1fb" i], [style^="color: rgb(234, 241, 251)"], [style*="; color: rgb(234, 241, 251)"], [style*="color:#e9e9ee" i], [style*="color: #e9e9ee" i], [style^="color: rgb(233, 233, 238)"], [style*="; color: rgb(233, 233, 238)"], [style*="color:#e8e8ef" i], [style*="color: #e8e8ef" i], [style^="color: rgb(232, 232, 239)"], [style*="; color: rgb(232, 232, 239)"], [style*="color:#e8e8ee" i], [style*="color: #e8e8ee" i], [style^="color: rgb(232, 232, 238)"], [style*="; color: rgb(232, 232, 238)"], [style*="color:#cfe0f5" i], [style*="color: #cfe0f5" i], [style^="color: rgb(207, 224, 245)"], [style*="; color: rgb(207, 224, 245)"], [style*="color:#c9c9d3" i], [style*="color: #c9c9d3" i], [style^="color: rgb(201, 201, 211)"], [style*="; color: rgb(201, 201, 211)"], [style*="color:#c9c9d2" i], [style*="color: #c9c9d2" i], [style^="color: rgb(201, 201, 210)"], [style*="; color: rgb(201, 201, 210)"], [style*="color:#c7c7d1" i], [style*="color: #c7c7d1" i], [style^="color: rgb(199, 199, 209)"], [style*="; color: rgb(199, 199, 209)"], [style*="color:#e4e4e7" i], [style*="color: #e4e4e7" i], [style^="color: rgb(228, 228, 231)"], [style*="; color: rgb(228, 228, 231)"], [style*="color:#d4d4d8" i], [style*="color: #d4d4d8" i], [style^="color: rgb(212, 212, 216)"], [style*="; color: rgb(212, 212, 216)"]) { color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is([style*="color:#b0b0be" i], [style*="color: #b0b0be" i], [style^="color: rgb(176, 176, 190)"], [style*="; color: rgb(176, 176, 190)"], [style*="color:#9fb0c8" i], [style*="color: #9fb0c8" i], [style^="color: rgb(159, 176, 200)"], [style*="; color: rgb(159, 176, 200)"], [style*="color:#a1a1aa" i], [style*="color: #a1a1aa" i], [style^="color: rgb(161, 161, 170)"], [style*="; color: rgb(161, 161, 170)"], [style*="color:#94a3b8" i], [style*="color: #94a3b8" i], [style^="color: rgb(148, 163, 184)"], [style*="; color: rgb(148, 163, 184)"], [style*="color:#9b9ba7" i], [style*="color: #9b9ba7" i], [style^="color: rgb(155, 155, 167)"], [style*="; color: rgb(155, 155, 167)"], [style*="color:#9a9ab0" i], [style*="color: #9a9ab0" i], [style^="color: rgb(154, 154, 176)"], [style*="; color: rgb(154, 154, 176)"], [style*="color:#9a9aa5" i], [style*="color: #9a9aa5" i], [style^="color: rgb(154, 154, 165)"], [style*="; color: rgb(154, 154, 165)"], [style*="color:#9a9aa4" i], [style*="color: #9a9aa4" i], [style^="color: rgb(154, 154, 164)"], [style*="; color: rgb(154, 154, 164)"], [style*="color:#a2a9b6" i], [style*="color: #a2a9b6" i], [style^="color: rgb(162, 169, 182)"], [style*="; color: rgb(162, 169, 182)"], [style*="color:#9da3b0" i], [style*="color: #9da3b0" i], [style^="color: rgb(157, 163, 176)"], [style*="; color: rgb(157, 163, 176)"], [style*="color:#9c9caa" i], [style*="color: #9c9caa" i], [style^="color: rgb(156, 156, 170)"], [style*="; color: rgb(156, 156, 170)"]),
html[data-ui="v2"][data-theme="light"] body.dropos-workspace:has(> #app.on) > :not(#app, #loginWrap, #orderModalBg, #prodModalBg, #msCreateBg, #dwAppearance, #gwTestOv, #cfgPalOv, #afOv, .gateway-credential-modal, .pt-dialog) :is([style*="color:#b0b0be" i], [style*="color: #b0b0be" i], [style^="color: rgb(176, 176, 190)"], [style*="; color: rgb(176, 176, 190)"], [style*="color:#9fb0c8" i], [style*="color: #9fb0c8" i], [style^="color: rgb(159, 176, 200)"], [style*="; color: rgb(159, 176, 200)"], [style*="color:#a1a1aa" i], [style*="color: #a1a1aa" i], [style^="color: rgb(161, 161, 170)"], [style*="; color: rgb(161, 161, 170)"], [style*="color:#94a3b8" i], [style*="color: #94a3b8" i], [style^="color: rgb(148, 163, 184)"], [style*="; color: rgb(148, 163, 184)"], [style*="color:#9b9ba7" i], [style*="color: #9b9ba7" i], [style^="color: rgb(155, 155, 167)"], [style*="; color: rgb(155, 155, 167)"], [style*="color:#9a9ab0" i], [style*="color: #9a9ab0" i], [style^="color: rgb(154, 154, 176)"], [style*="; color: rgb(154, 154, 176)"], [style*="color:#9a9aa5" i], [style*="color: #9a9aa5" i], [style^="color: rgb(154, 154, 165)"], [style*="; color: rgb(154, 154, 165)"], [style*="color:#9a9aa4" i], [style*="color: #9a9aa4" i], [style^="color: rgb(154, 154, 164)"], [style*="; color: rgb(154, 154, 164)"], [style*="color:#a2a9b6" i], [style*="color: #a2a9b6" i], [style^="color: rgb(162, 169, 182)"], [style*="; color: rgb(162, 169, 182)"], [style*="color:#9da3b0" i], [style*="color: #9da3b0" i], [style^="color: rgb(157, 163, 176)"], [style*="; color: rgb(157, 163, 176)"], [style*="color:#9c9caa" i], [style*="color: #9c9caa" i], [style^="color: rgb(156, 156, 170)"], [style*="; color: rgb(156, 156, 170)"]),
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#overviewView, #funilView, #productsView, #ordersView, #relatoriosView, #adquirentesView, #rastreioView, #customersView, #leadsView, #recuperacaoView, #remarketingView, #storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is([style*="color:#b0b0be" i], [style*="color: #b0b0be" i], [style^="color: rgb(176, 176, 190)"], [style*="; color: rgb(176, 176, 190)"], [style*="color:#9fb0c8" i], [style*="color: #9fb0c8" i], [style^="color: rgb(159, 176, 200)"], [style*="; color: rgb(159, 176, 200)"], [style*="color:#a1a1aa" i], [style*="color: #a1a1aa" i], [style^="color: rgb(161, 161, 170)"], [style*="; color: rgb(161, 161, 170)"], [style*="color:#94a3b8" i], [style*="color: #94a3b8" i], [style^="color: rgb(148, 163, 184)"], [style*="; color: rgb(148, 163, 184)"], [style*="color:#9b9ba7" i], [style*="color: #9b9ba7" i], [style^="color: rgb(155, 155, 167)"], [style*="; color: rgb(155, 155, 167)"], [style*="color:#9a9ab0" i], [style*="color: #9a9ab0" i], [style^="color: rgb(154, 154, 176)"], [style*="; color: rgb(154, 154, 176)"], [style*="color:#9a9aa5" i], [style*="color: #9a9aa5" i], [style^="color: rgb(154, 154, 165)"], [style*="; color: rgb(154, 154, 165)"], [style*="color:#9a9aa4" i], [style*="color: #9a9aa4" i], [style^="color: rgb(154, 154, 164)"], [style*="; color: rgb(154, 154, 164)"], [style*="color:#a2a9b6" i], [style*="color: #a2a9b6" i], [style^="color: rgb(162, 169, 182)"], [style*="; color: rgb(162, 169, 182)"], [style*="color:#9da3b0" i], [style*="color: #9da3b0" i], [style^="color: rgb(157, 163, 176)"], [style*="; color: rgb(157, 163, 176)"], [style*="color:#9c9caa" i], [style*="color: #9c9caa" i], [style^="color: rgb(156, 156, 170)"], [style*="; color: rgb(156, 156, 170)"]) { color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is([style*="color:#4ade80" i], [style*="color: #4ade80" i], [style^="color: rgb(74, 222, 128)"], [style*="; color: rgb(74, 222, 128)"], [style*="color:#3ddc97" i], [style*="color: #3ddc97" i], [style^="color: rgb(61, 220, 151)"], [style*="; color: rgb(61, 220, 151)"], [style*="color:#37d67a" i], [style*="color: #37d67a" i], [style^="color: rgb(55, 214, 122)"], [style*="; color: rgb(55, 214, 122)"], [style*="color:#26d07c" i], [style*="color: #26d07c" i], [style^="color: rgb(38, 208, 124)"], [style*="; color: rgb(38, 208, 124)"], [style*="color:#22c55e" i], [style*="color: #22c55e" i], [style^="color: rgb(34, 197, 94)"], [style*="; color: rgb(34, 197, 94)"], [style*="color:#12b76a" i], [style*="color: #12b76a" i], [style^="color: rgb(18, 183, 106)"], [style*="; color: rgb(18, 183, 106)"], [style*="color:#8fe7bf" i], [style*="color: #8fe7bf" i], [style^="color: rgb(143, 231, 191)"], [style*="; color: rgb(143, 231, 191)"], [style*="color:#51d8a0" i], [style*="color: #51d8a0" i], [style^="color: rgb(81, 216, 160)"], [style*="; color: rgb(81, 216, 160)"], [style*="color:#34d399" i], [style*="color: #34d399" i], [style^="color: rgb(52, 211, 153)"], [style*="; color: rgb(52, 211, 153)"]),
html[data-ui="v2"][data-theme="light"] body.dropos-workspace:has(> #app.on) > :not(#app, #loginWrap, #orderModalBg, #prodModalBg, #msCreateBg, #dwAppearance, #gwTestOv, #cfgPalOv, #afOv, .gateway-credential-modal, .pt-dialog) :is([style*="color:#4ade80" i], [style*="color: #4ade80" i], [style^="color: rgb(74, 222, 128)"], [style*="; color: rgb(74, 222, 128)"], [style*="color:#3ddc97" i], [style*="color: #3ddc97" i], [style^="color: rgb(61, 220, 151)"], [style*="; color: rgb(61, 220, 151)"], [style*="color:#37d67a" i], [style*="color: #37d67a" i], [style^="color: rgb(55, 214, 122)"], [style*="; color: rgb(55, 214, 122)"], [style*="color:#26d07c" i], [style*="color: #26d07c" i], [style^="color: rgb(38, 208, 124)"], [style*="; color: rgb(38, 208, 124)"], [style*="color:#22c55e" i], [style*="color: #22c55e" i], [style^="color: rgb(34, 197, 94)"], [style*="; color: rgb(34, 197, 94)"], [style*="color:#12b76a" i], [style*="color: #12b76a" i], [style^="color: rgb(18, 183, 106)"], [style*="; color: rgb(18, 183, 106)"], [style*="color:#8fe7bf" i], [style*="color: #8fe7bf" i], [style^="color: rgb(143, 231, 191)"], [style*="; color: rgb(143, 231, 191)"], [style*="color:#51d8a0" i], [style*="color: #51d8a0" i], [style^="color: rgb(81, 216, 160)"], [style*="; color: rgb(81, 216, 160)"], [style*="color:#34d399" i], [style*="color: #34d399" i], [style^="color: rgb(52, 211, 153)"], [style*="; color: rgb(52, 211, 153)"]),
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#overviewView, #funilView, #productsView, #ordersView, #relatoriosView, #adquirentesView, #rastreioView, #customersView, #leadsView, #recuperacaoView, #remarketingView, #storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is([style*="color:#4ade80" i], [style*="color: #4ade80" i], [style^="color: rgb(74, 222, 128)"], [style*="; color: rgb(74, 222, 128)"], [style*="color:#3ddc97" i], [style*="color: #3ddc97" i], [style^="color: rgb(61, 220, 151)"], [style*="; color: rgb(61, 220, 151)"], [style*="color:#37d67a" i], [style*="color: #37d67a" i], [style^="color: rgb(55, 214, 122)"], [style*="; color: rgb(55, 214, 122)"], [style*="color:#26d07c" i], [style*="color: #26d07c" i], [style^="color: rgb(38, 208, 124)"], [style*="; color: rgb(38, 208, 124)"], [style*="color:#22c55e" i], [style*="color: #22c55e" i], [style^="color: rgb(34, 197, 94)"], [style*="; color: rgb(34, 197, 94)"], [style*="color:#12b76a" i], [style*="color: #12b76a" i], [style^="color: rgb(18, 183, 106)"], [style*="; color: rgb(18, 183, 106)"], [style*="color:#8fe7bf" i], [style*="color: #8fe7bf" i], [style^="color: rgb(143, 231, 191)"], [style*="; color: rgb(143, 231, 191)"], [style*="color:#51d8a0" i], [style*="color: #51d8a0" i], [style^="color: rgb(81, 216, 160)"], [style*="; color: rgb(81, 216, 160)"], [style*="color:#34d399" i], [style*="color: #34d399" i], [style^="color: rgb(52, 211, 153)"], [style*="; color: rgb(52, 211, 153)"]) { color: hsl(var(--v2-success)) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is([style*="color:#fbbf24" i], [style*="color: #fbbf24" i], [style^="color: rgb(251, 191, 36)"], [style*="; color: rgb(251, 191, 36)"], [style*="color:#ffc53d" i], [style*="color: #ffc53d" i], [style^="color: rgb(255, 197, 61)"], [style*="; color: rgb(255, 197, 61)"], [style*="color:#ffb020" i], [style*="color: #ffb020" i], [style^="color: rgb(255, 176, 32)"], [style*="; color: rgb(255, 176, 32)"], [style*="color:#f59e0b" i], [style*="color: #f59e0b" i], [style^="color: rgb(245, 158, 11)"], [style*="; color: rgb(245, 158, 11)"], [style*="color:#e0a33a" i], [style*="color: #e0a33a" i], [style^="color: rgb(224, 163, 58)"], [style*="; color: rgb(224, 163, 58)"], [style*="color:#efbc68" i], [style*="color: #efbc68" i], [style^="color: rgb(239, 188, 104)"], [style*="; color: rgb(239, 188, 104)"], [style*="color:#f9b11f" i], [style*="color: #f9b11f" i], [style^="color: rgb(249, 177, 31)"], [style*="; color: rgb(249, 177, 31)"]),
html[data-ui="v2"][data-theme="light"] body.dropos-workspace:has(> #app.on) > :not(#app, #loginWrap, #orderModalBg, #prodModalBg, #msCreateBg, #dwAppearance, #gwTestOv, #cfgPalOv, #afOv, .gateway-credential-modal, .pt-dialog) :is([style*="color:#fbbf24" i], [style*="color: #fbbf24" i], [style^="color: rgb(251, 191, 36)"], [style*="; color: rgb(251, 191, 36)"], [style*="color:#ffc53d" i], [style*="color: #ffc53d" i], [style^="color: rgb(255, 197, 61)"], [style*="; color: rgb(255, 197, 61)"], [style*="color:#ffb020" i], [style*="color: #ffb020" i], [style^="color: rgb(255, 176, 32)"], [style*="; color: rgb(255, 176, 32)"], [style*="color:#f59e0b" i], [style*="color: #f59e0b" i], [style^="color: rgb(245, 158, 11)"], [style*="; color: rgb(245, 158, 11)"], [style*="color:#e0a33a" i], [style*="color: #e0a33a" i], [style^="color: rgb(224, 163, 58)"], [style*="; color: rgb(224, 163, 58)"], [style*="color:#efbc68" i], [style*="color: #efbc68" i], [style^="color: rgb(239, 188, 104)"], [style*="; color: rgb(239, 188, 104)"], [style*="color:#f9b11f" i], [style*="color: #f9b11f" i], [style^="color: rgb(249, 177, 31)"], [style*="; color: rgb(249, 177, 31)"]),
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#overviewView, #funilView, #productsView, #ordersView, #relatoriosView, #adquirentesView, #rastreioView, #customersView, #leadsView, #recuperacaoView, #remarketingView, #storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is([style*="color:#fbbf24" i], [style*="color: #fbbf24" i], [style^="color: rgb(251, 191, 36)"], [style*="; color: rgb(251, 191, 36)"], [style*="color:#ffc53d" i], [style*="color: #ffc53d" i], [style^="color: rgb(255, 197, 61)"], [style*="; color: rgb(255, 197, 61)"], [style*="color:#ffb020" i], [style*="color: #ffb020" i], [style^="color: rgb(255, 176, 32)"], [style*="; color: rgb(255, 176, 32)"], [style*="color:#f59e0b" i], [style*="color: #f59e0b" i], [style^="color: rgb(245, 158, 11)"], [style*="; color: rgb(245, 158, 11)"], [style*="color:#e0a33a" i], [style*="color: #e0a33a" i], [style^="color: rgb(224, 163, 58)"], [style*="; color: rgb(224, 163, 58)"], [style*="color:#efbc68" i], [style*="color: #efbc68" i], [style^="color: rgb(239, 188, 104)"], [style*="; color: rgb(239, 188, 104)"], [style*="color:#f9b11f" i], [style*="color: #f9b11f" i], [style^="color: rgb(249, 177, 31)"], [style*="; color: rgb(249, 177, 31)"]) { color: hsl(var(--v2-warning)) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is([style*="color:#fca5a5" i], [style*="color: #fca5a5" i], [style^="color: rgb(252, 165, 165)"], [style*="; color: rgb(252, 165, 165)"], [style*="color:#ff8d99" i], [style*="color: #ff8d99" i], [style^="color: rgb(255, 141, 153)"], [style*="; color: rgb(255, 141, 153)"], [style*="color:#ff8b8b" i], [style*="color: #ff8b8b" i], [style^="color: rgb(255, 139, 139)"], [style*="; color: rgb(255, 139, 139)"], [style*="color:#f87171" i], [style*="color: #f87171" i], [style^="color: rgb(248, 113, 113)"], [style*="; color: rgb(248, 113, 113)"], [style*="color:#ff6b6b" i], [style*="color: #ff6b6b" i], [style^="color: rgb(255, 107, 107)"], [style*="; color: rgb(255, 107, 107)"], [style*="color:#c98" i], [style*="color: #c98" i], [style^="color: rgb(204, 153, 136)"], [style*="; color: rgb(204, 153, 136)"], [style*="color:#ff6274" i], [style*="color: #ff6274" i], [style^="color: rgb(255, 98, 116)"], [style*="; color: rgb(255, 98, 116)"], [style*="color:#ff9aaf" i], [style*="color: #ff9aaf" i], [style^="color: rgb(255, 154, 175)"], [style*="; color: rgb(255, 154, 175)"]),
html[data-ui="v2"][data-theme="light"] body.dropos-workspace:has(> #app.on) > :not(#app, #loginWrap, #orderModalBg, #prodModalBg, #msCreateBg, #dwAppearance, #gwTestOv, #cfgPalOv, #afOv, .gateway-credential-modal, .pt-dialog) :is([style*="color:#fca5a5" i], [style*="color: #fca5a5" i], [style^="color: rgb(252, 165, 165)"], [style*="; color: rgb(252, 165, 165)"], [style*="color:#ff8d99" i], [style*="color: #ff8d99" i], [style^="color: rgb(255, 141, 153)"], [style*="; color: rgb(255, 141, 153)"], [style*="color:#ff8b8b" i], [style*="color: #ff8b8b" i], [style^="color: rgb(255, 139, 139)"], [style*="; color: rgb(255, 139, 139)"], [style*="color:#f87171" i], [style*="color: #f87171" i], [style^="color: rgb(248, 113, 113)"], [style*="; color: rgb(248, 113, 113)"], [style*="color:#ff6b6b" i], [style*="color: #ff6b6b" i], [style^="color: rgb(255, 107, 107)"], [style*="; color: rgb(255, 107, 107)"], [style*="color:#c98" i], [style*="color: #c98" i], [style^="color: rgb(204, 153, 136)"], [style*="; color: rgb(204, 153, 136)"], [style*="color:#ff6274" i], [style*="color: #ff6274" i], [style^="color: rgb(255, 98, 116)"], [style*="; color: rgb(255, 98, 116)"], [style*="color:#ff9aaf" i], [style*="color: #ff9aaf" i], [style^="color: rgb(255, 154, 175)"], [style*="; color: rgb(255, 154, 175)"]),
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#overviewView, #funilView, #productsView, #ordersView, #relatoriosView, #adquirentesView, #rastreioView, #customersView, #leadsView, #recuperacaoView, #remarketingView, #storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is([style*="color:#fca5a5" i], [style*="color: #fca5a5" i], [style^="color: rgb(252, 165, 165)"], [style*="; color: rgb(252, 165, 165)"], [style*="color:#ff8d99" i], [style*="color: #ff8d99" i], [style^="color: rgb(255, 141, 153)"], [style*="; color: rgb(255, 141, 153)"], [style*="color:#ff8b8b" i], [style*="color: #ff8b8b" i], [style^="color: rgb(255, 139, 139)"], [style*="; color: rgb(255, 139, 139)"], [style*="color:#f87171" i], [style*="color: #f87171" i], [style^="color: rgb(248, 113, 113)"], [style*="; color: rgb(248, 113, 113)"], [style*="color:#ff6b6b" i], [style*="color: #ff6b6b" i], [style^="color: rgb(255, 107, 107)"], [style*="; color: rgb(255, 107, 107)"], [style*="color:#c98" i], [style*="color: #c98" i], [style^="color: rgb(204, 153, 136)"], [style*="; color: rgb(204, 153, 136)"], [style*="color:#ff6274" i], [style*="color: #ff6274" i], [style^="color: rgb(255, 98, 116)"], [style*="; color: rgb(255, 98, 116)"], [style*="color:#ff9aaf" i], [style*="color: #ff9aaf" i], [style^="color: rgb(255, 154, 175)"], [style*="; color: rgb(255, 154, 175)"]) { color: hsl(var(--v2-primary-deep)) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is([style*="background:#141418" i], [style*="background: #141418" i], [style*="background-color:#141418" i], [style*="background-color: #141418" i], [style*="background:#1c1c22" i], [style*="background: #1c1c22" i], [style*="background-color:#1c1c22" i], [style*="background-color: #1c1c22" i], [style*="background:#15151d" i], [style*="background: #15151d" i], [style*="background-color:#15151d" i], [style*="background-color: #15151d" i], [style*="background:#111a28" i], [style*="background: #111a28" i], [style*="background-color:#111a28" i], [style*="background-color: #111a28" i], [style*="background:#0a0a0c" i], [style*="background: #0a0a0c" i], [style*="background-color:#0a0a0c" i], [style*="background-color: #0a0a0c" i], [style*="background:#1a1a20" i], [style*="background: #1a1a20" i], [style*="background-color:#1a1a20" i], [style*="background-color: #1a1a20" i], [style*="background:#0c0c11" i], [style*="background: #0c0c11" i], [style*="background-color:#0c0c11" i], [style*="background-color: #0c0c11" i], [style*="background:#16161c" i], [style*="background: #16161c" i], [style*="background-color:#16161c" i], [style*="background-color: #16161c" i], [style*="background:#1a1a22" i], [style*="background: #1a1a22" i], [style*="background-color:#1a1a22" i], [style*="background-color: #1a1a22" i], [style*="background:#101014" i], [style*="background: #101014" i], [style*="background-color:#101014" i], [style*="background-color: #101014" i], [style*="background:#17171d" i], [style*="background: #17171d" i], [style*="background-color:#17171d" i], [style*="background-color: #17171d" i], [style*="background:#0f0f15" i], [style*="background: #0f0f15" i], [style*="background-color:#0f0f15" i], [style*="background-color: #0f0f15" i], [style*="background:#0e0e11" i], [style*="background: #0e0e11" i], [style*="background-color:#0e0e11" i], [style*="background-color: #0e0e11" i], [style*="background:#13151b" i], [style*="background: #13151b" i], [style*="background-color:#13151b" i], [style*="background-color: #13151b" i], [style*="background:#191c23" i], [style*="background: #191c23" i], [style*="background-color:#191c23" i], [style*="background-color: #191c23" i], [style*="background:#14141a" i], [style*="background: #14141a" i], [style*="background-color:#14141a" i], [style*="background-color: #14141a" i], [style*="background:#0f0f14" i], [style*="background: #0f0f14" i], [style*="background-color:#0f0f14" i], [style*="background-color: #0f0f14" i], [style*="background:#1b1e26" i], [style*="background: #1b1e26" i], [style*="background-color:#1b1e26" i], [style*="background-color: #1b1e26" i], [style*="background:#0e1015" i], [style*="background: #0e1015" i], [style*="background-color:#0e1015" i], [style*="background-color: #0e1015" i], [style*="linear-gradient(180deg,#0b1524,#0a1120)" i]),
html[data-ui="v2"][data-theme="light"] body.dropos-workspace:has(> #app.on) > :not(#app, #loginWrap, #orderModalBg, #prodModalBg, #msCreateBg, #dwAppearance, #gwTestOv, #cfgPalOv, #afOv, .gateway-credential-modal, .pt-dialog) :is([style*="background:#141418" i], [style*="background: #141418" i], [style*="background-color:#141418" i], [style*="background-color: #141418" i], [style*="background:#1c1c22" i], [style*="background: #1c1c22" i], [style*="background-color:#1c1c22" i], [style*="background-color: #1c1c22" i], [style*="background:#15151d" i], [style*="background: #15151d" i], [style*="background-color:#15151d" i], [style*="background-color: #15151d" i], [style*="background:#111a28" i], [style*="background: #111a28" i], [style*="background-color:#111a28" i], [style*="background-color: #111a28" i], [style*="background:#0a0a0c" i], [style*="background: #0a0a0c" i], [style*="background-color:#0a0a0c" i], [style*="background-color: #0a0a0c" i], [style*="background:#1a1a20" i], [style*="background: #1a1a20" i], [style*="background-color:#1a1a20" i], [style*="background-color: #1a1a20" i], [style*="background:#0c0c11" i], [style*="background: #0c0c11" i], [style*="background-color:#0c0c11" i], [style*="background-color: #0c0c11" i], [style*="background:#16161c" i], [style*="background: #16161c" i], [style*="background-color:#16161c" i], [style*="background-color: #16161c" i], [style*="background:#1a1a22" i], [style*="background: #1a1a22" i], [style*="background-color:#1a1a22" i], [style*="background-color: #1a1a22" i], [style*="background:#101014" i], [style*="background: #101014" i], [style*="background-color:#101014" i], [style*="background-color: #101014" i], [style*="background:#17171d" i], [style*="background: #17171d" i], [style*="background-color:#17171d" i], [style*="background-color: #17171d" i], [style*="background:#0f0f15" i], [style*="background: #0f0f15" i], [style*="background-color:#0f0f15" i], [style*="background-color: #0f0f15" i], [style*="background:#0e0e11" i], [style*="background: #0e0e11" i], [style*="background-color:#0e0e11" i], [style*="background-color: #0e0e11" i], [style*="background:#13151b" i], [style*="background: #13151b" i], [style*="background-color:#13151b" i], [style*="background-color: #13151b" i], [style*="background:#191c23" i], [style*="background: #191c23" i], [style*="background-color:#191c23" i], [style*="background-color: #191c23" i], [style*="background:#14141a" i], [style*="background: #14141a" i], [style*="background-color:#14141a" i], [style*="background-color: #14141a" i], [style*="background:#0f0f14" i], [style*="background: #0f0f14" i], [style*="background-color:#0f0f14" i], [style*="background-color: #0f0f14" i], [style*="background:#1b1e26" i], [style*="background: #1b1e26" i], [style*="background-color:#1b1e26" i], [style*="background-color: #1b1e26" i], [style*="background:#0e1015" i], [style*="background: #0e1015" i], [style*="background-color:#0e1015" i], [style*="background-color: #0e1015" i], [style*="linear-gradient(180deg,#0b1524,#0a1120)" i]) { background: hsl(var(--v2-card)) !important; border-color: hsl(var(--v2-border)) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#cardView, #extensoesView, #setupView) :is([style*="border:1px solid #17324d" i], [style*="border: 1px solid #17324d" i], [style*="border:1px solid #24344a" i], [style*="border: 1px solid #24344a" i], [style*="border:1px solid #26262e" i], [style*="border: 1px solid #26262e" i], [style*="border:1px solid #2c2c35" i], [style*="border: 1px solid #2c2c35" i], [style*="border:1px solid #2a2a33" i], [style*="border: 1px solid #2a2a33" i], [style*="border:1px solid #33333d" i], [style*="border: 1px solid #33333d" i], [style*="border:1px solid #272a32" i], [style*="border: 1px solid #272a32" i], [style*="border:1px solid #343944" i], [style*="border: 1px solid #343944" i]),
html[data-ui="v2"][data-theme="light"] body.dropos-workspace:has(> #app.on) > :not(#app, #loginWrap, #orderModalBg, #prodModalBg, #msCreateBg, #dwAppearance, #gwTestOv, #cfgPalOv, #afOv, .gateway-credential-modal, .pt-dialog) :is([style*="border:1px solid #17324d" i], [style*="border: 1px solid #17324d" i], [style*="border:1px solid #24344a" i], [style*="border: 1px solid #24344a" i], [style*="border:1px solid #26262e" i], [style*="border: 1px solid #26262e" i], [style*="border:1px solid #2c2c35" i], [style*="border: 1px solid #2c2c35" i], [style*="border:1px solid #2a2a33" i], [style*="border: 1px solid #2a2a33" i], [style*="border:1px solid #33333d" i], [style*="border: 1px solid #33333d" i], [style*="border:1px solid #272a32" i], [style*="border: 1px solid #272a32" i], [style*="border:1px solid #343944" i], [style*="border: 1px solid #343944" i]) { border-color: hsl(var(--v2-border)) !important; }

/* ======================================================================================================
   Correção de contraste 13/10 (detector v3) — bloco anexado ao fim da shell.css v4
   ====================================================================================================== */
/* Busca do topo (claro): texto "Buscar configuração…" em muted-foreground/.6 dava 2,5:1 */
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app .main-top #cfgSearchBtn,
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app .main-top #cfgSearchBtn:hover { color: hsl(var(--v2-muted-foreground)) !important; }
/* Extensões (claro e escuro): botões verdes com texto branco sobre #1fbf6b (2,4:1) -> sucesso do tema + texto de contraste do tema */
html[data-ui="v2"] body.dropos-workspace #app #extensoesView :is(a, button)[style*="background:linear-gradient(180deg,#1fbf6b,#12924f)"] { background: hsl(var(--v2-success)) !important; color: hsl(var(--v2-success-foreground)) !important; }