/**
 * Printou — temas dark / light (paleta: #121212, #8a2be2, #00bfff, #8cc63f)
 * Sobrepõe utilitários Tailwind comuns após o JIT do CDN.
 */

html[data-printou-theme="dark"] {
  color-scheme: dark;
}
html[data-printou-theme="light"] {
  color-scheme: light;
}

/* Evita scroll horizontal “fantasma” no mobile: 100vw inclui a barra de rolagem; filhos largos também podem empurrar o layout. */
html {
  overflow-x: hidden !important;
  max-width: 100%;
  width: 100%;
}
body {
  overflow-x: hidden !important;
  max-width: 100%;
  width: 100%;
}

/*
 * Scroll horizontal só dentro do bloco: largura explícita do scrollport ao pai.
 */
html[data-printou-theme] .overflow-x-auto {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overscroll-behavior-x: contain;
}

/* <details> costuma ser flex implícito no conteúdo; min-w-0 evita herdar o min-content da tabela filha. */
html[data-printou-theme] details {
  min-width: 0;
  max-width: 100%;
}

/* ---------- Dark (referência alinhada à marca) ---------- */
[data-printou-theme="dark"] {
  color-scheme: dark;
  --pt-page: #121212;
  --pt-page-elevated: #161616;
  --pt-surface: rgba(255, 255, 255, 0.05);
  --pt-surface-2: rgba(255, 255, 255, 0.08);
  --pt-border: rgba(255, 255, 255, 0.1);
  --pt-border-subtle: rgba(255, 255, 255, 0.06);
  --pt-text: #f5f5f5;
  --pt-text-muted: #a1a1b5;
  --pt-input-bg: rgba(18, 18, 18, 0.92);
  --pt-violet: #8a2be2;
  --pt-cyan: #00bfff;
  --pt-lime: #8cc63f;
}

/* ---------- Light ---------- */
[data-printou-theme="light"] {
  color-scheme: light;
  --pt-page: #f4f1fb;
  --pt-page-elevated: #faf8ff;
  --pt-surface: rgba(255, 255, 255, 0.92);
  --pt-surface-2: rgba(138, 43, 226, 0.06);
  --pt-border: rgba(138, 43, 226, 0.14);
  --pt-border-subtle: rgba(138, 43, 226, 0.08);
  --pt-text: #121212;
  --pt-text-muted: #4a4458;
  --pt-input-bg: #ffffff;
  --pt-violet: #7a24cc;
  --pt-cyan: #0099cc;
  --pt-lime: #6ba82e;
}

/* ----- Corpo e texto base ----- */
[data-printou-theme="light"] body.min-h-screen {
  background-color: var(--pt-page) !important;
  color: var(--pt-text) !important;
}

[data-printou-theme="dark"] body.min-h-screen {
  background-color: var(--pt-page) !important;
  color: var(--pt-text) !important;
}

[data-printou-theme="light"] .text-slate-50 { color: #0d0d12 !important; }
[data-printou-theme="light"] .hover\:text-white:hover { color: #5b21b6 !important; }
/* Corpo / cartões: texto mais escuro para WCAG em fundos claros */
[data-printou-theme="light"] .text-slate-100 { color: #121018 !important; }
[data-printou-theme="light"] .text-slate-200 { color: #1c1826 !important; }
[data-printou-theme="light"] .text-slate-300 { color: #2a2638 !important; }
[data-printou-theme="light"] .text-slate-400 { color: #3f3a4d !important; }
[data-printou-theme="light"] .text-slate-500 { color: #4a4458 !important; }

[data-printou-theme="light"] .text-indigo-300 { color: #6d28d9 !important; }
[data-printou-theme="light"] .text-indigo-400 { color: #5b21b6 !important; }
[data-printou-theme="light"] .hover\:text-indigo-300:hover { color: #6d28d9 !important; }
[data-printou-theme="light"] .text-indigo-200 { color: #4c1d95 !important; }
[data-printou-theme="light"] .text-indigo-100 { color: #312e81 !important; }
[data-printou-theme="light"] .text-indigo-50 { color: #4c1d95 !important; }
[data-printou-theme="light"] .hover\:text-indigo-50:hover { color: #4c1d95 !important; }

[data-printou-theme="light"] .text-emerald-200 { color: #065f46 !important; }
[data-printou-theme="light"] .text-emerald-300 { color: #047857 !important; }
[data-printou-theme="light"] .text-amber-200 { color: #92400e !important; }
[data-printou-theme="light"] .text-amber-300 { color: #b45309 !important; }
[data-printou-theme="light"] .text-amber-200\/95 { color: rgba(69, 26, 3, 0.95) !important; }
[data-printou-theme="light"] .text-amber-200\/90 { color: rgba(69, 26, 3, 0.92) !important; }
[data-printou-theme="light"] .text-amber-200\/80 { color: rgba(69, 26, 3, 0.84) !important; }
[data-printou-theme="light"] .text-amber-100\/95 { color: rgba(69, 26, 3, 0.92) !important; }
[data-printou-theme="light"] .text-amber-100\/90 { color: rgba(69, 26, 3, 0.90) !important; }
[data-printou-theme="light"] .text-amber-100 { color: #78350f !important; }
[data-printou-theme="light"] .text-amber-400 { color: #92400e !important; }
[data-printou-theme="light"] .text-rose-100,
[data-printou-theme="light"] .text-rose-200 { color: #881337 !important; }
[data-printou-theme="light"] .text-rose-50 { color: #881337 !important; }
[data-printou-theme="light"] .text-rose-50\/95 { color: rgba(136, 19, 55, 0.95) !important; }
[data-printou-theme="light"] .text-sky-100 { color: #082f45 !important; }
[data-printou-theme="light"] .text-sky-200 { color: #0a3d5c !important; }
[data-printou-theme="light"] .text-sky-200\/80,
[data-printou-theme="light"] .text-sky-200\/85 {
  color: rgba(8, 47, 69, 0.92) !important;
}
[data-printou-theme="light"] .text-rose-200\/85 {
  color: rgba(88, 15, 40, 0.92) !important;
}
[data-printou-theme="light"] .text-amber-200\/90 {
  color: rgba(92, 46, 14, 0.92) !important;
}
[data-printou-theme="light"] .text-amber-50 {
  color: #713f12 !important;
}
[data-printou-theme="light"] .text-violet-300 { color: #5b21b6 !important; }

/* ----- Fundos slate ----- */
[data-printou-theme="light"] .bg-slate-950 { background-color: var(--pt-page-elevated) !important; }
[data-printou-theme="light"] .bg-slate-950\/90 { background-color: rgba(250, 248, 255, 0.95) !important; }

/* Tailwind prefix md: (sidebar, etc.) — mesmas regras que sem prefixo */
@media (min-width: 768px) {
  [data-printou-theme="light"] .md\:bg-slate-950 {
    background-color: var(--pt-page-elevated) !important;
  }
  [data-printou-theme="light"] .md\:bg-slate-950\/90 {
    background-color: rgba(250, 248, 255, 0.96) !important;
  }
  [data-printou-theme="light"] .md\:bg-slate-950\/70 {
    background-color: rgba(40, 32, 58, 0.1) !important;
  }
  [data-printou-theme="light"] .md\:bg-slate-950\/40 {
    background-color: rgba(255, 255, 255, 0.88) !important;
  }
  [data-printou-theme="light"] .md\:bg-slate-950\/30 {
    background-color: rgba(138, 43, 226, 0.06) !important;
  }
  [data-printou-theme="light"] .md\:border-white\/5 {
    border-color: var(--pt-border-subtle) !important;
  }
  [data-printou-theme="light"] .md\:border-white\/10 {
    border-color: var(--pt-border) !important;
  }
}
[data-printou-theme="light"] .bg-slate-950\/70 { background-color: rgba(18, 18, 18, 0.35) !important; }
[data-printou-theme="light"] .bg-slate-950\/40 { background-color: rgba(255, 255, 255, 0.85) !important; }
[data-printou-theme="light"] .bg-slate-950\/30 { background-color: rgba(138, 43, 226, 0.06) !important; }
[data-printou-theme="light"] .bg-slate-950\/25 { background-color: rgba(138, 43, 226, 0.05) !important; }
[data-printou-theme="light"] .bg-slate-950\/20 { background-color: rgba(138, 43, 226, 0.04) !important; }
[data-printou-theme="light"] .bg-slate-900 { background-color: #ede9f7 !important; }
[data-printou-theme="light"] .bg-slate-900\/35 { background-color: rgba(237, 233, 247, 0.9) !important; }
[data-printou-theme="light"] .bg-slate-900\/55 { background-color: rgba(237, 233, 247, 0.95) !important; }
[data-printou-theme="light"] .bg-slate-900\/60 { background-color: rgba(220, 210, 245, 0.75) !important; }

[data-printou-theme="light"] .bg-white\/5 { background-color: rgba(138, 43, 226, 0.05) !important; }
[data-printou-theme="light"] .bg-white\/10 { background-color: rgba(138, 43, 226, 0.08) !important; }
[data-printou-theme="light"] .hover\:bg-white\/5:hover { background-color: rgba(138, 43, 226, 0.08) !important; }
[data-printou-theme="light"] .hover\:bg-white\/10:hover { background-color: rgba(138, 43, 226, 0.12) !important; }
[data-printou-theme="light"] .hover\:bg-white\/15:hover { background-color: rgba(138, 43, 226, 0.14) !important; }

/* ----- Bordas ----- */
[data-printou-theme="light"] .border-white\/5 { border-color: var(--pt-border-subtle) !important; }
[data-printou-theme="light"] .border-white\/10 { border-color: var(--pt-border) !important; }
[data-printou-theme="light"] .border-white\/20 { border-color: rgba(138, 43, 226, 0.22) !important; }
[data-printou-theme="light"] .divide-white\/5 > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--pt-border-subtle) !important;
}
[data-printou-theme="light"] .divide-white\/10 > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--pt-border) !important;
}

/* ----- Cartões / gradientes hero ----- */
[data-printou-theme="light"] .from-slate-950 {
  --tw-gradient-from: #faf8ff !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(250, 248, 255, 0)) !important;
}
[data-printou-theme="light"] .via-slate-950 {
  --tw-gradient-stops: var(--tw-gradient-from), #f3effb, var(--tw-gradient-to, rgba(243, 239, 251, 0)) !important;
}
[data-printou-theme="light"] .to-slate-900\/60 {
  --tw-gradient-to: rgba(237, 233, 247, 0.75) !important;
}

/* ----- Botão primário indigo → violeta marca ----- */
[data-printou-theme="light"] .bg-indigo-500 { background-color: #8a2be2 !important; }
[data-printou-theme="light"] .hover\:bg-indigo-400:hover { background-color: #7a24cc !important; }
[data-printou-theme="light"] .bg-indigo-500\/10 { background-color: rgba(138, 43, 226, 0.14) !important; }
[data-printou-theme="light"] .bg-indigo-500\/15 { background-color: rgba(138, 43, 226, 0.14) !important; }
[data-printou-theme="light"] .bg-indigo-500\/20 { background-color: rgba(138, 43, 226, 0.18) !important; }
[data-printou-theme="light"] .hover\:bg-indigo-500\/25:hover { background-color: rgba(138, 43, 226, 0.20) !important; }
[data-printou-theme="light"] .ring-indigo-500\/20,
[data-printou-theme="light"] .focus\:ring-indigo-500\/20:focus { --tw-ring-color: rgba(138, 43, 226, 0.25) !important; }
[data-printou-theme="light"] .focus\:ring-indigo-500\/30:focus { --tw-ring-color: rgba(138, 43, 226, 0.35) !important; }
[data-printou-theme="light"] .border-indigo-400\/40,
[data-printou-theme="light"] .focus\:border-indigo-400\/40:focus { border-color: rgba(138, 43, 226, 0.45) !important; }
[data-printou-theme="light"] .border-indigo-400\/35 { border-color: rgba(138, 43, 226, 0.35) !important; }

/* Badge "Cotação" (violet) no light: fundo/texto mais legíveis */
[data-printou-theme="light"] .border-violet-400\/35.bg-violet-500\/15.text-violet-200 {
  background-color: rgba(138, 43, 226, 0.12) !important;
  border-color: rgba(138, 43, 226, 0.30) !important;
  color: #3b176b !important;
}

/* Simulação (orders/show) usa classes rose com /95 e /15: reforçar contraste no light */
[data-printou-theme="light"] .text-rose-200\/95 { color: rgba(136, 19, 55, 0.95) !important; }
[data-printou-theme="light"] .text-rose-300\/95 { color: rgba(136, 19, 55, 0.92) !important; }
[data-printou-theme="light"] .text-rose-100\/95 { color: rgba(88, 15, 40, 0.95) !important; }
[data-printou-theme="light"] .text-rose-200\/60 { color: rgba(88, 15, 40, 0.78) !important; }
[data-printou-theme="light"] .text-rose-200\/70 { color: rgba(88, 15, 40, 0.85) !important; }
[data-printou-theme="light"] .border-rose-500\/15 { border-color: rgba(225, 29, 72, 0.18) !important; }
[data-printou-theme="light"] .ring-rose-500\/15 { --tw-ring-color: rgba(225, 29, 72, 0.16) !important; }
[data-printou-theme="light"] .bg-red-950\/35 { background-color: rgba(255, 228, 230, 0.72) !important; }

/* Simulação (orders/show) — coluna "Valor de venda" (emerald/teal) no light */
[data-printou-theme="light"] .text-emerald-100\/95 { color: rgba(6, 78, 59, 0.95) !important; }
[data-printou-theme="light"] .text-emerald-200\/65 { color: rgba(6, 78, 59, 0.82) !important; }
[data-printou-theme="light"] .text-emerald-200\/75 { color: rgba(6, 78, 59, 0.88) !important; }
[data-printou-theme="light"] .text-emerald-50 { color: #064e3b !important; }
[data-printou-theme="light"] .text-emerald-50\/95 { color: rgba(6, 78, 59, 0.95) !important; }
[data-printou-theme="light"] .text-teal-200\/95 { color: rgba(19, 78, 74, 0.92) !important; }
[data-printou-theme="light"] .text-orange-200\/95 { color: rgba(124, 45, 18, 0.95) !important; }

[data-printou-theme="light"] .bg-emerald-950\/40 { background-color: rgba(209, 250, 229, 0.78) !important; }
[data-printou-theme="light"] .bg-emerald-950\/25 { background-color: rgba(209, 250, 229, 0.72) !important; }
[data-printou-theme="light"] .bg-emerald-950\/15 { background-color: rgba(209, 250, 229, 0.62) !important; }
[data-printou-theme="light"] .bg-emerald-900\/35 { background-color: rgba(204, 251, 241, 0.70) !important; }
[data-printou-theme="light"] .hover\:bg-emerald-900\/55:hover { background-color: rgba(167, 243, 208, 0.78) !important; }

[data-printou-theme="dark"] .bg-indigo-500 { background-color: #8a2be2 !important; }
[data-printou-theme="dark"] .hover\:bg-indigo-400:hover { background-color: #9b4dff !important; }
[data-printou-theme="dark"] .hover\:bg-indigo-300:hover { background-color: #b47aff !important; }

/* ----- Estados emerald / rose / amber (alertas) ----- */
[data-printou-theme="light"] .border-emerald-400\/25 { border-color: rgba(140, 198, 63, 0.35) !important; }
[data-printou-theme="light"] .bg-emerald-500\/10 { background-color: rgba(140, 198, 63, 0.12) !important; }
[data-printou-theme="light"] .bg-emerald-500\/15 { background-color: rgba(140, 198, 63, 0.16) !important; }
[data-printou-theme="light"] .border-emerald-400\/30 { border-color: rgba(140, 198, 63, 0.4) !important; }
[data-printou-theme="light"] .border-emerald-400\/25.text-emerald-300,
[data-printou-theme="light"] .bg-emerald-500\/10.text-emerald-300 {
  color: #065f46 !important;
}

[data-printou-theme="light"] .border-rose-400\/20 { border-color: rgba(225, 29, 72, 0.25) !important; }
[data-printou-theme="light"] .bg-rose-400\/10 { background-color: rgba(225, 29, 72, 0.08) !important; }
[data-printou-theme="light"] .bg-rose-500\/10 { background-color: rgba(225, 29, 72, 0.08) !important; }
[data-printou-theme="light"] .bg-rose-500\/15 { background-color: rgba(225, 29, 72, 0.10) !important; }
[data-printou-theme="light"] .bg-rose-500\/20 { background-color: rgba(225, 29, 72, 0.12) !important; }
[data-printou-theme="light"] .bg-rose-500\/25 { background-color: rgba(225, 29, 72, 0.14) !important; }
[data-printou-theme="light"] .hover\:bg-rose-500\/25:hover { background-color: rgba(225, 29, 72, 0.14) !important; }
[data-printou-theme="light"] .hover\:text-rose-50:hover { color: #881337 !important; }

/* Switches/controles com bg-rose-600 em light: suavizar (sem texto) */
[data-printou-theme="light"] .bg-rose-600 { background-color: rgba(225, 29, 72, 0.75) !important; }

/* Containers escuros rose (simuladores) no light */
[data-printou-theme="light"] .bg-rose-950\/45 { background-color: rgba(255, 228, 230, 0.85) !important; }
[data-printou-theme="light"] .bg-rose-950\/50 { background-color: rgba(255, 228, 230, 0.88) !important; }
[data-printou-theme="light"] .hover\:bg-rose-900\/55:hover { background-color: rgba(254, 202, 202, 0.78) !important; }

[data-printou-theme="light"] .border-amber-500\/25 { border-color: rgba(217, 119, 6, 0.3) !important; }
[data-printou-theme="light"] .bg-amber-950\/35 { background-color: rgba(254, 243, 199, 0.6) !important; }
[data-printou-theme="light"] .bg-amber-950\/25 { background-color: rgba(254, 243, 199, 0.52) !important; }
[data-printou-theme="light"] .bg-amber-500\/10 { background-color: rgba(254, 243, 199, 0.75) !important; }
[data-printou-theme="light"] .bg-amber-500\/15 { background-color: rgba(254, 243, 199, 0.82) !important; }
[data-printou-theme="light"] .border-amber-400\/25 { border-color: rgba(217, 119, 6, 0.28) !important; }
[data-printou-theme="light"] .border-amber-400\/35 { border-color: rgba(217, 119, 6, 0.32) !important; }
[data-printou-theme="light"] .border-amber-400\/40 { border-color: rgba(217, 119, 6, 0.38) !important; }
[data-printou-theme="light"] .ring-amber-400\/20 { --tw-ring-color: rgba(217, 119, 6, 0.18) !important; }

/* Comparativo (orders/show) — garantir contraste dentro do card amber no light */
[data-printou-theme="light"] .bg-amber-950\/35,
[data-printou-theme="light"] .bg-amber-950\/25 {
  color: rgba(69, 26, 3, 0.92) !important;
}

/* Labels/valores que usam text-slate-* dentro do card amber (light) */
[data-printou-theme="light"] .bg-amber-950\/35 .text-slate-500,
[data-printou-theme="light"] .bg-amber-950\/25 .text-slate-500,
[data-printou-theme="light"] .bg-amber-950\/35 .text-slate-400,
[data-printou-theme="light"] .bg-amber-950\/25 .text-slate-400,
[data-printou-theme="light"] .bg-amber-950\/35 .text-slate-300,
[data-printou-theme="light"] .bg-amber-950\/25 .text-slate-300,
[data-printou-theme="light"] .bg-amber-950\/35 .text-slate-200,
[data-printou-theme="light"] .bg-amber-950\/25 .text-slate-200 {
  color: rgba(69, 26, 3, 0.88) !important;
}

[data-printou-theme="light"] .bg-amber-950\/35 dt,
[data-printou-theme="light"] .bg-amber-950\/25 dt {
  color: rgba(69, 26, 3, 0.78) !important;
}

[data-printou-theme="light"] .bg-amber-950\/35 dd,
[data-printou-theme="light"] .bg-amber-950\/25 dd {
  color: rgba(69, 26, 3, 0.92) !important;
}

/* Mesma ideia para os cards "simulados" quando NÃO estão em amber (ex.: emerald/rose) */
[data-printou-theme="light"] .bg-emerald-950\/25,
[data-printou-theme="light"] .bg-rose-950\/25 {
  color: rgba(18, 18, 18, 0.92) !important;
}

[data-printou-theme="light"] .bg-emerald-950\/25 .text-slate-500,
[data-printou-theme="light"] .bg-rose-950\/25 .text-slate-500,
[data-printou-theme="light"] .bg-emerald-950\/25 .text-slate-400,
[data-printou-theme="light"] .bg-rose-950\/25 .text-slate-400,
[data-printou-theme="light"] .bg-emerald-950\/25 .text-slate-300,
[data-printou-theme="light"] .bg-rose-950\/25 .text-slate-300,
[data-printou-theme="light"] .bg-emerald-950\/25 .text-slate-200,
[data-printou-theme="light"] .bg-rose-950\/25 .text-slate-200 {
  color: rgba(18, 18, 18, 0.80) !important;
}

[data-printou-theme="light"] .bg-emerald-950\/25 dt,
[data-printou-theme="light"] .bg-rose-950\/25 dt {
  color: rgba(18, 18, 18, 0.70) !important;
}

[data-printou-theme="light"] .bg-emerald-950\/25 dd,
[data-printou-theme="light"] .bg-rose-950\/25 dd {
  color: rgba(18, 18, 18, 0.92) !important;
}

/* ----- Sombras drawer ----- */
[data-printou-theme="light"] .shadow-black\/50 { --tw-shadow-color: rgba(90, 70, 120, 0.12) !important; }

/* ----- Checkbox ----- */
[data-printou-theme="light"] .bg-slate-950.text-indigo-500,
[data-printou-theme="light"] .border-white\/20.bg-slate-950 {
  background-color: #fff !important;
  border-color: var(--pt-border) !important;
}

/* ----- Campos (layout também aplica) ----- */
[data-printou-theme="light"] input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="image"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
[data-printou-theme="light"] select,
[data-printou-theme="light"] textarea {
  background-color: #ffffff !important;
  color: #121212 !important;
  border-color: rgba(138, 43, 226, 0.18) !important;
}

[data-printou-theme="light"] input::placeholder,
[data-printou-theme="light"] textarea::placeholder {
  color: rgba(18, 18, 18, 0.45) !important;
}

[data-printou-theme="light"] select option {
  background-color: #ffffff;
  color: #121212;
}

[data-printou-theme="dark"] input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="image"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
[data-printou-theme="dark"] select,
[data-printou-theme="dark"] textarea {
  background-color: var(--pt-input-bg) !important;
  color: var(--pt-text) !important;
}

[data-printou-theme="dark"] input::placeholder,
[data-printou-theme="dark"] textarea::placeholder {
  color: rgba(245, 245, 245, 0.45) !important;
}

[data-printou-theme="dark"] select option {
  background-color: #121212;
  color: #f5f5f5;
}

/* ----- Toggle tema (controlo próprio) ----- */
.pt-theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.2rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
}

[data-printou-theme="light"] .pt-theme-toggle {
  border-color: rgba(138, 43, 226, 0.2);
  background: rgba(255, 255, 255, 0.9);
}

.pt-theme-toggle button {
  border: none;
  background: transparent;
  font-weight: 600;
  cursor: pointer;
  color: rgb(148, 163, 184);
}

[data-printou-theme="dark"] .pt-theme-toggle button[data-pt-theme-btn="light"] {
  opacity: 0.55;
}

[data-printou-theme="light"] .pt-theme-toggle button[data-pt-theme-btn="dark"] {
  opacity: 0.55;
}

[data-printou-theme="dark"] .pt-theme-toggle button[data-pt-theme-btn="dark"] {
  background: rgba(138, 43, 226, 0.35);
  color: #f5f5f5;
}

[data-printou-theme="light"] .pt-theme-toggle button[data-pt-theme-btn="light"] {
  background: rgba(138, 43, 226, 0.15);
  color: #121212;
}

.pt-theme-toggle button:hover {
  background: rgba(0, 191, 255, 0.12);
  color: #e0f7ff;
}

[data-printou-theme="light"] .pt-theme-toggle button:hover {
  color: #5b21b6;
}

[data-printou-theme="light"] .bg-black\/40 { background-color: rgba(40, 32, 58, 0.25) !important; }
[data-printou-theme="light"] .bg-black\/50 { background-color: rgba(40, 32, 58, 0.32) !important; }
[data-printou-theme="light"] .bg-black\/60 { background-color: rgba(30, 22, 48, 0.38) !important; }

[data-printou-theme="light"] .ring-white\/10 { --tw-ring-color: rgba(138, 43, 226, 0.12) !important; }

[data-printou-theme="light"] .text-slate-600 { color: #575069 !important; }
[data-printou-theme="light"] .text-slate-700 { color: #433d52 !important; }

[data-printou-theme="light"] .border-slate-600\/35 {
  border-color: rgba(90, 82, 118, 0.28) !important;
}
[data-printou-theme="light"] .ring-slate-800\/40 {
  --tw-ring-color: rgba(100, 90, 130, 0.22) !important;
}

/* ----- Contraste light: CTAs violeta (texto branco, não slate-100 escuro) ----- */
[data-printou-theme="light"] a.bg-indigo-500.text-slate-100,
[data-printou-theme="light"] button.bg-indigo-500.text-slate-100 {
  color: #fafafa !important;
}

/* ----- Cartões métricas (gradiente sky/rose em fundo claro + texto legível) ----- */
[data-printou-theme="light"] .from-sky-950\/40 {
  --tw-gradient-from: rgba(224, 242, 254, 0.94) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 242, 254, 0)) !important;
}
[data-printou-theme="light"] .from-sky-950\/35 {
  --tw-gradient-from: rgba(224, 242, 254, 0.9) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 242, 254, 0)) !important;
}
[data-printou-theme="light"] .to-slate-900\/50 {
  --tw-gradient-to: rgba(243, 239, 251, 0.92) !important;
}
[data-printou-theme="light"] .hover\:from-sky-900\/50:hover {
  --tw-gradient-from: rgba(186, 230, 253, 0.95) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(186, 230, 253, 0)) !important;
}
[data-printou-theme="light"] .shadow-sky-950\/20 {
  --tw-shadow-color: rgba(56, 100, 130, 0.12) !important;
}

/* Timeline / estado «current» sky (fundo claro + texto escuro) */
[data-printou-theme="light"] .border-sky-400\/90.bg-sky-950\/55.text-sky-50 {
  background-color: rgba(224, 242, 254, 0.95) !important;
  color: #082f45 !important;
  border-color: rgba(14, 165, 233, 0.5) !important;
}
[data-printou-theme="light"] .shadow-sky-950\/30 {
  --tw-shadow-color: rgba(56, 100, 130, 0.15) !important;
}
[data-printou-theme="light"] .ring-sky-400\/50 {
  --tw-ring-color: rgba(14, 165, 233, 0.35) !important;
}
[data-printou-theme="light"] .bg-sky-950\/55 {
  background-color: rgba(224, 242, 254, 0.88) !important;
}

/* ----- Mais gradientes de cartões (dashboard, stock, pedidos) ----- */
[data-printou-theme="light"] .to-slate-900\/55 {
  --tw-gradient-to: rgba(243, 239, 251, 0.9) !important;
}
[data-printou-theme="light"] .from-emerald-950\/40,
[data-printou-theme="light"] .from-emerald-950\/45,
[data-printou-theme="light"] .from-emerald-950\/30,
[data-printou-theme="light"] .from-emerald-950\/35 {
  --tw-gradient-from: rgba(209, 250, 229, 0.92) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0)) !important;
}
[data-printou-theme="light"] .to-teal-950\/30 {
  --tw-gradient-to: rgba(204, 251, 241, 0.78) !important;
}
[data-printou-theme="light"] .from-indigo-950\/35,
[data-printou-theme="light"] .from-indigo-950\/25 {
  --tw-gradient-from: rgba(237, 233, 254, 0.92) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0)) !important;
}
[data-printou-theme="light"] .from-amber-950\/45,
[data-printou-theme="light"] .from-amber-950\/25,
[data-printou-theme="light"] .from-amber-950\/40 {
  --tw-gradient-from: rgba(254, 243, 199, 0.88) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
}
[data-printou-theme="light"] .hover\:from-amber-900\/30:hover {
  --tw-gradient-from: rgba(253, 230, 138, 0.9) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
}
[data-printou-theme="light"] .from-rose-950\/35,
[data-printou-theme="light"] .from-rose-950\/40,
[data-printou-theme="light"] .from-rose-950\/30 {
  --tw-gradient-from: rgba(255, 228, 230, 0.9) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 228, 230, 0)) !important;
}
[data-printou-theme="light"] .to-red-950\/30 {
  --tw-gradient-to: rgba(254, 202, 202, 0.72) !important;
}
[data-printou-theme="light"] .from-cyan-950\/35 {
  --tw-gradient-from: rgba(207, 250, 254, 0.9) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(207, 250, 254, 0)) !important;
}
[data-printou-theme="light"] .from-violet-950\/35 {
  --tw-gradient-from: rgba(237, 233, 254, 0.92) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0)) !important;
}
[data-printou-theme="light"] .shadow-rose-950\/25,
[data-printou-theme="light"] .shadow-emerald-950\/30,
[data-printou-theme="light"] .shadow-amber-950\/20 {
  --tw-shadow-color: rgba(55, 48, 70, 0.1) !important;
}

[data-printou-theme="light"] .text-emerald-100 { color: #064e3b !important; }
[data-printou-theme="light"] .text-emerald-200\/80,
[data-printou-theme="light"] .text-emerald-200\/90 {
  color: rgba(6, 78, 59, 0.9) !important;
}
[data-printou-theme="light"] .text-indigo-100 { color: #312e81 !important; }
[data-printou-theme="light"] .text-indigo-200\/80 {
  color: rgba(55, 48, 163, 0.88) !important;
}
[data-printou-theme="light"] .text-amber-100 { color: #78350f !important; }
[data-printou-theme="light"] .text-amber-200\/80 {
  color: rgba(120, 53, 15, 0.88) !important;
}

/* Badge "Pós processamento" (violet) — no light, evitar texto quase branco em fundo claro */
[data-printou-theme="light"] .border-violet-500\/50.bg-violet-500\/20.text-violet-100 {
  background-color: rgba(138, 43, 226, 0.12) !important;
  border-color: rgba(138, 43, 226, 0.32) !important;
  color: #3b176b !important;
}