/* Dev Radar — teljes-oldalas SÖTÉT MÓD (html.dark).
   Stratégia: a sablonok világos utility-osztályait itt írjuk felül (a .dark szülő-osztály
   nagyobb specificitást ad, !important csak ott, ahol Tailwind-variánssal versenyzünk).
   Paletta (magas kontraszt): lap #0b1322 · kártya #141e30 · mező #1a2539 · keret #2b3a55
   szöveg #eef3fa (fő) / #a9b7cd (másodlagos). A footer és a hero-sávok eleve sötétek. */

html.dark { color-scheme: dark; }
html.dark body { background: #0b1322; color: #dbe4f0; }

/* ---- felületek ---- */
.dark .bg-white        { background-color: #141e30; }
.dark .bg-slate-50     { background-color: #1a2539; }
.dark .bg-slate-100    { background-color: #223047; }
.dark .bg-slate-900    { background-color: #4f46e5; }   /* sötét gombok → brand, hogy látsszanak */
.dark .bg-white\/80    { background-color: rgba(13, 20, 35, .85); }
.dark .bg-white\/95    { background-color: rgba(20, 30, 48, .95); }
.dark .bg-slate-50\/50 , .dark .bg-slate-50\/60 { background-color: rgba(26, 37, 57, .6); }
.dark .hover\:bg-slate-100:hover { background-color: #26364f; }
.dark .hover\:bg-slate-50:hover  { background-color: #1e2a40; }
.dark .hover\:bg-white:hover     { background-color: #1a2539; }

/* ---- keretek ---- */
.dark .border-slate-50  { border-color: #223050; }
.dark .border-slate-100 { border-color: #243350; }
.dark .border-slate-200 , .dark .border-slate-200\/70 { border-color: #2b3a55; }
.dark .border-slate-300 { border-color: #3a4c6b; }
.dark .divide-slate-100 > :not([hidden]) ~ :not([hidden]) { border-color: #243350; }
.dark .hover\:border-slate-300:hover { border-color: #46587a; }

/* ---- szövegek (magas kontraszt) ---- */
.dark .text-slate-900 { color: #f1f5fb; }
.dark .text-slate-800 { color: #e2e9f4; }
.dark .text-slate-700 { color: #cdd8e8; }
.dark .text-slate-600 { color: #aab8ce; }
.dark .text-slate-500 { color: #90a0b9; }
.dark .text-slate-400 { color: #7488a5; }
.dark .text-slate-300 { color: #596d88; }
.dark .hover\:text-slate-900:hover , .dark .hover\:text-slate-700:hover { color: #f1f5fb; }
.dark .hover\:text-slate-600:hover { color: #cdd8e8; }
.dark ::placeholder { color: #64748b; }

/* ---- brand ---- */
.dark .text-brand-600 { color: #a5b4fc; }
.dark .text-brand-700 { color: #c7d2fe; }
.dark .hover\:text-brand-700:hover , .dark .hover\:text-brand-600:hover { color: #c7d2fe; }
.dark .bg-brand-50    { background-color: rgba(99, 102, 241, .16); }
.dark .bg-brand-100   { background-color: rgba(99, 102, 241, .28); }
.dark .hover\:bg-brand-50:hover { background-color: rgba(99, 102, 241, .22); }
.dark .border-brand-100 { border-color: rgba(129, 140, 248, .35); }
.dark .border-brand-200 { border-color: rgba(129, 140, 248, .45); }
.dark .bg-brand-50\/50 { background-color: rgba(99, 102, 241, .12); }

/* ---- állapot-színek (tintelt kártyák) ---- */
.dark .bg-emerald-50 , .dark .bg-emerald-50\/30 , .dark .bg-emerald-50\/60 { background-color: rgba(16, 185, 129, .12); }
.dark .text-emerald-700 { color: #6ee7b7; }
.dark .text-emerald-800 { color: #a7f3d0; }
.dark .border-emerald-200 , .dark .border-emerald-100 { border-color: rgba(16, 185, 129, .4); }
.dark .bg-amber-50 , .dark .bg-amber-50\/60 , .dark .bg-amber-50\/70 { background-color: rgba(245, 158, 11, .13); }
.dark .text-amber-800 , .dark .text-amber-900 { color: #fcd34d; }
.dark .text-amber-700 { color: #fbbf24; }
.dark .border-amber-100 , .dark .border-amber-200 { border-color: rgba(245, 158, 11, .38); }
.dark .bg-rose-50 , .dark .bg-rose-50\/70 , .dark .bg-rose-50\/50 { background-color: rgba(244, 63, 94, .13); }
.dark .text-rose-800 { color: #fda4af; }
.dark .text-rose-700 , .dark .hover\:text-rose-700:hover { color: #fb7185; }
.dark .border-rose-100 , .dark .border-rose-200 { border-color: rgba(244, 63, 94, .4); }
.dark .bg-violet-50 { background-color: rgba(139, 92, 246, .14); }
.dark .text-violet-600 , .dark .text-violet-700 { color: #c4b5fd; }
.dark .bg-violet-100 { background-color: rgba(139, 92, 246, .28); }

/* ---- gradiens-kártyák (a --tw-gradient változókon át) ---- */
.dark .from-brand-50  { --tw-gradient-from: rgba(99, 102, 241, .14) var(--tw-gradient-from-position); --tw-gradient-to: rgba(99, 102, 241, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.dark .to-violet-50   { --tw-gradient-to: rgba(139, 92, 246, .14) var(--tw-gradient-to-position); }
.dark .from-slate-50  { --tw-gradient-from: #1a2539 var(--tw-gradient-from-position); --tw-gradient-to: rgba(26, 37, 57, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.dark .to-brand-50\/40 { --tw-gradient-to: rgba(99, 102, 241, .1) var(--tw-gradient-to-position); }
.dark .bg-gradient-to-br.from-brand-500 { /* logó-kocka marad */ }

/* ---- árnyékok, csúszkák, egyebek ---- */
.dark .shadow-card , .dark .shadow-pop , .dark .shadow-sm , .dark .shadow-lg , .dark .shadow-2xl { box-shadow: 0 6px 20px -8px rgba(0, 0, 0, .55); }
.dark #cardList::-webkit-scrollbar-thumb { background: #3a4c6b; }
.dark .bg-slate-900\/90 { background-color: rgba(9, 14, 26, .92); }  /* tooltipek maradnak sötétek */
.dark .backdrop-blur-sm , .dark .bg-slate-900\/60 { background-color: rgba(5, 9, 18, .7); }

/* ---- diagramok (inline SVG attribútum-szelektorral) ---- */
.dark line[stroke="#eef1f6"] { stroke: #26344e; }
.dark circle[stroke="#f1f5f9"] { stroke: #243350; }
.dark .bg-slate-200 { background-color: #33425e; }   /* üres-nap csonkok a chartokon */

/* ---- űrlapmezők ---- */
.dark input, .dark select, .dark textarea { color: #e2e9f4; }
/* Böngésző-autofill: alapból halvány sárgával „világít" — sötét felülettel írjuk felül */
.dark input:-webkit-autofill,
.dark input:-webkit-autofill:hover,
.dark input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #1a2539 inset;
  -webkit-text-fill-color: #e2e9f4;
  caret-color: #e2e9f4;
  transition: background-color 9999s ease-in-out 0s;
}
.dark input:autofill { box-shadow: 0 0 0 1000px #1a2539 inset; }
.dark .focus-within\:border-brand-400:focus-within , .dark .focus\:border-brand-400:focus { border-color: #818cf8; }
.dark .focus\:bg-white:focus { background-color: #1a2539; }

/* ---- táblázat-fejek, jelmagyarázat ---- */
.dark thead .bg-slate-50 , .dark tr.bg-slate-50 { background-color: #1a2539; }

/* A footer (bg-ink), a hero-sávok (from-ink/slate-900) és a térkép-csempék eleve
   sötét-kompatibilisek — azokhoz nem nyúlunk. A publikus profil saját pf-dark témája
   független marad (ott a profil-kapcsoló dönt). */