/* === Inventário TI • Tema com plano de fundo IBRATIN === */
/* Coloque este arquivo em /inventario-ti/assets/app.css */

:root{
  --ibratin-primary:#0a4ea1;
  --ibratin-accent:#f58220;
  --bg-overlay: rgba(255,255,255,.88); /* ajuste de leitura sobre o fundo */
}

html, body { height: 100%; }

/* Fundo em tela cheia */
body{
  background: url("assets/IBRATIN.jpg") no-repeat center center fixed;
  background-size: cover;
  position: relative;
}

/* Camada de leitura por cima da imagem */
body::before{
  content:"";
  position: fixed;
  inset: 0;
  background: var(--bg-overlay);
  z-index: 0;
}

/* Layout geral */
.ibratin-nav{ background: var(--ibratin-primary); position: relative; z-index: 2; }
.text-ibratin{ color: var(--ibratin-primary); }
.btn-primary{ background:var(--ibratin-primary); border-color:var(--ibratin-primary); }
.btn-primary:hover{ filter:brightness(0.95); }

.card{
  border:0;
  box-shadow: 0 8px 24px rgba(2,18,54,.08);
  background: rgba(255,255,255,.96);
  position: relative;
  z-index: 1;
}

.table{ background: transparent; }
.table thead.table-light{ background: rgba(248,249,250,.9); }

/* KPI e rótulos */
.kpi{ font-size:2rem; font-weight:700; }
.filter-label{ font-size:.85rem; font-weight:600; color:#495057; }
.chart-card canvas{ width: 100%; }

/* === OPCIONAL: marca d'água repetida (use no body se preferir) ===
   Para usar, substitua a regra body{} acima por:
   body{
     background-image: url("assets/IBRATIN.jpg");
     background-repeat: repeat;
     background-size: 280px auto;      // ajuste o tamanho do padrão
     background-attachment: fixed;
     position: relative;
   }
   E aumente a opacidade da sobreposição se quiser mais contraste:
   :root{ --bg-overlay: rgba(255,255,255,.92); }
*/