/* ========= THEME ========= */
:root{
  --bg:#0b0f17;           /* fundo geral */
  --surface:#0e1522;      /* barras / painéis */
  --card:#111a2c;         /* cartões */
  --card2:#1b2538;
  --text:#d0d3da;         /* texto padrão */
  --text-weak:#aeb5c0;    /* texto fraco */
  --accent:#22c55e;       /* verde Soluti */
  --accent-2:#16a34a;
  --border:#2a3750;
}

html,body{
  background:var(--bg);
  color:var(--text);
  font-family:"Segoe UI", Roboto, "Open Sans", system-ui, -apple-system, sans-serif;
}

/* ========= NAVBAR ========= */
.navbar-soluti{
  background:var(--surface);
  border-bottom:1px solid var(--border);
}
.navbar-brand{
  color:#fff !important;
  font-weight:800;
  letter-spacing:.2px;
}
.navbar-brand .accent{ color: var(--accent); }
.navbar-soluti .btn-outline-light{
  --bs-btn-color:#e5e7eb;
  --bs-btn-border-color:#9ba2af;
  --bs-btn-hover-color:#0b0f17;
  --bs-btn-hover-bg:#e5e7eb;
  --bs-btn-hover-border-color:#e5e7eb;
  border-radius:10px;
  font-weight:700;
}
.badge-user{
  background:#0f1a2b;
  color:#e5e7eb;
  border:1px solid var(--border);
  padding:.45rem .7rem;
  border-radius:999px;
  font-weight:700;
}

/* ========= CONTAINERS ========= */
.page-title{
  font-weight:800;
  color:#e8eefc;
}
.lead-muted{
  color:var(--text-weak);
}

/* ========= CARD AS BOTÃO ========= */
.card-btn{
  background:linear-gradient(135deg, var(--card), var(--card2));
  border-radius:18px;
  transition:all .25s ease;
  cursor:pointer;
  border:1px solid var(--border);
  min-height:140px;
}
.card-btn:hover{
  transform:translateY(-6px);
  box-shadow:0 14px 28px rgba(0,0,0,.45);
  background:linear-gradient(135deg, #1d2a40, #243552);
}
.card-btn .card-body{
  padding:1.6rem 1.4rem;
}
.card-btn h5{
  color:#f8fafc;
  font-weight:800;
  margin-bottom:.35rem;
}
.card-btn p{
  color:#a3b1cc;
  margin:0;
}

/* ========= LOGIN (aproveitado do seu index) ========= */
.bg-surface{ background:var(--bg); }
.login-wrap{
  min-height:100dvh; display:flex; align-items:center; justify-content:center;
}
.login-card{
  width: 100%; max-width: 420px; background: var(--card);
  border:1px solid var(--border); border-radius:16px;
}
.brand{ color:#ffffff; font-weight:800; }
.accent{ color:var(--accent); }

/* ========= UTILITÁRIOS ========= */
.section{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:16px;
  padding:1.4rem;
}
.hr-soft{ border-color:var(--border); opacity:.35; }