/* Otomatik üretildi: JS tarafından üretilen Tailwind renk sınıflarını tema değişkenlerine eşler.
   Böylece tablo, kart ve rozetler açık ve koyu temada doğru görünür. */
.app [class~="bg-amber-500/10"], .modal [class~="bg-amber-500/10"] { background-color:var(--accent-soft) !important; }
.app [class~="bg-amber-500/15"], .modal [class~="bg-amber-500/15"] { background-color:var(--accent-soft) !important; }
.app [class~="bg-amber-500/20"], .modal [class~="bg-amber-500/20"] { background-color:var(--accent-soft) !important; }
.app [class~="bg-blue-50"], .modal [class~="bg-blue-50"] { background-color:var(--info-soft) !important; }
.app [class~="bg-blue-500/15"], .modal [class~="bg-blue-500/15"] { background-color:var(--info-soft) !important; }
.app [class~="bg-emerald-100"], .modal [class~="bg-emerald-100"] { background-color:var(--success-soft) !important; }
.app [class~="bg-emerald-50"], .modal [class~="bg-emerald-50"] { background-color:var(--success-soft) !important; }
.app [class~="bg-emerald-500/15"], .modal [class~="bg-emerald-500/15"] { background-color:var(--success-soft) !important; }
.app [class~="bg-emerald-500/20"], .modal [class~="bg-emerald-500/20"] { background-color:var(--success-soft) !important; }
.app [class~="bg-emerald-600/20"], .modal [class~="bg-emerald-600/20"] { background-color:var(--success-soft) !important; }
.app [class~="bg-green-500/15"], .modal [class~="bg-green-500/15"] { background-color:var(--success-soft) !important; }
.app [class~="bg-purple-500/15"], .modal [class~="bg-purple-500/15"] { background-color:var(--purple-soft) !important; }
.app [class~="bg-red-100"], .modal [class~="bg-red-100"] { background-color:var(--danger-soft) !important; }
.app [class~="bg-red-500/15"], .modal [class~="bg-red-500/15"] { background-color:var(--danger-soft) !important; }
.app [class~="bg-sky-50"], .modal [class~="bg-sky-50"] { background-color:var(--info-soft) !important; }
.app [class~="bg-sky-500/15"], .modal [class~="bg-sky-500/15"] { background-color:var(--info-soft) !important; }
.app [class~="bg-slate-100"], .modal [class~="bg-slate-100"] { background-color:var(--surface-2) !important; }
.app [class~="bg-slate-200"], .modal [class~="bg-slate-200"] { background-color:var(--surface-3) !important; }
.app [class~="bg-slate-500"], .modal [class~="bg-slate-500"] { background-color:var(--border-strong) !important; }
.app [class~="bg-slate-800"], .modal [class~="bg-slate-800"] { background-color:var(--surface-2) !important; }
.app [class~="bg-slate-900"], .modal [class~="bg-slate-900"] { background-color:var(--surface-2) !important; }
.app [class~="bg-slate-950"], .modal [class~="bg-slate-950"] { background-color:var(--surface-2) !important; }
.app [class~="bg-slate-950/70"], .modal [class~="bg-slate-950/70"] { background-color:var(--surface-2) !important; }
.app [class~="bg-slate-950/80"], .modal [class~="bg-slate-950/80"] { background-color:var(--surface-2) !important; }
.app [class~="border-amber-500"], .modal [class~="border-amber-500"] { border-color:color-mix(in srgb, var(--accent) 35%, transparent) !important; }
.app [class~="border-amber-500/20"], .modal [class~="border-amber-500/20"] { border-color:color-mix(in srgb, var(--accent) 35%, transparent) !important; }
.app [class~="border-amber-500/30"], .modal [class~="border-amber-500/30"] { border-color:color-mix(in srgb, var(--accent) 35%, transparent) !important; }
.app [class~="border-blue-500/30"], .modal [class~="border-blue-500/30"] { border-color:color-mix(in srgb, var(--info) 35%, transparent) !important; }
.app [class~="border-emerald-200"], .modal [class~="border-emerald-200"] { border-color:color-mix(in srgb, var(--success) 35%, transparent) !important; }
.app [class~="border-emerald-500/30"], .modal [class~="border-emerald-500/30"] { border-color:color-mix(in srgb, var(--success) 35%, transparent) !important; }
.app [class~="border-green-500/30"], .modal [class~="border-green-500/30"] { border-color:color-mix(in srgb, var(--success) 35%, transparent) !important; }
.app [class~="border-purple-500/30"], .modal [class~="border-purple-500/30"] { border-color:color-mix(in srgb, var(--purple) 35%, transparent) !important; }
.app [class~="border-red-500/20"], .modal [class~="border-red-500/20"] { border-color:color-mix(in srgb, var(--danger) 35%, transparent) !important; }
.app [class~="border-red-500/30"], .modal [class~="border-red-500/30"] { border-color:color-mix(in srgb, var(--danger) 35%, transparent) !important; }
.app [class~="border-sky-200"], .modal [class~="border-sky-200"] { border-color:color-mix(in srgb, var(--info) 35%, transparent) !important; }
.app [class~="border-slate-700"], .modal [class~="border-slate-700"] { border-color:var(--border) !important; }
.app [class~="border-slate-800"], .modal [class~="border-slate-800"] { border-color:var(--border) !important; }
.app [class~="border-slate-800/70"], .modal [class~="border-slate-800/70"] { border-color:var(--border) !important; }
.app [class~="border-slate-800/90"], .modal [class~="border-slate-800/90"] { border-color:var(--border) !important; }
.app [class~="divide-slate-800"] > * + *, .modal [class~="divide-slate-800"] > * + * { border-color: var(--border) !important; }
.app [class~="hover:bg-amber-500/25"]:hover, .modal [class~="hover:bg-amber-500/25"]:hover { background-color:color-mix(in srgb, var(--accent) 22%, transparent) !important; }
.app [class~="hover:bg-amber-500/30"]:hover, .modal [class~="hover:bg-amber-500/30"]:hover { background-color:color-mix(in srgb, var(--accent) 22%, transparent) !important; }
.app [class~="hover:bg-blue-500/25"]:hover, .modal [class~="hover:bg-blue-500/25"]:hover { background-color:color-mix(in srgb, var(--info) 22%, transparent) !important; }
.app [class~="hover:bg-emerald-500/25"]:hover, .modal [class~="hover:bg-emerald-500/25"]:hover { background-color:color-mix(in srgb, var(--success) 22%, transparent) !important; }
.app [class~="hover:bg-green-500/25"]:hover, .modal [class~="hover:bg-green-500/25"]:hover { background-color:color-mix(in srgb, var(--success) 22%, transparent) !important; }
.app [class~="hover:bg-orange-100"]:hover, .modal [class~="hover:bg-orange-100"]:hover { background-color:color-mix(in srgb, var(--accent) 22%, transparent) !important; }
.app [class~="hover:bg-purple-500/25"]:hover, .modal [class~="hover:bg-purple-500/25"]:hover { background-color:color-mix(in srgb, var(--purple) 22%, transparent) !important; }
.app [class~="hover:bg-red-100"]:hover, .modal [class~="hover:bg-red-100"]:hover { background-color:color-mix(in srgb, var(--danger) 22%, transparent) !important; }
.app [class~="hover:bg-red-500/20"]:hover, .modal [class~="hover:bg-red-500/20"]:hover { background-color:color-mix(in srgb, var(--danger) 22%, transparent) !important; }
.app [class~="hover:bg-red-500/25"]:hover, .modal [class~="hover:bg-red-500/25"]:hover { background-color:color-mix(in srgb, var(--danger) 22%, transparent) !important; }
.app [class~="hover:bg-slate-700"]:hover, .modal [class~="hover:bg-slate-700"]:hover { background-color:var(--surface-3) !important; }
.app [class~="hover:bg-slate-800/40"]:hover, .modal [class~="hover:bg-slate-800/40"]:hover { background-color:var(--surface-3) !important; }
.app [class~="hover:bg-slate-900"]:hover, .modal [class~="hover:bg-slate-900"]:hover { background-color:var(--surface-3) !important; }
.app [class~="hover:border-slate-700"]:hover, .modal [class~="hover:border-slate-700"]:hover { border-color:var(--border) !important; }
.app [class~="hover:text-orange-700"]:hover, .modal [class~="hover:text-orange-700"]:hover { color:var(--accent) !important; }
.app [class~="hover:text-red-700"]:hover, .modal [class~="hover:text-red-700"]:hover { color:var(--danger) !important; }
.app [class~="hover:text-white"]:hover, .modal [class~="hover:text-white"]:hover { color:var(--text) !important; }
.app [class~="text-amber-300"], .modal [class~="text-amber-300"] { color:var(--accent) !important; }
.app [class~="text-amber-400"], .modal [class~="text-amber-400"] { color:var(--accent) !important; }
.app [class~="text-amber-500"], .modal [class~="text-amber-500"] { color:var(--accent) !important; }
.app [class~="text-blue-400"], .modal [class~="text-blue-400"] { color:var(--info) !important; }
.app [class~="text-blue-600"], .modal [class~="text-blue-600"] { color:var(--info) !important; }
.app [class~="text-emerald-400"], .modal [class~="text-emerald-400"] { color:var(--success) !important; }
.app [class~="text-emerald-700"], .modal [class~="text-emerald-700"] { color:var(--success) !important; }
.app [class~="text-emerald-800"], .modal [class~="text-emerald-800"] { color:var(--success) !important; }
.app [class~="text-green-400"], .modal [class~="text-green-400"] { color:var(--success) !important; }
.app [class~="text-purple-400"], .modal [class~="text-purple-400"] { color:var(--purple) !important; }
.app [class~="text-red-400"], .modal [class~="text-red-400"] { color:var(--danger) !important; }
.app [class~="text-red-600"], .modal [class~="text-red-600"] { color:var(--danger) !important; }
.app [class~="text-red-700"], .modal [class~="text-red-700"] { color:var(--danger) !important; }
.app [class~="text-rose-400"], .modal [class~="text-rose-400"] { color:var(--danger) !important; }
.app [class~="text-sky-400"], .modal [class~="text-sky-400"] { color:var(--info) !important; }
.app [class~="text-sky-700"], .modal [class~="text-sky-700"] { color:var(--info) !important; }
.app [class~="text-slate-200"], .modal [class~="text-slate-200"] { color:var(--text) !important; }
.app [class~="text-slate-300"], .modal [class~="text-slate-300"] { color:var(--text-2) !important; }
.app [class~="text-slate-400"], .modal [class~="text-slate-400"] { color:var(--muted) !important; }
.app [class~="text-slate-500"], .modal [class~="text-slate-500"] { color:var(--muted) !important; }
.app [class~="text-slate-600"], .modal [class~="text-slate-600"] { color:var(--muted) !important; }
.app [class~="text-slate-700"], .modal [class~="text-slate-700"] { color:var(--text) !important; }
.app [class~="text-white"], .modal [class~="text-white"] { color:var(--text) !important; }

/* Dolu renkli butonlar */
.app [class~="bg-emerald-400"][class~="text-white"], .modal [class~="bg-emerald-400"][class~="text-white"] { color:#fff !important; }
.app [class~="bg-emerald-600"][class~="text-white"], .modal [class~="bg-emerald-600"][class~="text-white"] { color:#fff !important; }
.app [class~="bg-purple-600"][class~="text-white"], .modal [class~="bg-purple-600"][class~="text-white"] { color:#fff !important; }
.app [class~="bg-sky-600"][class~="text-white"], .modal [class~="bg-sky-600"][class~="text-white"] { color:#fff !important; }
.app [class~="hover:bg-blue-600"]:hover, .modal [class~="hover:bg-blue-600"]:hover { color:#fff !important; }
.app [class~="hover:bg-emerald-500"]:hover, .modal [class~="hover:bg-emerald-500"]:hover { color:#fff !important; }
.app [class~="hover:bg-purple-500"]:hover, .modal [class~="hover:bg-purple-500"]:hover { color:#fff !important; }
.app [class~="hover:bg-sky-500"]:hover, .modal [class~="hover:bg-sky-500"]:hover { color:#fff !important; }