/* ============================================================
   robin-shared.css — Institution Robin
   Styles communs aux deux pages (cockpit BDI + espace élève) :
   mode sombre, barres de défilement personnalisées.
   Toute modification s'applique automatiquement aux 2 pages.
   ============================================================ */

    /* ===== Mode sombre — Institution Robin ===== */
    html.dark { color-scheme: dark; }
    html.dark body { background-color: #0c1728 !important; }
    html.dark .bg-slate-50 { background-color: #0c1728 !important; }
    html.dark .bg-slate-100 { background-color: #1a2740 !important; }
    html.dark .bg-slate-200 { background-color: #243456 !important; }
    html.dark .bg-white { background-color: #101d33 !important; }
    html.dark .hover\:bg-slate-100:hover { background-color: #1a2740 !important; }
    html.dark .hover\:bg-slate-200:hover { background-color: #243456 !important; }
    html.dark .border-slate-100 { border-color: #1a2740 !important; }
    html.dark .border-slate-200 { border-color: #243456 !important; }
    html.dark .border-slate-300 { border-color: #31456e !important; }
    html.dark .text-slate-900 { color: #edf2f9 !important; }
    html.dark .text-slate-800 { color: #e2eaf4 !important; }
    html.dark .text-slate-700 { color: #c9d5e6 !important; }
    html.dark .text-slate-600 { color: #b3c2d8 !important; }
    html.dark .text-slate-500 { color: #94a5be !important; }
    html.dark .text-slate-400 { color: #7d90ad !important; }
    html.dark .text-slate-300 { color: #94a5be !important; }
    html.dark .placeholder\:slate-400::placeholder { color: #7d90ad !important; }
    html.dark .drag-over { background-color: #14233f !important; border-color: #66CCFF !important; }
    /* Teintes claires converties en teintes sombres */
    html.dark .bg-indigo-50, html.dark .bg-blue-50 { background-color: #14233f !important; }
    html.dark .bg-indigo-100, html.dark .bg-blue-100 { background-color: #1b2c4f !important; }
    html.dark .bg-emerald-50 { background-color: #0d2b23 !important; }
    html.dark .bg-emerald-100 { background-color: #123a2f !important; }
    html.dark .bg-amber-50 { background-color: #33270d !important; }
    html.dark .bg-amber-100 { background-color: #463410 !important; }
    html.dark .bg-rose-50 { background-color: #331823 !important; }
    html.dark .bg-rose-100 { background-color: #471f2e !important; }
    html.dark .bg-purple-50 { background-color: #251738 !important; }
    html.dark .bg-purple-100 { background-color: #321f4b !important; }
    html.dark .bg-orange-50 { background-color: #33210d !important; }
    html.dark .bg-orange-100 { background-color: #462d10 !important; }
    html.dark .bg-teal-50 { background-color: #0c2b29 !important; }
    html.dark .bg-teal-100 { background-color: #103a37 !important; }
    html.dark .border-indigo-100, html.dark .border-indigo-200, html.dark .border-blue-100, html.dark .border-blue-200 { border-color: #1b2c4f !important; }
    html.dark .border-emerald-100, html.dark .border-emerald-200 { border-color: #123a2f !important; }
    html.dark .border-amber-100, html.dark .border-amber-200 { border-color: #463410 !important; }
    html.dark .border-rose-100, html.dark .border-rose-200 { border-color: #471f2e !important; }
    html.dark .border-purple-100, html.dark .border-purple-200 { border-color: #321f4b !important; }
    html.dark .border-orange-100, html.dark .border-orange-200 { border-color: #462d10 !important; }
    html.dark .border-teal-100, html.dark .border-teal-200 { border-color: #103a37 !important; }
    html.dark .text-indigo-700, html.dark .text-indigo-600 { color: #93bcf0 !important; }
    html.dark .text-indigo-950 { color: #d7e6ff !important; }
    html.dark .text-emerald-700, html.dark .text-emerald-600 { color: #5ed6a7 !important; }
    html.dark .text-amber-800, html.dark .text-amber-700, html.dark .text-amber-600 { color: #f2c66d !important; }
    html.dark .text-rose-700, html.dark .text-rose-600 { color: #f19aa6 !important; }
    html.dark .text-purple-700, html.dark .text-purple-600 { color: #c7a4f2 !important; }
    html.dark .text-blue-700, html.dark .text-blue-600 { color: #8ab8f2 !important; }
    html.dark .text-orange-700, html.dark .text-orange-600, html.dark .text-orange-800 { color: #f5a552 !important; }
    html.dark .text-teal-700, html.dark .text-teal-600 { color: #62d9d2 !important; }
    html.dark .bg-indigo-50\/70 { background-color: rgba(20, 35, 63, 0.85) !important; }
    html.dark .bg-indigo-50\/40, html.dark .bg-indigo-50\/60 { background-color: rgba(20, 35, 63, 0.9) !important; }
    html.dark .bg-slate-50\/50, html.dark .bg-slate-50\/40 { background-color: rgba(16, 29, 51, 0.9) !important; }
    html.dark .bg-white\/80, html.dark .bg-white\/90 { background-color: rgba(16, 29, 51, 0.95) !important; }

    .custom-scrollbar::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-track {
      background: #f1f5f9;
      border-radius: 8px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #cbd5e1;
      border-radius: 8px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb:hover {
      background: #94a3b8;
    }