/* ============================================================
   Nexar Compta — surcharge thème SAO Tryton 8.0
   Palette : ERP Enerlab (bleu corporate, marine, cyan)
   Police  : Poppins (cf. <link> injecté dans index.html patché)
   Date    : 2026-05-17 — déploiement initial VPS7
   ============================================================ */

:root {
  --nx-primary:      #0055a4;
  --nx-primary-dark: #003d7a;
  --nx-marine:       #0d1524;
  --nx-cyan:         #00a8e8;
  --nx-turquoise:    #4ecdc4;
  --nx-green:        #28a745;
  --nx-orange:       #f0ad4e;
  --nx-gray:         #6c757d;
  --nx-light:        #f8f9fa;
  --nx-blue-pale:    #e6f7ff;
}

/* ----- Typo globale --------------------------------------- */
html, body, .navbar, .btn, .form-control, .dropdown-menu, .modal, table, td, th, label, input, select, textarea {
  font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
}

body {
  background-color: var(--nx-light) !important;
  color: #2a2f36;
}

/* ----- Top navbar : marine ERP Enerlab -------------------- */
.navbar-inverse {
  background-color: var(--nx-marine) !important;
  background-image: none !important;
  border-color: var(--nx-primary-dark) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.18);
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  color: #ffffff !important;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-nav > li > a:hover {
  color: var(--nx-cyan) !important;
  background-color: rgba(255,255,255,0.04) !important;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .open > a {
  background-color: var(--nx-primary) !important;
  color: #fff !important;
}

/* Notification badge */
.navbar-inverse .notification-badge {
  background-color: var(--nx-cyan) !important;
}

/* Logo / titre de l'app */
.navbar-inverse .navbar-brand #title {
  font-weight: 700;
  letter-spacing: 0.4px;
  color: #ffffff;
}

.navbar-inverse .navbar-brand .icon svg {
  width: 28px;
  height: 28px;
  margin-right: 8px;
  vertical-align: -7px;
}

/* ----- Boutons primary : bleu corporate ------------------- */
.btn-primary,
.btn-default.active,
.btn-default:active {
  background-color: var(--nx-primary) !important;
  border-color: var(--nx-primary-dark) !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--nx-primary-dark) !important;
  border-color: var(--nx-marine) !important;
}

.btn-success { background-color: var(--nx-green) !important; border-color: var(--nx-green) !important; }
.btn-warning { background-color: var(--nx-orange) !important; border-color: var(--nx-orange) !important; color:#fff !important; }
.btn-info    { background-color: var(--nx-cyan) !important;    border-color: var(--nx-cyan) !important;    color:#fff !important; }

/* Lien & focus */
a, a:visited { color: var(--nx-primary); }
a:hover      { color: var(--nx-primary-dark); }

/* Form focus */
.form-control:focus,
.form-control:focus-visible {
  border-color: var(--nx-primary) !important;
  box-shadow: 0 0 0 3px rgba(0,85,164,0.18) !important;
}

/* ----- Modals --------------------------------------------- */
.modal-header {
  background-color: var(--nx-blue-pale);
  border-bottom: 2px solid var(--nx-primary);
}

.modal-title {
  color: var(--nx-marine);
  font-weight: 600;
}

/* ----- Tabs ----------------------------------------------- */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: var(--nx-primary) !important;
  color: #fff !important;
}

/* ----- Side menu accent ----------------------------------- */
#menu .nav > .active > a {
  background-color: var(--nx-blue-pale) !important;
  border-left: 3px solid var(--nx-primary);
  color: var(--nx-primary-dark) !important;
}

/* ----- Tableaux ------------------------------------------- */
.table > thead > tr > th {
  background-color: var(--nx-blue-pale);
  color: var(--nx-marine);
  border-bottom: 2px solid var(--nx-primary);
}

.table-hover > tbody > tr:hover {
  background-color: rgba(0,85,164,0.04);
}

/* ----- Alerts --------------------------------------------- */
.alert-info {
  background-color: var(--nx-blue-pale);
  border-color: var(--nx-cyan);
  color: var(--nx-marine);
}

/* ----- Footer discret « powered by Tryton » -------------- */
body::after {
  content: "Nexar Compta · powered by Tryton 8.0 LTS";
  position: fixed;
  right: 8px;
  bottom: 4px;
  font-size: 10px;
  color: rgba(13,21,36,0.45);
  pointer-events: none;
  z-index: 2000;
}

/* ----- Embedded mode (iframe ERP) ----- */
/* Quand Tryton est embed dans l'ERP Enerlab, on masque les éléments redondants */
.nexar-embedded .navbar,
.nexar-embedded .navbar-inverse,
.nexar-embedded #nexar-footer,
.nexar-embedded .nexar-footer,
.nexar-embedded #footer-brand {
  display: none !important;
}
.nexar-embedded {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.nexar-embedded .container-fluid {
  padding-top: 0 !important;
}
/* Body sans navbar = supprimer le padding-top par défaut Bootstrap */
.nexar-embedded body {
  padding-top: 0 !important;
}
/* Masquer aussi le footer ::after en mode embed */
.nexar-embedded body::after,
.nexar-embedded body::before {
  display: none !important;
  content: "" !important;
}