/* Auth Cover Theme (Bootstrap 5 friendly) */
:root{
  --auth-primary:#0d6efd;
  --auth-bg:#f6f7fb;
}
body.auth-cover{
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;

  /* si tu utilises la Variante A */
  background-image: var(--public-bg);

  /* si tu utilises la Variante B, garde seulement ces lignes: */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* pour créer un contexte d’empilement isolé (overlay + contenu) */
  position: relative;
  isolation: isolate; /* évite que d’autres z-index extérieurs interférent */
  background-color: #000; /* fallback si l’image ne charge pas */
}

/* Overlay sombre qui n’intercepte pas les clics */
body.auth-cover::before{
  content: "";
  position: absolute; /* pas fixed -> suit la page et reste sous le contenu */
  inset: 0;
  background: rgba(0,0,0,.60);
  pointer-events: none;
  z-index: 0;
}

/* S’assure que le contenu passe devant l’overlay */
.auth-card,
.auth-grid,
.auth-form,
.auth-illustration{
  position: relative;
  z-index: 1;
}
.auth-card{max-width:980px;width:100%;background:#ffffffda;border-radius:14px;box-shadow:0 10px 30px rgba(16, 24, 40, 0.514);overflow:hidden}
.auth-grid{display:grid;grid-template-columns:1.1fr .9fr;min-height:520px}
.auth-illustration{background:#111;color:#fff;position:relative}
.auth-illustration .overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0, 0, 0, 0.315), rgba(0,0,0,.35))}
.auth-illustration img{object-fit:cover;width:100%;height:100%;opacity:.85;filter:saturate(1.1)}
.auth-illustration .caption{position:absolute;bottom:20px;left:20px;right:20px;z-index:2}
.auth-illustration .caption .brand{display:flex;align-items:center;gap:10px;font-weight:600}
.auth-form{padding:40px 36px}
.auth-form .brand-mini{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.auth-form .brand-mini img{height:28px}
.auth-form h1{font-size:1.5rem;margin-bottom:.25rem}
.auth-form p.lead{color:#6b7280;margin-bottom:1.25rem}
.auth-form .form-control{border-radius:10px;padding:.6rem .85rem}
.auth-form .btn{border-radius:10px;padding:.6rem .85rem}
.form-text-link{font-size:.875rem}
.lang-switch{position:absolute;top:14px;right:14px;z-index:10}
@media (max-width: 992px){
  .auth-grid{grid-template-columns:1fr}
  .auth-illustration{display:none}
}
/* account settings */
.account-wrap{max-width:920px}
.account-card{border-radius:12px;box-shadow:0 10px 30px rgba(16,24,40,.06)}
.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}

  h1 {
    color: #004B87;
    font-weight: 600;
  }

  /* Sidebar plus mince */
  #sidebar {
    width: 200px !important;
    min-width: 200px !important;
  }
  #content {
    margin-left: 200px !important;
  }

  /* Tableau plus compact */
  #tblPivot {
    font-size: 0.85rem;
  }
  #tblPivot td {
    font-size: 0.8rem;
    padding: 4px 6px;
  }
  #tblPivot thead th {
    font-size: 0.9rem;
  }

  table thead {
    background-color: #004B87;
    color: #fff;
  }

  table tbody th {
    background-color: #e9ecef;
    font-weight: 600;
  }

  /* Icônes de variation */
.fa-arrow-up {
  color: #d9534f; /* rouge */
}
.fa-arrow-down {
  color: #198754; /* vert */
}

/* Petit ajustement d'espacement */
td i {
  margin-right: 4px;
}