[class^="icon-"], [class*=" icon-"] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 24px !important;
height: 24px !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-color: transparent !important;
flex-shrink: 0 !important;
}
.icon-arrow-left { background-image: url('/css/svg/arrow-left.svg') !important; }
.icon-send { background-image: url('/css/svg/send.svg') !important; }
.icon-settings { background-image: url('/css/svg/settings.svg') !important; }
.icon-volume-2 { background-image: url('/css/svg/volume-2.svg') !important; }
.icon-trending-up { background-image: url('/css/svg/trending-up.svg') !important; }
.icon-music { background-image: url('/css/svg/music.svg') !important; }
.icon-clock { background-image: url('/css/svg/clock.svg') !important; }
.icon-package { background-image: url('/css/svg/package.svg') !important; }
.icon-download { background-image: url('/css/svg/download.svg') !important; }
.icon-play { background-image: url('/css/svg/play.svg') !important; }
.icon-pause { background-image: url('/css/svg/pause.svg') !important; }
.icon-refresh-cw { background-image: url('/css/svg/refresh-cw.svg') !important; }
.icon-external-link { background-image: url('/css/svg/external-link.svg') !important; }
.icon-thumbs-up { background-image: url('/css/svg/thumbs-up.svg') !important; }
.icon-thumbs-down { background-image: url('/css/svg/thumbs-down.svg') !important; }
.icon-copy { background-image: url('/css/svg/copy.svg') !important; }
.icon-chevron-down { background-image: url('/css/svg/chevron-down.svg') !important; }
.icon-target { background-image: url('/css/svg/target.svg') !important; }
.icon-sun { background-image: url('/css/svg/sun.svg') !important; }
.icon-moon { background-image: url('/css/svg/moon.svg') !important; }
.icon-flame { background-image: url('/css/svg/flame.svg') !important; }
.icon-cloud { background-image: url('/css/svg/cloud.svg') !important; }
.icon-minimize { background-image: url('/css/svg/minimize-2.svg') !important; }
.icon-maximize { background-image: url('/css/svg/maximize.svg') !important; }
.icon-table-of-contents { background-image: url('/css/svg/table-of-contents.svg') !important; }
.icon-info { background-image: url('/css/svg/info.svg') !important; }
.icon-package-open { background-image: url('/css/svg/package-open.svg') !important; }
.icon-file-music { background-image: url('/css/svg/file-music.svg') !important; }
.icon-facebook { background-image: url('/css/svg/facebook.svg') !important; }
.icon-siren { background-image: url('/css/svg/siren.svg') !important; }
.icon-book-open { background-image: url('/css/svg/book-open.svg') !important; }
.icon-expand { background-image: url('/css/svg/expand.svg') !important; }
.icon-minimize-2 { background-image: url('/css/svg/minimize.svg') !important; }
.icon-eye { background-image: url('/css/svg/eye.svg') !important; }
.icon-wrench { background-image: url('/css/svg/wrench.svg') !important; }
.header-button, .player-control, .effect-btn, .vote-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.effect-btn {
gap: 6px !important;
}
.effect-name {
font-size: 0.875rem !important;
font-weight: 500 !important;
margin-left: 4px !important;
}
[class^="icon-"] {
filter: brightness(0) saturate(100%) invert(20%) !important;
}
[data-theme="dark"] [class^="icon-"] {
filter: brightness(0) saturate(100%) invert(90%) !important;
}
[data-theme="orange"] [class^="icon-"] {
filter: brightness(0) saturate(100%) invert(35%) sepia(100%) saturate(1000%) hue-rotate(350deg) !important;
}
[data-theme="twilight"] [class^="icon-"] {
filter: brightness(0) saturate(100%) invert(80%) !important;
}

/* ===== ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ ИКОНОК НА КНОПКАХ ЭФФЕКТОВ ===== */
.effect-btn {
  gap: 4px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.effect-btn .icon-eye,
.effect-btn .icon-wrench {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
  transition: opacity 0.2s ease !important;
}

.effect-btn .effect-name {
  flex: 1 !important;
  text-align: center !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

[data-theme="light"] .effect-btn .icon-eye,
[data-theme="light"] .effect-btn .icon-wrench {
  filter: brightness(0) saturate(100%) invert(30%) sepia(100%) saturate(1000%) hue-rotate(220deg) !important;
}

[data-theme="dark"] .effect-btn .icon-eye,
[data-theme="dark"] .effect-btn .icon-wrench {
  filter: brightness(0) saturate(100%) invert(60%) sepia(100%) saturate(1000%) hue-rotate(350deg) !important;
}

[data-theme="orange"] .effect-btn .icon-eye,
[data-theme="orange"] .effect-btn .icon-wrench {
  filter: brightness(0) saturate(100%) invert(50%) sepia(100%) saturate(2000%) hue-rotate(350deg) !important;
}

[data-theme="twilight"] .effect-btn .icon-eye,
[data-theme="twilight"] .effect-btn .icon-wrench {
  filter: brightness(0) saturate(100%) invert(70%) sepia(50%) saturate(800%) hue-rotate(200deg) !important;
}

.effect-btn .icon-eye {
  background-color: red !important;
  border: 2px solid blue !important;
}