/* Skin "nicho-petshop" do nicho MARCENARIA (Madeira Nobre): paleta e tipografia do layout aprovado em layouts/8c9cc7ec_Marcenaria-Madeira-Nobre
   (terracota #B5502B, madeira escura #211B17, fundo creme #FBF7F2, Plus Jakarta Sans). Mesmo nome de arquivo que header.php, login e cadastro
   carregam; nicho_aplicar.php só reescreve as variáveis do :root. Cores sempre pelas variáveis (nunca cor fixa solta). */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root {
  --nicho-primaria: #B5502B;
  --nicho-primaria-hover: #984224;
  --nicho-escuro: #211B17;
  --nicho-fundo: #FBF7F2;
  --nicho-texto: #2B2019;
  --nicho-suave: #6A5A4D;
  --nicho-borda: #E0D2C2;
}
/* o sistema deriva todos os destaques de --accent*: aqui eles passam a vir da paleta do nicho (e não da matiz) */
:root {
  --stark-accent: var(--nicho-primaria);
  --accent: var(--nicho-primaria);
  --accent-hover: var(--nicho-primaria-hover);
  --accent-text: var(--nicho-primaria-hover);
  --accent-solid: var(--nicho-primaria);
  --accent-soft: color-mix(in oklab, var(--nicho-primaria) 12%, #fff);
  --accent-ring: color-mix(in oklab, var(--nicho-primaria) 22%, transparent);
  --accent-gradient: linear-gradient(135deg, color-mix(in oklab, var(--nicho-primaria) 88%, #fff) 0%, var(--nicho-primaria) 100%);
  --accent-gradient-hover: linear-gradient(135deg, var(--nicho-primaria) 0%, var(--nicho-primaria-hover) 100%);
}
/* login, cadastro e recuperação */
body .auth-page { background: var(--nicho-fundo) !important; }
body .auth-card h1, body .auth-card label { color: var(--nicho-texto); font-family: 'Plus Jakarta Sans', 'Bricolage Grotesque', system-ui, sans-serif; }
body .auth-card p.subtitulo { color: var(--nicho-suave); }
body .auth-card input[type=text], body .auth-card input[type=email], body .auth-card input[type=password], body .auth-card input[type=tel], body .auth-card select { border-color: var(--nicho-borda); }
body .auth-card input:focus, body .auth-card select:focus { border-color: var(--nicho-primaria); box-shadow: 0 0 0 4px color-mix(in oklab, var(--nicho-primaria) 15%, transparent); }
body .auth-card .btn { background: var(--nicho-primaria) !important; box-shadow: 0 12px 28px color-mix(in oklab, var(--nicho-primaria) 28%, transparent) !important; }
body .auth-card .btn:hover { background: var(--nicho-primaria-hover) !important; }
body .auth-links a { color: var(--nicho-primaria-hover); }
body .auth-card .tabs-login button.ativo, body .auth-card [class*="tab"].active, body .auth-card [class*="tab"].ativo { background: var(--nicho-escuro) !important; color: #fff !important; }
/* painel (área interna) */
html body.stark-backend.stark-backend { font-family: 'Plus Jakarta Sans', Inter, system-ui, sans-serif; --stark-app-bg: var(--nicho-fundo); --stark-text: var(--nicho-texto); }
html body.stark-backend.stark-backend a:not(.btn):not([class*="nav"]) { color: var(--nicho-primaria-hover); }

html body.stark-backend.stark-backend .btn:not(.btn-secundario):hover { background: var(--nicho-primaria-hover); }
/* botões do painel (o painel.css antigo fixa um verde-água: troca pela cor do nicho) */
html body.stark-backend .app-shell .btn {
  color: #fff;
  border: 1px solid color-mix(in oklab, var(--nicho-primaria) 30%, transparent);
  background: linear-gradient(135deg, color-mix(in oklab, var(--nicho-primaria) 88%, #fff) 0%, var(--nicho-primaria) 100%);
  box-shadow: 0 10px 22px color-mix(in oklab, var(--nicho-primaria) 26%, transparent), inset 0 1px 0 rgba(255,255,255,.3);
}
html body.stark-backend .app-shell .btn:hover {
  color: #fff; filter: brightness(1.04);
  box-shadow: 0 14px 28px color-mix(in oklab, var(--nicho-primaria) 32%, transparent), inset 0 1px 0 rgba(255,255,255,.35);
}
html body.stark-backend .app-shell .btn-secundario {
  color: var(--nicho-texto); border: 1px solid var(--nicho-borda);
  background: linear-gradient(145deg, #fff, #eef2f8); box-shadow: 0 4px 12px rgba(15, 27, 45, .06);
}
html body.stark-backend .app-shell .btn-secundario:hover { color: var(--nicho-texto); filter: none; border-color: var(--nicho-primaria); }
html body.stark-backend input[type=checkbox], html body.stark-backend input[type=radio] { accent-color: var(--nicho-primaria); }

/* ---- marcenaria: cores de apoio do layout aprovado (selos, ícones, destaques) ---- */
:root {
  --nicho-secundaria: #1F6F7A;      /* azul-petróleo dos selos "visita técnica" */
  --nicho-terciaria: #7E8F36;       /* verde-oliva dos checks e do WhatsApp */
  --nicho-dourado: #E0A526;         /* dourado do ícone da marca */
  --nicho-primaria-suave: #F9E2D7;  /* fundo claro da terracota */
  --nicho-fundo-painel: #F8F3EC;    /* fundo da área interna no layout */
  --nicho-cartao: #FFFFFF;
  --nicho-borda-cartao: #EDE3D7;
}
/* login, cadastro e recuperação no desenho aprovado: cartão único centralizado sobre o fundo creme (sem a foto lateral do auth-v2) */
body .auth-page {
  display: flex !important; grid-template-columns: none; flex-direction: column; align-items: center; justify-content: flex-start;
  padding: clamp(28px, 5vw, 56px) 16px !important; min-height: 100vh;
  background: radial-gradient(45% 40% at 10% 15%, color-mix(in oklab, var(--nicho-primaria) 22%, #fff) 0%, transparent 70%),
              radial-gradient(40% 40% at 90% 85%, color-mix(in oklab, var(--nicho-terciaria) 22%, #fff) 0%, transparent 70%),
              radial-gradient(30% 30% at 85% 10%, color-mix(in oklab, var(--nicho-dourado) 22%, #fff) 0%, transparent 70%),
              var(--nicho-fundo) !important;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
}
body .auth-page::before, body .auth-page::after { content: none !important; display: none !important; }
body .auth-card {
  grid-column: auto; grid-row: auto; width: 100%; max-width: 440px; margin: 0 !important;
  padding: clamp(24px, 5vw, 36px) !important; background: var(--nicho-cartao) !important; border-radius: 28px;
  box-shadow: 0 30px 60px -30px color-mix(in oklab, var(--nicho-texto) 40%, transparent), 0 0 0 1px color-mix(in oklab, var(--nicho-borda) 55%, transparent) !important;
}
body .auth-card h1 { font-family: 'Plus Jakarta Sans', system-ui, sans-serif; font-size: 24px; font-weight: 800; letter-spacing: -.015em; text-align: center; color: var(--nicho-texto); }
body .auth-card p.subtitulo { text-align: center; color: var(--nicho-suave); font-size: 14.5px; margin-bottom: 20px; }
body .auth-card label { color: var(--nicho-texto); }
body .auth-card input[type=text], body .auth-card input[type=email], body .auth-card input[type=password], body .auth-card input[type=tel], body .auth-card select {
  min-height: 48px; border-radius: 12px; border: 1.5px solid var(--nicho-borda); font-size: 15px; color: var(--nicho-texto);
}
body .auth-card input:focus, body .auth-card select:focus { border-color: var(--nicho-primaria); box-shadow: 0 0 0 4px var(--nicho-primaria-suave); }
body .auth-card .btn { min-height: 52px; border-radius: 999px; font-size: 16px; font-weight: 700; box-shadow: 0 12px 24px -10px color-mix(in oklab, var(--nicho-primaria) 60%, transparent) !important; }
body .auth-links a { color: var(--nicho-primaria-hover); font-weight: 700; }
@media (max-width: 900px) { body .auth-page { grid-template-rows: none; } body .auth-card { width: 100%; margin: 0 !important; } }
/* painel: fundo creme do layout, títulos com peso 800 e letras levemente fechadas, cartões com borda quente */
html body.stark-backend.stark-backend { --stark-app-bg: var(--nicho-fundo-painel); }
html body.stark-backend h1, html body.stark-backend h2, html body.stark-backend h3 { font-family: 'Plus Jakarta Sans', Inter, system-ui, sans-serif; letter-spacing: -.015em; }
html body.stark-backend .painel-box, html body.stark-backend .crm-kpi { border-color: var(--nicho-borda-cartao); }