/* PDA ERP — Tema (paleta roxo/rosa). Nomes de variáveis mantidos p/ compatibilidade. */
:root{
  /* "green" = ROXO primário (botões, destaques, dados) */
  --br-green:#6366f1; --br-green-dark:#4f46e5; --br-green-soft:#eef0fb;
  /* "yellow" = ROSA (realces, badges) */
  --br-yellow:#f9c6db; --br-yellow-dark:#ec4899;
  /* "blue" = ÍNDIGO (sidebar, títulos, KPI) */
  --br-blue:#4338ca; --br-blue-light:#7c6cf0; --white:#FFFFFF;
  --gray-50:#f5f5fc; --gray-100:#edeef7; --gray-300:#cdd0e6;
  --gray-500:#6b7086; --gray-800:#26263a;
  /* Status (semânticos, mantidos legíveis) */
  --success:#22c55e; --warning:#f59e0b; --danger:#ef4444; --info:var(--br-blue-light);
}
body{ background:var(--gray-50); color:var(--gray-800); }

/* Sidebar — gradiente índigo→roxo (como o topo da referência) */
.pda-sidebar{ background:linear-gradient(180deg,#4f46e5 0%,#6d5ef0 60%,#7c6cf0 100%); color:#fff; min-height:100vh; }
.pda-sidebar a{ color:rgba(255,255,255,.82); border-radius:8px; }
.pda-sidebar a:hover{ color:#fff; background:rgba(255,255,255,.10); }
.pda-sidebar .active{ color:#fff; background:rgba(255,255,255,.16); border-left:4px solid var(--br-yellow); }

/* Botões */
.btn-primary{ background:var(--br-green); border-color:var(--br-green); }
.btn-primary:hover,.btn-primary:focus{ background:var(--br-green-dark); border-color:var(--br-green-dark); }
.btn-outline-primary{ color:var(--br-green); border-color:var(--br-green); }
.btn-outline-primary:hover{ background:var(--br-green); border-color:var(--br-green); }

/* Cards */
.pda-card{ background:#fff; border-radius:16px; box-shadow:0 6px 20px rgba(79,70,229,.08); padding:20px; }

/* KPIs */
.pda-kpi{ font-size:2rem; font-weight:700; color:var(--br-blue); }
.pda-kpi--up{ color:var(--success); } .pda-kpi--down{ color:var(--danger); }
.pda-badge{ background:var(--br-yellow); color:#8a1a4c; border-radius:999px; padding:2px 10px; font-weight:600; }

/* Match / fit — mantém semáforo legível */
.fit-alto{ color:var(--success); } .fit-medio{ color:var(--warning); } .fit-baixo{ color:var(--danger); }

/* ===== Dashboard ===== */
.dash-hero{
  background:linear-gradient(120deg,#4f46e5 0%,#6d5ef0 55%,#a855f7 120%);
  color:#fff; border-radius:18px; padding:26px 30px; margin-bottom:20px;
  box-shadow:0 12px 32px rgba(99,102,241,.30); position:relative; overflow:hidden;
}
.dash-hero::after{ content:""; position:absolute; right:-40px; top:-40px; width:220px; height:220px;
  background:radial-gradient(circle,rgba(244,114,182,.35),transparent 70%); }
.dash-hero h1{ font-size:1.6rem; font-weight:700; margin:0; }
.dash-hero .sub{ opacity:.85; margin-top:4px; }
.dash-hero .hero-eco{ font-size:2.2rem; font-weight:800; color:#fff; }
.dash-hero .hero-eco small{ font-size:.85rem; font-weight:500; opacity:.8; }

.stat{
  background:#fff; border-radius:14px; padding:18px 18px 16px; position:relative;
  box-shadow:0 4px 16px rgba(0,0,0,.06); border-left:5px solid var(--br-blue);
  transition:transform .15s ease, box-shadow .15s ease; height:100%;
}
.stat:hover{ transform:translateY(-3px); box-shadow:0 10px 24px rgba(0,0,0,.10); }
.stat .ico{ position:absolute; right:16px; top:14px; font-size:1.5rem; opacity:.25; }
.stat .lbl{ color:var(--gray-500); font-size:.8rem; text-transform:uppercase; letter-spacing:.03em; }
.stat .num{ font-size:1.9rem; font-weight:800; color:var(--gray-800); line-height:1.1; margin-top:2px; }
.stat.green{ border-color:var(--br-green);} .stat.green .num{ color:var(--br-green);}
.stat.blue{ border-color:var(--br-blue-light);} .stat.blue .num{ color:var(--br-blue);}
.stat.yellow{ border-color:var(--br-yellow-dark);} .stat.yellow .num{ color:var(--br-yellow-dark);}
.stat.dark{ border-color:var(--br-blue);} .stat.dark .num{ color:var(--br-blue);}

.dash-panel{ background:#fff; border-radius:14px; padding:18px 20px; box-shadow:0 4px 16px rgba(0,0,0,.06); height:100%; }
.dash-panel h2{ font-size:1rem; color:var(--br-blue); font-weight:700; margin:0 0 14px; }
.mini-avatar{ width:34px;height:34px;border-radius:50%;background:var(--br-blue);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem; }