/* ===== Tema claro Zeplay Store - paginas do Atendente IA (onboarding) ===== */
:root {
    --bg: #fffaf6;
    --surface: #ffffff;
    --surface-card: #ffffff;
    --surface-input: #fff7f1;
    --surface-hover: #ffede0;
    --border: #eddccf;
    --primary: #ff6a00;
    --primary-dark: #e55a00;
    --primary-glow: rgba(255, 106, 0, 0.25);
    --brand-orange: #ff6a00;
    --text: #2a2d34;
    --text-muted: #5d636d;
    --text-subtle: #6b7280;
    --danger: #dc2626;
}

body { background: var(--bg); color: var(--text); }

/* Cabecalho e logomarca */
.logo-img { display: block; height: 34px; width: auto; }
.brand-box { display: flex; align-items: center; gap: 10px; }
.brand-title { color: var(--text); }

/* Botoes */
.btn-primary { background: linear-gradient(135deg, #e85d00 0%, #ff7a1a 100%); color: #ffffff; }
.btn-primary:hover { background: #c94f00; color: #ffffff; }
.btn-secondary { background: #ffffff; color: var(--text); border-color: var(--border); }
.btn-secondary:hover { background: var(--surface-hover); color: var(--text); }

/* Formularios */
.form-label { color: #3f434b; }
.form-input, .form-select, .form-textarea { background: var(--surface-input); color: var(--text); border-color: var(--border); }
.form-input:focus, .form-select:focus, .form-textarea:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(255, 106, 0, 0.15); }

/* Titulos, avisos e selos */
.card-title, .empresa-title { color: var(--text); }
.alert-success { color: #15803d; }
.alert-danger { color: #b91c1c; }
.badge-active { color: #15803d; }
.badge-inactive { color: #6b7280; }

/* Conversas e modelos (eram escuros) */
.empresa-slug, .template-bar { background: #fff7f1; }
.template-pill { background: #fff1e6; }
.bubble-user { background: #f1f3f5; color: var(--text); }
.bubble-bot { background: #fff0e4; color: #7a2e00; }
.slider { background-color: #d9cfc7; }

/* Cores escritas direto no HTML / no JavaScript do painel */
[style*="background: #090d16"], [style*="background:#090d16"] { background: #fff7f1 !important; }
[style*="#0c2217"] { background: #fff0e4 !important; color: var(--text) !important; }
[style*="#1e293b"] { background: #f1f3f5 !important; color: var(--text) !important; }
[style*="color: #fff;"], [style*="color: #fff "], [style*="color: #ffffff"] { color: var(--text) !important; }
[style*="color: #e5e7eb"], [style*="color: #d1d5db"], [style*="color: #9ca3af"] { color: var(--text-muted) !important; }
[style*="color: #fca5a5"], [style*="color: #f87171"] { color: #b91c1c !important; }
[style*="color: #4ade80"], [style*="color: #86efac"], [style*="color: #a7f3d0"] { color: #15803d !important; }
[style*="color: #34d399"] { color: #047857 !important; }
[style*="color: #facc15"] { color: #a16207 !important; }
[style*="color: #93c5fd"] { color: #2563eb !important; }

/* Cabecalho claro */
header { background: rgba(255, 255, 255, 0.94); border-bottom: 1px solid var(--border); }
.brand-badge { background: linear-gradient(135deg, #e85d00, #ff7a1a); color: #ffffff; }