/* ============================================================
   PLAYTECH ERP — Módulo PDV (Frente de Caixa) CSS
   Suporta temas: pdv-dark, aurora-light, aurora-dark, pdv-classic, gp-light
   ============================================================ */

/* ---- TEMA PDV DARK (Padrão) ---- */
:root, [data-theme="pdv-dark"] {
  --playtech-navy: #0c2340;
  --playtech-blue: #005aa9;
  --playtech-accent: #00a3e0;
  --playtech-dark: #071526;
  --playtech-green: #059669;
  --playtech-amber: #d97706;
  --playtech-red: #dc2626;

  --t-body-bg: #020617;
  --t-body-text: #f1f5f9;
  --t-header-bg: #0c2340;
  --t-header-bd: rgba(14, 116, 144, .35);
  --t-section-bg: #0f172a;
  --t-section-bd: #1e293b;
  --t-panel-bg: rgba(15, 23, 42, .9);
  --t-card-bg: #0f172a;
  --t-modal-surf: #0f172a;
  --t-modal-back: rgba(0, 0, 0, .8);
  --t-footer-bg: #0c2340;
  --t-footer-bd: rgba(14, 116, 144, .5);
  --t-font-body: 'Inter', sans-serif;
  --t-font-num: 'Chakra Petch', monospace;
  --t-shadow: 0 4px 24px rgba(0, 0, 0, .5);
}

/* ---- TEMA GP LIGHT (Tema ERP Padrão) ---- */
[data-theme="gp-light"] {
  --t-body-bg: #e9ecf7;
  --t-body-text: #161b3d;
  --t-header-bg: rgba(255, 255, 255, 0.85);
  --t-header-bd: rgba(74, 124, 240, 0.2);
  --t-section-bg: rgba(255, 255, 255, 0.9);
  --t-section-bd: rgba(26, 32, 74, 0.15);
  --t-panel-bg: rgba(255, 255, 255, 0.95);
  --t-card-bg: #ffffff;
  --t-modal-surf: #ffffff;
  --t-modal-back: rgba(22, 27, 61, 0.5);
  --t-footer-bg: #ffffff;
  --t-footer-bd: rgba(74, 124, 240, 0.2);
  --t-font-body: 'Manrope', system-ui, sans-serif;
  --t-font-num: 'Space Grotesk', sans-serif;
  --t-shadow: 0 10px 30px -12px rgba(22, 27, 61, 0.2);
}

/* ---- TEMA AURORA LIGHT ---- */
[data-theme="aurora-light"] {
  --t-body-bg: #e9ecf7;
  --t-body-text: #161b3d;
  --t-header-bg: rgba(255, 255, 255, .74);
  --t-header-bd: rgba(26, 32, 74, .09);
  --t-section-bg: rgba(255, 255, 255, .74);
  --t-section-bd: rgba(26, 32, 74, .09);
  --t-panel-bg: rgba(255, 255, 255, .74);
  --t-card-bg: rgba(255, 255, 255, .74);
  --t-modal-surf: rgba(255, 255, 255, .94);
  --t-modal-back: rgba(14, 17, 40, .42);
  --t-footer-bg: rgba(255, 255, 255, .74);
  --t-footer-bd: rgba(26, 32, 74, .09);
  --t-font-body: 'Manrope', system-ui, sans-serif;
  --t-font-num: 'Space Grotesk', sans-serif;
  --t-shadow: 0 10px 30px -12px rgba(22, 27, 61, .16);
}

/* ---- TEMA AURORA DARK ---- */
[data-theme="aurora-dark"] {
  --t-body-bg: #0d1024;
  --t-body-text: #eceffb;
  --t-header-bg: rgba(255, 255, 255, .055);
  --t-header-bd: rgba(255, 255, 255, .09);
  --t-section-bg: rgba(255, 255, 255, .055);
  --t-section-bd: rgba(255, 255, 255, .09);
  --t-panel-bg: rgba(255, 255, 255, .055);
  --t-card-bg: rgba(255, 255, 255, .055);
  --t-modal-surf: rgba(28, 33, 66, .92);
  --t-modal-back: rgba(14, 17, 40, .7);
  --t-footer-bg: rgba(28, 33, 66, .92);
  --t-footer-bd: rgba(255, 255, 255, .09);
  --t-font-body: 'Manrope', system-ui, sans-serif;
  --t-font-num: 'Space Grotesk', sans-serif;
  --t-shadow: 0 14px 34px -14px rgba(0, 0, 0, .6);
}

/* ---- TEMA PDV CLASSIC ---- */
[data-theme="pdv-classic"] {
  --t-body-bg: #d0d0d0;
  --t-body-text: #111111;
  --t-header-bg: #222222;
  --t-header-bd: #000000;
  --t-section-bg: #e8e8e8;
  --t-section-bd: #888888;
  --t-panel-bg: #e8e8e8;
  --t-card-bg: #e8e8e8;
  --t-modal-surf: #e8e8e8;
  --t-modal-back: rgba(0, 0, 0, .6);
  --t-footer-bg: #222222;
  --t-footer-bd: #000000;
  --t-font-body: 'Inter', sans-serif;
  --t-font-num: 'Chakra Petch', monospace;
  --t-shadow: none;
}

/* ---- UTILITÁRIOS E BOBINA TÉRMICA ---- */
.pdv-wrapper {
  font-family: var(--t-font-body, 'Inter', sans-serif);
  color: var(--t-body-text, #f1f5f9);
  background: var(--t-body-bg, #020617);
}

.pdv-wrapper .font-digital {
  font-family: var(--t-font-num, 'Chakra Petch', monospace);
}

.pdv-wrapper .font-receipt {
  font-family: 'JetBrains Mono', monospace;
}

.thermal-receipt {
  background: #fafaf7;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, .06), 0 4px 15px rgba(0, 0, 0, .3);
  background-image: radial-gradient(#e5e7eb 0.75px, transparent 0.75px);
  background-size: 10px 10px;
}

.cupom-scroll::-webkit-scrollbar {
  width: 5px;
}
.cupom-scroll::-webkit-scrollbar-track {
  background: #f1f5f9;
}
.cupom-scroll::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border-radius: 4px;
}

/* Suporte para modo expansível / tela cheia no ERP */
.pdv-fullscreen-toggle {
  cursor: pointer;
  transition: all 0.2s;
}

.pdv-fullscreen-toggle:hover {
  filter: brightness(1.2);
}