/**
 * LogiFunus Admin  -  thème clair B&W lisible (plus de sombre-sur-sombre)
 */
@import url("https://fonts.cdnfonts.com/css/century-gothic");

:root {
  --accent: #111111 !important;
  --accent-deep: #000000 !important;
  --accent-soft: #f0f0f0 !important;
  --navy: #111111 !important;
  --bg-dark: #111111 !important;
  --ink: #111111 !important;
  --muted: #5c5c5c !important;
  --soft: #8a8a8a !important;
  --bg: #ffffff !important;
  --bg-soft: #f4f5f7 !important;
  --bg-cream: #fafafa !important;
  --line: #e5e5e5 !important;
  --radius: 0 !important;
  --radius-sm: 0 !important;
  --radius-lg: 0 !important;
  --gothic: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
}

html, body {
  background: #f4f5f7 !important;
  color: #111111 !important;
  font-family: var(--gothic) !important;
}

*, .card, .btn, button, input, select, textarea, .modal, .badge, .tag, .kpi, .login-card {
  border-radius: 0 !important;
}

a { text-decoration: none !important; }

/* Login clair */
#login {
  background: #f4f5f7 !important;
}
.login-card {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.08) !important;
}
.login-card h1, .login-card p.sub, .fld label { color: #111 !important; }
.fld input {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid rgba(17,17,17,.22) !important;
}
.btn-primary {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
}
.btn-primary:hover { background: #222 !important; }

.lf-admin-logo { display: flex; justify-content: center; margin-bottom: 18px; }
.lf-admin-logo img { height: 40px; width: auto; }

/* Sidebar claire (plus de bandeau noir illisible) */
.sidebar {
  background: #ffffff !important;
  color: #111111 !important;
  border-right: 1px solid #e5e5e5 !important;
}
.sidebar .logo .tag {
  color: #fff !important;
  background: #111 !important;
  border-radius: 0 !important;
}
.nav-item {
  color: #444 !important;
}
.nav-item:hover {
  background: #f4f5f7 !important;
  color: #111 !important;
}
.nav-item.active {
  background: #111111 !important;
  color: #ffffff !important;
}
.sidebar-foot {
  border-top: 1px solid #e5e5e5 !important;
}
.sidebar-foot .who { color: #666 !important; }
.btn-logout { color: #444 !important; }
.btn-logout:hover {
  background: #feeceb !important;
  color: #b42318 !important;
}

.topbar, .main, .content {
  background: #f4f5f7 !important;
  color: #111 !important;
}
.topbar {
  background: #fff !important;
  border-bottom: 1px solid #e5e5e5 !important;
}
.topbar h2 { color: #111 !important; }

.card, .kpi, .modal {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04) !important;
  color: #111 !important;
}
.kpi .k-lbl, .kpi .k-sub { color: #666 !important; }
.kpi .k-val { color: #111 !important; }

thead th {
  background: #fafafa !important;
  color: #666 !important;
  border-color: #e5e5e5 !important;
}
tbody td {
  color: #111 !important;
  border-color: #e5e5e5 !important;
}
tbody tr:hover { background: #f7f7f7 !important; }

.btn {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #111 !important;
}
.btn.accent, .btn.accent:hover {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

.sec-ttl { color: #111 !important; }
.f label { color: #666 !important; }
.f input, .f select, .f textarea {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #ccc !important;
}

/* Search in sidebar if present */
.sidebar input[type="search"], .sidebar input[type="text"] {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #ccc !important;
}


/* admin spacing v21 */
.card, .panel, .view, .fld, .f { box-sizing: border-box; }
.card { padding: 18px !important; }
.fld label, .f label { margin-bottom: 8px !important; display:block !important; }
.fld input, .f input, .fld select, .f select, .fld textarea, .f textarea {
  padding: 10px 12px !important; border-radius: 0 !important;
}
.btn, button.btn { border-radius: 0 !important; padding: 10px 14px !important; }
.sidebar a, .nav-item { border-radius: 0 !important; padding: 10px 12px !important; margin: 2px 8px !important; }
table td, table th { padding: 12px 14px !important; }