/* ==========================================================
   RDX_NIGHT_THEME_V1 — neon gece teması (elle yazılan katman)
   night-auto.css renkleri koyulaştırır; burası neon görünüm.
   ========================================================== */

/* Tema butonu (iki modda da) */
.rdx-theme-toggle {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  margin: 0 10px 0 0;
  padding: 0;
  border: 1px solid #d3e3ee;
  border-radius: 12px;
  background: #ffffff;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(30, 80, 120, .10);
  transition: transform .15s ease, box-shadow .2s ease;
}

.rdx-theme-toggle:hover {
  transform: translateY(-1px);
}

.rdx-theme-toggle.is-floating {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 20050;
}

header.rdx-has-theme-toggle > .rdx-theme-toggle + * {
  margin-right: auto;
}

html.rdx-night .rdx-theme-toggle {
  border-color: rgba(250, 204, 21, .55);
  background: rgba(12, 18, 40, .9);
  box-shadow: 0 0 14px rgba(250, 204, 21, .35);
}

/* ---------------- Genel ---------------- */
html.rdx-night,
html.rdx-night {
  background: #050816 !important;
}

/* govde seffaf: arkadaki sabit isilti katmani gorunsun */
html.rdx-night body {
  background: transparent !important;
  color: #e6eeff !important;
}

/*
 * RDX_NIGHT_PERF_V1: isiltili arka plan ayri sabit katmanda.
 * background-attachment: fixed mobilde kaydirirken her karede
 * tum sayfayi yeniden boyatiyordu (kasma). Bu katman bir kez
 * cizilir, kaydirmada yeniden boyanmaz.
 */
html.rdx-night body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  transform: translateZ(0);
  background:
    radial-gradient(1100px 620px at 8% -8%, rgba(59, 130, 246, .20), transparent 60%),
    radial-gradient(900px 560px at 108% 12%, rgba(168, 85, 247, .18), transparent 62%),
    radial-gradient(800px 500px at 50% 115%, rgba(34, 211, 238, .10), transparent 60%);
}

html.rdx-night ::selection {
  background: rgba(99, 102, 241, .55);
  color: #fff;
}

html.rdx-night h1,
html.rdx-night h2,
html.rdx-night h3,
html.rdx-night h4 {
  color: #f1f5ff !important;
}

html.rdx-night a {
  color: #7cc4ff;
}

/* başlık çubuğu */
html.rdx-night header,
html.rdx-night .topbar {
  background: rgba(6, 10, 26, .88) !important;
  border-bottom: 1px solid rgba(59, 130, 246, .35) !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .35) !important;
}

html.rdx-night .logo,
html.rdx-night .brand-icon {
  box-shadow: 0 0 16px rgba(59, 130, 246, .65) !important;
}

html.rdx-night #rdxBrandFixed,
html.rdx-night .top-brand,
html.rdx-night .brand strong {
  color: #ffffff !important;
  text-shadow: 0 0 12px rgba(99, 160, 255, .35);
}

/* ---------------- Kartlar ---------------- */
html.rdx-night .card,
html.rdx-night .panel-card,
html.rdx-night .rdx-yts,
html.rdx-night .login-card,
html.rdx-night .rdx-super-radio-card,
html.rdx-night .rdx-standalone-box,
html.rdx-night .rdx-djlimits-box,
html.rdx-night .rdx-ytq-box,
html.rdx-night .rdx-demo-box {
  background: linear-gradient(160deg, rgba(14, 22, 48, .88), rgba(8, 12, 30, .92)) !important;
  border: 1px solid rgba(59, 130, 246, .38) !important;
  box-shadow:
    0 0 0 1px rgba(59, 130, 246, .06) inset,
    0 0 22px rgba(59, 130, 246, .14),
    0 14px 34px rgba(0, 0, 0, .35) !important;
  color: #e6eeff !important;
}

html.rdx-night .rdx-demo-box {
  border-color: rgba(168, 85, 247, .45) !important;
}

html.rdx-night .rdx-djlimits-box {
  border-color: rgba(250, 204, 21, .35) !important;
}

html.rdx-night .rdx-ytq-box {
  border-color: rgba(239, 68, 68, .40) !important;
}

/* yazılar */
html.rdx-night .sub,
html.rdx-night small,
html.rdx-night .muted,
html.rdx-night p {
  color: #9fb3d6;
}

/* ---------------- Formlar ---------------- */
html.rdx-night input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html.rdx-night select,
html.rdx-night textarea {
  background: rgba(6, 10, 26, .85) !important;
  border-color: rgba(59, 130, 246, .40) !important;
  color: #e6eeff !important;
}

html.rdx-night input::placeholder,
html.rdx-night textarea::placeholder {
  color: #6f86ad !important;
}

html.rdx-night input:focus,
html.rdx-night select:focus,
html.rdx-night textarea:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .25), 0 0 14px rgba(59, 130, 246, .35) !important;
  outline: none;
}

html.rdx-night option {
  background: #0b1228;
  color: #e6eeff;
}

/* ---------------- Üst şerit ---------------- */
html.rdx-night body.rdx-toolbar-mode #rdxSideControls {
  background: rgba(5, 8, 22, .97) !important;
  border-bottom: 1px solid rgba(59, 130, 246, .35) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .4) !important;
}

html.rdx-night .rdx-side-control,
html.rdx-night .rdx-left-dock-button {
  --neon: 59, 130, 246;
  background: rgba(10, 16, 36, .92) !important;
  border: 1px solid rgba(var(--neon), .65) !important;
  color: rgb(var(--neon)) !important;
  box-shadow: 0 0 10px rgba(var(--neon), .30), inset 0 0 10px rgba(var(--neon), .08) !important;
}

html.rdx-night .rdx-side-control .rdx-side-label,
html.rdx-night .rdx-side-control .rdx-left-dock-text,
html.rdx-night .rdx-left-dock-button .rdx-left-dock-text {
  color: #e6eeff !important;
}

html.rdx-night .rdx-side-control:hover,
html.rdx-night .rdx-left-dock-button:hover {
  box-shadow: 0 0 16px rgba(var(--neon), .55), inset 0 0 12px rgba(var(--neon), .14) !important;
}

html.rdx-night #rdxSideAutoDJ { --neon: 168, 85, 247; }
html.rdx-night #rdxSideTakeover { --neon: 34, 197, 94; }
html.rdx-night #rdxSideLeave { --neon: 239, 68, 68; }
html.rdx-night .rdx-side-youtube { --neon: 239, 68, 68; }
html.rdx-night .rdx-side-hide { --neon: 100, 140, 190; }

html.rdx-night #rdxSideLeave .rdx-side-icon {
  color: #f87171 !important;
}

html.rdx-night .rdx-controls-show-button {
  background: rgba(10, 16, 36, .95) !important;
  border-color: rgba(59, 130, 246, .65) !important;
  color: #7cc4ff !important;
  box-shadow: 0 0 14px rgba(59, 130, 246, .4) !important;
}

/* ---------------- Şarkı Ara ---------------- */
html.rdx-night .rdx-yts {
  --yts-text: #e6eeff;
  --yts-muted: #8ea3c7;
  --yts-border: rgba(59, 130, 246, .38);
  --yts-bg: transparent;
  --yts-soft: rgba(59, 130, 246, .12);
}

html.rdx-night .rdx-yts-box {
  background: rgba(6, 10, 26, .85) !important;
  border-color: rgba(59, 130, 246, .55) !important;
  box-shadow: 0 0 14px rgba(59, 130, 246, .25) !important;
}

html.rdx-night .rdx-yts-icon,
html.rdx-night .rdx-yts-option-icon,
html.rdx-night .rdx-yts .rdx-yts-clear {
  color: #8ec5ff !important;
}

html.rdx-night .rdx-yts-badge {
  background: rgba(239, 68, 68, .14) !important;
  border-color: rgba(239, 68, 68, .55) !important;
  color: #fca5a5 !important;
  box-shadow: 0 0 10px rgba(239, 68, 68, .35);
}

html.rdx-night .rdx-yts-suggest {
  background: #0a1129 !important;
  border-color: rgba(59, 130, 246, .45) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .55), 0 0 18px rgba(59, 130, 246, .2) !important;
}

html.rdx-night .rdx-yts-option {
  color: #e6eeff !important;
}

html.rdx-night .rdx-yts-option:hover,
html.rdx-night .rdx-yts-option.is-active {
  background: rgba(59, 130, 246, .16) !important;
}

html.rdx-night .rdx-yts-card {
  background: rgba(6, 10, 26, .7) !important;
  border-color: rgba(99, 102, 241, .45) !important;
}

html.rdx-night .rdx-yts .rdx-yts-nav-btn {
  background: rgba(10, 16, 36, .9) !important;
  border-color: rgba(59, 130, 246, .5) !important;
  color: #8ec5ff !important;
}

/* ---------------- Şimdi Yayında ----------------
 * RDX_CONSOLE_THEME_V2: gece modunda kart siyah (dj.css
 * RDX_CONSOLE_DARK_V1, html.rdx-night altinda). Neon mor
 * kenar / plak deseni kaldirildi.
 */
/* RDX_NIGHT_EQ_COLOR_V1: ekolayzer gecede de gunduzdeki gibi renkli (cubuk renkleri dj.css'ten) */

/* ---------------- Çalma listesi ---------------- */
html.rdx-night .queue-item,
html.rdx-night .library-item {
  background: rgba(8, 12, 30, .75) !important;
  border: 1px solid rgba(59, 130, 246, .28) !important;
  box-shadow: inset 0 0 12px rgba(59, 130, 246, .05) !important;
}

html.rdx-night .queue-item-title,
html.rdx-night .library-item-title {
  color: #f1f5ff !important;
}

html.rdx-night .queue-item-meta,
html.rdx-night .library-item-meta,
html.rdx-night .queue-item-info small {
  color: #8ea3c7 !important;
}

html.rdx-night .queue-number,
html.rdx-night .queue-item-number,
html.rdx-night .queue-item > span:first-child {
  border-color: rgba(59, 130, 246, .65) !important;
  color: #8ec5ff !important;
  box-shadow: 0 0 10px rgba(59, 130, 246, .35);
}

html.rdx-night .persistent-queue-actions button,
html.rdx-night .queue-item-control {
  background: rgba(8, 14, 34, .9) !important;
  border: 1px solid rgba(59, 130, 246, .6) !important;
  color: #9fd0ff !important;
  box-shadow: 0 0 8px rgba(59, 130, 246, .25) !important;
}

html.rdx-night .queue-item-control.position {
  background: linear-gradient(180deg, #2563eb, #1d4ed8) !important;
  border-color: #3b82f6 !important;
  color: #fff !important;
  box-shadow: 0 0 14px rgba(59, 130, 246, .6) !important;
}

html.rdx-night .queue-item-control.remove {
  border-color: rgba(239, 68, 68, .65) !important;
  color: #f87171 !important;
  box-shadow: 0 0 10px rgba(239, 68, 68, .3) !important;
}

html.rdx-night .persistent-queue-actions button:disabled,
html.rdx-night .queue-item-control:disabled {
  opacity: .4;
}

html.rdx-night .rdx-library-youtube-badge {
  background: rgba(239, 68, 68, .14) !important;
  border-color: rgba(239, 68, 68, .55) !important;
  color: #fca5a5 !important;
}

/* ---------------- Pencereler / çekmeceler ---------------- */
html.rdx-night .rdx-sc-setup,
html.rdx-night .rdx-broadcast-modal-box,
html.rdx-night .rdx-broadcast-modal > div:not(.rdx-broadcast-modal-backdrop),
html.rdx-night .rdx-mic-choice,
html.rdx-night .rdx-left-drawer,
html.rdx-night .rdx-standalone-modal,
html.rdx-night .modal-card,
html.rdx-night .modal-box,
html.rdx-night .rdx-upload-modal-box,
html.rdx-night .password-modal-card {
  background: linear-gradient(160deg, #0d1534, #070b1d) !important;
  border: 1px solid rgba(59, 130, 246, .5) !important;
  color: #e6eeff !important;
  box-shadow: 0 0 30px rgba(59, 130, 246, .25), 0 24px 60px rgba(0, 0, 0, .6) !important;
}

html.rdx-night .rdx-persist-connect {
  background: rgba(10, 16, 36, .8) !important;
  border-color: rgba(59, 130, 246, .4) !important;
}

html.rdx-night .rdx-persist-connect b {
  color: #e6eeff !important;
}

/* ---------------- Mikrofon ---------------- */
html.rdx-night .rdx-bottom-mic:not(.is-live) {
  background:
    radial-gradient(circle at 50% 40%, #1d4ed8 0%, #0b1a4a 60%, #050b24 100%) !important;
  border: 2px solid rgba(96, 165, 250, .9) !important;
  box-shadow:
    0 0 0 4px rgba(99, 102, 241, .25),
    0 0 0 8px rgba(168, 85, 247, .12),
    0 0 26px rgba(59, 130, 246, .75),
    0 0 46px rgba(168, 85, 247, .35) !important;
}

html.rdx-night .rdx-bottom-mic:not(.is-live) .rdx-blue-mic-icon::before {
  background: linear-gradient(180deg, #ffffff, #dbeafe) !important;
  box-shadow: 0 0 8px rgba(255, 255, 255, .6) !important;
}

html.rdx-night .rdx-bottom-mic:not(.is-live) .rdx-blue-mic-icon::after {
  border-color: #ffffff !important;
}

html.rdx-night .rdx-bottom-mic:not(.is-live) .rdx-blue-mic-icon {
  background: linear-gradient(#fff, #fff) center 23px / 3px 6px no-repeat !important;
}

/* gece: halkalar yerine dik neon çubuklar */
html.rdx-night #rdxMicWaves svg {
  display: none;
}

#rdxMicWaves .rdx-wave-bars {
  display: none;
}

html.rdx-night #rdxMicWaves .rdx-wave-bars {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 56px;
  padding: 0 4px;
}

html.rdx-night #rdxMicWaves .rdx-wave-bars i {
  display: block;
  width: 4px;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(180deg, #22d3ee, #6366f1 55%, #d946ef);
  box-shadow: 0 0 8px rgba(99, 102, 241, .8);
  transition: height .06s linear;
}

/* ---------------- Admin ---------------- */
html.rdx-night .rdx-syslog-list,
html.rdx-night .rdx-demo-line,
html.rdx-night .admin-mp3-list,
html.rdx-night .placeholder-box {
  background: rgba(6, 10, 26, .7) !important;
  border-color: rgba(59, 130, 246, .3) !important;
}

html.rdx-night .rdx-syslog-row {
  border-bottom-color: rgba(59, 130, 246, .15) !important;
}

html.rdx-night .rdx-syslog-msg,
html.rdx-night .rdx-syslog-account {
  color: #e6eeff !important;
}

html.rdx-night .small-button,
html.rdx-night .secondary-button {
  background: rgba(10, 16, 36, .9) !important;
  border-color: rgba(59, 130, 246, .5) !important;
  color: #9fd0ff !important;
}

html.rdx-night .primary-button {
  box-shadow: 0 0 16px rgba(59, 130, 246, .45) !important;
}

/* ---------------- Demo şeridi ---------------- */
html.rdx-night .rdx-demo-bar {
  background: rgba(88, 28, 135, .55) !important;
  border-bottom: 1px solid rgba(168, 85, 247, .5);
}

/* djx giris / landing basliklari */
html.rdx-night .head strong,
html.rdx-night h1,
html.rdx-night h2 {
  color: #f1f5ff !important;
  text-shadow: 0 0 14px rgba(56, 189, 248, .35);
}

html.rdx-night .head small,
html.rdx-night label {
  color: #a9bbd9 !important;
}

/* RDX_SESSION_GRACE_V1 — oturum penceresi gece */
html.rdx-night .rdx-session-prompt-overlay {
  background: rgba(2, 6, 23, 0.72) !important;
}

html.rdx-night .rdx-session-prompt {
  background: linear-gradient(160deg, rgba(15, 20, 48, .97), rgba(8, 11, 30, .97)) !important;
  border: 1px solid rgba(99, 102, 241, .55);
  box-shadow: 0 0 0 1px rgba(56, 189, 248, .15), 0 0 40px rgba(99, 102, 241, .35) !important;
  color: #e8f0ff !important;
}

html.rdx-night .rdx-session-prompt h3 {
  color: #f1f5ff !important;
}

html.rdx-night .rdx-session-prompt p,
html.rdx-night .rdx-session-prompt small {
  color: #a9bbd9 !important;
}

html.rdx-night .rdx-session-prompt-count {
  background: rgba(249, 115, 22, .12) !important;
  border-color: rgba(251, 146, 60, .5) !important;
  color: #fdba74 !important;
}

html.rdx-night .rdx-session-yes {
  box-shadow: 0 0 18px rgba(34, 197, 94, .45);
}

html.rdx-night .rdx-session-no {
  background: rgba(239, 68, 68, .1) !important;
  color: #fca5a5 !important;
  border-color: rgba(239, 68, 68, .55) !important;
}

html.rdx-night .rdx-grace-badge {
  background: rgba(249, 115, 22, .12) !important;
  border-color: rgba(251, 146, 60, .5) !important;
  color: #fdba74 !important;
}

html.rdx-night .rdx-field-hint {
  color: #8ea3c7 !important;
}


/* ============================================================
 * RDX_NIGHT_ACTIVE_ROW_V1
 * Gunduz modunda siyah olan "su an calan" satir gece modunda
 * beyaz: koyu listede hemen belli olsun.
 * ============================================================ */
html.rdx-night .queue-item.rdx-queue-active {
  /* cok beyaz olmasin: hafif grimsi */
  background: linear-gradient(180deg, #d9dfe9, #cbd3e0) !important;
  border-color: #b8c2d3 !important;
  color: #0b1020 !important;
  box-shadow: 0 0 0 1px rgba(99, 102, 241, .55), 0 0 22px rgba(99, 102, 241, .55) !important;
}

html.rdx-night .queue-item.rdx-queue-active .queue-item-title,
html.rdx-night .queue-item.rdx-queue-active .queue-item-info,
html.rdx-night .queue-item.rdx-queue-active .queue-item-failed {
  color: #0b1020 !important;
}

html.rdx-night .queue-item.rdx-queue-active .queue-item-meta,
html.rdx-night .queue-item.rdx-queue-active .queue-item-meta.mp3,
html.rdx-night .queue-item.rdx-queue-active .queue-item-meta.youtube,
html.rdx-night .queue-item.rdx-queue-active .queue-item-info small {
  color: #334155 !important;
  opacity: 1;
}

html.rdx-night .queue-item.rdx-queue-active .queue-item-control {
  background: #eef1f7 !important;
  border-color: #b8c2d3 !important;
  color: #1e293b !important;
  box-shadow: none !important;
}

html.rdx-night .queue-item.rdx-queue-active .queue-item-control:hover {
  background: #e0e7ff !important;
  border-color: #a5b4fc !important;
}

html.rdx-night .queue-item.rdx-queue-active .queue-item-control:disabled {
  background: #dde3ec !important;
  border-color: #c3ccda !important;
  color: #94a3b8 !important;
  opacity: 1 !important;
}

html.rdx-night .queue-item.rdx-queue-active .queue-item-control.position {
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #ffffff !important;
}

/* calan parca butonu: gunduzde beyaz, gecede koyu (ters) */
html.rdx-night .queue-item.rdx-queue-active .queue-item-control.play {
  background: #0b1020 !important;
  border-color: #0b1020 !important;
  color: #ffffff !important;
}

html.rdx-night .queue-item.rdx-queue-active .queue-equalizer i {
  background: #ffffff !important;
}

html.rdx-night .queue-item.rdx-queue-active .queue-item-control.remove {
  background: #fee2e2 !important;
  border-color: #fca5a5 !important;
  color: #b91c1c !important;
}

html.rdx-night .queue-item.rdx-queue-active .rdx-track-progress::after {
  color: #0b1020 !important;
}

html.rdx-night .queue-item.rdx-queue-active .rdx-track-progress-track {
  background: rgba(15, 23, 42, .18) !important;
}

html.rdx-night .queue-item.rdx-queue-active .rdx-track-progress-fill {
  background: linear-gradient(90deg, #6366f1, #22d3ee) !important;
}

/* admin DJ kartlari (alan adi renkli): gunduzdeki acik pembe/renkli zemin gecede koyu */
html.rdx-night body .rdx-domain-dj-card {
  background:
    linear-gradient(
      135deg,
      hsla(var(--rdx-domain-hue, 220), 65%, 30%, .45),
      rgba(8, 12, 30, .92) 60%
    ) !important;
  border-top-color: hsla(var(--rdx-domain-hue, 220), 70%, 55%, .45) !important;
  border-right-color: hsla(var(--rdx-domain-hue, 220), 70%, 55%, .45) !important;
  border-bottom-color: hsla(var(--rdx-domain-hue, 220), 70%, 55%, .45) !important;
}

html.rdx-night body .rdx-domain-dj-card .dj-name strong {
  color: #f1f5ff !important;
}