/**
 * GestorPec CRM — utilitários de tema sobre Tailwind CDN
 */

/* Cards / superfícies */
.gp-card {
  background: var(--paper-panel);
  border: 1px solid var(--line);
  border-radius: var(--radius-l);
  box-shadow: var(--shadow-sm);
}

.gp-card-elevated {
  background: var(--paper-panel);
  border: 1px solid var(--line);
  border-radius: var(--radius-l);
  box-shadow: var(--shadow-tile);
}

/* Navbar */
.gp-nav {
  background: linear-gradient(135deg, var(--forest-deep) 0%, var(--forest) 55%, var(--forest-deeper) 100%);
  color: var(--on-forest);
  box-shadow: var(--shadow-md);
}

.gp-nav .tab-btn.active,
.gp-nav .tab-btn[data-active="true"] {
  background: var(--paper-panel);
  color: var(--forest-deep);
}

/* Botões primários */
.gp-btn-primary {
  background: var(--cta-primary);
  color: var(--on-forest);
  font-weight: 600;
  border-radius: var(--radius-s);
  transition: background 0.2s ease, box-shadow 0.2s ease;
}
.gp-btn-primary:hover {
  background: var(--forest-deep);
  box-shadow: var(--shadow-sm);
}

/* Login — sempre tema claro cerrado */
#login-screen {
  background:
    radial-gradient(ellipse 80% 60% at 20% 10%, rgba(223, 169, 66, 0.18), transparent 55%),
    radial-gradient(ellipse 70% 50% at 90% 80%, rgba(34, 107, 64, 0.14), transparent 50%),
    var(--paper) !important;
}
#login-screen .gp-login-card {
  background: var(--paper-panel);
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-instrument);
}
#login-screen .gp-login-mark {
  background: var(--forest-soft);
  color: var(--forest);
}

/* Inputs foco forest */
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--forest) !important;
  box-shadow: 0 0 0 3px var(--focus-ring);
}

/* Status badges */
.status-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3px;
}

/* Cards de conteúdo padrão */
.bg-white {
  /* reforça painel paper onde Tailwind usa white puro */
}

/* Tables */
table thead th {
  letter-spacing: -0.02em;
}

/* Scrollbar sutil */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--paper-sunk); }
::-webkit-scrollbar-thumb { background: var(--line-strong); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: var(--ink-faint); }

/* Chart.js defaults via CSS vars (JS may read) */
:root {
  --chart-forest: #226B40;
  --chart-ochre: #DFA942;
  --chart-soft: #E7F0E9;
}