:root {
  --sidebar-width: 260px;
  --sidebar-bg: #0b1220;
  --sidebar-color: #ffffff;
  --content-bg: #f4f7f6;
  --transition-speed: 0.3s;
}

.admin-shell {
  display: flex;
  min-height: 100vh;
}

/* Sidebar */
.admin-sidebar {
  width: var(--sidebar-width);
  background: var(--sidebar-bg);
  color: var(--sidebar-color);
  flex: 0 0 var(--sidebar-width);
  transition: transform var(--transition-speed) ease;
  z-index: 1000;
}

/* Zone de contenu à droite */
.admin-main-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: var(--content-bg);
  min-width: 0; /* Évite les débordements de flexbox */
  margin-left: 280px;
}

.admin-content {
  padding: 24px;
  flex: 1;
}

/* Adaptabilité Mobile */
@media (max-width: 900px) {
  .admin-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    transform: translateX(-100%); /* Caché par défaut */
  }

  .admin-sidebar.open {
    transform: translateX(0);
  }

  .admin-main-wrapper {
    width: 100%;
  }
}