@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
/* ============================================================================
   gg-skin.css — habille les pages Argon (Cargo Connect / adminconnect) avec le
   design de gestioncomete (gg.css + gg-modern.css) sans modifier le HTML.
   Jetons repris de gg.css : --ink, --paper, --line, --muted, --accent.
   ========================================================================== */
:root {
  --ink: #0a2e2c; --paper: #f7fafc; --line: #d6ece5; --muted: #5f7f7a;
  --accent: #17b978; --brand: #069e78; --brand-2: #17b978; --glow: #b2f2e5; --white: #FFFFFF;
}
body, body.bg-gray-100 {
  font-family: 'Montserrat', Arial, sans-serif;
  background: linear-gradient(120deg, #f7fafc 0%, #e6f9f2 100%) fixed !important; color: #1a2e2c; font-size: 14px;
}

/* Bandeau coloré Argon supprimé */
.min-height-300.bg-primary, .bg-primary.position-absolute { display: none !important; }

/* ---------- Menu latéral : sombre, pleine hauteur ---------- */
.sidenav.fixed-start, #sidenav-main {
  background: var(--ink) !important; color: var(--paper);
  margin: 0 !important; border-radius: 0 !important; height: 100vh !important;
  width: 220px !important; max-width: 220px; left: 0 !important; top: 0;
  box-shadow: none !important; overflow-y: auto; padding: 0;
}
.sidenav .sidenav-header { padding: 24px 24px 12px; }
.sidenav .sidenav-header img { background: var(--white); border-radius: 8px; padding: 4px 8px; max-height: 52px; width: auto !important; max-width: 100%; }
.sidenav hr.horizontal { background: rgba(255,255,255,.12) !important; height: 1px; border: 0; margin: 8px 0 12px; opacity: 1; }
.sidenav .navbar-nav { padding: 0; }
.sidenav .nav-item { padding: 0 !important; }
.sidenav .nav-link {
  display: flex; align-items: center; padding: 11px 24px !important;
  color: #bfe3d9 !important; font-size: 13.5px; font-weight: 400;
  border-left: 3px solid transparent; border-radius: 0 !important; background: transparent !important;
}
.sidenav .nav-link:hover { color: var(--white) !important; background: rgba(255,255,255,.04) !important; }
.sidenav .nav-link.active {
  color: var(--white) !important; border-left-color: var(--brand-2);
  background: rgba(23,185,120,.16) !important; box-shadow: none !important;
}
.sidenav .nav-link .icon { background: transparent !important; box-shadow: none !important; width: 22px; height: 22px; margin-right: 8px !important; }
.sidenav .nav-link .icon i { color: inherit !important; opacity: .9 !important; font-size: 14px; }
.sidenav .nav-link-text { margin-left: 0 !important; }
.sidenav .sidenav-footer { display: none; }

/* ---------- Contenu principal ---------- */
.main-content { margin-left: 220px !important; background: transparent; min-height: 100vh; }
@media (max-width: 1199.98px) { .main-content { margin-left: 0 !important; } }

/* ---------- Barre du haut : blanche, fil d'Ariane ---------- */
.navbar-main {
  background: var(--white) !important; border-bottom: 1px solid var(--line);
  margin: 0 !important; padding: 12px 20px !important; border-radius: 0 !important;
  position: sticky; top: 0; z-index: 500; box-shadow: none !important; backdrop-filter: none;
}
.navbar-main .breadcrumb-item, .navbar-main .breadcrumb-item a, .navbar-main .breadcrumb-item.active,
.navbar-main .breadcrumb-item + .breadcrumb-item::before { color: var(--muted) !important; opacity: 1 !important; font-size: 12px; }
.navbar-main .breadcrumb-item.active { color: var(--ink) !important; font-weight: 600; }
.navbar-main h6, .navbar-main h6.text-white { color: var(--ink) !important; font-size: 18px; font-weight: 700; }
.navbar-main .nav-link, .navbar-main .nav-link.text-white { color: var(--ink) !important; }
.navbar-main .sidenav-toggler-line { background: var(--ink) !important; }

/* ---------- Cartes ---------- */
.card {
  background: var(--white); border: 1px solid var(--line) !important; border-radius: 12px !important;
  box-shadow: 0 4px 24px var(--glow) !important;
}
.card-header { background: transparent; border-bottom: 1px solid var(--line); }
.card .icon-shape { border-radius: 10px !important; box-shadow: 0 2px 8px var(--glow) !important; background: linear-gradient(90deg, var(--brand) 0%, var(--brand-2) 100%) !important; }
.card .icon-shape i { color: var(--white) !important; }
.card h6, .card .h6 { font-weight: 700; }

/* ---------- Boutons ---------- */
.btn { border-radius: 10px; font-weight: 600; letter-spacing: 0; text-transform: none; box-shadow: none !important; }
.btn-primary, .bg-gradient-primary { background: linear-gradient(90deg, var(--brand) 0%, var(--brand-2) 100%) !important; border-color: var(--brand) !important; color: var(--white) !important; box-shadow: 0 4px 16px rgba(6,158,120,.13) !important; }
.btn-primary:hover { background: linear-gradient(90deg, #048f6b 0%, #119e6a 100%) !important; }
.btn-outline-primary { color: var(--brand) !important; border-color: var(--brand) !important; background: transparent !important; }
.btn-outline-primary:hover { background: var(--brand) !important; color: var(--white) !important; }
a { --bs-link-color: var(--brand); }
.text-primary { color: var(--brand) !important; }

/* ---------- Tableaux ---------- */
.table thead th {
  background: #e6f9f2; color: var(--ink); font-size: 11.5px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .04em; border-bottom: 1px solid var(--line) !important; opacity: 1;
}
.table td { border-color: var(--line) !important; vertical-align: middle; }
.table-hover tbody tr:hover { background: #f1fbf7; }

/* ---------- Formulaires : même rendu que gg-modern (bleu de focus) ---------- */
.form-control:focus, .form-select:focus { border-color: var(--brand) !important; box-shadow: 0 0 0 4px rgba(6,158,120,.14) !important; }
:root { --gg-primary: #069e78; --gg-primary-dark: #0a2e2c; --gg-border: #d6ece5; --gg-text: #0a2e2c; --gg-muted: #5f7f7a; }
.list_city { border-color: var(--brand) !important; }
.list_city li:hover { color: var(--brand) !important; }