/* ==================================================
   BO LANDING OVERRIDE
   Force les classes back-office à utiliser les styles
   de la landing page pour apparence identique
   ================================================== */

/* Base */
.admin-body, body.landing-body {
  background: var(--lp-bg) !important;
  color: var(--lp-text) !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Topbar as landing header */
.topbar.lp-header, .topbar {
  background: rgba(6,4,10,0.88) !important;
  border-bottom: 1px solid var(--lp-border) !important;
  backdrop-filter: blur(20px);
}

.topbar .topbar-title { color: var(--lp-text) !important; font-weight:700 }

/* Sidebar -> use landing nav look */
.admin-sidebar, .sidebar {
  background: var(--lp-bg-card) !important;
  border-right: 1px solid var(--lp-border) !important;
}

.admin-logo, .sidebar-logo {
  padding: 14px 16px !important;
  display: flex; align-items: center; gap: 10px;
}
.admin-logo a.lp-logo, .sidebar-logo a.lp-logo { color: var(--lp-text) !important }

.nav-item, .nav-link {
  color: var(--lp-muted) !important;
  background: transparent !important;
  border-radius: 10px !important;
}
.nav-item.active, .nav-link.active {
  background: var(--lp-gold-dim) !important;
  color: var(--lp-gold) !important;
  border: 1px solid var(--lp-gold-border) !important;
}

/* Buttons: prefer landing's pill buttons */
.btn {
  border-radius: var(--lp-radius-pill) !important;
  padding: 10px 20px !important;
  font-weight:700 !important;
}
.btn-primary {
  background: var(--lp-gold) !important;
  color: #0a0710 !important;
  border: none !important;
}
.btn-ghost, .btn-ghost:hover { background: transparent !important; border: 1px solid var(--lp-border) !important; color: var(--lp-muted) !important }

/* Cards and panels */
.card, .admin-table-wrap, .editor-panel {
  background: var(--lp-bg-card) !important;
  border: 1px solid var(--lp-border) !important;
  box-shadow: var(--lp-shadow-card) !important;
}
.card-header { border-bottom:1px solid var(--lp-border) !important }
.card-title { color:var(--lp-text) !important }

/* Forms */
.form-control {
  background: var(--lp-bg-card2) !important;
  border: 1px solid var(--lp-border) !important;
  color: var(--lp-text) !important;
}

/* Tables */
.data-table th, .data-table td { background: transparent !important; color: var(--lp-text) !important }

/* Documents (devis/factures) ensure gold accents */
.doc-total-row.ttc { color: var(--lp-gold) !important }
.fiscal-info { background: var(--lp-gold-dim) !important; border-color: var(--lp-gold-border) !important }

/* Planning grid: stronger visible days */
.planning-day.off { background: rgba(255,255,255,0.02) !important; opacity:0.7 }

/* Ensure login/auth card matches landing */
.auth-card.card, .login-card { background: var(--lp-bg-card) !important; border: 1px solid var(--lp-gold-border) !important }
.auth-brand-title, .login-name { color: var(--lp-gold) !important }

/* Misc overrides for icons and small text */
.page-subtitle, .form-hint, .text-muted { color: var(--lp-muted) !important }

/* Force fonts and weights for strong parity */
h1, h2, h3, .page-title { font-family: var(--font-display, 'Syne'), 'Helvetica Neue', sans-serif !important }

/* Mobile adjustments */
@media (max-width:768px) {
  .admin-sidebar, .sidebar { left:-100% }
  .sidebar.open { left:0 }
}