/* ═══════════════════════════════════════════════════════════
   MRMDev — skin „Klasik" (colorful), po uzoru na stari MRM
   Važi samo kad body ima klase mrm-aurora + mrm-colorful
   (bira se u Podešavanja → Pristupačnost → Stil, ili ✦ na prijavi).
   Menja SAMO boje, senke i sličice — nijednu veličinu, razmak ni font.

   Prvi deo je generisan iz tamnih tema (Prestiž tamna + Aurora tamna)
   samo sa svojstvima boja, prebojen u plavo-tirkiznu paletu.
   Drugi deo („ručni sloj") daje šarene akcente starog MRM-a.
   Napravljeno 2026-10-09 (Bora / Claude).
   ═══════════════════════════════════════════════════════════ */

/* ── iz styles-macos.css (47 pravila) ── */
html body.mrm-colorful.mrm-colorful #resultDropdown {
  background: rgba(4,14,20,0.97) !important;
  border-color: rgba(90,194,255,0.18) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
}
html body.mrm-colorful.mrm-colorful .search-itemm:nth-child(even) {
  background: rgba(90,194,255,0.05) !important;
}
html body.mrm-colorful.mrm-colorful .search-itemm:hover,
html body.mrm-colorful.mrm-colorful .search-itemm:nth-child(odd):hover,
html body.mrm-colorful.mrm-colorful .search-itemm:nth-child(even):hover {
  background: rgba(90,194,255,0.12) !important;
}
html body.mrm-colorful.mrm-colorful .search-item {
  color: var(--t1) !important;
}
html body.mrm-colorful.mrm-colorful .search-item span[style*="color:red"] {
  color: #369fdc !important;
}
html body.mrm-colorful.mrm-colorful .search-info-btn {
  color: var(--t3) !important;
}
html body.mrm-colorful.mrm-colorful .search-info-btn:hover {
  color: var(--violet) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful #resultDropdown {
  background: rgba(5,17,22,0.97) !important;
  border-color: rgba(139,216,250,0.18) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.55) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .search-itemm:nth-child(even) {
  background: rgba(139,216,250,0.06) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .search-itemm:hover,
html body.mrm-colorful.mrm-aurora.mrm-colorful .search-itemm:nth-child(odd):hover,
html body.mrm-colorful.mrm-aurora.mrm-colorful .search-itemm:nth-child(even):hover {
  background: rgba(139,216,250,0.13) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .search-item span[style*="color:red"] {
  color: #8bd8fa !important;
}
html body.mrm-colorful.mrm-colorful {
  --bg0: #041119;
  --bg1: #061720;
  --bg2: rgba(5,21,30,0.8);
  --bg3: rgba(4,16,23,0.7);
  --bg4: rgba(7,28,41,0.9);
  --border: rgba(90,194,255,0.12);
  --border-hi: rgba(90,194,255,0.3);
  --violet: #369fdc;
  --violet-d: rgba(42,153,218,0.15);
  --violet-hi: rgba(42,153,218,0.25);
  --t1: #afd9f1;
  --t2: rgba(160,211,240,0.65);
  --t3: rgba(85,174,225,0.4);
  background: #041119 !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful {
  --bg0: #030c10;
  --bg1: #051b25;
  --bg2: rgba(8,27,37,0.8);
  --bg3: rgba(6,22,30,0.7);
  --bg4: rgba(11,38,54,0.9);
  --border: rgba(139,216,250,0.14);
  --border-hi: rgba(139,216,250,0.32);
  --violet: #8bd8fa;
  --violet-d: rgba(139,216,250,0.15);
  --violet-hi: rgba(139,216,250,0.25);
  --t1: rgba(228,247,255,0.95);
  --t2: rgba(160,211,235,0.65);
  --t3: rgba(106,184,223,0.4);
}
html body.mrm-colorful.mrm-colorful .main-page-bg,
html body.mrm-colorful.mrm-colorful html {
  background: #041119 !important;
}
html body.mrm-colorful.mrm-colorful .panel,
html body.mrm-colorful.mrm-colorful .card,
html body.mrm-colorful.mrm-colorful .pl-chip {
  background: var(--bg4) !important;
  border-color: var(--border-hi) !important;
}
html body.mrm-colorful.mrm-colorful .pl-chip-label {
  color: rgba(15,58,83,0.65) !important;
}
html body.mrm-colorful.mrm-colorful .pl-chip-name {
  color: rgba(4,17,25,0.92) !important;
}
html body.mrm-colorful.mrm-colorful .song-blocks {
  background: rgba(45,155,218,0.05) !important;
  border-color: rgba(45,155,218,0.14) !important;
  box-shadow: none !important;
}
html body.mrm-colorful.mrm-colorful .song-block {
  background: transparent !important;
  border-bottom-color: rgba(45,155,218,0.1) !important;
}
html body.mrm-colorful.mrm-colorful .btn-ghost,
html body.mrm-colorful.mrm-colorful .btn-ghost-xs,
html body.mrm-colorful.mrm-colorful .btn-icon {
  background: var(--bg3) !important;
  border-color: var(--border) !important;
  color: var(--t2) !important;
}
html body.mrm-colorful.mrm-colorful .btn-ghost:hover,
html body.mrm-colorful.mrm-colorful .btn-ghost-xs:hover,
html body.mrm-colorful.mrm-colorful .btn-icon:hover {
  background: var(--bg4) !important;
  border-color: var(--border-hi) !important;
  color: var(--t1) !important;
}
html body.mrm-colorful.mrm-colorful .song-title,
html body.mrm-colorful.mrm-colorful .song-artist,
html body.mrm-colorful.mrm-colorful .pl-chip-name,
html body.mrm-colorful.mrm-colorful .pl-chip-label {
  color: var(--t1) !important;
}
html body.mrm-colorful.mrm-colorful .play-btn {
  background: linear-gradient(135deg, #369fdc 0%, #196590 100%) !important;
}
html body.mrm-colorful.mrm-colorful input,
html body.mrm-colorful.mrm-colorful input[type="text"],
html body.mrm-colorful.mrm-colorful input[type="search"] {
  background: var(--bg3) !important;
  border-color: var(--border) !important;
  color: var(--t1) !important;
}
html body.mrm-colorful.mrm-colorful .tabs .tab a {
  color: var(--t2) !important;
}
html body.mrm-colorful.mrm-colorful .tabs .tab a.active,
html body.mrm-colorful.mrm-colorful .tabs .tab a:focus {
  color: var(--violet) !important;
}
html body.mrm-colorful.mrm-colorful .tabs .indicator {
  background-color: var(--violet) !important;
}
html body.mrm-colorful.mrm-colorful .t-skip {
  background: var(--bg3) !important;
  border-color: var(--border) !important;
  color: var(--t2) !important;
}
html body.mrm-colorful.mrm-colorful .t-skip:hover {
  background: var(--bg4) !important;
  border-color: var(--border-hi) !important;
  color: var(--t1) !important;
}
html body.mrm-colorful.mrm-colorful .lib-btn {
  background: var(--bg3) !important;
  border-color: var(--border) !important;
  color: var(--t2) !important;
}
html body.mrm-colorful.mrm-colorful .lib-btn .material-icons,
html body.mrm-colorful.mrm-colorful .tool-btn .material-icons {
  color: var(--t2) !important;
}
html body.mrm-colorful.mrm-colorful .lib-btn:hover {
  background: var(--bg4) !important;
  border-color: var(--border-hi) !important;
  color: var(--t1) !important;
}
html body.mrm-colorful.mrm-colorful .tool-btn {
  background: var(--bg3) !important;
  border-color: var(--border) !important;
  color: var(--t2) !important;
}
html body.mrm-colorful.mrm-colorful .tool-btn:hover {
  background: var(--bg4) !important;
  border-color: var(--border-hi) !important;
  color: var(--t1) !important;
}
html body.mrm-colorful.mrm-colorful .tool-btn.t-amber .material-icons,
html body.mrm-colorful.mrm-colorful .tool-btn.t-blue .material-icons,
html body.mrm-colorful.mrm-colorful .tool-btn.t-red .material-icons {
  color: var(--t2) !important;
}
html body.mrm-colorful.mrm-colorful .tool-btn.t-amber:hover {
  background: var(--bg4) !important;
  border-color: var(--border-hi) !important;
}
html body.mrm-colorful.mrm-colorful .tool-btn.t-blue:hover {
  background: var(--bg4) !important;
  border-color: var(--border-hi) !important;
}
html body.mrm-colorful.mrm-colorful .tool-btn.t-red:hover {
  background: var(--bg4) !important;
  border-color: var(--border-hi) !important;
}
html body.mrm-colorful.mrm-colorful .s-field {
  background: var(--bg3) !important;
  border-color: var(--border) !important;
}
html body.mrm-colorful.mrm-colorful .s-field:focus-within {
  border-color: rgba(54,159,220,0.5) !important;
  box-shadow: 0 0 0 3px rgba(54,159,220,0.12) !important;
}
html body.mrm-colorful.mrm-colorful .sb-menu {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--t3) !important;
}
html body.mrm-colorful.mrm-colorful .sb-menu:hover {
  background: var(--bg4) !important;
  color: var(--t1) !important;
}
html body.mrm-colorful.mrm-colorful .genre-button {
  background: var(--bg3) !important;
  border-color: var(--border) !important;
  color: var(--t2) !important;
}
html body.mrm-colorful.mrm-colorful .genre-button:hover {
  background: var(--bg4) !important;
  color: var(--t1) !important;
}
html body.mrm-colorful.mrm-colorful .genre_active {
  background: rgba(54,159,220,0.15) !important;
  border-left-color: var(--violet) !important;
}
html body.mrm-colorful.mrm-colorful .genre_active .genre_name,
html body.mrm-colorful.mrm-colorful .genre_active .genre_play {
  color: var(--violet) !important;
}
@media (max-width: 767px) {
html body.mrm-colorful.mrm-colorful .main-card {
  background: radial-gradient(ellipse at 50% 38%, rgba(18,76,110,0.28) 0%, rgba(6,24,35,0.62) 50%, rgba(2,7,10,0.88) 100%) !important;
}
}

/* ── iz index.html (324 pravila) ── */
html.mrm-aurora:has(body.mrm-colorful) {
  background: #041119 !important;
}
html.mrm-aurora:has(body.mrm-colorful) {
  background: #030c10 !important;
}
html body.mrm-colorful.mrm-colorful .main-orb-1 {
  background-image: radial-gradient(circle at center, rgba(18,71,102,0.45) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .main-orb-2 {
  background-image: radial-gradient(circle at center, rgba(18,71,102,0.45) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .main-orb-3 {
  background-image: radial-gradient(circle at center, rgba(21,84,121,0.32) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .main-orb-s1 {
  background-image: radial-gradient(circle at center, rgba(19,75,108,0.46) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .main-orb-s2 {
  background-image: radial-gradient(circle at center, rgba(14,61,88,0.42) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .main-orb-s3 {
  background-image: radial-gradient(circle at center, rgba(21,84,121,0.34) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .main-orb-s4 {
  background-image: radial-gradient(circle at center, rgba(12,55,80,0.54) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .main-orb-s5 {
  background-image: radial-gradient(circle at center, rgba(20,77,110,0.4) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .main-orb-s6 {
  background-image: radial-gradient(circle at center, rgba(17,67,96,0.48) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .main-orb-s7 {
  background-image: radial-gradient(circle at center, rgba(22,88,126,0.38) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .main-orb-m1 {
  background-image: radial-gradient(circle at center, rgba(19,75,108,0.28) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .main-orb-m2 {
  background-image: radial-gradient(circle at center, rgba(16,63,90,0.26) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .main-orb-m3 {
  background-image: radial-gradient(circle at center, rgba(21,81,116,0.24) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-account-name {
  color: rgba(149,204,236,0.88) !important;
}
html body.mrm-colorful.mrm-colorful,
html body.mrm-colorful.mrm-colorful .main-page-bg {
  background: #041119 !important;
}
html body.mrm-colorful.mrm-colorful .main-card {
  background: radial-gradient(ellipse at 50% 38%, rgba(18,76,110,0.28) 0%, rgba(6,24,35,0.62) 50%, rgba(2,7,10,0.88) 100%) !important;
  border-color: rgba(90,194,255,0.14) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.55) !important;
}
html body.mrm-colorful.mrm-colorful .main-card::before {
  background: radial-gradient(
      320px circle at var(--mx, 50%) var(--my, -150%),
      rgba(140,213,255,0.72) 0%,
      rgba(140,213,255,0.22) 40%,
      rgba(140,213,255,0.04) 80%
    ) !important;
}
html body.mrm-colorful.mrm-colorful #mainCard .card-lang-btn {
  background: rgba(255,255,255,0.07) !important;
  border-color: rgba(90,194,255,0.18) !important;
}
html body.mrm-colorful.mrm-colorful #mainCard .card-dark-btn {
  background: rgba(255,255,255,0.07) !important;
  border-color: rgba(90,194,255,0.18) !important;
}
html body.mrm-colorful.mrm-colorful #mainCard .card-dark-btn .material-icons {
  color: rgba(145,205,240,0.75) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-song-panel {
  background: rgba(3,11,16,0.97) !important;
  box-shadow: 0 14px 52px rgba(0,0,0,0.62), 0 0 0 1px rgba(90,194,255,0.12) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-song-title {
  color: rgba(140,203,240,0.7) !important;
  border-bottom-color: rgba(45,155,218,0.12) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-song-acts .s-act {
  background: rgba(45,155,218,0.06) !important;
  border-color: rgba(45,155,218,0.14) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-song-acts .s-act:hover {
  background: rgba(255,255,255,0.1) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-song-acts .s-act .search-bar-icons {
  color: rgba(54,159,220,0.8) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-song-acts .s-act .search-bar-text {
  color: rgba(160,211,240,0.85) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-cancel-btn {
  color: rgba(140,203,240,0.45) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-cancel-btn:hover {
  background: rgba(90,194,255,0.08) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-panel {
  background: rgba(3,11,16,0.97) !important;
  box-shadow: 0 14px 52px rgba(0,0,0,0.62), 0 0 0 1px rgba(90,194,255,0.12) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-header {
  border-color: rgba(45,155,218,0.1) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-close {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(45,155,218,0.22) !important;
  color: rgba(48,156,219,0.8) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-close:hover {
  background: rgba(255,255,255,0.1) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-title {
  color: rgba(139,199,234,0.78) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-now-dot {
  background: rgba(55,159,220,0.72) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-now-name {
  color: rgba(71,167,222,0.72) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-item:hover {
  background: rgba(48,156,219,0.06) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-item.mrm-pl-active {
  background: rgba(38,150,215,0.1) !important;
  border-left-color: rgba(51,157,219,0.62) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-item + .mrm-pl-item::before {
  background: rgba(45,155,218,0.07) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-icon {
  background: rgba(45,155,218,0.09) !important;
  border-color: rgba(45,155,218,0.18) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-active .mrm-pl-icon {
  background: rgba(45,155,218,0.17) !important;
  border-color: rgba(54,159,219,0.42) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-icon .material-icons {
  color: rgba(35,138,198,0.62) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-active .mrm-pl-icon .material-icons {
  color: rgba(71,167,222,0.92) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-name {
  color: rgba(161,210,239,0.9) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-active .mrm-pl-name {
  color: rgba(182,222,245,0.98) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-desc {
  color: rgba(45,155,218,0.52) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-active .mrm-pl-desc {
  color: rgba(73,168,223,0.68) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-badge-new {
  background: rgba(195,65,40,0.22) !important;
  color: rgba(100,181,228,0.85) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-desc.mrm-sp-on {
  color: rgba(120,185,75,0.78) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-item--special .mrm-pl-chevron,
html body.mrm-colorful.mrm-colorful .mrm-pl-item .mrm-pl-chevron {
  color: rgba(45,155,218,0.38) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-sep {
  color: rgba(45,155,218,0.35) !important;
  border-color: rgba(45,155,218,0.08) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-sp-row {
  background: rgba(45,155,218,0.06) !important;
  border-color: rgba(45,155,218,0.12) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-sp-row-label {
  color: rgba(161,210,239,0.9) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-sp-row-sublabel {
  color: rgba(51,157,219,0.52) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-sp-toggle {
  background: rgba(45,155,218,0.15) !important;
  border-color: rgba(45,155,218,0.25) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-sp-toggle.on {
  background: rgba(35,139,200,0.75) !important;
  border-color: rgba(31,123,177,0.8) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-sp-stepper {
  border-color: rgba(45,155,218,0.25) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-sp-step-btn {
  background: rgba(45,155,218,0.08) !important;
  color: rgba(81,172,224,0.8) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-sp-step-btn:hover {
  background: rgba(45,155,218,0.18) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-sp-step-num {
  color: rgba(164,211,239,0.92) !important;
  border-color: rgba(45,155,218,0.18) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-sp-save {
  background: rgba(33,131,187,0.78) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-sp-save:hover {
  background: rgba(29,116,166,0.88) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-fav-empty {
  color: rgba(64,163,221,0.32) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-fav-item:hover {
  background: rgba(48,156,219,0.06) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-fav-item + .mrm-fav-item::before {
  background: rgba(45,155,218,0.07) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-fav-icon {
  background: rgba(45,155,218,0.09) !important;
  border-color: rgba(45,155,218,0.18) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-fav-item:hover .mrm-fav-icon {
  background: rgba(45,155,218,0.18) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-fav-icon .material-icons {
  color: rgba(35,138,198,0.6) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-fav-artist {
  color: rgba(55,159,220,0.55) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-fav-title {
  color: rgba(161,210,239,0.9) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-fav-remove {
  color: rgba(64,163,221,0.45) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-fav-remove:hover {
  background: rgba(64,163,221,0.1) !important;
  color: rgba(64,163,221,0.82) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-hist-item + .mrm-hist-item::before {
  background: rgba(45,155,218,0.07) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-hist-icon {
  background: rgba(45,155,218,0.09) !important;
  border-color: rgba(45,155,218,0.16) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-hist-icon .material-icons {
  color: rgba(35,138,198,0.55) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-hist-time {
  color: rgba(66,165,222,0.52) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-hist-artist {
  color: rgba(55,159,220,0.55) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-hist-title {
  color: rgba(161,210,239,0.9) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-hist-act:first-child {
  color: rgba(64,163,221,0.45) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-hist-act:first-child:hover {
  background: rgba(64,163,221,0.1) !important;
  color: rgba(64,163,221,0.82) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-hist-act:last-child {
  color: rgba(210,90,90,0.42) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-hist-act:last-child:hover {
  background: rgba(210,90,90,0.10) !important;
  color: rgba(210,90,90,0.80) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-bl-tab {
  background: rgba(45,155,218,0.08) !important;
  border-color: rgba(45,155,218,0.2) !important;
  color: rgba(64,163,221,0.58) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-bl-tab.active {
  background: rgba(33,129,184,0.75) !important;
  border-color: rgba(28,111,159,0.6) !important;
  color: rgba(232,247,255,0.97) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-bl-item:hover {
  background: rgba(48,156,219,0.05) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-bl-item + .mrm-bl-item::before {
  background: rgba(45,155,218,0.07) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-bl-icon {
  background: rgba(38,148,212,0.1) !important;
  border-color: rgba(38,148,212,0.22) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-bl-icon .material-icons {
  color: rgba(60,161,220,0.6) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-bl-text {
  color: rgba(161,210,239,0.88) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-bl-remove {
  color: rgba(60,161,220,0.4) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-bl-remove:hover {
  background: rgba(60,161,220,0.1) !important;
  color: rgba(60,161,220,0.8) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-bl-empty {
  color: rgba(64,163,221,0.32) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-info-userdata {
  color: rgba(153,206,237,0.78) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-info-soc-btn {
  background: rgba(45,155,218,0.07) !important;
  border-color: rgba(45,155,218,0.18) !important;
  color: rgba(81,172,224,0.8) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-info-soc-btn.soc-viber {
  background: rgba(43,142,202,0.1) !important;
  border-color: rgba(43,142,202,0.22) !important;
  color: rgba(123,187,227,0.8) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-info-soc-btn.soc-wapp {
  background: rgba(50,165,90,0.10) !important;
  border-color: rgba(50,165,90,0.22) !important;
  color: rgba(80,195,120,0.80) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-info-soc-btn.soc-phone {
  background: rgba(50,115,210,0.10) !important;
  border-color: rgba(50,115,210,0.22) !important;
  color: rgba(100,160,235,0.80) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-info-soc-btn.soc-mail {
  background: rgba(38,151,217,0.1) !important;
  border-color: rgba(38,151,217,0.22) !important;
  color: rgba(95,184,235,0.8) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-expand-btn {
  background: rgba(45,155,218,0.08) !important;
  border-color: rgba(45,155,218,0.22) !important;
  color: rgba(48,156,219,0.75) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-list {
  background: rgba(45,155,218,0.05) !important;
  border-color: rgba(45,155,218,0.14) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-list-title {
  color: rgba(66,165,222,0.5) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-list-empty {
  color: rgba(51,157,219,0.42) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-list-items p {
  color: rgba(150,205,236,0.88) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-list-items p:nth-child(even) {
  background: rgba(45,155,218,0.06) !important;
}
html body.mrm-colorful.mrm-bold-1.mrm-colorful .sb-tag {
  color: rgba(157,208,238,0.85) !important;
}
html body.mrm-colorful.mrm-bold-1.mrm-colorful .sb-text {
  color: rgba(174,216,241,0.96) !important;
}
html body.mrm-colorful.mrm-bold-1.mrm-colorful .mrm-fav-title,
html body.mrm-colorful.mrm-bold-1.mrm-colorful .mrm-hist-title,
html body.mrm-colorful.mrm-bold-1.mrm-colorful .mrm-bl-text,
html body.mrm-colorful.mrm-bold-1.mrm-colorful .mrm-pl-name {
  color: rgba(180,221,245,0.96) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-bold-pill {
  background: rgba(45,155,218,0.08) !important;
  border-color: rgba(45,155,218,0.2) !important;
  color: rgba(64,163,221,0.58) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-bold-pill.active {
  background: rgba(33,129,184,0.75) !important;
  border-color: rgba(28,111,159,0.6) !important;
  color: rgba(232,247,255,0.97) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}
html body.mrm-colorful.mrm-bold-2.mrm-colorful .sb-tag {
  color: rgba(157,208,238,0.85) !important;
}
html body.mrm-colorful.mrm-bold-2.mrm-colorful .sb-text {
  color: rgba(174,216,241,0.98) !important;
}
html body.mrm-colorful.mrm-bold-2.mrm-colorful .pl-chip-label {
  color: rgba(161,210,239,0.8) !important;
}
html body.mrm-colorful.mrm-bold-2.mrm-colorful .lib-btn span,
html body.mrm-colorful.mrm-bold-2.mrm-colorful .tool-btn span {
  color: rgba(145,202,235,0.95) !important;
}
html body.mrm-colorful.mrm-bold-2.mrm-colorful .mrm-fav-artist,
html body.mrm-colorful.mrm-bold-2.mrm-colorful .mrm-hist-artist {
  color: rgba(119,190,231,0.85) !important;
}
html body.mrm-colorful.mrm-bold-2.mrm-colorful .mrm-fav-title,
html body.mrm-colorful.mrm-bold-2.mrm-colorful .mrm-hist-title,
html body.mrm-colorful.mrm-bold-2.mrm-colorful .mrm-bl-text {
  color: rgba(180,221,245,0.98) !important;
}
html body.mrm-colorful.mrm-bold-2.mrm-colorful .mrm-pl-name {
  color: rgba(180,221,245,0.98) !important;
}
html body.mrm-colorful.mrm-bold-2.mrm-colorful .mrm-pl-desc {
  color: rgba(106,184,229,0.8) !important;
}
html body.mrm-colorful.mrm-bold-3.mrm-colorful .sb-tag {
  color: rgba(240,250,255,0.92) !important;
}
html body.mrm-colorful.mrm-bold-3.mrm-colorful .sb-text {
  color: rgba(245,251,255,0.99) !important;
}
html body.mrm-colorful.mrm-bold-3.mrm-colorful .pl-chip-label {
  color: rgba(220,239,250,0.88) !important;
}
html body.mrm-colorful.mrm-bold-3.mrm-colorful .lib-btn span,
html body.mrm-colorful.mrm-bold-3.mrm-colorful .tool-btn span {
  color: rgba(240,250,255,0.97) !important;
}
html body.mrm-colorful.mrm-bold-3.mrm-colorful .mrm-fav-artist,
html body.mrm-colorful.mrm-bold-3.mrm-colorful .mrm-hist-artist {
  color: rgba(190,225,245,0.92) !important;
}
html body.mrm-colorful.mrm-bold-3.mrm-colorful .mrm-fav-title,
html body.mrm-colorful.mrm-bold-3.mrm-colorful .mrm-hist-title,
html body.mrm-colorful.mrm-bold-3.mrm-colorful .mrm-bl-text {
  color: rgba(245,251,255,0.99) !important;
}
html body.mrm-colorful.mrm-bold-3.mrm-colorful .mrm-pl-name {
  color: rgba(245,251,255,0.99) !important;
}
html body.mrm-colorful.mrm-bold-3.mrm-colorful .mrm-pl-desc {
  color: rgba(153,206,237,0.85) !important;
}
html body.mrm-colorful.mrm-bold-3.mrm-colorful .contact-item-label {
  color: rgba(220,239,250,0.88) !important;
}
html body.mrm-colorful.mrm-bold-3.mrm-colorful .contact-item-text {
  color: rgba(245,251,255,0.99) !important;
}
html body.mrm-colorful.mrm-bold-3.mrm-colorful .search-bar-text {
  color: rgba(245,251,255,0.99) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-info-section-label {
  color: rgba(59,161,220,0.45) !important;
}
html body.mrm-colorful.mrm-colorful .contact-item {
  background: rgba(45,155,218,0.06) !important;
  border-color: rgba(45,155,218,0.12) !important;
}
html body.mrm-colorful.mrm-colorful .contact-item-icon {
  color: rgba(85,174,225,0.65) !important;
}
html body.mrm-colorful.mrm-colorful .contact-item-label {
  color: rgba(140,203,240,0.38) !important;
}
html body.mrm-colorful.mrm-colorful .contact-item-text {
  color: #afd9f1 !important;
}
html body.mrm-colorful.mrm-colorful .btn-copy {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(60,161,220,0.22) !important;
  color: rgba(60,161,220,0.7) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-pl-panel::before,
html body.mrm-colorful.mrm-colorful .mrm-song-panel::before {
  background: radial-gradient(
      260px circle at var(--mx, 50%) var(--my, 10%),
      rgba(140,213,255,0.65) 0%,
      rgba(140,213,255,0.2) 42%,
      rgba(140,213,255,0.03) 80%
    ) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-list-items p,
html body.mrm-colorful.mrm-colorful .mrm-set-list-items p.background-blue {
  color: rgba(149,204,236,0.88) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-list-items p.background-blue {
  background: rgba(45,155,218,0.14) !important;
}
html body.mrm-colorful.mrm-colorful #mrmSetOverlay a[href*="setlang"][style*="rgba(195,148,68,0.07)"] {
  color: rgba(77,170,223,0.58) !important;
  background: rgba(45,155,218,0.08) !important;
}
@media (max-width: 767px) {
html body.mrm-colorful.mrm-colorful .main-card {
  background: radial-gradient(ellipse at 50% 38%, rgba(18,76,110,0.28) 0%, rgba(6,24,35,0.62) 50%, rgba(2,7,10,0.88) 100%) !important;
  border-color: rgba(90,194,255,0.14) !important;
}
}
html body.mrm-colorful.mrm-colorful .mrm-info-userdata {
  color: rgba(149,204,236,0.85) !important;
}
html body.mrm-colorful.mrm-colorful #mrmInfoOverlay .contact-text,
html body.mrm-colorful.mrm-colorful #mrmInfoOverlay .first-contact-text,
html body.mrm-colorful.mrm-colorful #mrmInfoOverlay .last-contact-text,
html body.mrm-colorful.mrm-colorful #mrmInfoOverlay p {
  color: rgba(149,204,236,0.88) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-info-section-label {
  color: rgba(68,166,222,0.55) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-section-label {
  color: rgba(59,161,220,0.42) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-device {
  background: rgba(45,155,218,0.06) !important;
  border-color: rgba(45,155,218,0.12) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-device-dot.online-lokal {
  box-shadow: 0 0 0 2px rgba(0,152,240,0.35), 0 0 0 3.5px rgba(0,25,40,0.6) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-device-name {
  color: rgba(161,210,239,0.9) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-device-mode.stream {
  background: rgba(34,139,34,0.18) !important;
  color: rgba(80,210,80,0.90) !important;
  border-color: rgba(34,139,34,0.35) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-device-mode.lokal {
  background: rgba(0,139,220,0.18) !important;
  color: rgba(50,180,255,0.9) !important;
  border-color: rgba(0,139,220,0.38) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-vol-label {
  color: rgba(72,168,223,0.55) !important;
}
html body.mrm-colorful.mrm-colorful input[type=range].mrm-set-vol-slider,
html body.mrm-colorful.mrm-colorful .mrm-set-vol-slider {
  background: rgba(45,155,218,0.28) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-vol-slider::-webkit-slider-runnable-track {
  background: rgba(45,155,218,0.28) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-vol-slider::-webkit-slider-thumb {
  background: #2490ce !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-vol-slider::-moz-range-track {
  background: rgba(45,155,218,0.28) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-vol-slider::-moz-range-thumb {
  background: #2490ce !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-device-offline-label {
  color: rgba(72,168,223,0.62) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-dev-expand-btn {
  color: rgba(60,161,220,0.55) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-set-dev-expand-btn:hover,
html body.mrm-colorful.mrm-colorful .mrm-set-dev-expand-btn.open {
  color: rgba(102,182,228,0.9) !important;
}
html body.mrm-colorful.mrm-colorful #mrmSetMain .mrm-pl-icon {
  background: rgba(45,155,218,0.12) !important;
  border-color: rgba(45,155,218,0.22) !important;
}
html body.mrm-colorful.mrm-colorful #mrmSetMain .mrm-pl-icon .material-icons {
  color: rgba(60,161,220,0.8) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-ov-search-zone {
  border-color: rgba(45,155,218,0.1) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-ov-sr-arrow {
  color: rgba(48,156,219,0.38) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-ov-sr-item:hover {
  background: rgba(45,155,218,0.1) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-ov-sr-item:hover .mrm-ov-sr-arrow {
  color: rgba(72,168,223,0.7) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-ov-clear-btn {
  background: rgba(45,155,218,0.12) !important;
  color: rgba(48,156,219,0.7) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-ov-clear-btn:hover {
  background: rgba(45,155,218,0.22) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-ov-search-field {
  background: rgba(45,155,218,0.07) !important;
  border-color: rgba(45,155,218,0.18) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-ov-search-field .material-icons {
  color: rgba(48,156,219,0.55) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-ov-search-field input {
  color: rgba(161,210,239,0.9) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-ov-search-field input::placeholder {
  color: rgba(42,153,218,0.38) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-ov-sr-list {
  background: rgba(4,14,20,0.97) !important;
  border-color: rgba(45,155,218,0.14) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-ov-sr-item {
  border-color: rgba(45,155,218,0.07) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-ov-sr-name {
  color: rgba(153,206,237,0.88) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-ov-sr-btn {
  color: rgba(48,156,219,0.65) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-ov-sr-btn:hover {
  background: rgba(45,155,218,0.14) !important;
  color: rgba(81,172,224,0.9) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-ov-sr-empty {
  color: rgba(42,153,218,0.45) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-vinyl-disc {
  border-color: rgba(90,194,255,0.22) !important;
  box-shadow: 0 4px 22px rgba(0,0,0,0.55), 0 1px 4px rgba(0,0,0,0.32) !important;
  background: rgba(4,20,30,0.65) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-vinyl-overlay {
  background-image: repeating-radial-gradient(
      circle at center,
      transparent 0px,
      transparent 10px,
      rgba(255,255,255,0.035) 10px,
      rgba(255,255,255,0.035) 11px
    ) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-vinyl-center {
  background: rgba(3,14,20,0.82) !important;
  border-color: rgba(45,155,218,0.38) !important;
}
html body.mrm-colorful.mrm-colorful .mrm-vinyl-center::after {
  background: rgba(45,155,218,0.65) !important;
}
@media (max-width: 767px) {
html body.mrm-colorful.mrm-colorful .mrm-expand-btn {
  color: rgba(60,161,220,0.5) !important;
  border-top-color: rgba(45,155,218,0.11) !important;
}
}
html body.mrm-colorful.mrm-aurora.mrm-colorful,
html body.mrm-colorful.mrm-aurora.mrm-colorful .main-page-bg {
  background: #030c10 !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .main-card {
  background: rgba(4,17,22,0.54) !important;
  border-color: rgba(120,211,255,0.2) !important;
  box-shadow: 0 0 0 1px rgba(57,166,213,0.09),
      0 2px 8px rgba(0,0,0,0.45),
      0 22px 55px rgba(0,0,0,0.65),
      inset 0 1px 0 rgba(175,229,255,0.07) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .main-card::before {
  background: radial-gradient(
      280px circle at var(--mx, 28%) var(--my, -150%),
      rgba(150,221,255,0.88) 0%,
      rgba(70,185,240,0.36) 35%,
      rgba(0,220,255,0.14) 60%,
      transparent 75%
    ) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-account-name {
  color: rgba(228,247,255,0.95) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .pl-chip-label {
  color: rgba(106,184,223,0.55) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .pl-chip-name {
  color: rgba(228,247,255,0.92) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .sb-tag {
  color: rgba(86,174,219,0.55) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .song-block--live .sb-tag {
  color: #8bd8fa !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .sb-text {
  color: rgba(160,211,235,0.7) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .song-block--live .sb-text {
  color: rgba(228,247,255,0.95) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .pl-chip {
  background: rgba(80,199,255,0.12) !important;
  border-color: rgba(139,216,250,0.2) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .song-blocks {
  background: rgba(80,199,255,0.07) !important;
  border-color: rgba(139,216,250,0.14) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .song-block {
  border-bottom-color: rgba(139,216,250,0.09) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .t-skip {
  background: rgba(80,199,255,0.1) !important;
  border-color: rgba(139,216,250,0.22) !important;
  color: rgba(160,211,235,0.7) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .t-play {
  background: linear-gradient(145deg, rgba(110,206,255,0.92), rgba(45,158,210,0.96)) !important;
  box-shadow: 0 4px 22px rgba(80,199,255,0.48), 0 0 0 1px rgba(150,221,255,0.32) !important;
  color: rgba(235,249,255,0.98) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .s-field {
  background: rgba(80,199,255,0.09) !important;
  border-color: rgba(139,216,250,0.18) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .s-field:focus-within {
  border-color: rgba(139,216,250,0.55) !important;
  box-shadow: 0 0 0 3px rgba(139,216,250,0.18) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .s-field input,
html body.mrm-colorful.mrm-aurora.mrm-colorful .s-field input[type="text"] {
  background: transparent !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-ov-search-field input,
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-ov-search-field input[type="text"] {
  background: transparent !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .lib-btn,
html body.mrm-colorful.mrm-aurora.mrm-colorful .tool-btn {
  background: rgba(80,199,255,0.1) !important;
  border-color: rgba(139,216,250,0.16) !important;
  color: rgba(160,211,235,0.68) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .lib-btn .material-icons,
html body.mrm-colorful.mrm-aurora.mrm-colorful .tool-btn .material-icons {
  color: rgba(139,216,250,0.62) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .lib-btn span,
html body.mrm-colorful.mrm-aurora.mrm-colorful .tool-btn span {
  color: rgba(160,211,235,0.68) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-expand-btn {
  color: rgba(106,184,223,0.44) !important;
  border-top-color: rgba(139,216,250,0.11) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-vinyl-disc {
  border-color: rgba(139,216,250,0.3) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.58), 0 0 28px rgba(70,182,240,0.24) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-vinyl-center {
  background: radial-gradient(circle, rgba(139,216,250,0.65), rgba(29,99,136,0.92)) !important;
  border-color: rgba(139,216,250,0.44) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful #mainCard .card-dark-btn {
  background: rgba(80,199,255,0.12) !important;
  border-color: rgba(139,216,250,0.24) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful #mainCard .card-dark-btn .material-icons {
  color: rgba(160,211,235,0.78) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-panel,
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-song-panel {
  background: rgba(5,17,22,0.94) !important;
  box-shadow: 0 14px 52px rgba(0,0,0,0.62), 0 0 0 1px rgba(139,216,250,0.14) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-panel::before,
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-song-panel::before {
  background: radial-gradient(
      260px circle at var(--mx, 50%) var(--my, 10%),
      rgba(150,221,255,0.65) 0%,
      rgba(70,185,240,0.22) 42%,
      rgba(0,220,255,0.04) 80%
    ) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-song-title {
  color: rgba(180,231,255,0.72) !important;
  border-bottom-color: rgba(139,216,250,0.12) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-song-acts .s-act {
  background: rgba(139,216,250,0.07) !important;
  border-color: rgba(139,216,250,0.16) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-song-acts .s-act:hover {
  background: rgba(139,216,250,0.14) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-song-acts .s-act .search-bar-icons {
  color: rgba(139,216,250,0.75) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-song-acts .s-act .search-bar-text {
  color: rgba(215,239,250,0.88) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-cancel-btn {
  color: rgba(156,209,234,0.5) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-cancel-btn:hover {
  background: rgba(139,216,250,0.08) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-header {
  border-color: rgba(139,216,250,0.1) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-close {
  background: rgba(139,216,250,0.1) !important;
  border-color: rgba(139,216,250,0.24) !important;
  color: rgba(180,231,255,0.82) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-close:hover {
  background: rgba(139,216,250,0.18) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-title {
  color: rgba(195,236,255,0.78) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-now-dot {
  background: #8bd8fa !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-now-name {
  color: rgba(160,211,235,0.72) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-item:hover {
  background: rgba(139,216,250,0.07) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-item + .mrm-pl-item::before {
  background: rgba(139,216,250,0.08) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-item.mrm-pl-active {
  background: rgba(139,216,250,0.14) !important;
  border-left-color: #8bd8fa !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-icon {
  background: rgba(139,216,250,0.1) !important;
  border-color: rgba(139,216,250,0.2) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-active .mrm-pl-icon {
  background: rgba(139,216,250,0.22) !important;
  border-color: rgba(139,216,250,0.45) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-icon .material-icons {
  color: rgba(139,216,250,0.62) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-active .mrm-pl-icon .material-icons {
  color: #8bd8fa !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-name {
  color: rgba(228,247,255,0.92) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-active .mrm-pl-name {
  color: rgba(240,250,255,0.98) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-desc {
  color: rgba(106,184,223,0.55) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-active .mrm-pl-desc {
  color: rgba(172,217,238,0.7) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-item--special .mrm-pl-chevron,
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-item .mrm-pl-chevron {
  color: rgba(106,184,223,0.42) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-sep {
  color: rgba(106,184,223,0.4) !important;
  border-top-color: rgba(139,216,250,0.1) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-sp-row {
  background: rgba(139,216,250,0.07) !important;
  border-color: rgba(139,216,250,0.14) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-sp-row-label {
  color: rgba(228,247,255,0.9) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-sp-row-sublabel {
  color: rgba(106,184,223,0.55) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-sp-toggle {
  background: rgba(139,216,250,0.16) !important;
  border-color: rgba(139,216,250,0.26) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-sp-toggle.on {
  background: #5cc4f6 !important;
  border-color: #3aafed !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-sp-stepper {
  border-color: rgba(139,216,250,0.26) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-sp-step-btn {
  background: rgba(139,216,250,0.09) !important;
  color: rgba(180,231,255,0.8) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-sp-step-btn:hover {
  background: rgba(139,216,250,0.2) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-sp-step-num {
  color: rgba(228,247,255,0.92) !important;
  border-color: rgba(139,216,250,0.2) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-sp-save {
  background: #5cc4f6 !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-sp-save:hover {
  background: #3aafed !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-fav-empty {
  color: rgba(106,184,223,0.35) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-fav-item:hover {
  background: rgba(139,216,250,0.07) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-fav-item + .mrm-fav-item::before {
  background: rgba(139,216,250,0.08) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-fav-icon {
  background: rgba(139,216,250,0.1) !important;
  border-color: rgba(139,216,250,0.18) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-fav-item:hover .mrm-fav-icon {
  background: rgba(139,216,250,0.2) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-fav-icon .material-icons {
  color: rgba(139,216,250,0.6) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-fav-artist {
  color: rgba(160,211,235,0.58) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-fav-title {
  color: rgba(228,247,255,0.9) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-hist-item + .mrm-hist-item::before {
  background: rgba(139,216,250,0.08) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-hist-icon {
  background: rgba(139,216,250,0.09) !important;
  border-color: rgba(139,216,250,0.16) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-hist-icon .material-icons {
  color: rgba(139,216,250,0.55) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-hist-time {
  color: rgba(106,184,223,0.55) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-hist-artist {
  color: rgba(160,211,235,0.58) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-hist-title {
  color: rgba(228,247,255,0.9) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-bl-tab {
  background: rgba(139,216,250,0.08) !important;
  border-color: rgba(139,216,250,0.2) !important;
  color: rgba(172,217,238,0.58) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-bl-tab.active,
html body.mrm-colorful.mrm-aurora.mrm-colorful #app .mrm-bl-tab.active {
  background: #5cc4f6 !important;
  border-color: #3aafed !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-bl-item:hover {
  background: rgba(139,216,250,0.06) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-bl-item + .mrm-bl-item::before {
  background: rgba(139,216,250,0.08) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-bl-text {
  color: rgba(228,247,255,0.88) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-bl-empty {
  color: rgba(106,184,223,0.35) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-info-userdata {
  color: rgba(197,229,243,0.85) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-info-section-label {
  color: rgba(106,184,223,0.5) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-info-soc-btn {
  background: rgba(139,216,250,0.08) !important;
  border-color: rgba(139,216,250,0.2) !important;
  color: rgba(180,231,255,0.8) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .contact-item {
  background: rgba(139,216,250,0.07) !important;
  border-color: rgba(139,216,250,0.14) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .contact-item-icon {
  color: rgba(139,216,250,0.7) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .contact-item-label {
  color: rgba(106,184,223,0.42) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .contact-item-text {
  color: rgba(228,247,255,0.95) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .btn-copy {
  background: rgba(139,216,250,0.06) !important;
  border-color: rgba(139,216,250,0.24) !important;
  color: rgba(180,231,255,0.72) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful #mrmInfoOverlay .contact-text,
html body.mrm-colorful.mrm-aurora.mrm-colorful #mrmInfoOverlay .first-contact-text,
html body.mrm-colorful.mrm-aurora.mrm-colorful #mrmInfoOverlay .last-contact-text,
html body.mrm-colorful.mrm-aurora.mrm-colorful #mrmInfoOverlay p {
  color: rgba(197,229,243,0.88) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-set-expand-btn {
  background: rgba(139,216,250,0.08) !important;
  border-color: rgba(139,216,250,0.22) !important;
  color: rgba(180,231,255,0.75) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-set-list {
  background: rgba(139,216,250,0.06) !important;
  border-color: rgba(139,216,250,0.16) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-set-list-title {
  color: rgba(106,184,223,0.5) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-set-list-empty {
  color: rgba(106,184,223,0.42) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-set-list-items p {
  color: rgba(222,241,250,0.88) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-set-list-items p:nth-child(even) {
  background: rgba(139,216,250,0.07) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-set-list-items p.background-blue {
  background: rgba(139,216,250,0.18) !important;
  color: rgba(228,247,255,0.92) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-set-section-label {
  color: rgba(106,184,223,0.45) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-set-device {
  background: rgba(139,216,250,0.07) !important;
  border-color: rgba(139,216,250,0.14) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-set-device-name {
  color: rgba(228,247,255,0.9) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-set-vol-label {
  color: rgba(160,211,235,0.55) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-set-device-offline-label {
  color: rgba(160,211,235,0.6) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-set-dev-expand-btn {
  color: rgba(160,211,235,0.55) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-set-dev-expand-btn:hover,
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-set-dev-expand-btn.open {
  color: rgba(215,243,255,0.92) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful input[type=range].mrm-set-vol-slider,
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-set-vol-slider {
  background: rgba(139,216,250,0.28) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-set-vol-slider::-webkit-slider-runnable-track {
  background: rgba(139,216,250,0.28) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-set-vol-slider::-webkit-slider-thumb {
  background: #8bd8fa !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-set-vol-slider::-moz-range-track {
  background: rgba(139,216,250,0.28) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-set-vol-slider::-moz-range-thumb {
  background: #8bd8fa !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful #mrmSetMain .mrm-pl-icon {
  background: rgba(139,216,250,0.12) !important;
  border-color: rgba(139,216,250,0.22) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful #mrmSetMain .mrm-pl-icon .material-icons {
  color: rgba(180,231,255,0.8) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-bold-pill {
  background: rgba(139,216,250,0.08) !important;
  border-color: rgba(139,216,250,0.2) !important;
  color: rgba(172,217,238,0.58) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-bold-pill.active {
  background: #5cc4f6 !important;
  border-color: #3aafed !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful #mrmSetAccessibility a[href*="setlang"] {
  background: rgba(139,216,250,0.08) !important;
  border-color: rgba(139,216,250,0.2) !important;
  color: rgba(172,217,238,0.58) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful #mrmSetAccessibility a[href^="javascript"] {
  background: #5cc4f6 !important;
  border-color: #3aafed !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-ov-search-zone {
  border-color: rgba(139,216,250,0.1) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-ov-sr-arrow {
  color: rgba(106,184,223,0.4) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-ov-sr-item:hover {
  background: rgba(139,216,250,0.1) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-ov-sr-item:hover .mrm-ov-sr-arrow {
  color: rgba(180,231,255,0.7) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-ov-clear-btn {
  background: rgba(139,216,250,0.12) !important;
  color: rgba(180,231,255,0.7) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-ov-clear-btn:hover {
  background: rgba(139,216,250,0.22) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-ov-search-field {
  background: rgba(139,216,250,0.08) !important;
  border-color: rgba(139,216,250,0.18) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-ov-search-field .material-icons {
  color: rgba(172,217,238,0.55) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-ov-search-field input {
  color: rgba(228,247,255,0.9) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-ov-search-field input::placeholder {
  color: rgba(152,207,233,0.4) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-ov-sr-list {
  background: rgba(5,17,22,0.97) !important;
  border-color: rgba(139,216,250,0.16) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-ov-sr-item {
  border-color: rgba(139,216,250,0.08) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-ov-sr-name {
  color: rgba(215,239,250,0.88) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-ov-sr-btn {
  color: rgba(180,231,255,0.65) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-ov-sr-btn:hover {
  background: rgba(139,216,250,0.16) !important;
  color: rgba(210,241,255,0.9) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-ov-sr-empty {
  color: rgba(152,207,233,0.45) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-pl-list::-webkit-scrollbar-thumb,
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-sp-body::-webkit-scrollbar-thumb,
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-fav-list::-webkit-scrollbar-thumb,
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-hist-list::-webkit-scrollbar-thumb,
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-bl-list::-webkit-scrollbar-thumb,
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-set-list::-webkit-scrollbar-thumb {
  background: rgba(139,216,250,0.3) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful #mrmLoadingOverlay {
  background: rgba(4,15,20,0.55) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-load-ring::before {
  border-color: rgba(139,216,250,0.18) !important;
  border-top-color: #8bd8fa !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-load-ring-inner {
  background: rgba(139,216,250,0.1) !important;
  border-color: rgba(139,216,250,0.24) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-load-ring-inner .material-icons {
  color: rgba(215,239,250,0.95) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-load-label {
  color: rgba(210,238,250,0.92) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .mrm-load-dot {
  background: #8bd8fa !important;
}

/* ── iz login.html (75 pravila) ── */
html body.mrm-colorful.mrm-colorful .login-orb-1 {
  background-image: radial-gradient(circle at center, rgba(18,71,102,0.45) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .login-orb-2 {
  background-image: radial-gradient(circle at center, rgba(18,71,102,0.45) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .login-orb-3 {
  background-image: radial-gradient(circle at center, rgba(21,84,121,0.32) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .login-orb-s1 {
  background-image: radial-gradient(circle at center, rgba(19,75,108,0.46) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .login-orb-s2 {
  background-image: radial-gradient(circle at center, rgba(14,61,88,0.42) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .login-orb-s3 {
  background-image: radial-gradient(circle at center, rgba(21,84,121,0.34) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .login-orb-s4 {
  background-image: radial-gradient(circle at center, rgba(12,55,80,0.54) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .login-orb-s5 {
  background-image: radial-gradient(circle at center, rgba(20,77,110,0.4) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .login-orb-s6 {
  background-image: radial-gradient(circle at center, rgba(17,67,96,0.48) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .login-orb-s7 {
  background-image: radial-gradient(circle at center, rgba(22,88,126,0.38) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .login-orb-m1 {
  background-image: radial-gradient(circle at center, rgba(19,75,108,0.28) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .login-orb-m2 {
  background-image: radial-gradient(circle at center, rgba(16,63,90,0.26) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .login-orb-m3 {
  background-image: radial-gradient(circle at center, rgba(21,81,116,0.24) 0%, transparent 65%) !important;
}
html body.mrm-colorful.mrm-colorful .login-card::before {
  background: radial-gradient(
      280px circle at var(--mx, 50%) var(--my, 0%),
      rgba(140,213,255,0.7) 0%,
      rgba(140,213,255,0.2) 40%,
      rgba(140,213,255,0.04) 80%
    ) !important;
}
html body.mrm-colorful.mrm-colorful .login-www-link {
  color: rgba(140,203,240,0.45) !important;
}
html body.mrm-colorful.mrm-colorful .login-www-link:hover {
  color: rgba(140,203,240,0.8) !important;
}
html body.mrm-colorful.mrm-colorful {
  background: #041119 !important;
}
html body.mrm-colorful.mrm-colorful .login-page-bg {
  background: #041119 !important;
}
html body.mrm-colorful.mrm-colorful .login-card {
  background: rgba(5,18,26,0.68) !important;
  border-color: rgba(150,216,255,0.1) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.55), inset 0 1px 0 rgba(150,216,255,0.07) !important;
}
html body.mrm-colorful.mrm-colorful .login-app-name {
  color: #afd9f1 !important;
}
html body.mrm-colorful.mrm-colorful .login-app-sub {
  color: rgba(160,211,240,0.4) !important;
}
html body.mrm-colorful.mrm-colorful .login-field-label,
html body.mrm-colorful.mrm-colorful .login-card label {
  color: rgba(140,203,240,0.5) !important;
}
html body.mrm-colorful.mrm-colorful input#email,
html body.mrm-colorful.mrm-colorful input#password {
  background: rgba(255,255,255,0.06) !important;
  background-color: rgba(255,255,255,0.06) !important;
  border-color: rgba(130,209,255,0.14) !important;
  border-bottom-color: rgba(130,209,255,0.14) !important;
  color: #afd9f1 !important;
}
html body.mrm-colorful.mrm-colorful input#email::placeholder,
html body.mrm-colorful.mrm-colorful input#password::placeholder {
  color: rgba(140,203,240,0.25) !important;
}
html body.mrm-colorful.mrm-colorful input#email:focus,
html body.mrm-colorful.mrm-colorful input#password:focus,
html body.mrm-colorful.mrm-colorful input#email:focus:not([readonly]),
html body.mrm-colorful.mrm-colorful input#password:focus:not([readonly]) {
  background: rgba(255,255,255,0.1) !important;
  background-color: rgba(255,255,255,0.1) !important;
  border-color: rgba(77,170,223,0.4) !important;
  border-bottom-color: rgba(77,170,223,0.4) !important;
  box-shadow: 0 0 0 3px rgba(33,131,187,0.18) !important;
}
html body.mrm-colorful.mrm-colorful input#email.valid,
html body.mrm-colorful.mrm-colorful input#password.valid,
html body.mrm-colorful.mrm-colorful input#email.invalid,
html body.mrm-colorful.mrm-colorful input#password.invalid {
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(130,209,255,0.14) !important;
  border-bottom-color: rgba(130,209,255,0.14) !important;
  box-shadow: none !important;
}
html body.mrm-colorful.mrm-colorful input#email:-webkit-autofill,
html body.mrm-colorful.mrm-colorful input#password:-webkit-autofill,
html body.mrm-colorful.mrm-colorful input#email:-webkit-autofill:focus,
html body.mrm-colorful.mrm-colorful input#password:-webkit-autofill:focus {
  box-shadow: 0 0 0 1000px #061720 inset !important;
  -webkit-text-fill-color: #afd9f1 !important;
  border-color: rgba(130,209,255,0.14) !important;
  border-bottom-color: rgba(130,209,255,0.14) !important;
}
html body.mrm-colorful.mrm-colorful .login-lang-row {
  border-top-color: rgba(130,209,255,0.1) !important;
}
html body.mrm-colorful.mrm-colorful .login-lang-opt {
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(130,209,255,0.14) !important;
  color: rgba(140,203,240,0.6) !important;
}
html body.mrm-colorful.mrm-colorful .login-lang-opt:hover {
  background: rgba(255,255,255,0.12) !important;
  border-color: rgba(42,153,218,0.4) !important;
  color: #afd9f1 !important;
}
html body.mrm-colorful.mrm-colorful .login-contact-link {
  color: rgba(140,203,240,0.38) !important;
}
html body.mrm-colorful.mrm-colorful .login-contact-link:hover {
  color: #afd9f1 !important;
}
html body.mrm-colorful.mrm-colorful .contact-heading {
  color: rgba(140,203,240,0.5) !important;
}
html body.mrm-colorful.mrm-colorful .contact-item {
  background: rgba(45,155,218,0.06) !important;
  border-color: rgba(45,155,218,0.12) !important;
}
html body.mrm-colorful.mrm-colorful .contact-item-icon {
  color: rgba(85,174,225,0.65) !important;
}
html body.mrm-colorful.mrm-colorful .contact-item-label {
  color: rgba(140,203,240,0.38) !important;
}
html body.mrm-colorful.mrm-colorful .contact-item-text {
  color: #afd9f1 !important;
}
html body.mrm-colorful.mrm-colorful .btn-copy {
  background: rgba(255,255,255,0.07) !important;
  border-color: rgba(130,209,255,0.16) !important;
  color: rgba(85,174,225,0.65) !important;
}
html body.mrm-colorful.mrm-colorful .btn-copy:hover {
  background: rgba(255,255,255,0.13) !important;
  border-color: rgba(42,153,218,0.4) !important;
  color: #afd9f1 !important;
}
html body.mrm-colorful.mrm-colorful .btn-back {
  background: rgba(130,209,255,0.07) !important;
  border-color: rgba(130,209,255,0.18) !important;
  color: #afd9f1 !important;
}
html body.mrm-colorful.mrm-colorful .btn-back:hover {
  background: rgba(130,209,255,0.14) !important;
}
html body.mrm-colorful.mrm-colorful .btn-darkmode {
  background: rgba(5,18,26,0.7) !important;
  border-color: rgba(130,209,255,0.22) !important;
  color: rgba(140,203,240,0.8) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.35) !important;
}
html body.mrm-colorful.mrm-colorful .btn-darkmode:hover {
  background: rgba(6,26,37,0.9) !important;
  border-color: rgba(77,170,223,0.45) !important;
  color: #afd9f1 !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful,
html body.mrm-colorful.mrm-aurora.mrm-colorful .login-page-bg {
  background: #030c10 !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .login-card {
  background: rgba(4,17,22,0.62) !important;
  border-color: rgba(120,211,255,0.2) !important;
  box-shadow: 0 0 0 1px rgba(57,166,213,0.09), 0 8px 40px rgba(0,0,0,0.55), inset 0 1px 0 rgba(175,229,255,0.07) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .login-card::before {
  background: radial-gradient(280px circle at var(--mx, 50%) var(--my, 0%), rgba(150,221,255,0.75) 0%, rgba(70,185,240,0.28) 40%, rgba(0,220,255,0.06) 80%) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .login-app-name {
  color: #d7f3ff !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .login-app-sub {
  color: rgba(152,207,233,0.45) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .login-field-label,
html body.mrm-colorful.mrm-aurora.mrm-colorful .login-card label {
  color: rgba(172,217,238,0.55) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful input#email,
html body.mrm-colorful.mrm-aurora.mrm-colorful input#password {
  background: rgba(80,199,255,0.09) !important;
  background-color: rgba(80,199,255,0.09) !important;
  border-color: rgba(139,216,250,0.18) !important;
  border-bottom-color: rgba(139,216,250,0.18) !important;
  color: #d7f3ff !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful input#email::placeholder,
html body.mrm-colorful.mrm-aurora.mrm-colorful input#password::placeholder {
  color: rgba(106,184,223,0.35) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful input#email:focus,
html body.mrm-colorful.mrm-aurora.mrm-colorful input#password:focus,
html body.mrm-colorful.mrm-aurora.mrm-colorful input#email:focus:not([readonly]),
html body.mrm-colorful.mrm-aurora.mrm-colorful input#password:focus:not([readonly]) {
  background: rgba(139,216,250,0.14) !important;
  background-color: rgba(139,216,250,0.14) !important;
  border-color: rgba(139,216,250,0.45) !important;
  border-bottom-color: rgba(139,216,250,0.45) !important;
  box-shadow: 0 0 0 3px rgba(139,216,250,0.18) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful input#email.valid,
html body.mrm-colorful.mrm-aurora.mrm-colorful input#password.valid,
html body.mrm-colorful.mrm-aurora.mrm-colorful input#email.invalid,
html body.mrm-colorful.mrm-aurora.mrm-colorful input#password.invalid {
  background: rgba(80,199,255,0.09) !important;
  border-color: rgba(139,216,250,0.18) !important;
  border-bottom-color: rgba(139,216,250,0.18) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful input#email:-webkit-autofill,
html body.mrm-colorful.mrm-aurora.mrm-colorful input#password:-webkit-autofill,
html body.mrm-colorful.mrm-aurora.mrm-colorful input#email:-webkit-autofill:focus,
html body.mrm-colorful.mrm-aurora.mrm-colorful input#password:-webkit-autofill:focus {
  box-shadow: 0 0 0 1000px rgba(9,30,41,0.95) inset !important;
  -webkit-text-fill-color: #d7f3ff !important;
  border-color: rgba(139,216,250,0.18) !important;
  border-bottom-color: rgba(139,216,250,0.18) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .btn-login {
  background: linear-gradient(145deg, rgba(110,206,255,0.92), rgba(45,158,210,0.96)) !important;
  border-color: rgba(139,216,250,0.35) !important;
  box-shadow: 0 4px 22px rgba(80,199,255,0.45) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .btn-login:hover {
  box-shadow: 0 6px 28px rgba(80,199,255,0.55) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .login-lang-row {
  border-top-color: rgba(139,216,250,0.14) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .login-lang-opt {
  background: rgba(139,216,250,0.09) !important;
  border-color: rgba(139,216,250,0.22) !important;
  color: rgba(180,231,255,0.8) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .login-lang-opt:hover {
  background: rgba(139,216,250,0.18) !important;
  border-color: rgba(139,216,250,0.45) !important;
  color: #d7f3ff !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .login-contact-link {
  color: rgba(152,207,233,0.42) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .login-contact-link:hover {
  color: #d7f3ff !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .contact-heading {
  color: rgba(106,184,223,0.5) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .contact-item {
  background: rgba(139,216,250,0.07) !important;
  border-color: rgba(139,216,250,0.14) !important;
}
html body.mrm-colorful.mrm-colorful .btn-style {
  background: rgba(5,18,26,0.7) !important;
  border-color: rgba(130,209,255,0.22) !important;
  color: rgba(140,203,240,0.8) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.35) !important;
}
html body.mrm-colorful.mrm-colorful .btn-style:hover {
  background: rgba(6,26,37,0.9) !important;
  border-color: rgba(77,170,223,0.45) !important;
  color: #afd9f1 !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .btn-darkmode,
html body.mrm-colorful.mrm-aurora.mrm-colorful .btn-style {
  background: rgba(80,199,255,0.12) !important;
  border-color: rgba(139,216,250,0.24) !important;
  color: rgba(180,231,255,0.8) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.35) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .btn-darkmode:hover,
html body.mrm-colorful.mrm-aurora.mrm-colorful .btn-style:hover {
  background: rgba(139,216,250,0.22) !important;
  color: #ebf9ff !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .contact-item-icon {
  color: rgba(139,216,250,0.65) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .contact-item-label {
  color: rgba(106,184,223,0.42) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .contact-item-text {
  color: #d7f3ff !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .btn-copy {
  background: rgba(139,216,250,0.08) !important;
  border-color: rgba(139,216,250,0.18) !important;
  color: rgba(180,231,255,0.7) !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .btn-copy:hover {
  background: rgba(139,216,250,0.16) !important;
  border-color: rgba(139,216,250,0.45) !important;
  color: #d7f3ff !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .btn-back {
  background: rgba(139,216,250,0.08) !important;
  border-color: rgba(139,216,250,0.2) !important;
  color: #d7f3ff !important;
}
html body.mrm-colorful.mrm-aurora.mrm-colorful .btn-back:hover {
  background: rgba(139,216,250,0.16) !important;
}
html.mrm-aurora:has(body.mrm-colorful) body {
  background: #040f16 !important;
}

/* ═══════════════════════════════════════════════════════════
   KLASIK — ručni sloj (boje starog MRM-a: plavo-tirkizna
   pozadina, limun-zeleni natpisi, šarena dugmad, stare ikonice)
   Prefiks .mrm-colorful je namerno ponovljen: mora da nadjača
   i inline stilove iz index.html (body.mrm-aurora.mrm-dark ...)
   i osnovni sloj iznad. Menjaju se SAMO boje i sličice.
   ═══════════════════════════════════════════════════════════ */

/* ── Promenljive ─────────────────────────────────────────── */
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora {
  --bg0:       #032a52;
  --bg1:       #04386b;
  --bg2:       rgba(3,32,70,0.78);
  --bg3:       rgba(4,40,84,0.70);
  --bg4:       rgba(4,44,92,0.92);
  --border:    rgba(0,229,255,0.22);
  --border-hi: rgba(0,229,255,0.48);
  --violet:    #00e5ff;
  --violet-d:  rgba(0,229,255,0.14);
  --violet-hi: rgba(0,229,255,0.26);
  --t1:        #f2fbff;
  --t2:        rgba(180,236,255,0.80);
  --t3:        rgba(140,210,240,0.60);
}

/* ── Pozadina stranice: traka starog MRM-a (pozadina.jpg) ── */
html.mrm-aurora:has(body.mrm-colorful) { background: #032a52 !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .main-page-bg,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .login-page-bg {
  background-color: #032a52 !important;
  background-image: url(/images/pozadina.jpg) !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
/* tamni režim: ista traka, prigušena */
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .main-page-bg,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .login-page-bg {
  background-color: #010d1f !important;
  background-image: linear-gradient(rgba(1,8,24,0.72), rgba(1,8,24,0.72)), url(/images/pozadina.jpg) !important;
  background-size: 100% 100%, 100% 100% !important;
}

/* ── Glavna kartica ──────────────────────────────────────── */
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .main-card,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .login-card {
  background: linear-gradient(180deg, rgba(2,36,84,0.80) 0%, rgba(1,22,56,0.86) 100%) !important;
  border-color: rgba(0,229,255,0.85) !important;
  box-shadow:
    0 0 0 1px rgba(0,229,255,0.35),
    0 0 26px rgba(0,229,255,0.30),
    0 22px 55px rgba(0,10,30,0.60) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .main-card::before,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .login-card::before {
  background: radial-gradient(300px circle at var(--mx, 50%) var(--my, -150%),
    rgba(0,229,255,0.55) 0%, rgba(184,255,60,0.18) 45%, transparent 75%) !important;
}

/* ── Natpisi: limun-zeleno kao na starom MRM-u ───────────── */
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .mrm-account-name {
  color: #b8ff3c !important;
  text-shadow: 0 2px 6px rgba(0,0,0,0.55) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .pl-chip {
  background: rgba(0,229,255,0.12) !important;
  border-color: rgba(0,229,255,0.45) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .pl-chip-label { color: #b8ff3c !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .pl-chip-name  { color: #ffffff !important; text-shadow: 0 0 10px rgba(0,229,255,0.55) !important; }

html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .song-blocks {
  background: rgba(0,120,200,0.16) !important;
  border-color: rgba(0,229,255,0.40) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .song-block { border-bottom-color: rgba(0,229,255,0.18) !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .sb-tag { color: #b8ff3c !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .song-block--live .sb-tag { color: #d4ff4f !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .sb-text { color: #7fe9ff !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .song-block--live .sb-text { color: #ffffff !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .sb-menu .material-icons { color: #00e5ff !important; }

/* vinil (omot albuma) — tirkizni okvir */
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .mrm-vinyl-disc {
  border-color: rgba(0,229,255,0.75) !important;
  box-shadow: 0 0 18px rgba(0,229,255,0.45) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .mrm-vinyl-center {
  background: radial-gradient(circle, #b8ff3c, #1a8a50) !important;
  border-color: rgba(184,255,60,0.6) !important;
}

/* ── Transport: crveno nazad, ljubičasto play, plavo napred ─ */
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .transport .t-skip:first-child {
  background: radial-gradient(circle at 35% 30%, #ff8a7a 0%, #f0422f 45%, #b3170b 100%) !important;
  border-color: rgba(255,170,160,0.55) !important;
  box-shadow: 0 4px 14px rgba(240,66,47,0.45) !important;
  color: #ffffff !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .transport .t-skip:last-child {
  background: radial-gradient(circle at 35% 30%, #8fdcff 0%, #2a9df4 45%, #0b52b8 100%) !important;
  border-color: rgba(160,220,255,0.55) !important;
  box-shadow: 0 4px 14px rgba(42,157,244,0.45) !important;
  color: #ffffff !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .transport .t-play {
  background: radial-gradient(circle at 35% 30%, #e59bff 0%, #b13cf0 45%, #6a0fb8 100%) !important;
  border-color: rgba(230,170,255,0.6) !important;
  box-shadow: 0 0 0 3px rgba(20,8,40,0.55), 0 6px 24px rgba(177,60,240,0.55) !important;
  color: #ffffff !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .transport .material-icons { color: #ffffff !important; }

/* ── Pretraga: tirkizna traka sa zlatnim okvirom ─────────── */
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .s-field {
  background: linear-gradient(180deg, rgba(0,200,240,0.35), rgba(0,150,210,0.25)) !important;
  border-color: #f5c400 !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .s-field:focus-within {
  border-color: #ffe14d !important;
  box-shadow: 0 0 0 3px rgba(245,196,0,0.25) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .s-field .material-icons { color: #ffe14d !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .s-field input,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora #searchTerm { color: #ffffff !important; background: transparent !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora #searchTerm::placeholder { color: rgba(225,248,255,0.75) !important; }

/* ── Dugmad biblioteke i alata ───────────────────────────── */
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .lib-btn,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .tool-btn {
  background: linear-gradient(180deg, rgba(0,90,170,0.40), rgba(0,40,100,0.45)) !important;
  border-color: rgba(0,229,255,0.35) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .lib-btn:hover,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .tool-btn:hover {
  background: linear-gradient(180deg, rgba(0,130,210,0.50), rgba(0,60,140,0.55)) !important;
  border-color: rgba(0,229,255,0.75) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .lib-btn span,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .tool-btn span { color: #e8f9ff !important; }

/* stare sjajne ikonice umesto znakova — ista veličina kutije (1em) */
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .lib-btn > .material-icons,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .tool-btn > .material-icons {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,0.45));
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora #mrmPlBtn > .material-icons      { background-image: url(/images/btn-playlist.png) !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .lib-fav > .material-icons       { background-image: url(/images/btn-favorites.png) !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .lib-std > .material-icons       { background-image: url(/images/btn-vrati-standard.png) !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora #mrmHistBtn > .material-icons    { background-image: url(/images/btn-history.png) !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .tool-btn.t-amber > .material-icons { background-image: url(/images/btn-advert.png) !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .tool-btn.t-blue:not(#mrmInfoBtn) > .material-icons { background-image: url(/images/btn-jingle.png) !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora #mrmBlackBtn > .material-icons   { background-image: url(/images/btn-blacklist.png) !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora #mrmSetBtn > .material-icons     { background-image: url(/images/btn-settings.png) !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora #mrmInfoBtn > .material-icons    { background-image: url(/images/btn-info4.png) !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .tool-btn--full > .material-icons { background-image: url(/images/btn-logout.png) !important; }

/* natpis ispod ikonice u boji ikonice (kao na starom MRM-u) */
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora #mrmPlBtn span      { color: #7fe9ff !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .lib-fav span       { color: #ffb347 !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .lib-std span       { color: #b8ff3c !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora #mrmHistBtn span    { color: #7fe9ff !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .tool-btn.t-amber span { color: #ffd84d !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .tool-btn.t-blue:not(#mrmInfoBtn) span { color: #ff7ad9 !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora #mrmBlackBtn span   { color: #ff6b5b !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora #mrmSetBtn span     { color: #c8ff4d !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora #mrmInfoBtn span    { color: #6fe7ff !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .tool-btn--full span { color: #ff8be6 !important; }

html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .mrm-expand-btn {
  color: #b8ff3c !important;
  border-top-color: rgba(0,229,255,0.25) !important;
}

/* ── Paneli (plejlista, pesma, omiljene ...) ─────────────── */
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .mrm-pl-panel,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .mrm-song-panel {
  background: linear-gradient(180deg, rgba(2,40,92,0.97) 0%, rgba(1,24,60,0.98) 100%) !important;
  border-color: rgba(0,229,255,0.75) !important;
  box-shadow: 0 0 24px rgba(0,229,255,0.28), 0 22px 55px rgba(0,10,30,0.65) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .mrm-pl-title,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .mrm-song-title { color: #b8ff3c !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .mrm-pl-item.mrm-pl-active {
  background: rgba(184,255,60,0.12) !important;
  border-left-color: #b8ff3c !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .mrm-pl-now-dot { background: #b8ff3c !important; }

/* ── Prijava ─────────────────────────────────────────────── */
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .login-app-name {
  color: #e8f6ff !important;
  text-shadow: 0 0 14px rgba(0,229,255,0.65), 0 3px 6px rgba(0,0,0,0.45) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .login-app-sub { color: #b8ff3c !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .login-field-label,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .login-card label { color: #ffffff !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora input#email,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora input#password,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora input#email:focus,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora input#password:focus,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora input#email:focus:not([readonly]),
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora input#password:focus:not([readonly]),
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora input#email.valid, html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora input#password.valid,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora input#email.invalid, html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora input#password.invalid {
  background: linear-gradient(180deg, #a9ecfb 0%, #6fd3ef 100%) !important;
  border-color: rgba(255,255,255,0.55) !important;
  color: #032a52 !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora input#email:focus,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora input#password:focus {
  border-color: #b8ff3c !important;
  box-shadow: 0 0 0 3px rgba(184,255,60,0.30) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora input#email:-webkit-autofill,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora input#password:-webkit-autofill {
  -webkit-text-fill-color: #032a52 !important;
  box-shadow: 0 0 0 1000px #8fe0f5 inset !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora input#email::placeholder,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora input#password::placeholder { color: rgba(3,42,82,0.50) !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .btn-login {
  background: linear-gradient(180deg, #2fe0e8 0%, #0a9fb0 55%, #067a88 100%) !important;
  border-color: rgba(160,250,255,0.7) !important;
  box-shadow: 0 4px 16px rgba(0,200,220,0.45) !important;
  color: #ffffff !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .login-contact-link { color: #b8ff3c !important; }

/* ikonice u kvadratima glavne strane — vizuelno ×2, ikonica ostaje u svom središtu,
   natpis se spušta za ~1 svoje slovo, pa celina stoji srazmerno u ISTOM kvadratu.
   transform ne pomera raspored; em vrednosti važe za sve nivoe čitljivosti. */
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .lib-btn > .material-icons,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .tool-btn > .material-icons {
  transform: translateY(0.08em) scale(2) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .lib-btn > span,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .tool-btn > span {
  transform: translateY(0.95em) !important;
}
/* Odjava je široko dugme (ikonica pored natpisa): natpis ostaje u ravni, samo se odmiče udesno */
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .tool-btn.tool-btn--full > .material-icons {
  transform: scale(2) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora .tool-btn.tool-btn--full > span {
  transform: translateX(0.9em) !important;
}

/* ═══ KLASIK — TAMNA (noćna) varijanta: skoro crno + neonski akcenti ═══ */
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark {
  --bg0: #01060f; --bg1: #030b1a;
  --bg2: rgba(4,12,28,0.88); --bg3: rgba(3,10,24,0.80); --bg4: rgba(5,14,32,0.95);
  --border: rgba(0,229,255,0.14); --border-hi: rgba(0,229,255,0.32);
  --t1: #e6f7ff; --t2: rgba(160,215,240,0.72); --t3: rgba(120,180,210,0.50);
}
html.mrm-aurora.mrm-dark:has(body.mrm-colorful) { background: #01060f !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .main-page-bg,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .login-page-bg {
  background-color: #01060f !important;
  background-image:
    radial-gradient(ellipse 60% 45% at 15% 10%, rgba(0,120,200,0.22) 0%, transparent 70%),
    radial-gradient(ellipse 55% 45% at 90% 85%, rgba(120,40,200,0.18) 0%, transparent 70%),
    radial-gradient(ellipse 40% 30% at 70% 20%, rgba(0,229,255,0.08) 0%, transparent 70%) !important;
  background-size: 100% 100% !important;
}
/* Aurora oblačići u tamnom Klasiku — prigušeni */
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .mrm-ao { opacity: 0.35 !important; }

html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .main-card,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .login-card {
  background: linear-gradient(180deg, rgba(4,12,28,0.92) 0%, rgba(2,6,16,0.95) 100%) !important;
  border-color: rgba(0,229,255,0.40) !important;
  box-shadow: 0 0 0 1px rgba(0,229,255,0.10), 0 0 34px rgba(0,229,255,0.14), 0 24px 60px rgba(0,0,0,0.80) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .pl-chip {
  background: rgba(0,229,255,0.05) !important;
  border-color: rgba(0,229,255,0.22) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .song-blocks {
  background: rgba(255,255,255,0.02) !important;
  border-color: rgba(0,229,255,0.16) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .song-block { border-bottom-color: rgba(0,229,255,0.09) !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .sb-text { color: #5fd8f5 !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .song-block--live .sb-text { color: #ffffff !important; text-shadow: 0 0 12px rgba(0,229,255,0.35) !important; }
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .mrm-account-name { text-shadow: 0 0 14px rgba(184,255,60,0.45) !important; }

html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .s-field {
  background: rgba(0,0,0,0.40) !important;
  border-color: rgba(245,196,0,0.55) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .lib-btn,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .tool-btn {
  background: linear-gradient(180deg, rgba(8,18,38,0.95), rgba(3,8,20,0.98)) !important;
  border-color: rgba(0,229,255,0.14) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .lib-btn:hover,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .tool-btn:hover {
  background: linear-gradient(180deg, rgba(12,30,60,0.95), rgba(5,14,32,0.98)) !important;
  border-color: rgba(0,229,255,0.55) !important;
  box-shadow: 0 0 16px rgba(0,229,255,0.22) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .mrm-pl-panel,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .mrm-song-panel {
  background: linear-gradient(180deg, rgba(4,12,28,0.98) 0%, rgba(2,6,16,0.99) 100%) !important;
  border-color: rgba(0,229,255,0.40) !important;
  box-shadow: 0 0 30px rgba(0,229,255,0.14), 0 24px 60px rgba(0,0,0,0.85) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark input#email,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark input#password,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark input#email:focus,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark input#password:focus,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark input#email:focus:not([readonly]),
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark input#password:focus:not([readonly]) {
  background: rgba(0,229,255,0.07) !important;
  border-color: rgba(0,229,255,0.35) !important;
  color: #e6f7ff !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark input#email::placeholder,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark input#password::placeholder { color: rgba(160,215,240,0.45) !important; }

/* tamni Klasik — jači kontrast: polja svetlija gore (tamnoplavo), kartica odvojena od pozadine */
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .main-card,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .login-card {
  background: linear-gradient(180deg, rgba(10,26,54,0.94) 0%, rgba(4,10,24,0.96) 100%) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .lib-btn,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .tool-btn {
  background: linear-gradient(180deg, rgba(28,62,118,0.95) 0%, rgba(8,20,44,0.98) 100%) !important;
  border-color: rgba(0,229,255,0.26) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .lib-btn:hover,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .tool-btn:hover {
  background: linear-gradient(180deg, rgba(36,80,150,0.95) 0%, rgba(10,26,56,0.98) 100%) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .song-blocks {
  background: linear-gradient(180deg, rgba(22,50,96,0.70) 0%, rgba(6,16,36,0.75) 100%) !important;
  border-color: rgba(0,229,255,0.24) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .pl-chip {
  background: linear-gradient(180deg, rgba(22,50,96,0.70) 0%, rgba(6,16,36,0.75) 100%) !important;
  border-color: rgba(0,229,255,0.28) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .s-field {
  background: linear-gradient(180deg, rgba(22,50,96,0.65) 0%, rgba(4,10,24,0.80) 100%) !important;
}
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .mrm-pl-item:hover,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .mrm-fav-item:hover,
html body.mrm-colorful.mrm-colorful.mrm-colorful.mrm-aurora.mrm-dark .mrm-hist-item:hover {
  background: rgba(28,62,118,0.45) !important;
}