/* SISC-UEMOA - Systeme d'Information Statistique de la Concurrence - page de connexion (maquette M-01)
   Charte Commission de l'UEMOA (CdC Composant Statistique, tableau 72):
   bleu institutionnel #00519E | bleu secondaire #105DA5 | vert #1FA22E | rouge #A91101 | or #FFD500 | Roboto */

body { background-color: #00519E !important; font-family: 'Roboto', sans-serif; }

/* ---------- top application bar ---------- */
.app > .heading {
  background: rgba(0,0,0,.10);
  box-shadow: 0 1px 6px rgba(0,0,0,.25);
  padding: 10px 28px !important;
  height: auto !important;
  align-items: center;
}
.title-container { padding: 0 !important; align-items: center; }
.flag-wrapper { display: flex; align-items: center; }
.flag-wrapper img {
  width: 58px !important; height: 58px !important;
  object-fit: contain;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 1px 4px rgba(0,0,0,.3);
}
.titles { justify-content: center; gap: 2px; }
.application-title-wrapper span {
  color: #fff !important; font-size: 22px !important; font-weight: 700 !important;
  letter-spacing: .2px;
}
.application-introduction-wrapper span,
.application-description-wrapper span {
  color: rgba(255,255,255,.88) !important; font-size: 14.5px !important; font-weight: 400;
}

/* ---------- central medallion: white disc carrying the UEMOA emblem ---------- */
.logo-wrapper { display: none !important; }
.login-container::before {
  content: "";
  display: block;
  width: 185px; height: 185px;
  margin: 26px auto 24px;
  background: #fff url("/uemoa-assets/logo_front.png") center / 72% no-repeat;
  border-radius: 50%;
  box-shadow: 0 2px 12px rgba(0,0,0,.28);
}

/* ---------- login card ---------- */
.login-container > div[class*="formContainer"] {
  border-radius: 8px !important;
  box-shadow: 0 6px 22px rgba(0,0,0,.30) !important;
  padding: 22px 26px !important;
}
.login-container h3 { color: #212529 !important; font-weight: 700 !important; }
.login-container input[type="text"],
.login-container input[type="password"] { background-color: #F4F6F9 !important; }
.login-container form button[type="submit"],
.login-container button.primary {
  background-color: #00519E !important;
  border-color: #00519E !important;
  color: #fff !important;
  font-weight: 600;
}
.login-container form button[type="submit"]:hover,
.login-container button.primary:hover {
  background-color: #003B75 !important;
  border-color: #003B75 !important;
}
.login-container a { color: #00519E !important; font-weight: 600; }

/* ---------- access notice: institutional green banner (#1FA22E, motto colour) ---------- */
.login-container > div[class*="appNotification"] {
  background-color: #1FA22E !important;
  border: none !important;
  border-radius: 6px !important;
  margin-top: 22px !important;
  padding: 14px 18px !important;
  text-align: center;
}
.login-container > div[class*="appNotification"] * { color: #fff !important; line-height: 1.5; }
.login-container > div[class*="appNotification"] div {
  background: transparent !important; background-color: transparent !important;
  border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important;
  justify-content: center;
}
.login-container > div[class*="appNotification"] svg { display: none !important; }

/* ---------- institutional footer strip (dark blue, gold rule) ---------- */
.app > .footer {
  background-color: #003B75 !important;
  border-top: 3px solid #FFD500 !important;
  padding: 8px 16px !important;
}
.app > .footer, .app > .footer span, .app > .footer a { color: #fff !important; }
.app > .footer .footer-left span, .app > .footer .footer-right span { font-size: 13px; }
.app > .footer .powered-by-wrapper { display: none !important; }

/* compress the top bar to mockup height (stock CSS pins wrappers to 120px) */
.app > .heading .flag-wrapper, .app > .heading .titles, .app > .heading .title-container {
  height: auto !important; min-height: 0 !important; max-height: none !important;
}
.app > .heading { min-height: 0 !important; flex: 0 0 auto !important; }