/*
 * EILO Desktop UI Preview Foundation v1
 * Loaded only for admin preview mode and desktop viewports.
 * No external fonts, images, JavaScript or layout-measuring code.
 */

body.ui-next {
  --eilo-ui-bg: #f3f5f7;
  --eilo-ui-surface: #ffffff;
  --eilo-ui-surface-soft: #f8fafb;
  --eilo-ui-ink: #17202b;
  --eilo-ui-muted: #737d89;
  --eilo-ui-line: #dfe4e9;
  --eilo-ui-header: #11161c;
  --eilo-ui-header-soft: #19212a;
  --eilo-ui-accent: #9dff00;
  --eilo-ui-accent-dark: #78c900;
  --eilo-ui-radius-sm: 7px;
  --eilo-ui-radius: 11px;
  --eilo-ui-shadow: 0 10px 30px rgba(18, 28, 38, 0.10);
  --eilo-ui-control-height: 42px;

  background: var(--eilo-ui-bg);
  color: #5f6975;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  line-height: 1.45;
}

body.ui-next a {
  transition: color 140ms ease, background-color 140ms ease, border-color 140ms ease, opacity 140ms ease, transform 140ms ease;
}

/* --------------------------------------------------------------------------
   Preview marker
   -------------------------------------------------------------------------- */
body.ui-next .eilo-ui-preview-badge {
  position: fixed;
  right: 16px;
  bottom: 68px;
  z-index: 9999998;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 9px 8px 12px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(17, 22, 28, .94);
  box-shadow: 0 10px 28px rgba(0,0,0,.24);
  color: #d9e0e7;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.ui-next .eilo-ui-preview-badge a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: var(--eilo-ui-accent);
  color: #071117;
  font-weight: 800;
}

body.ui-next .eilo-ui-preview-badge a:hover {
  background: #b8ff3d;
  color: #071117;
}

/* --------------------------------------------------------------------------
   Header and primary navigation
   -------------------------------------------------------------------------- */
body.ui-next #top {
  height: 72px;
  background: linear-gradient(180deg, #151b22 0%, #10151b 100%);
  border-bottom: 1px solid rgba(255,255,255,.06);
  box-shadow: 0 7px 22px rgba(0,0,0,.20);
}

body.ui-next #top-back-two {
  height: 82px;
  margin-top: 72px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at 15% 0%, rgba(157,255,0,.10), transparent 34%),
    linear-gradient(180deg, #1a222b 0%, #151b22 100%);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.45);
}

body.ui-next .logo {
  width: 150px;
  margin-top: 12px;
  margin-left: 5px;
}

body.ui-next .logo img {
  display: block;
  height: 47px;
  width: auto;
}

body.ui-next .menu {
  margin-left: 2px;
}

body.ui-next .sf-menu,
body.ui-next .sf-menu * {
  height: 72px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .045em;
  text-transform: uppercase;
}

body.ui-next .sf-menu {
  top: 0;
  line-height: 72px;
  margin-bottom: 0;
}

body.ui-next .sf-menu li.small,
body.ui-next .sf-menu > li {
  width: auto !important;
}

body.ui-next .sf-menu > li > a {
  height: 72px;
  padding: 0 13px;
  color: #d8dee5;
}

body.ui-next .sf-menu > li > a:hover,
body.ui-next .sf-menu > li.sfHover > a {
  color: #ffffff;
  background: rgba(255,255,255,.035);
}

body.ui-next .sf-menu > li > a:after {
  content: "";
  position: absolute;
  right: 13px;
  bottom: 0;
  left: 13px;
  height: 2px;
  opacity: 0;
  transform: scaleX(.35);
  transition: opacity 140ms ease, transform 140ms ease;
}

body.ui-next .sf-menu > li > a:hover:after,
body.ui-next .sf-menu > li.sfHover > a:after {
  opacity: 1;
  transform: scaleX(1);
}

body.ui-next .sf-menu li:hover ul,
body.ui-next .sf-menu li.sfHover ul {
  top: 72px;
}

body.ui-next .sf-menu ul,
body.ui-next .sf-menu ul * {
  height: auto;
  line-height: 1.35;
}

body.ui-next .sf-menu ul {
  width: 188px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 0 0 10px 10px;
  background: #171e26;
  box-shadow: 0 18px 40px rgba(0,0,0,.34);
}

body.ui-next .sf-menu li li {
  border: 0;
  border-radius: 7px;
  background: transparent;
}

body.ui-next .sf-menu li li a {
  padding: 10px 12px;
  color: #cbd3dc;
}

body.ui-next .sf-menu li li:hover,
body.ui-next .sf-menu li li.sfHover {
  background: rgba(157,255,0,.10);
}

body.ui-next .sf-menu li li a:hover {
  color: #ffffff;
}

body.ui-next .nav-button {
  width: 178px;
  margin-right: -4px;
}

body.ui-next .nav-button a {
  margin-top: 22px;
}

body.ui-next #allpage-username-top {
  margin-top: 24px;
  margin-right: 12px;
  font-size: 12px;
  font-weight: 700;
}

body.ui-next #allpage-username-top a {
  color: #d6dde4 !important;
}

body.ui-next #ajax-loader {
  top: 22px;
}

/* --------------------------------------------------------------------------
   Page heading / H1 band
   -------------------------------------------------------------------------- */
body.ui-next .eilo-page-heading {
  box-sizing: border-box;
  width: 950px !important;
  height: 82px;
  margin: 0 5px !important;
  float: left;
}

body.ui-next .eilo-page-heading__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  height: 82px;
}

body.ui-next .eilo-page-heading__title {
  min-width: 0;
  flex: 1 1 auto;
}

body.ui-next .eilo-page-heading h1 {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0;
  padding: 0;
  max-width: 100%;
  border: 0;
  background: transparent;
  color: #ffffff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 24px;
  font-weight: 750;
  line-height: 1.18;
  letter-spacing: -.025em;
  text-transform: none;
  text-shadow: 0 1px 1px rgba(0,0,0,.26);
}

body.ui-next .eilo-page-heading h1 a {
  color: #ffffff;
}

body.ui-next .eilo-page-heading h1 a:hover {
  color: #dff8ff;
}

body.ui-next .eilo-page-heading__flag {
  position: static;
  flex: 0 0 auto;
  width: 24px;
  height: 17px;
  margin: 0;
  border-radius: 3px;
  object-fit: cover;
  box-shadow: 0 0 0 1px rgba(255,255,255,.18);
}

body.ui-next .eilo-page-heading__muted {
  color: #8e9aa7;
  font-weight: 500;
}

body.ui-next .eilo-page-heading__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex: 0 0 auto;
  min-height: 40px;
}

body.ui-next .eilo-page-heading__edit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  color: #dce3e9;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.ui-next .eilo-page-heading__edit:hover {
  border-color: rgba(157,255,0,.48);
  background: rgba(157,255,0,.13);
  color: #ffffff;
}

body.ui-next .eilo-page-heading__actions .favorite,
body.ui-next .eilo-page-heading__actions .favorite-top {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
}

body.ui-next .eilo-page-heading__actions #shareme {
  display: flex;
  align-items: center;
  min-width: 38px;
  min-height: 34px;
}

/* --------------------------------------------------------------------------
   Shared search / filter bar
   -------------------------------------------------------------------------- */
body.ui-next .eilo-filterbar {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: 950px;
  min-height: 82px;
  margin: -5px 0 20px 5px;
  position: relative;
  z-index: 20;
}

body.ui-next .eilo-filterbar__main {
  min-width: 0;
  flex: 1 1 auto;
  float: none !important;
  margin: 0 !important;
}

body.ui-next .eilo-filterbar__panel,
body.ui-next .eilo-filterbar__form,
body.ui-next .eilo-filterbar__controls {
  width: 100%;
}

body.ui-next .eilo-filterbar__form,
body.ui-next .eilo-filterbar__controls {
  box-sizing: border-box;
  display: flex !important;
  align-items: center;
  gap: 10px;
  float: none !important;
  margin: 0 !important;
  padding: 0;
}

body.ui-next .eilo-filterbar__controls {
  width: auto;
}

body.ui-next .eilo-filterbar__action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
  float: none !important;
  margin: 0 !important;
}

body.ui-next .eilo-filterbar input[type="text"],
body.ui-next .eilo-filterbar select,
body.ui-next .eilo-filterbar .eilo-control {
  box-sizing: border-box !important;
  height: var(--eilo-ui-control-height) !important;
  min-height: var(--eilo-ui-control-height) !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border: 1px solid #35414e !important;
  border-radius: var(--eilo-ui-radius-sm) !important;
  outline: 0;
  background: #202933 !important;
  background-image: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 1px 0 rgba(0,0,0,.16) !important;
  color: #eef3f7 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: var(--eilo-ui-control-height) !important;
  text-transform: none !important;
}

body.ui-next .eilo-filterbar input[type="text"] {
  width: 245px !important;
}

body.ui-next .eilo-filterbar--shows input[type="text"] {
  width: 170px !important;
}

body.ui-next .eilo-filterbar input[type="text"]:focus,
body.ui-next .eilo-filterbar select:focus {
  border-color: var(--eilo-ui-accent) !important;
  box-shadow: 0 0 0 3px rgba(157,255,0,.14) !important;
}

body.ui-next .eilo-filterbar .select-wrapper-dark,
body.ui-next .eilo-filterbar .eilo-control-wrap {
  display: block;
  box-sizing: border-box;
  width: 180px;
  height: var(--eilo-ui-control-height);
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: var(--eilo-ui-radius-sm);
  background: transparent !important;
  box-shadow: none !important;
}

body.ui-next .eilo-filterbar--shows .eilo-control-wrap {
  width: 158px;
}

body.ui-next .eilo-filterbar--news .eilo-control-wrap {
  width: 150px;
}

body.ui-next .eilo-filterbar .select-wrapper-dark:before,
body.ui-next .eilo-filterbar .select-wrapper-dark:after,
body.ui-next .eilo-filterbar .eilo-control-wrap:before,
body.ui-next .eilo-filterbar .eilo-control-wrap:after {
  display: none !important;
}

body.ui-next .eilo-filterbar select {
  width: 100% !important;
  cursor: pointer;
}

body.ui-next .eilo-filterbar .buttonPro,
body.ui-next .eilo-filterbar input[type="submit"] {
  box-sizing: border-box !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--eilo-ui-control-height) !important;
  min-height: var(--eilo-ui-control-height) !important;
  margin: 0 !important;
  padding: 0 17px !important;
  border: 1px solid transparent !important;
  border-radius: var(--eilo-ui-radius-sm) !important;
  background: var(--eilo-ui-accent) !important;
  background-image: none !important;
  box-shadow: 0 7px 17px rgba(157,255,0,.16) !important;
  color: #071117 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .035em;
  text-shadow: none !important;
  text-transform: uppercase !important;
  cursor: pointer;
}

body.ui-next .eilo-filterbar .buttonPro:hover,
body.ui-next .eilo-filterbar input[type="submit"]:hover,
body.ui-next .eilo-filterbar input[type="submit"]:focus {
  background: #b8ff3d !important;
  transform: translateY(-1px);
}

body.ui-next .eilo-filterbar .eilo-filterbar__secondary {
  border-color: rgba(255,255,255,.15) !important;
  background: rgba(255,255,255,.07) !important;
  box-shadow: none !important;
  color: #f2f6f8 !important;
}

body.ui-next .eilo-filterbar .eilo-filterbar__secondary:hover {
  border-color: rgba(157,255,0,.48) !important;
  background: rgba(157,255,0,.13) !important;
}

body.ui-next .eilo-filterbar__clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  margin: 0 -2px 0 0;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 50%;
  background: rgba(255,255,255,.06);
}

body.ui-next .eilo-filterbar__clear:hover {
  border-color: rgba(157,255,0,.45);
  background: rgba(157,255,0,.12);
}

body.ui-next .eilo-filterbar__clear img {
  width: 9px;
  height: 9px;
  opacity: .82;
}

body.ui-next .eilo-filterbar-spacer {
  height: 20px !important;
}

body.ui-next .list-page,
body.ui-next .list-page-artists {
  margin-top: 18px !important;
}

/* --------------------------------------------------------------------------
   Shared surface polish
   -------------------------------------------------------------------------- */
body.ui-next .eilo-breadcrumb {
  margin: 18px 0 22px;
  color: #8a949f;
  font-size: 12px;
}

body.ui-next .eilo-breadcrumb a {
  color: #5f6974;
  font-weight: 650;
}

body.ui-next .eilo-breadcrumb a:hover {
  color: var(--eilo-ui-accent-dark);
  text-decoration: none;
}

body.ui-next .eilo-seo-summary,
body.ui-next .eilo-radio-intro,
body.ui-next .eilo-archive-intro {
  border-color: var(--eilo-ui-line);
  border-radius: var(--eilo-ui-radius);
  background: var(--eilo-ui-surface);
  box-shadow: 0 5px 18px rgba(18,28,38,.05);
}

body.ui-next .buttonPro {
  border-radius: 7px;
  box-shadow: none;
}

body.ui-next img.rounded,
body.ui-next img.rounded-small {
  border-color: #dfe4e9;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 6px 20px rgba(18,28,38,.08);
}

@media (prefers-reduced-motion: reduce) {
  body.ui-next *,
  body.ui-next *:before,
  body.ui-next *:after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* ========================================================================== 
   EILO Desktop UI Preview Polish v2
   Visual-only refinement. Classic UI and mobile remain untouched.
   ========================================================================== */

body.ui-next {
  --eilo-ui-bg: #f4f6f8;
  --eilo-ui-header: #10161d;
  --eilo-ui-header-soft: #16202a;
  --eilo-ui-accent: #9dff00;
  --eilo-ui-accent-dark: #78c900;
  --eilo-ui-focus: rgba(157, 255, 0, .17);
  --eilo-ui-control-bg: #1c2630;
  --eilo-ui-control-bg-hover: #212d38;
  --eilo-ui-control-border: #354453;
  --eilo-ui-control-border-hover: #516171;
}

/* Preview marker: quieter and less intrusive above the fixed player. */
body.ui-next .eilo-ui-preview-badge {
  gap: 8px;
  padding: 6px 7px 6px 11px;
  border-color: rgba(255,255,255,.10);
  background: rgba(15, 21, 28, .90);
  box-shadow: 0 8px 24px rgba(0,0,0,.20);
  color: #b9c4ce;
  font-size: 10px;
  backdrop-filter: blur(8px);
}

body.ui-next .eilo-ui-preview-badge a {
  min-height: 22px;
  padding: 0 8px;
  background: rgba(157,255,0,.15);
  color: #eaffc6;
}

body.ui-next .eilo-ui-preview-badge a:hover {
  background: rgba(157,255,0,.25);
  color: #ffffff;
}

/* --------------------------------------------------------------------------
   Main navigation: one clean interaction signal, no legacy hover gradient.
   -------------------------------------------------------------------------- */
body.ui-next #top {
  background: #10161d;
  box-shadow: 0 6px 20px rgba(0,0,0,.18);
}

body.ui-next .sf-menu li:hover,
body.ui-next .sf-menu li.sfHover,
body.ui-next .sf-menu a:focus,
body.ui-next .sf-menu a:hover,
body.ui-next .sf-menu a:active {
  background: transparent !important;
  background-image: none !important;
}

body.ui-next .sf-menu > li > a {
  position: relative;
  background: transparent !important;
  background-image: none !important;
}

body.ui-next .sf-menu > li > a:hover,
body.ui-next .sf-menu > li.sfHover > a {
  background: transparent !important;
  color: #ffffff;
}

body.ui-next .sf-menu > li > a:after {
  right: 12px;
  left: 12px;
  height: 2px;
  border-radius: 2px 2px 0 0;
  box-shadow: 0 -3px 10px rgba(157,255,0,.14);
  transform: scaleX(0);
  transform-origin: center;
}

body.ui-next .sf-menu > li > a:hover:after,
body.ui-next .sf-menu > li.sfHover > a:after {
  opacity: 1;
  transform: scaleX(1);
}

/* Replace the dated sprite arrows with small CSS chevrons. */
body.ui-next .sf-menu > li > a.sf-with-ul {
  padding-right: 28px !important;
}

body.ui-next .sf-menu > li > a > .sf-sub-indicator {
  top: 31px !important;
  right: 10px !important;
  width: 6px !important;
  height: 6px !important;
  border-right: 1.5px solid #758391;
  border-bottom: 1.5px solid #758391;
  background: none !important;
  text-indent: 0 !important;
  overflow: visible !important;
  transform: rotate(45deg);
  transition: border-color 140ms ease, transform 140ms ease;
}

body.ui-next .sf-menu > li:hover > a > .sf-sub-indicator,
body.ui-next .sf-menu > li.sfHover > a > .sf-sub-indicator {
  border-color: #efffd6;
  transform: translateY(1px) rotate(45deg);
}

body.ui-next .sf-menu ul li:hover,
body.ui-next .sf-menu ul li.sfHover {
  background: rgba(157,255,0,.10) !important;
}

body.ui-next .sf-menu ul a.sf-with-ul {
  padding-right: 30px !important;
}

body.ui-next .sf-menu ul a > .sf-sub-indicator {
  top: 50% !important;
  right: 12px !important;
  width: 6px !important;
  height: 6px !important;
  margin-top: -4px;
  border-right: 1.5px solid #768594;
  border-bottom: 1.5px solid #768594;
  background: none !important;
  text-indent: 0 !important;
  overflow: visible !important;
  transform: rotate(-45deg);
}

body.ui-next .sf-menu ul li:hover > a > .sf-sub-indicator,
body.ui-next .sf-menu ul li.sfHover > a > .sf-sub-indicator {
  border-color: #efffd6;
}

/* --------------------------------------------------------------------------
   Page title band: no black label behind the H1.
   -------------------------------------------------------------------------- */
body.ui-next #top-back-two {
  background:
    radial-gradient(circle at 12% -80%, rgba(0, 174, 255, 0.13), transparent 38%),
    linear-gradient(180deg, #18232d 0%, #151e27 100%);
}

body.ui-next .eilo-page-heading,
body.ui-next .eilo-page-heading__inner,
body.ui-next .eilo-page-heading__title {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.ui-next .eilo-page-heading h1,
body.ui-next .top-message.eilo-page-heading h1 {
  display: flex !important;
  align-items: center;
  gap: 11px;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  color: #f5f8fa !important;
  font-size: 23px !important;
  line-height: 1.22 !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.22) !important;
}

body.ui-next .eilo-page-heading h1 a,
body.ui-next .top-message.eilo-page-heading h1 a {
  color: #f5f8fa !important;
  background: transparent !important;
}

body.ui-next .eilo-page-heading h1 a:hover {
  color: #ffffff !important;
}

body.ui-next .eilo-page-heading__muted {
  color: #9aa7b4 !important;
}

body.ui-next .eilo-page-heading__actions {
  gap: 9px;
}

body.ui-next .eilo-page-heading__edit {
  min-height: 32px;
  padding: 0 12px;
  border-color: rgba(255,255,255,.13);
  background: rgba(255,255,255,.045);
  color: #d4dde4;
}

body.ui-next .eilo-page-heading__edit:hover {
  border-color: rgba(157,255,0,.46);
  background: rgba(157,255,0,.10);
  color: #ffffff;
}

/* Make the favorite control read as one compact action instead of loose images. */
body.ui-next .eilo-page-heading__actions .favorite,
body.ui-next .eilo-page-heading__actions .favorite-top {
  position: static !important;
  width: auto !important;
  margin: 0 !important;
}

body.ui-next .eilo-page-heading__actions .favthis {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: #dbe3e9 !important;
}

body.ui-next .eilo-page-heading__actions .favthis:hover {
  border-color: rgba(157,255,0,.42);
  background: rgba(157,255,0,.09);
}

body.ui-next .eilo-page-heading__actions .favthis img:first-child {
  width: auto !important;
  height: 18px !important;
  margin: 0 !important;
}

body.ui-next .eilo-page-heading__actions .favthis img[src*="spacer.gif"] {
  display: none !important;
}

body.ui-next .eilo-page-heading__actions .favnums-top {
  margin-left: 7px;
  color: #cbd5dd;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
}

/* The old Sharrre widget is intentionally hidden in preview until rebuilt. */
body.ui-next .eilo-page-heading__actions #shareme,
body.ui-next .eilo-page-heading__actions .sharrre,
body.ui-next .eilo-page-heading__actions .share,
body.ui-next .eilo-page-heading__actions .buttons {
  display: none !important;
}

/* --------------------------------------------------------------------------
   Search and filter controls.
   -------------------------------------------------------------------------- */
body.ui-next .eilo-filterbar input[type="text"],
body.ui-next .eilo-filterbar select,
body.ui-next .eilo-filterbar .eilo-control {
  padding-right: 13px !important;
  border-color: var(--eilo-ui-control-border) !important;
  background: var(--eilo-ui-control-bg) !important;
  background-color: var(--eilo-ui-control-bg) !important;
  background-image: none !important;
  color: #edf3f6 !important;
  caret-color: #efffd8;
  transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}

body.ui-next .eilo-filterbar input[type="text"]:hover,
body.ui-next .eilo-filterbar select:hover {
  border-color: var(--eilo-ui-control-border-hover) !important;
  background: var(--eilo-ui-control-bg-hover) !important;
  background-color: var(--eilo-ui-control-bg-hover) !important;
  color: #ffffff !important;
}

body.ui-next .eilo-filterbar input[type="text"]:focus,
body.ui-next .eilo-filterbar select:focus {
  border-color: var(--eilo-ui-accent) !important;
  background: #1f2a34 !important;
  background-color: #1f2a34 !important;
  box-shadow: 0 0 0 3px var(--eilo-ui-focus) !important;
  color: #ffffff !important;
}

body.ui-next .eilo-filterbar input[type="text"]::placeholder {
  color: #94a2af;
  opacity: 1;
}

body.ui-next .eilo-filterbar .select-wrapper-dark,
body.ui-next .eilo-filterbar .eilo-control-wrap {
  position: relative !important;
  overflow: visible !important;
}

body.ui-next .eilo-filterbar .select-wrapper-dark:before,
body.ui-next .eilo-filterbar .eilo-control-wrap:before {
  display: none !important;
}

body.ui-next .eilo-filterbar .select-wrapper-dark:after,
body.ui-next .eilo-filterbar .eilo-control-wrap:after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  right: 14px !important;
  z-index: 2;
  display: block !important;
  width: 7px !important;
  height: 7px !important;
  margin-top: -6px !important;
  border: 0 !important;
  border-right: 1.5px solid #93a2af !important;
  border-bottom: 1.5px solid #93a2af !important;
  background: transparent !important;
  pointer-events: none;
  transform: rotate(45deg);
}

body.ui-next .eilo-filterbar select {
  padding-right: 38px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

body.ui-next .eilo-filterbar select::-ms-expand {
  display: none;
}

body.ui-next .eilo-filterbar select option {
  background: #1c2630;
  color: #edf3f6;
}

body.ui-next .eilo-filterbar .buttonPro,
body.ui-next .eilo-filterbar input[type="submit"] {
  position: static !important;
  top: auto !important;
  border-color: rgba(157,255,0,.20) !important;
  background: var(--eilo-ui-accent) !important;
  background-color: var(--eilo-ui-accent) !important;
  background-image: none !important;
  box-shadow: 0 7px 16px rgba(8,123,139,.15) !important;
  color: #071317 !important;
  transform: none;
}

body.ui-next .eilo-filterbar .buttonPro:hover,
body.ui-next .eilo-filterbar .buttonPro:focus,
body.ui-next .eilo-filterbar input[type="submit"]:hover,
body.ui-next .eilo-filterbar input[type="submit"]:focus {
  border-color: rgba(66,211,226,.34) !important;
  background: #b8ff3d !important;
  background-color: #b8ff3d !important;
  background-image: none !important;
  box-shadow: 0 8px 18px rgba(8,123,139,.19) !important;
  color: #061216 !important;
  transform: translateY(-1px);
}

body.ui-next .eilo-filterbar .eilo-filterbar__secondary,
body.ui-next .eilo-filterbar .eilo-filterbar__secondary:hover,
body.ui-next .eilo-filterbar .eilo-filterbar__secondary:focus {
  border-color: #3b4855 !important;
  background: #202a34 !important;
  background-color: #202a34 !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #edf3f6 !important;
}

body.ui-next .eilo-filterbar .eilo-filterbar__secondary:hover,
body.ui-next .eilo-filterbar .eilo-filterbar__secondary:focus {
  border-color: #566675 !important;
  background: #27333e !important;
  background-color: #27333e !important;
}

/* --------------------------------------------------------------------------
   Homepage utility strip: Now Playing and Search form as one coherent row.
   -------------------------------------------------------------------------- */
body.ui-next .eilo-home-utility {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  width: 950px;
  height: 82px;
  margin: 0 5px 18px;
  position: relative;
  z-index: 20;
}

body.ui-next .eilo-home-nowplaying {
  min-width: 0;
  flex: 1 1 auto;
  float: none !important;
  margin: 0 !important;
}

body.ui-next .hotnews-homepage {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100% !important;
  height: 42px;
  margin: 0 !important;
}

body.ui-next .hotnews-homepage h1 {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #e8eef3 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800;
  line-height: 1 !important;
  letter-spacing: .055em;
  text-transform: uppercase !important;
  white-space: nowrap;
}

body.ui-next .hotnews-homepage h1 img {
  box-sizing: content-box;
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
  padding: 0;
  opacity: .82;
}

body.ui-next .hotnews-homepage ul {
  min-width: 0;
  flex: 1 1 auto;
  height: 28px;
  margin: 0 !important;
  padding: 0 0 0 16px !important;
  border-left: 1px solid rgba(255,255,255,.10);
  list-style: none;
  overflow: hidden;
}

body.ui-next .hotnews-homepage ul li {
  width: 100%;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  color: #81909d;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-next .hotnews-homepage ul li img {
  margin-top: 7px !important;
  margin-right: 7px;
  padding: 0;
  opacity: .56;
}

body.ui-next .hotnews-homepage ul a {
  color: #cbd6de !important;
}

body.ui-next .hotnews-homepage ul a:hover {
  color: #ffffff !important;
}

body.ui-next .eilo-home-search {
  flex: 0 0 340px;
  float: none !important;
  margin: 0 !important;
}

body.ui-next .eilo-home-search #formdiv,
body.ui-next .eilo-home-search form {
  width: 100%;
  margin: 0;
}

body.ui-next .eilo-home-search__form {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  width: 100%;
  float: none !important;
  margin: 0 !important;
  font-size: 0;
}

body.ui-next .eilo-home-search__form > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  width: 28px;
  height: 40px;
  margin: 0;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 8px;
  background: rgba(255,255,255,.035);
}

body.ui-next .eilo-home-search__form > a:hover {
  border-color: rgba(157,255,0,.36);
  background: rgba(157,255,0,.08);
}

body.ui-next #headsearch {
  box-sizing: border-box !important;
  flex: 1 1 auto;
  width: auto !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border: 1px solid var(--eilo-ui-control-border) !important;
  border-radius: 8px !important;
  outline: 0;
  background: var(--eilo-ui-control-bg) !important;
  background-color: var(--eilo-ui-control-bg) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #e8eff4 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 40px !important;
  text-shadow: none !important;
}

body.ui-next #headsearch:hover {
  border-color: var(--eilo-ui-control-border-hover) !important;
  background: var(--eilo-ui-control-bg-hover) !important;
  background-color: var(--eilo-ui-control-bg-hover) !important;
  color: #ffffff !important;
}

body.ui-next #headsearch:focus {
  border-color: var(--eilo-ui-accent) !important;
  background: #1f2a34 !important;
  background-color: #1f2a34 !important;
  box-shadow: 0 0 0 3px var(--eilo-ui-focus) !important;
  color: #ffffff !important;
}

body.ui-next .eilo-home-search__submit {
  box-sizing: border-box !important;
  position: static !important;
  top: auto !important;
  flex: 0 0 auto;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid rgba(157,255,0,.20) !important;
  border-radius: 8px !important;
  background: var(--eilo-ui-accent) !important;
  background-color: var(--eilo-ui-accent) !important;
  background-image: none !important;
  box-shadow: 0 7px 16px rgba(8,123,139,.14) !important;
  color: #071317 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .045em;
  text-shadow: none !important;
  text-transform: uppercase;
}

body.ui-next .eilo-home-search__submit:hover,
body.ui-next .eilo-home-search__submit:focus {
  background: #b8ff3d !important;
  background-color: #b8ff3d !important;
  background-image: none !important;
  color: #061216 !important;
}

body.ui-next .eilo-home-utility + .clear + .grid_16 {
  margin-top: 20px !important;
}

/* --------------------------------------------------------------------------
   Light detail-page alignment polish without changing page structure.
   -------------------------------------------------------------------------- */
body.ui-next #content,
body.ui-next .artistpagebio,
body.ui-next #post-blog-list-read {
  color: #5c6875;
}

body.ui-next .sidebar-artists h1,
body.ui-next .sidebar-show h1,
body.ui-next .sidebar-tags h1 {
  color: #27323d;
}

body.ui-next .sidebar-tags {
  border-color: var(--eilo-ui-line);
}

body.ui-next .sidebar-tags ul li {
  transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease;
}

body.ui-next .sidebar-tags ul li:hover {
  border-color: #cbd5dd;
  background: #ffffff;
  color: #27323d;
}

/* ========================================================================== 
   EILO Desktop UI Preview - Stability & Alignment v3
   Final shell corrections before the dark premium phase.
   ========================================================================== */

body.ui-next .sf-menu .sf-sub-indicator {
  display: block !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  white-space: nowrap !important;
}
body.ui-next .sf-menu > li > a > .sf-sub-indicator {
  top: 50% !important;
  margin-top: -5px !important;
}

body.ui-next #index-common:empty { display: none !important; }
body.ui-next #index-common { clear: both; }
body.ui-next #index-common .eilo-breadcrumb-shell {
  box-sizing: border-box;
  display: block;
  float: left;
  clear: both;
  width: 950px !important;
  margin: 0 5px !important;
}
body.ui-next #index-common .eilo-breadcrumb {
  box-sizing: border-box;
  width: 100%;
  margin: 14px 0 16px !important;
}
body.ui-next .eilo-legacy-gap { display: none !important; }

body.ui-next #content > .eilo-filterbar {
  box-sizing: border-box;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 950px !important;
  height: 82px !important;
  min-height: 82px !important;
  margin: 0 5px !important;
  padding: 0 !important;
  gap: 18px !important;
  float: none !important;
  clear: both !important;
}
body.ui-next .eilo-filterbar__main,
body.ui-next .eilo-filterbar__panel,
body.ui-next .eilo-filterbar__form,
body.ui-next .eilo-filterbar__controls,
body.ui-next .eilo-filterbar__action { box-sizing: border-box; min-height: 42px; }
body.ui-next .eilo-filterbar__main,
body.ui-next .eilo-filterbar__panel {
  display: flex !important;
  align-items: center !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.ui-next .eilo-filterbar__main { flex: 1 1 auto; min-width: 0; }
body.ui-next .eilo-filterbar__panel,
body.ui-next .eilo-filterbar__form { width: 100% !important; }
body.ui-next .eilo-filterbar__form,
body.ui-next .eilo-filterbar__controls {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: normal !important;
}
body.ui-next .eilo-filterbar__form > *,
body.ui-next .eilo-filterbar__controls > * {
  align-self: center !important;
  vertical-align: middle !important;
}
body.ui-next .eilo-filterbar__action {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto;
  height: 42px !important;
  float: none !important;
  margin: 0 !important;
}
body.ui-next .eilo-filterbar input[type="text"],
body.ui-next .eilo-filterbar select,
body.ui-next .eilo-filterbar .eilo-control,
body.ui-next .eilo-filterbar .buttonPro,
body.ui-next .eilo-filterbar input[type="submit"] {
  box-sizing: border-box !important;
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  vertical-align: middle !important;
}
body.ui-next .eilo-filterbar input[type="text"] { line-height: 40px !important; }
body.ui-next .eilo-filterbar select {
  line-height: normal !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
body.ui-next .eilo-filterbar .select-wrapper-dark,
body.ui-next .eilo-filterbar .eilo-control-wrap {
  display: flex !important;
  align-items: center !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
}
body.ui-next .eilo-filterbar .buttonPro,
body.ui-next .eilo-filterbar input[type="submit"] {
  line-height: 42px !important;
  transform: none !important;
}
body.ui-next .eilo-filterbar .buttonPro:hover,
body.ui-next .eilo-filterbar .buttonPro:focus,
body.ui-next .eilo-filterbar input[type="submit"]:hover,
body.ui-next .eilo-filterbar input[type="submit"]:focus { transform: none !important; }
body.ui-next .eilo-filterbar-spacer {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.ui-next #content > .eilo-filterbar + .grid_16,
body.ui-next #content > .eilo-filterbar + .grid_18,
body.ui-next #content > .eilo-filterbar + .eilo-filterbar-spacer + .grid_16,
body.ui-next #content > .eilo-filterbar + .eilo-filterbar-spacer + .grid_18 {
  clear: both !important;
  margin-top: 20px !important;
}
body.ui-next .list-page,
body.ui-next .list-page-artists { margin-top: 20px !important; }

body.ui-next .eilo-page-heading__actions .favorite,
body.ui-next .eilo-page-heading__actions .favorite-top,
body.ui-next .eilo-page-heading__actions .favthis { overflow: visible !important; }
body.ui-next .eilo-page-heading__actions .favthis {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-width: 58px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 11px !important;
  line-height: 1 !important;
}
body.ui-next .eilo-page-heading__actions .favthis > img:first-child {
  position: static !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
body.ui-next .eilo-page-heading__actions .favnums-top {
  position: static !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  min-width: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #d6e0e7 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  text-align: center !important;
}

body.ui-next .eilo-home-utility,
body.ui-next .hotnews-homepage { overflow: visible !important; }
body.ui-next .hotnews-homepage { height: 44px !important; }
body.ui-next .hotnews-homepage ul {
  box-sizing: border-box;
  height: 34px !important;
  min-height: 34px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
}
body.ui-next .hotnews-homepage ul li {
  box-sizing: border-box;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  line-height: 34px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.ui-next .hotnews-homepage ul li img {
  float: none !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: -2px 7px 0 0 !important;
}
body.ui-next .hotnews-homepage ul li a { vertical-align: baseline !important; }
body.ui-next .eilo-home-utility + .clear + .grid_16 { margin-top: 20px !important; }
body.ui-next #top-background[data-eilo-page] { pointer-events: none; }



/* ========================================================================== 
   EILO Desktop UI Preview - Shell Normalization v4
   A single replaceable shell slot for HOME, filters, detail headings and radio.
   ========================================================================== */
body.ui-next #eilo-page-state { display: none !important; }

body.ui-next .top-message.eilo-shell-slot {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  width: 950px !important;
  height: 82px !important;
  min-height: 82px !important;
  margin: 0 5px !important;
  padding: 0 !important;
  float: left !important;
  clear: both !important;
  position: relative !important;
  z-index: 25 !important;
  overflow: visible !important;
}

body.ui-next .top-message.eilo-shell-slot + .grid_5,
body.ui-next .grid_5.eilo-shell-unused {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}

/* Before the tiny normalizer runs, hide only the old in-content position. */
body.ui-next #content > .eilo-filterbar,
body.ui-next #content > .eilo-home-utility {
  visibility: hidden;
}

body.ui-next .top-message.eilo-shell-slot > .eilo-filterbar,
body.ui-next .top-message.eilo-shell-slot > .eilo-home-utility {
  visibility: visible !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 82px !important;
  min-height: 82px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
}

body.ui-next .top-message.eilo-shell-slot > .eilo-filterbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

body.ui-next .top-message.eilo-shell-slot .eilo-filterbar__main,
body.ui-next .top-message.eilo-shell-slot .eilo-filterbar__panel,
body.ui-next .top-message.eilo-shell-slot .eilo-filterbar__form,
body.ui-next .top-message.eilo-shell-slot .eilo-filterbar__controls,
body.ui-next .top-message.eilo-shell-slot .eilo-filterbar__action {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  top: auto !important;
  bottom: auto !important;
  align-self: center !important;
}

body.ui-next .top-message.eilo-shell-slot .eilo-filterbar__form,
body.ui-next .top-message.eilo-shell-slot .eilo-filterbar__controls {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  align-items: center !important;
}

body.ui-next .top-message.eilo-shell-slot .eilo-filterbar input[type="text"],
body.ui-next .top-message.eilo-shell-slot .eilo-filterbar select,
body.ui-next .top-message.eilo-shell-slot .eilo-filterbar .buttonPro,
body.ui-next .top-message.eilo-shell-slot .eilo-filterbar input[type="submit"],
body.ui-next .top-message.eilo-shell-slot .eilo-filterbar .eilo-control,
body.ui-next .top-message.eilo-shell-slot .eilo-filterbar .eilo-control-wrap,
body.ui-next .top-message.eilo-shell-slot .eilo-filterbar .select-wrapper-dark {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  top: auto !important;
  bottom: auto !important;
  vertical-align: middle !important;
}

body.ui-next .top-message.eilo-shell-slot .eilo-filterbar input[type="text"],
body.ui-next .top-message.eilo-shell-slot .eilo-filterbar select {
  line-height: normal !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.ui-next .top-message.eilo-shell-slot .eilo-filterbar .buttonPro,
body.ui-next .top-message.eilo-shell-slot .eilo-filterbar input[type="submit"] {
  line-height: 1 !important;
}

body.ui-next .top-message.eilo-shell-slot > .eilo-home-utility {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 26px !important;
}

body.ui-next .top-message.eilo-shell-slot .hotnews-homepage,
body.ui-next .top-message.eilo-shell-slot .eilo-home-search,
body.ui-next .top-message.eilo-shell-slot .eilo-home-search__form {
  align-self: center !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.ui-next .hotnews-homepage ul#news {
  position: relative !important;
  height: 34px !important;
  min-height: 34px !important;
  overflow: hidden !important;
}

body.ui-next .hotnews-homepage ul#news > li {
  box-sizing: border-box !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 34px !important;
  line-height: 34px !important;
}

body.ui-next #index-common {
  clear: both !important;
}

body.ui-next #content {
  clear: both !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Radio station detail pages now use the same preview heading and grid shell. */
body.ui-next .eilo-radio-heading__actions {
  gap: 10px !important;
}

body.ui-next .eilo-radio-heading__play {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(157,255,0,.42) !important;
  border-radius: 8px !important;
  background: rgba(157,255,0,.15) !important;
  box-shadow: none !important;
  color: #eafcff !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

body.ui-next .eilo-radio-heading__play:hover {
  background: rgba(157,255,0,.24) !important;
}

body.ui-next .eilo-radio-heading__m3u {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 8px;
  background: rgba(255,255,255,.06);
}

body.ui-next .eilo-radio-heading__m3u:hover {
  border-color: rgba(157,255,0,.42);
  background: rgba(157,255,0,.12);
}

body.ui-next .eilo-radio-page {
  box-sizing: border-box;
  width: 950px !important;
  margin: 0 5px !important;
}

body.ui-next .eilo-radio-page .eilo-radio-intro {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 34px !important;
  padding: 16px 18px;
  border: 1px solid #d9e1e7;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(18,28,38,.06);
  color: #465361;
  font-size: 15px;
  line-height: 1.55;
}


body.ui-next.eilo-shell-home #content > .clear + .grid_16 {
  margin-top: 20px !important;
}

body.ui-next.eilo-shell-filter #content > .grid_16,
body.ui-next.eilo-shell-filter #content > .grid_18,
body.ui-next.eilo-shell-filter #content > .eilo-filterbar-spacer + .grid_16,
body.ui-next.eilo-shell-filter #content > .eilo-filterbar-spacer + .grid_18 {
  margin-top: 20px !important;
}


/* ==========================================================================
   Desktop UI Preview Forms & Persistent Toolbars v5
   ========================================================================== */
body.ui-next .eilo-filterbar__clear {
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 62px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border-radius: var(--eilo-ui-radius-sm) !important;
  color: #dbe5ec !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  line-height: 40px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

body.ui-next .eilo-filterbar__clear-label {
  display: inline-block !important;
  line-height: 40px !important;
}

body.ui-next .top-message.eilo-shell-slot .eilo-filterbar__clear {
  align-self: center !important;
}

body.ui-next .eilo-manage-heading .eilo-page-heading__inner {
  gap: 24px !important;
}

body.ui-next .eilo-manage-heading__actions {
  flex: 1 1 auto !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
}

body.ui-next .eilo-manage-notice {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  max-width: 610px !important;
  min-height: 42px !important;
  padding: 8px 10px 8px 14px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: var(--eilo-ui-radius-sm) !important;
  background: rgba(255,255,255,.06) !important;
  color: #dce4eb !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

body.ui-next .eilo-notice--success {
  border-color: rgba(79, 211, 143, .35) !important;
  background: rgba(32, 145, 91, .16) !important;
}

body.ui-next .eilo-notice--warning {
  border-color: rgba(255, 196, 92, .38) !important;
  background: rgba(180, 119, 28, .17) !important;
}

body.ui-next .eilo-notice--error {
  border-color: rgba(255, 102, 120, .38) !important;
  background: rgba(181, 50, 67, .17) !important;
}

body.ui-next .eilo-manage-notice__text {
  min-width: 0 !important;
}

body.ui-next .eilo-manage-notice__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-height: 28px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(157,255,0,.42) !important;
  border-radius: 6px !important;
  background: rgba(157,255,0,.12) !important;
  color: #83e5f7 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 3 !important;
}

body.ui-next .eilo-manage-notice__link:hover {
  border-color: rgba(157,255,0,.75) !important;
  background: rgba(157,255,0,.22) !important;
  color: #ffffff !important;
}

body.ui-next #content .greenalert,
body.ui-next #content .redalert,
body.ui-next #content .err-form,
body.ui-next #content .success-form {
  box-sizing: border-box !important;
  max-width: 100% !important;
  padding: 13px 15px !important;
  border-radius: var(--eilo-ui-radius-sm) !important;
  box-shadow: none !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

body.ui-next #content .greenalert,
body.ui-next #content .success-form {
  border: 1px solid #b9e8cc !important;
  background: #edf9f2 !important;
  color: #245b3b !important;
}

body.ui-next #content .redalert,
body.ui-next #content .err-form {
  border: 1px solid #f0bbc3 !important;
  background: #fff1f3 !important;
  color: #7d2d39 !important;
}

body.ui-next #content .greenalert a,
body.ui-next #content .redalert a,
body.ui-next #content .success-form a,
body.ui-next #content .err-form a {
  color: var(--eilo-ui-accent-dark) !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
  pointer-events: auto !important;
}

/* ========================================================================== 
   Desktop UI Preview Navigation Alignment hotfix v5.1
   - Correct nested Superfish submenu anchoring.
   - Vertically center the signed-in user controls with the main navigation.
   ========================================================================== */

/* Only the first dropdown level belongs below the 72px main header. */
body.ui-next .sf-menu > li:hover > ul,
body.ui-next .sf-menu > li.sfHover > ul {
  top: 72px !important;
  left: 0 !important;
}

/* Keep deeper levels hidden until their own parent item is active. */
body.ui-next .sf-menu > li > ul li > ul {
  top: -999em !important;
  left: -999em !important;
  margin: 0 !important;
}

/* Anchor a nested menu beside the exact hovered row, not 72px below it. */
body.ui-next .sf-menu > li > ul li:hover > ul,
body.ui-next .sf-menu > li > ul li.sfHover > ul {
  top: -8px !important;
  left: calc(100% + 8px) !important;
  right: auto !important;
  z-index: 1002 !important;
  min-width: 188px !important;
  border-radius: 10px !important;
}

/* On narrower desktop viewports, open the MY third level inward. */
@media (max-width: 1150px) {
  body.ui-next .sf-menu > li:last-child > ul li:hover > ul,
  body.ui-next .sf-menu > li:last-child > ul li.sfHover > ul {
    right: calc(100% + 8px) !important;
    left: auto !important;
  }
}

/* Make the username and mini controls share the exact header center line. */
body.ui-next #mini-buttons {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  height: 72px !important;
  margin-top: 0 !important;
}

body.ui-next #mini-buttons > div {
  box-sizing: border-box !important;
  display: flex !important;
  float: none !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  height: 72px !important;
}

body.ui-next #mini-buttons > div > a {
  float: none !important;
  flex: 0 0 24px !important;
  margin-top: 0 !important;
  padding-left: 0 !important;
}

body.ui-next #allpage-username-top {
  box-sizing: border-box !important;
  display: flex !important;
  float: none !important;
  align-items: center !important;
  height: 24px !important;
  margin: 0 4px 0 0 !important;
  padding: 0 !important;
  line-height: 24px !important;
}

body.ui-next #allpage-username-top a {
  display: flex !important;
  align-items: center !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 24px !important;
  white-space: nowrap !important;
}

/* ========================================================================== 
   Desktop UI Preview v6 — Dark Content System + HOME Premium
   Scoped to the HOME preview only. Classic and unfinished preview pages stay
   untouched while the shared visual language is established here.
   ========================================================================== */

body.ui-next.eilo-page-index,
body.ui-next.eilo-shell-home {
  --eilo-home-bg: #090e14;
  --eilo-home-bg-soft: #0d141d;
  --eilo-home-surface: #111a24;
  --eilo-home-surface-raised: #16212d;
  --eilo-home-surface-hover: #1a2734;
  --eilo-home-border: rgba(255,255,255,.09);
  --eilo-home-border-strong: rgba(255,255,255,.15);
  --eilo-home-text: #f5f7fa;
  --eilo-home-muted: #91a0b2;
  --eilo-home-accent: #ff006a;
  --eilo-home-accent-hover: #ff3388;
  --eilo-home-accent-soft: rgba(255,0,106,.13);
  --eilo-home-green: #9dff00;
  --eilo-home-radius-sm: 9px;
  --eilo-home-radius: 14px;
  --eilo-home-radius-lg: 20px;
  background: var(--eilo-home-bg) !important;
  color: var(--eilo-home-text);
}

body.ui-next.eilo-page-index #pageslide-body-wrap,
body.ui-next.eilo-shell-home #pageslide-body-wrap,
body.ui-next.eilo-page-index #content,
body.ui-next.eilo-shell-home #content {
  background:
    radial-gradient(circle at 12% 2%, rgba(255,0,106,.095), transparent 31%),
    radial-gradient(circle at 91% 12%, rgba(157,255,0,.075), transparent 30%),
    linear-gradient(180deg, #0a1017 0%, #090e14 44%, #080d13 100%) !important;
  color: var(--eilo-home-text) !important;
}

body.ui-next.eilo-page-index #content,
body.ui-next.eilo-shell-home #content {
  box-sizing: border-box;
  min-height: 720px;
  padding-bottom: 56px;
}

/* Utility row: use acid green for functional search and introduce the pink live cue. */
body.ui-next.eilo-page-index .top-message.eilo-shell-slot,
body.ui-next.eilo-shell-home .top-message.eilo-shell-slot {
  background:
    linear-gradient(90deg, rgba(255,0,106,.035), transparent 36%),
    #101b26 !important;
  border-bottom-color: rgba(255,255,255,.07) !important;
}

body.ui-next.eilo-page-index .hotnews-homepage h1,
body.ui-next.eilo-shell-home .hotnews-homepage h1 {
  color: var(--eilo-home-text) !important;
}

body.ui-next.eilo-page-index .hotnews-homepage h1::after,
body.ui-next.eilo-shell-home .hotnews-homepage h1::after {
  content: "";
  width: 6px;
  height: 6px;
  margin-left: 8px;
  border-radius: 50%;
  background: var(--eilo-home-accent);
  box-shadow: 0 0 14px rgba(255,0,106,.78);
}

body.ui-next.eilo-page-index .hotnews-homepage ul a:hover,
body.ui-next.eilo-shell-home .hotnews-homepage ul a:hover {
  color: #ff78ac !important;
}

/* Two-column HOME composition. */
body.ui-next.eilo-page-index .eilo-home-main,
body.ui-next.eilo-shell-home .eilo-home-main {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 640px) minmax(0, 290px);
  align-items: start;
  gap: 20px;
  width: 950px;
  margin: 34px 5px 0;
}

body.ui-next.eilo-page-index .eilo-home-primary,
body.ui-next.eilo-shell-home .eilo-home-primary,
body.ui-next.eilo-page-index .eilo-home-stations,
body.ui-next.eilo-shell-home .eilo-home-stations {
  box-sizing: border-box;
  float: none !important;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
}

body.ui-next.eilo-page-index .eilo-home-primary,
body.ui-next.eilo-shell-home .eilo-home-primary {
  grid-column: 1;
}

body.ui-next.eilo-page-index .eilo-home-stations,
body.ui-next.eilo-shell-home .eilo-home-stations {
  grid-column: 2;
  grid-row: 1;
}

/* Premium featured hero, using the existing RoyalSlider runtime. */
body.ui-next.eilo-page-index #homeSlider,
body.ui-next.eilo-shell-home #homeSlider {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 640px;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid var(--eilo-home-border) !important;
  border-radius: var(--eilo-home-radius-lg) !important;
  background: #080c11 !important;
  box-shadow:
    0 28px 70px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.018) inset;
  color: var(--eilo-home-text);
}

body.ui-next.eilo-page-index #homeSlider .rsOverflow,
body.ui-next.eilo-page-index #homeSlider .rsContainer,
body.ui-next.eilo-page-index #homeSlider .rsSlide,
body.ui-next.eilo-page-index #homeSlider .rsContent,
body.ui-next.eilo-shell-home #homeSlider .rsOverflow,
body.ui-next.eilo-shell-home #homeSlider .rsContainer,
body.ui-next.eilo-shell-home #homeSlider .rsSlide,
body.ui-next.eilo-shell-home #homeSlider .rsContent {
  border-radius: inherit;
}

body.ui-next.eilo-page-index #homeSlider .rsContent,
body.ui-next.eilo-shell-home #homeSlider .rsContent {
  position: relative;
  overflow: hidden;
}

body.ui-next.eilo-page-index #homeSlider .rsContent::after,
body.ui-next.eilo-shell-home #homeSlider .rsContent::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(5,8,12,.90) 0%, rgba(5,8,12,.50) 47%, rgba(5,8,12,.08) 75%),
    linear-gradient(0deg, rgba(5,8,12,.88) 0%, transparent 52%);
}

body.ui-next.eilo-page-index #homeSlider .rsImg,
body.ui-next.eilo-shell-home #homeSlider .rsImg {
  filter: saturate(1.06) contrast(1.03);
}

body.ui-next.eilo-page-index #homeSlider .rsSlideTitle,
body.ui-next.eilo-shell-home #homeSlider .rsSlideTitle {
  z-index: 5 !important;
  box-sizing: border-box;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--eilo-home-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-weight: 800 !important;
  text-transform: none !important;
}

body.ui-next.eilo-page-index #homeSlider .eilo-home-hero__kicker,
body.ui-next.eilo-shell-home #homeSlider .eilo-home-hero__kicker {
  top: 30px !important;
  left: 30px !important;
  min-width: 0 !important;
  padding: 7px 11px !important;
  border: 1px solid rgba(255,255,255,.17) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff006a 0%, #bf00d9 100%) !important;
  box-shadow: 0 10px 28px rgba(255,0,106,.25) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  letter-spacing: .085em !important;
  text-transform: uppercase !important;
}

body.ui-next.eilo-page-index #homeSlider .eilo-home-hero__title,
body.ui-next.eilo-shell-home #homeSlider .eilo-home-hero__title {
  top: 82px !important;
  left: 30px !important;
  width: 76% !important;
  max-width: 485px;
  min-width: 0 !important;
  padding: 0 !important;
  font-size: 30px !important;
  line-height: 1.13 !important;
  letter-spacing: -.025em !important;
  text-shadow: 0 3px 20px rgba(0,0,0,.55) !important;
}

body.ui-next.eilo-page-index #homeSlider .eilo-home-hero__title font,
body.ui-next.eilo-shell-home #homeSlider .eilo-home-hero__title font {
  display: inline-block;
  margin-top: 10px;
  padding: 6px 9px !important;
  border-radius: 7px;
  background: rgba(8,13,18,.72) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

body.ui-next.eilo-page-index #homeSlider .eilo-home-hero__cta,
body.ui-next.eilo-shell-home #homeSlider .eilo-home-hero__cta {
  z-index: 6;
  right: auto !important;
  bottom: 28px !important;
  left: 30px !important;
  padding: 11px 16px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 10px !important;
  background: var(--eilo-home-accent) !important;
  box-shadow: 0 12px 28px rgba(255,0,106,.24) !important;
  color: #ffffff !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  transition: transform 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

body.ui-next.eilo-page-index #homeSlider .eilo-home-hero__cta:hover,
body.ui-next.eilo-shell-home #homeSlider .eilo-home-hero__cta:hover {
  border-color: rgba(255,255,255,.18) !important;
  background: var(--eilo-home-accent-hover) !important;
  box-shadow: 0 16px 34px rgba(255,0,106,.31) !important;
  transform: translateY(-2px);
}

body.ui-next.eilo-page-index #homeSlider .rsBullets,
body.ui-next.eilo-shell-home #homeSlider .rsBullets {
  z-index: 7;
  right: 24px;
  bottom: 24px;
  left: auto;
  width: auto;
  height: auto;
  padding: 6px 8px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 999px;
  background: rgba(7,11,16,.58);
  backdrop-filter: blur(8px);
}

body.ui-next.eilo-page-index #homeSlider .rsBullet,
body.ui-next.eilo-shell-home #homeSlider .rsBullet {
  width: 7px;
  height: 7px;
  padding: 3px;
}

body.ui-next.eilo-page-index #homeSlider .rsBullet span,
body.ui-next.eilo-shell-home #homeSlider .rsBullet span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255,255,255,.36);
}

body.ui-next.eilo-page-index #homeSlider .rsBullet.rsNavSelected span,
body.ui-next.eilo-shell-home #homeSlider .rsBullet.rsNavSelected span {
  background: var(--eilo-home-accent);
  box-shadow: 0 0 12px rgba(255,0,106,.70);
}

/* Shared HOME section heading. */
body.ui-next.eilo-page-index .eilo-home-section-heading,
body.ui-next.eilo-shell-home .eilo-home-section-heading {
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  width: 100%;
  margin: 30px 0 14px;
}

body.ui-next.eilo-page-index .eilo-home-section-heading__eyebrow,
body.ui-next.eilo-shell-home .eilo-home-section-heading__eyebrow {
  display: block;
  margin-bottom: 5px;
  color: var(--eilo-home-accent);
  font-size: 10px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.ui-next.eilo-page-index .eilo-home-section-heading h2,
body.ui-next.eilo-shell-home .eilo-home-section-heading h2 {
  margin: 0;
  color: var(--eilo-home-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 22px;
  font-weight: 760;
  line-height: 1.15;
  letter-spacing: -.018em;
  text-transform: none;
}

body.ui-next.eilo-page-index .eilo-home-section-heading__link,
body.ui-next.eilo-shell-home .eilo-home-section-heading__link {
  flex: 0 0 auto;
  padding-bottom: 3px;
  color: #8fdae5 !important;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .045em;
  text-transform: uppercase;
}

body.ui-next.eilo-page-index .eilo-home-section-heading__link:hover,
body.ui-next.eilo-shell-home .eilo-home-section-heading__link:hover {
  border-color: var(--eilo-home-accent);
  color: #ffffff !important;
}

body.ui-next.eilo-page-index .eilo-home-section-heading--stations,
body.ui-next.eilo-shell-home .eilo-home-section-heading--stations {
  margin-top: 0;
  margin-bottom: 14px;
}

body.ui-next.eilo-page-index .eilo-home-section-heading--stations h2,
body.ui-next.eilo-shell-home .eilo-home-section-heading--stations h2 {
  font-size: 19px;
}

/* Premium HOME tabs, retaining the existing slider logic. */
body.ui-next.eilo-page-index .latest-elements,
body.ui-next.eilo-shell-home .latest-elements {
  box-sizing: border-box;
  float: none !important;
  width: 620px !important;
  margin: 0 !important;
}

body.ui-next.eilo-page-index .tabbed_content,
body.ui-next.eilo-shell-home .tabbed_content {
  box-sizing: border-box;
  width: 620px;
  margin: 0;
  border: 1px solid var(--eilo-home-border);
  border-radius: var(--eilo-home-radius);
  background: rgba(17,26,36,.88);
  box-shadow: 0 18px 44px rgba(0,0,0,.24);
  overflow: hidden;
}

body.ui-next.eilo-page-index .tabbed_content .tabs,
body.ui-next.eilo-shell-home .tabbed_content .tabs {
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  height: 54px;
  padding: 0 12px;
  border-bottom: 1px solid var(--eilo-home-border);
  background: rgba(255,255,255,.018);
}

body.ui-next.eilo-page-index .tabbed_content .tab_item,
body.ui-next.eilo-shell-home .tabbed_content .tab_item {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 78px;
  height: 53px;
  margin: 0 4px;
  padding: 0 13px;
  color: #aab7c4;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .055em;
  text-transform: uppercase;
  transition: color 140ms ease, background-color 140ms ease;
}

body.ui-next.eilo-page-index .tabbed_content .tab_item:hover,
body.ui-next.eilo-shell-home .tabbed_content .tab_item:hover {
  background: rgba(255,255,255,.025);
  color: #ffffff;
}

body.ui-next.eilo-page-index .tabbed_content .tabs-right,
body.ui-next.eilo-shell-home .tabbed_content .tabs-right {
  display: none;
}

body.ui-next.eilo-page-index .tabbed_content .moving_bg,
body.ui-next.eilo-shell-home .tabbed_content .moving_bg {
  top: auto;
  bottom: 0;
  width: 78px;
  height: 3px;
  margin: 0;
  padding: 0;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(90deg, #ff006a 0%, #c600e9 100%);
  box-shadow: 0 -4px 15px rgba(255,0,106,.25);
}

body.ui-next.eilo-page-index .tabbed_content .slide_content,
body.ui-next.eilo-shell-home .tabbed_content .slide_content {
  box-sizing: border-box;
  width: 620px;
  min-height: 330px;
  margin: 0;
  padding: 18px;
  overflow: hidden;
}

body.ui-next.eilo-page-index .tabbed_content .tabslider ul,
body.ui-next.eilo-shell-home .tabbed_content .tabslider ul {
  box-sizing: border-box;
  width: 584px;
  margin-right: 36px;
}

/* Editorial/event cards inside the HOME tabs. */
body.ui-next.eilo-page-index .eilo-home-content-card,
body.ui-next.eilo-shell-home .eilo-home-content-card {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 205px minmax(0,1fr);
  gap: 18px;
  width: 584px !important;
  min-height: 170px;
  margin: 0 0 14px !important;
  padding: 10px !important;
  float: none !important;
  border: 1px solid var(--eilo-home-border) !important;
  border-radius: 12px;
  background: rgba(255,255,255,.022);
  transition: border-color 150ms ease, background-color 150ms ease, transform 150ms ease;
}

body.ui-next.eilo-page-index .eilo-home-content-card:hover,
body.ui-next.eilo-shell-home .eilo-home-content-card:hover {
  border-color: rgba(255,0,106,.30) !important;
  background: rgba(255,255,255,.035);
  transform: translateY(-2px);
}

body.ui-next.eilo-page-index .eilo-home-content-card__media,
body.ui-next.eilo-shell-home .eilo-home-content-card__media {
  display: block;
  width: 205px;
  height: 150px;
  overflow: hidden;
  border-radius: 9px;
  background: #0b1118;
}

body.ui-next.eilo-page-index .eilo-home-content-card__media img,
body.ui-next.eilo-shell-home .eilo-home-content-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  border: 0 !important;
  object-fit: cover;
  transition: transform 260ms ease, filter 260ms ease;
}

body.ui-next.eilo-page-index .eilo-home-content-card:hover .eilo-home-content-card__media img,
body.ui-next.eilo-shell-home .eilo-home-content-card:hover .eilo-home-content-card__media img {
  filter: saturate(1.08);
  transform: scale(1.025);
}

body.ui-next.eilo-page-index .eilo-home-content-card__body,
body.ui-next.eilo-shell-home .eilo-home-content-card__body {
  position: relative;
  min-width: 0;
  padding: 3px 2px 30px 0;
}

body.ui-next.eilo-page-index .eilo-home-content-card__meta,
body.ui-next.eilo-shell-home .eilo-home-content-card__meta {
  display: block;
  margin-bottom: 8px;
  color: #8292a2;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

body.ui-next.eilo-page-index .eilo-home-content-card__live,
body.ui-next.eilo-shell-home .eilo-home-content-card__live {
  color: #ff5a9b;
}

body.ui-next.eilo-page-index .eilo-home-content-card__title,
body.ui-next.eilo-shell-home .eilo-home-content-card__title {
  display: block;
  margin: 0 0 8px;
  padding: 0 !important;
  color: var(--eilo-home-text) !important;
  font-size: 17px !important;
  font-weight: 760;
  line-height: 1.24 !important;
  letter-spacing: -.015em !important;
}

body.ui-next.eilo-page-index .eilo-home-content-card__title:hover,
body.ui-next.eilo-shell-home .eilo-home-content-card__title:hover {
  color: #ff70aa !important;
}

body.ui-next.eilo-page-index .eilo-home-content-card p,
body.ui-next.eilo-shell-home .eilo-home-content-card p {
  display: -webkit-box;
  max-height: 56px;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  color: #a8b4c0 !important;
  font-size: 12px;
  font-style: normal !important;
  line-height: 1.55;
  text-align: left !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

body.ui-next.eilo-page-index .eilo-home-content-card__action,
body.ui-next.eilo-shell-home .eilo-home-content-card__action {
  position: absolute;
  right: 2px;
  bottom: 2px;
  color: #8fdae5 !important;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.ui-next.eilo-page-index .eilo-home-content-card__action:hover,
body.ui-next.eilo-shell-home .eilo-home-content-card__action:hover {
  color: var(--eilo-home-accent-hover) !important;
}

/* Artist discovery grid. */
body.ui-next.eilo-page-index .tab-menu-picture-list,
body.ui-next.eilo-shell-home .tab-menu-picture-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  width: 584px !important;
}

body.ui-next.eilo-page-index .eilo-home-artist-card,
body.ui-next.eilo-shell-home .eilo-home-artist-card {
  box-sizing: border-box;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

body.ui-next.eilo-page-index .eilo-home-artist-card a,
body.ui-next.eilo-shell-home .eilo-home-artist-card a {
  display: block;
  overflow: hidden;
  border: 1px solid var(--eilo-home-border);
  border-radius: 11px;
  background: rgba(255,255,255,.024);
  transition: border-color 150ms ease, transform 150ms ease, background-color 150ms ease;
}

body.ui-next.eilo-page-index .eilo-home-artist-card a:hover,
body.ui-next.eilo-shell-home .eilo-home-artist-card a:hover {
  border-color: rgba(255,0,106,.42);
  background: rgba(255,0,106,.055);
  transform: translateY(-2px);
}

body.ui-next.eilo-page-index .eilo-home-artist-card img,
body.ui-next.eilo-shell-home .eilo-home-artist-card img {
  display: block;
  width: 100%;
  height: 126px;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  border: 0 !important;
  object-fit: cover;
}

body.ui-next.eilo-page-index .eilo-home-artist-card span,
body.ui-next.eilo-shell-home .eilo-home-artist-card span {
  display: block;
  padding: 10px 10px 11px;
  overflow: hidden;
  color: #eef3f7;
  font-size: 11px;
  font-weight: 760;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Upcoming shows. */
body.ui-next.eilo-page-index .tab-menu-list,
body.ui-next.eilo-shell-home .tab-menu-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  width: 584px !important;
}

body.ui-next.eilo-page-index .eilo-home-show-card,
body.ui-next.eilo-shell-home .eilo-home-show-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-width: 0 !important;
  width: auto !important;
  min-height: 132px;
  margin: 0 !important;
  padding: 15px !important;
  float: none !important;
  border: 1px solid var(--eilo-home-border) !important;
  border-radius: 11px;
  background: rgba(255,255,255,.023);
}

body.ui-next.eilo-page-index .eilo-home-show-card__meta,
body.ui-next.eilo-shell-home .eilo-home-show-card__meta {
  margin-bottom: 9px;
  color: #ff5799;
  font-size: 9px;
  font-weight: 850;
  line-height: 1.35;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.ui-next.eilo-page-index .eilo-home-show-card__title,
body.ui-next.eilo-shell-home .eilo-home-show-card__title {
  margin-bottom: 8px;
  color: var(--eilo-home-text) !important;
  font-size: 14px;
  font-weight: 760;
  line-height: 1.3;
}

body.ui-next.eilo-page-index .eilo-home-show-card__hosts,
body.ui-next.eilo-shell-home .eilo-home-show-card__hosts {
  color: #8f9eac;
  font-size: 11px;
  line-height: 1.45;
}

body.ui-next.eilo-page-index .eilo-home-show-card__hosts a,
body.ui-next.eilo-shell-home .eilo-home-show-card__hosts a {
  color: #95dce7 !important;
}

/* Premium station cards. */
body.ui-next.eilo-page-index .eilo-station-grid,
body.ui-next.eilo-shell-home .eilo-station-grid {
  display: grid;
  gap: 13px;
  width: 100%;
}

body.ui-next.eilo-page-index .eilo-station-card,
body.ui-next.eilo-shell-home .eilo-station-card {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding: 16px;
  overflow: hidden;
  border: 1px solid var(--eilo-home-border);
  border-radius: var(--eilo-home-radius);
  background:
    radial-gradient(circle at 100% 0%, rgba(255,0,106,.105), transparent 42%),
    linear-gradient(145deg, #151f2a 0%, #101821 100%);
  box-shadow: 0 13px 32px rgba(0,0,0,.22);
  transition: border-color 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

body.ui-next.eilo-page-index .eilo-station-card::before,
body.ui-next.eilo-shell-home .eilo-station-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  width: 54px;
  height: 2px;
  border-radius: 0 0 3px 3px;
  background: linear-gradient(90deg, #ff006a, #c400e8);
  box-shadow: 0 4px 18px rgba(255,0,106,.32);
}

body.ui-next.eilo-page-index .eilo-station-card:hover,
body.ui-next.eilo-shell-home .eilo-station-card:hover {
  border-color: rgba(255,0,106,.42);
  box-shadow: 0 18px 40px rgba(0,0,0,.29), 0 0 28px rgba(255,0,106,.055);
  transform: translateY(-2px);
}

body.ui-next.eilo-page-index .eilo-station-card__top,
body.ui-next.eilo-shell-home .eilo-station-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

body.ui-next.eilo-page-index .eilo-station-card__live-label,
body.ui-next.eilo-shell-home .eilo-station-card__live-label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
  color: #ff5799;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .10em;
  text-transform: uppercase;
}

body.ui-next.eilo-page-index .eilo-station-card__live-label::before,
body.ui-next.eilo-shell-home .eilo-station-card__live-label::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--eilo-home-accent);
  box-shadow: 0 0 10px rgba(255,0,106,.85);
}

body.ui-next.eilo-page-index .eilo-station-card h3,
body.ui-next.eilo-shell-home .eilo-station-card h3 {
  margin: 0;
  color: var(--eilo-home-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 15px;
  font-weight: 760;
  line-height: 1.25;
  letter-spacing: -.01em;
  text-transform: none;
}

body.ui-next.eilo-page-index .eilo-station-card__listeners,
body.ui-next.eilo-shell-home .eilo-station-card__listeners {
  flex: 0 0 auto;
  padding: 5px 7px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: #aab6c1;
  font-size: 9px;
  font-weight: 750;
  line-height: 1;
}

body.ui-next.eilo-page-index .eilo-station-card__quality,
body.ui-next.eilo-shell-home .eilo-station-card__quality {
  margin: 11px 0 7px;
  color: #738393;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .045em;
  text-transform: uppercase;
}

body.ui-next.eilo-page-index .eilo-station-card__track,
body.ui-next.eilo-shell-home .eilo-station-card__track {
  display: -webkit-box;
  min-height: 37px;
  margin-bottom: 14px;
  overflow: hidden;
  color: #dce4ea !important;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.ui-next.eilo-page-index a.eilo-station-card__track:hover,
body.ui-next.eilo-shell-home a.eilo-station-card__track:hover {
  color: #ff70aa !important;
}

body.ui-next.eilo-page-index .eilo-station-card__actions,
body.ui-next.eilo-shell-home .eilo-station-card__actions {
  display: flex;
  align-items: center;
  gap: 7px;
}

body.ui-next.eilo-page-index .eilo-station-card__play,
body.ui-next.eilo-shell-home .eilo-station-card__play {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 11px;
  border-radius: 8px;
  background: var(--eilo-home-accent);
  box-shadow: 0 9px 22px rgba(255,0,106,.20);
  color: #ffffff !important;
  cursor: pointer;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .035em;
  text-transform: uppercase;
}

body.ui-next.eilo-page-index .eilo-station-card__play:hover,
body.ui-next.eilo-shell-home .eilo-station-card__play:hover {
  background: var(--eilo-home-accent-hover);
  color: #ffffff !important;
}

body.ui-next.eilo-page-index .eilo-station-card__schedule,
body.ui-next.eilo-page-index .eilo-station-card__format,
body.ui-next.eilo-shell-home .eilo-station-card__schedule,
body.ui-next.eilo-shell-home .eilo-station-card__format {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 8px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 8px;
  background: rgba(255,255,255,.025);
  color: #aebbc6 !important;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.ui-next.eilo-page-index .eilo-station-card__format,
body.ui-next.eilo-shell-home .eilo-station-card__format {
  margin-left: auto;
  padding-right: 4px;
  padding-left: 4px;
  border-color: transparent;
  background: transparent;
  color: #718191 !important;
}

body.ui-next.eilo-page-index .eilo-station-card__schedule:hover,
body.ui-next.eilo-page-index .eilo-station-card__format:hover,
body.ui-next.eilo-shell-home .eilo-station-card__schedule:hover,
body.ui-next.eilo-shell-home .eilo-station-card__format:hover {
  border-color: rgba(157,255,0,.30);
  background: rgba(157,255,0,.07);
  color: #bcebf1 !important;
}

/* Hidden legacy login/sign-up shell should not reserve HOME grid space. */
body.ui-next.eilo-page-index #login-signup,
body.ui-next.eilo-shell-home #login-signup {
  display: none !important;
}

/* Shared footer for every desktop UI preview page. The classic footer stays
   in the DOM so widths below 1024px keep the original mobile presentation. */
body.ui-next #footer-back {
  clear: both !important;
  box-sizing: border-box;
  width: 100%;
  height: 1px;
  margin: 0;
  margin-top: 30px;
  border: 0;
  background: rgba(255,255,255,.07);
  z-index: 0;
}

body.ui-next .eilo-classic-footer {
  display: none !important;
}

body.ui-next .eilo-next-footer {
  position: relative;
  z-index: 2;
  display: block !important;
  clear: both !important;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: #080d13;
  color: #7f8e9d;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.ui-next .eilo-next-footer__inner {
  box-sizing: border-box;
  width: 950px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
  padding: 23px 0 126px;
  font: inherit;
}

body.ui-next .eilo-next-footer__nav,
body.ui-next .eilo-next-footer__meta,
body.ui-next .eilo-next-footer__social,
body.ui-next .eilo-next-footer p,
body.ui-next .eilo-next-footer a,
body.ui-next .eilo-next-footer li {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  text-shadow: none !important;
}

body.ui-next .eilo-next-footer__nav ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.ui-next .eilo-next-footer__nav li {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

body.ui-next .eilo-next-footer__nav li + li::before {
  content: "·";
  margin: 0 8px;
  color: #465565;
  font-size: 12px;
  line-height: 1;
}

body.ui-next .eilo-next-footer a {
  color: #aebac5 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: none !important;
  transition: color 140ms ease, border-color 140ms ease;
}

body.ui-next .eilo-next-footer a:hover,
body.ui-next .eilo-next-footer a:focus {
  color: #9dff00 !important;
}

body.ui-next .eilo-next-footer__meta {
  display: grid;
  grid-template-columns: max-content minmax(0,1fr) max-content;
  align-items: center;
  gap: 8px 18px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.055);
}

body.ui-next .eilo-next-footer__meta p {
  min-width: 0;
  margin: 0;
  color: #728191 !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}

body.ui-next .eilo-next-footer__meta p:nth-child(2) {
  overflow-wrap: anywhere;
}

body.ui-next .eilo-next-footer__social {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  min-width: max-content;
  margin-left: 0;
}

body.ui-next .eilo-next-footer__social a {
  color: #8e9cab !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
}

body.ui-next .eilo-next-footer__social a:hover,
body.ui-next .eilo-next-footer__social a:focus {
  color: #ff3388 !important;
}

@media (min-width: 1500px) {
  body.ui-next .eilo-next-footer__inner {
    width: 1130px;
  }
}

@media (min-width: 1024px) and (max-width: 1180px) {
  body.ui-next .eilo-next-footer__meta {
    grid-template-columns: 1fr max-content;
  }

  body.ui-next .eilo-next-footer__meta p:first-child {
    grid-column: 1;
  }

  body.ui-next .eilo-next-footer__meta p:nth-child(2) {
    grid-column: 1;
  }

  body.ui-next .eilo-next-footer__social {
    grid-column: 2;
    grid-row: 1 / span 2;
  }
}

@media (min-width: 1024px) and (max-width: 1180px) {
  body.ui-next.eilo-page-index .eilo-home-main,
  body.ui-next.eilo-shell-home .eilo-home-main {
    grid-template-columns: minmax(0, 640px) minmax(0, 270px);
    gap: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.ui-next.eilo-page-index .eilo-home-content-card,
  body.ui-next.eilo-page-index .eilo-home-artist-card a,
  body.ui-next.eilo-page-index .eilo-station-card,
  body.ui-next.eilo-page-index #homeSlider .eilo-home-hero__cta,
  body.ui-next.eilo-shell-home .eilo-home-content-card,
  body.ui-next.eilo-shell-home .eilo-home-artist-card a,
  body.ui-next.eilo-shell-home .eilo-station-card,
  body.ui-next.eilo-shell-home #homeSlider .eilo-home-hero__cta {
    transition: none !important;
    transform: none !important;
  }
}

/* ========================================================================== 
   Desktop UI Preview v6.1 — HOME layout hotfix
   Continuous utility background, unified glass hero panel and stable tabs.
   ========================================================================== */

/* The HOME utility colour now comes from the full-width background layer.
   The inner 950px shell remains transparent, removing the visible left seam. */
body.ui-next.eilo-page-index #top-back-two,
body.ui-next.eilo-shell-home #top-back-two {
  background:
    linear-gradient(90deg, rgba(255,0,106,.035), transparent 36%),
    radial-gradient(circle at 15% 0%, rgba(0, 204, 255, 0.075), transparent 34%),
    #101b26 !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

body.ui-next.eilo-page-index .top-message.eilo-shell-slot,
body.ui-next.eilo-shell-home .top-message.eilo-shell-slot {
  background: transparent !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

/* One glass panel contains the featured type, title and contextual CTA. */
body.ui-next.eilo-page-index #homeSlider .eilo-home-hero__panel,
body.ui-next.eilo-shell-home #homeSlider .eilo-home-hero__panel {
  box-sizing: border-box;
  position: absolute !important;
  z-index: 6 !important;
  top: auto !important;
  right: auto !important;
  bottom: 28px !important;
  left: 28px !important;
  width: 74% !important;
  max-width: 485px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 18px 19px 17px !important;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 15px !important;
  background: rgba(8,13,19,.68) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.42) !important;
  color: var(--eilo-home-text) !important;
  backdrop-filter: blur(14px) saturate(1.08);
  -webkit-backdrop-filter: blur(14px) saturate(1.08);
}

body.ui-next.eilo-page-index #homeSlider .eilo-home-hero__panel::before,
body.ui-next.eilo-shell-home #homeSlider .eilo-home-hero__panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 0% 0%, rgba(255,0,106,.16), transparent 45%),
    linear-gradient(135deg, rgba(255,255,255,.035), transparent 50%);
}

body.ui-next.eilo-page-index #homeSlider .eilo-home-hero__panel > *,
body.ui-next.eilo-shell-home #homeSlider .eilo-home-hero__panel > * {
  position: relative;
  z-index: 1;
}

body.ui-next.eilo-page-index #homeSlider .eilo-home-hero__kicker,
body.ui-next.eilo-shell-home #homeSlider .eilo-home-hero__kicker {
  position: static !important;
  display: inline-flex !important;
  align-items: center;
  min-width: 0 !important;
  margin: 0 0 10px !important;
  padding: 6px 9px !important;
  border: 1px solid rgba(255,0,106,.34) !important;
  border-radius: 999px !important;
  background: rgba(255,0,106,.13) !important;
  box-shadow: none !important;
  color: #ff6da9 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .085em !important;
  text-transform: uppercase !important;
}

body.ui-next.eilo-page-index #homeSlider .eilo-home-hero__kicker::before,
body.ui-next.eilo-shell-home #homeSlider .eilo-home-hero__kicker::before {
  content: "";
  width: 6px;
  height: 6px;
  margin-right: 6px;
  border-radius: 50%;
  background: var(--eilo-home-accent);
  box-shadow: 0 0 10px rgba(255,0,106,.75);
}

body.ui-next.eilo-page-index #homeSlider .eilo-home-hero__title-link,
body.ui-next.eilo-shell-home #homeSlider .eilo-home-hero__title-link {
  display: block;
  margin: 0;
  color: var(--eilo-home-text) !important;
}

body.ui-next.eilo-page-index #homeSlider .eilo-home-hero__title,
body.ui-next.eilo-shell-home #homeSlider .eilo-home-hero__title {
  position: static !important;
  display: block !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--eilo-home-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 27px !important;
  font-weight: 820 !important;
  line-height: 1.13 !important;
  letter-spacing: -.027em !important;
  text-shadow: 0 3px 18px rgba(0,0,0,.46) !important;
  text-transform: none !important;
}

body.ui-next.eilo-page-index #homeSlider .eilo-home-hero__cta,
body.ui-next.eilo-shell-home #homeSlider .eilo-home-hero__cta {
  position: static !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 15px 0 0 !important;
  padding: 10px 14px !important;
  border-radius: 9px !important;
}

/* Preview HOME tabs no longer use the legacy 5000px sliding strip. */
body.ui-next.eilo-page-index .tabbed_content .slide_content,
body.ui-next.eilo-shell-home .tabbed_content .slide_content {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 18px !important;
  overflow: hidden !important;
}

body.ui-next.eilo-page-index .tabbed_content .tabslider,
body.ui-next.eilo-shell-home .tabbed_content .tabslider {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.ui-next.eilo-page-index .tabbed_content .tabslider > .eilo-home-tab-panel,
body.ui-next.eilo-shell-home .tabbed_content .tabslider > .eilo-home-tab-panel {
  box-sizing: border-box;
  display: none;
  float: none !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.ui-next.eilo-page-index .tabbed_content .tabslider > .eilo-home-tab-panel.is-active,
body.ui-next.eilo-shell-home .tabbed_content .tabslider > .eilo-home-tab-panel.is-active {
  display: block;
}

body.ui-next.eilo-page-index .tabbed_content .tab_item,
body.ui-next.eilo-shell-home .tabbed_content .tab_item {
  outline: none;
}

body.ui-next.eilo-page-index .tabbed_content .tab_item.is-active,
body.ui-next.eilo-shell-home .tabbed_content .tab_item.is-active {
  color: #ffffff;
}

body.ui-next.eilo-page-index .tabbed_content .moving_bg,
body.ui-next.eilo-shell-home .tabbed_content .moving_bg {
  left: 16px;
  width: 78px;
}

/* All active panels remain clipped to the content card, never to the page edge. */
body.ui-next.eilo-page-index .tabbed_content,
body.ui-next.eilo-shell-home .tabbed_content,
body.ui-next.eilo-page-index .latest-elements,
body.ui-next.eilo-shell-home .latest-elements {
  overflow: hidden;
}

body.ui-next.eilo-page-index .eilo-home-content-card,
body.ui-next.eilo-shell-home .eilo-home-content-card,
body.ui-next.eilo-page-index .tab-menu-picture-list,
body.ui-next.eilo-shell-home .tab-menu-picture-list,
body.ui-next.eilo-page-index .tab-menu-list,
body.ui-next.eilo-shell-home .tab-menu-list {
  width: 100% !important;
  max-width: 100% !important;
}

/* Artists retain a compact portrait grid, but never bleed into adjacent panels. */
body.ui-next.eilo-page-index .tab-menu-picture-list,
body.ui-next.eilo-shell-home .tab-menu-picture-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.ui-next.eilo-page-index .eilo-home-artist-card img,
body.ui-next.eilo-shell-home .eilo-home-artist-card img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* Shows use the full available row, matching their schedule-heavy content. */
body.ui-next.eilo-page-index .tab-menu-list,
body.ui-next.eilo-shell-home .tab-menu-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

body.ui-next.eilo-page-index .eilo-home-show-card,
body.ui-next.eilo-shell-home .eilo-home-show-card {
  width: 100% !important;
  min-height: 104px;
  padding: 17px 18px !important;
}

body.ui-next.eilo-page-index .eilo-home-show-card__title,
body.ui-next.eilo-shell-home .eilo-home-show-card__title {
  font-size: 16px;
}

@media (min-width: 1024px) and (max-width: 1180px) {
  body.ui-next.eilo-page-index #homeSlider .eilo-home-hero__panel,
  body.ui-next.eilo-shell-home #homeSlider .eilo-home-hero__panel {
    width: 77% !important;
    max-width: 460px !important;
  }

  body.ui-next.eilo-page-index #homeSlider .eilo-home-hero__title,
  body.ui-next.eilo-shell-home #homeSlider .eilo-home-hero__title {
    font-size: 24px !important;
  }
}

/* ==========================================================================
   Desktop UI Preview v6.2 — HOME content polish
   Removes the stray slider blur artefact, aligns HOME tabs and introduces
   compact two-column artist discovery cards.
   ========================================================================== */

/* Keep RoyalSlider navigation compact and anchored; the featured overlay is
   now static markup, so the old animated block artefact cannot appear. */
body.ui-next.eilo-page-index #homeSlider .rsBullets,
body.ui-next.eilo-shell-home #homeSlider .rsBullets {
  top: auto !important;
  right: 22px !important;
  bottom: 20px !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
}

/* HOME section heading and the panel below it now share the same right edge. */
body.ui-next.eilo-page-index .latest-elements,
body.ui-next.eilo-shell-home .latest-elements,
body.ui-next.eilo-page-index .tabbed_content,
body.ui-next.eilo-shell-home .tabbed_content,
body.ui-next.eilo-page-index .tabbed_content .slide_content,
body.ui-next.eilo-shell-home .tabbed_content .slide_content {
  width: 100% !important;
  max-width: none !important;
}

body.ui-next.eilo-page-index .tabbed_content .tabslider,
body.ui-next.eilo-shell-home .tabbed_content .tabslider,
body.ui-next.eilo-page-index .tabbed_content .tabslider > ul,
body.ui-next.eilo-shell-home .tabbed_content .tabslider > ul {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
}

/* News and event cards use all available inner width as well. */
body.ui-next.eilo-page-index .eilo-home-content-card,
body.ui-next.eilo-shell-home .eilo-home-content-card {
  width: 100% !important;
}

/* Two-column artist discovery layout with compact media, metadata and bio. */
body.ui-next.eilo-page-index .tab-menu-picture-list,
body.ui-next.eilo-shell-home .tab-menu-picture-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
}

body.ui-next.eilo-page-index .eilo-home-artist-card,
body.ui-next.eilo-shell-home .eilo-home-artist-card {
  box-sizing: border-box;
  display: grid !important;
  grid-template-columns: 112px minmax(0, 1fr);
  min-width: 0;
  min-height: 154px;
  overflow: hidden;
  border: 1px solid var(--eilo-home-border);
  border-radius: 12px;
  background: rgba(255,255,255,.024);
  transition: border-color 150ms ease, background-color 150ms ease, transform 150ms ease;
}

body.ui-next.eilo-page-index .eilo-home-artist-card:hover,
body.ui-next.eilo-shell-home .eilo-home-artist-card:hover {
  border-color: rgba(255,0,106,.42);
  background: rgba(255,0,106,.045);
  transform: translateY(-2px);
}

body.ui-next.eilo-page-index .eilo-home-artist-card a,
body.ui-next.eilo-shell-home .eilo-home-artist-card a,
body.ui-next.eilo-page-index .eilo-home-artist-card a:hover,
body.ui-next.eilo-shell-home .eilo-home-artist-card a:hover {
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}

body.ui-next.eilo-page-index .eilo-home-artist-card__media,
body.ui-next.eilo-shell-home .eilo-home-artist-card__media {
  display: block !important;
  width: 112px;
  height: 100%;
  min-height: 154px;
  overflow: hidden !important;
  background: #0a1017 !important;
}

body.ui-next.eilo-page-index .eilo-home-artist-card__media img,
body.ui-next.eilo-shell-home .eilo-home-artist-card__media img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-height: 154px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  aspect-ratio: auto !important;
  object-fit: cover;
  transition: filter 220ms ease, transform 220ms ease;
}

body.ui-next.eilo-page-index .eilo-home-artist-card:hover .eilo-home-artist-card__media img,
body.ui-next.eilo-shell-home .eilo-home-artist-card:hover .eilo-home-artist-card__media img {
  filter: saturate(1.08);
  transform: scale(1.025);
}

body.ui-next.eilo-page-index .eilo-home-artist-card__body,
body.ui-next.eilo-shell-home .eilo-home-artist-card__body {
  box-sizing: border-box;
  position: relative;
  min-width: 0;
  padding: 14px 14px 36px;
}

body.ui-next.eilo-page-index .eilo-home-artist-card span,
body.ui-next.eilo-shell-home .eilo-home-artist-card span {
  margin: 0;
  padding: 0;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

body.ui-next.eilo-page-index .eilo-home-artist-card__eyebrow,
body.ui-next.eilo-shell-home .eilo-home-artist-card__eyebrow {
  display: block;
  margin-bottom: 7px !important;
  color: #ff5f9f;
  font-size: 9px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: .075em;
  text-transform: uppercase;
}

body.ui-next.eilo-page-index .eilo-home-artist-card__title,
body.ui-next.eilo-shell-home .eilo-home-artist-card__title {
  display: block;
  margin: 0 0 6px;
  color: var(--eilo-home-text) !important;
  font-size: 15px;
  font-weight: 780;
  line-height: 1.22;
  letter-spacing: -.01em;
}

body.ui-next.eilo-page-index .eilo-home-artist-card__title:hover,
body.ui-next.eilo-shell-home .eilo-home-artist-card__title:hover {
  color: #ff72ad !important;
}

body.ui-next.eilo-page-index .eilo-home-artist-card__meta,
body.ui-next.eilo-shell-home .eilo-home-artist-card__meta {
  display: block;
  margin-bottom: 7px !important;
  color: #91a2b3;
  font-size: 10px;
  line-height: 1.35;
}

body.ui-next.eilo-page-index .eilo-home-artist-card p,
body.ui-next.eilo-shell-home .eilo-home-artist-card p {
  display: -webkit-box;
  max-height: 50px;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  color: #aeb9c4 !important;
  font-size: 10.5px;
  font-style: normal !important;
  line-height: 1.5;
  text-align: left !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

body.ui-next.eilo-page-index .eilo-home-artist-card__action,
body.ui-next.eilo-shell-home .eilo-home-artist-card__action {
  position: absolute;
  right: 14px;
  bottom: 13px;
  color: #8fdae5 !important;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.ui-next.eilo-page-index .eilo-home-artist-card__action:hover,
body.ui-next.eilo-shell-home .eilo-home-artist-card__action:hover {
  color: var(--eilo-home-accent-hover) !important;
}

/* Shows fill the panel and retain clear separation between broadcasts. */
body.ui-next.eilo-page-index .tab-menu-list,
body.ui-next.eilo-shell-home .tab-menu-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  row-gap: 14px !important;
  column-gap: 0 !important;
  width: 100% !important;
}

body.ui-next.eilo-page-index .eilo-home-show-card,
body.ui-next.eilo-shell-home .eilo-home-show-card {
  width: 100% !important;
  margin: 0 !important;
  padding: 17px 18px !important;
}

@media (min-width: 1024px) and (max-width: 1120px) {
  body.ui-next.eilo-page-index .eilo-home-artist-card,
  body.ui-next.eilo-shell-home .eilo-home-artist-card {
    grid-template-columns: 102px minmax(0, 1fr);
  }

  body.ui-next.eilo-page-index .eilo-home-artist-card__media,
  body.ui-next.eilo-shell-home .eilo-home-artist-card__media {
    width: 102px;
  }
}

/* ========================================================================== 
   Desktop UI Preview v6.3 — HOME slider navigation and tab-state hotfix
   ========================================================================== */

/* RoyalSlider's generated bullet wrapper inherits legacy block dimensions on
   this skin. The HOME preview does not need it: autoplay and slide links stay
   available, while the unwanted blurred bar is removed completely. */
body.ui-next.eilo-page-index #homeSlider .rsNav.rsBullets,
body.ui-next.eilo-shell-home #homeSlider .rsNav.rsBullets {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* v6.2's grid declarations used !important and therefore overrode the hidden
   tab state. Make the state authoritative, then select the correct layout only
   for the active panel. */
body.ui-next.eilo-page-index .tabbed_content .tabslider > .eilo-home-tab-panel,
body.ui-next.eilo-shell-home .tabbed_content .tabslider > .eilo-home-tab-panel {
  display: none !important;
}

body.ui-next.eilo-page-index .tabbed_content .tabslider > .eilo-home-tab-panel.is-active[data-eilo-tab-panel="news"],
body.ui-next.eilo-page-index .tabbed_content .tabslider > .eilo-home-tab-panel.is-active[data-eilo-tab-panel="events"],
body.ui-next.eilo-shell-home .tabbed_content .tabslider > .eilo-home-tab-panel.is-active[data-eilo-tab-panel="news"],
body.ui-next.eilo-shell-home .tabbed_content .tabslider > .eilo-home-tab-panel.is-active[data-eilo-tab-panel="events"] {
  display: block !important;
}

body.ui-next.eilo-page-index .tabbed_content .tabslider > .eilo-home-tab-panel.is-active[data-eilo-tab-panel="artists"],
body.ui-next.eilo-page-index .tabbed_content .tabslider > .eilo-home-tab-panel.is-active[data-eilo-tab-panel="shows"],
body.ui-next.eilo-shell-home .tabbed_content .tabslider > .eilo-home-tab-panel.is-active[data-eilo-tab-panel="artists"],
body.ui-next.eilo-shell-home .tabbed_content .tabslider > .eilo-home-tab-panel.is-active[data-eilo-tab-panel="shows"] {
  display: grid !important;
}

/* ========================================================================== 
   Desktop UI Preview v6.5 — Wide HOME and premium fixed player
   The wide composition is enabled only on large desktop viewports. It uses
   real responsive dimensions rather than CSS zoom/transform, keeping text,
   hit targets, RoyalSlider and the fixed player sharp and stable.
   ========================================================================== */

/* Premium fixed player skin. The original player markup, controls and storage
   logic are untouched; these rules apply only while desktop preview is active. */
body.ui-next #fap-wrapper {
  border-top: 1px solid rgba(255,255,255,.09) !important;
  border-bottom: 0 !important;
  background: rgba(9,14,20,.985) !important;
  box-shadow: 0 -18px 48px rgba(0,0,0,.38), 0 -1px 0 rgba(157,255,0,.08) !important;
  color: #dce5ed !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  backdrop-filter: blur(12px) saturate(1.04);
  -webkit-backdrop-filter: blur(12px) saturate(1.04);
}

body.ui-next #fap-main {
  box-sizing: border-box;
  width: 950px;
  color: #dce5ed !important;
}

body.ui-next #fap-meta-wrapper {
  box-sizing: border-box;
  width: 520px;
  margin-top: 10px;
}

body.ui-next #fap-current-cover,
body.ui-next #fap-cover-replacement {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 8px !important;
  background: #111a24 !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.30) !important;
}

body.ui-next #fap-current-title,
body.ui-next #fap-current-meta,
body.ui-next #fap-social-links {
  box-sizing: border-box;
  padding-left: 64px !important;
  padding-right: 12px !important;
}

body.ui-next #fap-current-title {
  overflow: hidden;
  color: #f5f7fa !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  line-height: 18px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-next #fap-current-meta {
  overflow: hidden;
  color: #8292a3 !important;
  font-size: 9px !important;
  line-height: 15px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-next #fap-current-meta a,
body.ui-next #fap-current-meta a:visited,
body.ui-next #fap-social-links a {
  color: #91a4b5 !important;
}

body.ui-next #fap-current-meta a:hover,
body.ui-next #fap-social-links a:hover {
  color: #9dff00 !important;
}

body.ui-next #fap-ui-wrapper {
  width: 430px;
}

body.ui-next #fap-ui-nav > a,
body.ui-next #fap-playlist-toggle,
body.ui-next #fap-playlist-shuffle {
  border: 1px solid rgba(255,255,255,.075);
  background-color: #1a2530 !important;
  box-shadow: 0 5px 14px rgba(0,0,0,.20);
  transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

body.ui-next #fap-ui-nav #fap-previous:hover,
body.ui-next #fap-ui-nav #fap-next:hover,
body.ui-next #fap-playlist-toggle:hover,
body.ui-next #fap-playlist-shuffle:hover {
  border-color: rgba(157,255,0,.34);
  background-color: #263747 !important;
  box-shadow: 0 7px 18px rgba(0,0,0,.28);
  transform: translateY(-1px);
}

body.ui-next #fap-ui-nav #fap-play-pause,
body.ui-next #fap-ui-nav #fap-play-pause.fap-play,
body.ui-next #fap-ui-nav #fap-play-pause.fap-pause {
  border-color: rgba(255,255,255,.14);
  background-color: #ff006a !important;
  box-shadow: 0 9px 24px rgba(255,0,106,.30);
}

body.ui-next #fap-ui-nav #fap-play-pause:hover {
  background-color: #ff3388 !important;
  box-shadow: 0 12px 30px rgba(255,0,106,.38);
  transform: translateY(-1px);
}

body.ui-next #fap-time-bar {
  border-color: #2b3947 !important;
  background: #111923 !important;
  color: #738292 !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.34);
}

body.ui-next #fap-loading-bar {
  background: #263747 !important;
}

body.ui-next #fap-progress-bar {
  background: #9dff00 !important;
  box-shadow: 0 0 10px rgba(157,255,0,.28);
}

body.ui-next #fap-time-bar span {
  color: #697887 !important;
  font-size: 8px !important;
  line-height: 12px !important;
}

body.ui-next #fap-volume-bar {
  border-color: #2b3947 !important;
  background: #111923 !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.34);
}

body.ui-next #fap-volume-progress {
  background: #9dff00 !important;
  box-shadow: 0 0 8px rgba(157,255,0,.25);
}

body.ui-next #fap-volume-sign {
  opacity: .82;
}

body.ui-next #fap-wrapper-switcher {
  top: -17px !important;
  width: 31px;
  height: 17px;
  border-color: rgba(255,255,255,.10) !important;
  border-bottom: 0 !important;
  border-radius: 7px 7px 0 0 !important;
  background: #111923 !important;
  color: #aebbc6 !important;
  font-size: 16px;
  line-height: 16px;
  box-shadow: 0 -5px 14px rgba(0,0,0,.22);
}

body.ui-next #fap-wrapper-switcher:hover {
  border-color: rgba(255,0,106,.34) !important;
  color: #ff74ad !important;
}

body.ui-next .playlist-manage-wrapper {
  top: -27px;
}

body.ui-next .fap-playlist-button {
  box-sizing: border-box;
  height: 27px;
  min-height: 27px;
  padding: 0 8px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 6px !important;
  background: #141d27 !important;
  color: #94a3b2 !important;
  cursor: pointer;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 650 !important;
  line-height: 25px !important;
  text-shadow: none !important;
}

body.ui-next button.fap-playlist-button:hover,
body.ui-next select.fap-playlist-button:hover,
body.ui-next select.fap-playlist-button:focus {
  border-color: rgba(157,255,0,.30) !important;
  background: #1b2834 !important;
  color: #e6edf3 !important;
}

body.ui-next #fap-playlist {
  box-sizing: border-box;
  padding-top: 7px !important;
  border-top: 1px solid rgba(255,255,255,.055);
  color: #cbd5de !important;
}

body.ui-next #fap-playlist li {
  box-sizing: border-box;
  padding: 1px 8px 1px 5px !important;
  border-radius: 5px;
  color: #cbd5de !important;
  transition: background-color 120ms ease, color 120ms ease;
}

body.ui-next #fap-playlist li:hover {
  background-color: rgba(255,255,255,.035);
  color: #ffffff !important;
}

body.ui-next #fap-playlist li img,
body.ui-next #fap-playlist li .fap-cover-replace-small {
  overflow: hidden;
  border-radius: 4px;
  background: #111a24;
}

body.ui-next #fap-playlist li > span {
  color: inherit !important;
  text-decoration: none !important;
}

body.ui-next #fap-playlist li > span:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}

body.ui-next #fap-playlist li .fap-remove-track {
  color: #738292 !important;
  transition: color 120ms ease;
}

body.ui-next #fap-playlist li .fap-remove-track:hover {
  color: #ff5f9f !important;
}

body.ui-next .eilo-ui-preview-badge {
  bottom: 82px;
}

/* The wide HOME composition approximates the useful density of a 120% browser
   zoom while retaining a normal 100% browser setting and no transformed DOM. */
@media (min-width: 1500px) {
  body.ui-next.eilo-page-index .container_16,
  body.ui-next.eilo-shell-home .container_16 {
    width: 1140px !important;
  }

  body.ui-next.eilo-page-index #content,
  body.ui-next.eilo-shell-home #content {
    width: 1140px !important;
    margin-left: 0 !important;
  }

  body.ui-next.eilo-page-index .top-message.eilo-shell-slot,
  body.ui-next.eilo-shell-home .top-message.eilo-shell-slot,
  body.ui-next.eilo-page-index .eilo-page-heading,
  body.ui-next.eilo-shell-home .eilo-page-heading,
  body.ui-next.eilo-page-index .eilo-filterbar,
  body.ui-next.eilo-shell-home .eilo-filterbar,
  body.ui-next.eilo-page-index .eilo-home-utility,
  body.ui-next.eilo-shell-home .eilo-home-utility {
    width: 1130px !important;
  }

  body.ui-next.eilo-page-index .eilo-home-main,
  body.ui-next.eilo-shell-home .eilo-home-main {
    grid-template-columns: minmax(0, 760px) minmax(0, 350px);
    gap: 20px;
    width: 1130px;
    margin-top: 38px;
  }

  body.ui-next.eilo-page-index #homeSlider,
  body.ui-next.eilo-shell-home #homeSlider {
    max-width: 760px;
  }

  body.ui-next.eilo-page-index #homeSlider .eilo-home-hero__panel,
  body.ui-next.eilo-shell-home #homeSlider .eilo-home-hero__panel {
    bottom: 32px !important;
    left: 32px !important;
    width: 73% !important;
    max-width: 570px !important;
    padding: 20px 21px 19px !important;
  }

  body.ui-next.eilo-page-index #homeSlider .eilo-home-hero__title,
  body.ui-next.eilo-shell-home #homeSlider .eilo-home-hero__title {
    font-size: 30px !important;
  }

  body.ui-next.eilo-page-index #homeSlider .eilo-home-hero__cta,
  body.ui-next.eilo-shell-home #homeSlider .eilo-home-hero__cta {
    margin-top: 17px !important;
    padding: 11px 16px !important;
    font-size: 11px !important;
  }

  body.ui-next.eilo-page-index .eilo-home-section-heading h2,
  body.ui-next.eilo-shell-home .eilo-home-section-heading h2 {
    font-size: 24px;
  }

  body.ui-next.eilo-page-index .eilo-home-section-heading--stations h2,
  body.ui-next.eilo-shell-home .eilo-home-section-heading--stations h2 {
    font-size: 21px;
  }

  body.ui-next.eilo-page-index .eilo-home-content-card,
  body.ui-next.eilo-shell-home .eilo-home-content-card {
    grid-template-columns: 235px minmax(0,1fr);
    gap: 20px;
    min-height: 190px;
  }

  body.ui-next.eilo-page-index .eilo-home-content-card__media,
  body.ui-next.eilo-shell-home .eilo-home-content-card__media {
    width: 235px;
    height: 170px;
  }

  body.ui-next.eilo-page-index .eilo-home-content-card__title,
  body.ui-next.eilo-shell-home .eilo-home-content-card__title {
    font-size: 18px !important;
  }

  body.ui-next.eilo-page-index .eilo-home-content-card p,
  body.ui-next.eilo-shell-home .eilo-home-content-card p {
    font-size: 12.5px;
  }

  body.ui-next.eilo-page-index .eilo-home-artist-card,
  body.ui-next.eilo-shell-home .eilo-home-artist-card {
    grid-template-columns: 126px minmax(0,1fr);
    min-height: 170px;
  }

  body.ui-next.eilo-page-index .eilo-home-artist-card__media,
  body.ui-next.eilo-shell-home .eilo-home-artist-card__media {
    width: 126px;
    min-height: 170px;
  }

  body.ui-next.eilo-page-index .eilo-home-artist-card__media img,
  body.ui-next.eilo-shell-home .eilo-home-artist-card__media img {
    min-height: 170px;
  }

  body.ui-next.eilo-page-index .eilo-home-artist-card__title,
  body.ui-next.eilo-shell-home .eilo-home-artist-card__title {
    font-size: 16px;
  }

  body.ui-next.eilo-page-index .eilo-station-card,
  body.ui-next.eilo-shell-home .eilo-station-card {
    padding: 18px;
  }

  body.ui-next.eilo-page-index .eilo-station-card h3,
  body.ui-next.eilo-shell-home .eilo-station-card h3 {
    font-size: 16px;
  }

  body.ui-next.eilo-page-index .eilo-station-card__track,
  body.ui-next.eilo-shell-home .eilo-station-card__track {
    font-size: 12.5px;
  }

  body.ui-next.eilo-page-index .eilo-next-footer__inner,
  body.ui-next.eilo-shell-home .eilo-next-footer__inner {
    width: 1130px;
  }

  body.ui-next #fap-main {
    width: 1130px;
  }

  body.ui-next #fap-meta-wrapper {
    width: 700px;
  }
}

/* ========================================================================== 
   Desktop UI Preview v7 — Acid Neon Directory System
   Directory listing pages only. Detail/read/view pages keep their existing
   preview markup until their own redesign stage. Pink remains the primary
   music/live accent; acid green is the functional interaction accent.
   ========================================================================== */

body.ui-next {
  --eilo-ui-accent: #9dff00;
  --eilo-ui-accent-dark: #78c900;
  --eilo-ui-focus: rgba(157,255,0,.16);
}

body.ui-next.eilo-directory-mode,
body.ui-next .eilo-directory-content {
  --eilo-dir-bg: #090e14;
  --eilo-dir-bg-soft: #0c131b;
  --eilo-dir-surface: #111a24;
  --eilo-dir-surface-raised: #16212d;
  --eilo-dir-surface-hover: #192735;
  --eilo-dir-border: rgba(255,255,255,.09);
  --eilo-dir-border-strong: rgba(255,255,255,.15);
  --eilo-dir-text: #f5f7fa;
  --eilo-dir-muted: #91a0b2;
  --eilo-dir-pink: #ff006a;
  --eilo-dir-pink-hover: #ff3388;
  --eilo-dir-green: #9dff00;
  --eilo-dir-green-soft: rgba(157,255,0,.10);
  --eilo-dir-radius-sm: 9px;
  --eilo-dir-radius: 14px;
  --eilo-dir-radius-lg: 20px;
}

body.ui-next.eilo-directory-mode {
  background: var(--eilo-dir-bg) !important;
  color: var(--eilo-dir-text);
}

body.ui-next.eilo-directory-mode #pageslide-body-wrap,
body.ui-next.eilo-directory-mode #content,
body.ui-next #content.eilo-directory-content {
  background:
    radial-gradient(circle at 11% 1%, rgba(255,0,106,.085), transparent 30%),
    radial-gradient(circle at 92% 10%, rgba(157,255,0,.055), transparent 28%),
    linear-gradient(180deg, #0a1017 0%, #090e14 46%, #080d13 100%) !important;
  color: var(--eilo-dir-text) !important;
}

body.ui-next.eilo-directory-mode #content,
body.ui-next #content.eilo-directory-content {
  box-sizing: border-box;
  min-height: 720px;
  padding-bottom: 72px;
}

body.ui-next.eilo-directory-mode .top-message.eilo-shell-slot {

  border-bottom-color: rgba(255,255,255,.07) !important;
}

body.ui-next.eilo-directory-mode .container_16,
body.ui-next.eilo-directory-mode #content {
  width: 960px !important;
}

body.ui-next.eilo-directory-mode #content > .grid_12,
body.ui-next.eilo-directory-mode #content > .grid_16,
body.ui-next.eilo-directory-mode #content > .grid_18,
body.ui-next.eilo-directory-mode .list-page,
body.ui-next.eilo-directory-mode .list-page-artists,
body.ui-next.eilo-directory-mode .blog-page {
  box-sizing: border-box;
  float: none !important;
  width: 950px !important;
  margin-right: 0 !important;
  margin-left: 5px !important;
}

body.ui-next.eilo-directory-mode #listing {
  width: 100%;
}

body.ui-next.eilo-directory-mode .eilo-filterbar {
  margin-bottom: 0;
}

body.ui-next.eilo-directory-mode .eilo-filterbar .eilo-filterbar__submit,
body.ui-next.eilo-directory-mode .eilo-filterbar input[type="submit"] {
  border-color: rgba(157,255,0,.34) !important;
  background: var(--eilo-dir-green) !important;
  box-shadow: 0 8px 22px rgba(157,255,0,.15) !important;
  color: #0a1005 !important;
}

body.ui-next.eilo-directory-mode .eilo-filterbar .eilo-filterbar__submit:hover,
body.ui-next.eilo-directory-mode .eilo-filterbar .eilo-filterbar__submit:focus,
body.ui-next.eilo-directory-mode .eilo-filterbar input[type="submit"]:hover,
body.ui-next.eilo-directory-mode .eilo-filterbar input[type="submit"]:focus {
  background: #b8ff3d !important;
  box-shadow: 0 10px 28px rgba(157,255,0,.22) !important;
}

body.ui-next.eilo-directory-mode .eilo-filterbar .eilo-filterbar__secondary,
body.ui-next.eilo-directory-mode .eilo-filterbar .eilo-filterbar__secondary:hover,
body.ui-next.eilo-directory-mode .eilo-filterbar .eilo-filterbar__secondary:focus {
  border-color: rgba(255,0,106,.45) !important;
  background: var(--eilo-dir-pink) !important;
  box-shadow: 0 8px 22px rgba(255,0,106,.19) !important;
  color: #ffffff !important;
}

body.ui-next.eilo-directory-mode .eilo-filterbar .eilo-filterbar__secondary:hover,
body.ui-next.eilo-directory-mode .eilo-filterbar .eilo-filterbar__secondary:focus {
  background: var(--eilo-dir-pink-hover) !important;
}

body.ui-next .eilo-directory-page {
  box-sizing: border-box;
  width: 100%;
  color: var(--eilo-dir-text);
}

body.ui-next .eilo-directory-header {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  min-height: 126px;
  margin: 28px 0 24px;
  padding: 4px 0 24px;
  border-bottom: 1px solid var(--eilo-dir-border);
}

body.ui-next .eilo-directory-header:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 96px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--eilo-dir-pink) 0 48%, var(--eilo-dir-green) 48% 100%);
  box-shadow: 0 0 16px rgba(255,0,106,.12), 0 0 15px rgba(157,255,0,.10);
}

body.ui-next .eilo-directory-header__copy {
  min-width: 0;
  max-width: 680px;
}

body.ui-next .eilo-directory-header__eyebrow {
  display: block;
  margin-bottom: 7px;
  color: var(--eilo-dir-pink);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .15em;
  line-height: 1.2;
  text-transform: uppercase;
}

body.ui-next .eilo-directory-header h1 {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--eilo-dir-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.04;
  text-transform: none;
}

body.ui-next .eilo-directory-header p {
  max-width: 640px;
  margin: 10px 0 0;
  color: var(--eilo-dir-muted);
  font-size: 13px;
  line-height: 1.65;
}

body.ui-next .eilo-directory-header__count {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid rgba(157,255,0,.24);
  border-radius: 999px;
  background: rgba(157,255,0,.055);
  color: #caff73;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .055em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

body.ui-next .eilo-directory-grid {
  display: grid;
  align-items: stretch;
  gap: 16px;
  width: 100%;
}

body.ui-next .eilo-directory-grid--artists,
body.ui-next .eilo-directory-grid--events {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

body.ui-next .eilo-directory-grid--people {
  grid-template-columns: repeat(4, minmax(0,1fr));
}

body.ui-next .eilo-directory-grid--news,
body.ui-next .eilo-directory-grid--shows {
  grid-template-columns: repeat(2, minmax(0,1fr));
}

body.ui-next .eilo-directory-card {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--eilo-dir-border);
  border-radius: var(--eilo-dir-radius);
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), transparent 34%),
    var(--eilo-dir-surface);
  box-shadow: 0 14px 32px rgba(0,0,0,.14);
  transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

body.ui-next .eilo-directory-card:hover {
  border-color: rgba(157,255,0,.34);
  background-color: var(--eilo-dir-surface-hover);
  box-shadow: 0 18px 38px rgba(0,0,0,.23), 0 0 0 1px rgba(157,255,0,.035);
  transform: translateY(-2px);
}

body.ui-next .eilo-directory-card__media-wrap {
  position: relative;
}

body.ui-next .eilo-directory-card__media {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  background: #0b1118;
}

body.ui-next .eilo-directory-card__media img,
body.ui-next .eilo-directory-card__fallback,
body.ui-next .eilo-directory-card__fallback img {
  display: block;
  width: 100%;
}

body.ui-next .eilo-directory-card__media img {
  height: 100%;
  object-fit: cover;
  transition: opacity 150ms ease, transform 220ms ease;
}

body.ui-next .eilo-directory-card:hover .eilo-directory-card__media img {
  opacity: .94;
  transform: scale(1.025);
}

body.ui-next .eilo-directory-card__media-line {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--eilo-dir-pink), var(--eilo-dir-green));
  opacity: .72;
  transform: scaleX(.28);
  transform-origin: left;
  transition: opacity 150ms ease, transform 180ms ease;
}

body.ui-next .eilo-directory-card:hover .eilo-directory-card__media-line {
  opacity: 1;
  transform: scaleX(1);
}

body.ui-next .eilo-directory-card--artist .eilo-directory-card__media {
  aspect-ratio: 1 / 1;
}

body.ui-next .eilo-directory-card--person .eilo-directory-card__media {
  aspect-ratio: 1 / 1;
}

body.ui-next .eilo-directory-card--news .eilo-directory-card__media,
body.ui-next .eilo-directory-card--show .eilo-directory-card__media {
  aspect-ratio: 16 / 9;
}

body.ui-next .eilo-directory-card--event .eilo-directory-card__media {
  aspect-ratio: 4 / 5;
}

body.ui-next .eilo-directory-card__fallback {
  box-sizing: border-box;
  height: 100%;
  padding: 28px;
  background:
    radial-gradient(circle at 50% 50%, rgba(157,255,0,.055), transparent 45%),
    #0b1118;
}

body.ui-next .eilo-directory-card__fallback img {
  height: 100%;
  object-fit: contain;
  opacity: .58;
}

body.ui-next .eilo-directory-card__artwork {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 0 8px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 999px;
  background: rgba(8,13,19,.78);
  color: #dbe4eb !important;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
  backdrop-filter: blur(7px);
}

body.ui-next .eilo-directory-card__artwork:hover {
  border-color: rgba(157,255,0,.38);
  color: var(--eilo-dir-green) !important;
}

body.ui-next .eilo-directory-card__body {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  padding: 17px 17px 18px;
}

body.ui-next .eilo-directory-card h2 {
  margin: 7px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--eilo-dir-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.24;
  text-transform: none;
}

body.ui-next .eilo-directory-card h2 a,
body.ui-next .eilo-directory-card h2 a:visited {
  color: var(--eilo-dir-text) !important;
  text-decoration: none;
}

body.ui-next .eilo-directory-card h2 a:hover {
  color: #ffffff !important;
}

body.ui-next .eilo-directory-card p {
  display: -webkit-box;
  overflow: hidden;
  margin: 10px 0 0;
  color: var(--eilo-dir-muted);
  font-size: 11.5px;
  line-height: 1.6;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

body.ui-next .eilo-directory-card__muted {
  color: #718091 !important;
}

body.ui-next .eilo-directory-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  min-height: 17px;
  color: #8191a2;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .055em;
  line-height: 1.3;
  text-transform: uppercase;
}

body.ui-next .eilo-directory-meta__item {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: 5px;
}

body.ui-next .eilo-directory-meta__item img,
body.ui-next .eilo-directory-location img {
  width: 17px;
  height: auto;
  border-radius: 2px;
}

body.ui-next .eilo-directory-meta__item--styles {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-next .eilo-directory-meta__item--green {
  color: var(--eilo-dir-green);
}

body.ui-next .eilo-directory-meta__item--pink {
  color: #ff5d9f;
}

body.ui-next .eilo-directory-meta__item--muted {
  color: #718091;
}

body.ui-next .eilo-directory-meta__dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--eilo-dir-green);
  box-shadow: 0 0 8px rgba(157,255,0,.42);
}

body.ui-next .eilo-directory-show-artists {
  margin-top: 7px;
  color: #d9e2e9;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.45;
}

body.ui-next .eilo-directory-show-artists > span {
  margin-right: 4px;
  color: #718091;
  font-weight: 650;
}

body.ui-next .eilo-directory-card__artist-link,
body.ui-next .eilo-directory-card__artist-link:visited {
  color: #d9e2e9 !important;
}

body.ui-next .eilo-directory-card__artist-link:hover {
  color: var(--eilo-dir-green) !important;
}

body.ui-next .eilo-directory-event-date {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
  padding: 8px 10px;
  border-left: 2px solid var(--eilo-dir-green);
  border-radius: 0 7px 7px 0;
  background: rgba(157,255,0,.045);
  color: #dce5ec;
  font-size: 10px;
  font-weight: 750;
}

body.ui-next .eilo-directory-event-date strong {
  color: var(--eilo-dir-green);
  font-size: 10px;
}

body.ui-next .eilo-directory-location {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 9px;
  color: #9aa9b7;
  font-size: 10.5px;
  line-height: 1.4;
}

body.ui-next .eilo-directory-card__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 15px;
}


body.ui-next .eilo-directory-card__action,
body.ui-next .eilo-directory-card__action:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 31px;
  margin-top: auto;
  padding: 0 11px;
  border: 1px solid rgba(255,0,106,.40);
  border-radius: 7px;
  background: var(--eilo-dir-pink);
  box-shadow: 0 7px 18px rgba(255,0,106,.18);
  color: #ffffff !important;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .055em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
}
body.ui-next .eilo-directory-card--artist .eilo-directory-card__action {
  margin-top: 20px !important;
}
body.ui-next .eilo-directory-card--news .eilo-directory-card__action {
  margin-top: 20px !important;
}
body.ui-next .eilo-directory-card--event .eilo-directory-card__action {
  margin-top: 20px !important;
}
body.ui-next .eilo-directory-card--person .eilo-directory-card__action {
  margin-top: 20px !important;
}
body.ui-next .eilo-directory-card__body > .eilo-directory-card__action {
  margin-top: auto;
  transform: translateY(1px);
}

body.ui-next .eilo-directory-card__action:hover {
  background: var(--eilo-dir-pink-hover);
  box-shadow: 0 9px 23px rgba(255,0,106,.25);
  color: #ffffff !important;
}

body.ui-next .eilo-directory-card__station,
body.ui-next .eilo-directory-card__station:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 31px;
  padding: 0 10px;
  border: 1px solid rgba(157,255,0,.26);
  border-radius: 7px;
  background: rgba(157,255,0,.055);
  color: #caff73 !important;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .045em;
  line-height: 1;
  text-transform: uppercase;
}

body.ui-next .eilo-directory-card__station img {
  width: 9px;
  height: 9px;
  margin-right: 6px;
}

body.ui-next .eilo-directory-card__station:hover {
  border-color: rgba(157,255,0,.46);
  background: rgba(157,255,0,.11);
  color: #e7ffbb !important;
}

body.ui-next .eilo-directory-empty {
  box-sizing: border-box;
  min-height: 210px;
  padding: 50px 30px;
  border: 1px dashed rgba(157,255,0,.22);
  border-radius: var(--eilo-dir-radius);
  background: rgba(17,26,36,.72);
  text-align: center;
}

body.ui-next .eilo-directory-empty__mark {
  color: var(--eilo-dir-pink);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}

body.ui-next .eilo-directory-empty h2 {
  margin: 9px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--eilo-dir-text);
  font-size: 22px;
  text-transform: none;
}

body.ui-next .eilo-directory-empty p {
  margin: 8px 0 0;
  color: var(--eilo-dir-muted);
  font-size: 12px;
}

body.ui-next .eilo-directory-pagination {
  min-height: 38px;
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid var(--eilo-dir-border);
}

body.ui-next .eilo-directory-pagination .page-navi {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  width: auto !important;
  margin: 0 !important;
}

body.ui-next .eilo-directory-pagination .page-navi > a,
body.ui-next .eilo-directory-pagination .page-navi .buttonPro {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  margin: 0 !important;
  padding: 0 9px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 7px !important;
  background: #141e29 !important;
  box-shadow: none !important;
  color: #aebbc6 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-shadow: none !important;
}

body.ui-next .eilo-directory-pagination .page-navi > a:hover,
body.ui-next .eilo-directory-pagination .page-navi .buttonPro:hover {
  border-color: rgba(157,255,0,.40) !important;
  background: rgba(157,255,0,.08) !important;
  color: var(--eilo-dir-green) !important;
}

body.ui-next .eilo-directory-pagination .page-navi .buttonPro.grey {
  border-color: rgba(255,0,106,.44) !important;
  background: var(--eilo-dir-pink) !important;
  color: #ffffff !important;
}

body.ui-next .eilo-directory-pagination .page-navi font {
  color: inherit !important;
  font-size: inherit !important;
}

body.ui-next.eilo-directory-view-shows-archive .eilo-directory-card--archived {
  border-color: rgba(255,255,255,.075);
}

body.ui-next.eilo-directory-view-shows-archive .eilo-directory-card--archived:hover {
  border-color: rgba(157,255,0,.28);
}

@media (min-width: 1024px) and (max-width: 1180px) {
  body.ui-next .eilo-directory-header {
    margin-top: 22px;
  }

  body.ui-next .eilo-directory-card__body {
    padding: 15px;
  }

  body.ui-next .eilo-directory-card h2 {
    font-size: 16px;
  }
}

@media (min-width: 1500px) {
  body.ui-next.eilo-directory-mode .container_16,
  body.ui-next.eilo-directory-mode #content {
    width: 1140px !important;
  }

  body.ui-next.eilo-directory-mode .top-message.eilo-shell-slot,
  body.ui-next.eilo-directory-mode .eilo-filterbar,
  body.ui-next.eilo-directory-mode #content > .grid_12,
  body.ui-next.eilo-directory-mode #content > .grid_16,
  body.ui-next.eilo-directory-mode #content > .grid_18,
  body.ui-next.eilo-directory-mode .list-page,
  body.ui-next.eilo-directory-mode .list-page-artists,
  body.ui-next.eilo-directory-mode .blog-page {
    width: 1130px !important;
  }

  body.ui-next .eilo-directory-grid--artists,
  body.ui-next .eilo-directory-grid--events {
    grid-template-columns: repeat(4, minmax(0,1fr));
  }

  body.ui-next .eilo-directory-grid--people {
    grid-template-columns: repeat(5, minmax(0,1fr));
  }

  body.ui-next .eilo-directory-header h1 {
    font-size: 38px;
  }

  body.ui-next .eilo-directory-header p {
    font-size: 13.5px;
  }

  body.ui-next .eilo-directory-card h2 {
    font-size: 18px;
  }

  body.ui-next .eilo-directory-card p {
    font-size: 12px;
  }
}


/* ========================================================================== 
   MUSIC + shared audio cards v8
   ========================================================================== */

/* Final two-accent cleanup: pink remains the emotional/live CTA, while acid
   green is the only functional accent in desktop preview. */
body.ui-next .eilo-home-search__submit:hover,
body.ui-next .eilo-home-search__submit:focus {
  border-color: rgba(157,255,0,.62) !important;
  background: #b8ff3d !important;
  background-color: #b8ff3d !important;
  box-shadow: 0 9px 22px rgba(157,255,0,.22) !important;
  color: #071117 !important;
}

body.ui-next.eilo-music-mode {
  --eilo-music-pink: #ff006a;
  --eilo-music-pink-hover: #ff3388;
  --eilo-music-green: #9dff00;
  --eilo-music-text: #f5f8fb;
  --eilo-music-muted: #8393a4;
  --eilo-music-border: rgba(151,171,190,.17);
  --eilo-music-surface: #111a24;
  --eilo-music-surface-soft: #16212c;

  background:
    radial-gradient(circle at 4% 18%, rgba(255,0,106,.075), transparent 28%),
    radial-gradient(circle at 96% 10%, rgba(157,255,0,.055), transparent 26%),
    #070d13;
  color: var(--eilo-music-muted);
}

body.ui-next.eilo-music-mode #pageslide-body-wrap,
body.ui-next.eilo-music-mode #content {
  background: transparent !important;
}

body.ui-next.eilo-music-mode .container_16,
body.ui-next.eilo-music-mode #content {
  width: 960px !important;
}

body.ui-next.eilo-music-mode #content > .grid_16,
body.ui-next.eilo-music-mode .eilo-music-page,
body.ui-next.eilo-music-mode .eilo-music-search-page,
body.ui-next.eilo-music-mode .top-message.eilo-shell-slot,
body.ui-next.eilo-music-mode .eilo-filterbar {
  box-sizing: border-box;
  width: 950px !important;
}

body.ui-next.eilo-music-mode .eilo-music-page {
  margin: 0 auto;
  padding: 25px 0 112px;
}

body.ui-next.eilo-music-mode .eilo-music-header {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  min-height: 132px;
  margin-bottom: 22px;
  padding: 25px 27px 23px;
  overflow: hidden;
  border: 1px solid var(--eilo-music-border);
  border-radius: 14px;
  background:
    linear-gradient(110deg, rgba(255,0,106,.075), transparent 40%),
    linear-gradient(290deg, rgba(157,255,0,.055), transparent 38%),
    rgba(17,26,36,.94);
  box-shadow: 0 18px 45px rgba(0,0,0,.23);
}

body.ui-next.eilo-music-mode .eilo-music-header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  width: 72px;
  height: 2px;
  background: var(--eilo-music-pink);
  box-shadow: 88px 0 0 var(--eilo-music-green);
}

body.ui-next.eilo-music-mode .eilo-music-header__copy {
  position: relative;
  z-index: 1;
  max-width: 660px;
}

body.ui-next.eilo-music-mode .eilo-music-header__eyebrow,
body.ui-next.eilo-music-mode .eilo-external-music__heading > span {
  display: block;
  margin-bottom: 7px;
  color: var(--eilo-music-pink);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

body.ui-next.eilo-music-mode .eilo-music-header h1 {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--eilo-music-text);
  font-size: 33px;
  font-weight: 820;
  letter-spacing: -.035em;
  line-height: 1.04;
  text-transform: none;
}

body.ui-next.eilo-music-mode .eilo-music-header p {
  max-width: 620px;
  margin: 10px 0 0;
  color: #91a1b0;
  font-size: 12.5px;
  line-height: 1.55;
}

body.ui-next.eilo-music-mode .eilo-music-header__count {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid rgba(157,255,0,.24);
  border-radius: 999px;
  background: rgba(157,255,0,.055);
  color: #cfff7f;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.ui-next.eilo-music-mode .eilo-music-header__accent {
  display: flex;
  align-items: flex-end;
  gap: 5px;
  height: 42px;
  opacity: .48;
}

body.ui-next.eilo-music-mode .eilo-music-header__accent span {
  display: block;
  width: 5px;
  border-radius: 999px;
  background: var(--eilo-music-green);
}
body.ui-next.eilo-music-mode .eilo-music-header__accent span:nth-child(1) { height: 19px; }
body.ui-next.eilo-music-mode .eilo-music-header__accent span:nth-child(2) { height: 39px; background: var(--eilo-music-pink); }
body.ui-next.eilo-music-mode .eilo-music-header__accent span:nth-child(3) { height: 27px; }

body.ui-next.eilo-music-mode .eilo-music-library,
body.ui-next.eilo-music-mode #changesongs,
body.ui-next.eilo-music-mode #psongs,
body.ui-next.eilo-music-mode .eilo-music-search-page,
body.ui-next.eilo-music-mode .eilo-music-search-page #listing,
body.ui-next.eilo-music-mode .eilo-audio-results {
  box-sizing: border-box;
  width: 100% !important;
  margin: 0 !important;
}

body.ui-next.eilo-music-mode .eilo-music-search-page {
  float: none !important;
}

body.ui-next.eilo-music-mode .eilo-filterbar--music .eilo-filterbar__submit,
body.ui-next.eilo-music-mode .eilo-filterbar--music input[type="submit"] {
  border-color: rgba(157,255,0,.28) !important;
  background: var(--eilo-music-green) !important;
  box-shadow: 0 8px 20px rgba(157,255,0,.16) !important;
  color: #071117 !important;
}

body.ui-next.eilo-music-mode .eilo-filterbar--music .eilo-filterbar__submit:hover,
body.ui-next.eilo-music-mode .eilo-filterbar--music input[type="submit"]:hover,
body.ui-next.eilo-music-mode .eilo-filterbar--music input[type="submit"]:focus {
  background: #b8ff3d !important;
  box-shadow: 0 10px 24px rgba(157,255,0,.23) !important;
}

/* Shared grid contract. The legacy tables remain in the DOM for functional
   compatibility, but their layout boxes collapse into a real CSS grid. */
body.ui-next.eilo-music-mode .eilo-audio-grid-shell,
body.ui-next.eilo-music-mode .eilo-music-results-table {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 15px;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.ui-next.eilo-music-mode .eilo-audio-grid-shell > table,
body.ui-next.eilo-music-mode .eilo-audio-grid-table,
body.ui-next.eilo-music-mode .eilo-audio-grid-table > tbody,
body.ui-next.eilo-music-mode .eilo-audio-grid-table > tbody > tr,
body.ui-next.eilo-music-mode #dirs.eilo-audio-grid-shell table,
body.ui-next.eilo-music-mode #dirs.eilo-audio-grid-shell tbody,
body.ui-next.eilo-music-mode #dirs.eilo-audio-grid-shell tr,
body.ui-next.eilo-music-mode #dirs.eilo-audio-grid-shell td:not(.eilo-audio-cell) {
  display: contents !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.ui-next.eilo-music-mode .eilo-audio-cell {
  box-sizing: border-box;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: top;
}

body.ui-next.eilo-music-mode .shows-list-sets,
body.ui-next.eilo-music-mode #dirs {
  float: none !important;
  clear: both;
  width: 100% !important;
}

body.ui-next.eilo-music-mode #dirs.eilo-audio-grid-shell {
  margin-bottom: 15px !important;
}

body.ui-next.eilo-music-mode .eilo-audio-card,
body.ui-next.eilo-music-mode .music-playlist.eilo-audio-card,
body.ui-next.eilo-music-mode .music-playlist-small.eilo-audio-card {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 333px;
  margin: 0 !important;
  padding: 10px 10px 12px !important;
  overflow: hidden;
  border: 1px solid var(--eilo-music-border) !important;
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), transparent 34%),
    var(--eilo-music-surface) !important;
  box-shadow: 0 13px 28px rgba(0,0,0,.18);
  color: var(--eilo-music-muted);
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

body.ui-next.eilo-music-mode .eilo-audio-card:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  right: 16px;
  left: 16px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(157,255,0,.64), transparent);
  opacity: .38;
}

body.ui-next.eilo-music-mode .eilo-audio-card:hover {
  border-color: rgba(157,255,0,.38) !important;
  background-color: #14202a !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.26), 0 0 0 1px rgba(157,255,0,.035);
  transform: translateY(-2px);
}

body.ui-next.eilo-music-mode .eilo-audio-card--folder:before {
  background: linear-gradient(90deg, transparent, rgba(157,255,0,.90), transparent);
  opacity: .65;
}

body.ui-next.eilo-music-mode .eilo-audio-card__play,
body.ui-next.eilo-music-mode .eilo-audio-card > a:first-child {
  position: relative;
  display: block;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 9px;
}

body.ui-next.eilo-music-mode .eilo-audio-card__artwork,
body.ui-next.eilo-music-mode .eilo-audio-card .play_icon_list {
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 205px !important;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 9px;
  background-position: center !important;
  background-size: cover !important;
  transition: transform 220ms ease, filter 220ms ease;
}

body.ui-next.eilo-music-mode .eilo-audio-card:hover .eilo-audio-card__artwork,
body.ui-next.eilo-music-mode .eilo-audio-card:hover .play_icon_list {
  filter: saturate(1.08) brightness(1.04);
  transform: scale(1.012);
}

body.ui-next.eilo-music-mode .eilo-audio-card__artwork:after,
body.ui-next.eilo-music-mode .eilo-audio-card .play_icon_list:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 48%, rgba(4,8,13,.55) 100%);
  pointer-events: none;
}

body.ui-next.eilo-music-mode .eilo-audio-card__play-icon,
body.ui-next.eilo-music-mode .eilo-audio-card .music-playlist-icon {
  position: relative;
  z-index: 2;
  float: none !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50%;
  background: var(--eilo-music-pink);
  box-shadow: 0 9px 25px rgba(255,0,106,.34);
  opacity: .94 !important;
  object-fit: contain;
  transition: transform 150ms ease, box-shadow 150ms ease;
}

body.ui-next.eilo-music-mode .eilo-audio-card:hover .eilo-audio-card__play-icon,
body.ui-next.eilo-music-mode .eilo-audio-card:hover .music-playlist-icon {
  box-shadow: 0 11px 29px rgba(255,0,106,.44);
  transform: scale(1.06);
}

body.ui-next.eilo-music-mode .eilo-audio-card__stat,
body.ui-next.eilo-music-mode .eilo-audio-card .fdet {
  box-sizing: border-box;
  position: absolute;
  z-index: 4;
  top: 8px;
  right: 8px;
  float: none !important;
  width: auto !important;
  min-height: 23px;
  padding: 0 7px !important;
  border: 1px solid rgba(157,255,0,.24);
  border-radius: 999px;
  background: rgba(7,13,19,.82) !important;
  color: #cfff80 !important;
  font-size: 8px;
  font-weight: 800;
  line-height: 21px;
  white-space: nowrap;
  backdrop-filter: blur(5px);
}

body.ui-next.eilo-music-mode .eilo-audio-card__details,
body.ui-next.eilo-music-mode .eilo-audio-card > a.dir,
body.ui-next.eilo-music-mode .eilo-audio-card > a:not(.eilo-audio-card__play):not(.nojs):not(.favthis) {
  box-sizing: border-box;
  display: block;
  flex: 1 1 auto;
  padding: 12px 2px 7px;
  color: var(--eilo-music-text) !important;
  text-decoration: none;
}

body.ui-next.eilo-music-mode .eilo-audio-card h3 {
  min-height: 18px;
  margin: 0 0 4px !important;
  color: #9eacb9 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 780 !important;
  letter-spacing: .075em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

body.ui-next.eilo-music-mode .eilo-audio-card h1 {
  display: -webkit-box;
  min-height: 38px;
  margin: 0 0 8px !important;
  padding: 0 !important;
  overflow: hidden;
  border: 0 !important;
  background: transparent !important;
  color: var(--eilo-music-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 820 !important;
  letter-spacing: -.018em !important;
  line-height: 1.25 !important;
  text-transform: none !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.ui-next.eilo-music-mode .eilo-audio-card h2 {
  min-height: 15px;
  margin: 0 0 3px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #778797 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

body.ui-next.eilo-music-mode .eilo-audio-card--folder:not(.eilo-audio-card--folder-track) h3 {
  margin-top: 7px !important;
  color: var(--eilo-music-green) !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.ui-next.eilo-music-mode .eilo-audio-card--folder:not(.eilo-audio-card--folder-track) h1 {
  color: #7f8f9e !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

body.ui-next.eilo-music-mode .eilo-audio-card > a.nojs,
body.ui-next.eilo-music-mode .eilo-audio-card__m3u,
body.ui-next.eilo-music-mode .eilo-audio-card > a.favthis {
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 28px;
  margin: 0 5px 0 0 !important;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 7px;
  background: rgba(255,255,255,.035);
  color: #b8c4ce !important;
  vertical-align: middle;
}

body.ui-next.eilo-music-mode .eilo-audio-card > a.nojs:hover,
body.ui-next.eilo-music-mode .eilo-audio-card__m3u:hover,
body.ui-next.eilo-music-mode .eilo-audio-card > a.favthis:hover {
  border-color: rgba(157,255,0,.38);
  background: rgba(157,255,0,.075);
}

body.ui-next.eilo-music-mode .eilo-audio-card > a.nojs img,
body.ui-next.eilo-music-mode .eilo-audio-card__m3u img,
body.ui-next.eilo-music-mode .eilo-audio-card > a.favthis img {
  width: auto !important;
  max-width: 18px;
  height: 17px !important;
  margin: 0 !important;
}

body.ui-next.eilo-music-mode .eilo-audio-card .favnums-top,
body.ui-next.eilo-music-mode .eilo-audio-card .favnums {
  margin-left: 3px;
  color: #9aabba !important;
  font-size: 8px !important;
}

body.ui-next.eilo-music-mode .eilo-audio-card__select,
body.ui-next.eilo-music-mode .eilo-audio-card .music-playlist-right[type="checkbox"] {
  position: absolute !important;
  z-index: 6;
  right: 12px;
  bottom: 13px;
  float: none !important;
  width: 17px;
  height: 17px;
  margin: 0 !important;
  accent-color: var(--eilo-music-green);
  cursor: pointer;
}

body.ui-next.eilo-music-mode .eilo-audio-bulk-actions {
  box-sizing: border-box;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100% !important;
  margin: 21px 0 0 !important;
  padding: 12px !important;
  border: 1px solid var(--eilo-music-border) !important;
  border-radius: 10px;
  background: rgba(17,26,36,.82);
}

body.ui-next.eilo-music-mode table.eilo-audio-bulk-actions tbody,
body.ui-next.eilo-music-mode table.eilo-audio-bulk-actions tr,
body.ui-next.eilo-music-mode table.eilo-audio-bulk-actions td {
  display: flex;
  align-items: center;
  gap: 7px;
}

body.ui-next.eilo-music-mode .eilo-audio-bulk-actions__selection,
body.ui-next.eilo-music-mode .eilo-audio-bulk-actions__playlist {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}

body.ui-next.eilo-music-mode .eilo-audio-bulk-actions .buttonPro,
body.ui-next.eilo-music-mode .eilo-audio-bulk-actions input[type="button"],
body.ui-next.eilo-music-mode .eilo-audio-bulk-actions input[type="submit"] {
  box-sizing: border-box !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 1px solid rgba(157,255,0,.22) !important;
  border-radius: 7px !important;
  background: rgba(157,255,0,.055) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #cbff77 !important;
  font-size: 9px !important;
  font-weight: 820 !important;
  line-height: 30px !important;
  text-shadow: none !important;
  text-transform: uppercase;
}

body.ui-next.eilo-music-mode .eilo-audio-bulk-actions input[name="psongsselected_addplay"] {
  border-color: rgba(255,0,106,.42) !important;
  background: var(--eilo-music-pink) !important;
  color: #fff !important;
}

body.ui-next.eilo-music-mode .eilo-audio-bulk-actions .buttonPro:hover,
body.ui-next.eilo-music-mode .eilo-audio-bulk-actions input[type="button"]:hover,
body.ui-next.eilo-music-mode .eilo-audio-bulk-actions input[type="submit"]:hover {
  border-color: rgba(157,255,0,.48) !important;
  background: rgba(157,255,0,.11) !important;
  color: #e7ffbd !important;
}

body.ui-next.eilo-music-mode .eilo-audio-bulk-actions input[name="psongsselected_addplay"]:hover {
  border-color: rgba(255,51,136,.60) !important;
  background: var(--eilo-music-pink-hover) !important;
  color: #fff !important;
}

body.ui-next.eilo-music-mode .eilo-music-pagination {
  min-height: 36px;
  margin: 24px 0 0 !important;
  padding-top: 17px;
  border-top: 1px solid var(--eilo-music-border);
}

body.ui-next.eilo-music-mode .eilo-music-pagination .page-navi {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  width: auto !important;
  margin: 0 !important;
}

body.ui-next.eilo-music-mode .eilo-music-pagination .buttonPro,
body.ui-next.eilo-music-mode .eilo-music-pagination a {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  margin: 0 !important;
  padding: 0 9px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 7px !important;
  background: #141e29 !important;
  color: #aebbc6 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-shadow: none !important;
}

body.ui-next.eilo-music-mode .eilo-music-pagination .buttonPro:hover,
body.ui-next.eilo-music-mode .eilo-music-pagination a:hover {
  border-color: rgba(157,255,0,.42) !important;
  background: rgba(157,255,0,.08) !important;
  color: var(--eilo-music-green) !important;
}

body.ui-next.eilo-music-mode .eilo-music-pagination .buttonPro.grey {
  border-color: rgba(255,0,106,.45) !important;
  background: var(--eilo-music-pink) !important;
  color: #fff !important;
}

body.ui-next.eilo-music-mode .eilo-music-empty {
  box-sizing: border-box;
  min-height: 205px;
  margin-top: 15px;
  padding: 48px 30px;
  border: 1px dashed rgba(157,255,0,.25);
  border-radius: 12px;
  background: rgba(17,26,36,.74);
  text-align: center;
}

body.ui-next.eilo-music-mode .eilo-music-empty span {
  color: var(--eilo-music-pink);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}

body.ui-next.eilo-music-mode .eilo-music-empty h2 {
  margin: 8px 0 0;
  color: var(--eilo-music-text);
  font-size: 21px;
}

body.ui-next.eilo-music-mode .eilo-music-empty p {
  margin: 7px 0 0;
  color: var(--eilo-music-muted);
  font-size: 12px;
}

body.ui-next.eilo-music-mode .eilo-external-music {
  clear: both;
  margin-top: 38px;
  padding-top: 24px;
  border-top: 1px solid var(--eilo-music-border);
}

body.ui-next.eilo-music-mode .eilo-external-music__heading h2 {
  margin: 0 0 17px;
  color: var(--eilo-music-text);
  font-size: 23px;
  font-weight: 810;
  letter-spacing: -.025em;
}

body.ui-next.eilo-music-mode .soundcloud_music {
  box-sizing: border-box;
  padding: 14px;
  border: 1px solid var(--eilo-music-border);
  border-radius: 12px;
  background: rgba(17,26,36,.76);
}

body.ui-next.eilo-music-mode .showallsc {
  border-color: rgba(157,255,0,.30) !important;
  background: rgba(157,255,0,.08) !important;
  color: var(--eilo-music-green) !important;
}

/* Legacy directory breadcrumb: keep the clean URL hierarchy, only refresh its
   presentation and preserve the single existing breadcrumb position. */
body.ui-next.eilo-music-mode .eilo-music-library > h1,
body.ui-next.eilo-music-mode #changesongs > h1 {
  box-sizing: border-box;
  min-height: 48px;
  margin: 0 0 18px !important;
  padding: 8px 11px !important;
  border: 1px solid var(--eilo-music-border) !important;
  border-radius: 9px;
  background: rgba(17,26,36,.76) !important;
  color: #c8d2dc !important;
  font-size: 12px !important;
}

body.ui-next.eilo-music-mode .eilo-music-library > h1 img,
body.ui-next.eilo-music-mode #changesongs > h1 img {
  opacity: .78;
}

@media (min-width: 1024px) and (max-width: 1180px) {
  body.ui-next.eilo-music-mode .eilo-audio-grid-shell,
  body.ui-next.eilo-music-mode .eilo-music-results-table {
    gap: 12px;
  }

  body.ui-next.eilo-music-mode .eilo-audio-card__artwork,
  body.ui-next.eilo-music-mode .eilo-audio-card .play_icon_list {
    height: 195px !important;
  }
}

@media (min-width: 1500px) {
  body.ui-next.eilo-music-mode .container_16,
  body.ui-next.eilo-music-mode #content {
    width: 1140px !important;
  }

  body.ui-next.eilo-music-mode #content > .grid_16,
  body.ui-next.eilo-music-mode .eilo-music-page,
  body.ui-next.eilo-music-mode .eilo-music-search-page,
  body.ui-next.eilo-music-mode .top-message.eilo-shell-slot,
  body.ui-next.eilo-music-mode .eilo-filterbar {
    width: 1130px !important;
  }

  body.ui-next.eilo-music-mode .eilo-music-header {
    min-height: 145px;
    padding: 29px 31px 27px;
  }

  body.ui-next.eilo-music-mode .eilo-music-header h1 {
    font-size: 38px;
  }

  body.ui-next.eilo-music-mode .eilo-music-header p {
    font-size: 13.5px;
  }

  body.ui-next.eilo-music-mode .eilo-audio-grid-shell,
  body.ui-next.eilo-music-mode .eilo-music-results-table {
    gap: 17px;
  }

  body.ui-next.eilo-music-mode .eilo-audio-card__artwork,
  body.ui-next.eilo-music-mode .eilo-audio-card .play_icon_list {
    height: 238px !important;
  }

  body.ui-next.eilo-music-mode .eilo-audio-card {
    min-height: 368px;
  }
}

/* Search keeps its form as a full-width block; the result wrapper itself owns
   the card grid because the legacy form sits between the page shell and table. */
body.ui-next.eilo-music-mode .eilo-audio-grid-shell--search {
  display: block !important;
}

body.ui-next.eilo-music-mode .eilo-audio-results {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 15px;
}

@media (min-width: 1500px) {
  body.ui-next.eilo-music-mode .eilo-audio-results {
    gap: 17px;
  }
}

/* ========================================================================== 
   MUSIC v8.1 hotfix — continuous dark canvas + legacy option row
   ========================================================================== */

/* The PageSlide wrapper contains legacy floated root blocks. Without a clear,
   its painted background can end around the first viewport while the MUSIC
   grid keeps flowing over the document canvas. Keep the preview canvas dark
   for the full content height without changing the PageSlide behaviour. */
body.ui-next.eilo-music-mode #pageslide-body-wrap {
  min-height: 100vh;
  background:
    radial-gradient(circle at 4% 18%, rgba(255,0,106,.075), transparent 28%),
    radial-gradient(circle at 96% 10%, rgba(157,255,0,.055), transparent 26%),
    linear-gradient(180deg, #070d13 0%, #080e14 46%, #070d13 100%) !important;
}

body.ui-next.eilo-music-mode #pageslide-body-wrap:after,
body.ui-next.eilo-music-mode #content:after {
  content: "";
  display: table;
  clear: both;
}

body.ui-next.eilo-music-mode #content {
  min-height: 720px;
  background: transparent !important;
}

/* The legacy Genre / view-options row is still part of the active MUSIC
   actions. Restyle it locally instead of changing its form names or logic. */
body.ui-next.eilo-music-mode .eilo-music-library td.notice,
body.ui-next.eilo-music-mode #changesongs td.notice,
body.ui-next.eilo-music-mode #psongs td.notice {
  box-sizing: border-box;
  height: auto !important;
  padding: 8px 0 16px !important;
  background: transparent !important;
  color: #8fa0af !important;
  font-size: 11px;
  line-height: 34px;
}

body.ui-next.eilo-music-mode .eilo-music-library td.notice .select-wrapper,
body.ui-next.eilo-music-mode #changesongs td.notice .select-wrapper,
body.ui-next.eilo-music-mode #psongs td.notice .select-wrapper {
  box-sizing: border-box;
  display: inline-block;
  width: 168px;
  height: 34px;
  margin: 0 7px !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(151,171,190,.20);
  border-radius: 8px;
  background: #111a24 !important;
  background-image: none !important;
  box-shadow: none !important;
  vertical-align: middle;
}

body.ui-next.eilo-music-mode .eilo-music-library td.notice .select-wrapper:before,
body.ui-next.eilo-music-mode #changesongs td.notice .select-wrapper:before,
body.ui-next.eilo-music-mode #psongs td.notice .select-wrapper:before {
  width: 33px;
  border-left: 1px solid rgba(151,171,190,.14);
  border-radius: 0 8px 8px 0;
  background: #141f2a !important;
  background-image: none !important;
}

body.ui-next.eilo-music-mode .eilo-music-library td.notice .select-wrapper:after,
body.ui-next.eilo-music-mode #changesongs td.notice .select-wrapper:after,
body.ui-next.eilo-music-mode #psongs td.notice .select-wrapper:after {
  right: 10px;
  margin-top: -2px;
  border-width: 5px;
  border-top-color: #9dff00;
}

body.ui-next.eilo-music-mode .eilo-music-library td.notice .selectmenu,
body.ui-next.eilo-music-mode #changesongs td.notice .selectmenu,
body.ui-next.eilo-music-mode #psongs td.notice .selectmenu {
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  margin: 0 !important;
  padding: 0 38px 0 10px;
  border: 0;
  background: transparent !important;
  color: #e8eef4 !important;
  font-size: 11px;
  line-height: 32px;
}

body.ui-next.eilo-music-mode .eilo-music-library td.notice .selectmenu option,
body.ui-next.eilo-music-mode #changesongs td.notice .selectmenu option,
body.ui-next.eilo-music-mode #psongs td.notice .selectmenu option {
  background: #111a24;
  color: #e8eef4;
}

body.ui-next.eilo-music-mode .eilo-music-library td.notice .buttonPro.black,
body.ui-next.eilo-music-mode #changesongs td.notice .buttonPro.black,
body.ui-next.eilo-music-mode #psongs td.notice .buttonPro.black {
  box-sizing: border-box;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 11px !important;
  border: 1px solid rgba(157,255,0,.24) !important;
  border-radius: 8px !important;
  background: rgba(157,255,0,.06) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #ceff7c !important;
  font-size: 9px !important;
  font-weight: 820 !important;
  line-height: 32px !important;
  text-shadow: none !important;
  text-transform: uppercase;
  vertical-align: middle;
}

body.ui-next.eilo-music-mode .eilo-music-library td.notice .buttonPro.black:hover,
body.ui-next.eilo-music-mode .eilo-music-library td.notice .buttonPro.black:focus,
body.ui-next.eilo-music-mode #changesongs td.notice .buttonPro.black:hover,
body.ui-next.eilo-music-mode #changesongs td.notice .buttonPro.black:focus,
body.ui-next.eilo-music-mode #psongs td.notice .buttonPro.black:hover,
body.ui-next.eilo-music-mode #psongs td.notice .buttonPro.black:focus {
  border-color: rgba(157,255,0,.48) !important;
  background: rgba(157,255,0,.12) !important;
  color: #e8ffc2 !important;
}

/* Improve the existing clean-URL breadcrumb contrast without moving it or
   creating a second breadcrumb. */
body.ui-next.eilo-music-mode .eilo-music-library .dirheadline,
body.ui-next.eilo-music-mode #changesongs .dirheadline {
  color: #b9c7d2 !important;
}

body.ui-next.eilo-music-mode .eilo-music-library .dirheadline:hover,
body.ui-next.eilo-music-mode #changesongs .dirheadline:hover {
  color: #9dff00 !important;
}

/* ========================================================================== 
   MUSIC v8.2 — completed library chrome, cards, filters and pagination
   ========================================================================== */

body.ui-next.eilo-music-mode .eilo-music-header {
  align-items: center;
}

body.ui-next.eilo-music-mode .eilo-music-header__main {
  position: relative;
  z-index: 1;
  min-width: 0;
  max-width: 760px;
}

body.ui-next.eilo-music-mode .eilo-music-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0 0 15px;
  color: #70808f;
  font-size: 10px;
  font-weight: 760;
  line-height: 1.2;
}

body.ui-next.eilo-music-mode .eilo-music-breadcrumb__item,
body.ui-next.eilo-music-mode .eilo-music-breadcrumb__item:visited {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  color: #95a5b3;
  text-decoration: none;
  transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

body.ui-next.eilo-music-mode .eilo-music-breadcrumb__item:hover {
  color: var(--eilo-music-green);
}

body.ui-next.eilo-music-mode .eilo-music-breadcrumb__item.is-current {
  max-width: 360px;
  overflow: hidden;
  color: #d8e1e8;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-next.eilo-music-mode .eilo-music-breadcrumb__root {
  gap: 7px;
  height: 28px;
  padding: 0 9px 0 7px;
  border: 1px solid rgba(157,255,0,.19);
  border-radius: 7px;
  background: rgba(157,255,0,.045);
  color: #cfff80;
}

body.ui-next.eilo-music-mode .eilo-music-breadcrumb__root:hover {
  border-color: rgba(157,255,0,.42);
  background: rgba(157,255,0,.085);
}

body.ui-next.eilo-music-mode .eilo-music-breadcrumb__home {
  width: 15px;
  height: 15px;
  fill: currentColor;
}

body.ui-next.eilo-music-mode .eilo-music-breadcrumb__separator {
  width: 6px;
  height: 6px;
  border-top: 1px solid #526170;
  border-right: 1px solid #526170;
  transform: rotate(45deg);
}

/* The premium header owns the only visible title and root/path navigation. */
body.ui-next.eilo-music-mode .eilo-music-library > h1,
body.ui-next.eilo-music-mode #changesongs > h1 {
  display: none !important;
}

/* One shared filter panel for Genre, period and future MUSIC options. */
body.ui-next.eilo-music-mode td.notice.eilo-music-options,
body.ui-next.eilo-music-mode #changesongs td.notice.eilo-music-options,
body.ui-next.eilo-music-mode #psongs td.notice.eilo-music-options {
  box-sizing: border-box;
  display: flex !important;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 13px !important;
  border: 1px solid var(--eilo-music-border);
  border-radius: 11px;
  background: rgba(17,26,36,.84) !important;
  color: #8fa0af !important;
  line-height: 1.2 !important;
}

body.ui-next.eilo-music-mode .eilo-music-options__field {
  display: inline-flex;
  flex-direction: column;
  gap: 7px;
  min-width: 220px;
  margin: 0 !important;
}

body.ui-next.eilo-music-mode .eilo-music-options__label {
  display: block;
  color: #758695;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .11em;
  line-height: 1;
  text-transform: uppercase;
}

body.ui-next.eilo-music-mode .eilo-music-options__select,
body.ui-next.eilo-music-mode td.notice .select-wrapper-dark.eilo-music-options__select {
  box-sizing: border-box;
  position: relative;
  display: block !important;
  width: 220px !important;
  height: 39px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(151,171,190,.20) !important;
  border-radius: 8px !important;
  background: #0e1720 !important;
  background-image: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}

body.ui-next.eilo-music-mode .eilo-music-options__select:before {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  width: 38px;
  height: 100%;
  border: 0;
  border-left: 1px solid rgba(151,171,190,.12);
  border-radius: 0 8px 8px 0;
  background: #121d27 !important;
  background-image: none !important;
}

body.ui-next.eilo-music-mode .eilo-music-options__select:after {
  top: 50%;
  right: 14px;
  margin-top: -2px;
  border: 5px solid transparent;
  border-top-color: var(--eilo-music-green);
}

body.ui-next.eilo-music-mode .eilo-music-options__select .selectmenu {
  box-sizing: border-box;
  display: block;
  width: 100% !important;
  height: 37px !important;
  margin: 0 !important;
  padding: 0 46px 0 12px !important;
  border: 0 !important;
  outline: 0;
  background: transparent !important;
  color: #e8eef4 !important;
  font-size: 11px !important;
  line-height: 37px !important;
  -webkit-appearance: none;
  appearance: none;
}

body.ui-next.eilo-music-mode .eilo-music-options__select .selectmenu:focus {
  box-shadow: inset 0 0 0 1px rgba(157,255,0,.38);
}

body.ui-next.eilo-music-mode .eilo-music-options__select .selectmenu option {
  background: #0e1720;
  color: #e8eef4;
}

body.ui-next.eilo-music-mode .eilo-music-options__apply {
  box-sizing: border-box !important;
  height: 39px !important;
  margin: 0 !important;
  padding: 0 15px !important;
  border: 1px solid rgba(157,255,0,.34) !important;
  border-radius: 8px !important;
  background: var(--eilo-music-green) !important;
  background-image: none !important;
  box-shadow: 0 8px 20px rgba(157,255,0,.12) !important;
  color: #071117 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 37px !important;
  text-shadow: none !important;
  text-transform: uppercase;
}

body.ui-next.eilo-music-mode .eilo-music-options__apply:hover,
body.ui-next.eilo-music-mode .eilo-music-options__apply:focus {
  border-color: rgba(184,255,61,.72) !important;
  background: #b8ff3d !important;
  box-shadow: 0 10px 24px rgba(157,255,0,.20) !important;
}

/* Premium play control built entirely in CSS; the old PNG stays available to
   classic/mobile but is not shown in desktop preview. */
body.ui-next.eilo-music-mode .eilo-audio-card__play-icon,
body.ui-next.eilo-music-mode .eilo-audio-card .music-playlist-icon {
  display: none !important;
}

body.ui-next.eilo-music-mode .eilo-audio-card__play:before,
body.ui-next.eilo-music-mode .eilo-audio-card__play:after {
  content: "";
  position: absolute;
  z-index: 7;
  top: 50%;
  left: 50%;
  pointer-events: none;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

body.ui-next.eilo-music-mode .eilo-audio-card__play:before {
  box-sizing: border-box;
  width: 54px;
  height: 54px;
  margin: -27px 0 0 -27px;
  border: 2px solid transparent;
  border-radius: 50%;
  background:
    linear-gradient(145deg, rgba(15,22,31,.94), rgba(5,10,15,.92)) padding-box,
    linear-gradient(135deg, var(--eilo-music-pink), var(--eilo-music-green)) border-box;
  box-shadow:
    0 13px 30px rgba(0,0,0,.40),
    0 0 0 5px rgba(255,0,106,.075),
    inset 0 1px 0 rgba(255,255,255,.10);
}

body.ui-next.eilo-music-mode .eilo-audio-card__play:after {
  width: 0;
  height: 0;
  margin: -9px 0 0 -5px;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 14px solid #fff;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.35));
}

body.ui-next.eilo-music-mode .eilo-audio-card__play:hover:before {
  border-color: transparent;
  box-shadow:
    0 15px 34px rgba(0,0,0,.42),
    0 0 0 6px rgba(157,255,0,.085),
    0 0 24px rgba(255,0,106,.19),
    inset 0 1px 0 rgba(255,255,255,.12);
  transform: scale(1.07);
}

body.ui-next.eilo-music-mode .eilo-audio-card__play:hover:after {
  transform: scale(1.07);
}

/* Card footer keeps M3U, Favourite and selection aligned on one baseline. */
body.ui-next.eilo-music-mode .eilo-audio-card__footer {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  min-height: 37px;
  margin-top: auto;
  padding: 9px 1px 0;
  border-top: 1px solid rgba(151,171,190,.12);
}

body.ui-next.eilo-music-mode .eilo-audio-card__actions {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

body.ui-next.eilo-music-mode .eilo-audio-card__actions > a.nojs,
body.ui-next.eilo-music-mode .eilo-audio-card__actions > a.favthis,
body.ui-next.eilo-music-mode .eilo-audio-card__m3u {
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: auto !important;
  min-width: 42px;
  height: 28px;
  margin: 0 !important;
  padding: 0 8px !important;
  border: 1px solid rgba(151,171,190,.16);
  border-radius: 7px;
  background: rgba(255,255,255,.025);
  color: #aab8c4 !important;
  font-size: 8px;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
}

body.ui-next.eilo-music-mode .eilo-audio-card__m3u:before {
  content: "M3U";
  letter-spacing: .04em;
}

body.ui-next.eilo-music-mode .eilo-audio-card__actions > a.favthis:before {
  content: "♥";
  color: var(--eilo-music-pink);
  font-size: 14px;
  line-height: 1;
}

body.ui-next.eilo-music-mode .eilo-audio-card__actions > a.nojs:hover,
body.ui-next.eilo-music-mode .eilo-audio-card__actions > a.favthis:hover {
  border-color: rgba(157,255,0,.36);
  background: rgba(157,255,0,.065);
  color: #dfffaa !important;
}

body.ui-next.eilo-music-mode .eilo-audio-card__actions > a img,
body.ui-next.eilo-music-mode .eilo-audio-card__m3u img {
  display: none !important;
}

body.ui-next.eilo-music-mode .eilo-audio-card__actions .favnums-top,
body.ui-next.eilo-music-mode .eilo-audio-card__actions .favnums {
  margin: 0 !important;
  color: #aebbc5 !important;
  font-size: 8px !important;
}

body.ui-next.eilo-music-mode .eilo-audio-card__select-control {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  margin: 0;
  cursor: pointer;
}

body.ui-next.eilo-music-mode .eilo-audio-card__select-control .eilo-audio-card__select {
  position: absolute !important;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 28px;
  height: 28px;
  margin: 0 !important;
  opacity: 0;
  cursor: pointer;
}

body.ui-next.eilo-music-mode .eilo-audio-card__select-control > span {
  box-sizing: border-box;
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(151,171,190,.28);
  border-radius: 5px;
  background: #0c141c;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}

body.ui-next.eilo-music-mode .eilo-audio-card__select-control .eilo-audio-card__select:checked + span {
  border-color: var(--eilo-music-green);
  background: var(--eilo-music-green);
  box-shadow: 0 0 0 3px rgba(157,255,0,.08);
}

body.ui-next.eilo-music-mode .eilo-audio-card__select-control .eilo-audio-card__select:checked + span:after {
  content: "";
  display: block;
  width: 7px;
  height: 4px;
  margin: 5px 0 0 4px;
  border-bottom: 2px solid #071117;
  border-left: 2px solid #071117;
  transform: rotate(-45deg);
}

body.ui-next.eilo-music-mode .eilo-audio-card__select-control .eilo-audio-card__select:focus + span {
  border-color: rgba(157,255,0,.65);
  box-shadow: 0 0 0 3px rgba(157,255,0,.10);
}

body.ui-next.eilo-music-mode .eilo-audio-card__footer--folder {
  color: #778895;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

body.ui-next.eilo-music-mode .eilo-audio-card__folder-note {
  color: #81929f;
}

/* Pagination intentionally mirrors the premium directory pages. */
body.ui-next.eilo-music-mode .eilo-music-pagination {
  min-height: 38px;
  margin: 28px 0 0 !important;
  padding: 18px 0 0 !important;
  border: 0;
  border-top: 1px solid var(--eilo-music-border);
  border-radius: 0;
  background: transparent;
}

body.ui-next.eilo-music-mode .eilo-music-pagination .page-navi {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ui-next.eilo-music-mode .eilo-music-pagination .page-navi > a,
body.ui-next.eilo-music-mode .eilo-music-pagination .page-navi .buttonPro {
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  margin: 0 !important;
  padding: 0 9px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 7px !important;
  background: #141e29 !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #aebbc6 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  text-decoration: none;
}

body.ui-next.eilo-music-mode .eilo-music-pagination .page-navi > a:hover,
body.ui-next.eilo-music-mode .eilo-music-pagination .page-navi .buttonPro:hover {
  border-color: rgba(157,255,0,.40) !important;
  background: rgba(157,255,0,.08) !important;
  color: var(--eilo-music-green) !important;
}

body.ui-next.eilo-music-mode .eilo-music-pagination .page-navi .buttonPro.grey {
  border-color: rgba(255,0,106,.44) !important;
  background: var(--eilo-music-pink) !important;
  color: #fff !important;
}

body.ui-next.eilo-music-mode .eilo-music-pagination__ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 32px;
  color: #677887;
  font-size: 13px;
  line-height: 1;
}

/* Selection toolbar receives clear groups instead of anonymous +/- controls. */
body.ui-next.eilo-music-mode .eilo-audio-bulk-actions {
  align-items: flex-end;
  padding: 13px !important;
}

body.ui-next.eilo-music-mode table.eilo-audio-bulk-actions tbody,
body.ui-next.eilo-music-mode table.eilo-audio-bulk-actions tr {
  justify-content: space-between;
  width: 100%;
}

body.ui-next.eilo-music-mode .eilo-audio-bulk-actions__selection,
body.ui-next.eilo-music-mode .eilo-audio-bulk-actions__playlist {
  position: relative;
  padding-top: 17px;
}

body.ui-next.eilo-music-mode .eilo-audio-bulk-actions__selection:before,
body.ui-next.eilo-music-mode .eilo-audio-bulk-actions__playlist:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #718291;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .11em;
  line-height: 1;
  text-transform: uppercase;
}

body.ui-next.eilo-music-mode .eilo-audio-bulk-actions__selection:before {
  content: "Selection";
}

body.ui-next.eilo-music-mode .eilo-audio-bulk-actions__playlist:before {
  content: "Playlist actions";
}

@media (min-width: 1500px) {
  body.ui-next.eilo-music-mode .eilo-music-header__main {
    max-width: 890px;
  }

  body.ui-next.eilo-music-mode .eilo-audio-card__play:before {
    width: 58px;
    height: 58px;
    margin: -29px 0 0 -29px;
  }
}

/* ========================================================================== 
   MUSIC v8.3 — stable routes, pagination, track detail and control polish
   ========================================================================== */

/* Keep option fields and their submit action on one visual baseline. */
body.ui-next.eilo-music-mode td.notice.eilo-music-options,
body.ui-next.eilo-music-mode #changesongs td.notice.eilo-music-options,
body.ui-next.eilo-music-mode #psongs td.notice.eilo-music-options {
  align-items: stretch !important;
}

body.ui-next.eilo-music-mode .eilo-music-options__action {
  box-sizing: border-box;
  display: inline-flex;
  align-items: flex-end;
  align-self: stretch;
  padding-top: 15px;
}

/* Refresh/Apply is intentionally neutral; the global Search button remains
   the single solid acid-green action in the upper utility bar. */
body.ui-next.eilo-music-mode .eilo-music-options__apply {
  border-color: rgba(151,171,190,.22) !important;
  background: #18232e !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
  color: #d7e0e7 !important;
}

body.ui-next.eilo-music-mode .eilo-music-options__apply:hover,
body.ui-next.eilo-music-mode .eilo-music-options__apply:focus {
  border-color: rgba(157,255,0,.45) !important;
  background: #1c2934 !important;
  box-shadow: 0 0 0 3px rgba(157,255,0,.065) !important;
  color: #eaffc9 !important;
}

/* Keep the original favourite heart artwork visible. Only the spacer image is
   suppressed; M3U remains the compact text control. */
body.ui-next.eilo-music-mode .eilo-audio-card__actions > a.favthis:before {
  display: none !important;
  content: none !important;
}

body.ui-next.eilo-music-mode .eilo-audio-card__actions > a.favthis img:first-child {
  display: block !important;
  width: 17px !important;
  max-width: 17px !important;
  height: 17px !important;
  margin: 0 !important;
  object-fit: contain;
  opacity: .98;
}

body.ui-next.eilo-music-mode .eilo-audio-card__actions > a.favthis img[src*="spacer.gif"] {
  display: none !important;
}

body.ui-next.eilo-music-mode .eilo-audio-card__actions > a.favthis {
  min-width: 47px;
  padding: 0 7px !important;
}

/* Unchecked selection controls need to remain visible on the darkest cards. */
body.ui-next.eilo-music-mode .eilo-audio-card__select-control > span {
  border-color: rgba(198,211,222,.48);
  background: #18232d;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 0 0 1px rgba(0,0,0,.12);
}

body.ui-next.eilo-music-mode .eilo-audio-card__select-control:hover > span {
  border-color: rgba(157,255,0,.56);
  background: #1c2933;
}

/* Server-side body classes now keep the premium shell active on direct
   pagination URLs. These rules make the page-navigation strip resilient even
   when the legacy navi engine returns a compact result fragment. */
body.ui-next.eilo-music-mode .eilo-music-pagination,
body.ui-next.eilo-music-mode .page-navi {
  clear: both;
}

body.ui-next.eilo-music-mode .eilo-music-pagination__ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 32px;
  color: #687887;
  font-size: 12px;
  font-weight: 800;
}

/* Individual recording view: retain the proven playback/comments backend but
   place its legacy output inside the same premium dark system. */
body.ui-next.eilo-music-mode.eilo-music-view-track .eilo-music-header__main {
  max-width: 870px;
}

body.ui-next.eilo-music-mode.eilo-music-view-track .eilo-music-header h1 {
  max-width: 820px;
  font-size: 27px;
  line-height: 1.12;
}

body.ui-next.eilo-music-mode.eilo-music-view-track .eilo-music-library {
  box-sizing: border-box;
  width: 100%;
  min-height: 280px;
}

body.ui-next.eilo-music-mode.eilo-music-view-track #changesongs,
body.ui-next.eilo-music-mode.eilo-music-view-track #psongs {
  box-sizing: border-box;
  width: 100%;
}

body.ui-next.eilo-music-mode.eilo-music-view-track .shows-list-sets {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 18px !important;
  padding: 18px !important;
  overflow: hidden;
  border: 1px solid var(--eilo-music-border);
  border-radius: 12px;
  background:
    radial-gradient(circle at 96% 0%, rgba(157,255,0,.045), transparent 28%),
    linear-gradient(145deg, rgba(20,29,40,.97), rgba(13,21,30,.98));
  box-shadow: 0 16px 34px rgba(0,0,0,.16);
}

body.ui-next.eilo-music-mode.eilo-music-view-track .shows-list-sets ul {
  box-sizing: border-box;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none;
}

body.ui-next.eilo-music-mode.eilo-music-view-track .shows-list-sets li {
  box-sizing: border-box;
  position: relative;
  display: block;
  min-height: 58px;
  margin: 0 0 8px !important;
  padding: 13px 15px !important;
  border: 1px solid rgba(151,171,190,.13);
  border-radius: 9px;
  background: rgba(7,13,19,.44);
  color: #91a1af;
  line-height: 1.65;
}

body.ui-next.eilo-music-mode.eilo-music-view-track .shows-list-sets li:last-child {
  margin-bottom: 0 !important;
}

body.ui-next.eilo-music-mode.eilo-music-view-track .shows-list-sets a,
body.ui-next.eilo-music-mode.eilo-music-view-track .shows-list-sets a:visited {
  color: #e9f0f5;
  text-decoration: none;
}

body.ui-next.eilo-music-mode.eilo-music-view-track .shows-list-sets a:hover {
  color: var(--eilo-music-green);
}

body.ui-next.eilo-music-mode.eilo-music-view-track .shows-list-sets .playsong,
body.ui-next.eilo-music-mode.eilo-music-view-track .shows-list-sets #songplay {
  font-weight: 800;
}

body.ui-next.eilo-music-mode.eilo-music-view-track .shows-list-sets input[type="checkbox"] {
  width: 17px;
  height: 17px;
  margin: 0 8px 0 0;
  accent-color: var(--eilo-music-green);
  vertical-align: middle;
}

body.ui-next.eilo-music-mode.eilo-music-view-track .viewartistprofile,
body.ui-next.eilo-music-mode.eilo-music-view-track a.code {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 34px !important;
  margin: 4px 7px 14px 0 !important;
  padding: 0 12px !important;
  border: 1px solid rgba(151,171,190,.20) !important;
  border-radius: 8px !important;
  background: #17222d !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #dbe4eb !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 32px !important;
  text-shadow: none !important;
  text-transform: uppercase;
}

body.ui-next.eilo-music-mode.eilo-music-view-track .viewartistprofile:hover,
body.ui-next.eilo-music-mode.eilo-music-view-track a.code:hover {
  border-color: rgba(157,255,0,.42) !important;
  color: #e9ffc7 !important;
}

body.ui-next.eilo-music-mode.eilo-music-view-track #shareme {
  min-height: 28px;
}

body.ui-next.eilo-music-mode.eilo-music-view-track .rate,
body.ui-next.eilo-music-mode.eilo-music-view-track form[action*="rate"] {
  color: #c6d1da;
}

@media (max-width: 1180px) {
  body.ui-next.eilo-music-mode .eilo-music-options__field {
    min-width: 190px;
  }

  body.ui-next.eilo-music-mode .eilo-music-options__select,
  body.ui-next.eilo-music-mode td.notice .select-wrapper-dark.eilo-music-options__select {
    width: 190px !important;
  }
}

body.ui-next.eilo-music-mode.eilo-music-view-track .favorite {
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
}

body.ui-next.eilo-music-mode.eilo-music-view-track .favorite a.favthis {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 30px;
  padding: 0 9px;
  border: 1px solid rgba(151,171,190,.18);
  border-radius: 7px;
  background: rgba(255,255,255,.025);
  color: #bcc8d1;
  text-decoration: none;
}

body.ui-next.eilo-music-mode.eilo-music-view-track .favorite a.favthis:hover {
  border-color: rgba(255,0,106,.42);
  background: rgba(255,0,106,.07);
}

body.ui-next.eilo-music-mode.eilo-music-view-track .favorite a.favthis img:first-child {
  width: 17px !important;
  height: 17px !important;
}

body.ui-next.eilo-music-mode.eilo-music-view-track .favorite a.favthis img[src*="spacer.gif"] {
  display: none !important;
}

/* ========================================================================
   MUSIC v8.4 — release lists, recording detail, compact filters and actions
   ======================================================================== */

/* Local MUSIC filters stay compact and secondary to the global green Search. */
body.ui-next.eilo-music-mode td.notice.eilo-music-options,
body.ui-next.eilo-music-mode #changesongs td.notice.eilo-music-options,
body.ui-next.eilo-music-mode #psongs td.notice.eilo-music-options {
  align-items: center !important;
  gap: 10px 14px !important;
  width: auto !important;
  max-width: 100%;
  margin: 0 0 17px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ui-next.eilo-music-mode .eilo-music-options__field {
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

body.ui-next.eilo-music-mode .eilo-music-options__label {
  flex: 0 0 auto;
  margin: 0 !important;
  color: #8c9ba8;
  font-size: 8px;
  line-height: 39px;
}

body.ui-next.eilo-music-mode .eilo-music-options__select,
body.ui-next.eilo-music-mode td.notice .select-wrapper-dark.eilo-music-options__select {
  width: 185px !important;
  min-width: 185px !important;
}

body.ui-next.eilo-music-mode .eilo-music-options__action {
  align-self: center !important;
  align-items: center !important;
  padding-top: 0 !important;
}

body.ui-next.eilo-music-mode .eilo-music-options__apply {
  height: 39px !important;
  padding: 0 14px !important;
  border-color: rgba(151,171,190,.24) !important;
  background: #18232d !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
  color: #d8e1e8 !important;
  line-height: 37px !important;
}

body.ui-next.eilo-music-mode .eilo-music-options__apply:hover,
body.ui-next.eilo-music-mode .eilo-music-options__apply:focus {
  border-color: rgba(157,255,0,.46) !important;
  background: #1c2933 !important;
  box-shadow: 0 0 0 3px rgba(157,255,0,.065) !important;
  color: #ebffd0 !important;
}

/* Existing compact cards: keep the real heart visible and its count separate. */
body.ui-next.eilo-music-mode .eilo-audio-card__actions > a.favthis,
body.ui-next.eilo-music-mode .eilo-audio-card .favthis {
  gap: 6px !important;
  min-width: 50px !important;
  overflow: visible !important;
}

body.ui-next.eilo-music-mode .eilo-audio-card .favthis img:first-child {
  display: block !important;
  flex: 0 0 auto;
  width: 17px !important;
  max-width: 17px !important;
  height: 17px !important;
  margin: 0 !important;
  opacity: 1 !important;
  object-fit: contain;
}

body.ui-next.eilo-music-mode .eilo-audio-card .favthis img[src*="spacer.gif"] {
  display: none !important;
}

body.ui-next.eilo-music-mode .eilo-audio-card .favnums,
body.ui-next.eilo-music-mode .eilo-audio-card .favnums-top {
  position: static !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 12px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #c1ccd5 !important;
  font-size: 9px !important;
  line-height: 1 !important;
}

body.ui-next.eilo-music-mode .eilo-audio-card__m3u {
  gap: 5px !important;
  min-width: 48px !important;
}

body.ui-next.eilo-music-mode .eilo-audio-card__m3u:before {
  content: "↓" !important;
  color: var(--eilo-music-green);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

/* Release / folder page containing one or many recordings. */
body.ui-next.eilo-music-mode.eilo-music-view-release .eilo-music-library,
body.ui-next.eilo-music-mode.eilo-music-view-track .eilo-music-library {
  width: 100%;
}

body.ui-next.eilo-music-mode .eilo-release-panel {
  width: 100%;
  margin: 0 0 18px !important;
  padding: 18px !important;
  overflow: visible !important;
  border: 1px solid var(--eilo-music-border);
  border-radius: 13px;
  background:
    radial-gradient(circle at 2% 0%, rgba(255,0,106,.045), transparent 28%),
    radial-gradient(circle at 98% 0%, rgba(157,255,0,.04), transparent 30%),
    linear-gradient(145deg, rgba(20,29,40,.98), rgba(11,18,26,.99));
  box-shadow: 0 18px 40px rgba(0,0,0,.18);
}

body.ui-next.eilo-music-mode .eilo-release-tracklist {
  box-sizing: border-box;
  display: grid !important;
  grid-template-columns: 235px minmax(0, 1fr);
  align-items: start;
  gap: 9px 18px;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

body.ui-next.eilo-music-mode .eilo-release-cover-item {
  grid-column: 1;
  grid-row: 1 / span 100;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  list-style: none !important;
}

body.ui-next.eilo-music-mode .eilo-release-cover {
  position: sticky;
  top: 18px;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(151,171,190,.22);
  border-radius: 11px;
  background: #0b1219;
  box-shadow: 0 14px 30px rgba(0,0,0,.20);
}

body.ui-next.eilo-music-mode .eilo-release-cover > div,
body.ui-next.eilo-music-mode .eilo-release-cover a,
body.ui-next.eilo-music-mode .eilo-release-cover img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

body.ui-next.eilo-music-mode .eilo-release-cover--default img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  opacity: .84;
}

body.ui-next.eilo-music-mode .eilo-release-track {
  box-sizing: border-box;
  grid-column: 2;
  display: grid !important;
  grid-template-columns: 28px 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 68px;
  margin: 0 !important;
  padding: 10px 11px !important;
  border: 1px solid rgba(151,171,190,.14) !important;
  border-radius: 9px !important;
  background: rgba(7,13,19,.52) !important;
  color: #9eacb8;
  list-style: none !important;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

body.ui-next.eilo-music-mode .eilo-release-track:hover {
  border-color: rgba(157,255,0,.31) !important;
  background: rgba(12,21,29,.74) !important;
  transform: translateY(-1px);
}

body.ui-next.eilo-music-mode .eilo-release-track.is-current {
  border-color: rgba(255,0,106,.42) !important;
  box-shadow: inset 2px 0 0 var(--eilo-music-pink);
}

body.ui-next.eilo-music-mode .eilo-release-track__number {
  color: #607180;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .06em;
  text-align: center;
}

body.ui-next.eilo-music-mode .eilo-release-track__play {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255,0,106,.60);
  border-radius: 50%;
  background: #111b24;
  box-shadow: inset 0 0 0 2px rgba(157,255,0,.10);
  text-decoration: none !important;
}

body.ui-next.eilo-music-mode .eilo-release-track__play:after {
  content: "";
  display: block;
  margin-left: 2px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #fff;
}

body.ui-next.eilo-music-mode .eilo-release-track__play:hover {
  border-color: var(--eilo-music-pink);
  background: rgba(255,0,106,.12);
  box-shadow: 0 0 0 3px rgba(255,0,106,.08), inset 0 0 0 2px rgba(157,255,0,.14);
}

body.ui-next.eilo-music-mode .eilo-release-track__body {
  min-width: 0;
}

body.ui-next.eilo-music-mode .eilo-release-track__title,
body.ui-next.eilo-music-mode .eilo-release-track__title:visited {
  display: block;
  overflow: hidden;
  color: #eef3f7 !important;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.25;
  text-decoration: none !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-next.eilo-music-mode .eilo-release-track__title:hover {
  color: var(--eilo-music-green) !important;
}

body.ui-next.eilo-music-mode .eilo-release-track__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3px 0;
  margin-top: 5px;
  color: #718290;
  font-size: 8px;
  line-height: 1.3;
}

body.ui-next.eilo-music-mode .eilo-release-track__meta span {
  display: inline-flex;
  align-items: center;
}

body.ui-next.eilo-music-mode .eilo-release-track__meta span:not(:last-child):after {
  content: "";
  width: 2px;
  height: 2px;
  margin: 0 7px;
  border-radius: 50%;
  background: rgba(157,255,0,.62);
}

body.ui-next.eilo-music-mode .eilo-release-track__artist {
  color: #a9b7c2;
  font-weight: 800;
  text-transform: uppercase;
}

body.ui-next.eilo-music-mode .eilo-release-track__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

body.ui-next.eilo-music-mode .eilo-release-track__m3u,
body.ui-next.eilo-music-mode .eilo-release-track__favorite .favthis {
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 47px;
  height: 29px;
  margin: 0 !important;
  padding: 0 8px !important;
  border: 1px solid rgba(151,171,190,.18);
  border-radius: 7px;
  background: rgba(255,255,255,.025);
  color: #b8c5ce !important;
  font-size: 8px;
  line-height: 1;
  text-decoration: none !important;
}

body.ui-next.eilo-music-mode .eilo-release-track__m3u span:before {
  content: "↓";
  color: var(--eilo-music-green);
  font-size: 11px;
  font-weight: 900;
}

body.ui-next.eilo-music-mode .eilo-release-track__m3u:hover,
body.ui-next.eilo-music-mode .eilo-release-track__favorite .favthis:hover {
  border-color: rgba(157,255,0,.40);
  background: rgba(157,255,0,.06);
  color: #e8ffc7 !important;
}

body.ui-next.eilo-music-mode .eilo-release-track__favorite {
  display: inline-flex;
}

body.ui-next.eilo-music-mode .eilo-release-track__favorite .favthis img:first-child {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
}

body.ui-next.eilo-music-mode .eilo-release-track__favorite .favthis img[src*="spacer.gif"] {
  display: none !important;
}

body.ui-next.eilo-music-mode .eilo-release-track__favorite .favnums,
body.ui-next.eilo-music-mode .eilo-release-track__favorite .favnums-top {
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #c4ced6 !important;
  font-size: 9px !important;
  line-height: 1 !important;
}

body.ui-next.eilo-music-mode .eilo-release-track__select {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  cursor: pointer;
}

body.ui-next.eilo-music-mode .eilo-release-track__select input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

body.ui-next.eilo-music-mode .eilo-release-track__select > span {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 17px;
  height: 17px;
  border: 1px solid rgba(208,220,229,.58);
  border-radius: 4px;
  background: #1b2731;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

body.ui-next.eilo-music-mode .eilo-release-track__select:hover > span {
  border-color: rgba(157,255,0,.62);
}

body.ui-next.eilo-music-mode .eilo-release-track__select input:checked + span {
  border-color: var(--eilo-music-green);
  background: var(--eilo-music-green);
}

body.ui-next.eilo-music-mode .eilo-release-track__select input:checked + span:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 5px;
  width: 4px;
  height: 7px;
  border-right: 2px solid #071117;
  border-bottom: 2px solid #071117;
  transform: rotate(45deg);
}

/* Secondary release actions sit between the track list and community area. */
body.ui-next.eilo-music-mode .eilo-release-secondary-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
}

/* Rating and comments replace the remaining white/blue legacy controls. */
body.ui-next.eilo-music-mode .eilo-track-community {
  clear: both;
  margin-top: 18px;
  padding-top: 0;
}

body.ui-next.eilo-music-mode .eilo-track-rating {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 66px;
  padding: 12px 14px;
  border: 1px solid rgba(151,171,190,.15);
  border-radius: 10px;
  background: rgba(17,26,36,.76);
}

body.ui-next.eilo-music-mode .eilo-track-rating__copy span {
  display: block;
  color: var(--eilo-music-pink);
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.ui-next.eilo-music-mode .eilo-track-rating__copy strong {
  display: block;
  margin-top: 3px;
  color: #edf2f6;
  font-size: 12px;
}

body.ui-next.eilo-music-mode .eilo-track-rating__control,
body.ui-next.eilo-music-mode .eilo-track-rating__control #ratings,
body.ui-next.eilo-music-mode .eilo-track-rating__control #ratethis,
body.ui-next.eilo-music-mode .eilo-track-rating__control form {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: 0 !important;
}

body.ui-next.eilo-music-mode .eilo-track-rating__control .fdet {
  display: inline-flex !important;
  align-items: center;
  float: none !important;
  width: auto !important;
  min-height: 29px;
  padding: 0 9px !important;
  border: 1px solid rgba(255,0,106,.26);
  border-radius: 7px;
  background: rgba(255,0,106,.08) !important;
  color: #ff8abb !important;
  font-size: 9px !important;
  line-height: 27px !important;
}

body.ui-next.eilo-music-mode .eilo-track-rating__control .select-wrapper {
  position: relative;
  display: inline-flex;
  width: 150px;
  height: 34px;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(151,171,190,.20);
  border-radius: 7px;
  background: #0e1720;
}

body.ui-next.eilo-music-mode .eilo-track-rating__control .selectmenu-small {
  width: 100% !important;
  height: 32px !important;
  padding: 0 34px 0 10px !important;
  border: 0 !important;
  background: transparent !important;
  color: #e7edf2 !important;
  font-size: 10px !important;
  -webkit-appearance: none;
  appearance: none;
}

body.ui-next.eilo-music-mode .eilo-track-rating__control .buttonPro.blue {
  box-sizing: border-box !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid rgba(255,0,106,.34) !important;
  border-radius: 7px !important;
  background: var(--eilo-music-pink) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  line-height: 32px !important;
  text-shadow: none !important;
  text-transform: uppercase;
}

body.ui-next.eilo-music-mode .eilo-track-community #blog-comment {
  box-sizing: border-box;
  margin-top: 14px;
  padding: 16px;
  border: 1px solid rgba(151,171,190,.14);
  border-radius: 11px;
  background: rgba(12,20,29,.72);
  color: #9eacb7;
}

body.ui-next.eilo-music-mode .eilo-track-community #blog-comment > h1 {
  display: block !important;
  margin: 0 0 4px !important;
  color: #eff4f7 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
}

body.ui-next.eilo-music-mode .eilo-track-community .totalcomments {
  margin-bottom: 13px;
  color: #718391;
  font-size: 9px;
}

body.ui-next.eilo-music-mode .eilo-track-community #blog-comment hr {
  display: none;
}

body.ui-next.eilo-music-mode .eilo-track-community #blog-comment h4 {
  margin: 0 !important;
  padding: 15px;
  border: 1px dashed rgba(151,171,190,.16);
  border-radius: 8px;
  color: #718391 !important;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: none;
}

body.ui-next.eilo-music-mode .eilo-track-community .user-comments {
  box-sizing: border-box;
  min-height: 72px;
  margin: 0 0 9px !important;
  padding: 11px 12px 11px 78px !important;
  border: 1px solid rgba(151,171,190,.13);
  border-radius: 9px;
  background: rgba(5,11,17,.45);
  color: #a8b4bd;
}

body.ui-next.eilo-music-mode .eilo-track-community .user-comments .avatar,
body.ui-next.eilo-music-mode .eilo-track-community #commentthis .avatar {
  width: 54px !important;
  height: 54px !important;
  border: 1px solid rgba(151,171,190,.20);
  border-radius: 50%;
  object-fit: cover;
}

body.ui-next.eilo-music-mode .eilo-track-community .user-comments a {
  color: #e7eef3 !important;
}

body.ui-next.eilo-music-mode .eilo-track-community #commentthis {
  margin: 18px 0 0 !important;
  text-align: left;
}

body.ui-next.eilo-music-mode .eilo-track-community #commentthis table {
  width: 100%;
}

body.ui-next.eilo-music-mode .eilo-track-community #commentthis textarea {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 680px;
  min-height: 125px;
  padding: 11px 12px;
  border: 1px solid rgba(151,171,190,.22) !important;
  border-radius: 8px;
  outline: 0;
  background: #0d161f !important;
  background-image: none !important;
  color: #e5ecf1 !important;
  font-family: inherit;
  font-size: 11px;
  line-height: 1.5;
  resize: vertical;
}

body.ui-next.eilo-music-mode .eilo-track-community #commentthis textarea:focus {
  border-color: rgba(157,255,0,.48) !important;
  box-shadow: 0 0 0 3px rgba(157,255,0,.055);
}

body.ui-next.eilo-music-mode .eilo-track-community .buttonPro.orange,
body.ui-next.eilo-music-mode .eilo-track-community .allpage-login {
  border-color: rgba(255,0,106,.34) !important;
  background: var(--eilo-music-pink) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #fff !important;
  text-shadow: none !important;
}

/* Single-track pages keep the same component, only with a narrower action bar. */
body.ui-next.eilo-music-mode.eilo-music-view-track .eilo-audio-bulk-actions {
  max-width: 760px;
}

@media (max-width: 1180px) {
  body.ui-next.eilo-music-mode .eilo-release-tracklist {
    grid-template-columns: 190px minmax(0, 1fr);
  }

  body.ui-next.eilo-music-mode .eilo-release-track {
    grid-template-columns: 24px 36px minmax(0, 1fr);
  }

  body.ui-next.eilo-music-mode .eilo-release-track__actions {
    grid-column: 3;
    justify-content: flex-start;
    margin-top: 2px;
  }
}

@media (max-width: 900px) {
  body.ui-next.eilo-music-mode .eilo-release-tracklist {
    display: block !important;
  }

  body.ui-next.eilo-music-mode .eilo-release-cover-item {
    max-width: 235px;
    margin: 0 0 14px !important;
  }

  body.ui-next.eilo-music-mode .eilo-release-cover {
    position: static;
  }

  body.ui-next.eilo-music-mode .eilo-release-track {
    margin-bottom: 8px !important;
  }

  body.ui-next.eilo-music-mode .eilo-track-rating {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Final v8.4 specificity fixes. */
body.ui-next.eilo-music-mode .eilo-audio-card__m3u:before {
  content: "↓ M3U" !important;
}

body.ui-next.eilo-music-mode .eilo-release-secondary-actions .viewartistprofile,
body.ui-next.eilo-music-mode .eilo-release-secondary-actions a.code {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid rgba(151,171,190,.20) !important;
  border-radius: 8px !important;
  background: #17222d !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #dbe4eb !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 32px !important;
  text-shadow: none !important;
  text-transform: uppercase;
}

body.ui-next.eilo-music-mode .eilo-release-secondary-actions .viewartistprofile:hover,
body.ui-next.eilo-music-mode .eilo-release-secondary-actions a.code:hover {
  border-color: rgba(157,255,0,.42) !important;
  color: #eaffc9 !important;
}

/* v8.4: use the real favourite artwork, never a second generated heart. */
body.ui-next.eilo-music-mode .eilo-audio-card__actions > a.favthis:before,
body.ui-next.eilo-music-mode .eilo-audio-card .favthis:before,
body.ui-next.eilo-music-mode .eilo-release-track__favorite .favthis:before {
  content: none !important;
  display: none !important;
}


/* ========================================================================
   MUSIC v8.5 — spacing, stable favourites, compact release detail and M3U
   ======================================================================== */

body.ui-next.eilo-music-mode td.notice.eilo-music-options,
body.ui-next.eilo-music-mode #changesongs td.notice.eilo-music-options,
body.ui-next.eilo-music-mode #psongs td.notice.eilo-music-options {
  margin: 0 !important;
  padding: 0 0 24px !important;
}

body.ui-next.eilo-music-mode .eilo-audio-card .favthis,
body.ui-next.eilo-music-mode .eilo-release-track__favorite .favthis {
  box-sizing: border-box;
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 29px !important;
  padding: 0 8px !important;
  gap: 7px !important;
  overflow: hidden !important;
  white-space: nowrap;
}

body.ui-next.eilo-music-mode .eilo-release-track__favorite {
  box-sizing: border-box;
  display: inline-flex;
  width: 58px;
  height: 29px;
  border: 0 !important;
  background: transparent !important;
}

body.ui-next.eilo-music-mode .eilo-audio-card .favthis > font,
body.ui-next.eilo-music-mode .eilo-release-track__favorite .favthis > font {
  display: contents !important;
}

body.ui-next.eilo-music-mode .eilo-audio-card .favthis .favthis,
body.ui-next.eilo-music-mode .eilo-release-track__favorite .favthis .favthis {
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ui-next.eilo-music-mode .eilo-release-panel,
body.ui-next.eilo-music-mode .eilo-release-tracklist {
  min-height: 0 !important;
  height: auto !important;
}

body.ui-next.eilo-music-mode .eilo-release-tracklist {
  grid-auto-rows: auto;
  align-content: start;
}

body.ui-next.eilo-music-mode .eilo-release-cover-item {
  grid-row: 1 !important;
  align-self: start;
}

body.ui-next.eilo-music-mode.eilo-music-view-track .eilo-release-tracklist {
  grid-template-columns: 180px minmax(0, 1fr);
}

body.ui-next.eilo-music-mode.eilo-music-view-track .eilo-release-cover {
  position: static;
  max-width: 180px;
}

body.ui-next.eilo-music-mode.eilo-music-view-track .eilo-audio-bulk-actions {
  width: 100% !important;
  max-width: none !important;
}

body.ui-next.eilo-music-mode.eilo-music-view-track table.eilo-audio-bulk-actions tbody,
body.ui-next.eilo-music-mode.eilo-music-view-track table.eilo-audio-bulk-actions tr {
  box-sizing: border-box;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: end;
  gap: 16px;
  width: 100% !important;
}

body.ui-next.eilo-music-mode.eilo-music-view-track table.eilo-audio-bulk-actions td[width="5"] {
  display: none !important;
}

body.ui-next.eilo-music-mode.eilo-music-view-track .eilo-audio-bulk-actions__selection,
body.ui-next.eilo-music-mode.eilo-music-view-track .eilo-audio-bulk-actions__playlist {
  flex-wrap: nowrap;
}

body.ui-next.eilo-music-mode.eilo-music-view-track .eilo-audio-bulk-actions__playlist {
  justify-content: flex-end;
  min-width: 0;
}

body.ui-next.eilo-music-mode .eilo-track-rating__control .select-wrapper {
  box-sizing: border-box !important;
  position: relative !important;
  display: inline-flex !important;
  width: 160px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(151,171,190,.22) !important;
  border-radius: 7px !important;
  background: #0e1720 !important;
  background-image: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}

body.ui-next.eilo-music-mode .eilo-track-rating__control .select-wrapper:before {
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 34px;
  height: 100%;
  border: 0 !important;
  border-left: 1px solid rgba(151,171,190,.14) !important;
  border-radius: 0 7px 7px 0;
  background: #141f29 !important;
  background-image: none !important;
  pointer-events: none;
}

body.ui-next.eilo-music-mode .eilo-track-rating__control .select-wrapper:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  border: 5px solid transparent;
  border-top-color: var(--eilo-music-green);
  pointer-events: none;
}

body.ui-next.eilo-music-mode .eilo-track-rating__control .selectmenu-small {
  position: relative;
  z-index: 3;
  color-scheme: dark;
  cursor: pointer;
}

body.ui-next.eilo-music-mode .eilo-track-rating__control .selectmenu-small option {
  background: #0e1720;
  color: #e7edf2;
}

@media (max-width: 1180px) {
  body.ui-next.eilo-music-mode.eilo-music-view-track table.eilo-audio-bulk-actions tbody,
  body.ui-next.eilo-music-mode.eilo-music-view-track table.eilo-audio-bulk-actions tr {
    display: flex !important;
    flex-wrap: wrap;
  }

  body.ui-next.eilo-music-mode.eilo-music-view-track .eilo-audio-bulk-actions__playlist {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

/* ========================================================================
   v8.6 — calmer functional accents, HOME dual line and MUSIC community polish
   ======================================================================== */

/* Acid green is an outline/focus accent, not a solid primary fill. */
body.ui-next .eilo-home-search__submit,
body.ui-next .eilo-filterbar .eilo-filterbar__submit,
body.ui-next .eilo-filterbar input[type="submit"]:not(.eilo-filterbar__secondary) {
  border: 1px solid rgba(157,255,0,.42) !important;
  background: rgba(157,255,0,.065) !important;
  background-color: rgba(157,255,0,.065) !important;
  background-image: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
  color: #d8ff9b !important;
  text-shadow: none !important;
}

body.ui-next .eilo-home-search__submit:hover,
body.ui-next .eilo-home-search__submit:focus,
body.ui-next .eilo-filterbar .eilo-filterbar__submit:hover,
body.ui-next .eilo-filterbar .eilo-filterbar__submit:focus,
body.ui-next .eilo-filterbar input[type="submit"]:not(.eilo-filterbar__secondary):hover,
body.ui-next .eilo-filterbar input[type="submit"]:not(.eilo-filterbar__secondary):focus {
  border-color: rgba(157,255,0,.68) !important;
  background: rgba(157,255,0,.12) !important;
  background-color: rgba(157,255,0,.12) !important;
  box-shadow: 0 0 0 3px rgba(157,255,0,.055), inset 0 1px 0 rgba(255,255,255,.035) !important;
  color: #edffcf !important;
  transform: none !important;
}

/* Keep pink actions pink even when they live inside a filter bar. */
body.ui-next .eilo-filterbar .eilo-filterbar__secondary,
body.ui-next .eilo-filterbar .eilo-filterbar__secondary:hover,
body.ui-next .eilo-filterbar .eilo-filterbar__secondary:focus {
  border-color: rgba(255,0,106,.46) !important;
  background: #ff006a !important;
  color: #fff !important;
}

/* HOME station-card line now uses the same two-accent language as directories. */
body.ui-next.eilo-page-index .eilo-station-card::before,
body.ui-next.eilo-shell-home .eilo-station-card::before {
  width: 66px;
  background: linear-gradient(90deg, #ff006a 0 48%, #9dff00 48% 100%);
  box-shadow: 0 4px 15px rgba(255,0,106,.20), 0 4px 15px rgba(157,255,0,.10);
}

/* Folder cards are navigation items in ui=next, not bulk-selection targets. */
body.ui-next.eilo-music-mode .eilo-audio-card__footer--folder {
  min-height: 34px;
  justify-content: flex-start;
}

body.ui-next.eilo-music-mode .eilo-audio-card__footer--folder .eilo-audio-card__folder-note {
  color: #9cadba !important;
}

/* Give contextual release actions their own breathing room. */
body.ui-next.eilo-music-mode.eilo-music-view-track .eilo-audio-bulk-actions,
body.ui-next.eilo-music-mode.eilo-music-view-release .eilo-audio-bulk-actions {
  margin-bottom: 14px !important;
}

body.ui-next.eilo-music-mode .eilo-release-secondary-actions {
  margin: 10px 0 18px !important;
}

/* Rating stays compact and visually secondary. */
body.ui-next.eilo-music-mode .eilo-track-rating {
  min-height: 58px;
  padding: 10px 13px;
}

body.ui-next.eilo-music-mode .eilo-track-rating__copy strong {
  font-size: 11px;
  line-height: 1.25;
}

body.ui-next.eilo-music-mode .eilo-track-rating__control #ratings {
  color: #81919e;
  font-size: 8px !important;
  line-height: 1;
}

body.ui-next.eilo-music-mode .eilo-track-rating__control #ratethis,
body.ui-next.eilo-music-mode .eilo-track-rating__control #ratethis * {
  font-size: 9px;
}

body.ui-next.eilo-music-mode .eilo-track-rating__control .buttonPro.blue {
  min-width: 54px;
  padding: 0 13px !important;
}

/* MUSIC comments: circular avatar, stable two-column form and local action row. */
body.ui-next.eilo-music-mode .eilo-track-community .user-mask {
  display: none !important;
}

body.ui-next.eilo-music-mode .eilo-track-community .user-comments .avatar,
body.ui-next.eilo-music-mode .eilo-track-community #commentthis .avatar {
  box-sizing: border-box;
  display: block !important;
  float: none !important;
  width: 52px !important;
  height: 52px !important;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(151,171,190,.24) !important;
  border-radius: 50% !important;
  background: #0b1219;
  object-fit: cover !important;
}

body.ui-next.eilo-music-mode .eilo-track-community .eilo-comment-form-shell {
  box-sizing: border-box;
  width: 100%;
  margin: 18px 0 0 !important;
  padding: 0;
  text-align: left !important;
}

body.ui-next.eilo-music-mode .eilo-track-community #commentthis,
body.ui-next.eilo-music-mode .eilo-track-community .eilo-comment-form-table {
  box-sizing: border-box;
  width: 100% !important;
  margin: 0 !important;
}

body.ui-next.eilo-music-mode .eilo-track-community .eilo-comment-form-table {
  display: block !important;
}

body.ui-next.eilo-music-mode .eilo-track-community .eilo-comment-form-table > tbody,
body.ui-next.eilo-music-mode .eilo-track-community .eilo-comment-form-table > tbody > tr {
  box-sizing: border-box;
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  width: 100% !important;
}

body.ui-next.eilo-music-mode .eilo-track-community .eilo-comment-form-avatar,
body.ui-next.eilo-music-mode .eilo-track-community .eilo-comment-form-body {
  box-sizing: border-box;
  display: block !important;
  width: auto !important;
  padding: 0 !important;
}

body.ui-next.eilo-music-mode .eilo-track-community .eilo-comment-form-spacer {
  display: none !important;
}

body.ui-next.eilo-music-mode .eilo-track-community .eilo-comment-form-body > p {
  margin: 0 0 8px !important;
  color: #9aa9b5;
  font-size: 10px;
  line-height: 1.35;
}

body.ui-next.eilo-music-mode .eilo-track-community .eilo-comment-form-body > p a {
  color: #eef3f7 !important;
}

body.ui-next.eilo-music-mode .eilo-track-community #commentthis textarea {
  display: block;
  width: 100% !important;
  max-width: none !important;
  min-height: 118px;
}

body.ui-next.eilo-music-mode .eilo-track-community .eilo-comment-form-actions {
  display: flex !important;
  align-items: center;
  justify-content: flex-start !important;
  width: 100%;
  margin: 10px 0 0 !important;
  text-align: left !important;
}

body.ui-next.eilo-music-mode .eilo-track-community .eilo-comment-form-actions .buttonPro.orange {
  min-width: 132px;
}

/* Existing comment rows also keep their avatar and copy in a predictable layout. */
body.ui-next.eilo-music-mode .eilo-track-community .user-comments {
  position: relative;
  min-height: 78px;
  padding: 12px 14px 12px 80px !important;
}

body.ui-next.eilo-music-mode .eilo-track-community .user-comments .avatar {
  position: absolute;
  top: 12px;
  left: 14px;
}

body.ui-next.eilo-music-mode .eilo-track-community .user-comments p {
  margin-top: 0;
}

@media (max-width: 900px) {
  body.ui-next.eilo-music-mode .eilo-track-community .eilo-comment-form-table > tbody,
  body.ui-next.eilo-music-mode .eilo-track-community .eilo-comment-form-table > tbody > tr {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
  }

  body.ui-next.eilo-music-mode .eilo-track-community #commentthis .avatar {
    width: 44px !important;
    height: 44px !important;
  }
}

/* ========================================================================
   v8.7 — HOME gradient motion, neutral search input and MUSIC readability
   ======================================================================== */

/* HOME station accent behaves like the premium directory-card line: a real
   pink-to-acid gradient that expands smoothly on hover. */
body.ui-next.eilo-page-index .eilo-station-card::before,
body.ui-next.eilo-shell-home .eilo-station-card::before {
  right: 0px;
  left: 0px;
  width: auto;
  background: linear-gradient(90deg, #ff006a 0%, #9dff00 100%);
  box-shadow: 0 4px 15px rgba(255,0,106,.18), 0 4px 15px rgba(157,255,0,.08);
  opacity: .76;
  transform: scaleX(.26);
  transform-origin: left center;
  transition: opacity 160ms ease, transform 220ms ease, box-shadow 220ms ease;
}

body.ui-next.eilo-page-index .eilo-station-card:hover::before,
body.ui-next.eilo-shell-home .eilo-station-card:hover::before {
  opacity: 1;
  transform: scaleX(1);
  box-shadow: 0 4px 18px rgba(255,0,106,.22), 0 4px 18px rgba(157,255,0,.12);
}

/* Search text fields stay neutral until the user actually focuses them. */
body.ui-next .eilo-filterbar input.eilo-control--search,
body.ui-next.eilo-music-mode .eilo-filterbar--music input.eilo-control--search {
  border-color: #354453 !important;
  background: #1a2530 !important;
  background-color: #1a2530 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
  color: #e9eff4 !important;
}

body.ui-next .eilo-filterbar input.eilo-control--search:hover,
body.ui-next.eilo-music-mode .eilo-filterbar--music input.eilo-control--search:hover {
  border-color: #465766 !important;
  background: #1d2934 !important;
  background-color: #1d2934 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}

body.ui-next .eilo-filterbar input.eilo-control--search:focus,
body.ui-next.eilo-music-mode .eilo-filterbar--music input.eilo-control--search:focus {
  border-color: rgba(157,255,0,.70) !important;
  background: #1f2b35 !important;
  background-color: #1f2b35 !important;
  box-shadow: 0 0 0 3px rgba(157,255,0,.09), inset 0 1px 0 rgba(255,255,255,.035) !important;
}

/* Improve MUSIC readability without making the compact layout bulky. */
body.ui-next.eilo-music-mode .eilo-music-breadcrumb {
  font-size: 11px;
}

body.ui-next.eilo-music-mode .eilo-release-track__number {
  font-size: 10px;
}

body.ui-next.eilo-music-mode .eilo-release-track__title,
body.ui-next.eilo-music-mode .eilo-release-track__title:visited {
  font-size: 13px;
}

body.ui-next.eilo-music-mode .eilo-release-track__meta {
  margin-top: 6px;
  color: #8293a0;
  font-size: 9.5px;
  line-height: 1.4;
}

body.ui-next.eilo-music-mode .eilo-release-track__m3u,
body.ui-next.eilo-music-mode .eilo-release-track__favorite .favthis {
  font-size: 9.5px;
}

body.ui-next.eilo-music-mode .eilo-release-track__favorite .favnums,
body.ui-next.eilo-music-mode .eilo-release-track__favorite .favnums-top {
  font-size: 10px !important;
}

body.ui-next.eilo-music-mode .eilo-audio-bulk-actions .buttonPro,
body.ui-next.eilo-music-mode .eilo-audio-bulk-actions input[type="button"],
body.ui-next.eilo-music-mode .eilo-audio-bulk-actions input[type="submit"] {
  font-size: 10px !important;
}

body.ui-next.eilo-music-mode .eilo-audio-bulk-actions__selection::before,
body.ui-next.eilo-music-mode .eilo-audio-bulk-actions__playlist::before {
  font-size: 8px;
}

body.ui-next.eilo-music-mode .eilo-track-rating__copy span {
  font-size: 8px;
}

body.ui-next.eilo-music-mode .eilo-track-rating__copy strong {
  font-size: 12.5px;
}

body.ui-next.eilo-music-mode .eilo-track-rating__control #ratings,
body.ui-next.eilo-music-mode .eilo-track-rating__control #ratethis,
body.ui-next.eilo-music-mode .eilo-track-rating__control #ratethis * {
  font-size: 10px !important;
}

/* Semantic MUSIC comments markup. This replaces the fragile legacy table
   layout only in the ui=next music view. */
body.ui-next.eilo-music-mode .eilo-track-community #blog-comment.eilo-comments {
  box-sizing: border-box;
  width: 100%;
  margin-top: 14px;
  padding: 18px;
}

body.ui-next.eilo-music-mode .eilo-comments__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(151,171,190,.12);
}

body.ui-next.eilo-music-mode .eilo-comments__header span {
  display: block;
  margin-bottom: 4px;
  color: var(--eilo-music-pink);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.ui-next.eilo-music-mode .eilo-comments__header h2 {
  margin: 0;
  color: #eef3f7;
  font-size: 16px;
  line-height: 1.2;
}

body.ui-next.eilo-music-mode .eilo-comments__header > strong {
  color: #8d9daa;
  font-size: 10px;
  font-weight: 750;
}

body.ui-next.eilo-music-mode .eilo-comments__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  min-height: 72px;
  padding: 14px;
  border: 1px dashed rgba(151,171,190,.16);
  border-radius: 9px;
  background: rgba(6,12,18,.28);
  text-align: center;
}

body.ui-next.eilo-music-mode .eilo-comments__empty strong {
  color: #d7e0e7;
  font-size: 12px;
}

body.ui-next.eilo-music-mode .eilo-comments__empty span {
  color: #758694;
  font-size: 10px;
}

body.ui-next.eilo-music-mode .eilo-comment-card {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 14px;
  min-height: 0;
  margin: 0 0 10px !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(151,171,190,.13);
  border-radius: 10px;
  background: rgba(5,11,17,.45);
}

body.ui-next.eilo-music-mode .eilo-comment-card .avatar,
body.ui-next.eilo-music-mode .eilo-comment-form-grid .avatar {
  position: static !important;
  display: block !important;
  width: 52px !important;
  height: 52px !important;
  margin: 0 !important;
  border: 1px solid rgba(151,171,190,.24) !important;
  border-radius: 50% !important;
  background: #0b1219;
  object-fit: cover !important;
}

body.ui-next.eilo-music-mode .eilo-comment-card__body {
  position: relative;
  min-width: 0;
}

body.ui-next.eilo-music-mode .eilo-comment-card__meta {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 7px;
  color: #81919e;
  font-size: 10px;
}

body.ui-next.eilo-music-mode .eilo-comment-card__meta a {
  color: #eef3f7 !important;
  font-size: 11px;
}

body.ui-next.eilo-music-mode .eilo-comment-card__meta time {
  margin-left: auto;
  color: #687987;
  font-size: 9px;
}

body.ui-next.eilo-music-mode .eilo-comment-card__text {
  color: #b5c0c8;
  font-size: 11px;
  line-height: 1.55;
}

body.ui-next.eilo-music-mode .eilo-comment-card__text p {
  margin: 0 0 8px;
}

body.ui-next.eilo-music-mode .eilo-comment-card__edit {
  margin-top: 10px;
  text-align: right;
}

body.ui-next.eilo-music-mode .eilo-comments__pager {
  margin-top: 14px;
}

body.ui-next.eilo-music-mode .eilo-comment-form-shell {
  box-sizing: border-box;
  width: 100%;
  margin: 16px 0 0 !important;
  padding: 14px;
  border: 1px solid rgba(151,171,190,.12);
  border-radius: 10px;
  background: rgba(7,13,19,.34);
}

body.ui-next.eilo-music-mode .eilo-comment-form-grid {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  width: 100%;
}

body.ui-next.eilo-music-mode .eilo-comment-form-avatar,
body.ui-next.eilo-music-mode .eilo-comment-form-body {
  min-width: 0;
}

body.ui-next.eilo-music-mode .eilo-comment-form-author {
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin: 0 0 8px;
  color: #8797a4;
  font-size: 10px;
}

body.ui-next.eilo-music-mode .eilo-comment-form-author a {
  color: #eef3f7 !important;
  font-size: 11px;
  font-weight: 800;
}

body.ui-next.eilo-music-mode .eilo-comment-form-body textarea {
  box-sizing: border-box;
  display: block;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 126px;
  margin: 0 !important;
  padding: 12px 13px;
  border: 1px solid rgba(151,171,190,.22) !important;
  border-radius: 9px;
  outline: 0;
  background: #0d161f !important;
  background-image: none !important;
  color: #e5ecf1 !important;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.5;
  resize: vertical;
}

body.ui-next.eilo-music-mode .eilo-comment-form-body textarea:focus {
  border-color: rgba(157,255,0,.52) !important;
  box-shadow: 0 0 0 3px rgba(157,255,0,.06) !important;
}

body.ui-next.eilo-music-mode .eilo-comment-form-actions {
  display: flex !important;
  align-items: center;
  justify-content: flex-start !important;
  width: 100%;
  margin: 10px 0 0 !important;
  text-align: left !important;
}

body.ui-next.eilo-music-mode .eilo-comment-form-actions .buttonPro.orange {
  min-width: 142px;
  height: 34px !important;
  margin: 0 !important;
  font-size: 9px !important;
}

body.ui-next.eilo-music-mode .eilo-comments__login {
  margin-top: 15px;
}

@media (max-width: 900px) {
  body.ui-next.eilo-music-mode .eilo-comment-card,
  body.ui-next.eilo-music-mode .eilo-comment-form-grid {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
  }

  body.ui-next.eilo-music-mode .eilo-comment-card .avatar,
  body.ui-next.eilo-music-mode .eilo-comment-form-grid .avatar {
    width: 44px !important;
    height: 44px !important;
  }
}


/* ========================================================================== 
   MUSIC v8.8 — smooth header accent, filter spacing and separated card rating
   ========================================================================== */

/* The MUSIC header uses one continuous pink-to-acid gradient, not two hard
   colour blocks. It stays static here; only directory cards animate. */
body.ui-next.eilo-music-mode .eilo-music-header:before {
  width: 160px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ff006a 0%, #9dff00 100%);
  box-shadow: 0 0 16px rgba(255,0,106,.14), 0 0 16px rgba(157,255,0,.10);
}

/* Legacy option rows are table-generated. Give their explicit spacer row a
   real height so Genre / Period controls never touch the first card row. */
body.ui-next.eilo-music-mode tr.eilo-music-options-spacer {
  display: table-row !important;
  height: 18px !important;
}
body.ui-next.eilo-music-mode tr.eilo-music-options-spacer > td {
  display: table-cell !important;
  height: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Hits stays top-right. Rating gets its own top-left badge, so both remain
   readable even on narrow artwork cards. */
body.ui-next.eilo-music-mode .eilo-audio-card__rating {
  position: absolute;
  z-index: 5;
  top: 8px;
  left: 8px;
  display: inline-flex;
  align-items: center;
  pointer-events: none;
}
body.ui-next.eilo-music-mode .eilo-audio-card__rating #ratings,
body.ui-next.eilo-music-mode .eilo-audio-card__rating #ratings > div {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body.ui-next.eilo-music-mode .eilo-audio-card__rating .fdet {
  position: static !important;
  display: inline-flex !important;
  align-items: center;
  width: auto !important;
  min-height: 23px;
  margin: 0 !important;
  padding: 0 7px !important;
  border: 1px solid rgba(255,0,106,.35) !important;
  border-radius: 999px;
  background: rgba(7,13,19,.84) !important;
  color: #ff79b1 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  line-height: 21px !important;
  white-space: nowrap;
  backdrop-filter: blur(5px);
}

/* v8.8.1 — MUSIC filter spacing */
body.ui-next.eilo-music-mode .eilo-audio-grid-shell--library {
  margin-top: 20px !important;
}




/* HOME textual Clear control */
body.ui-next .eilo-home-search__form > a.eilo-home-search__clear {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: auto;
  min-width: 58px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid rgba(151,171,190,.22);
  border-radius: 8px;
  background: #18232d;
  color: #d8e1e8 !important;
  font-size: 10px !important;
  font-weight: 800;
  line-height: 38px;
  text-decoration: none !important;
  text-transform: uppercase;
}

body.ui-next .eilo-home-search__form > a.eilo-home-search__clear:hover {
  border-color: rgba(157,255,0,.45);
  background: rgba(157,255,0,.075);
  color: #eaffc9 !important;
}
/* ========================================================================== 
   v9.2 — emergency shell stabilization
   Restore the last stable header/filter foundation and keep hidden legacy
   helper fields out of layout flow.
   ========================================================================== */
@media (min-width: 1024px) {
  body.ui-next #ipid,
  body.ui-next input#ipid,
  body.ui-next .grid_5.eilo-shell-unused {
    display: none !important;
  }

  body.ui-next .eilo-directory-card__media > img,
  body.ui-next .eilo-directory-card__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}


/* ========================================================================== 
   Desktop UI Preview v9.3 — folder controls, directory rhythm and comments pager
   ========================================================================== */
@media screen and (min-width: 1024px) {
  /* Directory content starts with the same compact rhythm used by HOME/MUSIC. */
  body.ui-next.eilo-directory-mode .list-page,
  body.ui-next.eilo-directory-mode .list-page-artists,
  body.ui-next.eilo-directory-mode .blog-page,
  body.ui-next.eilo-directory-mode #content > .grid_12,
  body.ui-next.eilo-directory-mode #content > .grid_16,
  body.ui-next.eilo-directory-mode #content > .grid_18 {
    margin-top: 0 !important;
  }

  body.ui-next.eilo-directory-mode .eilo-directory-header {
    margin-top: 16px !important;
  }

  /* Folder cards are navigation, not playable media. */
  body.ui-next.eilo-music-mode .eilo-audio-card--folder .eilo-audio-card__folder-link {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 9px;
    cursor: pointer;
  }

  body.ui-next.eilo-music-mode .eilo-audio-card--folder .eilo-audio-card__folder-artwork:after {
    background: linear-gradient(180deg, transparent 58%, rgba(4,8,13,.36) 100%);
  }

  body.ui-next.eilo-music-mode .eilo-audio-card--folder .eilo-audio-card__folder-link:after {
    content: "Open";
    position: absolute;
    z-index: 5;
    right: 10px;
    bottom: 10px;
    padding: 5px 8px;
    border: 1px solid rgba(157,255,0,.32);
    border-radius: 999px;
    background: rgba(7,13,19,.78);
    color: #d9ff9d;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1;
    text-transform: uppercase;
    opacity: 0;
    transform: translateY(3px);
    transition: opacity 150ms ease, transform 150ms ease, border-color 150ms ease;
  }

  body.ui-next.eilo-music-mode .eilo-audio-card--folder:hover .eilo-audio-card__folder-link:after,
  body.ui-next.eilo-music-mode .eilo-audio-card--folder .eilo-audio-card__folder-link:focus:after {
    border-color: rgba(157,255,0,.55);
    opacity: 1;
    transform: translateY(0);
  }

  /* Comment pagination follows the shared premium pager language. */
  body.ui-next.eilo-music-mode .eilo-comments__pager {
    margin: 16px 0 4px !important;
  }

  body.ui-next.eilo-music-mode .eilo-comments__pager .page-navi {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    width: 100% !important;
    margin: 0 !important;
  }

  body.ui-next.eilo-music-mode .eilo-comments__pager .page-navi > a,
  body.ui-next.eilo-music-mode .eilo-comments__pager .page-navi .buttonPro {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 1px solid rgba(151,171,190,.20) !important;
    border-radius: 8px !important;
    background: #14202a !important;
    color: #c8d2da !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 30px !important;
    text-decoration: none !important;
    text-transform: uppercase;
  }

  body.ui-next.eilo-music-mode .eilo-comments__pager .page-navi > a:hover,
  body.ui-next.eilo-music-mode .eilo-comments__pager .page-navi > a:focus,
  body.ui-next.eilo-music-mode .eilo-comments__pager .page-navi .buttonPro:hover,
  body.ui-next.eilo-music-mode .eilo-comments__pager .page-navi .buttonPro:focus {
    border-color: rgba(157,255,0,.46) !important;
    background: rgba(157,255,0,.08) !important;
    color: #d8ff9a !important;
  }

  body.ui-next.eilo-music-mode .eilo-comments__pager .page-navi .buttonPro.grey {
    border-color: rgba(255,0,106,.55) !important;
    background: #ff006a !important;
    color: #fff !important;
  }

  body.ui-next.eilo-music-mode .eilo-comments__pager .page-navi font {
    color: inherit !important;
    font: inherit !important;
  }
}

/* ========================================================================== 
   Desktop UI Preview v9.3.1 — selectable MUSIC folders
   ========================================================================== */
@media screen and (min-width: 1024px) {
  /* Folder artwork/title still navigate into the folder, while the footer
     checkbox restores the original recursive playlist-selection workflow. */
  body.ui-next.eilo-music-mode .eilo-audio-card__footer--folder {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between !important;
    gap: 10px;
    min-height: 38px;
  }

  body.ui-next.eilo-music-mode .eilo-audio-card__footer--folder .eilo-audio-card__folder-note {
    flex: 1 1 auto;
    min-width: 0;
  }

  body.ui-next.eilo-music-mode .eilo-audio-card__select-control--folder {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    margin-left: auto;
  }

  body.ui-next.eilo-music-mode .eilo-audio-card__select-control--folder > span {
    width: 19px;
    height: 19px;
    border-color: rgba(183,199,212,.42);
    background: #111c25;
  }

  body.ui-next.eilo-music-mode .eilo-audio-card__select-control--folder:hover > span {
    border-color: rgba(157,255,0,.62);
    background: rgba(157,255,0,.075);
  }
}


/* ========================================================================== 
   MUSIC v9.4 — folder artwork header, clean release cover and M3U alignment
   ========================================================================== */

/* Directory artwork is decorative and lives on the right side of the premium
   header. A dark fade keeps breadcrumb and title readable on every image. */
body.ui-next.eilo-music-mode .eilo-music-header--artwork {
  min-height: 176px;
  isolation: isolate;
  background: rgba(17,26,36,.97);
}

body.ui-next.eilo-music-mode .eilo-music-header__artwork {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 43%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: .82;
}

body.ui-next.eilo-music-mode .eilo-music-header__artwork:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, #111a24 0%, rgba(17,26,36,.95) 13%, rgba(17,26,36,.35) 62%, rgba(17,26,36,.08) 100%),
    linear-gradient(0deg, rgba(6,12,18,.30), transparent 60%);
}

body.ui-next.eilo-music-mode .eilo-music-header--artwork .eilo-music-header__main {
  z-index: 2;
  max-width: 64%;
}

body.ui-next.eilo-music-mode .eilo-music-header--artwork .eilo-music-header__accent {
  display: none;
}

/* The source artwork may contain a light edge. Crop to a stable square and
   overscan very slightly so no white fringe is visible in the dark panel. */
body.ui-next.eilo-music-mode .eilo-release-cover {
  aspect-ratio: 1 / 1;
  border-color: rgba(151,171,190,.18);
  background: #080f15;
}

body.ui-next.eilo-music-mode .eilo-release-cover > div,
body.ui-next.eilo-music-mode .eilo-release-cover a,
body.ui-next.eilo-music-mode .eilo-release-cover img {
  width: 100% !important;
  height: 100% !important;
}

body.ui-next.eilo-music-mode .eilo-release-cover a {
  overflow: hidden;
}

body.ui-next.eilo-music-mode .eilo-release-cover img {
  object-fit: cover;
  object-position: center;
  transform: scale(1.025);
  transform-origin: center;
}

/* Use one baseline for the icon and label instead of a text arrow with a
   different font baseline. */
body.ui-next.eilo-music-mode .eilo-release-track__m3u {
  align-self: center;
  line-height: 1 !important;
}

body.ui-next.eilo-music-mode .eilo-release-track__m3u span,
body.ui-next.eilo-music-mode .eilo-release-track__m3u span:before {
  display: none !important;
  content: none !important;
}

body.ui-next.eilo-music-mode .eilo-release-track__m3u-icon {
  display: block;
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  color: var(--eilo-music-green);
}

body.ui-next.eilo-music-mode .eilo-release-track__m3u strong {
  display: block;
  margin: 0;
  padding: 0;
  font: inherit;
  line-height: 1;
}

/* ========================================================================== 
   Desktop UI Preview v10 — Artist + Show detail pages
   ========================================================================== */
@media screen and (min-width: 1024px) {
  body.ui-next.eilo-detail-mode {
    --eilo-detail-pink: #ff006a;
    --eilo-detail-green: #9dff00;
    --eilo-detail-text: #f4f7fa;
    --eilo-detail-muted: #91a0af;
    --eilo-detail-border: rgba(151,171,190,.18);
    --eilo-detail-surface: #111a24;
    --eilo-detail-surface-soft: #16212c;
  }

  body.ui-next.eilo-detail-mode #content {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--eilo-detail-muted);
  }

  body.ui-next.eilo-detail-mode .eilo-detail-topbar {
    height: 82px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-topbar .eilo-page-heading__inner {
    align-items: center;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-topbar__eyebrow {
    display: block;
    margin: 0 0 4px;
    color: var(--eilo-detail-pink);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .14em;
    line-height: 1;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-topbar h1,
  body.ui-next.eilo-detail-mode .top-message.eilo-detail-topbar h1 {
    font-family: "AlternateGothic2BTRegular", Arial, sans-serif !important;
    font-size: 31px !important;
    font-weight: normal !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-page {
    box-sizing: border-box;
    float: none !important;
    clear: both;
    width: 950px !important;
    margin: 0 auto !important;
    padding: 26px 0 118px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 320px minmax(0,1fr);
    gap: 28px;
    min-height: 410px;
    padding: 18px;
    margin-top: 30px;
    overflow: hidden;
    border: 1px solid var(--eilo-detail-border);
    border-radius: 15px;
    background:
      linear-gradient(130deg, rgba(255,0,106,.055), transparent 38%),
      linear-gradient(310deg, rgba(157,255,0,.045), transparent 42%),
      rgba(17,26,36,.95);
    box-shadow: 0 22px 52px rgba(0,0,0,.25);
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero--show {
    grid-template-columns: minmax(0,1.12fr) minmax(330px,.88fr);
    min-height: 390px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero__media {
    position: relative;
    min-width: 0;
    min-height: 374px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 11px;
    background: #080f15;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero__media > a,
  body.ui-next.eilo-detail-mode .eilo-detail-hero__media > img,
  body.ui-next.eilo-detail-mode .eilo-detail-hero__media > a > img {
    display: block;
    width: 100% !important;
    height: 100% !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero__media img {
    object-fit: cover;
    object-position: center;
  }

  body.ui-next.eilo-detail-artist .eilo-detail-hero__media img[src*="eilo_default"] {
    object-fit: contain;
    padding: 48px;
    background: linear-gradient(145deg,#121a22,#090f15);
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero__media--wide {
    min-height: 354px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-status {
    position: absolute;
    z-index: 3;
    left: 14px;
    bottom: 14px;
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    background: rgba(7,13,19,.82);
    color: #d9e2e9;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
    backdrop-filter: blur(7px);
  }

  body.ui-next.eilo-detail-mode .eilo-detail-status.is-current {
    border-color: rgba(255,0,106,.44);
    color: #ff8bbb;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-status.is-archive {
    border-color: rgba(157,255,0,.35);
    color: #d2ff91;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero__content {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 9px 12px 9px 2px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero__content .eilo-breadcrumb {
    width: auto !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero__content .eilo-breadcrumb,
  body.ui-next.eilo-detail-mode .eilo-detail-hero__content .eilo-breadcrumb a,
  body.ui-next.eilo-detail-mode .eilo-detail-hero__content .eilo-breadcrumb span {
    color: #8392a1 !important;
    font-size: 11px !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero__content .eilo-breadcrumb a:hover {
    color: var(--eilo-detail-green) !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 19px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-pill {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 0 9px;
    border: 1px solid rgba(157,255,0,.20);
    border-radius: 999px;
    background: rgba(157,255,0,.045);
    color: #cfff85;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .045em;
    line-height: 25px;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-pill img {
    width: 18px;
    height: 12px;
    margin-right: 7px;
    border-radius: 2px;
    object-fit: cover;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-copy {
    color: #a8b4bf;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.65;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-copy p {
    margin: 0 0 12px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-muted {
    color: #758493;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hostline {
    margin: 0 0 16px;
    color: #8d9caa;
    font-size: 13px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hostline strong,
  body.ui-next.eilo-detail-mode .eilo-detail-hostline a {
    color: #f2f6f8 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-schedule {
    margin: 0 0 17px;
    padding: 11px 13px;
    border-left: 2px solid var(--eilo-detail-pink);
    background: rgba(255,255,255,.025);
    color: #c2ccd4;
    font-size: 12px;
    line-height: 1.45;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-socials,
  body.ui-next.eilo-detail-mode .eilo-detail-primary-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 21px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-socials a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 33px;
    padding: 0 11px;
    border: 1px solid rgba(151,171,190,.20);
    border-radius: 8px;
    background: rgba(255,255,255,.035);
    color: #cdd6dd !important;
    font-size: 10px;
    font-weight: 800;
    text-decoration: none !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-socials a:hover {
    border-color: rgba(157,255,0,.44);
    background: rgba(157,255,0,.075);
    color: #e7ffc3 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-primary-actions .buttonPro {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px !important;
    padding: 0 16px !important;
    border-radius: 8px !important;
    background: var(--eilo-detail-pink) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-section {
    box-sizing: border-box;
    clear: both;
    margin-top: 28px;
    padding: 20px;
    border: 1px solid var(--eilo-detail-border);
    border-radius: 14px;
    background: rgba(17,26,36,.88);
  }

  body.ui-next.eilo-detail-mode .eilo-detail-section__heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(151,171,190,.14);
  }

  body.ui-next.eilo-detail-mode .eilo-detail-section__heading span {
    display: block;
    margin-bottom: 4px;
    color: var(--eilo-detail-pink);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-section__heading h2 {
    margin: 0;
    color: var(--eilo-detail-text);
    font-family: "AlternateGothic2BTRegular", Arial, sans-serif;
    font-size: 29px;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-section__heading > strong {
    flex: 0 0 auto;
    padding: 6px 9px;
    border: 1px solid rgba(157,255,0,.22);
    border-radius: 999px;
    background: rgba(157,255,0,.05);
    color: #cfff82;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .05em;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-gallery {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 10px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-gallery a {
    display: block;
    height: 145px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 9px;
    background: #080f15;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-gallery img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 180ms ease, filter 180ms ease;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-gallery a:hover img {
    filter: saturate(1.08) brightness(1.04);
    transform: scale(1.025);
  }

  body.ui-next.eilo-detail-mode .eilo-related-show-grid,
  body.ui-next.eilo-detail-mode .eilo-host-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px;
  }

  body.ui-next.eilo-detail-mode .eilo-related-show-card,
  body.ui-next.eilo-detail-mode .eilo-host-card {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 178px minmax(0,1fr);
    min-height: 122px;
    overflow: hidden;
    border: 1px solid rgba(151,171,190,.16);
    border-radius: 11px;
    background: #121c26;
    transition: border-color 150ms ease, transform 150ms ease;
  }

  body.ui-next.eilo-detail-mode .eilo-related-show-card:hover,
  body.ui-next.eilo-detail-mode .eilo-host-card:hover {
    border-color: rgba(157,255,0,.35);
    transform: translateY(-2px);
  }

  body.ui-next.eilo-detail-mode .eilo-related-show-card__image,
  body.ui-next.eilo-detail-mode .eilo-host-card__image {
    display: block;
    min-height: 122px;
    overflow: hidden;
    background: #080f15;
  }

  body.ui-next.eilo-detail-mode .eilo-related-show-card__image img,
  body.ui-next.eilo-detail-mode .eilo-host-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 122px;
    object-fit: cover;
  }

  body.ui-next.eilo-detail-mode .eilo-host-card__image img[src*="eilo_default"] {
    padding: 22px;
    object-fit: contain;
  }

  body.ui-next.eilo-detail-mode .eilo-related-show-card__body,
  body.ui-next.eilo-detail-mode .eilo-host-card__body {
    min-width: 0;
    padding: 15px;
  }

  body.ui-next.eilo-detail-mode .eilo-related-show-card__body > span,
  body.ui-next.eilo-detail-mode .eilo-host-card__body > span {
    color: #8594a2;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-mode .eilo-related-show-card h3,
  body.ui-next.eilo-detail-mode .eilo-host-card h3 {
    margin: 7px 0 5px;
    color: #f2f6f8;
    font-size: 15px;
    line-height: 1.25;
  }

  body.ui-next.eilo-detail-mode .eilo-related-show-card h3 a,
  body.ui-next.eilo-detail-mode .eilo-host-card h3 a {
    color: #f2f6f8 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-related-show-card p,
  body.ui-next.eilo-detail-mode .eilo-host-card p {
    margin: 0;
    color: #81909e;
    font-size: 11px;
    line-height: 1.4;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-audio-grid,
  body.ui-next.eilo-detail-mode .eilo-detail-audio-grid > table,
  body.ui-next.eilo-detail-mode .eilo-detail-audio-grid tbody,
  body.ui-next.eilo-detail-mode .eilo-detail-audio-grid tr {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-audio-grid tbody,
  body.ui-next.eilo-detail-mode .eilo-detail-audio-grid tr {
    display: contents !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-audio-grid .eilo-audio-cell {
    display: block !important;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100% !important;
    min-height: 345px;
    margin: 0 !important;
    padding: 10px 10px 12px !important;
    overflow: hidden;
    border: 1px solid var(--eilo-detail-border) !important;
    border-radius: 12px;
    background: linear-gradient(180deg,rgba(255,255,255,.025),transparent 34%),#111a24 !important;
    box-shadow: 0 13px 28px rgba(0,0,0,.18);
    transition: transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    right: 16px;
    left: 16px;
    height: 1px;
    background: linear-gradient(90deg,transparent,var(--eilo-detail-pink),var(--eilo-detail-green),transparent);
    opacity: .65;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card:hover {
    border-color: rgba(157,255,0,.38) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.27);
    transform: translateY(-2px);
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__play {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 9px;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__artwork,
  body.ui-next.eilo-detail-mode .eilo-audio-card .play_icon_list {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 205px !important;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 9px;
    background-position: center !important;
    background-size: cover !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__artwork:after,
  body.ui-next.eilo-detail-mode .eilo-audio-card .play_icon_list:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,transparent 50%,rgba(4,8,13,.52) 100%);
    pointer-events: none;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__play-icon,
  body.ui-next.eilo-detail-mode .eilo-audio-card .music-playlist-icon {
    position: relative;
    z-index: 2;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    border-radius: 50%;
    background: var(--eilo-detail-pink);
    box-shadow: 0 9px 25px rgba(255,0,106,.34);
    opacity: .95 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__stat,
  body.ui-next.eilo-detail-mode .eilo-audio-card .fdet {
    position: absolute;
    z-index: 4;
    top: 8px;
    right: 8px;
    width: auto !important;
    min-height: 23px;
    padding: 0 7px !important;
    border: 1px solid rgba(157,255,0,.24);
    border-radius: 999px;
    background: rgba(7,13,19,.82) !important;
    color: #cfff80 !important;
    font-size: 8px !important;
    font-weight: 850;
    line-height: 21px;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__details {
    box-sizing: border-box;
    display: block;
    flex: 1 1 auto;
    padding: 12px 2px 7px;
    color: #f4f7fa !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card h3 {
    min-height: 18px;
    margin: 0 0 4px !important;
    color: #9eacb9 !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .075em !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card h1 {
    display: -webkit-box;
    min-height: 38px;
    margin: 0 0 8px !important;
    padding: 0 !important;
    overflow: hidden;
    border: 0 !important;
    background: transparent !important;
    color: #f4f7fa !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-transform: none !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card h2 {
    min-height: 15px;
    margin: 0 0 3px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #7f8e9c !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 9px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    text-transform: none !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 31px;
    margin-top: auto;
    padding-top: 9px;
    border-top: 1px solid rgba(151,171,190,.13);
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__actions {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__m3u,
  body.ui-next.eilo-detail-mode .eilo-audio-card .favthis {
    box-sizing: border-box;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 29px;
    margin: 0 !important;
    padding: 0 7px;
    border: 1px solid rgba(151,171,190,.18);
    border-radius: 7px;
    background: rgba(255,255,255,.035);
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__m3u img {
    display: none !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__m3u:before {
    content: "M3U";
    color: #cfff82;
    font-size: 9px;
    font-weight: 850;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card .favthis img:first-child {
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card .favthis img[src*="spacer.gif"] {
    display: none !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card .favnums {
    margin-left: 4px;
    color: #9eacb8 !important;
    font-size: 9px !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__select-control {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__select-control input {
    position: absolute;
    opacity: 0;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__select-control span {
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(190,204,215,.42);
    border-radius: 4px;
    background: #111c25;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__select-control input:checked + span {
    border-color: var(--eilo-detail-green);
    background: var(--eilo-detail-green);
    box-shadow: inset 0 0 0 4px #111c25;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-bulk-actions {
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100% !important;
    margin: 20px 0 0 !important;
    padding: 12px !important;
    border: 1px solid var(--eilo-detail-border) !important;
    border-radius: 10px;
    background: rgba(12,20,28,.72);
  }

  body.ui-next.eilo-detail-mode .eilo-audio-bulk-actions tbody,
  body.ui-next.eilo-detail-mode .eilo-audio-bulk-actions tr,
  body.ui-next.eilo-detail-mode .eilo-audio-bulk-actions td {
    display: flex;
    align-items: center;
    gap: 7px;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-bulk-actions__selection,
  body.ui-next.eilo-detail-mode .eilo-audio-bulk-actions__playlist {
    flex-wrap: wrap;
  }

  body.ui-next.eilo-detail-mode .eilo-bulk-label {
    margin-right: 4px;
    color: #71808e;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .10em;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-bulk-actions .buttonPro,
  body.ui-next.eilo-detail-mode .eilo-audio-bulk-actions input {
    box-sizing: border-box !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 1px solid rgba(157,255,0,.24) !important;
    border-radius: 7px !important;
    background: rgba(157,255,0,.055) !important;
    color: #cbff77 !important;
    font-size: 9px !important;
    font-weight: 820 !important;
    line-height: 30px !important;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-bulk-actions input[name="psongsselected_addplay"] {
    border-color: rgba(255,0,106,.45) !important;
    background: var(--eilo-detail-pink) !important;
    color: #fff !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-pagination {
    margin: 20px 0 0 !important;
    padding-top: 15px;
    border-top: 1px solid rgba(151,171,190,.14);
  }

  body.ui-next.eilo-detail-mode .eilo-detail-pagination .page-navi {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    width: 100% !important;
    margin: 0 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-pagination a,
  body.ui-next.eilo-detail-mode .eilo-detail-pagination .buttonPro {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    margin: 0 !important;
    padding: 0 9px !important;
    border: 1px solid rgba(151,171,190,.18) !important;
    border-radius: 7px !important;
    background: #141e29 !important;
    color: #aebbc6 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-pagination .buttonPro.grey {
    border-color: rgba(255,0,106,.45) !important;
    background: var(--eilo-detail-pink) !important;
    color: #fff !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-empty {
    padding: 42px 24px;
    border: 1px dashed rgba(157,255,0,.24);
    border-radius: 11px;
    text-align: center;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-empty span {
    color: var(--eilo-detail-pink);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-empty h2 {
    margin: 8px 0 5px;
    color: #f4f7fa;
    font-size: 22px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-empty p {
    margin: 0;
    color: #81909e;
    font-size: 12px;
  }

  body.ui-next.eilo-detail-mode .eilo-external-music .soundcloud_music {
    padding: 13px;
    border: 1px solid rgba(151,171,190,.16);
    border-radius: 11px;
    background: #101923;
  }

  /* Reuse the modern comment component for artist and show detail pages. */
  body.ui-next.eilo-detail-mode #blog-comment.eilo-comments {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    color: #aab6c0;
  }

  body.ui-next.eilo-detail-mode .eilo-comments__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(151,171,190,.14);
  }

  body.ui-next.eilo-detail-mode .eilo-comments__header span {
    display: block;
    color: var(--eilo-detail-pink);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-mode .eilo-comments__header h2 {
    margin: 4px 0 0;
    color: #f4f7fa;
    font-family: "AlternateGothic2BTRegular", Arial, sans-serif;
    font-size: 26px;
    font-weight: normal;
    text-transform: none;
  }

  body.ui-next.eilo-detail-mode .eilo-comments__header > strong {
    color: #8d9ba8;
    font-size: 10px;
  }

  body.ui-next.eilo-detail-mode .eilo-comments__empty {
    padding: 24px;
    border: 1px dashed rgba(151,171,190,.18);
    border-radius: 10px;
    text-align: center;
  }

  body.ui-next.eilo-detail-mode .eilo-comments__empty strong,
  body.ui-next.eilo-detail-mode .eilo-comments__empty span {
    display: block;
  }

  body.ui-next.eilo-detail-mode .eilo-comments__empty strong {
    color: #edf2f5;
    font-size: 13px;
  }

  body.ui-next.eilo-detail-mode .eilo-comments__empty span {
    margin-top: 4px;
    color: #7e8d9a;
    font-size: 11px;
  }

  body.ui-next.eilo-detail-mode .eilo-comment-card {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 52px minmax(0,1fr);
    gap: 13px;
    margin: 0 0 10px;
    padding: 14px;
    border: 1px solid rgba(151,171,190,.15);
    border-radius: 10px;
    background: rgba(8,15,21,.35);
  }

  body.ui-next.eilo-detail-mode .eilo-comment-card .avatar,
  body.ui-next.eilo-detail-mode .eilo-comment-form-grid .avatar {
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    border-radius: 50%;
    object-fit: cover;
  }

  body.ui-next.eilo-detail-mode .eilo-comment-card__meta {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #81909d;
    font-size: 10px;
  }

  body.ui-next.eilo-detail-mode .eilo-comment-card__meta a {
    color: #f1f5f7 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-comment-card__meta time {
    margin-left: auto;
  }

  body.ui-next.eilo-detail-mode .eilo-comment-card__text {
    margin-top: 8px;
    color: #c3ccd4;
    font-size: 13px;
    line-height: 1.5;
  }

  body.ui-next.eilo-detail-mode .eilo-comment-form-shell {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid rgba(151,171,190,.15);
    border-radius: 10px;
    background: rgba(8,15,21,.30);
  }

  body.ui-next.eilo-detail-mode .eilo-comment-form-grid {
    display: grid;
    grid-template-columns: 52px minmax(0,1fr);
    gap: 13px;
  }

  body.ui-next.eilo-detail-mode .eilo-comment-form-author {
    display: flex;
    gap: 5px;
    margin-bottom: 7px;
    color: #83929f;
    font-size: 11px;
  }

  body.ui-next.eilo-detail-mode .eilo-comment-form-author a {
    color: #f2f6f8 !important;
    font-weight: 800;
  }

  body.ui-next.eilo-detail-mode .eilo-comment-form-body textarea {
    box-sizing: border-box;
    display: block;
    width: 100% !important;
    min-height: 128px;
    padding: 12px;
    border: 1px solid rgba(151,171,190,.22);
    border-radius: 8px;
    outline: 0;
    background: #101a23;
    color: #e9eff3;
    font: 13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  }

  body.ui-next.eilo-detail-mode .eilo-comment-form-body textarea:focus {
    border-color: rgba(157,255,0,.48);
    box-shadow: 0 0 0 3px rgba(157,255,0,.08);
  }

  body.ui-next.eilo-detail-mode .eilo-comment-form-actions {
    margin-top: 9px;
  }

  body.ui-next.eilo-detail-mode .eilo-comment-form-actions .buttonPro.orange {
    height: 34px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border-radius: 7px !important;
    background: var(--eilo-detail-pink) !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-mode .eilo-comments__pager {
    margin: 14px 0 4px;
  }

  body.ui-next.eilo-detail-mode .eilo-comments__pager .page-navi {
    display: flex;
    gap: 6px;
    width: 100% !important;
    margin: 0 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-comments__pager a,
  body.ui-next.eilo-detail-mode .eilo-comments__pager .buttonPro {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 31px !important;
    height: 31px !important;
    margin: 0 !important;
    padding: 0 9px !important;
    border: 1px solid rgba(151,171,190,.18) !important;
    border-radius: 7px !important;
    background: #141e29 !important;
    color: #aebbc6 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-comments__pager .buttonPro.grey {
    border-color: rgba(255,0,106,.45) !important;
    background: var(--eilo-detail-pink) !important;
    color: #fff !important;
  }
}

@media screen and (min-width: 1500px) {
  body.ui-next.eilo-detail-mode .eilo-detail-page,
  body.ui-next.eilo-detail-mode .eilo-detail-topbar {
    width: 1130px !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero {
    grid-template-columns: 360px minmax(0,1fr);
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero--show {
    grid-template-columns: minmax(0,1.18fr) minmax(390px,.82fr);
  }

  body.ui-next.eilo-detail-mode .eilo-detail-audio-grid,
  body.ui-next.eilo-detail-mode .eilo-detail-audio-grid > table {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
}

@media screen and (min-width: 1024px) {
  body.ui-next.eilo-detail-show .eilo-detail-hero__media img[src*="eilo_default"] {
    box-sizing: border-box;
    padding: 72px;
    background: linear-gradient(145deg,#121a22,#090f15);
    object-fit: contain;
  }
}

/* ========================================================================== 
   Desktop UI Preview v10.1 — Artist + Show detail layout rebuild
   Scoped to detail pages only. Restores the dark canvas and fixes the nested
   audio grid without changing the shared MUSIC card/player logic.
   ========================================================================== */
@media screen and (min-width: 1024px) {
  body.ui-next.eilo-detail-mode {
    background:
      radial-gradient(circle at 5% 16%, rgba(255,0,106,.075), transparent 29%),
      radial-gradient(circle at 96% 8%, rgba(157,255,0,.052), transparent 27%),
      linear-gradient(180deg,#091018 0%,#070d13 54%,#070c12 100%) !important;
    color: #91a0af;
  }

  body.ui-next.eilo-detail-mode #pageslide-body-wrap,
  body.ui-next.eilo-detail-mode #content {
    background:
      radial-gradient(circle at 7% 4%, rgba(255,0,106,.065), transparent 30%),
      radial-gradient(circle at 94% 6%, rgba(157,255,0,.045), transparent 28%),
      linear-gradient(180deg,#091018 0%,#070d13 56%,#070c12 100%) !important;
  }

  body.ui-next.eilo-detail-mode #pageslide-body-wrap {
    min-height: 760px;
  }

  /* The old heading band is no longer part of the detail composition. */
  body.ui-next.eilo-detail-mode .eilo-detail-topbar,
  body.ui-next.eilo-detail-mode .eilo-shell-unused {
    display: none !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-page {
    width: 950px !important;
    margin: 0 auto !important;
    padding: 25px 0 124px !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero {
    grid-template-columns: minmax(330px, .88fr) minmax(0, 1.12fr);
    gap: 30px;
    min-height: 430px;
    padding: 20px;
    border-color: rgba(151,171,190,.20);
    background:
      linear-gradient(128deg,rgba(255,0,106,.065),transparent 39%),
      linear-gradient(315deg,rgba(157,255,0,.05),transparent 43%),
      rgba(16,25,35,.96);
    box-shadow: 0 24px 56px rgba(0,0,0,.30);
  }

  body.ui-next.eilo-detail-show .eilo-detail-hero {
    grid-template-columns: minmax(0,1.08fr) minmax(350px,.92fr);
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero__media {
    min-height: 390px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 4px 4px 4px 0;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin: 17px 0 16px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero__title {
    min-width: 0;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero__eyebrow {
    display: block;
    margin: 0 0 7px;
    color: var(--eilo-detail-pink);
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
    line-height: 1;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero__title h1 {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #f6f8fa !important;
    font-family: "AlternateGothic2BTRegular",Arial,sans-serif !important;
    font-size: 43px !important;
    font-weight: normal !important;
    letter-spacing: 0 !important;
    line-height: .98 !important;
    text-transform: none !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero__actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-action {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 11px;
    border: 1px solid rgba(151,171,190,.22);
    border-radius: 999px;
    background: rgba(255,255,255,.035);
    color: #dce4e9 !important;
    font-size: 10px;
    font-weight: 850;
    text-decoration: none !important;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-action:hover {
    border-color: rgba(157,255,0,.40);
    background: rgba(157,255,0,.075);
    color: #e8ffc2 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero__actions .favorite,
  body.ui-next.eilo-detail-mode .eilo-detail-hero__actions .favorite-top {
    display: flex !important;
    align-items: center;
    margin: 0 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero__meta {
    margin-bottom: 15px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-copy {
    font-size: 13px;
    line-height: 1.65;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-section {
    width: 100%;
    min-height: 0 !important;
    height: auto !important;
    margin-top: 24px;
    padding: 22px;
    background: rgba(16,25,35,.94);
    box-shadow: 0 16px 38px rgba(0,0,0,.18);
  }

  body.ui-next.eilo-detail-mode .eilo-detail-section__heading {
    margin-bottom: 20px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-section--gallery.is-single .eilo-detail-gallery {
    grid-template-columns: minmax(0,280px);
  }

  body.ui-next.eilo-detail-mode .eilo-detail-section--gallery.is-single .eilo-detail-gallery a {
    height: 190px;
  }

  body.ui-next.eilo-detail-mode .eilo-related-show-grid,
  body.ui-next.eilo-detail-mode .eilo-host-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  /* Critical fix: only the table is the card grid. The wrapper must not form
     an additional three-column grid around that table. */
  body.ui-next.eilo-detail-mode .eilo-detail-audio-grid {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-audio-grid > table {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 15px;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    table-layout: auto !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-audio-grid > table > tbody,
  body.ui-next.eilo-detail-mode .eilo-detail-audio-grid > table > tbody > tr {
    display: contents !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-audio-grid .eilo-audio-cell {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-audio-grid .eilo-audio-card {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 348px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-audio-grid .eilo-audio-card__artwork,
  body.ui-next.eilo-detail-mode .eilo-detail-audio-grid .eilo-audio-card .play_icon_list {
    height: 220px !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-bulk-actions {
    flex-wrap: wrap;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-bulk-actions tbody,
  body.ui-next.eilo-detail-mode .eilo-audio-bulk-actions tr {
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-bulk-actions__selection,
  body.ui-next.eilo-detail-mode .eilo-audio-bulk-actions__playlist {
    min-width: 0;
  }

  /* Strongly neutralise legacy white form skins inside detail comments. */
  body.ui-next.eilo-detail-mode .eilo-detail-comments,
  body.ui-next.eilo-detail-mode .eilo-detail-comments #blog-comment,
  body.ui-next.eilo-detail-mode .eilo-detail-comments .eilo-comment-form-shell,
  body.ui-next.eilo-detail-mode .eilo-detail-comments .eilo-comment-form-body {
    background: transparent !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-comments textarea,
  body.ui-next.eilo-detail-mode .eilo-detail-comments input[type="text"] {
    background: #101a23 !important;
    background-image: none !important;
    color: #e8eef2 !important;
    -webkit-text-fill-color: #e8eef2 !important;
    border-color: rgba(151,171,190,.24) !important;
    box-shadow: none !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-comments textarea:focus,
  body.ui-next.eilo-detail-mode .eilo-detail-comments input[type="text"]:focus {
    border-color: rgba(157,255,0,.50) !important;
    box-shadow: 0 0 0 3px rgba(157,255,0,.08) !important;
  }
}

@media screen and (min-width: 1500px) {
  body.ui-next.eilo-detail-mode .container_16,
  body.ui-next.eilo-detail-mode #content {
    width: 1140px !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-page {
    width: 1130px !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero {
    grid-template-columns: minmax(390px,.88fr) minmax(0,1.12fr);
  }

  body.ui-next.eilo-detail-show .eilo-detail-hero {
    grid-template-columns: minmax(0,1.12fr) minmax(400px,.88fr);
  }

  body.ui-next.eilo-detail-mode .eilo-detail-audio-grid > table {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
}


/* ========================================================================== 
   Desktop UI Preview v10.2 — Artist / Show detail header and pagination polish
   ========================================================================== */
@media screen and (min-width: 1024px) {
  /* Re-enable the shared detail heading as a real premium header panel. */
  body.ui-next.eilo-detail-mode .top-message.eilo-detail-topbar {
    position: relative;
    box-sizing: border-box;
    display: block !important;
    float: none !important;
    clear: both;
    width: 950px !important;
    height: auto !important;
    min-height: 124px;
    margin: 24px auto 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(151,171,190,.19) !important;
    border-radius: 14px;
    background:
      linear-gradient(112deg,rgba(255,0,106,.07),transparent 40%),
      linear-gradient(292deg,rgba(157,255,0,.05),transparent 39%),
      rgba(17,26,36,.95) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.22) !important;
  }

  body.ui-next.eilo-detail-mode .top-message.eilo-detail-topbar:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 26px;
    width: 150px;
    height: 2px;
    background: linear-gradient(90deg,#ff006a 0%,#ff006a 42%,#9dff00 100%);
  }

  body.ui-next.eilo-detail-mode .eilo-detail-topbar__inner {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    width: 100%;
    min-height: 122px;
    padding: 22px 26px 21px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-topbar__copy {
    min-width: 0;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-topbar .eilo-breadcrumb {
    width: auto !important;
    margin: 0 0 11px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #7f8d9b !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 10.5px !important;
    line-height: 1.35;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-topbar .eilo-breadcrumb a,
  body.ui-next.eilo-detail-mode .eilo-detail-topbar .eilo-breadcrumb span {
    color: #7f8d9b !important;
    font-size: inherit !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-topbar .eilo-breadcrumb a:hover {
    color: #9dff00 !important;
    text-decoration: none !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-topbar__eyebrow {
    display: block;
    margin: 0 0 6px;
    color: #ff006a;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 9.5px;
    font-weight: 900;
    letter-spacing: .14em;
    line-height: 1;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-mode .top-message.eilo-detail-topbar h1 {
    display: block !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #f5f8fa !important;
    font-family: "AlternateGothic2BTRegular",Arial,sans-serif !important;
    font-size: 38px !important;
    font-weight: normal !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.25) !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-topbar__actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    padding-bottom: 2px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-topbar__actions .favorite,
  body.ui-next.eilo-detail-mode .eilo-detail-topbar__actions .favorite-top {
    position: static !important;
    display: flex !important;
    align-items: center;
    width: auto !important;
    margin: 0 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-topbar__actions .favthis {
    box-sizing: border-box;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    margin: 0 !important;
  }

  /* Hero now contains only the real profile/show information. */
  body.ui-next.eilo-detail-mode .eilo-detail-page {
    padding-top: 18px !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero__content {
    justify-content: center;
  }

  body.ui-next.eilo-detail-artist .eilo-detail-hero__meta {
    margin-top: 0;
  }

  body.ui-next.eilo-detail-show .eilo-detail-hostline {
    margin-top: 0;
  }

  /* Shared vertical rhythm and alignment for every detail section. */
  body.ui-next.eilo-detail-mode .eilo-detail-section {
    margin-top: 22px !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-section__heading {
    align-items: center;
    min-height: 44px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-section__heading > strong {
    align-self: center;
    white-space: nowrap;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-socials a {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 33px;
    padding-right: 11px;
    padding-left: 11px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-section--gallery.is-single .eilo-detail-gallery {
    grid-template-columns: minmax(0,260px);
  }

  body.ui-next.eilo-detail-show .eilo-host-card {
    min-height: 150px;
  }

  body.ui-next.eilo-detail-show .eilo-host-card__image,
  body.ui-next.eilo-detail-show .eilo-host-card__image img {
    height: 100% !important;
    min-height: 150px;
  }

  body.ui-next.eilo-detail-show .eilo-detail-empty {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-audio-section .eilo-detail-section__heading {
    margin-bottom: 18px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-bulk-actions {
    width: 100% !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-pagination {
    clear: both;
    min-height: 34px;
    margin-top: 18px !important;
  }

  /* pager.php embeds black FONT tags; force every navigation label to inherit
     the premium control colour in all link states. */
  body.ui-next.eilo-detail-mode .eilo-detail-pagination a,
  body.ui-next.eilo-detail-mode .eilo-detail-pagination a:link,
  body.ui-next.eilo-detail-mode .eilo-detail-pagination a:visited,
  body.ui-next.eilo-detail-mode .eilo-detail-pagination .buttonPro,
  body.ui-next.eilo-detail-mode .eilo-comments__pager a,
  body.ui-next.eilo-detail-mode .eilo-comments__pager a:link,
  body.ui-next.eilo-detail-mode .eilo-comments__pager a:visited,
  body.ui-next.eilo-detail-mode .eilo-comments__pager .buttonPro {
    color: #b6c2cc !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-shadow: none !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-pagination a font,
  body.ui-next.eilo-detail-mode .eilo-detail-pagination .buttonPro font,
  body.ui-next.eilo-detail-mode .eilo-comments__pager a font,
  body.ui-next.eilo-detail-mode .eilo-comments__pager .buttonPro font {
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-pagination a:hover,
  body.ui-next.eilo-detail-mode .eilo-comments__pager a:hover {
    border-color: rgba(157,255,0,.42) !important;
    background: rgba(157,255,0,.075) !important;
    color: #bfff58 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-pagination .buttonPro.grey,
  body.ui-next.eilo-detail-mode .eilo-detail-pagination .buttonPro.grey font,
  body.ui-next.eilo-detail-mode .eilo-comments__pager .buttonPro.grey,
  body.ui-next.eilo-detail-mode .eilo-comments__pager .buttonPro.grey font {
    color: #ffffff !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-comments {
    margin-bottom: 8px;
  }
}

/* ========================================================================== 
   Desktop UI Preview v10.2.1 — Artist / Show detail title band correction
   Match the established News detail title band instead of rendering a card.
   ========================================================================== */
@media screen and (min-width: 1024px) {
  body.ui-next.eilo-detail-mode .top-message.eilo-detail-heading-band {
    box-sizing: border-box;
    display: block !important;
    float: left !important;
    clear: both;
    width: calc(100% - 10px) !important;
    height: 82px !important;
    min-height: 82px !important;
    margin: 0 5px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-heading-band:before,
  body.ui-next.eilo-detail-mode .eilo-detail-heading-band:after {
    display: none !important;
    content: none !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-heading-band .eilo-page-heading__inner {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
    height: 82px;
    min-height: 82px;
    padding: 0 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-heading-band .eilo-page-heading__title {
    min-width: 0;
    flex: 1 1 auto;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-heading-band h1,
  body.ui-next.eilo-detail-mode .top-message.eilo-detail-heading-band h1 {
    display: block !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #f5f8fa !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    letter-spacing: -.025em !important;
    line-height: 1.18 !important;
    text-transform: none !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.22) !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-heading-band .eilo-page-heading__actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    min-height: 40px;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-heading-band .favorite,
  body.ui-next.eilo-detail-mode .eilo-detail-heading-band .favorite-top {
    position: static !important;
    display: flex !important;
    align-items: center;
    width: auto !important;
    margin: 0 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-heading-band .favthis {
    box-sizing: border-box;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    margin: 0 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-page {
    padding-top: 24px !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-hero__breadcrumb {
    margin: 0;
    padding: 0;
  }
}

/* ========================================================================== 
   Desktop UI Preview v10.2.2 — detail alignment, button legibility and
   stable audio-card selection controls
   ========================================================================== */
@media screen and (min-width: 1024px) {
  /* Keep the detail title band aligned to the same content rails as the hero. */
  body.ui-next.eilo-detail-mode .top-message.eilo-detail-heading-band {
    float: none !important;
    clear: both !important;
    width: 950px !important;
    margin: 0 auto !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-heading-band .eilo-page-heading__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: center !important;
    width: 100% !important;
    min-width: 0;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-heading-band .eilo-page-heading__title {
    min-width: 0;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-heading-band .eilo-page-heading__actions {
    justify-self: end;
    margin-left: auto !important;
    padding: 0 !important;
    white-space: nowrap;
  }

  /* Use external spacing so the hero can never touch the title band. */
  body.ui-next.eilo-detail-mode .eilo-detail-page {
    margin: 20px auto 0 !important;
    padding-top: 0 !important;
  }

  /* Text-bearing controls use the UI font and no text glow/scale blur. */
  body.ui-next .buttonPro,
  body.ui-next input.buttonPro,
  body.ui-next a.buttonPro,
  body.ui-next .eilo-page-heading__edit,
  body.ui-next .eilo-detail-action,
  body.ui-next .eilo-directory-card__action,
  body.ui-next .eilo-home-hero__cta,
  body.ui-next .eilo-home-content-card__action,
  body.ui-next .eilo-home-artist-card__action,
  body.ui-next .eilo-station-card__play,
  body.ui-next .eilo-radio-heading__play,
  body.ui-next .eilo-filterbar__submit,
  body.ui-next .eilo-home-search__submit,
  body.ui-next .eilo-detail-socials a,
  body.ui-next .eilo-release-secondary-actions a,
  body.ui-next .viewartistprofile {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .015em !important;
    text-shadow: none !important;
    filter: none !important;
    transform: none !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

  body.ui-next .buttonPro:hover,
  body.ui-next .buttonPro:focus,
  body.ui-next .eilo-directory-card__action:hover,
  body.ui-next .eilo-home-hero__cta:hover,
  body.ui-next .eilo-home-content-card__action:hover,
  body.ui-next .eilo-home-artist-card__action:hover,
  body.ui-next .eilo-station-card__play:hover,
  body.ui-next .eilo-radio-heading__play:hover,
  body.ui-next .eilo-filterbar__submit:hover,
  body.ui-next .eilo-home-search__submit:hover,
  body.ui-next .eilo-detail-socials a:hover,
  body.ui-next .eilo-release-secondary-actions a:hover,
  body.ui-next .viewartistprofile:hover {
    transform: none !important;
    text-shadow: none !important;
    filter: none !important;
  }

  /* The checkbox occupies an invariant slot in every detail audio card. */
  body.ui-next.eilo-detail-mode .eilo-audio-card__footer {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__actions {
    flex: 1 1 auto;
    min-width: 0;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__select-control {
    box-sizing: border-box !important;
    flex: 0 0 30px !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__select-control input {
    position: absolute !important;
    inset: 0 !important;
    box-sizing: border-box !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    appearance: none;
    -webkit-appearance: none;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__select-control span {
    position: relative;
    display: block !important;
    flex: 0 0 18px !important;
    box-sizing: border-box !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-width: 1px !important;
    transform: none !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__select-control input:checked + span {
    width: 18px !important;
    height: 18px !important;
    border-width: 1px !important;
    box-shadow: inset 0 0 0 4px #111c25 !important;
    transform: none !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__select-control input:checked + span:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    display: block;
    width: 7px;
    height: 4px;
    margin: 0;
    border-bottom: 2px solid #071117;
    border-left: 2px solid #071117;
    transform: rotate(-45deg);
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__select-control input:focus + span {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(157,255,0,.10), inset 0 0 0 4px #111c25 !important;
  }
}

@media screen and (min-width: 1500px) {
  body.ui-next.eilo-detail-mode .top-message.eilo-detail-heading-band {
    width: 1130px !important;
  }
}

/* ========================================================================== 
   Desktop UI Preview v11 — News + Event detail pages
   Shared detail title band, editorial/event compositions and preserved forms.
   ========================================================================== */
@media screen and (min-width: 1024px) {
  /* Long editorial titles may wrap, while retaining the Artist/Show top band. */
  body.ui-next.eilo-detail-news .top-message.eilo-detail-heading-band,
  body.ui-next.eilo-detail-event .top-message.eilo-detail-heading-band {
    height: auto !important;
    min-height: 82px !important;
  }

  body.ui-next.eilo-detail-news .eilo-detail-heading-band .eilo-page-heading__inner,
  body.ui-next.eilo-detail-event .eilo-detail-heading-band .eilo-page-heading__inner {
    height: auto !important;
    min-height: 82px !important;
    padding: 13px 0 !important;
  }

  body.ui-next.eilo-detail-news .eilo-detail-heading-band h1,
  body.ui-next.eilo-detail-event .eilo-detail-heading-band h1 {
    max-width: 780px;
    white-space: normal !important;
  }



  body.ui-next.eilo-detail-news .eilo-detail-hero--news {
    grid-template-columns: minmax(0,1.12fr) minmax(330px,.88fr);
    min-height: 390px;
  }

  body.ui-next.eilo-detail-event .eilo-detail-hero--event {
    grid-template-columns: minmax(340px,.88fr) minmax(0,1.12fr);
    min-height: 430px;
  }

  body.ui-next.eilo-detail-news .eilo-detail-hero__media,
  body.ui-next.eilo-detail-event .eilo-detail-hero__media {
    min-height: 370px;
  }

  body.ui-next.eilo-detail-news .eilo-detail-hero__media img[src*="eilo_default"],
  body.ui-next.eilo-detail-event .eilo-detail-hero__media img[src*="eilo_default"] {
    object-fit: contain;
    padding: 54px;
    background: linear-gradient(145deg,#121a22,#090f15);
  }

  body.ui-next.eilo-detail-news .eilo-news-lead,
  body.ui-next.eilo-detail-event .eilo-event-intro {
    margin: 0;
    color: #c0cad2;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 15px;
    line-height: 1.62;
  }

  body.ui-next.eilo-detail-news .eilo-detail-primary-actions .buttonPro:not(.magenta),
  body.ui-next.eilo-detail-event .eilo-detail-primary-actions .buttonPro:not(.magenta) {
    border: 1px solid rgba(157,255,0,.34) !important;
    background: rgba(157,255,0,.055) !important;
    box-shadow: none !important;
    color: #d5ff96 !important;
  }

  body.ui-next.eilo-detail-news .eilo-detail-primary-actions .buttonPro:not(.magenta):hover,
  body.ui-next.eilo-detail-event .eilo-detail-primary-actions .buttonPro:not(.magenta):hover {
    border-color: rgba(157,255,0,.58) !important;
    background: rgba(157,255,0,.105) !important;
    color: #ecffc9 !important;
  }

  body.ui-next.eilo-detail-news .eilo-news-article__content {
    color: #b7c2cb;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 15px;
    line-height: 1.78;
  }

  body.ui-next.eilo-detail-news .eilo-news-article__content p {
    margin: 0 0 18px;
  }

  body.ui-next.eilo-detail-news .eilo-news-article__content h1,
  body.ui-next.eilo-detail-news .eilo-news-article__content h2,
  body.ui-next.eilo-detail-news .eilo-news-article__content h3,
  body.ui-next.eilo-detail-news .eilo-news-article__content h4 {
    margin: 27px 0 12px;
    color: #f4f7fa;
    font-family: "AlternateGothic2BTRegular",Arial,sans-serif;
    font-weight: normal;
    line-height: 1.05;
    text-transform: none;
  }

  body.ui-next.eilo-detail-news .eilo-news-article__content h1,
  body.ui-next.eilo-detail-news .eilo-news-article__content h2 { font-size: 31px; }
  body.ui-next.eilo-detail-news .eilo-news-article__content h3 { font-size: 25px; }
  body.ui-next.eilo-detail-news .eilo-news-article__content h4 { font-size: 21px; }

  body.ui-next.eilo-detail-news .eilo-news-article__content a {
    color: #cfff83 !important;
    text-decoration: underline;
    text-decoration-color: rgba(157,255,0,.35);
    text-underline-offset: 3px;
  }

  body.ui-next.eilo-detail-news .eilo-news-article__content img,
  body.ui-next.eilo-detail-event .eilo-event-longcopy img,
  body.ui-next.eilo-detail-event .eilo-event-lineup img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 10px;
  }

  body.ui-next.eilo-detail-news .eilo-news-article__content blockquote {
    margin: 22px 0;
    padding: 16px 20px;
    border-left: 3px solid var(--eilo-detail-pink);
    background: rgba(255,255,255,.025);
    color: #d1dae0;
  }

  body.ui-next.eilo-detail-event .eilo-event-facts {
    display: grid;
    gap: 9px;
    margin-bottom: 17px;
  }

  body.ui-next.eilo-detail-event .eilo-event-fact {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 88px minmax(0,1fr);
    align-items: start;
    gap: 12px;
    padding: 11px 13px;
    border-left: 2px solid var(--eilo-detail-pink);
    background: rgba(255,255,255,.025);
  }

  body.ui-next.eilo-detail-event .eilo-event-fact span {
    color: #ff73ad;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .12em;
  }

  body.ui-next.eilo-detail-event .eilo-event-fact strong {
    color: #d6dee4;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
  }

  body.ui-next.eilo-detail-event .eilo-event-longcopy,
  body.ui-next.eilo-detail-event .eilo-event-lineup {
    color: #b4c0c9;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 14px;
    line-height: 1.72;
  }

  body.ui-next.eilo-detail-event .eilo-event-lineup {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px;
  }

  body.ui-next.eilo-detail-event .eilo-event-lineup > div {
    box-sizing: border-box;
    min-width: 0;
    padding: 17px;
    border: 1px solid rgba(151,171,190,.15);
    border-radius: 11px;
    background: rgba(8,15,21,.34);
  }

  body.ui-next.eilo-detail-event .eilo-event-lineup > div > span {
    display: block;
    margin-bottom: 10px;
    color: #cfff86;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .12em;
  }

  body.ui-next.eilo-detail-mode .eilo-related-content-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
  }

  body.ui-next.eilo-detail-mode .eilo-related-content-card {
    overflow: hidden;
    border: 1px solid rgba(151,171,190,.16);
    border-radius: 11px;
    background: rgba(8,15,21,.36);
  }

  body.ui-next.eilo-detail-mode .eilo-related-content-card__image {
    display: block;
    height: 170px;
    overflow: hidden;
    background: #080f15;
  }

  body.ui-next.eilo-detail-mode .eilo-related-content-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 180ms ease, filter 180ms ease;
  }

  body.ui-next.eilo-detail-mode .eilo-related-content-card:hover .eilo-related-content-card__image img {
    transform: scale(1.025);
    filter: saturate(1.06) brightness(1.04);
  }

  body.ui-next.eilo-detail-mode .eilo-related-content-card__body {
    padding: 15px;
  }

  body.ui-next.eilo-detail-mode .eilo-related-content-card__body > span {
    display: block;
    margin-bottom: 7px;
    color: #8897a5;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-mode .eilo-related-content-card h3 {
    margin: 0 0 8px;
    color: #f3f6f8;
    font-size: 16px;
    line-height: 1.3;
  }

  body.ui-next.eilo-detail-mode .eilo-related-content-card h3 a {
    color: #f3f6f8 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-related-content-card h3 a:hover {
    color: #d9ff9e !important;
  }

  body.ui-next.eilo-detail-mode .eilo-related-content-card p {
    margin: 0;
    color: #8998a6;
    font-size: 12px;
    line-height: 1.5;
  }

  body.ui-next.eilo-detail-event .eilo-event-form-shell {
    position: relative;
    min-height: 0;
  }

  body.ui-next.eilo-detail-event .eilo-event-form {
    margin: 0;
    padding: 0;
  }

  body.ui-next.eilo-detail-event .eilo-event-form-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px;
  }

  body.ui-next.eilo-detail-event .eilo-event-form label {
    display: block;
    min-width: 0;
  }

  body.ui-next.eilo-detail-event .eilo-event-form label > span {
    display: block;
    margin-bottom: 7px;
    color: #8f9eac;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-event .eilo-event-form input[type="text"],
  body.ui-next.eilo-detail-event .eilo-event-form input[type="number"] {
    box-sizing: border-box;
    width: 100% !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid rgba(151,171,190,.23) !important;
    border-radius: 8px !important;
    background: #101a23 !important;
    background-image: none !important;
    color: #edf2f5 !important;
    box-shadow: none !important;
  }

  body.ui-next.eilo-detail-event .eilo-event-form input:focus {
    border-color: rgba(157,255,0,.52) !important;
    box-shadow: 0 0 0 3px rgba(157,255,0,.08) !important;
  }

  body.ui-next.eilo-detail-event .eilo-event-ticket-count > div,
  body.ui-next.eilo-detail-event .eilo-event-captcha > div {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  body.ui-next.eilo-detail-event .eilo-event-ticket-count button {
    box-sizing: border-box;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(157,255,0,.30);
    border-radius: 8px;
    background: rgba(157,255,0,.055);
    color: #d4ff96;
    font-size: 20px;
    font-weight: 700;
  }

  body.ui-next.eilo-detail-event .eilo-event-ticket-count #number {
    flex: 0 0 70px;
    width: 70px !important;
    text-align: center;
  }

  body.ui-next.eilo-detail-event .eilo-event-captcha img {
    flex: 0 0 auto;
    height: 42px;
    border-radius: 6px;
  }

  body.ui-next.eilo-detail-event .eilo-event-form-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 16px;
  }

  body.ui-next.eilo-detail-event .eilo-event-form-message {
    box-sizing: border-box;
    margin-bottom: 14px;
    padding: 13px 15px;
    border-radius: 9px;
    font-size: 13px;
    line-height: 1.5;
  }

  body.ui-next.eilo-detail-event .eilo-event-form-message.is-success {
    border: 1px solid rgba(157,255,0,.28);
    background: rgba(157,255,0,.065);
    color: #dcffab;
  }

  body.ui-next.eilo-detail-event .eilo-event-form-message.is-error {
    border: 1px solid rgba(255,0,106,.30);
    background: rgba(255,0,106,.065);
    color: #ffb7d4;
  }

  body.ui-next.eilo-detail-event .eilo-event-form-message ul {
    margin: 7px 0 0 18px;
  }

  body.ui-next.eilo-detail-event .eilo-event-contest-shell {
    min-height: 235px;
  }

  body.ui-next.eilo-detail-event .eilo-event-share-gate {
    position: absolute;
    z-index: 3;
    inset: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 25px;
    border: 1px solid rgba(255,0,106,.22);
    border-radius: 11px;
    background: rgba(7,13,19,.96);
    text-align: center;
  }

  body.ui-next.eilo-detail-event .eilo-event-share-gate p {
    margin: 0;
    color: #c5ced5;
    font-size: 14px;
  }
}

@media screen and (min-width: 1500px) {
  body.ui-next.eilo-detail-news .eilo-detail-heading-band h1,
  body.ui-next.eilo-detail-event .eilo-detail-heading-band h1 {
    max-width: 930px;
  }

  body.ui-next.eilo-detail-news .eilo-detail-hero--news {
    grid-template-columns: minmax(0,1.18fr) minmax(380px,.82fr);
  }

  body.ui-next.eilo-detail-event .eilo-detail-hero--event {
    grid-template-columns: minmax(400px,.88fr) minmax(0,1.12fr);
  }
}

@media screen and (min-width: 1024px) {
  body.ui-next.eilo-detail-news .eilo-news-article__content font,
  body.ui-next.eilo-detail-event .eilo-event-longcopy font,
  body.ui-next.eilo-detail-event .eilo-event-lineup font {
    color: inherit !important;
    font: inherit !important;
  }

  body.ui-next.eilo-detail-news .eilo-news-article__content table,
  body.ui-next.eilo-detail-event .eilo-event-longcopy table,
  body.ui-next.eilo-detail-event .eilo-event-lineup table {
    max-width: 100% !important;
    color: inherit;
  }
}


/* ========================================================================== 
   Desktop UI Preview v11.1 — News / Event content and comments polish
   Scoped additions only; preserves the current custom margins and rails.
   ========================================================================== */
@media screen and (min-width: 1024px) {
  /* Event long-form details and lineup share one balanced desktop row. */
  body.ui-next.eilo-detail-event .eilo-event-details-grid {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0,1.16fr) minmax(300px,.84fr);
    align-items: stretch;
    gap: 18px;
    width: 100%;
    margin-top: 22px;
  }

  body.ui-next.eilo-detail-event .eilo-event-details-grid.is-single {
    grid-template-columns: minmax(0,1fr);
  }

  body.ui-next.eilo-detail-event .eilo-event-details-grid > .eilo-detail-section {
    min-width: 0;
    height: 100%;
    margin-top: 0 !important;
  }

  /* The outer section is already the card: do not nest another ARTISTS/LINEUP card. */
  body.ui-next.eilo-detail-event .eilo-event-lineup {
    display: block;
    min-width: 0;
    color: #b9c4cc;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 14px;
    line-height: 1.72;
  }

  body.ui-next.eilo-detail-event .eilo-event-lineup > .eilo-event-lineup__content {
    box-sizing: border-box;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body.ui-next.eilo-detail-event .eilo-event-lineup > .eilo-event-lineup__content.has-divider {
    margin-top: 17px;
    padding-top: 17px;
    border-top: 1px solid rgba(151,171,190,.14);
  }

  /* Editorial links must remain visible in every state and wrap safely. */
  body.ui-next.eilo-detail-news .eilo-news-article__content a,
  body.ui-next.eilo-detail-news .eilo-news-article__content a:link,
  body.ui-next.eilo-detail-news .eilo-news-article__content a:visited,
  body.ui-next.eilo-detail-event .eilo-event-longcopy a,
  body.ui-next.eilo-detail-event .eilo-event-longcopy a:link,
  body.ui-next.eilo-detail-event .eilo-event-longcopy a:visited,
  body.ui-next.eilo-detail-event .eilo-event-lineup a,
  body.ui-next.eilo-detail-event .eilo-event-lineup a:link,
  body.ui-next.eilo-detail-event .eilo-event-lineup a:visited {
    color: #91e7ef !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-decoration: underline !important;
    text-decoration-color: rgba(145,231,239,.34) !important;
    text-underline-offset: 3px;
  }

  body.ui-next.eilo-detail-news .eilo-news-article__content a:hover,
  body.ui-next.eilo-detail-news .eilo-news-article__content a:focus,
  body.ui-next.eilo-detail-event .eilo-event-longcopy a:hover,
  body.ui-next.eilo-detail-event .eilo-event-longcopy a:focus,
  body.ui-next.eilo-detail-event .eilo-event-lineup a:hover,
  body.ui-next.eilo-detail-event .eilo-event-lineup a:focus {
    color: #c9ff77 !important;
    text-decoration-color: rgba(157,255,0,.62) !important;
  }

  /* Modern validation belongs inside the shared comment composer. */
  body.ui-next.eilo-detail-mode .eilo-comments__validation {
    box-sizing: border-box;
    margin: 0 0 13px;
    padding: 11px 13px;
    border: 1px solid rgba(255,87,145,.34);
    border-left: 3px solid #ff006a;
    border-radius: 8px;
    background: rgba(255,0,106,.075);
    color: #e9c8d5;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 12px;
    line-height: 1.5;
  }

  body.ui-next.eilo-detail-mode .eilo-comments__validation strong {
    display: block;
    margin-bottom: 4px;
    color: #fff1f6;
    font-size: 12px;
  }

  body.ui-next.eilo-detail-mode .eilo-comments__validation ul {
    margin: 0;
    padding-left: 18px;
  }

  body.ui-next.eilo-detail-mode .eilo-comments__validation li {
    margin: 2px 0;
  }
}

/* ========================================================================== 
   Desktop UI Preview v11.2 — MUSIC comments validation polish
   Reuses the same alert treatment as News and Events without changing
   validation rules or the shared comment backend.
   ========================================================================== */
@media screen and (min-width: 1024px) {
  body.ui-next.eilo-music-mode .eilo-comment-form-shell > .eilo-comments__validation,
  body.ui-next.eilo-music-mode .eilo-comments__validation {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 13px !important;
    padding: 11px 13px;
    border: 1px solid rgba(255,87,145,.34);
    border-left: 3px solid #ff006a;
    border-radius: 8px;
    background: rgba(255,0,106,.075);
    color: #e9c8d5;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
  }

  body.ui-next.eilo-music-mode .eilo-comments__validation strong {
    display: block;
    margin: 0 0 4px;
    color: #fff1f6;
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.4;
    text-transform: none;
  }

  body.ui-next.eilo-music-mode .eilo-comments__validation ul {
    margin: 0;
    padding-left: 18px;
    color: inherit;
    list-style: disc outside;
  }

  body.ui-next.eilo-music-mode .eilo-comments__validation li {
    margin: 2px 0;
    padding: 0;
    color: inherit;
    font: inherit;
  }
}

/* ========================================================================== 
   Desktop UI Preview v12 — User profile detail
   ========================================================================== */
@media screen and (min-width: 1024px) {
  body.ui-next.eilo-detail-user .eilo-detail-hero--user {
    grid-template-columns: minmax(340px,.9fr) minmax(0,1.1fr);
    min-height: 430px;
  }

  body.ui-next.eilo-detail-user .eilo-detail-hero--user .eilo-detail-hero__media {
    min-height: 390px;
  }

  body.ui-next.eilo-detail-user .eilo-detail-hero--user .eilo-detail-hero__media img[src*="eilo_default"] {
    object-fit: contain;
    padding: 54px;
    background: linear-gradient(145deg,#121a22,#090f15);
  }

  body.ui-next.eilo-detail-user .eilo-user-identity {
    margin: 0 0 14px;
    color: #7f8e9c;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
  }

  body.ui-next.eilo-detail-user .eilo-user-primary-actions .buttonPro {
    border: 1px solid rgba(157,255,0,.28) !important;
    background: rgba(157,255,0,.055) !important;
    color: #cfff86 !important;
    box-shadow: none !important;
  }

  body.ui-next.eilo-detail-user .eilo-user-primary-actions .buttonPro:hover {
    border-color: rgba(157,255,0,.50) !important;
    background: rgba(157,255,0,.10) !important;
    color: #e7ffc1 !important;
  }

  body.ui-next.eilo-detail-user .eilo-user-soundcloud-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
  }

  body.ui-next.eilo-detail-user .eilo-user-soundcloud-actions .buttonPro {
    min-height: 38px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(157,255,0,.26) !important;
    border-radius: 8px !important;
    background: rgba(157,255,0,.05) !important;
    color: #cfff82 !important;
  }

  body.ui-next.eilo-detail-user .eilo-user-soundcloud-actions .buttonPro:hover {
    border-color: rgba(157,255,0,.46) !important;
    background: rgba(157,255,0,.09) !important;
  }

  body.ui-next.eilo-detail-user .eilo-user-manage-menu {
    position: relative;
    z-index: 60;
    flex: 0 0 auto;
    margin: 0;
  }

  body.ui-next.eilo-detail-user .eilo-user-manage-menu > summary {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 11px;
    border: 1px solid rgba(151,171,190,.24);
    border-radius: 999px;
    background: rgba(255,255,255,.035);
    color: #dce4e9;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
    list-style: none;
    user-select: none;
  }

  body.ui-next.eilo-detail-user .eilo-user-manage-menu > summary::-webkit-details-marker {
    display: none;
  }

  body.ui-next.eilo-detail-user .eilo-user-manage-menu > summary:after {
    content: "▾";
    margin-left: 7px;
    color: #9dff00;
    font-size: 9px;
  }

  body.ui-next.eilo-detail-user .eilo-user-manage-menu[open] > summary,
  body.ui-next.eilo-detail-user .eilo-user-manage-menu > summary:hover {
    border-color: rgba(157,255,0,.42);
    background: rgba(157,255,0,.075);
    color: #e7ffc4;
  }

  body.ui-next.eilo-detail-user .eilo-user-manage-menu__panel {
    position: absolute;
    z-index: 80;
    top: calc(100% + 9px);
    right: 0;
    box-sizing: border-box;
    width: 235px;
    padding: 13px;
    border: 1px solid rgba(151,171,190,.24);
    border-radius: 11px;
    background: #0c151e;
    box-shadow: 0 18px 40px rgba(0,0,0,.46);
  }

  body.ui-next.eilo-detail-user .eilo-user-manage-menu__status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(151,171,190,.14);
    color: #8796a4;
    font-size: 10px;
    font-weight: 700;
  }

  body.ui-next.eilo-detail-user .eilo-user-manage-menu__status strong {
    padding: 4px 7px;
    border-radius: 999px;
    font-size: 9px;
    letter-spacing: .04em;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-user .eilo-user-manage-menu__status strong.is-indexed {
    background: rgba(157,255,0,.08);
    color: #cfff84;
  }

  body.ui-next.eilo-detail-user .eilo-user-manage-menu__status strong.is-noindex {
    background: rgba(255,0,106,.09);
    color: #ff91bd;
  }

  body.ui-next.eilo-detail-user .eilo-user-manage-menu form {
    margin: 0 0 8px;
    padding: 0;
  }

  body.ui-next.eilo-detail-user .eilo-user-manage-menu form .buttonPro,
  body.ui-next.eilo-detail-user .eilo-user-manage-menu__link {
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 1px solid rgba(157,255,0,.27) !important;
    border-radius: 7px !important;
    background: rgba(157,255,0,.05) !important;
    color: #cfff83 !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    cursor: pointer;
  }

  body.ui-next.eilo-detail-user .eilo-user-manage-menu__link {
    border-color: rgba(151,171,190,.22) !important;
    background: rgba(255,255,255,.03) !important;
    color: #c9d3da !important;
  }

  body.ui-next.eilo-detail-user .eilo-user-manage-menu form .buttonPro:hover,
  body.ui-next.eilo-detail-user .eilo-user-manage-menu__link:hover {
    border-color: rgba(157,255,0,.48) !important;
    background: rgba(157,255,0,.09) !important;
    color: #e8ffc4 !important;
  }

  body.ui-next.eilo-detail-user .eilo-user-history-section .eilo-detail-empty {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}

@media screen and (min-width: 1500px) {
  body.ui-next.eilo-detail-user .eilo-detail-hero--user {
    grid-template-columns: minmax(410px,.9fr) minmax(0,1.1fr);
  }
}

/* ========================================================================== 
   Desktop UI Preview v12.1 — shared detail MUSIC card controls
   Artist, Show and User profiles use the same premium controls as music.php.
   The existing pink/acid gradient card accent is intentionally preserved.
   ========================================================================== */
@media screen and (min-width: 1024px) {
  /* Build the premium play control in CSS and keep the legacy PNG only for
     classic/mobile. This matches the working music.php card control. */
  body.ui-next.eilo-detail-mode .eilo-audio-card__play-icon,
  body.ui-next.eilo-detail-mode .eilo-audio-card .music-playlist-icon {
    display: none !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__play:before,
  body.ui-next.eilo-detail-mode .eilo-audio-card__play:after {
    content: "";
    position: absolute;
    z-index: 7;
    top: 50%;
    left: 50%;
    pointer-events: none;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__play:before {
    box-sizing: border-box;
    width: 54px;
    height: 54px;
    margin: -27px 0 0 -27px;
    border: 2px solid transparent;
    border-radius: 50%;
    background:
      linear-gradient(145deg,rgba(15,22,31,.94),rgba(5,10,15,.92)) padding-box,
      linear-gradient(135deg,var(--eilo-detail-pink),var(--eilo-detail-green)) border-box;
    box-shadow:
      0 13px 30px rgba(0,0,0,.40),
      0 0 0 5px rgba(255,0,106,.075),
      inset 0 1px 0 rgba(255,255,255,.10);
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__play:after {
    width: 0;
    height: 0;
    margin: -9px 0 0 -5px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 14px solid #fff;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.35));
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__play:hover:before {
    box-shadow:
      0 15px 34px rgba(0,0,0,.42),
      0 0 0 6px rgba(157,255,0,.085),
      0 0 24px rgba(255,0,106,.19),
      inset 0 1px 0 rgba(255,255,255,.12);
    transform: scale(1.07);
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__play:hover:after {
    transform: scale(1.07);
  }

  /* One stable footer row: M3U, Favourite, then the checkbox at far right. */
  body.ui-next.eilo-detail-mode .eilo-audio-card__footer {
    box-sizing: border-box;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 9px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 37px !important;
    margin-top: auto !important;
    padding: 9px 1px 0 !important;
    border-top: 1px solid rgba(151,171,190,.12) !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__actions {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__m3u,
  body.ui-next.eilo-detail-mode .eilo-audio-card__actions > a.nojs,
  body.ui-next.eilo-detail-mode .eilo-audio-card__actions > a.favthis,
  body.ui-next.eilo-detail-mode .eilo-audio-card .favthis {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    height: 29px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    overflow: hidden !important;
    border: 1px solid rgba(151,171,190,.18) !important;
    border-radius: 7px !important;
    background: rgba(255,255,255,.035) !important;
    box-shadow: none !important;
    color: #b8c5cf !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__m3u {
    min-width: 48px !important;
    color: #cfff82 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__m3u:before {
    content: "↓" !important;
    color: var(--eilo-detail-green) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__m3u:after {
    content: "M3U";
    color: #cfff82;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .02em;
    line-height: 1;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__m3u img,
  body.ui-next.eilo-detail-mode .eilo-audio-card__actions > a.nojs img {
    display: none !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card .favthis {
    min-width: 52px !important;
    max-width: 58px !important;
  }

  /* Keep the real favourite heart visible in Artist, Show and User cards. */
  body.ui-next.eilo-detail-mode .eilo-audio-card .favthis:before {
    content: none !important;
    display: none !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card .favthis img:first-child {
    display: block !important;
    flex: 0 0 auto !important;
    width: 17px !important;
    max-width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
    opacity: 1 !important;
    object-fit: contain;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card .favthis img[src*="spacer.gif"] {
    display: none !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card .favthis > font {
    display: contents !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card .favnums,
  body.ui-next.eilo-detail-mode .eilo-audio-card .favnums-top {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #c1ccd5 !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__m3u:hover,
  body.ui-next.eilo-detail-mode .eilo-audio-card .favthis:hover {
    border-color: rgba(157,255,0,.38) !important;
    background: rgba(157,255,0,.075) !important;
    color: #e4ffb7 !important;
  }

  /* Preserve a fixed checkbox slot so selecting a card cannot shift content. */
  body.ui-next.eilo-detail-mode .eilo-audio-card__select-control {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 30px !important;
    box-sizing: border-box !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__select-control input {
    position: absolute !important;
    inset: 0 !important;
    box-sizing: border-box !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__select-control > span {
    position: relative;
    display: block !important;
    box-sizing: border-box !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(151,171,190,.34) !important;
    border-radius: 5px !important;
    background: #0c141c !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
    transform: none !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__select-control input:checked + span {
    border-color: var(--eilo-detail-green) !important;
    background: var(--eilo-detail-green) !important;
    box-shadow: 0 0 0 3px rgba(157,255,0,.08) !important;
  }

  body.ui-next.eilo-detail-mode .eilo-audio-card__select-control input:checked + span:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    display: block;
    width: 7px;
    height: 4px;
    margin: 0;
    border-bottom: 2px solid #071117;
    border-left: 2px solid #071117;
    transform: rotate(-45deg);
  }
}



/* ==========================================================================
   Desktop UI Preview v13.1 — Submit forms restore + compact layout
   Functional form markup, upload hooks, validation and reCAPTCHA stay intact.
   ========================================================================== */
@media screen and (min-width: 1024px) {
  body.ui-next.eilo-submit-mode {
    --eilo-submit-pink: #ff006a;
    --eilo-submit-green: #9dff00;
    --eilo-submit-text: #eef4f7;
    --eilo-submit-muted: #96a5b2;
    --eilo-submit-border: rgba(151,171,190,.20);
    --eilo-submit-border-strong: rgba(151,171,190,.30);
    --eilo-submit-surface: rgba(15,24,33,.97);
    --eilo-submit-surface-soft: rgba(18,29,39,.82);
    color: var(--eilo-submit-muted);
    background:
      radial-gradient(circle at 6% 12%, rgba(255,0,106,.07), transparent 31%),
      radial-gradient(circle at 95% 8%, rgba(157,255,0,.045), transparent 29%),
      linear-gradient(180deg,#091018 0%,#070d13 58%,#070c12 100%) !important;
  }

  body.ui-next.eilo-submit-mode #pageslide-body-wrap {
    background:
      radial-gradient(circle at 7% 2%, rgba(255,0,106,.05), transparent 30%),
      radial-gradient(circle at 94% 4%, rgba(157,255,0,.035), transparent 28%),
      linear-gradient(180deg,#091018 0%,#070d13 58%,#070c12 100%) !important;
  }

  body.ui-next.eilo-submit-mode #index-common {
    display: none !important;
  }

  body.ui-next.eilo-submit-mode #content {
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
    width: 950px !important;
    min-height: 620px;
    margin: 0 auto !important;
    padding: 20px 0 132px !important;
    background: transparent !important;
  }

  body.ui-next.eilo-submit-mode #content > .grid_18,
  body.ui-next.eilo-submit-mode #content .grid_18 {
    box-sizing: border-box !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.ui-next.eilo-submit-mode .top-message.eilo-manage-heading,
  body.ui-next.eilo-submit-mode .top-message.eilo-manage-heading .eilo-page-heading__inner {
    min-height: 82px !important;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-form {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 24px 26px 26px;
    border: 1px solid var(--eilo-submit-border);
    border-radius: 12px;
    background:
      linear-gradient(90deg,var(--eilo-submit-pink),#ff4e31 48%,var(--eilo-submit-green)) top left / 100% 2px no-repeat,
      linear-gradient(145deg,rgba(16,25,35,.985),rgba(10,17,24,.985));
    box-shadow: 0 22px 52px rgba(0,0,0,.22);
  }

  body.ui-next.eilo-submit-mode .eilo-submit-form__form,
  body.ui-next.eilo-submit-mode .eilo-submit-table,
  body.ui-next.eilo-submit-mode .eilo-submit-table > tbody {
    box-sizing: border-box;
    width: 100% !important;
    margin: 0 !important;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-table {
    display: block !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-table > tbody {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr));
    column-gap: 30px;
    row-gap: 0;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-table > tbody > tr {
    position: relative;
    box-sizing: border-box;
    display: block !important;
    min-width: 0;
    padding: 15px 0 17px;
    border: 0 !important;
    border-bottom: 1px solid rgba(151,171,190,.13) !important;
    background: transparent !important;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-table > tbody > tr.eilo-submit-row--wide,
  body.ui-next.eilo-submit-mode .eilo-submit-table > tbody > tr.eilo-submit-actions,
  body.ui-next.eilo-submit-mode .eilo-submit-table > tbody > tr.eilo-submit-section-start {
    grid-column: 1 / -1;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-table > tbody > tr.eilo-submit-section-start {
    margin-top: 17px;
    padding-top: 38px;
    border-top: 1px solid rgba(151,171,190,.17) !important;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-table > tbody > tr.eilo-submit-section-start:first-child {
    margin-top: 0;
    border-top: 0 !important;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-table > tbody > tr.eilo-submit-section-start:before {
    content: attr(data-section-title);
    position: absolute;
    top: 15px;
    left: 0;
    color: var(--eilo-submit-pink);
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .14em;
    line-height: 1;
    text-transform: uppercase;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-table td.tdleft,
  body.ui-next.eilo-submit-mode .eilo-submit-table td.tdright,
  body.ui-next.eilo-submit-mode .eilo-submit-table td.tdbig {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    vertical-align: top !important;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-table td.tdleft {
    margin-bottom: 8px !important;
    color: #b8c5cf !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-table td.tdright,
  body.ui-next.eilo-submit-mode .eilo-submit-table td.tdbig {
    color: var(--eilo-submit-muted) !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-form input[type="text"],
  body.ui-next.eilo-submit-mode .eilo-submit-form input[type="password"],
  body.ui-next.eilo-submit-mode .eilo-submit-form input[type="email"],
  body.ui-next.eilo-submit-mode .eilo-submit-form select,
  body.ui-next.eilo-submit-mode .eilo-submit-form textarea {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border: 1px solid rgba(151,171,190,.27) !important;
    border-radius: 7px !important;
    outline: 0 !important;
    background: #111d27 !important;
    background-image: none !important;
    color: #eaf1f5 !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018) !important;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-form input[type="text"],
  body.ui-next.eilo-submit-mode .eilo-submit-form input[type="password"],
  body.ui-next.eilo-submit-mode .eilo-submit-form input[type="email"],
  body.ui-next.eilo-submit-mode .eilo-submit-form select {
    height: 42px !important;
    padding: 0 13px !important;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-form textarea {
    min-height: 170px !important;
    padding: 12px 13px !important;
    resize: vertical;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-form input:focus,
  body.ui-next.eilo-submit-mode .eilo-submit-form select:focus,
  body.ui-next.eilo-submit-mode .eilo-submit-form textarea:focus {
    border-color: rgba(157,255,0,.72) !important;
    box-shadow: 0 0 0 2px rgba(157,255,0,.08) !important;
  }

  /* Native option popups are rendered by the browser/OS on a light surface. */
  body.ui-next.eilo-submit-mode .eilo-submit-form select option {
    background: #f4f4f4 !important;
    color: #111820 !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 13px !important;
  }

  body.ui-next.eilo-submit-mode .select-wrapper,
  body.ui-next.eilo-submit-mode .select-wrapper-small,
  body.ui-next.eilo-submit-mode .select-wrapper-dark {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.ui-next.eilo-submit-mode .select-wrapper:after,
  body.ui-next.eilo-submit-mode .select-wrapper-small:after,
  body.ui-next.eilo-submit-mode .select-wrapper-dark:after {
    border-top-color: var(--eilo-submit-green) !important;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-form input[type="checkbox"],
  body.ui-next.eilo-submit-mode .eilo-submit-form input[type="radio"] {
    position: relative;
    top: 2px;
    width: 17px !important;
    height: 17px !important;
    margin: 0 8px 0 0 !important;
    accent-color: var(--eilo-submit-green);
  }

  body.ui-next.eilo-submit-mode .eilo-submit-form label {
    color: #bec9d1 !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
  }

  body.ui-next.eilo-submit-mode .loginbuttons {
    box-sizing: border-box;
    padding: 13px !important;
    border: 1px solid rgba(151,171,190,.17);
    border-radius: 7px;
    background: rgba(7,13,19,.36);
    color: #aebbc5;
  }

  body.ui-next.eilo-submit-mode .loginbuttons .buttonPro {
    margin: 0 3px;
  }

  /* Upload control and queued files */
  body.ui-next.eilo-submit-mode #fileupload {
    box-sizing: border-box;
    width: 100%;
    min-height: 96px;
    padding: 14px;
    border: 1px dashed rgba(151,171,190,.30);
    border-radius: 8px;
    background: rgba(7,13,19,.30);
  }

  body.ui-next.eilo-submit-mode #fileupload .fileupload-buttonbar,
  body.ui-next.eilo-submit-mode #fileupload .span7,
  body.ui-next.eilo-submit-mode #fileupload .span5 {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.ui-next.eilo-submit-mode #uploadBtn {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    border: 1px solid rgba(157,255,0,.48) !important;
    border-radius: 7px !important;
    background: rgba(157,255,0,.075) !important;
    background-image: none !important;
    color: #d8ff9b !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .035em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    box-shadow: none !important;
  }

  body.ui-next.eilo-submit-mode #uploadBtn:hover {
    border-color: rgba(157,255,0,.82) !important;
    background: rgba(157,255,0,.13) !important;
    color: #ffffff !important;
  }

  body.ui-next.eilo-submit-mode #uploadBtn input[type="file"] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
  }

  body.ui-next.eilo-submit-mode #fileupload .table {
    display: table !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.ui-next.eilo-submit-mode #fileupload .files {
    display: table-row-group !important;
    width: 100% !important;
    background: transparent !important;
  }

  body.ui-next.eilo-submit-mode #fileupload .template-download,
  body.ui-next.eilo-submit-mode #fileupload .template-upload {
    display: table-row !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.ui-next.eilo-submit-mode #fileupload .template-download > td,
  body.ui-next.eilo-submit-mode #fileupload .template-upload > td {
    box-sizing: border-box;
    padding: 9px 10px !important;
    border-top: 1px solid rgba(151,171,190,.16) !important;
    border-bottom: 1px solid rgba(151,171,190,.16) !important;
    background: rgba(16,26,35,.92) !important;
    color: #aebbc5 !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 11px !important;
    vertical-align: middle !important;
  }

  body.ui-next.eilo-submit-mode #fileupload .template-download > td:first-child,
  body.ui-next.eilo-submit-mode #fileupload .template-upload > td:first-child {
    border-left: 1px solid rgba(151,171,190,.16) !important;
    border-radius: 7px 0 0 7px;
  }

  body.ui-next.eilo-submit-mode #fileupload .template-download > td:last-child,
  body.ui-next.eilo-submit-mode #fileupload .template-upload > td:last-child {
    border-right: 1px solid rgba(151,171,190,.16) !important;
    border-radius: 0 7px 7px 0;
  }

  body.ui-next.eilo-submit-mode #fileupload .preview {
    width: 82px;
  }

  body.ui-next.eilo-submit-mode #fileupload .preview img {
    display: block;
    width: 68px !important;
    height: 54px !important;
    object-fit: cover;
    border: 1px solid rgba(151,171,190,.18);
    border-radius: 5px;
  }

  body.ui-next.eilo-submit-mode #fileupload .name {
    color: #dbe4ea !important;
    word-break: break-word;
  }

  body.ui-next.eilo-submit-mode #fileupload .size {
    width: 90px;
    white-space: nowrap;
  }

  body.ui-next.eilo-submit-mode #fileupload .delete {
    width: 82px;
    text-align: right;
  }

  body.ui-next.eilo-submit-mode #fileupload .delete .buttonPro,
  body.ui-next.eilo-submit-mode #fileupload .cancel .buttonPro {
    min-height: 30px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(255,88,88,.48) !important;
    border-radius: 6px !important;
    background: rgba(255,74,74,.10) !important;
    background-image: none !important;
    color: #ffb4b4 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 28px !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    box-shadow: none !important;
  }

  body.ui-next.eilo-submit-mode #fileupload .progress {
    height: 5px !important;
    margin: 8px 0 0 !important;
    border: 0 !important;
    border-radius: 99px !important;
    background: rgba(255,255,255,.08) !important;
  }

  body.ui-next.eilo-submit-mode #fileupload .progress .bar {
    height: 5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg,var(--eilo-submit-pink),var(--eilo-submit-green)) !important;
  }

  /* Show host selector */
  body.ui-next.eilo-submit-show .showsartists {
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 8px;
    width: 100% !important;
    max-height: 210px;
    overflow-y: auto;
    padding: 12px;
    border: 1px solid rgba(151,171,190,.22);
    border-radius: 7px;
    background: #0e1821 !important;
    scrollbar-color: rgba(151,171,190,.45) transparent;
  }

  body.ui-next.eilo-submit-show .showsartists table,
  body.ui-next.eilo-submit-show .showsartists tbody,
  body.ui-next.eilo-submit-show .showsartists tr,
  body.ui-next.eilo-submit-show .showsartists td {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.ui-next.eilo-submit-show .showsartists label {
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    width: 100%;
    min-height: 34px;
    padding: 6px 9px;
    border: 1px solid rgba(151,171,190,.18);
    border-radius: 6px;
    background: rgba(255,255,255,.025);
    color: #c3cdd4 !important;
    overflow: hidden;
  }

  body.ui-next.eilo-submit-show .showsartists label:hover {
    border-color: rgba(157,255,0,.42);
    background: rgba(157,255,0,.05);
  }

  /* Nested schedule/location tables */
  body.ui-next.eilo-submit-mode .eilo-submit-table td.tdright > table {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-table td.tdright > table > tbody > tr {
    display: flex !important;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 12px;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-table td.tdright > table td {
    box-sizing: border-box;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #95a4b1 !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-table td.tdright > table td[width] {
    display: none !important;
  }

  body.ui-next.eilo-submit-event .eilo-submit-table td.tdright > table td:not([width]) {
    flex: 1 1 190px;
  }

  body.ui-next.eilo-submit-show #onetimeshow table td,
  body.ui-next.eilo-submit-show #dailyshow table td,
  body.ui-next.eilo-submit-show #weeklyshow table td,
  body.ui-next.eilo-submit-show #monthlyshow table td {
    flex: 1 1 170px;
  }

  body.ui-next.eilo-submit-show .eilo-submit-form input[name="hour"],
  body.ui-next.eilo-submit-show .eilo-submit-form input[name="hourend"] {
    display: inline-block !important;
    width: 160px !important;
    margin: 0 9px !important;
    vertical-align: middle !important;
  }

  body.ui-next.eilo-submit-mode .buttonPro.black.small,
  body.ui-next.eilo-submit-mode input[type="button"].buttonPro {
    min-height: 32px !important;
    margin: 9px 0 0 !important;
    padding: 0 11px !important;
    border: 1px solid rgba(151,171,190,.25) !important;
    border-radius: 6px !important;
    background: rgba(255,255,255,.045) !important;
    background-image: none !important;
    color: #c7d2da !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .035em !important;
    line-height: 30px !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    box-shadow: none !important;
  }

  /* Validation / success alerts */
  body.ui-next.eilo-submit-mode .err-form,
  body.ui-next.eilo-submit-mode .success-form,
  body.ui-next.eilo-submit-mode .redalert,
  body.ui-next.eilo-submit-mode .greenalert {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 20px !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(255,0,106,.45) !important;
    border-left: 3px solid var(--eilo-submit-pink) !important;
    border-radius: 8px !important;
    background: linear-gradient(90deg,rgba(255,0,106,.12),rgba(255,0,106,.035)) !important;
    color: #eadfe5 !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  body.ui-next.eilo-submit-mode .err-form table,
  body.ui-next.eilo-submit-mode .success-form table {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.ui-next.eilo-submit-mode .err-form td,
  body.ui-next.eilo-submit-mode .success-form td {
    padding: 2px 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: inherit !important;
  }

  body.ui-next.eilo-submit-mode .greenalert,
  body.ui-next.eilo-submit-mode .success-form {
    border-color: rgba(157,255,0,.38) !important;
    border-left-color: var(--eilo-submit-green) !important;
    background: linear-gradient(90deg,rgba(157,255,0,.10),rgba(157,255,0,.025)) !important;
    color: #ddf5be !important;
  }

  /* Captcha + submit action bar */
  body.ui-next.eilo-submit-mode .eilo-submit-actions {
    grid-column: 1 / -1 !important;
    min-height: 0 !important;
    margin-top: 20px;
    padding: 18px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(151,171,190,.17) !important;
    border-bottom: 0 !important;
    background: transparent !important;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-actions .tdbig {
    display: flex !important;
    align-items: flex-end;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 14px;
  }

  body.ui-next.eilo-submit-mode .g-recaptcha {
    flex: 0 0 auto;
    margin: 0 !important;
    filter: saturate(.90) brightness(.95);
  }

  body.ui-next.eilo-submit-mode .eilo-submit-primary {
    min-width: 170px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 1px solid rgba(255,0,106,.72) !important;
    border-radius: 7px !important;
    background: #ff006a !important;
    background-image: none !important;
    color: #ffffff !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    line-height: 40px !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    box-shadow: 0 8px 22px rgba(255,0,106,.16) !important;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-primary:hover,
  body.ui-next.eilo-submit-mode .eilo-submit-primary:focus {
    border-color: rgba(255,255,255,.30) !important;
    background: #ff1978 !important;
    box-shadow: 0 10px 26px rgba(255,0,106,.22) !important;
    transform: translateY(-1px) !important;
  }

  body.ui-next.eilo-submit-mode .smalltext,
  body.ui-next.eilo-submit-mode font.smalltext {
    color: #81909d !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
  }

  body.ui-next.eilo-submit-mode .eilo-submit-captcha-legacy img {
    max-width: 180px;
    border-radius: 6px;
  }
}

@media screen and (min-width: 1500px) {
  body.ui-next.eilo-submit-mode #content {
    width: 1130px !important;
  }
}

/* ==========================================================================
   Desktop UI Preview v13.2 — Event submit focused rebuild
   Scope: events-submit.php only. Legacy form and backend hooks stay intact.
   ========================================================================== */
@media screen and (min-width: 1024px) {
  body.ui-next.eilo-submit-event #content {
    padding-top: 22px !important;
  }

  body.ui-next.eilo-submit-event .eilo-submit-form--event {
    padding: 0 !important;
    overflow: visible;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit {
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 28px 28px;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__section {
    box-sizing: border-box;
    padding: 26px 0 28px;
    border-bottom: 1px solid rgba(151,171,190,.15);
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__section:first-child {
    padding-top: 30px;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__section:last-of-type {
    border-bottom: 0;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__section-heading {
    margin: 0 0 18px;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__eyebrow {
    display: block;
    margin: 0 0 5px;
    color: var(--eilo-submit-pink);
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .15em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__section-heading h2 {
    margin: 0;
    color: #edf3f6;
    font-family: 'AlternateGothic2BTRegular',Arial,sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.05;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__section-heading p {
    margin: 7px 0 0;
    color: #81919e;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 11px;
    line-height: 1.5;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__field {
    box-sizing: border-box;
    min-width: 0;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__field + .eilo-event-submit__field--full,
  body.ui-next.eilo-submit-event .eilo-event-submit__field--full + .eilo-event-submit__field--full {
    margin-top: 18px;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__field > label,
  body.ui-next.eilo-submit-event .eilo-event-submit__field--date > label,
  body.ui-next.eilo-submit-event .eilo-event-submit__field--time > label {
    display: block;
    margin: 0 0 7px;
    color: #b9c5cd !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__required {
    display: inline-block;
    margin-right: 3px;
    color: var(--eilo-submit-pink);
    font-weight: 900;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit input[type="text"],
  body.ui-next.eilo-submit-event .eilo-event-submit select {
    height: 44px !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit textarea {
    min-height: 220px !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__location-grid,
  body.ui-next.eilo-submit-event .eilo-event-submit__links-grid,
  body.ui-next.eilo-submit-event .eilo-event-submit__settings-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 18px;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__schedule-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
    margin-top: 20px;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__schedule-card {
    box-sizing: border-box;
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(151,171,190,.18);
    border-radius: 9px;
    background: rgba(7,13,19,.32);
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__schedule-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__schedule-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    border: 1px solid rgba(157,255,0,.34);
    border-radius: 50%;
    color: var(--eilo-submit-green);
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 9px;
    font-weight: 800;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__schedule-title strong,
  body.ui-next.eilo-submit-event .eilo-event-submit__schedule-title small {
    display: block;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__schedule-title strong {
    color: #edf3f6;
    font-size: 12px;
    line-height: 1.2;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__schedule-title small {
    margin-top: 3px;
    color: #758592;
    font-size: 9px;
    line-height: 1.2;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__schedule-fields {
    display: grid;
    grid-template-columns: minmax(0,1.55fr) minmax(118px,.75fr);
    gap: 12px;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__content-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__content-grid textarea {
    min-height: 250px !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__soundcloud {
    margin-top: 9px !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__links-grid {
    grid-template-columns: .72fr 1.14fr 1.14fr;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__settings-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-items: stretch;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__author-card,
  body.ui-next.eilo-submit-event .eilo-event-submit__toggle,
  body.ui-next.eilo-submit-event .eilo-event-submit__guest-panel,
  body.ui-next.eilo-submit-event .eilo-event-submit__legacy-captcha {
    box-sizing: border-box;
    border: 1px solid rgba(151,171,190,.17);
    border-radius: 8px;
    background: rgba(7,13,19,.30);
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__author-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 69px;
    padding: 13px 14px;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__author-card span,
  body.ui-next.eilo-submit-event .eilo-event-submit__author-card strong {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__author-card span {
    color: #7f8f9c;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__author-card strong {
    color: #e7eef2;
    font-size: 12px;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__toggle {
    display: flex !important;
    align-items: flex-start;
    min-height: 69px;
    padding: 13px 14px;
    cursor: pointer;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__toggle input {
    flex: 0 0 auto;
    margin-top: 2px !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__toggle span,
  body.ui-next.eilo-submit-event .eilo-event-submit__toggle strong,
  body.ui-next.eilo-submit-event .eilo-event-submit__toggle small {
    display: block;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__toggle strong {
    color: #e5edf1;
    font-size: 11px;
    line-height: 1.25;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__toggle small {
    margin-top: 4px;
    color: #788894;
    font-size: 9px;
    font-weight: 500;
    line-height: 1.4;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__guest-panel {
    padding: 16px;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__guest-panel > strong {
    color: #e8eef2;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 12px;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__guest-panel p {
    margin: 6px 0 14px;
    color: #83929e;
    font-size: 11px;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__legacy-captcha {
    display: grid;
    grid-template-columns: 190px minmax(0,1fr);
    gap: 16px;
    align-items: center;
    margin-top: 16px;
    padding: 15px;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__legacy-captcha img {
    display: block;
    max-width: 180px;
    border-radius: 6px;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__legacy-captcha small {
    display: block;
    margin-top: 5px;
    color: #788895;
    font-size: 9px;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__upload {
    padding: 14px !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__upload-help {
    display: inline-block;
    margin-left: 12px;
    color: #788894;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 9px;
    line-height: 32px;
    vertical-align: top;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0;
    padding: 20px 0 0;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__action-copy strong,
  body.ui-next.eilo-submit-event .eilo-event-submit__action-copy span {
    display: block;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__action-copy strong {
    color: #e8eef2;
    font-size: 12px;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__action-copy span {
    margin-top: 4px;
    color: #768693;
    font-size: 9px;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__action-controls {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 14px;
  }

  /* jdPicker: keep the legacy date functionality, but make it stable and readable. */
  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w > input.jdpicker {
    width: 100% !important;
    padding-right: 38px !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_clearer {
    position: absolute !important;
    z-index: 3;
    top: 50% !important;
    right: 11px !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255,0,106,.34) !important;
    border-radius: 50% !important;
    background: rgba(255,0,106,.08) !important;
    color: #ff5c9e !important;
    font-family: Arial,sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    text-align: center !important;
    transform: translateY(-50%);
    cursor: pointer;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector {
    box-sizing: border-box !important;
    top: 47px !important;
    left: 0 !important;
    z-index: 100000 !important;
    width: 286px !important;
    min-width: 286px !important;
    padding: 11px !important;
    border: 1px solid rgba(151,171,190,.32) !important;
    border-radius: 9px !important;
    background: #0b151e !important;
    color: #dfe8ed !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.52) !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector * {
    box-sizing: border-box;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    text-shadow: none !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector .nav {
    width: 100% !important;
    min-height: 30px;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector .month_nav,
  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector .year_nav {
    height: 28px !important;
    margin-bottom: 7px !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector .month_nav select,
  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector .year_nav input.year_input {
    display: inline-block !important;
    height: 26px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    border: 1px solid rgba(151,171,190,.28) !important;
    border-radius: 5px !important;
    background: #111d27 !important;
    color: #edf3f6 !important;
    font-size: 11px !important;
    line-height: 24px !important;
    box-shadow: none !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector .month_nav select {
    width: 105px !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector .year_nav input.year_input {
    width: 54px !important;
    text-align: center !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector .button {
    top: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    border: 1px solid rgba(151,171,190,.23) !important;
    border-radius: 5px !important;
    background: rgba(255,255,255,.035) !important;
    color: #dce5ea !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector table {
    display: table !important;
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 3px !important;
    background: transparent !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector thead,
  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector tbody {
    display: table-row-group !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector tr {
    display: table-row !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector th,
  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector td {
    display: table-cell !important;
    width: 31px !important;
    height: 29px !important;
    padding: 0 !important;
    border: 1px solid rgba(151,171,190,.16) !important;
    border-radius: 4px;
    background: rgba(255,255,255,.025) !important;
    color: #cbd6dd !important;
    font-size: 10px !important;
    line-height: 27px !important;
    text-align: center !important;
    vertical-align: middle !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector th {
    height: 22px !important;
    border-color: transparent !important;
    background: transparent !important;
    color: #71818e !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector td.selectable_day,
  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector tr.selectable_week td {
    background: rgba(255,255,255,.035) !important;
    color: #dce5ea !important;
    cursor: pointer;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector td.today {
    border-color: rgba(157,255,0,.48) !important;
    background: rgba(157,255,0,.08) !important;
    color: #dfffaa !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector td.selected,
  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector tr.selected td,
  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector td.selectable_day.hover {
    border-color: rgba(255,0,106,.72) !important;
    background: #ff006a !important;
    color: #fff !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit .jdpicker_w .date_selector td.unselected_month {
    color: #4f5d68 !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  body.ui-next.eilo-submit-event .eilo-event-submit__location-grid,
  body.ui-next.eilo-submit-event .eilo-event-submit__links-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  body.ui-next.eilo-submit-event .eilo-event-submit__location-grid > :last-child,
  body.ui-next.eilo-submit-event .eilo-event-submit__links-grid > :last-child {
    grid-column: 1 / -1;
  }
}

/* ========================================================================== 
   Desktop UI Preview v13.2.1 — Event submit native country select polish
   Keeps the original <select> and submitted value intact.
   ========================================================================== */
@media screen and (min-width: 1024px) {
  body.ui-next.eilo-submit-event .eilo-event-submit .select-wrapper {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit select,
  body.ui-next.eilo-submit-event .eilo-event-submit select.selectmenu-small {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 42px 0 13px !important;
    border: 1px solid rgba(151,171,190,.28) !important;
    border-radius: 7px !important;
    outline: 0 !important;
    background-color: #0d1923 !important;
    color: #eaf0f3 !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 42px !important;
    text-indent: 0 !important;
    text-overflow: ellipsis !important;
    box-shadow: none !important;
    cursor: pointer !important;
    color-scheme: dark;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit select:focus,
  body.ui-next.eilo-submit-event .eilo-event-submit select.selectmenu-small:focus {
    border-color: rgba(157,255,0,.72) !important;
    box-shadow: 0 0 0 2px rgba(157,255,0,.10) !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit select option,
  body.ui-next.eilo-submit-event .eilo-event-submit select optgroup {
    background-color: #0d1923 !important;
    color: #eaf0f3 !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 13px !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit select option:checked {
    background: #263b17 linear-gradient(0deg,#263b17,#263b17) !important;
    color: #d9ff9b !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit .select-wrapper:after {
    right: 13px !important;
    top: 50% !important;
    width: 0 !important;
    height: 0 !important;
    margin-top: -2px !important;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 6px solid #9dff00 !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }
}

/* ========================================================================== 
   Desktop UI Preview v13.2.2 — Event submit completion
   - custom searchable country picker (native select remains the submitted value)
   - native multipart submit bypasses SmartAjax
   - visible success state after insertion
   ========================================================================== */
@media screen and (min-width: 1024px) {
  body.ui-next.eilo-submit-event .eilo-country-select {
    position: relative;
    width: 100%;
    z-index: 30;
  }

  body.ui-next.eilo-submit-event .eilo-country-select__native {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.ui-next.eilo-submit-event .eilo-country-select__trigger {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0 13px;
    border: 1px solid rgba(151,171,190,.28);
    border-radius: 7px;
    outline: 0;
    background: #0d1923;
    color: #eaf0f3;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-align: left;
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
    cursor: pointer;
  }

  body.ui-next.eilo-submit-event .eilo-country-select__trigger:hover,
  body.ui-next.eilo-submit-event .eilo-country-select__trigger:focus,
  body.ui-next.eilo-submit-event .eilo-country-select__trigger[aria-expanded="true"] {
    border-color: rgba(157,255,0,.70);
    box-shadow: 0 0 0 2px rgba(157,255,0,.09);
  }

  body.ui-next.eilo-submit-event .eilo-country-select__value {
    min-width: 0;
    overflow: hidden;
    color: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.ui-next.eilo-submit-event .eilo-country-select__chevron {
    width: 0;
    height: 0;
    margin-left: 12px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #9dff00;
    flex: 0 0 auto;
  }

  body.ui-next.eilo-submit-event .eilo-country-select__panel {
    position: absolute;
    top: calc(100% + 7px);
    left: 0;
    right: 0;
    z-index: 9999;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid rgba(157,255,0,.42);
    border-radius: 9px;
    background: #0a141d;
    box-shadow: 0 18px 44px rgba(0,0,0,.48);
  }

  body.ui-next.eilo-submit-event .eilo-country-select__panel[hidden] {
    display: none !important;
  }

  body.ui-next.eilo-submit-event .eilo-country-select__search-wrap {
    padding: 10px;
    border-bottom: 1px solid rgba(151,171,190,.15);
    background: #0c1821;
  }

  body.ui-next.eilo-submit-event .eilo-country-select__search {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 11px !important;
    border: 1px solid rgba(151,171,190,.28) !important;
    border-radius: 6px !important;
    background: #101f2a !important;
    color: #eef4f7 !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 12px !important;
    box-shadow: none !important;
  }

  body.ui-next.eilo-submit-event .eilo-country-select__search:focus {
    border-color: rgba(157,255,0,.70) !important;
    outline: 0 !important;
  }

  body.ui-next.eilo-submit-event .eilo-country-select__options {
    max-height: 270px;
    padding: 6px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(157,255,0,.55) #0a141d;
  }

  body.ui-next.eilo-submit-event .eilo-country-select__option {
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 34px;
    margin: 0;
    padding: 8px 10px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #cbd6dd;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
    cursor: pointer;
  }

  body.ui-next.eilo-submit-event .eilo-country-select__option:hover,
  body.ui-next.eilo-submit-event .eilo-country-select__option:focus {
    outline: 0;
    background: rgba(157,255,0,.09);
    color: #efffd6;
  }

  body.ui-next.eilo-submit-event .eilo-country-select__option.is-selected {
    background: linear-gradient(90deg,rgba(255,0,106,.16),rgba(157,255,0,.10));
    color: #fff;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit-success {
    box-sizing: border-box;
    width: 100%;
    min-height: 220px;
    margin: 0;
    padding: 42px 36px;
    border: 1px solid rgba(151,171,190,.20);
    border-radius: 10px;
    background:
      linear-gradient(135deg,rgba(255,0,106,.06),rgba(157,255,0,.045)),
      #0d1923;
    color: #d9e3e8;
    box-shadow: 0 18px 45px rgba(0,0,0,.22);
  }

  body.ui-next.eilo-submit-event .eilo-event-submit-success:before {
    content: "";
    display: block;
    width: 92px;
    height: 2px;
    margin: -42px 0 35px -36px;
    background: linear-gradient(90deg,#ff006a,#ff8a00,#9dff00);
  }

  body.ui-next.eilo-submit-event .eilo-event-submit-success__eyebrow {
    display: block;
    margin-bottom: 9px;
    color: #ff3b87;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit-success h2 {
    margin: 0 0 12px;
    color: #fff;
    font-family: "AlternateGothic2BTRegular",Arial,sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.05;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit-success p {
    max-width: 620px;
    margin: 0 0 24px;
    color: #9fafba;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 13px;
    line-height: 1.6;
  }

  body.ui-next.eilo-submit-event .eilo-event-submit-success__button {
    min-height: 38px !important;
    padding: 0 15px !important;
    border: 1px solid rgba(157,255,0,.46) !important;
    border-radius: 7px !important;
    background: rgba(157,255,0,.07) !important;
    color: #dfffaa !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 36px !important;
    text-shadow: none !important;
    box-shadow: none !important;
  }
}

/* ========================================================================== 
   Desktop UI Preview v13.2.3 — Event submit country picker + validation
   ========================================================================== */
@media screen and (min-width: 1024px) {
  /* The picker must escape the venue section and always render over following
     form content. JS also sets display inline for resilience against legacy CSS. */
  body.ui-next.eilo-submit-event .eilo-event-submit__section--venue,
  body.ui-next.eilo-submit-event .eilo-event-submit__location-grid,
  body.ui-next.eilo-submit-event .eilo-event-submit__field {
    overflow: visible !important;
  }

  body.ui-next.eilo-submit-event .eilo-country-select {
    z-index: 1000 !important;
  }

  body.ui-next.eilo-submit-event .eilo-country-select__panel,
  body.ui-next.eilo-submit-event .eilo-country-select__panel.is-open {
    z-index: 100000 !important;
  }

  body.ui-next.eilo-submit-event .eilo-country-select__panel.is-open {
    display: block !important;
  }

  body.ui-next.eilo-submit-event .eilo-country-select__panel[hidden]:not(.is-open) {
    display: none !important;
  }

  /* Match the approved dark comments validation component. The legacy
     err_msg() helper adds an inline width, therefore width needs !important. */
  body.ui-next.eilo-submit-event #formdiv > .err-form,
  body.ui-next.eilo-submit-event #content .eilo-submit-form--event > .err-form,
  body.ui-next.eilo-submit-event #content .err-form {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    padding: 15px 17px !important;
    border: 1px solid rgba(255,0,106,.42) !important;
    border-left: 3px solid #ff006a !important;
    border-radius: 8px !important;
    background: linear-gradient(90deg,rgba(255,0,106,.13),rgba(255,0,106,.035)) !important;
    color: #e9dfe5 !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    box-shadow: none !important;
  }

  body.ui-next.eilo-submit-event #content .err-form table {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: collapse !important;
    background: transparent !important;
  }

  body.ui-next.eilo-submit-event #content .err-form tr,
  body.ui-next.eilo-submit-event #content .err-form td {
    height: auto !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: inherit !important;
    font: inherit !important;
    text-align: left !important;
  }

  body.ui-next.eilo-submit-event #content .err-form tr:first-child td {
    padding-bottom: 6px !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }
}

/* ========================================================================== 
   Desktop UI Preview v13.2.5 — Event submit wide rail alignment
   Keep the global header, page heading, form and footer on the same 1130px
   content rail on wide desktop screens.
   ========================================================================== */
@media screen and (min-width: 1500px) {
  body.ui-next.eilo-submit-event .container_16 {
    width: 1140px !important;
  }

  body.ui-next.eilo-submit-event .top-message.eilo-manage-heading,
  body.ui-next.eilo-submit-event .top-message.eilo-manage-heading.eilo-page-heading {
    box-sizing: border-box !important;
    width: 1130px !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
  }

  body.ui-next.eilo-submit-event #content {
    box-sizing: border-box !important;
    width: 1130px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}


/* ========================================================================== 
   Desktop UI Preview v13.3 — Artist submit focused rebuild
   Mirrors the approved events-submit layout while preserving artist backend,
   upload, captcha and approval behaviour.
   ========================================================================== */
@media screen and (min-width: 1024px) {
  body.ui-next.eilo-submit-artist #content { padding-top: 22px !important; }
  body.ui-next.eilo-submit-artist .eilo-submit-form--artist { padding: 0 !important; overflow: visible !important; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit { box-sizing: border-box; display: block; width: 100%; margin: 0; padding: 0 28px 28px; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__section { box-sizing: border-box; padding: 26px 0 28px; border-bottom: 1px solid rgba(151,171,190,.15); }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__section:first-child { padding-top: 30px; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__section:last-of-type { border-bottom: 0; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__section-heading { margin: 0 0 18px; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__eyebrow { display:block; margin:0 0 5px; color:var(--eilo-submit-pink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:9px; font-weight:800; letter-spacing:.15em; line-height:1.2; text-transform:uppercase; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__section-heading h2 { margin:0; color:#edf3f6; font-family:'AlternateGothic2BTRegular',Arial,sans-serif; font-size:25px; font-weight:400; line-height:1.05; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__section-heading p { margin:7px 0 0; color:#81919e; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:11px; line-height:1.5; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__field { box-sizing:border-box; min-width:0; overflow:visible; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__field > label { display:block; margin:0 0 7px; color:#b9c5cd !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important; font-size:11px !important; font-weight:700 !important; line-height:1.35 !important; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__required { display:inline-block; margin-right:3px; color:var(--eilo-submit-pink); font-weight:900; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit input[type="text"] { height:44px !important; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit textarea { min-height:240px !important; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__details-grid,
  body.ui-next.eilo-submit-artist .eilo-artist-submit__contact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__media-grid { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr); gap:20px; align-items:start; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__upload { min-height:116px; padding:14px !important; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__upload-help { display:inline-block; margin-left:12px; color:#788894; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:9px; line-height:32px; vertical-align:top; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__author-card,
  body.ui-next.eilo-submit-artist .eilo-artist-submit__toggle,
  body.ui-next.eilo-submit-artist .eilo-artist-submit__guest-panel,
  body.ui-next.eilo-submit-artist .eilo-artist-submit__legacy-captcha { box-sizing:border-box; border:1px solid rgba(151,171,190,.17); border-radius:8px; background:rgba(7,13,19,.30); }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__author-card { display:flex; align-items:center; justify-content:space-between; min-height:69px; padding:13px 14px; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__author-card span { color:#7f8f9c; font-size:10px; font-weight:700; text-transform:uppercase; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__author-card strong { color:#e7eef2; font-size:12px; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__toggle { display:flex !important; align-items:flex-start; min-height:69px; padding:13px 14px; cursor:pointer; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__toggle input { flex:0 0 auto; margin-top:2px !important; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__toggle span,
  body.ui-next.eilo-submit-artist .eilo-artist-submit__toggle strong,
  body.ui-next.eilo-submit-artist .eilo-artist-submit__toggle small { display:block; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__toggle strong { color:#e5edf1; font-size:11px; line-height:1.25; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__toggle small { margin-top:4px; color:#788894; font-size:9px; font-weight:500; line-height:1.4; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__guest-panel { padding:16px; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__guest-panel > strong { color:#e8eef2; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:12px; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__guest-panel p { margin:6px 0 12px; color:#83929e; font-size:11px; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__guest-links { display:flex; gap:8px; margin:0 0 16px; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__guest-links .buttonPro { min-height:32px !important; margin:0 !important; padding:0 11px !important; line-height:30px !important; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__legacy-captcha { display:grid; grid-template-columns:190px minmax(0,1fr); gap:16px; align-items:center; margin-top:16px; padding:15px; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__legacy-captcha img { display:block; max-width:180px; border-radius:6px; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__legacy-captcha small { display:block; margin-top:5px; color:#788895; font-size:9px; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__actions { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0; padding:20px 0 0; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__action-copy strong,
  body.ui-next.eilo-submit-artist .eilo-artist-submit__action-copy span { display:block; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__action-copy strong { color:#e8eef2; font-size:12px; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__action-copy span { margin-top:4px; color:#768693; font-size:9px; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit__action-controls { display:flex; align-items:flex-end; justify-content:flex-end; flex-wrap:wrap; gap:14px; }

  body.ui-next.eilo-submit-artist .eilo-country-select { position:relative; width:100%; z-index:1000; }
  body.ui-next.eilo-submit-artist .eilo-country-select__native { position:absolute !important; width:1px !important; height:1px !important; margin:-1px !important; padding:0 !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; clip-path:inset(50%) !important; white-space:nowrap !important; border:0 !important; opacity:0 !important; pointer-events:none !important; }
  body.ui-next.eilo-submit-artist .eilo-country-select__trigger { box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; width:100%; height:44px; margin:0; padding:0 13px; border:1px solid rgba(151,171,190,.28); border-radius:7px; outline:0; background:#0d1923; color:#eaf0f3; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:12px; font-weight:600; line-height:1; text-align:left; text-transform:none; text-shadow:none; box-shadow:none; cursor:pointer; }
  body.ui-next.eilo-submit-artist .eilo-country-select__trigger:hover,
  body.ui-next.eilo-submit-artist .eilo-country-select__trigger:focus,
  body.ui-next.eilo-submit-artist .eilo-country-select__trigger[aria-expanded="true"] { border-color:rgba(157,255,0,.70); box-shadow:0 0 0 2px rgba(157,255,0,.09); }
  body.ui-next.eilo-submit-artist .eilo-country-select__value { min-width:0; overflow:hidden; color:inherit; text-overflow:ellipsis; white-space:nowrap; }
  body.ui-next.eilo-submit-artist .eilo-country-select__chevron { width:0; height:0; margin-left:12px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #9dff00; flex:0 0 auto; }
  body.ui-next.eilo-submit-artist .eilo-country-select__panel { position:absolute; top:calc(100% + 7px); left:0; right:0; z-index:100000; box-sizing:border-box; overflow:hidden; border:1px solid rgba(157,255,0,.42); border-radius:9px; background:#0a141d; box-shadow:0 18px 44px rgba(0,0,0,.48); }
  body.ui-next.eilo-submit-artist .eilo-country-select__panel[hidden]:not(.is-open) { display:none !important; }
  body.ui-next.eilo-submit-artist .eilo-country-select__panel.is-open { display:block !important; }
  body.ui-next.eilo-submit-artist .eilo-country-select__search-wrap { padding:10px; border-bottom:1px solid rgba(151,171,190,.15); background:#0c1821; }
  body.ui-next.eilo-submit-artist .eilo-country-select__search { box-sizing:border-box !important; width:100% !important; height:38px !important; margin:0 !important; padding:0 11px !important; border:1px solid rgba(151,171,190,.28) !important; border-radius:6px !important; background:#101f2a !important; color:#eef4f7 !important; font-size:12px !important; box-shadow:none !important; }
  body.ui-next.eilo-submit-artist .eilo-country-select__search:focus { border-color:rgba(157,255,0,.70) !important; outline:0 !important; }
  body.ui-next.eilo-submit-artist .eilo-country-select__options { max-height:270px; padding:6px; overflow-x:hidden; overflow-y:auto; scrollbar-width:thin; scrollbar-color:rgba(157,255,0,.55) #0a141d; }
  body.ui-next.eilo-submit-artist .eilo-country-select__option { box-sizing:border-box; display:block; width:100%; min-height:34px; margin:0; padding:8px 10px; border:0; border-radius:5px; background:transparent; color:#cbd6dd; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:12px; font-weight:600; line-height:18px; text-align:left; text-transform:none; text-shadow:none; box-shadow:none; cursor:pointer; }
  body.ui-next.eilo-submit-artist .eilo-country-select__option:hover,
  body.ui-next.eilo-submit-artist .eilo-country-select__option:focus { outline:0; background:rgba(157,255,0,.09); color:#efffd6; }
  body.ui-next.eilo-submit-artist .eilo-country-select__option.is-selected { background:linear-gradient(90deg,rgba(255,0,106,.16),rgba(157,255,0,.10)); color:#fff; }

  body.ui-next.eilo-submit-artist #content > .err-form { box-sizing:border-box !important; width:100% !important; max-width:none !important; margin:0 0 24px !important; padding:11px 13px !important; border:1px solid rgba(255,87,145,.34) !important; border-left:3px solid #ff006a !important; border-radius:8px !important; background:rgba(255,0,106,.075) !important; color:#e9c8d5 !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important; font-size:12px !important; font-weight:400 !important; line-height:1.5 !important; box-shadow:none !important; }
  body.ui-next.eilo-submit-artist #content > .err-form table { width:100% !important; margin:0 !important; border:0 !important; border-collapse:collapse !important; background:transparent !important; }
  body.ui-next.eilo-submit-artist #content > .err-form tr,
  body.ui-next.eilo-submit-artist #content > .err-form td { height:auto !important; margin:0 !important; padding:2px 0 !important; border:0 !important; background:transparent !important; color:inherit !important; font:inherit !important; text-align:left !important; }
  body.ui-next.eilo-submit-artist #content > .err-form tr:first-child td { padding-bottom:6px !important; color:#fff1f6 !important; font-size:12px !important; font-weight:800 !important; }

  body.ui-next.eilo-submit-artist .eilo-artist-submit-success { box-sizing:border-box; width:100%; min-height:220px; margin:0; padding:42px 36px; border:1px solid rgba(151,171,190,.20); border-radius:10px; background:linear-gradient(135deg,rgba(255,0,106,.06),rgba(157,255,0,.045)),#0d1923; color:#d9e3e8; box-shadow:0 18px 45px rgba(0,0,0,.22); }
  body.ui-next.eilo-submit-artist .eilo-artist-submit-success:before { content:""; display:block; width:92px; height:2px; margin:-42px 0 35px -36px; background:linear-gradient(90deg,#ff006a,#ff8a00,#9dff00); }
  body.ui-next.eilo-submit-artist .eilo-artist-submit-success__eyebrow { display:block; margin-bottom:9px; color:#ff3b87; font-size:10px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit-success h2 { margin:0 0 12px; color:#fff; font-family:"AlternateGothic2BTRegular",Arial,sans-serif; font-size:36px; font-weight:400; line-height:1.05; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit-success p { max-width:620px; margin:0 0 24px; color:#9fafba; font-size:13px; line-height:1.6; }
  body.ui-next.eilo-submit-artist .eilo-artist-submit-success__button { min-height:38px !important; padding:0 15px !important; border:1px solid rgba(157,255,0,.46) !important; border-radius:7px !important; background:rgba(157,255,0,.07) !important; color:#dfffaa !important; font-size:11px !important; font-weight:850 !important; line-height:36px !important; text-shadow:none !important; box-shadow:none !important; }
}

@media screen and (min-width: 1500px) {
  body.ui-next.eilo-submit-artist .container_16 { width:1140px !important; }
  body.ui-next.eilo-submit-artist .top-message.eilo-manage-heading,
  body.ui-next.eilo-submit-artist .top-message.eilo-manage-heading.eilo-page-heading { box-sizing:border-box !important; width:1130px !important; margin-right:5px !important; margin-left:5px !important; }
  body.ui-next.eilo-submit-artist #content { box-sizing:border-box !important; width:1130px !important; margin-right:auto !important; margin-left:auto !important; }
}

/* ========================================================================== 
   Desktop UI Preview v13.4 — Show submit focused rebuild
   Scope: shows-submit.php only. Uses the approved Event/Artist submit system.
   ========================================================================== */
@media screen and (min-width: 1024px) {
  body.ui-next.eilo-submit-show #content {
    padding-top: 22px !important;
  }

  body.ui-next.eilo-submit-show .eilo-submit-form--show {
    padding: 0 !important;
    overflow: visible !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit {
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 28px 28px;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit__section {
    box-sizing: border-box;
    padding: 26px 0 28px;
    border-bottom: 1px solid rgba(151,171,190,.15);
  }

  body.ui-next.eilo-submit-show .eilo-show-submit__section:first-child { padding-top: 30px; }
  body.ui-next.eilo-submit-show .eilo-show-submit__section:last-of-type { border-bottom: 0; }
  body.ui-next.eilo-submit-show .eilo-show-submit__section-heading { margin: 0 0 18px; }

  body.ui-next.eilo-submit-show .eilo-show-submit__eyebrow {
    display: block;
    margin: 0 0 5px;
    color: var(--eilo-submit-pink);
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .15em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit__section-heading h2 {
    margin: 0;
    color: #edf3f6;
    font-family: 'AlternateGothic2BTRegular',Arial,sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.05;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit__section-heading p {
    margin: 7px 0 0;
    color: #81919e;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 11px;
    line-height: 1.5;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit__field {
    box-sizing: border-box;
    min-width: 0;
    overflow: visible;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit__field--full + .eilo-show-submit__field--full {
    margin-top: 18px;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit__field > label {
    display: block;
    margin: 0 0 7px;
    color: #b9c5cd !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit__required {
    display: inline-block;
    margin-right: 3px;
    color: var(--eilo-submit-pink);
    font-weight: 900;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit input[type="text"],
  body.ui-next.eilo-submit-show .eilo-show-submit select {
    height: 44px !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit textarea {
    min-height: 235px !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit__artwork-field { margin-top: 18px; }
  body.ui-next.eilo-submit-show .eilo-show-submit__upload { min-height: 116px; padding: 14px !important; }
  body.ui-next.eilo-submit-show .eilo-show-submit__upload-help {
    display: inline-block;
    margin-left: 12px;
    color: #788894;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 9px;
    line-height: 32px;
    vertical-align: top;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit__hosts-layout {
    display: grid;
    grid-template-columns: minmax(0,1.45fr) minmax(260px,.55fr);
    gap: 20px;
    align-items: start;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit__hosts-list {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 9px;
    max-height: 225px;
    padding: 10px;
    overflow-y: auto;
    border: 1px solid rgba(151,171,190,.18);
    border-radius: 9px;
    background: rgba(7,13,19,.30);
    scrollbar-width: thin;
    scrollbar-color: rgba(157,255,0,.48) #0a141d;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit__host {
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    min-width: 0;
    min-height: 48px;
    margin: 0 !important;
    padding: 9px 10px;
    border: 1px solid rgba(151,171,190,.16);
    border-radius: 7px;
    background: rgba(14,27,37,.72);
    cursor: pointer;
    transition: border-color .16s ease,background .16s ease,transform .16s ease;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit__host:hover,
  body.ui-next.eilo-submit-show .eilo-show-submit__host.is-selected {
    border-color: rgba(157,255,0,.52);
    background: linear-gradient(100deg,rgba(255,0,106,.08),rgba(157,255,0,.065)),rgba(14,27,37,.82);
  }

  body.ui-next.eilo-submit-show .eilo-show-submit__host:hover { transform: translateY(-1px); }
  body.ui-next.eilo-submit-show .eilo-show-submit__host input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit__host-check {
    box-sizing: border-box;
    position: relative;
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    margin-right: 9px;
    border: 1px solid rgba(151,171,190,.40);
    border-radius: 4px;
    background: #0a151e;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit__host.is-selected .eilo-show-submit__host-check {
    border-color: #9dff00;
    background: #9dff00;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit__host.is-selected .eilo-show-submit__host-check:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid #07110b;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  body.ui-next.eilo-submit-show .eilo-show-submit__host-copy {
    min-width: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit__host-copy strong,
  body.ui-next.eilo-submit-show .eilo-show-submit__host-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  body.ui-next.eilo-submit-show .eilo-show-submit__host-copy strong { color: #e6eef2; font-size: 11px; line-height: 1.25; }
  body.ui-next.eilo-submit-show .eilo-show-submit__host-copy small { margin-top: 3px; color: #778794; font-size: 9px; line-height: 1.2; }

  body.ui-next.eilo-submit-show .eilo-show-select {
  position: relative;
  width: 100%;
  z-index: 1;
}

body.ui-next.eilo-submit-show .eilo-show-select:has(.eilo-show-select__panel.is-open) {
  z-index: 200000;
}

  body.ui-next.eilo-submit-show .eilo-show-select__native {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-select__trigger {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0 13px;
    border: 1px solid rgba(151,171,190,.28);
    border-radius: 7px;
    outline: 0;
    background: #0d1923;
    color: #eaf0f3;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-align: left;
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
    cursor: pointer;
  }

  body.ui-next.eilo-submit-show .eilo-show-select__trigger:hover,
  body.ui-next.eilo-submit-show .eilo-show-select__trigger:focus,
  body.ui-next.eilo-submit-show .eilo-show-select__trigger[aria-expanded="true"] {
    border-color: rgba(157,255,0,.70);
    box-shadow: 0 0 0 2px rgba(157,255,0,.09);
  }

  body.ui-next.eilo-submit-show .eilo-show-select__value { min-width: 0; overflow: hidden; color: inherit; text-overflow: ellipsis; white-space: nowrap; }
  body.ui-next.eilo-submit-show .eilo-show-select__chevron { width:0; height:0; margin-left:12px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #9dff00; flex:0 0 auto; }
  body.ui-next.eilo-submit-show .eilo-show-select__panel {
    position: absolute;
    top: calc(100% + 7px);
    left: 0;
    right: 0;
    z-index: 100000;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid rgba(157,255,0,.42);
    border-radius: 9px;
    background: #0a141d;
    box-shadow: 0 18px 44px rgba(0,0,0,.48);
  }
  body.ui-next.eilo-submit-show .eilo-show-select__panel[hidden]:not(.is-open) { display:none !important; }
  body.ui-next.eilo-submit-show .eilo-show-select__panel.is-open { display:block !important; }
  body.ui-next.eilo-submit-show .eilo-show-select__options { max-height: 260px; padding: 6px; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(157,255,0,.55) #0a141d; }
  body.ui-next.eilo-submit-show .eilo-show-select__option {
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 34px;
    margin: 0;
    padding: 8px 10px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #cbd6dd;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
    cursor: pointer;
  }
  body.ui-next.eilo-submit-show .eilo-show-select__option:hover,
  body.ui-next.eilo-submit-show .eilo-show-select__option:focus { outline:0; background:rgba(157,255,0,.09); color:#efffd6; }
  body.ui-next.eilo-submit-show .eilo-show-select__option.is-selected { background:linear-gradient(90deg,rgba(255,0,106,.16),rgba(157,255,0,.10)); color:#fff; }

  body.ui-next.eilo-submit-show .eilo-show-submit__schedule-type { width: min(420px,100%); margin-bottom: 20px; }
  body.ui-next.eilo-submit-show .eilo-show-submit__one-time {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
  }
  body.ui-next.eilo-submit-show .eilo-show-submit__schedule-card {
    box-sizing: border-box;
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(151,171,190,.18);
    border-radius: 9px;
    background: rgba(7,13,19,.32);
  }
  body.ui-next.eilo-submit-show .eilo-show-submit__schedule-title { display:flex; align-items:center; gap:10px; margin-bottom:14px; }
  body.ui-next.eilo-submit-show .eilo-show-submit__schedule-number { display:inline-flex; align-items:center; justify-content:center; width:31px; height:31px; border:1px solid rgba(157,255,0,.34); border-radius:50%; color:var(--eilo-submit-green); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:9px; font-weight:800; }
  body.ui-next.eilo-submit-show .eilo-show-submit__schedule-title strong,
  body.ui-next.eilo-submit-show .eilo-show-submit__schedule-title small { display:block; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
  body.ui-next.eilo-submit-show .eilo-show-submit__schedule-title strong { color:#edf3f6; font-size:12px; line-height:1.2; }
  body.ui-next.eilo-submit-show .eilo-show-submit__schedule-title small { margin-top:3px; color:#758592; font-size:9px; line-height:1.2; }
  body.ui-next.eilo-submit-show .eilo-show-submit__schedule-fields { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(118px,.75fr); gap:12px; }

  body.ui-next.eilo-submit-show .eilo-show-submit__recurring {
    padding: 16px;
    border: 1px solid rgba(151,171,190,.18);
    border-radius: 9px;
    background: rgba(7,13,19,.32);
  }
  body.ui-next.eilo-submit-show .eilo-show-submit__recurring-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; align-items:end; }
  body.ui-next.eilo-submit-show .eilo-show-submit__timezone-note { margin:12px 0 0; color:#778793; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:9px; line-height:1.4; }

  body.ui-next.eilo-submit-show .eilo-show-submit__contact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:stretch; }
  body.ui-next.eilo-submit-show .eilo-show-submit__author-card,
  body.ui-next.eilo-submit-show .eilo-show-submit__toggle { box-sizing:border-box; border:1px solid rgba(151,171,190,.17); border-radius:8px; background:rgba(7,13,19,.30); }
  body.ui-next.eilo-submit-show .eilo-show-submit__author-card { display:flex; align-items:center; justify-content:space-between; min-height:69px; padding:13px 14px; }
  body.ui-next.eilo-submit-show .eilo-show-submit__author-card span { color:#7f8f9c; font-size:10px; font-weight:700; text-transform:uppercase; }
  body.ui-next.eilo-submit-show .eilo-show-submit__author-card strong { color:#e7eef2; font-size:12px; }
  body.ui-next.eilo-submit-show .eilo-show-submit__toggle { display:flex !important; align-items:flex-start; min-height:69px; padding:13px 14px; cursor:pointer; }
  body.ui-next.eilo-submit-show .eilo-show-submit__toggle input { flex:0 0 auto; margin-top:2px !important; }
  body.ui-next.eilo-submit-show .eilo-show-submit__toggle span,
  body.ui-next.eilo-submit-show .eilo-show-submit__toggle strong,
  body.ui-next.eilo-submit-show .eilo-show-submit__toggle small { display:block; }
  body.ui-next.eilo-submit-show .eilo-show-submit__toggle strong { color:#e5edf1; font-size:11px; line-height:1.25; }
  body.ui-next.eilo-submit-show .eilo-show-submit__toggle small { margin-top:4px; color:#788894; font-size:9px; font-weight:500; line-height:1.4; }

  body.ui-next.eilo-submit-show .eilo-show-submit__actions { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0; padding:20px 0 0; }
  body.ui-next.eilo-submit-show .eilo-show-submit__action-copy strong,
  body.ui-next.eilo-submit-show .eilo-show-submit__action-copy span { display:block; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
  body.ui-next.eilo-submit-show .eilo-show-submit__action-copy strong { color:#e8eef2; font-size:12px; }
  body.ui-next.eilo-submit-show .eilo-show-submit__action-copy span { margin-top:4px; color:#768693; font-size:9px; }
  body.ui-next.eilo-submit-show .eilo-show-submit__action-controls { display:flex; align-items:flex-end; justify-content:flex-end; flex-wrap:wrap; gap:14px; }

  body.ui-next.eilo-submit-show #content > .err-form {
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    margin:0 0 24px !important;
    padding:11px 13px !important;
    border:1px solid rgba(255,87,145,.34) !important;
    border-left:3px solid #ff006a !important;
    border-radius:8px !important;
    background:rgba(255,0,106,.075) !important;
    color:#e9c8d5 !important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size:12px !important;
    font-weight:400 !important;
    line-height:1.5 !important;
    box-shadow:none !important;
  }
  body.ui-next.eilo-submit-show #content > .err-form table { width:100% !important; margin:0 !important; border:0 !important; border-collapse:collapse !important; background:transparent !important; }
  body.ui-next.eilo-submit-show #content > .err-form tr,
  body.ui-next.eilo-submit-show #content > .err-form td { height:auto !important; margin:0 !important; padding:2px 0 !important; border:0 !important; background:transparent !important; color:inherit !important; font:inherit !important; text-align:left !important; }
  body.ui-next.eilo-submit-show #content > .err-form tr:first-child td { padding-bottom:6px !important; color:#fff1f6 !important; font-size:12px !important; font-weight:800 !important; }

  body.ui-next.eilo-submit-show .eilo-show-submit-success { box-sizing:border-box; width:100%; min-height:220px; margin:0; padding:42px 36px; border:1px solid rgba(151,171,190,.20); border-radius:10px; background:linear-gradient(135deg,rgba(255,0,106,.06),rgba(157,255,0,.045)),#0d1923; color:#d9e3e8; box-shadow:0 18px 45px rgba(0,0,0,.22); }
  body.ui-next.eilo-submit-show .eilo-show-submit-success:before { content:""; display:block; width:92px; height:2px; margin:-42px 0 35px -36px; background:linear-gradient(90deg,#ff006a,#ff8a00,#9dff00); }
  body.ui-next.eilo-submit-show .eilo-show-submit-success__eyebrow { display:block; margin-bottom:9px; color:#ff3b87; font-size:10px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
  body.ui-next.eilo-submit-show .eilo-show-submit-success h2 { margin:0 0 12px; color:#fff; font-family:"AlternateGothic2BTRegular",Arial,sans-serif; font-size:36px; font-weight:400; line-height:1.05; }
  body.ui-next.eilo-submit-show .eilo-show-submit-success p { max-width:620px; margin:0 0 24px; color:#9fafba; font-size:13px; line-height:1.6; }
  body.ui-next.eilo-submit-show .eilo-show-submit-success__button { min-height:38px !important; padding:0 15px !important; border:1px solid rgba(157,255,0,.46) !important; border-radius:7px !important; background:rgba(157,255,0,.07) !important; color:#dfffaa !important; font-size:11px !important; font-weight:850 !important; line-height:36px !important; text-shadow:none !important; box-shadow:none !important; }
}

@media screen and (min-width: 1500px) {
  body.ui-next.eilo-submit-show .container_16 { width:1140px !important; }
  body.ui-next.eilo-submit-show .top-message.eilo-manage-heading,
  body.ui-next.eilo-submit-show .top-message.eilo-manage-heading.eilo-page-heading { box-sizing:border-box !important; width:1130px !important; margin-right:5px !important; margin-left:5px !important; }
  body.ui-next.eilo-submit-show #content { box-sizing:border-box !important; width:1130px !important; margin-right:auto !important; margin-left:auto !important; }
}

@media screen and (min-width: 1024px) {
  /* jdPicker: keep the legacy date functionality, but make it stable and readable. */
  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w > input.jdpicker {
    width: 100% !important;
    padding-right: 38px !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_clearer {
    position: absolute !important;
    z-index: 3;
    top: 50% !important;
    right: 11px !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255,0,106,.34) !important;
    border-radius: 50% !important;
    background: rgba(255,0,106,.08) !important;
    color: #ff5c9e !important;
    font-family: Arial,sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    text-align: center !important;
    transform: translateY(-50%);
    cursor: pointer;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector {
    box-sizing: border-box !important;
    top: 47px !important;
    left: 0 !important;
    z-index: 100000 !important;
    width: 286px !important;
    min-width: 286px !important;
    padding: 11px !important;
    border: 1px solid rgba(151,171,190,.32) !important;
    border-radius: 9px !important;
    background: #0b151e !important;
    color: #dfe8ed !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.52) !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector * {
    box-sizing: border-box;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    text-shadow: none !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector .nav {
    width: 100% !important;
    min-height: 30px;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector .month_nav,
  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector .year_nav {
    height: 28px !important;
    margin-bottom: 7px !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector .month_nav select,
  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector .year_nav input.year_input {
    display: inline-block !important;
    height: 26px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    border: 1px solid rgba(151,171,190,.28) !important;
    border-radius: 5px !important;
    background: #111d27 !important;
    color: #edf3f6 !important;
    font-size: 11px !important;
    line-height: 24px !important;
    box-shadow: none !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector .month_nav select {
    width: 105px !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector .year_nav input.year_input {
    width: 54px !important;
    text-align: center !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector .button {
    top: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    border: 1px solid rgba(151,171,190,.23) !important;
    border-radius: 5px !important;
    background: rgba(255,255,255,.035) !important;
    color: #dce5ea !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector table {
    display: table !important;
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 3px !important;
    background: transparent !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector thead,
  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector tbody {
    display: table-row-group !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector tr {
    display: table-row !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector th,
  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector td {
    display: table-cell !important;
    width: 31px !important;
    height: 29px !important;
    padding: 0 !important;
    border: 1px solid rgba(151,171,190,.16) !important;
    border-radius: 4px;
    background: rgba(255,255,255,.025) !important;
    color: #cbd6dd !important;
    font-size: 10px !important;
    line-height: 27px !important;
    text-align: center !important;
    vertical-align: middle !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector th {
    height: 22px !important;
    border-color: transparent !important;
    background: transparent !important;
    color: #71818e !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector td.selectable_day,
  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector tr.selectable_week td {
    background: rgba(255,255,255,.035) !important;
    color: #dce5ea !important;
    cursor: pointer;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector td.today {
    border-color: rgba(157,255,0,.48) !important;
    background: rgba(157,255,0,.08) !important;
    color: #dfffaa !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector td.selected,
  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector tr.selected td,
  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector td.selectable_day.hover {
    border-color: rgba(255,0,106,.72) !important;
    background: #ff006a !important;
    color: #fff !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-submit .jdpicker_w .date_selector td.unselected_month {
    color: #4f5d68 !important;
  }
}


/* ========================================================================== 
   Desktop UI Preview v13.5 — News submit focused rebuild
   Scope: news-submit.php only. Uses the approved Event/Artist submit system.
   ========================================================================== */
@media screen and (min-width: 1024px) {
  body.ui-next.eilo-submit-news #content { padding-top:22px !important; }
  body.ui-next.eilo-submit-news .eilo-submit-form--news { padding:0 !important; overflow:visible !important; }
  body.ui-next.eilo-submit-news .eilo-news-submit { box-sizing:border-box; display:block; width:100%; margin:0; padding:0 28px 28px; }
  body.ui-next.eilo-submit-news .eilo-news-submit__section { box-sizing:border-box; padding:26px 0 28px; border-bottom:1px solid rgba(151,171,190,.15); }
  body.ui-next.eilo-submit-news .eilo-news-submit__section:first-child { padding-top:30px; }
  body.ui-next.eilo-submit-news .eilo-news-submit__section:last-of-type { border-bottom:0; }
  body.ui-next.eilo-submit-news .eilo-news-submit__section-heading { margin:0 0 18px; }
  body.ui-next.eilo-submit-news .eilo-news-submit__eyebrow { display:block; margin:0 0 5px; color:var(--eilo-submit-pink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:9px; font-weight:800; letter-spacing:.15em; line-height:1.2; text-transform:uppercase; }
  body.ui-next.eilo-submit-news .eilo-news-submit__section-heading h2 { margin:0; color:#edf3f6; font-family:'AlternateGothic2BTRegular',Arial,sans-serif; font-size:25px; font-weight:400; line-height:1.05; }
  body.ui-next.eilo-submit-news .eilo-news-submit__section-heading p { margin:7px 0 0; color:#81919e; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:11px; line-height:1.5; }
  body.ui-next.eilo-submit-news .eilo-news-submit__field { box-sizing:border-box; min-width:0; overflow:visible; }
  body.ui-next.eilo-submit-news .eilo-news-submit__field + .eilo-news-submit__field--full { margin-top:18px; }
  body.ui-next.eilo-submit-news .eilo-news-submit__field > label { display:block; margin:0 0 7px; color:#b9c5cd !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important; font-size:11px !important; font-weight:700 !important; line-height:1.35 !important; }
  body.ui-next.eilo-submit-news .eilo-news-submit__required { display:inline-block; margin-right:3px; color:var(--eilo-submit-pink); font-weight:900; }
  body.ui-next.eilo-submit-news .eilo-news-submit input[type="text"] { height:44px !important; }
  body.ui-next.eilo-submit-news .eilo-news-submit textarea { min-height:340px !important; }
  body.ui-next.eilo-submit-news .eilo-news-submit__artwork-field { margin-top:18px; }
  body.ui-next.eilo-submit-news .eilo-news-submit__upload { min-height:116px; padding:14px !important; }
  body.ui-next.eilo-submit-news .eilo-news-submit__upload-help { display:inline-block; margin-left:12px; color:#788894; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:9px; line-height:32px; vertical-align:top; }
  body.ui-next.eilo-submit-news .eilo-news-submit__contact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
  body.ui-next.eilo-submit-news .eilo-news-submit__author-card,
  body.ui-next.eilo-submit-news .eilo-news-submit__toggle,
  body.ui-next.eilo-submit-news .eilo-news-submit__guest-panel,
  body.ui-next.eilo-submit-news .eilo-news-submit__legacy-captcha { box-sizing:border-box; border:1px solid rgba(151,171,190,.17); border-radius:8px; background:rgba(7,13,19,.30); }
  body.ui-next.eilo-submit-news .eilo-news-submit__author-card { display:flex; align-items:center; justify-content:space-between; min-height:69px; padding:13px 14px; }
  body.ui-next.eilo-submit-news .eilo-news-submit__author-card span { color:#7f8f9c; font-size:10px; font-weight:700; text-transform:uppercase; }
  body.ui-next.eilo-submit-news .eilo-news-submit__author-card strong { color:#e7eef2; font-size:12px; }
  body.ui-next.eilo-submit-news .eilo-news-submit__toggle { display:flex !important; align-items:flex-start; min-height:69px; padding:13px 14px; cursor:pointer; }
  body.ui-next.eilo-submit-news .eilo-news-submit__toggle input { flex:0 0 auto; margin-top:2px !important; }
  body.ui-next.eilo-submit-news .eilo-news-submit__toggle span,
  body.ui-next.eilo-submit-news .eilo-news-submit__toggle strong,
  body.ui-next.eilo-submit-news .eilo-news-submit__toggle small { display:block; }
  body.ui-next.eilo-submit-news .eilo-news-submit__toggle strong { color:#e5edf1; font-size:11px; line-height:1.25; }
  body.ui-next.eilo-submit-news .eilo-news-submit__toggle small { margin-top:4px; color:#788894; font-size:9px; font-weight:500; line-height:1.4; }
  body.ui-next.eilo-submit-news .eilo-news-submit__guest-panel { padding:16px; }
  body.ui-next.eilo-submit-news .eilo-news-submit__guest-panel > strong { color:#e8eef2; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:12px; }
  body.ui-next.eilo-submit-news .eilo-news-submit__guest-panel p { margin:6px 0 12px; color:#83929e; font-size:11px; }
  body.ui-next.eilo-submit-news .eilo-news-submit__guest-links { display:flex; gap:8px; margin:0 0 16px; }
  body.ui-next.eilo-submit-news .eilo-news-submit__guest-links .buttonPro { min-height:32px !important; margin:0 !important; padding:0 11px !important; line-height:30px !important; }
  body.ui-next.eilo-submit-news .eilo-news-submit__legacy-captcha { display:grid; grid-template-columns:190px minmax(0,1fr); gap:16px; align-items:center; margin-top:16px; padding:15px; }
  body.ui-next.eilo-submit-news .eilo-news-submit__legacy-captcha img { display:block; max-width:180px; border-radius:6px; }
  body.ui-next.eilo-submit-news .eilo-news-submit__legacy-captcha small { display:block; margin-top:5px; color:#788895; font-size:9px; }
  body.ui-next.eilo-submit-news .eilo-news-submit__actions { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0; padding:20px 0 0; }
  body.ui-next.eilo-submit-news .eilo-news-submit__action-copy strong,
  body.ui-next.eilo-submit-news .eilo-news-submit__action-copy span { display:block; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
  body.ui-next.eilo-submit-news .eilo-news-submit__action-copy strong { color:#e8eef2; font-size:12px; }
  body.ui-next.eilo-submit-news .eilo-news-submit__action-copy span { margin-top:4px; color:#768693; font-size:9px; }
  body.ui-next.eilo-submit-news .eilo-news-submit__action-controls { display:flex; align-items:flex-end; justify-content:flex-end; flex-wrap:wrap; gap:14px; }

  body.ui-next.eilo-submit-news #content > .err-form { box-sizing:border-box !important; width:100% !important; max-width:none !important; margin:0 0 24px !important; padding:11px 13px !important; border:1px solid rgba(255,87,145,.34) !important; border-left:3px solid #ff006a !important; border-radius:8px !important; background:rgba(255,0,106,.075) !important; color:#e9c8d5 !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important; font-size:12px !important; font-weight:400 !important; line-height:1.5 !important; box-shadow:none !important; }
  body.ui-next.eilo-submit-news #content > .err-form table { width:100% !important; margin:0 !important; border:0 !important; border-collapse:collapse !important; background:transparent !important; }
  body.ui-next.eilo-submit-news #content > .err-form tr,
  body.ui-next.eilo-submit-news #content > .err-form td { height:auto !important; margin:0 !important; padding:2px 0 !important; border:0 !important; background:transparent !important; color:inherit !important; font:inherit !important; text-align:left !important; }
  body.ui-next.eilo-submit-news #content > .err-form tr:first-child td { padding-bottom:6px !important; color:#fff1f6 !important; font-size:12px !important; font-weight:800 !important; }

  body.ui-next.eilo-submit-news .eilo-news-submit-success { box-sizing:border-box; width:100%; min-height:220px; margin:0; padding:42px 36px; border:1px solid rgba(151,171,190,.20); border-radius:10px; background:linear-gradient(135deg,rgba(255,0,106,.06),rgba(157,255,0,.045)),#0d1923; color:#d9e3e8; box-shadow:0 18px 45px rgba(0,0,0,.22); }
  body.ui-next.eilo-submit-news .eilo-news-submit-success:before { content:""; display:block; width:92px; height:2px; margin:-42px 0 35px -36px; background:linear-gradient(90deg,#ff006a,#ff8a00,#9dff00); }
  body.ui-next.eilo-submit-news .eilo-news-submit-success__eyebrow { display:block; margin-bottom:9px; color:#ff3b87; font-size:10px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
  body.ui-next.eilo-submit-news .eilo-news-submit-success h2 { margin:0 0 12px; color:#fff; font-family:"AlternateGothic2BTRegular",Arial,sans-serif; font-size:36px; font-weight:400; line-height:1.05; }
  body.ui-next.eilo-submit-news .eilo-news-submit-success p { max-width:620px; margin:0 0 24px; color:#9fafba; font-size:13px; line-height:1.6; }
  body.ui-next.eilo-submit-news .eilo-news-submit-success__button { min-height:38px !important; padding:0 15px !important; border:1px solid rgba(157,255,0,.46) !important; border-radius:7px !important; background:rgba(157,255,0,.07) !important; color:#dfffaa !important; font-size:11px !important; font-weight:850 !important; line-height:36px !important; text-shadow:none !important; box-shadow:none !important; }
}

@media screen and (min-width: 1500px) {
  body.ui-next.eilo-submit-news .container_16 { width:1140px !important; }
  body.ui-next.eilo-submit-news .top-message.eilo-manage-heading,
  body.ui-next.eilo-submit-news .top-message.eilo-manage-heading.eilo-page-heading { box-sizing:border-box !important; width:1130px !important; margin-right:5px !important; margin-left:5px !important; }
  body.ui-next.eilo-submit-news #content { box-sizing:border-box !important; width:1130px !important; margin-right:auto !important; margin-left:auto !important; }
}

/* ========================================================================== 
   Desktop UI Preview v13.6 — News manage/edit focused rebuild
   Scope: news-manage.php only. Reuses the approved News submit visual system.
   ========================================================================== */
@media screen and (min-width: 1024px) {
  body.ui-next.eilo-submit-news .eilo-news-manage-shell {
    padding: 0 !important;
    overflow: visible !important;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage {
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 28px 28px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__notice {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    margin: 0 0 24px;
    padding: 12px 14px;
    border: 1px solid rgba(157,255,0,.28);
    border-left: 3px solid #9dff00;
    border-radius: 8px;
    background: rgba(157,255,0,.055);
    color: #b9c8d1;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 11px;
    line-height: 1.45;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__notice strong {
    flex: 0 0 auto;
    color: #e8f8d0;
    font-size: 11px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__notice a {
    color: #dfffaa;
    font-weight: 750;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__source-field {
    margin-top: 18px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__existing-images {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid rgba(151,171,190,.13);
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__subheading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 14px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__subheading span,
  body.ui-next.eilo-submit-news .eilo-news-manage__subheading strong,
  body.ui-next.eilo-submit-news .eilo-news-manage__subheading small {
    display: block;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__subheading span {
    margin-bottom: 3px;
    color: #81919e;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__subheading strong {
    color: #edf3f6;
    font-size: 12px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__subheading small {
    max-width: 420px;
    color: #71818e;
    font-size: 9px;
    line-height: 1.45;
    text-align: right;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__image-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__image-card {
    position: relative;
    box-sizing: border-box;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(151,171,190,.19);
    border-radius: 9px;
    background: rgba(7,13,19,.38);
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__image-card.is-main {
    border-color: rgba(157,255,0,.43);
    box-shadow: 0 0 0 1px rgba(157,255,0,.05) inset;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__image-preview {
    display: block;
    width: 100%;
    height: 160px;
    overflow: hidden;
    background: #060b10;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__image-preview img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__image-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 42px;
    padding: 9px 11px 7px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__image-name {
    min-width: 0;
    overflow: hidden;
    color: #9fafba;
    font-size: 9px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__main-badge {
    flex: 0 0 auto;
    padding: 3px 6px;
    border: 1px solid rgba(157,255,0,.36);
    border-radius: 999px;
    background: rgba(157,255,0,.07);
    color: #d9ff9f;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__image-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    padding: 0 11px 11px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__image-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 9px;
    border: 1px solid rgba(151,171,190,.22);
    border-radius: 6px;
    background: rgba(151,171,190,.04);
    color: #b9c5cd;
    font-size: 9px;
    font-weight: 750;
    line-height: 26px;
    text-decoration: none;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__image-actions a:hover {
    border-color: rgba(157,255,0,.46);
    color: #e9ffd0;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__image-actions .eilo-news-manage__delete:hover {
    border-color: rgba(255,0,106,.48);
    color: #ff9bc2;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__empty-state,
  body.ui-next.eilo-submit-news .eilo-news-manage__tag-empty {
    box-sizing: border-box;
    padding: 16px;
    border: 1px dashed rgba(151,171,190,.22);
    border-radius: 8px;
    background: rgba(7,13,19,.25);
    color: #71818e;
    font-size: 10px;
    line-height: 1.45;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__admin-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
    align-items: stretch;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__sendmail-toggle {
    min-height: 69px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__actions {
    padding: 22px 0 0;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__secondary-action,
  body.ui-next.eilo-submit-news .eilo-news-manage__save {
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    border-radius: 7px !important;
    background-image: none !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 36px !important;
    text-shadow: none !important;
    box-shadow: none !important;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__secondary-action {
    border: 1px solid rgba(151,171,190,.28) !important;
    background: rgba(151,171,190,.055) !important;
    color: #c5d0d7 !important;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__save {
    border: 1px solid rgba(255,0,106,.74) !important;
    background: #ff006a !important;
    color: #fff !important;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__standalone-section {
    box-sizing: border-box;
    margin: 0 28px;
    padding: 26px 0 28px;
    border-top: 1px solid rgba(151,171,190,.15);
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 14px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 27px;
    padding: 0 8px 0 10px;
    border: 1px solid rgba(157,255,0,.32);
    border-radius: 999px;
    background: rgba(157,255,0,.055);
    color: #d8f3b4;
    font-size: 9px;
    font-weight: 700;
    line-height: 25px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__tag .deltag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: rgba(255,0,106,.11);
    color: #ff72aa;
    font-size: 13px;
    font-weight: 700;
    line-height: 17px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__tag-form {
    margin-top: 14px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__tag-form .tag_form {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 96px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(151,171,190,.27) !important;
    border-radius: 8px !important;
    background: #111d27 !important;
    color: #dfe7ec !important;
    box-shadow: none !important;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__tag-form .tag_form:hover,
  body.ui-next.eilo-submit-news .eilo-news-manage__tag-form .tag_form:focus,
  body.ui-next.eilo-submit-news .eilo-news-manage__tag-form .tag_form.focus {
    border-color: rgba(157,255,0,.66) !important;
    box-shadow: 0 0 0 2px rgba(157,255,0,.07) !important;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__tag-form .tag_form input[type="text"][name="add_tag"] {
    width: 170px !important;
    height: 27px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #dfe7ec !important;
    box-shadow: none !important;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__tag-form .tag {
    height: 25px !important;
    margin: 0 6px 6px 0 !important;
    padding: 0 10px !important;
    border: 1px solid rgba(157,255,0,.26) !important;
    border-radius: 999px !important;
    background: rgba(157,255,0,.07) !important;
    color: #d8f3b4 !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 9px !important;
    line-height: 23px !important;
    text-shadow: none !important;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__tag-form .tag:after {
    display: none !important;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__tag-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 12px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__tag-form-footer span {
    color: #778793;
    font-size: 9px;
    line-height: 1.4;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__tag-form-footer .buttonPro {
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid rgba(157,255,0,.44) !important;
    border-radius: 7px !important;
    background: rgba(157,255,0,.065) !important;
    color: #dfffaa !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 32px !important;
    text-shadow: none !important;
    box-shadow: none !important;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage a {
    text-decoration: none;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage .eilo-news-submit__author-card a {
    color: #e7eef2;
  }
}

/* ========================================================================== 
   Desktop UI Preview v13.6.1 — News manage select + readability polish
   Scope: news-manage.php only.
   ========================================================================== */
@media screen and (min-width: 1024px) {
  body.ui-next.eilo-submit-news .eilo-news-manage-select {
    position: relative;
    width: 100%;
    z-index: 1;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage-select.is-open {
    z-index: 200000;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage-select__native {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage-select__trigger {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0 13px;
    border: 1px solid rgba(151,171,190,.28);
    border-radius: 7px;
    outline: 0;
    background: #0d1923;
    color: #eaf0f3;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 12px;
    font-weight: 650;
    line-height: 1;
    text-align: left;
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
    cursor: pointer;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage-select__trigger:hover,
  body.ui-next.eilo-submit-news .eilo-news-manage-select__trigger:focus,
  body.ui-next.eilo-submit-news .eilo-news-manage-select__trigger[aria-expanded="true"] {
    border-color: rgba(157,255,0,.70);
    box-shadow: 0 0 0 2px rgba(157,255,0,.09);
  }

  body.ui-next.eilo-submit-news .eilo-news-manage-select__value {
    min-width: 0;
    overflow: hidden;
    color: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage-select__chevron {
    width: 0;
    height: 0;
    margin-left: 12px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #9dff00;
    flex: 0 0 auto;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage-select__panel {
    position: absolute;
    top: calc(100% + 7px);
    left: 0;
    right: 0;
    z-index: 100000;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid rgba(157,255,0,.42);
    border-radius: 9px;
    background: #0a141d;
    box-shadow: 0 18px 44px rgba(0,0,0,.48);
  }

  body.ui-next.eilo-submit-news .eilo-news-manage-select__panel[hidden]:not(.is-open) {
    display: none !important;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage-select__panel.is-open {
    display: block !important;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage-select__options {
    max-height: 220px;
    padding: 6px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(157,255,0,.55) #0a141d;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage-select__option {
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 36px;
    margin: 0;
    padding: 8px 10px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #cbd6dd;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 12px;
    font-weight: 650;
    line-height: 20px;
    text-align: left;
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
    cursor: pointer;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage-select__option:hover,
  body.ui-next.eilo-submit-news .eilo-news-manage-select__option:focus {
    outline: 0;
    background: rgba(157,255,0,.09);
    color: #efffd6;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage-select__option.is-selected {
    background: linear-gradient(90deg,rgba(255,0,106,.16),rgba(157,255,0,.10));
    color: #fff;
  }

  /* Increase only the smallest manage-page text by one readable step. */
  body.ui-next.eilo-submit-news .eilo-news-manage .eilo-news-submit__eyebrow {
    font-size: 10px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage .eilo-news-submit__section-heading p {
    font-size: 12px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage .eilo-news-submit__field > label {
    font-size: 12px !important;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage .eilo-news-submit__upload-help,
  body.ui-next.eilo-submit-news .eilo-news-manage .eilo-news-submit__toggle small,
  body.ui-next.eilo-submit-news .eilo-news-manage .eilo-news-submit__action-copy span {
    font-size: 10px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage .eilo-news-submit__toggle strong,
  body.ui-next.eilo-submit-news .eilo-news-manage .eilo-news-submit__action-copy strong {
    font-size: 12px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__notice,
  body.ui-next.eilo-submit-news .eilo-news-manage__notice strong {
    font-size: 12px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__subheading span,
  body.ui-next.eilo-submit-news .eilo-news-manage__subheading small {
    font-size: 10px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__subheading strong {
    font-size: 13px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__image-name,
  body.ui-next.eilo-submit-news .eilo-news-manage__image-actions a,
  body.ui-next.eilo-submit-news .eilo-news-manage__tag,
  body.ui-next.eilo-submit-news .eilo-news-manage__tag-form .tag,
  body.ui-next.eilo-submit-news .eilo-news-manage__tag-form-footer span,
  body.ui-next.eilo-submit-news .eilo-news-manage__tag-form-footer .buttonPro {
    font-size: 10px !important;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__main-badge {
    font-size: 9px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__empty-state,
  body.ui-next.eilo-submit-news .eilo-news-manage__tag-empty {
    font-size: 11px;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__secondary-action,
  body.ui-next.eilo-submit-news .eilo-news-manage__save {
    font-size: 11px !important;
  }

  body.ui-next.eilo-submit-news .eilo-news-manage__tag-form .tag_form input[type="text"][name="add_tag"] {
    font-size: 11px !important;
  }
}

/* ========================================================================== 
   Desktop UI Preview v13.7 — Artist manage/edit focused rebuild
   Scope: artists-manage.php only. Reuses the approved Artist submit and News
   manage systems while preserving image, genre and admin functionality.
   ========================================================================== */
@media screen and (min-width: 1024px) {
  body.ui-next.eilo-submit-artist .eilo-artist-manage-shell {
    padding: 0 !important;
    overflow: visible !important;
  }

  body.ui-next.eilo-submit-artist .eilo-artist-manage {
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 28px 28px;
  }

  body.ui-next.eilo-submit-artist .eilo-artist-manage__notice {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    margin: 0 0 20px;
    padding: 12px 14px;
    border: 1px solid rgba(157,255,0,.30);
    border-radius: 8px;
    background: rgba(157,255,0,.065);
    color: #dfffb3;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 12px;
    line-height: 1.45;
  }

  body.ui-next.eilo-submit-artist .eilo-artist-manage__notice strong { color:#f0ffd9; font-size:12px; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__notice a { color:#c9ff75; font-weight:800; }

  body.ui-next.eilo-submit-artist .eilo-artist-manage .eilo-artist-submit__eyebrow { font-size:10px; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage .eilo-artist-submit__section-heading p { font-size:12px; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage .eilo-artist-submit__field > label { font-size:12px !important; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage .eilo-artist-submit__upload-help,
  body.ui-next.eilo-submit-artist .eilo-artist-manage .eilo-artist-submit__toggle small,
  body.ui-next.eilo-submit-artist .eilo-artist-manage .eilo-artist-submit__action-copy span { font-size:10px; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage .eilo-artist-submit__toggle strong,
  body.ui-next.eilo-submit-artist .eilo-artist-manage .eilo-artist-submit__action-copy strong { font-size:12px; }

  body.ui-next.eilo-submit-artist .eilo-artist-manage__country-field { max-width: 460px; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__upload-field { margin-top: 20px; }

  body.ui-next.eilo-submit-artist .eilo-artist-manage__links-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
  }

  body.ui-next.eilo-submit-artist .eilo-artist-manage__existing-images {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid rgba(151,171,190,.15);
  }

  body.ui-next.eilo-submit-artist .eilo-artist-manage__subheading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
  }

  body.ui-next.eilo-submit-artist .eilo-artist-manage__subheading span,
  body.ui-next.eilo-submit-artist .eilo-artist-manage__subheading strong,
  body.ui-next.eilo-submit-artist .eilo-artist-manage__subheading small { display:block; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__subheading span { color:#ff3b87; font-size:10px; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__subheading strong { margin-top:4px; color:#edf3f6; font-size:13px; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__subheading small { max-width:420px; color:#81919e; font-size:10px; line-height:1.45; text-align:right; }

  body.ui-next.eilo-submit-artist .eilo-artist-manage__image-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
  }

  body.ui-next.eilo-submit-artist .eilo-artist-manage__image-card {
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid rgba(151,171,190,.19);
    border-radius: 9px;
    background: rgba(7,13,19,.30);
  }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__image-card.is-main { border-color:rgba(157,255,0,.48); box-shadow:0 0 0 1px rgba(157,255,0,.08); }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__image-preview { display:block; width:100%; aspect-ratio:16/10; overflow:hidden; background:#081018; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__image-preview img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__image-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:40px; padding:9px 10px 5px; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__image-name { min-width:0; overflow:hidden; color:#aebbc4; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__main-badge { flex:0 0 auto; padding:4px 7px; border:1px solid rgba(157,255,0,.42); border-radius:999px; background:rgba(157,255,0,.08); color:#d8ff96; font-size:9px; font-weight:850; text-transform:uppercase; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__image-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; padding:6px 10px 10px; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__image-actions a { min-height:28px; padding:0 9px; border:1px solid rgba(151,171,190,.22); border-radius:6px; background:#101c26; color:#c5d0d7; font-size:10px; font-weight:750; line-height:26px; text-decoration:none; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__image-actions a:hover { border-color:rgba(157,255,0,.45); color:#eaffc9; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__image-actions .eilo-artist-manage__delete:hover { border-color:rgba(255,0,106,.55); color:#ffb4d0; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__empty-state { box-sizing:border-box; padding:15px; border:1px dashed rgba(151,171,190,.18); border-radius:8px; color:#81919e; font-size:11px; text-align:center; }

  body.ui-next.eilo-submit-artist .eilo-artist-manage__admin-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
  }

  body.ui-next.eilo-submit-artist .eilo-artist-manage__sendmail-toggle { align-self:end; }

  body.ui-next.eilo-submit-artist .eilo-artist-manage__actions {
    margin-top: 0;
    padding: 22px 0 0;
  }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__secondary-action,
  body.ui-next.eilo-submit-artist .eilo-artist-manage__save {
    box-sizing:border-box !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 14px !important;
    border-radius:7px !important;
    font-size:11px !important;
    font-weight:850 !important;
    line-height:36px !important;
    text-transform:none !important;
    text-shadow:none !important;
    box-shadow:none !important;
  }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__secondary-action { border:1px solid rgba(151,171,190,.28) !important; background:#111e29 !important; color:#cbd6dc !important; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__save { border:1px solid #ff006a !important; background:#ff006a !important; color:#fff !important; }

  body.ui-next.eilo-submit-artist .eilo-artist-manage__standalone-section {
    box-sizing:border-box;
    margin:0 28px;
    padding:26px 0 28px;
    border-top:1px solid rgba(151,171,190,.15);
  }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__genre-list { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__genre { display:inline-flex; align-items:center; gap:7px; min-height:28px; padding:0 9px; border:1px solid rgba(157,255,0,.30); border-radius:999px; background:rgba(157,255,0,.06); color:#d8ff99; font-size:10px; font-weight:750; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__genre .deltag { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; background:rgba(255,0,106,.12); color:#ff78aa; font-size:14px; line-height:18px; text-decoration:none; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__genre-form { margin-top:14px; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__genre-form .tag_form { box-sizing:border-box; min-height:52px; margin:0; padding:8px 10px; border:1px solid rgba(151,171,190,.23); border-radius:8px; background:#0d1923; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__genre-form .tag_form:hover,
  body.ui-next.eilo-submit-artist .eilo-artist-manage__genre-form .tag_form:focus,
  body.ui-next.eilo-submit-artist .eilo-artist-manage__genre-form .tag_form.focus { border-color:rgba(157,255,0,.55); box-shadow:0 0 0 2px rgba(157,255,0,.07); }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__genre-form .tag_form input[type="text"][name="add_tag"] { min-width:180px !important; height:30px !important; margin:0 !important; padding:0 6px !important; border:0 !important; background:transparent !important; color:#e7eef2 !important; font-size:11px !important; box-shadow:none !important; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__genre-form .tag { margin:2px 5px 2px 0 !important; padding:5px 8px !important; border:1px solid rgba(157,255,0,.28) !important; border-radius:999px !important; background:rgba(157,255,0,.07) !important; color:#dcffa4 !important; font-size:10px !important; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__genre-form-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:10px; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__genre-form-footer span { color:#81919e; font-size:10px; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage__genre-form-footer .buttonPro { min-height:32px !important; margin:0 !important; padding:0 11px !important; border:1px solid rgba(157,255,0,.42) !important; border-radius:6px !important; background:rgba(157,255,0,.06) !important; color:#dcffa6 !important; font-size:10px !important; line-height:30px !important; text-shadow:none !important; box-shadow:none !important; }

  body.ui-next.eilo-submit-artist .eilo-artist-manage a { text-decoration:none; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage .eilo-artist-submit__author-card a { color:#e6eef2; }

  /* Artist manage custom selects: Active and Front page. */
  body.ui-next.eilo-submit-artist .eilo-artist-manage-select { position:relative; width:100%; z-index:1; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage-select.is-open { z-index:200000; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage-select__native { position:absolute !important; width:1px !important; height:1px !important; margin:-1px !important; padding:0 !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; clip-path:inset(50%) !important; white-space:nowrap !important; border:0 !important; opacity:0 !important; pointer-events:none !important; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage-select__trigger { box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; width:100%; height:44px; margin:0; padding:0 13px; border:1px solid rgba(151,171,190,.28); border-radius:7px; outline:0; background:#0d1923; color:#eaf0f3; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:12px; font-weight:650; line-height:1; text-align:left; text-transform:none; text-shadow:none; box-shadow:none; cursor:pointer; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage-select__trigger:hover,
  body.ui-next.eilo-submit-artist .eilo-artist-manage-select__trigger:focus,
  body.ui-next.eilo-submit-artist .eilo-artist-manage-select__trigger[aria-expanded="true"] { border-color:rgba(157,255,0,.70); box-shadow:0 0 0 2px rgba(157,255,0,.09); }
  body.ui-next.eilo-submit-artist .eilo-artist-manage-select__value { min-width:0; overflow:hidden; color:inherit; text-overflow:ellipsis; white-space:nowrap; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage-select__chevron { width:0; height:0; margin-left:12px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #9dff00; flex:0 0 auto; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage-select__panel { position:absolute; top:calc(100% + 7px); left:0; right:0; z-index:100000; box-sizing:border-box; overflow:hidden; border:1px solid rgba(157,255,0,.42); border-radius:9px; background:#0a141d; box-shadow:0 18px 44px rgba(0,0,0,.48); }
  body.ui-next.eilo-submit-artist .eilo-artist-manage-select__panel[hidden]:not(.is-open) { display:none !important; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage-select__panel.is-open { display:block !important; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage-select__options { max-height:220px; padding:6px; overflow-y:auto; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage-select__option { box-sizing:border-box; display:block; width:100%; min-height:36px; margin:0; padding:8px 10px; border:0; border-radius:5px; background:transparent; color:#cbd6dd; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:12px; font-weight:650; line-height:20px; text-align:left; text-transform:none; text-shadow:none; box-shadow:none; cursor:pointer; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage-select__option:hover,
  body.ui-next.eilo-submit-artist .eilo-artist-manage-select__option:focus { outline:0; background:rgba(157,255,0,.09); color:#efffd6; }
  body.ui-next.eilo-submit-artist .eilo-artist-manage-select__option.is-selected { background:linear-gradient(90deg,rgba(255,0,106,.16),rgba(157,255,0,.10)); color:#fff; }

  body.ui-next.eilo-submit-artist .eilo-country-select.is-open { z-index:200000; }
}

@media screen and (min-width: 1500px) {
  body.ui-next.eilo-submit-artist .container_16 { width:1140px !important; }
  body.ui-next.eilo-submit-artist .top-message.eilo-manage-heading,
  body.ui-next.eilo-submit-artist .top-message.eilo-manage-heading.eilo-page-heading { box-sizing:border-box !important; width:1130px !important; margin-right:5px !important; margin-left:5px !important; }
  body.ui-next.eilo-submit-artist #content { box-sizing:border-box !important; width:1130px !important; margin-right:auto !important; margin-left:auto !important; }
}


/* ========================================================================== 
   Desktop UI Preview v13.8 — Manage stabilization contract
   Native saves, shared feedback/taxonomy and Ajax/detail shell parity.
   ========================================================================== */
@media screen and (min-width: 1024px) {
  body.ui-next .eilo-manage-feedback {
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin: 0 0 24px !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(151,171,190,.22) !important;
    border-left-width: 3px !important;
    border-radius: 8px !important;
    background: #16131d !important;
    color: #d7e0e5 !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
  }

  body.ui-next .eilo-manage-feedback--error {
    border-color: rgba(255,0,106,.38) !important;
    border-left-color: #ff006a !important;
    background: rgba(255,0,106,.075) !important;
    color: #e7d7df !important;
  }

  body.ui-next .eilo-manage-feedback--success {
    border-color: rgba(157,255,0,.28) !important;
    border-left-color: #9dff00 !important;
    background: rgba(157,255,0,.055) !important;
    color: #c8d5db !important;
  }

  body.ui-next .eilo-manage-feedback strong,
  body.ui-next .eilo-manage-feedback span,
  body.ui-next .eilo-manage-feedback ul,
  body.ui-next .eilo-manage-feedback li {
    font: inherit !important;
  }

  body.ui-next .eilo-manage-feedback strong {
    display: block;
    margin: 0 0 6px;
    color: #fff2f7 !important;
    font-weight: 800 !important;
  }

  body.ui-next .eilo-manage-feedback--success strong {
    color: #efffd8 !important;
  }

  body.ui-next .eilo-manage-feedback span {
    display: block;
  }

  body.ui-next .eilo-manage-feedback ul {
    margin: 0 !important;
    padding: 0 0 0 17px !important;
  }

  body.ui-next .eilo-manage-feedback li {
    margin: 2px 0 !important;
    padding: 0 !important;
  }

  body.ui-next .eilo-manage-feedback a {
    color: #dfffaa !important;
    font-weight: 750 !important;
  }

  /* News tags and Artist genres share the same full-width editor. */
  body.ui-next .eilo-manage-taxonomy-form {
    display: block;
    width: 100%;
    margin-top: 14px;
  }

  body.ui-next .eilo-manage-taxonomy-form .tag_form {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    overflow: auto !important;
    border: 1px solid rgba(151,171,190,.23) !important;
    border-radius: 8px !important;
    background: #0d1923 !important;
  }

  body.ui-next .eilo-manage-taxonomy-form .tag_form:hover,
  body.ui-next .eilo-manage-taxonomy-form .tag_form:focus,
  body.ui-next .eilo-manage-taxonomy-form .tag_form.focus {
    border-color: rgba(157,255,0,.55) !important;
    box-shadow: 0 0 0 2px rgba(157,255,0,.07) !important;
  }

  body.ui-next .eilo-manage-taxonomy-form .tag_form input[type="text"][name="add_tag"] {
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 220px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 7px !important;
    border: 0 !important;
    background: transparent !important;
    color: #e7eef2 !important;
    font-size: 12px !important;
    box-shadow: none !important;
  }

  body.ui-next .eilo-manage-taxonomy-form .tag {
    margin: 2px 6px 2px 0 !important;
    padding: 5px 9px !important;
    font-size: 11px !important;
  }

  body.ui-next .eilo-news-manage__tag-form-footer,
  body.ui-next .eilo-artist-manage__genre-form-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    width: 100% !important;
    margin-top: 10px !important;
  }

  body.ui-next .eilo-news-manage__tag-form-footer span,
  body.ui-next .eilo-artist-manage__genre-form-footer span {
    color: #84949f !important;
    font-size: 11px !important;
  }

  body.ui-next .eilo-news-manage__tag-form-footer .buttonPro,
  body.ui-next .eilo-artist-manage__genre-form-footer .buttonPro {
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    font-size: 11px !important;
    line-height: 32px !important;
  }

  /* Ajax-loaded detail headings must match direct requests exactly. */
  body.ui-next.eilo-detail-mode .top-message.eilo-detail-heading-band {
    float: none !important;
    clear: both !important;
    display: block !important;
    box-sizing: border-box !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-heading-band .eilo-page-heading__inner {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) max-content !important;
    align-items: center !important;
    width: 100% !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-heading-band .eilo-page-heading__actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    justify-self: end !important;
    margin-left: auto !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  body.ui-next.eilo-detail-mode .eilo-detail-page {
    margin-top: 20px !important;
  }
}


/* ==========================================================================
   Desktop UI Preview v13.9 — Events manage/edit focused rebuild
   Scope: events-manage.php. Reuses approved Event submit + stable manage system.
   ========================================================================== */
@media screen and (min-width: 1024px) {
  body.ui-next.eilo-submit-event .eilo-event-manage-shell {
    padding: 0 !important;
    overflow: visible !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage {
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 28px 28px;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__existing-images {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid rgba(151,171,190,.13);
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__subheading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 14px;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__subheading span,
  body.ui-next.eilo-submit-event .eilo-event-manage__subheading strong,
  body.ui-next.eilo-submit-event .eilo-event-manage__subheading small {
    display: block;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__subheading span {
    margin-bottom: 3px;
    color: #81919e;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__subheading strong {
    color: #edf3f6;
    font-size: 12px;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__subheading small {
    max-width: 430px;
    color: #71818e;
    font-size: 10px;
    line-height: 1.45;
    text-align: right;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__image-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__image-card {
    position: relative;
    box-sizing: border-box;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(151,171,190,.19);
    border-radius: 9px;
    background: rgba(7,13,19,.38);
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__image-card.is-main {
    border-color: rgba(157,255,0,.43);
    box-shadow: 0 0 0 1px rgba(157,255,0,.05) inset;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__image-preview {
    display: block;
    width: 100%;
    height: 160px;
    overflow: hidden;
    background: #060b10;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__image-preview img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__image-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 42px;
    padding: 9px 11px 7px;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__image-name {
    min-width: 0;
    overflow: hidden;
    color: #9fafba;
    font-size: 10px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__main-badge {
    flex: 0 0 auto;
    padding: 3px 7px;
    border: 1px solid rgba(157,255,0,.36);
    border-radius: 999px;
    background: rgba(157,255,0,.07);
    color: #d9ff9f;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__image-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    padding: 0 11px 11px;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__image-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid rgba(151,171,190,.22);
    border-radius: 6px;
    background: rgba(151,171,190,.04);
    color: #b9c5cd;
    font-size: 10px;
    font-weight: 750;
    line-height: 28px;
    text-decoration: none;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__image-actions a:hover {
    border-color: rgba(157,255,0,.46);
    color: #e9ffd0;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__image-actions .eilo-event-manage__delete:hover {
    border-color: rgba(255,0,106,.48);
    color: #ff9bc2;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__empty-state {
    box-sizing: border-box;
    padding: 16px;
    border: 1px dashed rgba(151,171,190,.22);
    border-radius: 8px;
    background: rgba(7,13,19,.25);
    color: #71818e;
    font-size: 11px;
    line-height: 1.45;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__admin-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
    align-items: stretch;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__sendmail-toggle {
    min-height: 69px;
    align-self: end;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__actions {
    padding: 22px 0 0;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__secondary-action,
  body.ui-next.eilo-submit-event .eilo-event-manage__save {
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    border-radius: 7px !important;
    background-image: none !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 36px !important;
    text-shadow: none !important;
    box-shadow: none !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__secondary-action {
    border: 1px solid rgba(151,171,190,.28) !important;
    background: rgba(151,171,190,.055) !important;
    color: #c5d0d7 !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__save {
    border: 1px solid rgba(255,0,106,.74) !important;
    background: #ff006a !important;
    color: #fff !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__standalone-section {
    box-sizing: border-box;
    margin: 0 28px;
    padding: 26px 0 28px;
    border-top: 1px solid rgba(151,171,190,.15);
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 14px;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 28px;
    padding: 0 9px;
    border: 1px solid rgba(157,255,0,.32);
    border-radius: 999px;
    background: rgba(157,255,0,.055);
    color: #d8f3b4;
    font-size: 10px;
    font-weight: 700;
    line-height: 26px;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__tag .deltag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgba(255,0,106,.11);
    color: #ff72aa;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__tag-form {
    margin-top: 14px;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__tag-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 12px;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__tag-form-footer span {
    color: #778793;
    font-size: 10px;
    line-height: 1.4;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage__tag-form-footer .buttonPro {
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid rgba(157,255,0,.44) !important;
    border-radius: 7px !important;
    background: rgba(157,255,0,.065) !important;
    color: #dfffaa !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 32px !important;
    text-shadow: none !important;
    box-shadow: none !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage a {
    text-decoration: none;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage .eilo-event-submit__author-card a {
    color: #e6eef2;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage-select {
    position: relative;
    width: 100%;
    z-index: 1;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage-select.is-open {
    z-index: 200000;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage-select__native {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage-select__trigger {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0 13px;
    border: 1px solid rgba(151,171,190,.28);
    border-radius: 7px;
    outline: 0;
    background: #0d1923;
    color: #eaf0f3;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 12px;
    font-weight: 650;
    line-height: 1;
    text-align: left;
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
    cursor: pointer;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage-select__trigger:hover,
  body.ui-next.eilo-submit-event .eilo-event-manage-select__trigger:focus,
  body.ui-next.eilo-submit-event .eilo-event-manage-select__trigger[aria-expanded="true"] {
    border-color: rgba(157,255,0,.70);
    box-shadow: 0 0 0 2px rgba(157,255,0,.09);
  }

  body.ui-next.eilo-submit-event .eilo-event-manage-select__value {
    min-width: 0;
    overflow: hidden;
    color: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage-select__chevron {
    width: 0;
    height: 0;
    margin-left: 12px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #9dff00;
    flex: 0 0 auto;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage-select__panel {
    position: absolute;
    top: calc(100% + 7px);
    left: 0;
    right: 0;
    z-index: 100000;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid rgba(157,255,0,.42);
    border-radius: 9px;
    background: #0a141d;
    box-shadow: 0 18px 44px rgba(0,0,0,.48);
  }

  body.ui-next.eilo-submit-event .eilo-event-manage-select__panel[hidden]:not(.is-open) {
    display: none !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage-select__panel.is-open {
    display: block !important;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage-select__options {
    max-height: 220px;
    padding: 6px;
    overflow-y: auto;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage-select__option {
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 36px;
    margin: 0;
    padding: 8px 10px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #cbd6dd;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 12px;
    font-weight: 650;
    line-height: 20px;
    text-align: left;
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
    cursor: pointer;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage-select__option:hover,
  body.ui-next.eilo-submit-event .eilo-event-manage-select__option:focus {
    outline: 0;
    background: rgba(157,255,0,.09);
    color: #efffd6;
  }

  body.ui-next.eilo-submit-event .eilo-event-manage-select__option.is-selected {
    background: linear-gradient(90deg,rgba(255,0,106,.16),rgba(157,255,0,.10));
    color: #fff;
  }
}

/* ========================================================================== 
   Desktop UI Preview v13.10 — Shows manage focused rebuild
   Uses the approved show-submit layout and the stable manage contracts.
   ========================================================================== */
@media screen and (min-width: 1024px) {
  body.ui-next.eilo-submit-show .eilo-show-manage-shell {
    padding: 0 !important;
    overflow: visible !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage {
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 28px 28px;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__existing-images {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid rgba(151,171,190,.15);
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__subheading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 14px;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__subheading span,
  body.ui-next.eilo-submit-show .eilo-show-manage__subheading strong,
  body.ui-next.eilo-submit-show .eilo-show-manage__subheading small {
    display: block;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__subheading span {
    margin-bottom: 4px;
    color: #778793;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__subheading strong {
    color: #e7eef2;
    font-size: 12px;
    line-height: 1.35;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__subheading small {
    max-width: 440px;
    color: #758592;
    font-size: 10px;
    line-height: 1.45;
    text-align: right;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__image-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__image-card {
    box-sizing: border-box;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(151,171,190,.19);
    border-radius: 9px;
    background: rgba(7,13,19,.33);
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__image-card.is-main {
    border-color: rgba(157,255,0,.50);
    box-shadow: 0 0 0 1px rgba(157,255,0,.06) inset;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__image-preview {
    display: block;
    width: 100%;
    aspect-ratio: 1.55 / 1;
    overflow: hidden;
    background: #071019;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__image-preview img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__image-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 11px 5px;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__image-name {
    min-width: 0;
    overflow: hidden;
    color: #9cabb5;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 10px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__main-badge {
    flex: 0 0 auto;
    padding: 3px 7px;
    border: 1px solid rgba(157,255,0,.42);
    border-radius: 999px;
    background: rgba(157,255,0,.07);
    color: #dfffaa;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__image-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-height: 34px;
    padding: 6px 10px 10px;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__image-actions a {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 9px;
    border: 1px solid rgba(151,171,190,.25);
    border-radius: 6px;
    background: rgba(255,255,255,.025);
    color: #c8d4db !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 9px;
    font-weight: 800;
    line-height: 26px;
    text-decoration: none !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__image-actions a:hover {
    border-color: rgba(157,255,0,.48);
    color: #eaffc8 !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__image-actions .eilo-show-manage__delete:hover {
    border-color: rgba(255,0,106,.55);
    color: #ff8ab9 !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__empty-state {
    box-sizing: border-box;
    width: 100%;
    padding: 18px;
    border: 1px dashed rgba(151,171,190,.20);
    border-radius: 8px;
    background: rgba(7,13,19,.22);
    color: #758592;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 10px;
    line-height: 1.45;
    text-align: center;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__admin-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
    align-items: stretch;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__sendmail-toggle {
    min-height: 69px;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__actions {
    padding-top: 22px;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__secondary-action,
  body.ui-next.eilo-submit-show .eilo-show-manage__save {
    box-sizing: border-box !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 7px !important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 36px !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    box-shadow: none !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__secondary-action {
    border: 1px solid rgba(151,171,190,.28) !important;
    background: rgba(255,255,255,.025) !important;
    color: #cbd6dd !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__save {
    border: 1px solid #ff006a !important;
    background: #ff006a !important;
    color: #fff !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__standalone-section {
    box-sizing: border-box;
    margin: 0 28px;
    padding: 26px 0 28px;
    border-top: 1px solid rgba(151,171,190,.15);
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__genre-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 14px;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__genre {
    display: inline-flex;
    align-items: center;
    min-height: 29px;
    padding: 0 10px 0 7px;
    border: 1px solid rgba(157,255,0,.38);
    border-radius: 999px;
    background: rgba(157,255,0,.055);
    color: #e1ffb1;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 10px;
    font-weight: 700;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__genre .deltag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    border-radius: 50%;
    background: rgba(255,0,106,.18);
    color: #ff74ab !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__genre-form {
    width: 100%;
    margin: 0;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__genre-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 10px;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__genre-form-footer span {
    color: #788894;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size: 10px;
    line-height: 1.4;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__genre-form-footer .buttonPro {
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid rgba(157,255,0,.45) !important;
    border-radius: 7px !important;
    background: rgba(157,255,0,.06) !important;
    color: #dfffaa !important;
    font-size: 10px !important;
    line-height: 32px !important;
    text-shadow: none !important;
    box-shadow: none !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage a {
    text-decoration: none;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage .eilo-show-submit__author-card a {
    color: #e7eef2 !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-select.is-open {
    z-index: 200000 !important;
  }

  body.ui-next.eilo-submit-show .eilo-show-manage__admin-grid .eilo-show-select__panel {
    min-width: 100%;
  }
}

/* ========================================================================== 
   Desktop UI Preview v13.12 — My profile settings focused rebuild
   Scope: my-settings.php only. Reuses the approved manage page contract while
   preserving profile, upload, password and listening-preference behaviour.
   ========================================================================== */
@media screen and (min-width: 1024px) {
  body.ui-next.eilo-submit-settings #content { padding-top:22px !important; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage-shell { padding:0 !important; overflow:visible !important; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage { box-sizing:border-box; display:block; width:100%; margin:0; padding:0 28px 28px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__honeypot { position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow:hidden; }

  body.ui-next.eilo-submit-settings .eilo-settings-manage__section { box-sizing:border-box; padding:26px 0 28px; border-bottom:1px solid rgba(151,171,190,.15); }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__section:first-of-type { padding-top:30px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__section-heading { margin:0 0 18px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__eyebrow { display:block; margin:0 0 5px; color:#ff3b87; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:10px; font-weight:850; letter-spacing:.14em; line-height:1.2; text-transform:uppercase; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__section-heading h2 { margin:0; color:#edf3f6; font-family:'AlternateGothic2BTRegular',Arial,sans-serif; font-size:25px; font-weight:400; line-height:1.05; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__section-heading p { margin:7px 0 0; color:#81919e; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:12px; line-height:1.5; }

  body.ui-next.eilo-submit-settings .eilo-settings-manage__field { box-sizing:border-box; min-width:0; overflow:visible; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__field > label { display:block; margin:0 0 7px; color:#b9c5cd !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important; font-size:12px !important; font-weight:700 !important; line-height:1.35 !important; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__required { display:inline-block; margin-right:3px; color:#ff006a; font-weight:900; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage input[type="text"],
  body.ui-next.eilo-submit-settings .eilo-settings-manage input[type="password"] { height:44px !important; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage textarea { min-height:220px !important; }

  body.ui-next.eilo-submit-settings .eilo-settings-manage__details-grid,
  body.ui-next.eilo-submit-settings .eilo-settings-manage__links-grid,
  body.ui-next.eilo-submit-settings .eilo-settings-manage__account-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__media-grid { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr); gap:20px; align-items:start; margin-top:20px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__password-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:18px; }

  body.ui-next.eilo-submit-settings .eilo-settings-manage__readonly-card,
  body.ui-next.eilo-submit-settings .eilo-settings-manage__password-note { box-sizing:border-box; min-height:69px; border:1px solid rgba(151,171,190,.17); border-radius:8px; background:rgba(7,13,19,.30); }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__readonly-card { display:flex; align-items:center; justify-content:space-between; padding:13px 14px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__readonly-card span { color:#7f8f9c; font-size:10px; font-weight:750; text-transform:uppercase; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__readonly-card strong { color:#e7eef2; font-size:12px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__password-note { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:14px; padding:12px 14px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__password-note strong,
  body.ui-next.eilo-submit-settings .eilo-settings-manage__password-note span { display:block; grid-column:1; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__password-note strong { color:#e5edf1; font-size:12px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__password-note span { margin-top:4px; color:#81919e; font-size:10px; line-height:1.45; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__password-note code { grid-column:2; grid-row:1 / span 2; padding:7px 9px; border:1px solid rgba(157,255,0,.25); border-radius:6px; background:rgba(157,255,0,.05); color:#dfffaa; font-size:11px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__password-note--quiet { grid-template-columns:1fr; }

  body.ui-next.eilo-submit-settings .eilo-settings-manage__upload { min-height:116px; padding:14px !important; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__upload-help { display:inline-block; margin-left:12px; color:#788894; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:10px; line-height:32px; vertical-align:top; }

  body.ui-next.eilo-submit-settings .eilo-settings-manage__existing-images { margin-top:22px; padding-top:22px; border-top:1px solid rgba(151,171,190,.15); }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__subheading { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:14px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__subheading span,
  body.ui-next.eilo-submit-settings .eilo-settings-manage__subheading strong,
  body.ui-next.eilo-submit-settings .eilo-settings-manage__subheading small { display:block; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__subheading span { color:#ff3b87; font-size:10px; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__subheading strong { margin-top:4px; color:#edf3f6; font-size:13px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__subheading small { max-width:420px; color:#81919e; font-size:10px; line-height:1.45; text-align:right; }

  body.ui-next.eilo-submit-settings .eilo-settings-manage__image-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__image-card { box-sizing:border-box; overflow:hidden; border:1px solid rgba(151,171,190,.19); border-radius:9px; background:rgba(7,13,19,.30); }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__image-card.is-main { border-color:rgba(157,255,0,.48); box-shadow:0 0 0 1px rgba(157,255,0,.08); }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__image-preview { display:block; width:100%; aspect-ratio:16/10; overflow:hidden; background:#081018; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__image-preview img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__image-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:40px; padding:9px 10px 5px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__image-name { min-width:0; overflow:hidden; color:#aebbc4; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__main-badge { flex:0 0 auto; padding:4px 7px; border:1px solid rgba(157,255,0,.42); border-radius:999px; background:rgba(157,255,0,.08); color:#d8ff96; font-size:9px; font-weight:850; text-transform:uppercase; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__image-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; padding:6px 10px 10px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__image-actions a { min-height:28px; padding:0 9px; border:1px solid rgba(151,171,190,.22); border-radius:6px; background:#101c26; color:#c5d0d7; font-size:10px; font-weight:750; line-height:26px; text-decoration:none; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__image-actions a:hover { border-color:rgba(157,255,0,.45); color:#eaffc9; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__image-actions .eilo-settings-manage__delete:hover { border-color:rgba(255,0,106,.55); color:#ffb4d0; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__empty-state { box-sizing:border-box; padding:15px; border:1px dashed rgba(151,171,190,.18); border-radius:8px; color:#81919e; font-size:11px; text-align:center; }

  body.ui-next.eilo-submit-settings .eilo-settings-manage__actions { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; padding:22px 0 0; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__action-copy strong,
  body.ui-next.eilo-submit-settings .eilo-settings-manage__action-copy span { display:block; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__action-copy strong { color:#e8eef2; font-size:12px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__action-copy span { margin-top:4px; color:#768693; font-size:10px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__action-controls { display:flex; align-items:flex-end; justify-content:flex-end; flex-wrap:wrap; gap:14px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__secondary-action,
  body.ui-next.eilo-submit-settings .eilo-settings-manage__save { box-sizing:border-box !important; min-height:38px !important; margin:0 !important; padding:0 14px !important; border-radius:7px !important; font-size:11px !important; font-weight:850 !important; line-height:36px !important; text-transform:none !important; text-shadow:none !important; box-shadow:none !important; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__secondary-action { border:1px solid rgba(151,171,190,.28) !important; background:#111e29 !important; color:#cbd6dc !important; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__save { border:1px solid #ff006a !important; background:#ff006a !important; color:#fff !important; }

  body.ui-next.eilo-submit-settings .eilo-settings-manage__standalone-section { box-sizing:border-box; margin:0 28px; padding:26px 0 28px; border-top:1px solid rgba(151,171,190,.15); }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__genre-list { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__genre { display:inline-flex; align-items:center; gap:7px; min-height:28px; padding:0 9px; border:1px solid rgba(157,255,0,.30); border-radius:999px; background:rgba(157,255,0,.06); color:#d8ff99; font-size:11px; font-weight:750; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__genre .deltag { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; background:rgba(255,0,106,.12); color:#ff78aa; font-size:14px; line-height:18px; text-decoration:none; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__genre-form { margin-top:14px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__genre-form-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; margin-top:10px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__genre-form-footer span { color:#84949f; font-size:11px; }
  body.ui-next.eilo-submit-settings .eilo-settings-manage__genre-form-footer .buttonPro { min-height:34px !important; margin:0 !important; padding:0 12px !important; border:1px solid rgba(157,255,0,.42) !important; border-radius:6px !important; background:rgba(157,255,0,.06) !important; color:#dcffa6 !important; font-size:11px !important; line-height:32px !important; text-shadow:none !important; box-shadow:none !important; }

  body.ui-next.eilo-submit-settings .eilo-country-select { position:relative; width:100%; z-index:1000; }
  body.ui-next.eilo-submit-settings .eilo-country-select.is-open { z-index:200000; }
  body.ui-next.eilo-submit-settings .eilo-country-select__native { position:absolute !important; width:1px !important; height:1px !important; margin:-1px !important; padding:0 !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; clip-path:inset(50%) !important; white-space:nowrap !important; border:0 !important; opacity:0 !important; pointer-events:none !important; }
  body.ui-next.eilo-submit-settings .eilo-country-select__trigger { box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; width:100%; height:44px; margin:0; padding:0 13px; border:1px solid rgba(151,171,190,.28); border-radius:7px; outline:0; background:#0d1923; color:#eaf0f3; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:12px; font-weight:600; line-height:1; text-align:left; text-transform:none; text-shadow:none; box-shadow:none; cursor:pointer; }
  body.ui-next.eilo-submit-settings .eilo-country-select__trigger:hover,
  body.ui-next.eilo-submit-settings .eilo-country-select__trigger:focus,
  body.ui-next.eilo-submit-settings .eilo-country-select__trigger[aria-expanded="true"] { border-color:rgba(157,255,0,.70); box-shadow:0 0 0 2px rgba(157,255,0,.09); }
  body.ui-next.eilo-submit-settings .eilo-country-select__value { min-width:0; overflow:hidden; color:inherit; text-overflow:ellipsis; white-space:nowrap; }
  body.ui-next.eilo-submit-settings .eilo-country-select__chevron { width:0; height:0; margin-left:12px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #9dff00; flex:0 0 auto; }
  body.ui-next.eilo-submit-settings .eilo-country-select__panel { position:absolute; top:calc(100% + 7px); left:0; right:0; z-index:100000; box-sizing:border-box; overflow:hidden; border:1px solid rgba(157,255,0,.42); border-radius:9px; background:#0a141d; box-shadow:0 18px 44px rgba(0,0,0,.48); }
  body.ui-next.eilo-submit-settings .eilo-country-select__panel[hidden]:not(.is-open) { display:none !important; }
  body.ui-next.eilo-submit-settings .eilo-country-select__panel.is-open { display:block !important; }
  body.ui-next.eilo-submit-settings .eilo-country-select__search-wrap { padding:10px; border-bottom:1px solid rgba(151,171,190,.15); background:#0c1821; }
  body.ui-next.eilo-submit-settings .eilo-country-select__search { box-sizing:border-box !important; width:100% !important; height:38px !important; margin:0 !important; padding:0 11px !important; border:1px solid rgba(151,171,190,.28) !important; border-radius:6px !important; background:#101f2a !important; color:#eef4f7 !important; font-size:12px !important; box-shadow:none !important; }
  body.ui-next.eilo-submit-settings .eilo-country-select__search:focus { border-color:rgba(157,255,0,.70) !important; outline:0 !important; }
  body.ui-next.eilo-submit-settings .eilo-country-select__options { max-height:270px; padding:6px; overflow-x:hidden; overflow-y:auto; scrollbar-width:thin; scrollbar-color:rgba(157,255,0,.55) #0a141d; }
  body.ui-next.eilo-submit-settings .eilo-country-select__option { box-sizing:border-box; display:block; width:100%; min-height:34px; margin:0; padding:8px 10px; border:0; border-radius:5px; background:transparent; color:#cbd6dd; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:12px; font-weight:600; line-height:18px; text-align:left; text-transform:none; text-shadow:none; box-shadow:none; cursor:pointer; }
  body.ui-next.eilo-submit-settings .eilo-country-select__option:hover,
  body.ui-next.eilo-submit-settings .eilo-country-select__option:focus { outline:0; background:rgba(157,255,0,.09); color:#efffd6; }
  body.ui-next.eilo-submit-settings .eilo-country-select__option.is-selected { background:linear-gradient(90deg,rgba(255,0,106,.16),rgba(157,255,0,.10)); color:#fff; }
}

@media screen and (min-width: 1500px) {
  body.ui-next.eilo-submit-settings .container_16 { width:1140px !important; }
  body.ui-next.eilo-submit-settings .top-message.eilo-manage-heading,
  body.ui-next.eilo-submit-settings .top-message.eilo-manage-heading.eilo-page-heading { box-sizing:border-box !important; width:1130px !important; margin-right:5px !important; margin-left:5px !important; }
  body.ui-next.eilo-submit-settings #content { box-sizing:border-box !important; width:1130px !important; margin-right:auto !important; margin-left:auto !important; }
}

/* ========================================================================== 
   Desktop UI Preview v13.13.1 — Messages final visual polish
   Inbox, reader, folder management and native mutation contract.
   ========================================================================== */
@media screen and (min-width: 1024px) {
  body.ui-next.eilo-page-messages {
    color:#91a0af;
    background:
      radial-gradient(circle at 6% 12%,rgba(255,0,106,.07),transparent 31%),
      radial-gradient(circle at 95% 8%,rgba(157,255,0,.045),transparent 29%),
      linear-gradient(180deg,#091018 0%,#070d13 58%,#070c12 100%) !important;
  }

  body.ui-next.eilo-page-messages #pageslide-body-wrap {
    min-height:760px;
    background:
      radial-gradient(circle at 7% 2%,rgba(255,0,106,.05),transparent 30%),
      radial-gradient(circle at 94% 4%,rgba(157,255,0,.035),transparent 28%),
      linear-gradient(180deg,#091018 0%,#070d13 58%,#070c12 100%) !important;
  }

  body.ui-next.eilo-page-messages .container_16 {
    width:960px !important;
  }

  body.ui-next.eilo-page-messages .top-message.eilo-manage-heading,
  body.ui-next.eilo-page-messages .top-message.eilo-manage-heading.eilo-page-heading {
    box-sizing:border-box !important;
    width:950px !important;
    margin-right:5px !important;
    margin-left:5px !important;
  }

  body.ui-next.eilo-page-messages #content {
    box-sizing:border-box;
    width:950px !important;
    max-width:calc(100% - 20px);
    min-height:620px;
    margin:24px auto 120px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  body.ui-next.eilo-page-messages #content > .grid_18 {
    float:none;
    box-sizing:border-box;
    width:100%;
    margin:0;
  }

  body.ui-next.eilo-page-messages #formdiv.eilo-messages-shell {
    box-sizing:border-box;
    width:100%;
    margin:0;
    padding:0;
    overflow:visible;
    border:1px solid rgba(151,171,190,.20);
    border-radius:11px;
    background:linear-gradient(180deg,rgba(15,27,37,.98),rgba(8,16,23,.98));
    box-shadow:0 18px 48px rgba(0,0,0,.22);
  }

  body.ui-next.eilo-page-messages .eilo-messages-page {
    box-sizing:border-box;
    width:100%;
    color:#cbd6dd;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  }

  body.ui-next.eilo-page-messages .eilo-messages-toolbar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:18px 22px;
    border-bottom:1px solid rgba(151,171,190,.15);
  }

  body.ui-next.eilo-page-messages .eilo-messages-nav {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
  }

  body.ui-next.eilo-page-messages .eilo-messages-nav a {
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 11px;
    border:1px solid rgba(151,171,190,.18);
    border-radius:7px;
    background:rgba(7,13,19,.28);
    color:#aebbc4;
    font-size:11px;
    font-weight:750;
    text-decoration:none;
  }

  body.ui-next.eilo-page-messages .eilo-messages-nav a:hover,
  body.ui-next.eilo-page-messages .eilo-messages-nav a.is-active {
    border-color:rgba(157,255,0,.42);
    background:rgba(157,255,0,.07);
    color:#e2ffb0;
  }

  body.ui-next.eilo-page-messages .eilo-messages-nav a.eilo-messages-nav__manage {
    border-color:rgba(255,0,106,.24);
    color:#ff9ac1;
  }

  body.ui-next.eilo-page-messages .eilo-messages-new {
    box-sizing:border-box !important;
    flex:0 0 auto;
    min-height:36px !important;
    margin:0 !important;
    padding:0 14px !important;
    border:1px solid #ff006a !important;
    border-radius:7px !important;
    background:#ff006a !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:850 !important;
    line-height:34px !important;
    text-decoration:none !important;
    text-shadow:none !important;
    box-shadow:none !important;
  }

  body.ui-next.eilo-page-messages .eilo-messages-section { padding:26px 28px 30px; }
  body.ui-next.eilo-page-messages .eilo-messages-section__heading {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:28px;
    margin-bottom:22px;
  }
  body.ui-next.eilo-page-messages .eilo-messages-eyebrow {
    display:block;
    margin-bottom:5px;
    color:#ff3b87;
    font-size:10px;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase;
  }
  body.ui-next.eilo-page-messages .eilo-messages-section h2,
  body.ui-next.eilo-page-messages .eilo-messages-folder-card h3,
  body.ui-next.eilo-page-messages .eilo-messages-folder-editor h3 {
    margin:0;
    color:#edf3f6;
    font-family:AlternateGothic2BTRegular,"Arial Narrow",Arial,sans-serif;
    font-weight:400;
    text-transform:uppercase;
  }
  body.ui-next.eilo-page-messages .eilo-messages-section h2 { font-size:27px; line-height:1; }
  body.ui-next.eilo-page-messages .eilo-messages-folder-card h3,
  body.ui-next.eilo-page-messages .eilo-messages-folder-editor h3 { font-size:21px; }
  body.ui-next.eilo-page-messages .eilo-messages-section__heading p,
  body.ui-next.eilo-page-messages .eilo-messages-folder-card p { margin:7px 0 0; color:#82929e; font-size:11px; line-height:1.5; }

  body.ui-next.eilo-page-messages .eilo-messages-jump {
    display:flex;
    align-items:center;
    gap:9px;
    flex:0 0 auto;
  }
  body.ui-next.eilo-page-messages .eilo-messages-jump label,
  body.ui-next.eilo-page-messages .eilo-messages-bulk__actions label,
  body.ui-next.eilo-page-messages .eilo-messages-reader__move label {
    color:#8c9aa5;
    font-size:11px;
    font-weight:750;
  }
  body.ui-next.eilo-page-messages .eilo-messages-select-wrap { position:relative; display:inline-block; min-width:150px; }
  body.ui-next.eilo-page-messages .eilo-messages-select-wrap:after {
    content:"";
    position:absolute;
    top:50%;
    right:12px;
    width:0;
    height:0;
    margin-top:-2px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:6px solid #9dff00;
    pointer-events:none;
  }
  body.ui-next.eilo-page-messages .eilo-messages-select {
    box-sizing:border-box;
    width:100%;
    height:38px;
    margin:0;
    padding:0 34px 0 11px;
    border:1px solid rgba(151,171,190,.28);
    border-radius:7px;
    outline:0;
    appearance:none;
    -webkit-appearance:none;
    background:#0d1923;
    color:#e7eef2;
    font-size:11px;
    font-weight:650;
  }
  body.ui-next.eilo-page-messages .eilo-messages-select:focus { border-color:rgba(157,255,0,.65); box-shadow:0 0 0 2px rgba(157,255,0,.08); }

  body.ui-next.eilo-page-messages .eilo-messages-jump .buttonPro,
  body.ui-next.eilo-page-messages .eilo-messages-bulk .buttonPro,
  body.ui-next.eilo-page-messages .eilo-messages-reader .buttonPro,
  body.ui-next.eilo-page-messages .eilo-messages-folder-card .buttonPro,
  body.ui-next.eilo-page-messages .eilo-messages-folder-editor .buttonPro {
    box-sizing:border-box !important;
    min-height:36px !important;
    margin:0 !important;
    padding:0 12px !important;
    border:1px solid rgba(157,255,0,.40) !important;
    border-radius:7px !important;
    background:rgba(157,255,0,.07) !important;
    color:#dcffa6 !important;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:34px !important;
    text-transform:none !important;
    text-shadow:none !important;
    box-shadow:none !important;
  }
  body.ui-next.eilo-page-messages .eilo-messages-reader .buttonPro.dark,
  body.ui-next.eilo-page-messages .eilo-messages-folder-editor .buttonPro.dark {
    border-color:rgba(151,171,190,.26) !important;
    background:#101c26 !important;
    color:#c7d2d9 !important;
  }
  body.ui-next.eilo-page-messages .eilo-messages-bulk .buttonPro.red,
  body.ui-next.eilo-page-messages .eilo-messages-reader .buttonPro.red {
    border-color:rgba(255,0,106,.55) !important;
    background:rgba(255,0,106,.10) !important;
    color:#ff9bc1 !important;
  }

  body.ui-next.eilo-page-messages .eilo-messages-table {
    overflow:hidden;
    border:1px solid rgba(151,171,190,.18);
    border-radius:9px;
    background:rgba(5,11,16,.28);
  }
  body.ui-next.eilo-page-messages .eilo-messages-table__head,
  body.ui-next.eilo-page-messages .eilo-messages-row {
    display:grid;
    grid-template-columns:58px minmax(260px,1fr) 190px 190px 64px;
    align-items:center;
    column-gap:0;
  }
  body.ui-next.eilo-page-messages .eilo-messages-table__head {
    min-height:38px;
    border-bottom:1px solid rgba(151,171,190,.18);
    background:rgba(17,30,41,.85);
    color:#7f8e9a;
    font-size:10px;
    font-weight:850;
    letter-spacing:.06em;
    text-transform:uppercase;
  }
  body.ui-next.eilo-page-messages .eilo-messages-table__head span,
  body.ui-next.eilo-page-messages .eilo-messages-row > span { box-sizing:border-box; padding:0 12px; }
  body.ui-next.eilo-page-messages .eilo-messages-row {
    min-height:58px;
    border-bottom:1px solid rgba(151,171,190,.11);
    color:#aebbc4;
    font-size:11px;
    transition:background .15s ease;
  }
  body.ui-next.eilo-page-messages .eilo-messages-row:last-child { border-bottom:0; }
  body.ui-next.eilo-page-messages .eilo-messages-row:hover { background:rgba(157,255,0,.035); }
  body.ui-next.eilo-page-messages .eilo-messages-row.is-unread { background:rgba(255,0,106,.035); }
  body.ui-next.eilo-page-messages .eilo-messages-row.is-unread .eilo-messages-row__subject a { color:#fff; font-weight:850; }
  body.ui-next.eilo-page-messages .eilo-messages-row__status { text-align:center; }
  body.ui-next.eilo-page-messages .eilo-messages-row__status i {
    display:inline-block;
    width:9px;
    height:9px;
    border:1px solid rgba(151,171,190,.38);
    border-radius:50%;
    background:#14222d;
  }
  body.ui-next.eilo-page-messages .eilo-messages-row.is-unread .eilo-messages-row__status i { border-color:#ff006a; background:#ff006a; box-shadow:0 0 0 3px rgba(255,0,106,.10); }
  body.ui-next.eilo-page-messages .eilo-messages-row__subject a { color:#dbe4e9; font-size:12px; font-weight:700; text-decoration:none; }
  body.ui-next.eilo-page-messages .eilo-messages-row__subject a:hover { color:#dfffaa; }
  body.ui-next.eilo-page-messages .eilo-messages-row__person small { display:inline-block; margin-left:7px; padding:3px 5px; border-radius:999px; background:rgba(255,0,106,.10); color:#ff8eb9; font-size:9px; font-weight:800; text-transform:uppercase; }
  body.ui-next.eilo-page-messages .eilo-messages-row__date { color:#8796a1; white-space:nowrap; }
  body.ui-next.eilo-page-messages .eilo-messages-row__check { text-align:center; }
  body.ui-next.eilo-page-messages input[type="checkbox"] {
    -webkit-appearance:none;
    appearance:none;
    position:relative;
    display:inline-block;
    box-sizing:border-box;
    width:18px;
    height:18px;
    margin:0 !important;
    padding:0 !important;
    border:1px solid rgba(151,171,190,.48) !important;
    border-radius:5px;
    outline:0;
    background:#0b1720 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
    vertical-align:middle;
    cursor:pointer;
    transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
  }
  body.ui-next.eilo-page-messages input[type="checkbox"]:hover,
  body.ui-next.eilo-page-messages input[type="checkbox"]:focus {
    border-color:rgba(157,255,0,.78) !important;
    box-shadow:0 0 0 3px rgba(157,255,0,.08);
  }
  body.ui-next.eilo-page-messages input[type="checkbox"]:checked {
    border-color:#9dff00 !important;
    background:#9dff00 !important;
    box-shadow:0 0 0 3px rgba(157,255,0,.09);
  }
  body.ui-next.eilo-page-messages input[type="checkbox"]:checked:after {
    content:"";
    position:absolute;
    top:3px;
    left:5px;
    display:block;
    width:5px;
    height:8px;
    border-right:2px solid #071117;
    border-bottom:2px solid #071117;
    transform:rotate(45deg);
  }

  body.ui-next.eilo-page-messages .eilo-messages-bulk {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:14px;
    padding:13px 14px;
    border:1px solid rgba(151,171,190,.15);
    border-radius:8px;
    background:rgba(7,13,19,.26);
  }
  body.ui-next.eilo-page-messages .eilo-messages-selection,
  body.ui-next.eilo-page-messages .eilo-messages-bulk__actions { display:flex; align-items:center; gap:8px; }
  body.ui-next.eilo-page-messages .eilo-messages-selection > span { margin-right:3px; color:#8b9aa5; font-size:11px; font-weight:750; }
  body.ui-next.eilo-page-messages .eilo-messages-selection button {
    min-height:30px;
    padding:0 9px;
    border:1px solid rgba(151,171,190,.20);
    border-radius:6px;
    background:#101c26;
    color:#bdc9d0;
    font-size:10px;
    font-weight:750;
    cursor:pointer;
  }
  body.ui-next.eilo-page-messages .eilo-messages-pager {
    margin-top:20px;
    text-align:center;
  }
  body.ui-next.eilo-page-messages .eilo-messages-pager .page-navi {
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:6px;
    width:auto !important;
    min-height:38px;
    margin:0 !important;
    padding:5px !important;
    border:1px solid rgba(151,171,190,.16);
    border-radius:9px;
    background:rgba(7,13,19,.34);
    color:#788894;
    font-size:11px;
    line-height:1;
  }
  body.ui-next.eilo-page-messages .eilo-messages-pager .page-navi > a.buttonPro {
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-width:32px !important;
    height:30px !important;
    min-height:30px !important;
    margin:0 !important;
    padding:0 9px !important;
    border:1px solid rgba(151,171,190,.22) !important;
    border-radius:6px !important;
    background:#101c26 !important;
    color:#bcc9d1 !important;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:28px !important;
    text-decoration:none !important;
    text-shadow:none !important;
    box-shadow:none !important;
  }
  body.ui-next.eilo-page-messages .eilo-messages-pager .page-navi > a.buttonPro:hover {
    border-color:rgba(157,255,0,.50) !important;
    background:rgba(157,255,0,.07) !important;
    color:#e0ffad !important;
  }
  body.ui-next.eilo-page-messages .eilo-messages-pager .page-navi > a.buttonPro.grey {
    border-color:#9dff00 !important;
    background:#9dff00 !important;
    color:#071117 !important;
    cursor:default !important;
  }
  body.ui-next.eilo-page-messages .eilo-messages-pager .page-navi font {
    color:inherit !important;
    font-family:inherit !important;
    font-size:11px !important;
    font-weight:800 !important;
  }

  body.ui-next.eilo-page-messages .eilo-messages-empty {
    box-sizing:border-box;
    padding:34px 22px;
    border:1px dashed rgba(151,171,190,.20);
    border-radius:9px;
    background:rgba(7,13,19,.20);
    text-align:center;
  }
  body.ui-next.eilo-page-messages .eilo-messages-empty strong,
  body.ui-next.eilo-page-messages .eilo-messages-empty span { display:block; }
  body.ui-next.eilo-page-messages .eilo-messages-empty strong { color:#e3ebef; font-size:13px; }
  body.ui-next.eilo-page-messages .eilo-messages-empty span { margin-top:6px; color:#7f8f9b; font-size:11px; }

  body.ui-next.eilo-page-messages .eilo-messages-reader__top-actions { display:flex; align-items:center; gap:9px; }
  body.ui-next.eilo-page-messages .eilo-messages-reader__meta {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-bottom:16px;
  }
  body.ui-next.eilo-page-messages .eilo-messages-reader__meta > div {
    box-sizing:border-box;
    min-height:68px;
    padding:13px 14px;
    border:1px solid rgba(151,171,190,.16);
    border-radius:8px;
    background:rgba(7,13,19,.26);
  }
  body.ui-next.eilo-page-messages .eilo-messages-reader__meta span,
  body.ui-next.eilo-page-messages .eilo-messages-reader__meta strong,
  body.ui-next.eilo-page-messages .eilo-messages-reader__meta a { display:block; }
  body.ui-next.eilo-page-messages .eilo-messages-reader__meta span { color:#768692; font-size:10px; font-weight:800; text-transform:uppercase; }
  body.ui-next.eilo-page-messages .eilo-messages-reader__meta strong,
  body.ui-next.eilo-page-messages .eilo-messages-reader__meta a { margin-top:6px; color:#e4ecef; font-size:12px; font-weight:750; text-decoration:none; }
  body.ui-next.eilo-page-messages .eilo-messages-reader__meta a:hover { color:#dfffaa; }
  body.ui-next.eilo-page-messages .eilo-messages-reader__body {
    box-sizing:border-box;
    min-height:220px;
    padding:22px;
    border:1px solid rgba(151,171,190,.18);
    border-radius:9px;
    background:#0b1720;
    color:#d0dbe1;
    font-size:13px;
    line-height:1.75;
    overflow-wrap:anywhere;
  }
  body.ui-next.eilo-page-messages .eilo-messages-reader__actions {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:16px;
    padding-top:16px;
    border-top:1px solid rgba(151,171,190,.14);
  }
  body.ui-next.eilo-page-messages .eilo-messages-reader__actions form,
  body.ui-next.eilo-page-messages .eilo-messages-reader__move { display:flex; align-items:center; gap:9px; margin:0; }

  body.ui-next.eilo-page-messages .eilo-messages-folder-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }
  body.ui-next.eilo-page-messages .eilo-messages-folder-card,
  body.ui-next.eilo-page-messages .eilo-messages-folder-editor {
    box-sizing:border-box;
    border:1px solid rgba(151,171,190,.17);
    border-radius:9px;
    background:rgba(7,13,19,.26);
  }
  body.ui-next.eilo-page-messages .eilo-messages-folder-card { display:flex; flex-direction:column; gap:12px; padding:18px; }
  body.ui-next.eilo-page-messages .eilo-messages-folder-card--info { justify-content:center; }
  body.ui-next.eilo-page-messages .eilo-messages-folder-card label,
  body.ui-next.eilo-page-messages .eilo-messages-folder-editor label { color:#aebbc4; font-size:11px; font-weight:750; }
  body.ui-next.eilo-page-messages .eilo-messages-folder-card input[type="text"],
  body.ui-next.eilo-page-messages .eilo-messages-folder-editor input[type="text"] {
    box-sizing:border-box;
    width:100%;
    height:42px;
    margin:0;
    padding:0 12px;
    border:1px solid rgba(151,171,190,.25);
    border-radius:7px;
    outline:0;
    background:#0d1923;
    color:#e7eef2;
    font-size:12px;
  }
  body.ui-next.eilo-page-messages .eilo-messages-folder-card input[type="text"]:focus,
  body.ui-next.eilo-page-messages .eilo-messages-folder-editor input[type="text"]:focus { border-color:rgba(157,255,0,.62); box-shadow:0 0 0 2px rgba(157,255,0,.08); }
  body.ui-next.eilo-page-messages .eilo-messages-folder-card__save { align-self:flex-end; }
  body.ui-next.eilo-page-messages .eilo-messages-folder-editor { margin-top:18px; padding:18px; }
  body.ui-next.eilo-page-messages .eilo-messages-folder-editor__heading { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:15px; }
  body.ui-next.eilo-page-messages .eilo-messages-folder-editor__heading small { color:#81919e; font-size:10px; }
  body.ui-next.eilo-page-messages .eilo-messages-folder-editor__fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
  body.ui-next.eilo-page-messages .eilo-messages-folder-editor__fields label span { display:block; margin-bottom:7px; }
  body.ui-next.eilo-page-messages .eilo-messages-folder-editor__actions { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:18px; padding-top:16px; border-top:1px solid rgba(151,171,190,.14); }
}

@media screen and (min-width: 1500px) {
  body.ui-next.eilo-page-messages .container_16 {
    width:1140px !important;
  }

  body.ui-next.eilo-page-messages .top-message.eilo-manage-heading,
  body.ui-next.eilo-page-messages .top-message.eilo-manage-heading.eilo-page-heading {
    width:1130px !important;
  }

  body.ui-next.eilo-page-messages #content {
    width:1130px !important;
    max-width:1130px !important;
  }
}

/* ========================================================================
   Send message — focused composer rebuild
   ======================================================================== */
@media screen and (min-width:1024px) {
  body.ui-next.eilo-page-sendmessage {
    background:
      radial-gradient(circle at 5% 0%,rgba(255,0,106,.045),transparent 30%),
      radial-gradient(circle at 94% 4%,rgba(157,255,0,.035),transparent 28%),
      linear-gradient(180deg,#091018 0%,#070d13 58%,#070c12 100%) !important;
  }

  body.ui-next.eilo-page-sendmessage .container_16 {
    width:960px !important;
  }

  body.ui-next.eilo-page-sendmessage .top-message.eilo-manage-heading,
  body.ui-next.eilo-page-sendmessage .top-message.eilo-manage-heading.eilo-page-heading {
    box-sizing:border-box !important;
    width:950px !important;
    margin-right:5px !important;
    margin-left:5px !important;
  }

  body.ui-next.eilo-page-sendmessage #content {
    box-sizing:border-box;
    width:950px !important;
    max-width:calc(100% - 20px);
    min-height:620px;
    margin:24px auto 120px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  body.ui-next.eilo-page-sendmessage #content > .grid_18 {
    float:none;
    box-sizing:border-box;
    width:100%;
    margin:0;
  }

  body.ui-next.eilo-page-sendmessage #formdiv.eilo-sendmessage-shell {
    box-sizing:border-box;
    width:100%;
    margin:0;
    padding:0;
    overflow:visible;
    border:1px solid rgba(151,171,190,.20);
    border-radius:11px;
    background:linear-gradient(180deg,rgba(15,27,37,.98),rgba(8,16,23,.98));
    box-shadow:0 18px 48px rgba(0,0,0,.22);
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-page {
    box-sizing:border-box;
    width:100%;
    color:#cbd6dd;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-toolbar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:18px 22px;
    border-bottom:1px solid rgba(151,171,190,.15);
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-nav {
    display:flex;
    align-items:center;
    gap:7px;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-nav a,
  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-back {
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-height:34px !important;
    margin:0 !important;
    padding:0 11px !important;
    border:1px solid rgba(151,171,190,.18) !important;
    border-radius:7px !important;
    background:rgba(7,13,19,.28) !important;
    color:#aebbc4 !important;
    font-size:11px !important;
    font-weight:750 !important;
    line-height:32px !important;
    text-decoration:none !important;
    text-shadow:none !important;
    box-shadow:none !important;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-nav a:hover,
  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-back:hover {
    border-color:rgba(157,255,0,.42) !important;
    background:rgba(157,255,0,.07) !important;
    color:#e2ffb0 !important;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-section {
    padding:28px;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-section__heading {
    margin-bottom:22px;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-eyebrow {
    display:block;
    margin-bottom:7px;
    color:#ff1680;
    font-size:10px;
    font-weight:900;
    letter-spacing:.13em;
    text-transform:uppercase;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-section h2 {
    margin:0;
    color:#eef3f6;
    font-family:"AlternateGothic2BTRegular",Impact,"Arial Narrow",sans-serif;
    font-size:30px;
    font-weight:400;
    line-height:1;
    text-transform:uppercase;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-section__heading p {
    margin:8px 0 0;
    color:#8797a3;
    font-size:12px;
    line-height:1.55;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-reply-context {
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 16px;
    padding:11px 13px;
    border:1px solid rgba(157,255,0,.20);
    border-left:3px solid #9dff00;
    border-radius:8px;
    background:rgba(157,255,0,.035);
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-reply-context span {
    color:#7f909c;
    font-size:10px;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-reply-context strong {
    color:#dbe7ed;
    font-size:12px;
    font-weight:750;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-form {
    margin:0;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-block {
    box-sizing:border-box;
    margin-top:16px;
    padding:20px;
    border:1px solid rgba(151,171,190,.16);
    border-radius:9px;
    background:rgba(7,13,19,.26);
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-block:first-child {
    margin-top:0;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-block__heading {
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:20px;
    margin-bottom:14px;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-block__heading > span {
    color:#e4edf1;
    font-size:13px;
    font-weight:850;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-block__heading small {
    color:#81919d;
    font-size:11px;
    line-height:1.45;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-recipient-card {
    display:flex;
    align-items:center;
    gap:13px;
    min-height:74px;
    padding:11px 13px;
    border:1px solid rgba(151,171,190,.19);
    border-radius:8px;
    background:#0b1720;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-recipient-card img {
    flex:0 0 auto;
    width:52px;
    height:52px;
    border:1px solid rgba(151,171,190,.25);
    border-radius:50%;
    object-fit:cover;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-recipient-card > div {
    min-width:0;
    flex:1 1 auto;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-recipient-card > div a,
  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-recipient-card > div span {
    display:block;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-recipient-card > div a {
    color:#eef5f7;
    font-size:14px;
    font-weight:850;
    text-decoration:none;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-recipient-card > div a:hover {
    color:#dfffaa;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-recipient-card > div span {
    margin-top:4px;
    color:#7f909b;
    font-size:11px;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-change {
    flex:0 0 auto;
    padding:7px 9px;
    border:1px solid rgba(255,0,106,.28);
    border-radius:6px;
    color:#ff8fba;
    font-size:10px;
    font-weight:800;
    text-decoration:none;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-change:hover {
    border-color:rgba(255,0,106,.55);
    background:rgba(255,0,106,.07);
    color:#ffc0d8;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-field {
    display:block;
    margin-top:14px;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-field:first-child {
    margin-top:0;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-field > span {
    display:block;
    margin-bottom:7px;
    color:#aebbc4;
    font-size:11px;
    font-weight:750;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-field > span b {
    color:#ff1680;
    font-weight:900;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-field input[type="text"],
  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-field textarea {
    box-sizing:border-box;
    width:100%;
    margin:0;
    border:1px solid rgba(151,171,190,.27);
    border-radius:8px;
    outline:0;
    background:#0d1923;
    color:#e7eef2;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size:13px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.015);
    transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-field input[type="text"] {
    height:44px;
    padding:0 13px;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-field textarea {
    min-height:300px;
    padding:13px;
    line-height:1.65;
    resize:vertical;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-field input[type="text"]:focus,
  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-field textarea:focus {
    border-color:rgba(157,255,0,.65);
    background:#0e1c26;
    box-shadow:0 0 0 3px rgba(157,255,0,.07);
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-field input::placeholder,
  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-field textarea::placeholder {
    color:#61727f;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-actions {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid rgba(151,171,190,.14);
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-actions > div:first-child strong,
  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-actions > div:first-child span {
    display:block;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-actions > div:first-child strong {
    color:#e2ebef;
    font-size:12px;
    font-weight:850;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-actions > div:first-child span {
    margin-top:4px;
    color:#7f8f9b;
    font-size:11px;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-actions__buttons {
    display:flex;
    align-items:center;
    gap:9px;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-actions .buttonPro {
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-height:38px !important;
    margin:0 !important;
    padding:0 15px !important;
    border-radius:7px !important;
    font-size:11px !important;
    font-weight:850 !important;
    line-height:36px !important;
    text-decoration:none !important;
    text-shadow:none !important;
    box-shadow:none !important;
    cursor:pointer;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-actions .buttonPro.dark {
    border:1px solid rgba(151,171,190,.24) !important;
    background:#101c26 !important;
    color:#c2cdd4 !important;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-submit {
    border:1px solid #ff006a !important;
    background:#ff006a !important;
    color:#fff !important;
  }

  body.ui-next.eilo-page-sendmessage .eilo-sendmessage-submit:hover {
    border-color:#ff3189 !important;
    background:#ff1678 !important;
  }

  body.ui-next.eilo-page-sendmessage .eilo-manage-feedback a {
    color:#dfffaa;
    font-weight:800;
    text-decoration:none;
  }
}

@media screen and (min-width:1500px) {
  body.ui-next.eilo-page-sendmessage .container_16 {
    width:1140px !important;
  }

  body.ui-next.eilo-page-sendmessage .top-message.eilo-manage-heading,
  body.ui-next.eilo-page-sendmessage .top-message.eilo-manage-heading.eilo-page-heading {
    width:1130px !important;
  }

  body.ui-next.eilo-page-sendmessage #content {
    width:1130px !important;
    max-width:1130px !important;
  }
}

/* ========================================================================
   Send message — full document background fix
   The legacy base stylesheet fixes body height to 100vh. On pages taller
   than the viewport the overflowing document therefore exposed the light
   html background below the composer. Let this page grow naturally while
   preserving a viewport-height minimum.
   ======================================================================== */
@media screen and (min-width:1024px) {
  body.ui-next.eilo-page-sendmessage {
    height:auto !important;
    min-height:100vh !important;
    background-color:#070d13 !important;
    background-attachment:fixed !important;
  }
}

/* ========================================================================
   Dark-content compatibility + retired SoundCloud playback
   Legacy user content can still contain hard-coded black text and old
   SoundCloud player controls. Keep the stored content intact, but make text
   readable in UI Next and remove the obsolete playback layer.
   ======================================================================== */
@media screen and (min-width:1024px) {
  body.ui-next .eilo-detail-copy a,
  body.ui-next .eilo-event-longcopy a,
  body.ui-next .eilo-event-lineup__content a:not(.buttonPro),
  body.ui-next .eilo-richtext a,
  body.ui-next .article-text a {
    color:#b9e879 !important;
    text-decoration:underline;
    text-decoration-color:rgba(185,232,121,.45);
    text-underline-offset:3px;
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  body.ui-next .eilo-detail-copy a:hover,
  body.ui-next .eilo-event-longcopy a:hover,
  body.ui-next .eilo-event-lineup__content a:not(.buttonPro):hover,
  body.ui-next .eilo-richtext a:hover,
  body.ui-next .article-text a:hover {
    color:#dfffaa !important;
    text-decoration-color:#9dff00;
  }

  body.ui-next .eilo-event-lineup__content h1,
  body.ui-next .eilo-event-lineup__content h2,
  body.ui-next .eilo-event-lineup__content h3,
  body.ui-next .eilo-event-lineup__content h4,
  body.ui-next .eilo-event-lineup__content strong {
    color:#dce7ec;
  }

  /* Obsolete SoundCloud playback controls. Ordinary profile/social links stay. */
  body.ui-next a.fap-single-track[href*="soundcloud.com"],
  body.ui-next a.fap-single-track[href*="soundcloud"],
  body.ui-next .soundcloud_music,
  body.ui-next .eilo-external-music,
  body.ui-next .eilo-user-soundcloud-section,
  body.ui-next input[onclick*="soundcloudprofile"],
  body.ui-next button[onclick*="soundcloudprofile"],
  body.ui-next .eilo-event-submit__soundcloud {
    display:none !important;
  }
}

/* ========================================================================
   BBCode heading semantics + loader cleanup
   Stored [h1] content is rendered as an H2 for a single page-level H1, while
   retaining the established visual scale. The obsolete header AJAX loader is
   permanently suppressed; SmartAjax uses .prettyLoader beside the pointer.
   ======================================================================== */
@media screen and (min-width:1024px) {
  body.ui-next #ajax-loader {
    display:none !important;
    visibility:hidden !important;
  }

  body.ui-next .eilo-bbcode-h1,
  body.ui-next .eilo-event-lineup__content .eilo-bbcode-h1,
  body.ui-next .eilo-detail-copy .eilo-bbcode-h1,
  body.ui-next .eilo-richtext .eilo-bbcode-h1,
  body.ui-next .article-text .eilo-bbcode-h1 {
    color:#f2f7f9 !important;
    font-family:'AlternateGothic2BTRegular', Arial, sans-serif;
    font-size:25px !important;
    font-weight:normal;
    line-height:1.08;
    text-transform:none;
  }
}

@media screen and (min-width:1024px) {
  body.ui-next .eilo-bbcode-h1 a,
  body.ui-next .eilo-event-lineup__content .eilo-bbcode-h1 a {
    color:#f2f7f9 !important;
    text-decoration:none;
  }

  body.ui-next .eilo-bbcode-h1 a:hover,
  body.ui-next .eilo-event-lineup__content .eilo-bbcode-h1 a:hover {
    color:#dfffaa !important;
  }
}

/* ========================================================================
   My content — unified News / Events / Shows / Artists management lists
   ======================================================================== */
@media screen and (min-width:1024px) {
  html:has(body.ui-next.eilo-page-my-content),
  body.ui-next.eilo-page-my-content {
    height:auto !important;
    min-height:100% !important;
    background:
      radial-gradient(circle at 6% 8%,rgba(255,0,106,.055),transparent 31%),
      radial-gradient(circle at 95% 7%,rgba(157,255,0,.04),transparent 29%),
      linear-gradient(180deg,#091018 0%,#070d13 58%,#070c12 100%) !important;
  }

  body.ui-next.eilo-page-my-content #pageslide-body-wrap {
    min-height:760px;
    background:
      radial-gradient(circle at 6% 8%,rgba(255,0,106,.045),transparent 31%),
      radial-gradient(circle at 95% 7%,rgba(157,255,0,.035),transparent 29%),
      linear-gradient(180deg,#091018 0%,#070d13 58%,#070c12 100%) !important;
  }

  body.ui-next.eilo-page-my-content .container_16 {
    width:960px !important;
  }

  body.ui-next.eilo-page-my-content .top-message.eilo-manage-heading,
  body.ui-next.eilo-page-my-content .top-message.eilo-manage-heading.eilo-page-heading {
    box-sizing:border-box !important;
    width:950px !important;
    margin-right:5px !important;
    margin-left:5px !important;
  }

  body.ui-next.eilo-page-my-content #content {
    box-sizing:border-box;
    width:950px !important;
    max-width:calc(100% - 20px);
    min-height:620px;
    margin:24px auto 120px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  body.ui-next.eilo-page-my-content #content > .grid_18 {
    float:none;
    box-sizing:border-box;
    width:100%;
    margin:0;
  }

  body.ui-next.eilo-page-my-content #formdiv.eilo-my-content-shell {
    box-sizing:border-box;
    width:100%;
    margin:0;
    padding:0;
    overflow:visible;
    border:1px solid rgba(151,171,190,.20);
    border-radius:11px;
    background:linear-gradient(180deg,rgba(15,27,37,.98),rgba(8,16,23,.98));
    box-shadow:0 18px 48px rgba(0,0,0,.22);
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-page {
    box-sizing:border-box;
    width:100%;
    color:#cbd6dd;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-toolbar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:18px 22px;
    border-bottom:1px solid rgba(151,171,190,.15);
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-nav {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-nav a {
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 11px;
    border:1px solid rgba(151,171,190,.18);
    border-radius:7px;
    background:rgba(7,13,19,.28);
    color:#aebbc4;
    font-size:11px;
    font-weight:750;
    text-decoration:none;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-nav a:hover,
  body.ui-next.eilo-page-my-content .eilo-my-content-nav a.is-active {
    border-color:rgba(157,255,0,.44);
    background:rgba(157,255,0,.07);
    color:#e2ffb0;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-new,
  body.ui-next.eilo-page-my-content .eilo-my-content-empty .buttonPro {
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-height:36px !important;
    margin:0 !important;
    padding:0 14px !important;
    border:1px solid #ff006a !important;
    border-radius:7px !important;
    background:#ff006a !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:850 !important;
    line-height:34px !important;
    text-decoration:none !important;
    text-shadow:none !important;
    box-shadow:none !important;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-section {
    padding:26px 28px 30px;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-section__heading {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:28px;
    margin-bottom:22px;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-eyebrow {
    display:block;
    margin-bottom:5px;
    color:#ff3b87;
    font-size:10px;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-section h2 {
    margin:0;
    color:#edf3f6;
    font-family:AlternateGothic2BTRegular,"Arial Narrow",Arial,sans-serif;
    font-size:27px;
    font-weight:400;
    line-height:1;
    text-transform:uppercase;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-section__heading p {
    margin:7px 0 0;
    color:#82929e;
    font-size:11px;
    line-height:1.5;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-count {
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:0 10px;
    border:1px solid rgba(157,255,0,.34);
    border-radius:999px;
    background:rgba(157,255,0,.06);
    color:#dfffaa;
    font-size:10px;
    font-weight:850;
    letter-spacing:.04em;
    text-transform:uppercase;
    white-space:nowrap;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-table {
    overflow:hidden;
    border:1px solid rgba(151,171,190,.18);
    border-radius:9px;
    background:rgba(5,11,16,.28);
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-table__head,
  body.ui-next.eilo-page-my-content .eilo-my-content-row {
    display:grid;
    align-items:center;
    column-gap:0;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-table__head--standard,
  body.ui-next.eilo-page-my-content .eilo-my-content-row--standard {
    grid-template-columns:minmax(230px,1fr) 72px 137px 137px 142px 126px;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-table__head--compact,
  body.ui-next.eilo-page-my-content .eilo-my-content-row--compact {
    grid-template-columns:minmax(300px,1fr) 190px 150px;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-table__head {
    min-height:40px;
    border-bottom:1px solid rgba(151,171,190,.18);
    background:rgba(17,30,41,.85);
    color:#7f8e9a;
    font-size:10px;
    font-weight:850;
    letter-spacing:.06em;
    text-transform:uppercase;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-table__head span,
  body.ui-next.eilo-page-my-content .eilo-my-content-row > span {
    box-sizing:border-box;
    min-width:0;
    padding:0 11px;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-head__views,
  body.ui-next.eilo-page-my-content .eilo-my-content-head__status,
  body.ui-next.eilo-page-my-content .eilo-my-content-head__actions,
  body.ui-next.eilo-page-my-content .eilo-my-content-row__number,
  body.ui-next.eilo-page-my-content .eilo-my-content-row__status,
  body.ui-next.eilo-page-my-content .eilo-my-content-row__actions {
    text-align:center;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-row {
    min-height:64px;
    border-bottom:1px solid rgba(151,171,190,.11);
    color:#aebbc4;
    font-size:11px;
    transition:background .15s ease,opacity .15s ease;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-row:last-child {
    border-bottom:0;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-row:hover {
    background:rgba(157,255,0,.035);
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-row.is-pending {
    background:rgba(255,0,106,.025);
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-row__title a {
    display:block;
    overflow:hidden;
    color:#e3ebef;
    font-size:12px;
    font-weight:760;
    line-height:1.35;
    text-decoration:none;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-row__title a:hover {
    color:#dfffaa;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-row__number {
    color:#c4d0d7;
    font-weight:750;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-row__date {
    color:#8796a1;
    font-size:10px;
    white-space:nowrap;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-row__status {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:5px;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-badge {
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    min-height:23px;
    padding:0 7px;
    border:1px solid rgba(151,171,190,.22);
    border-radius:999px;
    background:#111e28;
    color:#aebbc4;
    font-size:9px;
    font-style:normal;
    font-weight:850;
    letter-spacing:.03em;
    text-transform:uppercase;
    white-space:nowrap;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-badge.is-active {
    border-color:rgba(157,255,0,.35);
    background:rgba(157,255,0,.06);
    color:#dfffaa;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-badge.is-pending {
    border-color:rgba(255,0,106,.35);
    background:rgba(255,0,106,.07);
    color:#ff9ac1;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-badge.is-featured {
    border-color:rgba(255,205,67,.35);
    background:rgba(255,205,67,.06);
    color:#ffe391;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-row__actions {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-action {
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:48px;
    min-height:30px;
    padding:0 8px;
    border:1px solid rgba(157,255,0,.32);
    border-radius:6px;
    background:rgba(157,255,0,.055);
    color:#dfffaa;
    font-size:10px;
    font-weight:800;
    text-decoration:none;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-action:hover {
    border-color:rgba(157,255,0,.58);
    background:rgba(157,255,0,.10);
    color:#efffce;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-action--edit {
    border-color:rgba(255,0,106,.34);
    background:rgba(255,0,106,.07);
    color:#ff9bc1;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-action--edit:hover {
    border-color:rgba(255,0,106,.62);
    background:rgba(255,0,106,.12);
    color:#ffc1d9;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-pager {
    margin-top:20px;
    text-align:center;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-pager .page-navi {
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:6px;
    width:auto !important;
    min-height:38px;
    margin:0 !important;
    padding:5px !important;
    border:1px solid rgba(151,171,190,.16);
    border-radius:9px;
    background:rgba(7,13,19,.34);
    color:#788894;
    font-size:11px;
    line-height:1;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-pager .page-navi > a.buttonPro {
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-width:32px !important;
    height:30px !important;
    min-height:30px !important;
    margin:0 !important;
    padding:0 9px !important;
    border:1px solid rgba(151,171,190,.22) !important;
    border-radius:6px !important;
    background:#101c26 !important;
    color:#bcc9d1 !important;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:28px !important;
    text-decoration:none !important;
    text-shadow:none !important;
    box-shadow:none !important;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-pager .page-navi > a.buttonPro:hover {
    border-color:rgba(157,255,0,.50) !important;
    background:rgba(157,255,0,.07) !important;
    color:#e0ffad !important;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-pager .page-navi > a.buttonPro.grey {
    border-color:#9dff00 !important;
    background:#9dff00 !important;
    color:#071117 !important;
    cursor:default !important;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-pager .page-navi font {
    color:inherit !important;
    font-family:inherit !important;
    font-size:11px !important;
    font-weight:800 !important;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-empty {
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:38px 24px;
    border:1px dashed rgba(151,171,190,.20);
    border-radius:9px;
    background:rgba(7,13,19,.20);
    text-align:center;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-empty strong {
    color:#e3ebef;
    font-size:14px;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-empty span {
    margin-top:7px;
    color:#7f8f9b;
    font-size:11px;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-empty .buttonPro {
    margin-top:17px !important;
  }
}

@media screen and (min-width:1500px) {
  body.ui-next.eilo-page-my-content .container_16 {
    width:1140px !important;
  }

  body.ui-next.eilo-page-my-content .top-message.eilo-manage-heading,
  body.ui-next.eilo-page-my-content .top-message.eilo-manage-heading.eilo-page-heading {
    width:1130px !important;
  }

  body.ui-next.eilo-page-my-content #content {
    width:1130px !important;
    max-width:1130px !important;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-table__head--standard,
  body.ui-next.eilo-page-my-content .eilo-my-content-row--standard {
    grid-template-columns:minmax(300px,1fr) 82px 155px 155px 170px 140px;
  }

  body.ui-next.eilo-page-my-content .eilo-my-content-table__head--compact,
  body.ui-next.eilo-page-my-content .eilo-my-content-row--compact {
    grid-template-columns:minmax(420px,1fr) 220px 170px;
  }
}


/* ========================================================================
   Admin content — News / Events / Shows / Artists
   Reuses the approved My content shell and adds only admin-specific controls.
   ======================================================================== */
@media screen and (min-width:1024px) {
  body.ui-next.eilo-page-my-content .eilo-admin-content-filters {
    box-sizing:border-box;
    margin:0 0 22px;
    padding:14px;
    border:1px solid rgba(151,171,190,.16);
    border-radius:9px;
    background:rgba(5,11,16,.24);
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-filter-form {
    display:flex;
    align-items:center;
    gap:9px;
    width:100%;
    margin:0;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-input,
  body.ui-next.eilo-page-my-content .eilo-admin-content-select,
  body.ui-next.eilo-page-my-content .eilo-admin-content-select select,
  body.ui-next.eilo-page-my-content .eilo-admin-content-filter-submit {
    box-sizing:border-box !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size:11px !important;
    text-shadow:none !important;
    box-shadow:none !important;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-input {
    flex:1 1 260px;
    min-width:170px;
    padding:0 12px !important;
    border:1px solid rgba(151,171,190,.24) !important;
    border-radius:7px !important;
    outline:0;
    background:#0c1720 !important;
    color:#e3ebef !important;
    line-height:36px !important;
    cursor:text !important;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-input::placeholder {
    color:#6f818d;
    opacity:1;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-input:hover,
  body.ui-next.eilo-page-my-content .eilo-admin-content-input:focus {
    border-color:rgba(43,215,255,.55) !important;
    background:#0e1b25 !important;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-select {
    position:relative;
    flex:0 0 168px;
    overflow:hidden;
    border:1px solid rgba(151,171,190,.24);
    border-radius:7px;
    background:#0c1720;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-filter-form--wide .eilo-admin-content-select {
    flex-basis:180px;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-select:after {
    content:'›';
    position:absolute;
    top:50%;
    right:12px;
    color:#7f919d;
    font-size:16px;
    line-height:1;
    pointer-events:none;
    transform:translateY(-50%) rotate(90deg);
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-select select {
    width:100% !important;
    padding:0 30px 0 11px !important;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    color:#c6d2d9 !important;
    line-height:36px !important;
    cursor:pointer;
    -webkit-appearance:none;
    appearance:none;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-select:hover,
  body.ui-next.eilo-page-my-content .eilo-admin-content-select:focus-within {
    border-color:rgba(43,215,255,.55);
    background:#0e1b25;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-select select option {
    background:#0c1720;
    color:#d8e2e7;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-filter-submit {
    flex:0 0 auto;
    padding:0 14px !important;
    border:1px solid rgba(43,215,255,.55) !important;
    border-radius:7px !important;
    background:rgba(43,215,255,.08) !important;
    color:#b9f3ff !important;
    font-weight:850 !important;
    line-height:36px !important;
    cursor:pointer;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-filter-submit:hover,
  body.ui-next.eilo-page-my-content .eilo-admin-content-filter-submit:focus {
    border-color:#2bd7ff !important;
    background:#2bd7ff !important;
    color:#061117 !important;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-form {
    margin:0;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-table__head--standard,
  body.ui-next.eilo-page-my-content .eilo-admin-content-row--standard {
    grid-template-columns:minmax(190px,1fr) 58px 108px 108px 104px 174px 46px;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-table__head--compact,
  body.ui-next.eilo-page-my-content .eilo-admin-content-row--compact {
    grid-template-columns:minmax(340px,1fr) 180px 180px;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-head__select,
  body.ui-next.eilo-page-my-content .eilo-admin-content-row__select {
    text-align:center;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-row__select {
    display:flex;
    align-items:center;
    justify-content:center;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-row__select input[type="checkbox"] {
    width:16px;
    height:16px;
    margin:0;
    accent-color:#ff006a;
    cursor:pointer;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-row .eilo-my-content-action {
    min-width:46px;
    padding-right:6px;
    padding-left:6px;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-action--delete {
    border-color:rgba(255,76,123,.34);
    background:rgba(255,76,123,.065);
    color:#ff9fba;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-action--delete:hover {
    border-color:rgba(255,76,123,.66);
    background:rgba(255,76,123,.13);
    color:#ffd0dd;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-bulk {
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-top:14px;
    padding:12px 14px;
    border:1px solid rgba(151,171,190,.16);
    border-radius:9px;
    background:rgba(5,11,16,.24);
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-bulk__selection {
    display:flex;
    align-items:center;
    gap:7px;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-bulk__selection > span {
    margin-right:6px;
    color:#83939f;
    font-size:10px;
    font-weight:750;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-bulk__selection .buttonPro {
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-width:32px !important;
    height:32px !important;
    min-height:32px !important;
    margin:0 !important;
    padding:0 9px !important;
    border:1px solid rgba(157,255,0,.40) !important;
    border-radius:6px !important;
    background:rgba(157,255,0,.055) !important;
    color:#dfffaa !important;
    font-size:10px !important;
    font-weight:850 !important;
    line-height:30px !important;
    text-shadow:none !important;
    box-shadow:none !important;
    cursor:pointer;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-bulk__selection .buttonPro:hover {
    border-color:#9dff00 !important;
    background:#9dff00 !important;
    color:#071117 !important;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-remove {
    box-sizing:border-box !important;
    min-height:34px !important;
    margin:0 !important;
    padding:0 13px !important;
    border:1px solid #ff006a !important;
    border-radius:7px !important;
    background:#ff006a !important;
    color:#fff !important;
    font-size:10px !important;
    font-weight:850 !important;
    line-height:32px !important;
    text-shadow:none !important;
    box-shadow:none !important;
    cursor:pointer;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-remove:hover,
  body.ui-next.eilo-page-my-content .eilo-admin-content-remove:focus {
    border-color:#ff3388 !important;
    background:#ff3388 !important;
    color:#fff !important;
  }
}

@media screen and (min-width:1500px) {
  body.ui-next.eilo-page-my-content .eilo-admin-content-table__head--standard,
  body.ui-next.eilo-page-my-content .eilo-admin-content-row--standard {
    grid-template-columns:minmax(330px,1fr) 70px 140px 140px 130px 184px 50px;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-table__head--compact,
  body.ui-next.eilo-page-my-content .eilo-admin-content-row--compact {
    grid-template-columns:minmax(520px,1fr) 190px 200px;
  }

  body.ui-next.eilo-page-my-content .eilo-admin-content-filter-form--wide .eilo-admin-content-select {
    flex-basis:205px;
  }
}


/* ==========================================================================
   v13.17 — Tracks submit + My tracks visual rebuild
   Design-only layer. Existing upload, metadata, playlist and track action
   selectors remain untouched.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Submit tracks
   -------------------------------------------------------------------------- */
body.ui-next.eilo-submit-tracks {
  height:auto !important;
  min-height:100vh !important;
  background:
    radial-gradient(circle at 8% 12%, rgba(255,0,106,.08), transparent 32%),
    radial-gradient(circle at 92% 8%, rgba(157,255,0,.045), transparent 29%),
    #050b10 !important;
  color:#c7d1d8;
}

body.ui-next.eilo-submit-tracks #pageslide-body-wrap {
  min-height:100vh;
  background:transparent !important;
}

body.ui-next.eilo-submit-tracks .container_16 {
  width:960px !important;
  max-width:calc(100% - 20px) !important;
}

body.ui-next.eilo-submit-tracks .top-message.eilo-manage-heading,
body.ui-next.eilo-submit-tracks .top-message.eilo-manage-heading.eilo-page-heading {
  width:950px !important;
  max-width:calc(100% - 20px) !important;
}

body.ui-next.eilo-submit-tracks #content {
  box-sizing:border-box;
  float:none !important;
  width:950px !important;
  max-width:calc(100% - 20px) !important;
  min-height:420px;
  margin:0 auto !important;
  padding:22px 0 90px !important;
}

body.ui-next.eilo-submit-tracks #content > .grid_18 {
  box-sizing:border-box;
  float:none !important;
  width:100% !important;
  margin:0 !important;
}

body.ui-next.eilo-submit-tracks #formdiv.eilo-submit-form--tracks {
  box-sizing:border-box;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  border:1px solid rgba(135,158,177,.22);
  border-radius:12px;
  background:
    linear-gradient(180deg, rgba(17,31,42,.97), rgba(8,17,24,.98));
  box-shadow:0 20px 55px rgba(0,0,0,.28);
}

body.ui-next.eilo-submit-tracks #formdiv.eilo-submit-form--tracks:before {
  content:"";
  display:block;
  height:2px;
  border-radius:12px 12px 0 0;
  background:linear-gradient(90deg,#ff006a 0%,#ff006a 20%,#9dff00 100%);
}

body.ui-next.eilo-submit-tracks .eilo-track-submit {
  box-sizing:border-box;
  width:100%;
  margin:0;
  padding:0 28px 28px;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__section {
  box-sizing:border-box;
  padding:27px 0 29px;
  border-bottom:1px solid rgba(151,171,190,.14);
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__section:first-child {
  padding-top:30px;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__section-heading {
  margin:0 0 19px;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__eyebrow {
  display:block;
  margin:0 0 6px;
  color:#ff006a;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:10px;
  font-weight:850;
  letter-spacing:.15em;
  line-height:1.2;
  text-transform:uppercase;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__section-heading h2 {
  margin:0;
  color:#f1f5f7;
  font-family:'AlternateGothic2BTRegular',Arial,sans-serif;
  font-size:28px;
  font-weight:400;
  line-height:1.05;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__section-heading p {
  max-width:760px;
  margin:8px 0 0;
  color:#8999a5;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:12px;
  line-height:1.55;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__upload {
  box-sizing:border-box;
  min-height:170px;
  padding:18px !important;
  border:1px dashed rgba(145,166,184,.31);
  border-radius:10px;
  background:rgba(4,10,15,.31);
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__upload .fileupload-buttonbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:42px;
  margin:0 !important;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__upload .span7,
body.ui-next.eilo-submit-tracks .eilo-track-submit__upload .span5 {
  float:none !important;
  width:auto !important;
  min-height:0 !important;
  margin:0 !important;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__upload .span7 {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}

body.ui-next.eilo-submit-tracks #uploadBtn {
  box-sizing:border-box;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:38px !important;
  margin:0 !important;
  padding:0 16px !important;
  overflow:hidden;
  border:1px solid rgba(157,255,0,.52) !important;
  border-radius:7px !important;
  background:rgba(157,255,0,.08) !important;
  box-shadow:none !important;
  color:#dfffaa !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:850 !important;
  line-height:36px !important;
  text-transform:uppercase;
  text-shadow:none !important;
}

body.ui-next.eilo-submit-tracks #uploadBtn:hover {
  border-color:#9dff00 !important;
  background:rgba(157,255,0,.14) !important;
  color:#fff !important;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__upload-help {
  color:#82939f;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:11px;
  line-height:1.4;
}

body.ui-next.eilo-submit-tracks .fileupload-progress {
  min-width:260px;
}

body.ui-next.eilo-submit-tracks .progress {
  height:6px !important;
  margin:0 !important;
  overflow:hidden;
  border:0 !important;
  border-radius:999px !important;
  background:#17232d !important;
  box-shadow:none !important;
}

body.ui-next.eilo-submit-tracks .progress .bar {
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#ff006a,#9dff00) !important;
  box-shadow:none !important;
}

body.ui-next.eilo-submit-tracks .progress-extended {
  margin-top:6px;
  color:#778995;
  font-size:10px;
  text-align:right;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__queue {
  width:100% !important;
  margin:17px 0 0 !important;
  border-collapse:separate !important;
  border-spacing:0 8px !important;
  background:transparent !important;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__queue tr {
  border:0 !important;
  background:rgba(14,26,35,.82) !important;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__queue td {
  box-sizing:border-box;
  padding:11px 10px !important;
  border-top:1px solid rgba(142,163,180,.17) !important;
  border-bottom:1px solid rgba(142,163,180,.17) !important;
  background:transparent !important;
  color:#becbd3 !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:11px;
  vertical-align:middle !important;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__queue td:first-child {
  border-left:1px solid rgba(142,163,180,.17) !important;
  border-radius:8px 0 0 8px;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__queue td:last-child {
  border-right:1px solid rgba(142,163,180,.17) !important;
  border-radius:0 8px 8px 0;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__queue .name,
body.ui-next.eilo-submit-tracks .eilo-track-submit__queue .name a {
  color:#e8eef2 !important;
  font-size:12px !important;
  font-weight:750;
  text-decoration:none;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__queue .size {
  color:#7f919d !important;
  white-space:nowrap;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__queue .preview canvas,
body.ui-next.eilo-submit-tracks .eilo-track-submit__queue .preview img {
  max-width:54px !important;
  max-height:54px !important;
  border-radius:6px;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__queue .delete button,
body.ui-next.eilo-submit-tracks .eilo-track-submit__queue .cancel button {
  min-height:30px !important;
  padding:0 10px !important;
  border:1px solid rgba(255,0,106,.44) !important;
  border-radius:6px !important;
  background:rgba(255,0,106,.07) !important;
  color:#ff89b8 !important;
  font-size:10px !important;
  font-weight:800;
  line-height:28px !important;
  text-shadow:none !important;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__requirements {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__requirement {
  box-sizing:border-box;
  min-height:92px;
  padding:16px;
  border:1px solid rgba(145,166,184,.18);
  border-radius:9px;
  background:rgba(5,12,18,.34);
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__requirement strong,
body.ui-next.eilo-submit-tracks .eilo-track-submit__requirement span {
  display:block;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__requirement strong {
  color:#eaf2f5;
  font-size:13px;
  font-weight:850;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__requirement span {
  margin-top:7px;
  color:#81929e;
  font-size:11px;
  line-height:1.45;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__actions {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:24px 0 0;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__actions strong,
body.ui-next.eilo-submit-tracks .eilo-track-submit__actions span {
  display:block;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__actions strong {
  color:#e8eef2;
  font-size:12px;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__actions span {
  margin-top:5px;
  color:#7f909d;
  font-size:10px;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit__actions input[type="submit"] {
  min-height:39px !important;
  margin:0 !important;
  padding:0 18px !important;
  border:0 !important;
  border-radius:7px !important;
  background:#ff006a !important;
  box-shadow:0 8px 22px rgba(255,0,106,.18) !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:850 !important;
  line-height:39px !important;
  text-shadow:none !important;
  text-transform:uppercase;
}

body.ui-next.eilo-submit-tracks #formdiv > .err-form,
body.ui-next.eilo-submit-tracks #formdiv > .success-form {
  box-sizing:border-box;
  width:auto !important;
  margin:22px 28px 0 !important;
}

/* --------------------------------------------------------------------------
   My tracks
   -------------------------------------------------------------------------- */
body.ui-next.eilo-page-my-tracks {
  height:auto !important;
  min-height:100vh !important;
  background:
    radial-gradient(circle at 7% 10%, rgba(255,0,106,.075), transparent 31%),
    radial-gradient(circle at 94% 7%, rgba(157,255,0,.045), transparent 28%),
    #050b10 !important;
  color:#c7d1d8;
}

body.ui-next.eilo-page-my-tracks #pageslide-body-wrap {
  min-height:100vh;
  background:transparent !important;
}

body.ui-next.eilo-page-my-tracks .container_16 {
  width:960px !important;
  max-width:calc(100% - 20px) !important;
}

body.ui-next.eilo-page-my-tracks .top-message.eilo-manage-heading,
body.ui-next.eilo-page-my-tracks .top-message.eilo-manage-heading.eilo-page-heading {
  width:950px !important;
  max-width:calc(100% - 20px) !important;
}

body.ui-next.eilo-page-my-tracks #content {
  box-sizing:border-box;
  float:none !important;
  width:950px !important;
  max-width:calc(100% - 20px) !important;
  min-height:500px;
  margin:0 auto !important;
  padding:22px 0 100px !important;
}

body.ui-next.eilo-page-my-tracks #content > .grid_18 {
  box-sizing:border-box;
  float:none !important;
  width:100% !important;
  margin:0 !important;
}

body.ui-next.eilo-page-my-tracks #formdiv.eilo-my-tracks-shell {
  box-sizing:border-box;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  border:1px solid rgba(137,160,179,.22);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(15,28,38,.98),rgba(7,15,22,.99));
  box-shadow:0 22px 58px rgba(0,0,0,.29);
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-page {
  box-sizing:border-box;
  width:100%;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:70px;
  padding:0 22px;
  border-bottom:1px solid rgba(149,169,186,.15);
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-toolbar__eyebrow,
body.ui-next.eilo-page-my-tracks .eilo-my-tracks-toolbar strong {
  display:block;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-toolbar__eyebrow {
  margin-bottom:4px;
  color:#ff006a;
  font-size:9px;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-toolbar strong {
  color:#dfe8ed;
  font-size:12px;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-upload {
  min-height:36px !important;
  margin:0 !important;
  padding:0 14px !important;
  border:0 !important;
  border-radius:7px !important;
  background:#ff006a !important;
  box-shadow:0 8px 22px rgba(255,0,106,.18) !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:850 !important;
  line-height:36px !important;
  text-shadow:none !important;
  text-transform:uppercase;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-section {
  box-sizing:border-box;
  padding:25px 24px 28px;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-section__heading {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-eyebrow {
  display:block;
  margin-bottom:6px;
  color:#ff006a;
  font-size:9px;
  font-weight:850;
  letter-spacing:.15em;
  text-transform:uppercase;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-section__heading h2 {
  margin:0;
  color:#f0f4f6;
  font-family:'AlternateGothic2BTRegular',Arial,sans-serif;
  font-size:29px;
  font-weight:400;
  line-height:1;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-section__heading p {
  max-width:700px;
  margin:8px 0 0;
  color:#84949f;
  font-size:11px;
  line-height:1.5;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-count {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:0 11px;
  border:1px solid rgba(157,255,0,.35);
  border-radius:999px;
  background:rgba(157,255,0,.06);
  color:#cfff83;
  font-size:9px;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
  white-space:nowrap;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-list,
body.ui-next.eilo-page-my-tracks .eilo-my-tracks-list ul {
  box-sizing:border-box;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

body.ui-next.eilo-page-my-tracks .track-card {
  box-sizing:border-box;
  position:relative;
  width:100%;
  margin:0 0 14px !important;
  padding:18px !important;
  overflow:visible;
  border:1px solid rgba(142,163,180,.20) !important;
  border-left:3px solid rgba(142,163,180,.22) !important;
  border-radius:10px !important;
  background:
    linear-gradient(180deg,rgba(16,29,39,.96),rgba(10,20,28,.96)) !important;
  box-shadow:none !important;
}

body.ui-next.eilo-page-my-tracks .track-card:hover {
  border-color:rgba(157,255,0,.25) !important;
  background:
    linear-gradient(180deg,rgba(18,33,44,.98),rgba(10,21,29,.98)) !important;
}

body.ui-next.eilo-page-my-tracks .track-card.is-hosted {
  border-left-color:#9dff00 !important;
}

body.ui-next.eilo-page-my-tracks .track-header {
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:20px;
  margin:0 0 17px !important;
  padding:0 0 15px;
  border-bottom:1px solid rgba(149,169,186,.13);
}

body.ui-next.eilo-page-my-tracks .track-left {
  min-width:0;
  flex:1 1 auto;
}

body.ui-next.eilo-page-my-tracks .track-right {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:0 1 360px;
  gap:9px;
  min-width:0;
}

body.ui-next.eilo-page-my-tracks .track-title {
  display:inline-block !important;
  max-width:520px !important;
  color:#eef3f5 !important;
  font-size:13px !important;
  font-weight:850 !important;
  line-height:1.35;
  text-decoration:none !important;
  vertical-align:middle !important;
}

body.ui-next.eilo-page-my-tracks .track-title:hover {
  color:#dfffaa !important;
}

body.ui-next.eilo-page-my-tracks .getm3u,
body.ui-next.eilo-page-my-tracks .go-to-mix {
  display:inline-flex;
  align-items:center;
  min-height:24px;
  margin:0 0 0 7px !important;
  padding:0 7px;
  border:1px solid rgba(157,255,0,.24);
  border-radius:5px;
  background:rgba(157,255,0,.04);
  color:#bfe870 !important;
  font-size:9px !important;
  font-weight:800;
  line-height:22px;
  text-decoration:none !important;
  text-transform:uppercase;
  vertical-align:middle;
}

body.ui-next.eilo-page-my-tracks .track-meta {
  display:block !important;
  margin-top:7px !important;
  color:#7f919d !important;
  font-size:10px !important;
  line-height:1.4;
}

body.ui-next.eilo-page-my-tracks .track-folder {
  display:block !important;
  max-width:270px !important;
  color:#8fa0ab !important;
  font-size:10px !important;
  line-height:1.35;
  text-align:right;
}

body.ui-next.eilo-page-my-tracks .badge {
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 8px !important;
  border-radius:999px !important;
  font-size:8px !important;
  font-weight:900 !important;
  letter-spacing:.05em;
  line-height:24px;
  text-transform:uppercase;
  white-space:nowrap;
}

body.ui-next.eilo-page-my-tracks .badge-green {
  border:1px solid rgba(157,255,0,.34);
  background:rgba(157,255,0,.08) !important;
  color:#d5ff96 !important;
}

body.ui-next.eilo-page-my-tracks .badge-gray {
  border:1px solid rgba(145,164,179,.22);
  background:rgba(145,164,179,.07) !important;
  color:#9dadb7 !important;
}

body.ui-next.eilo-page-my-tracks input[type="checkbox"] {
  -webkit-appearance:none;
  appearance:none;
  box-sizing:border-box;
  position:relative;
  width:17px !important;
  height:17px !important;
  margin:0 10px 0 0 !important;
  border:1px solid rgba(159,181,196,.44) !important;
  border-radius:4px !important;
  background:#0a151d !important;
  box-shadow:none !important;
  vertical-align:middle;
  cursor:pointer;
}

body.ui-next.eilo-page-my-tracks input[type="checkbox"]:checked {
  border-color:#9dff00 !important;
  background:#9dff00 !important;
}

body.ui-next.eilo-page-my-tracks input[type="checkbox"]:checked:after {
  content:"";
  position:absolute;
  left:4px;
  top:1px;
  width:5px;
  height:9px;
  border:solid #071016;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}

body.ui-next.eilo-page-my-tracks .track-grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:0 0 16px !important;
}

body.ui-next.eilo-page-my-tracks .track-grid > div {
  position:relative;
  min-width:0;
}

body.ui-next.eilo-page-my-tracks .track-grid label {
  display:block !important;
  margin:0 0 7px !important;
  color:#aab7bf !important;
  font-size:10px !important;
  font-weight:750;
  line-height:1.35;
}

body.ui-next.eilo-page-my-tracks .track-grid input[type="text"],
body.ui-next.eilo-page-my-tracks .track-grid select {
  box-sizing:border-box;
  width:100% !important;
  height:41px !important;
  margin:0 !important;
  padding:0 12px !important;
  border:1px solid rgba(145,166,184,.29) !important;
  border-radius:7px !important;
  background:#0d1a23 !important;
  box-shadow:none !important;
  color:#dce5ea !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:11px !important;
  line-height:39px !important;
  outline:0;
}

body.ui-next.eilo-page-my-tracks .track-grid select {
  padding-right:34px !important;
  cursor:pointer;
}

body.ui-next.eilo-page-my-tracks .track-grid input[type="text"]:focus,
body.ui-next.eilo-page-my-tracks .track-grid select:focus {
  border-color:rgba(157,255,0,.61) !important;
  box-shadow:0 0 0 2px rgba(157,255,0,.07) !important;
}

body.ui-next.eilo-page-my-tracks .track-actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0 !important;
}

body.ui-next.eilo-page-my-tracks .track-actions button {
  box-sizing:border-box;
  min-height:33px !important;
  margin:0 !important;
  padding:0 11px !important;
  border-radius:6px !important;
  box-shadow:none !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:9px !important;
  font-weight:850 !important;
  line-height:31px !important;
  text-shadow:none !important;
  text-transform:uppercase;
}

body.ui-next.eilo-page-my-tracks .track-actions .btn-dark {
  border:1px solid rgba(146,166,181,.27) !important;
  background:rgba(146,166,181,.06) !important;
  color:#c2cdd4 !important;
}

body.ui-next.eilo-page-my-tracks .track-actions .btn-blue {
  border:1px solid rgba(110,169,255,.38) !important;
  background:rgba(75,135,225,.08) !important;
  color:#a9caff !important;
}

body.ui-next.eilo-page-my-tracks .track-actions .btn-green {
  border:1px solid rgba(157,255,0,.38) !important;
  background:rgba(157,255,0,.07) !important;
  color:#d3ff92 !important;
}

body.ui-next.eilo-page-my-tracks .track-actions .btn-orange {
  border:1px solid rgba(255,176,69,.42) !important;
  background:rgba(255,151,32,.08) !important;
  color:#ffc277 !important;
}

body.ui-next.eilo-page-my-tracks .track-actions .btn-red {
  border:1px solid rgba(255,0,106,.43) !important;
  background:rgba(255,0,106,.07) !important;
  color:#ff8dbb !important;
}

body.ui-next.eilo-page-my-tracks .track-result {
  min-height:0;
  margin:10px 0 0 !important;
  color:#aab7bf !important;
  font-size:10px !important;
  line-height:1.5;
}

body.ui-next.eilo-page-my-tracks .suggest-box,
body.ui-next.eilo-page-my-tracks .folder-suggest {
  box-sizing:border-box !important;
  width:100% !important;
  max-height:230px !important;
  margin-top:5px;
  overflow-y:auto;
  border:1px solid rgba(145,166,184,.30) !important;
  border-radius:8px !important;
  background:#08131b !important;
  box-shadow:0 14px 32px rgba(0,0,0,.38);
  z-index:9999;
}

body.ui-next.eilo-page-my-tracks .suggest-item,
body.ui-next.eilo-page-my-tracks .folder-item {
  box-sizing:border-box;
  padding:9px 11px !important;
  border-bottom:1px solid rgba(145,166,184,.11);
  color:#c3ced5 !important;
  font-size:11px !important;
  line-height:1.35;
}

body.ui-next.eilo-page-my-tracks .suggest-item:last-child,
body.ui-next.eilo-page-my-tracks .folder-item:last-child {
  border-bottom:0;
}

body.ui-next.eilo-page-my-tracks .suggest-item:hover,
body.ui-next.eilo-page-my-tracks .folder-item:hover {
  background:rgba(157,255,0,.09) !important;
  color:#e9ffd0 !important;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-pager {
  display:flex;
  justify-content:center;
  margin:20px 0 0 !important;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-pager .page-navi {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
  width:auto !important;
  margin:0 !important;
  padding:8px;
  border:1px solid rgba(145,166,184,.16);
  border-radius:8px;
  background:rgba(5,12,17,.34);
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-pager .page-navi > a.buttonPro,
body.ui-next.eilo-page-my-tracks .eilo-my-tracks-pager .page-navi > font {
  box-sizing:border-box;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-width:32px !important;
  height:32px !important;
  margin:0 !important;
  padding:0 9px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:7px !important;
  background:#141e29 !important;
  background-image:none !important;
  box-shadow:none !important;
  color:#aebbc6 !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
  text-shadow:none !important;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-pager .page-navi > a.buttonPro:hover,
body.ui-next.eilo-page-my-tracks .eilo-my-tracks-pager .page-navi > a.buttonPro:focus {
  border-color:rgba(157,255,0,.40) !important;
  background:rgba(157,255,0,.08) !important;
  color:#9dff00 !important;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-pager .page-navi > font {
  border-color:rgba(255,0,106,.44) !important;
  background:#ff006a !important;
  color:#fff !important;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-bulk {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:18px;
  padding:14px;
  border:1px solid rgba(145,166,184,.17);
  border-radius:9px;
  background:rgba(4,10,15,.34);
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-bulk__selection,
body.ui-next.eilo-page-my-tracks .eilo-my-tracks-bulk__actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-bulk__selection > span {
  margin-right:2px;
  color:#8c9ca7;
  font-size:10px;
  font-weight:750;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-bulk .buttonPro {
  box-sizing:border-box;
  height:32px !important;
  min-height:32px !important;
  margin:0 !important;
  padding:0 10px !important;
  border:1px solid rgba(157,255,0,.22) !important;
  border-radius:7px !important;
  background:rgba(157,255,0,.055) !important;
  background-image:none !important;
  box-shadow:none !important;
  color:#cbff77 !important;
  font-size:9px !important;
  font-weight:820 !important;
  line-height:30px !important;
  text-shadow:none !important;
  text-transform:uppercase;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-bulk .buttonPro:hover,
body.ui-next.eilo-page-my-tracks .eilo-my-tracks-bulk .buttonPro:focus {
  border-color:rgba(157,255,0,.48) !important;
  background:rgba(157,255,0,.11) !important;
  color:#e7ffbd !important;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-bulk .selected_addplay {
  border-color:rgba(255,0,106,.42) !important;
  background:#ff006a !important;
  color:#fff !important;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-bulk .selected_addplay:hover,
body.ui-next.eilo-page-my-tracks .eilo-my-tracks-bulk .selected_addplay:focus {
  border-color:rgba(255,51,136,.60) !important;
  background:#ff3388 !important;
  color:#fff !important;
}

body.ui-next.eilo-page-my-tracks .eilo-my-tracks-bulk__selection .buttonPro {
  min-width:32px !important;
  padding:0 7px !important;
}

@media (min-width:1280px) {
  body.ui-next.eilo-submit-tracks .container_16,
  body.ui-next.eilo-page-my-tracks .container_16 {
    width:1140px !important;
    max-width:calc(100% - 20px) !important;
  }

  body.ui-next.eilo-submit-tracks .top-message.eilo-manage-heading,
  body.ui-next.eilo-submit-tracks .top-message.eilo-manage-heading.eilo-page-heading,
  body.ui-next.eilo-submit-tracks #content,
  body.ui-next.eilo-page-my-tracks .top-message.eilo-manage-heading,
  body.ui-next.eilo-page-my-tracks .top-message.eilo-manage-heading.eilo-page-heading,
  body.ui-next.eilo-page-my-tracks #content {
    width:1130px !important;
    max-width:1130px !important;
  }

  body.ui-next.eilo-page-my-tracks .track-title {
    max-width:650px !important;
  }
}

@media (max-width:980px) {
  body.ui-next.eilo-submit-tracks .container_16,
  body.ui-next.eilo-submit-tracks .top-message.eilo-manage-heading,
  body.ui-next.eilo-submit-tracks .top-message.eilo-manage-heading.eilo-page-heading,
  body.ui-next.eilo-submit-tracks #content,
  body.ui-next.eilo-page-my-tracks .container_16,
  body.ui-next.eilo-page-my-tracks .top-message.eilo-manage-heading,
  body.ui-next.eilo-page-my-tracks .top-message.eilo-manage-heading.eilo-page-heading,
  body.ui-next.eilo-page-my-tracks #content {
    width:calc(100% - 28px) !important;
    max-width:none !important;
  }

  body.ui-next.eilo-page-my-tracks .track-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  body.ui-next.eilo-page-my-tracks .track-header {
    flex-direction:column;
  }

  body.ui-next.eilo-page-my-tracks .track-right {
    flex:0 1 auto;
    width:100%;
    justify-content:flex-start;
  }

  body.ui-next.eilo-page-my-tracks .track-folder {
    max-width:75% !important;
    text-align:left;
  }

  body.ui-next.eilo-page-my-tracks .eilo-my-tracks-bulk {
    align-items:flex-start;
    flex-direction:column;
  }
}

@media (max-width:680px) {
  body.ui-next.eilo-submit-tracks .eilo-track-submit,
  body.ui-next.eilo-page-my-tracks .eilo-my-tracks-section {
    padding-left:16px;
    padding-right:16px;
  }

  body.ui-next.eilo-submit-tracks .eilo-track-submit__upload .fileupload-buttonbar,
  body.ui-next.eilo-submit-tracks .eilo-track-submit__actions,
  body.ui-next.eilo-page-my-tracks .eilo-my-tracks-toolbar,
  body.ui-next.eilo-page-my-tracks .eilo-my-tracks-section__heading {
    align-items:flex-start;
    flex-direction:column;
  }

  body.ui-next.eilo-submit-tracks .fileupload-progress {
    width:100% !important;
    min-width:0;
  }

  body.ui-next.eilo-submit-tracks .eilo-track-submit__requirements,
  body.ui-next.eilo-page-my-tracks .track-grid {
    grid-template-columns:1fr !important;
  }

  body.ui-next.eilo-page-my-tracks .track-card {
    padding:14px !important;
  }

  body.ui-next.eilo-page-my-tracks .track-title {
    max-width:calc(100% - 36px) !important;
  }

  body.ui-next.eilo-page-my-tracks .track-actions,
  body.ui-next.eilo-page-my-tracks .eilo-my-tracks-bulk__actions {
    align-items:stretch;
    flex-direction:column;
    width:100%;
  }

  body.ui-next.eilo-page-my-tracks .track-actions button,
  body.ui-next.eilo-page-my-tracks .eilo-my-tracks-bulk__actions .buttonPro {
    width:100% !important;
  }
}

/* ========================================================================== 
   Desktop UI Preview v13.17.1 — Tracks submit success state
   ========================================================================== */
body.ui-next.eilo-submit-tracks .eilo-track-submit-success {
  box-sizing:border-box;
  width:100%;
  min-height:220px;
  margin:0;
  padding:42px 36px;
  border:1px solid rgba(151,171,190,.20);
  border-radius:10px;
  background:
    linear-gradient(135deg,rgba(255,0,106,.06),rgba(157,255,0,.045)),
    #0d1923;
  color:#d9e3e8;
  box-shadow:0 18px 45px rgba(0,0,0,.22);
}

body.ui-next.eilo-submit-tracks .eilo-track-submit-success:before {
  content:"";
  display:block;
  width:92px;
  height:2px;
  margin:-42px 0 35px -36px;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit-success__eyebrow {
  display:block;
  margin-bottom:9px;
  color:#ff3b87;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:10px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit-success h2 {
  margin:0 0 12px;
  color:#fff;
  font-family:"AlternateGothic2BTRegular",Arial,sans-serif;
  font-size:36px;
  font-weight:400;
  line-height:1.05;
  text-transform:none;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit-success p {
  max-width:660px;
  margin:0 0 24px;
  color:#9fafba;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:13px;
  line-height:1.6;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit-success__button,
body.ui-next.eilo-submit-tracks .eilo-track-submit-success__button:visited {
  display:inline-block;
  min-height:38px !important;
  padding:0 15px !important;
  border:1px solid rgba(157,255,0,.46) !important;
  border-radius:7px !important;
  background:rgba(157,255,0,.07) !important;
  color:#dfffaa !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:850 !important;
  line-height:36px !important;
  text-decoration:none !important;
  text-shadow:none !important;
  text-transform:uppercase;
  box-shadow:none !important;
}

body.ui-next.eilo-submit-tracks .eilo-track-submit-success__button:hover {
  border-color:rgba(157,255,0,.76) !important;
  background:rgba(157,255,0,.15) !important;
  color:#fff !important;
}




/* ========================================================================== 
   v13.18 — Static information and legal pages
   Shared desktop-preview layout for About, Advertising, Contact, Terms,
   Privacy, Copyright and Content Submission. No classic/mobile selectors.
   ========================================================================== */

body.ui-next.eilo-page-about,
body.ui-next.eilo-page-advertising,
body.ui-next.eilo-page-contacts,
body.ui-next.eilo-page-terms,
body.ui-next.eilo-page-privacy,
body.ui-next.eilo-page-copyrights,
body.ui-next.eilo-page-content-submission-terms {
  height:auto !important;
  min-height:100vh !important;
  background:
    radial-gradient(circle at 7% 10%, rgba(255,0,106,.075), transparent 31%),
    radial-gradient(circle at 94% 7%, rgba(157,255,0,.045), transparent 28%),
    #050b10 !important;
  color:#c7d1d8;
}

body.ui-next.eilo-page-about #pageslide-body-wrap,
body.ui-next.eilo-page-advertising #pageslide-body-wrap,
body.ui-next.eilo-page-contacts #pageslide-body-wrap,
body.ui-next.eilo-page-terms #pageslide-body-wrap,
body.ui-next.eilo-page-privacy #pageslide-body-wrap,
body.ui-next.eilo-page-copyrights #pageslide-body-wrap,
body.ui-next.eilo-page-content-submission-terms #pageslide-body-wrap {
  min-height:100vh;
  background:transparent !important;
}

body.ui-next.eilo-page-about .container_16,
body.ui-next.eilo-page-advertising .container_16,
body.ui-next.eilo-page-contacts .container_16,
body.ui-next.eilo-page-terms .container_16,
body.ui-next.eilo-page-privacy .container_16,
body.ui-next.eilo-page-copyrights .container_16,
body.ui-next.eilo-page-content-submission-terms .container_16 {
  width:960px !important;
  max-width:calc(100% - 20px) !important;
}

body.ui-next.eilo-page-about .top-message.eilo-manage-heading,
body.ui-next.eilo-page-about .top-message.eilo-manage-heading.eilo-page-heading,
body.ui-next.eilo-page-advertising .top-message.eilo-manage-heading,
body.ui-next.eilo-page-advertising .top-message.eilo-manage-heading.eilo-page-heading,
body.ui-next.eilo-page-contacts .top-message.eilo-manage-heading,
body.ui-next.eilo-page-contacts .top-message.eilo-manage-heading.eilo-page-heading,
body.ui-next.eilo-page-terms .top-message.eilo-manage-heading,
body.ui-next.eilo-page-terms .top-message.eilo-manage-heading.eilo-page-heading,
body.ui-next.eilo-page-privacy .top-message.eilo-manage-heading,
body.ui-next.eilo-page-privacy .top-message.eilo-manage-heading.eilo-page-heading,
body.ui-next.eilo-page-copyrights .top-message.eilo-manage-heading,
body.ui-next.eilo-page-copyrights .top-message.eilo-manage-heading.eilo-page-heading,
body.ui-next.eilo-page-content-submission-terms .top-message.eilo-manage-heading,
body.ui-next.eilo-page-content-submission-terms .top-message.eilo-manage-heading.eilo-page-heading {
  width:950px !important;
  max-width:calc(100% - 20px) !important;
}

body.ui-next.eilo-page-about #content,
body.ui-next.eilo-page-advertising #content,
body.ui-next.eilo-page-contacts #content,
body.ui-next.eilo-page-terms #content,
body.ui-next.eilo-page-privacy #content,
body.ui-next.eilo-page-copyrights #content,
body.ui-next.eilo-page-content-submission-terms #content {
  box-sizing:border-box;
  float:none !important;
  width:950px !important;
  max-width:calc(100% - 20px) !important;
  min-height:420px;
  margin:0 auto !important;
  padding:22px 0 100px !important;
}

body.ui-next.eilo-page-about #content > .grid_18,
body.ui-next.eilo-page-advertising #content > .grid_18,
body.ui-next.eilo-page-contacts #content > .grid_18,
body.ui-next.eilo-page-terms #content > .grid_18,
body.ui-next.eilo-page-privacy #content > .grid_18,
body.ui-next.eilo-page-copyrights #content > .grid_18,
body.ui-next.eilo-page-content-submission-terms #content > .grid_18 {
  box-sizing:border-box;
  float:none !important;
  width:100% !important;
  margin:0 !important;
}

body.ui-next .eilo-static-page {
  position:relative;
  box-sizing:border-box;
  width:100%;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(137,160,179,.22);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(15,28,38,.98),rgba(7,15,22,.99));
  box-shadow:0 22px 58px rgba(0,0,0,.29);
  color:#aebbc4;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

body.ui-next .eilo-static-page:before {
  content:"";
  display:block;
  height:2px;
  background:linear-gradient(90deg,#ff006a 0%,#ff006a 20%,#9dff00 100%);
}

body.ui-next .eilo-static-page *,
body.ui-next .eilo-static-page *:before,
body.ui-next .eilo-static-page *:after {
  box-sizing:border-box;
}

body.ui-next .eilo-static-hero {
  padding:34px 34px 31px;
  border-bottom:1px solid rgba(151,171,190,.14);
  background:
    radial-gradient(circle at 84% 14%,rgba(157,255,0,.055),transparent 33%),
    linear-gradient(180deg,rgba(16,31,42,.70),rgba(10,21,29,.15));
}

body.ui-next .eilo-static-hero--legal {
  padding-right:74px;
}

body.ui-next .eilo-static-eyebrow {
  display:block;
  margin:0 0 8px;
  color:#ff006a;
  font-size:10px;
  font-weight:850;
  letter-spacing:.15em;
  line-height:1.2;
  text-transform:uppercase;
}

body.ui-next .eilo-static-hero h2,
body.ui-next .eilo-static-contact-hero h2 {
  max-width:790px;
  margin:0;
  color:#f2f6f8;
  font-family:'AlternateGothic2BTRegular',Arial,sans-serif;
  font-size:37px;
  font-weight:400;
  letter-spacing:-.01em;
  line-height:1.04;
}

body.ui-next .eilo-static-hero > p,
body.ui-next .eilo-static-contact-hero > p {
  max-width:790px;
  margin:12px 0 0;
  color:#91a1ac;
  font-size:13px;
  line-height:1.72;
}

body.ui-next .eilo-static-feature-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  padding:28px 34px 31px;
  border-bottom:1px solid rgba(151,171,190,.14);
}

body.ui-next .eilo-static-section .eilo-static-feature-grid {
  padding:7px 0 0;
  border:0;
}

body.ui-next .eilo-static-card {
  position:relative;
  min-height:156px;
  padding:20px;
  overflow:hidden;
  border:1px solid rgba(145,166,184,.18);
  border-radius:9px;
  background:rgba(5,12,18,.34);
}

body.ui-next .eilo-static-card:after {
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:58px;
  height:58px;
  border-radius:0 0 0 58px;
  background:radial-gradient(circle at 100% 0,rgba(157,255,0,.09),transparent 70%);
}

body.ui-next .eilo-static-card__number {
  display:block;
  margin-bottom:19px;
  color:#9dff00;
  font-size:10px;
  font-weight:850;
  letter-spacing:.12em;
}

body.ui-next .eilo-static-card h3,
body.ui-next .eilo-static-section__heading h3,
body.ui-next .eilo-static-contact-panel h3 {
  margin:0;
  color:#edf3f6;
  font-size:15px;
  font-weight:800;
  line-height:1.35;
}

body.ui-next .eilo-static-card p {
  margin:9px 0 0;
  color:#82939f;
  font-size:11px;
  line-height:1.62;
}

body.ui-next .eilo-static-section {
  margin:0 34px;
  padding:31px 0;
  border-bottom:1px solid rgba(151,171,190,.14);
}

body.ui-next .eilo-static-section__heading {
  max-width:820px;
  margin-bottom:18px;
}

body.ui-next .eilo-static-section__heading h3 {
  font-family:'AlternateGothic2BTRegular',Arial,sans-serif;
  font-size:29px;
  font-weight:400;
  line-height:1.08;
}

body.ui-next .eilo-static-section__heading > p {
  margin:9px 0 0;
  color:#8798a4;
  font-size:12px;
  line-height:1.65;
}

body.ui-next .eilo-static-copy {
  max-width:900px;
}

body.ui-next .eilo-static-copy--columns {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  max-width:none;
}

body.ui-next .eilo-static-copy p {
  margin:0 0 14px;
  color:#9aa9b3;
  font-size:13px;
  line-height:1.78;
}

body.ui-next .eilo-static-copy p:last-child {
  margin-bottom:0;
}

body.ui-next .eilo-static-source-note {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin-top:20px;
  padding-top:17px;
  border-top:1px solid rgba(151,171,190,.12);
  color:#758895;
  font-size:10px;
}

body.ui-next .eilo-static-source-note span {
  margin-right:3px;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.06em;
}

body.ui-next .eilo-static-source-note a,
body.ui-next .eilo-static-policy-links a,
body.ui-next .eilo-static-logo-card__actions a,
body.ui-next .eilo-static-legal-section a {
  color:#86dfff;
  text-decoration:none;
}

body.ui-next .eilo-static-source-note a:hover,
body.ui-next .eilo-static-policy-links a:hover,
body.ui-next .eilo-static-logo-card__actions a:hover,
body.ui-next .eilo-static-legal-section a:hover {
  color:#b8ff3d;
}

body.ui-next .eilo-static-logo-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

body.ui-next .eilo-static-logo-card {
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  min-height:118px;
  overflow:hidden;
  border:1px solid rgba(145,166,184,.18);
  border-radius:9px;
  background:rgba(5,12,18,.34);
}

body.ui-next .eilo-static-logo-card__preview {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:118px;
  padding:17px;
  background:#ffffff;
}

body.ui-next .eilo-static-logo-card__preview img {
  display:block;
  max-width:100%;
  max-height:72px;
  width:auto;
  height:auto;
}

body.ui-next .eilo-static-logo-card__actions {
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
  padding:17px;
}

body.ui-next .eilo-static-logo-card__actions strong {
  color:#e8eef2;
  font-size:12px;
  font-weight:800;
}

body.ui-next .eilo-static-logo-card__actions span {
  color:#82939f;
  font-size:10px;
}

body.ui-next .eilo-static-download-row {
  margin-top:16px;
  text-align:right;
}

body.ui-next .eilo-static-download-row .buttonPro {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px !important;
  margin:0 !important;
  padding:0 16px !important;
  border:1px solid rgba(157,255,0,.50) !important;
  border-radius:7px !important;
  background:rgba(157,255,0,.08) !important;
  box-shadow:none !important;
  color:#dfffaa !important;
  font-size:10px !important;
  font-weight:850 !important;
  line-height:36px !important;
  text-transform:uppercase;
  text-shadow:none !important;
}

body.ui-next .eilo-static-download-row .buttonPro:hover {
  border-color:#9dff00 !important;
  background:rgba(157,255,0,.14) !important;
  color:#fff !important;
}

body.ui-next .eilo-static-contact-panel {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  margin:0;
  padding:27px 34px 30px;
  background:
    radial-gradient(circle at 88% 22%,rgba(255,0,106,.09),transparent 31%),
    rgba(6,14,20,.46);
}

body.ui-next .eilo-static-contact-panel--compact {
  border-top:1px solid rgba(151,171,190,.14);
}

body.ui-next .eilo-static-contact-panel p {
  max-width:620px;
  margin:7px 0 0;
  color:#7f909c;
  font-size:11px;
  line-height:1.55;
}

body.ui-next .eilo-static-email {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:40px;
  padding:0 18px;
  border:1px solid rgba(255,0,106,.58);
  border-radius:7px;
  background:#ff006a;
  box-shadow:0 8px 22px rgba(255,0,106,.18);
  color:#fff !important;
  font-size:12px;
  font-weight:850;
  text-decoration:none !important;
}

body.ui-next .eilo-static-email:hover {
  border-color:#ff3c91;
  background:#ff1a79;
  transform:translateY(-1px);
}

body.ui-next .eilo-static-policy-links {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}

body.ui-next .eilo-static-policy-links a {
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:0 11px;
  border:1px solid rgba(135,158,177,.20);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:#b8c7d0;
  font-size:10px;
  font-weight:750;
}

body.ui-next .eilo-static-policy-links a:hover {
  border-color:rgba(157,255,0,.42);
  background:rgba(157,255,0,.08);
  color:#efffd6;
}

body.ui-next .eilo-static-legal-body {
  max-width:930px;
  margin:0 auto;
  padding:4px 36px 35px;
}

body.ui-next .eilo-static-legal-section {
  padding:27px 0 25px;
  border-bottom:1px solid rgba(151,171,190,.13);
}

body.ui-next .eilo-static-legal-section:last-child {
  border-bottom:0;
}

body.ui-next .eilo-static-legal-section h3 {
  margin:0 0 11px;
  color:#edf3f6;
  font-size:15px;
  font-weight:800;
  line-height:1.4;
}

body.ui-next .eilo-static-legal-section p,
body.ui-next .eilo-static-legal-section li {
  color:#96a6b0;
  font-size:12px;
  line-height:1.78;
}

body.ui-next .eilo-static-legal-section p {
  margin:0 0 12px;
}

body.ui-next .eilo-static-legal-section p:last-child {
  margin-bottom:0;
}

body.ui-next .eilo-static-legal-section strong {
  color:#dfe7ec;
  font-weight:800;
}

body.ui-next .eilo-static-legal-section ul {
  margin:10px 0 14px;
  padding:0;
  list-style:none;
}

body.ui-next .eilo-static-legal-section li {
  position:relative;
  margin:0 0 8px;
  padding-left:18px;
}

body.ui-next .eilo-static-legal-section li:before {
  content:"";
  position:absolute;
  top:.72em;
  left:2px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#ff006a;
  box-shadow:0 0 0 3px rgba(255,0,106,.08);
}

body.ui-next .eilo-static-page--contact {
  min-height:440px;
}

body.ui-next .eilo-static-page--contact:before {
  background:linear-gradient(90deg,#ff006a 0%,#ff006a 35%,#9dff00 100%);
}

body.ui-next .eilo-static-contact-hero {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:438px;
  padding:55px 64px 58px;
  background:
    radial-gradient(circle at 82% 25%,rgba(157,255,0,.07),transparent 29%),
    radial-gradient(circle at 12% 82%,rgba(255,0,106,.10),transparent 31%),
    linear-gradient(180deg,rgba(16,31,42,.72),rgba(7,16,23,.82));
}

body.ui-next .eilo-static-contact-address {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  width:100%;
  max-width:650px;
  min-height:78px;
  margin-top:28px;
  padding:17px 20px;
  border:1px solid rgba(157,255,0,.34);
  border-radius:10px;
  background:rgba(5,12,18,.44);
  color:#fff !important;
  text-decoration:none !important;
}

body.ui-next .eilo-static-contact-address span,
body.ui-next .eilo-static-contact-address strong {
  display:block;
}

body.ui-next .eilo-static-contact-address span {
  color:#7f919d;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.ui-next .eilo-static-contact-address strong {
  color:#dfffaa;
  font-size:20px;
  font-weight:800;
}

body.ui-next .eilo-static-contact-address:hover {
  border-color:#9dff00;
  background:rgba(157,255,0,.08);
  transform:translateY(-1px);
}

body.ui-next .eilo-static-contact-address:hover strong {
  color:#ffffff;
}

body.ui-next .eilo-static-contact-note {
  max-width:650px !important;
  margin-top:18px !important;
  color:#728590 !important;
  font-size:11px !important;
}

@media (min-width:1280px) {
  body.ui-next.eilo-page-about .container_16,
  body.ui-next.eilo-page-advertising .container_16,
  body.ui-next.eilo-page-contacts .container_16,
  body.ui-next.eilo-page-terms .container_16,
  body.ui-next.eilo-page-privacy .container_16,
  body.ui-next.eilo-page-copyrights .container_16,
  body.ui-next.eilo-page-content-submission-terms .container_16 {
    width:1140px !important;
    max-width:calc(100% - 20px) !important;
  }

  body.ui-next.eilo-page-about .top-message.eilo-manage-heading,
  body.ui-next.eilo-page-about .top-message.eilo-manage-heading.eilo-page-heading,
  body.ui-next.eilo-page-about #content,
  body.ui-next.eilo-page-advertising .top-message.eilo-manage-heading,
  body.ui-next.eilo-page-advertising .top-message.eilo-manage-heading.eilo-page-heading,
  body.ui-next.eilo-page-advertising #content,
  body.ui-next.eilo-page-contacts .top-message.eilo-manage-heading,
  body.ui-next.eilo-page-contacts .top-message.eilo-manage-heading.eilo-page-heading,
  body.ui-next.eilo-page-contacts #content,
  body.ui-next.eilo-page-terms .top-message.eilo-manage-heading,
  body.ui-next.eilo-page-terms .top-message.eilo-manage-heading.eilo-page-heading,
  body.ui-next.eilo-page-terms #content,
  body.ui-next.eilo-page-privacy .top-message.eilo-manage-heading,
  body.ui-next.eilo-page-privacy .top-message.eilo-manage-heading.eilo-page-heading,
  body.ui-next.eilo-page-privacy #content,
  body.ui-next.eilo-page-copyrights .top-message.eilo-manage-heading,
  body.ui-next.eilo-page-copyrights .top-message.eilo-manage-heading.eilo-page-heading,
  body.ui-next.eilo-page-copyrights #content,
  body.ui-next.eilo-page-content-submission-terms .top-message.eilo-manage-heading,
  body.ui-next.eilo-page-content-submission-terms .top-message.eilo-manage-heading.eilo-page-heading,
  body.ui-next.eilo-page-content-submission-terms #content {
    width:1130px !important;
    max-width:1130px !important;
  }
}

@media (max-width:1120px) and (min-width:1024px) {
  body.ui-next .eilo-static-feature-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.ui-next .eilo-static-feature-grid .eilo-static-card:last-child {
    grid-column:1 / -1;
  }

  body.ui-next .eilo-static-logo-card {
    grid-template-columns:120px minmax(0,1fr);
  }
}


/* ========================================================================== 
   Desktop UI v13.22 — Authentication drawers and overlay stability
   Standalone auth pages plus the login/signup side drawers.
   ========================================================================== */

body.ui-next.eilo-page-login,
body.ui-next.eilo-page-forgotten,
body.ui-next.eilo-page-changepassword,
body.ui-next.eilo-page-signup {
  height:auto !important;
  min-height:100vh !important;
  background:
    radial-gradient(circle at 8% 12%,rgba(255,0,106,.075),transparent 31%),
    radial-gradient(circle at 92% 8%,rgba(157,255,0,.045),transparent 27%),
    #050b10 !important;
  color:#c7d1d8;
}

body.ui-next.eilo-page-login #pageslide-body-wrap,
body.ui-next.eilo-page-forgotten #pageslide-body-wrap,
body.ui-next.eilo-page-changepassword #pageslide-body-wrap,
body.ui-next.eilo-page-signup #pageslide-body-wrap {
  min-height:100vh;
  background:transparent !important;
}

body.ui-next.eilo-page-login .container_16,
body.ui-next.eilo-page-forgotten .container_16,
body.ui-next.eilo-page-changepassword .container_16,
body.ui-next.eilo-page-signup .container_16 {
  width:960px !important;
  max-width:calc(100% - 20px) !important;
}

body.ui-next.eilo-page-login .top-message.eilo-manage-heading,
body.ui-next.eilo-page-login .top-message.eilo-manage-heading.eilo-page-heading,
body.ui-next.eilo-page-forgotten .top-message.eilo-manage-heading,
body.ui-next.eilo-page-forgotten .top-message.eilo-manage-heading.eilo-page-heading,
body.ui-next.eilo-page-changepassword .top-message.eilo-manage-heading,
body.ui-next.eilo-page-changepassword .top-message.eilo-manage-heading.eilo-page-heading,
body.ui-next.eilo-page-signup .top-message.eilo-manage-heading,
body.ui-next.eilo-page-signup .top-message.eilo-manage-heading.eilo-page-heading {
  width:950px !important;
  max-width:calc(100% - 20px) !important;
}

body.ui-next.eilo-page-login #content,
body.ui-next.eilo-page-forgotten #content,
body.ui-next.eilo-page-changepassword #content,
body.ui-next.eilo-page-signup #content {
  box-sizing:border-box;
  float:none !important;
  width:950px !important;
  max-width:calc(100% - 20px) !important;
  min-height:520px;
  margin:0 auto !important;
  padding:34px 0 110px !important;
}

body.ui-next.eilo-page-login #content > .grid_18,
body.ui-next.eilo-page-forgotten #content > .grid_18,
body.ui-next.eilo-page-changepassword #content > .grid_18,
body.ui-next.eilo-page-signup #content > .grid_18 {
  box-sizing:border-box;
  float:none !important;
  width:100% !important;
  margin:0 !important;
}

body.ui-next .eilo-auth-page,
body.ui-next .eilo-auth-page *,
body.ui-next .eilo-auth-drawer,
body.ui-next .eilo-auth-drawer * {
  box-sizing:border-box;
}

body.ui-next .eilo-auth-page {
  display:flex;
  align-items:flex-start;
  justify-content:center;
  width:100%;
  min-height:430px;
  margin:0;
}

body.ui-next .eilo-auth-card {
  position:relative;
  width:100%;
  max-width:610px;
  overflow:hidden;
  border:1px solid rgba(137,160,179,.23);
  border-radius:12px;
  background:
    radial-gradient(circle at 89% 10%,rgba(157,255,0,.045),transparent 29%),
    linear-gradient(180deg,rgba(15,28,38,.99),rgba(7,15,22,.99));
  box-shadow:0 24px 64px rgba(0,0,0,.32);
  color:#aebbc4;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

body.ui-next .eilo-auth-card:before {
  content:"";
  display:block;
  height:2px;
  background:linear-gradient(90deg,#ff006a 0%,#ff006a 32%,#9dff00 100%);
}

body.ui-next .eilo-auth-card--wide {
  max-width:790px;
}

body.ui-next .eilo-auth-card__header {
  padding:34px 36px 25px;
  border-bottom:1px solid rgba(151,171,190,.13);
  background:linear-gradient(180deg,rgba(17,32,43,.55),rgba(9,19,27,.08));
}

body.ui-next .eilo-auth-eyebrow {
  display:block;
  margin:0 0 8px;
  color:#ff2b80;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  line-height:1.2;
  text-transform:uppercase;
}

body.ui-next .eilo-auth-card__header h2,
body.ui-next .eilo-auth-success h2,
body.ui-next .eilo-auth-drawer__head h2 {
  margin:0;
  color:#f3f7f9;
  font-family:"AlternateGothic2BTRegular",Arial,sans-serif;
  font-size:38px;
  font-weight:400;
  letter-spacing:-.01em;
  line-height:1.03;
  text-transform:none;
}

body.ui-next .eilo-auth-card__header p,
body.ui-next .eilo-auth-success p,
body.ui-next .eilo-auth-drawer__head p {
  margin:11px 0 0;
  color:#8d9ea9;
  font-size:12px;
  line-height:1.7;
}

body.ui-next .eilo-auth-form {
  width:100%;
  margin:0;
  padding:28px 36px 31px;
}

body.ui-next .eilo-auth-field {
  width:100%;
  margin:0 0 18px;
}

body.ui-next .eilo-auth-field:last-child {
  margin-bottom:0;
}

body.ui-next .eilo-auth-field label {
  display:block;
  margin:0 0 7px;
  color:#dce5ea;
  font-size:11px;
  font-weight:800;
  line-height:1.3;
}

body.ui-next .eilo-auth-field input[type="text"],
body.ui-next .eilo-auth-field input[type="password"],
body.ui-next .eilo-auth-field input[type="email"] {
  box-sizing:border-box !important;
  display:block;
  width:100% !important;
  height:45px !important;
  margin:0 !important;
  padding:0 13px !important;
  border:1px solid rgba(138,160,178,.25) !important;
  border-radius:7px !important;
  outline:0;
  background:#08131c !important;
  background-image:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015) !important;
  color:#f0f5f7 !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:43px !important;
}

body.ui-next .eilo-auth-field input[type="text"]:focus,
body.ui-next .eilo-auth-field input[type="password"]:focus,
body.ui-next .eilo-auth-field input[type="email"]:focus {
  border-color:rgba(134,223,255,.68) !important;
  background:#0a1721 !important;
  box-shadow:0 0 0 3px rgba(60,196,242,.08) !important;
}

body.ui-next .eilo-auth-help {
  display:block;
  margin-top:6px;
  color:#70838f;
  font-size:9px;
  line-height:1.45;
}

body.ui-next .eilo-auth-actions {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:5px;
  padding-top:22px;
  border-top:1px solid rgba(151,171,190,.12);
}

body.ui-next .eilo-auth-primary,
body.ui-next .eilo-auth-primary:visited {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto;
  min-width:128px !important;
  height:40px !important;
  margin:0 !important;
  padding:0 17px !important;
  border:1px solid #ff006a !important;
  border-radius:7px !important;
  background:#ff006a !important;
  background-image:none !important;
  box-shadow:0 9px 23px rgba(255,0,106,.19) !important;
  color:#fff !important;
  cursor:pointer;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:10px !important;
  font-weight:900 !important;
  line-height:38px !important;
  text-shadow:none !important;
  text-transform:uppercase;
}

body.ui-next .eilo-auth-primary:hover,
body.ui-next .eilo-auth-primary:focus {
  border-color:#ff3b8c !important;
  background:#ff1b79 !important;
  color:#fff !important;
  transform:translateY(-1px);
}

body.ui-next .eilo-auth-text-link,
body.ui-next .eilo-auth-text-link:visited {
  padding:0 !important;
  color:#83dfff !important;
  font-size:10px !important;
  font-weight:750;
  line-height:1.45;
  text-decoration:none !important;
}

body.ui-next .eilo-auth-text-link:hover {
  color:#b8ff3d !important;
}

body.ui-next .eilo-auth-card__footer {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:53px;
  padding:14px 28px;
  border-top:1px solid rgba(151,171,190,.12);
  background:rgba(4,11,16,.30);
  color:#71848f;
  font-size:10px;
}

body.ui-next .eilo-auth-card__footer a,
body.ui-next .eilo-auth-card__footer a:visited {
  color:#dfffaa;
  font-weight:850;
  text-decoration:none;
}

body.ui-next .eilo-auth-card__footer a:hover {
  color:#fff;
}

body.ui-next .eilo-auth-notice {
  margin:24px 36px 0;
  padding:13px 15px;
  border:1px solid rgba(151,171,190,.18);
  border-radius:7px;
  background:rgba(255,255,255,.025);
  color:#aebbc4;
  font-size:10px;
  line-height:1.55;
}

body.ui-next .eilo-auth-notice--error {
  border-color:rgba(255,0,106,.42);
  background:rgba(255,0,106,.07);
  color:#ffb4cf;
}

body.ui-next .eilo-auth-notice strong {
  display:block;
  margin-bottom:5px;
  color:#fff;
  font-size:10px;
}

body.ui-next .eilo-auth-notice ul {
  margin:0;
  padding:0 0 0 16px;
}

body.ui-next .eilo-auth-notice li {
  margin:3px 0;
}

body.ui-next .eilo-auth-success {
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  min-height:330px;
  padding:45px 42px 42px;
}

body.ui-next .eilo-auth-success__mark {
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  margin-bottom:25px;
  border:1px solid rgba(157,255,0,.42);
  border-radius:50%;
  background:rgba(157,255,0,.08);
  color:#b8ff3d;
  font-size:21px;
  font-weight:900;
}

body.ui-next .eilo-auth-success p {
  max-width:520px;
  margin-bottom:24px;
}

body.ui-next .eilo-auth-secondary,
body.ui-next .eilo-auth-secondary:visited {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 15px !important;
  border:1px solid rgba(157,255,0,.48);
  border-radius:7px;
  background:rgba(157,255,0,.07);
  color:#dfffaa !important;
  font-size:10px !important;
  font-weight:850;
  line-height:36px;
  text-decoration:none !important;
  text-transform:uppercase;
}

body.ui-next .eilo-auth-secondary:hover {
  border-color:#9dff00;
  background:rgba(157,255,0,.14);
  color:#fff !important;
}

body.ui-next .eilo-auth-fields-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 20px;
}

body.ui-next .eilo-auth-verification {
  display:grid;
  grid-template-columns:minmax(0,1fr) 304px;
  gap:20px;
  margin:5px 0 0;
  padding:22px 0 3px;
  border-top:1px solid rgba(151,171,190,.12);
}

body.ui-next .eilo-auth-captcha {
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  align-items:end;
  gap:13px;
}

body.ui-next .eilo-auth-captcha__image {
  display:flex;
  align-items:center;
  justify-content:center;
  height:45px;
  overflow:hidden;
  border:1px solid rgba(138,160,178,.22);
  border-radius:7px;
  background:#fff;
}

body.ui-next .eilo-auth-captcha__image img {
  display:block;
  max-width:100%;
  max-height:43px;
}

body.ui-next .eilo-auth-captcha .eilo-auth-field {
  margin-bottom:0;
}

body.ui-next .eilo-auth-recaptcha {
  display:flex;
  align-items:flex-end;
  min-height:78px;
  overflow:hidden;
}

body.ui-next .eilo-auth-agreement {
  max-width:465px;
  color:#70838f;
  font-size:9px;
  line-height:1.55;
}

body.ui-next .eilo-auth-agreement a {
  color:#83dfff;
  text-decoration:none;
}

body.ui-next .eilo-auth-agreement a:hover {
  color:#b8ff3d;
}

body.ui-next .eilo-auth-honeypot {
  position:absolute !important;
  left:-9999px !important;
  top:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

/* Authentication drawers loaded through the legacy pageSlide runtime.
   The new desktop UI uses fixed overlay drawers and never shifts the site. */
body.ui-next.eilo-pageslide-open #pageslide-body-wrap {
  left:0 !important;
  right:auto !important;
}

body.ui-next.eilo-pageslide-open #pageslide-body-wrap:before {
  content:"";
  position:fixed;
  z-index:997;
  top:0;
  right:0;
  bottom:0;
  left:0;
  pointer-events:none;
  background:rgba(2,7,11,.62);
  backdrop-filter:blur(1.5px);
}

body.ui-next #pageslide-slide-wrap {
  z-index:9999 !important;
  overflow:hidden;
  border:0;
  background:#071019 !important;
  background-image:none !important;
}

body.ui-next.eilo-pageslide-right #pageslide-slide-wrap {
  border-left:1px solid rgba(137,160,179,.24);
  box-shadow:-24px 0 65px rgba(0,0,0,.52);
}

body.ui-next.eilo-pageslide-left #pageslide-slide-wrap {
  border-right:1px solid rgba(137,160,179,.24);
  box-shadow:24px 0 65px rgba(0,0,0,.52);
}

body.ui-next #pageslide-content {
  box-sizing:border-box;
  width:100%;
  height:100vh;
  min-height:100%;
  padding-bottom:58px;
  overflow-x:hidden;
  overflow-y:auto;
  background:
    radial-gradient(circle at 84% 7%,rgba(157,255,0,.055),transparent 24%),
    radial-gradient(circle at 8% 92%,rgba(255,0,106,.055),transparent 27%),
    linear-gradient(180deg,#0e1b25 0%,#08131c 48%,#061018 100%) !important;
}

body.ui-next #pageslide-content .eilo-auth-drawer {
  position:relative;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  width:100%;
  min-height:calc(100vh - 58px);
  margin:0;
  padding:0;
  color:#aebbc4;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

body.ui-next #pageslide-content .eilo-auth-drawer:before {
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  right:0;
  left:0;
  height:2px;
  background:linear-gradient(90deg,#ff006a 0%,#ff006a 36%,#9dff00 100%);
}

body.ui-next #pageslide-content .eilo-auth-drawer__close,
body.ui-next #pageslide-content .eilo-auth-drawer__close:visited {
  position:absolute;
  z-index:4;
  top:18px;
  right:20px;
  bottom:auto !important;
  left:auto !important;
  float:none !important;
  margin:0 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:31px;
  height:31px;
  padding:0 !important;
  border:1px solid rgba(137,160,179,.25);
  border-radius:8px;
  background:rgba(255,255,255,.025);
  color:#8395a1 !important;
  font-family:Arial,sans-serif;
  font-size:21px !important;
  font-weight:400;
  line-height:29px;
  text-decoration:none !important;
  transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}

body.ui-next #pageslide-content .eilo-auth-drawer__close:hover {
  border-color:rgba(255,0,106,.56);
  background:rgba(255,0,106,.10);
  color:#fff !important;
  transform:rotate(4deg);
}

body.ui-next #pageslide-content .eilo-auth-drawer__head {
  padding:43px 32px 25px;
  border-bottom:1px solid rgba(151,171,190,.13);
  background:linear-gradient(180deg,rgba(18,34,45,.54),rgba(9,19,27,.04));
}

body.ui-next #pageslide-content .eilo-auth-drawer__head h2 {
  max-width:285px;
  font-size:32px;
  line-height:1.02;
}

body.ui-next #pageslide-content .eilo-auth-drawer__head p {
  max-width:305px;
  margin-top:10px;
  color:#82949f;
  font-size:11px;
  line-height:1.65;
  text-align:left;
}

body.ui-next #pageslide-content .eilo-auth-notice {
  margin:20px 32px 0;
}

body.ui-next #pageslide-content .eilo-auth-form--drawer {
  flex:0 0 auto;
  padding:25px 32px 29px;
}

body.ui-next #pageslide-content .eilo-auth-form--drawer .eilo-auth-field {
  margin-bottom:16px;
}

body.ui-next #pageslide-content .eilo-auth-form--drawer .eilo-auth-field input[type="text"],
body.ui-next #pageslide-content .eilo-auth-form--drawer .eilo-auth-field input[type="password"],
body.ui-next #pageslide-content .eilo-auth-form--drawer .eilo-auth-field input[type="email"] {
  height:44px !important;
  line-height:42px !important;
}

body.ui-next #pageslide-content .eilo-auth-actions--drawer {
  display:flex;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  gap:15px;
  margin-top:4px;
  padding-top:21px;
}

body.ui-next #pageslide-content .eilo-auth-actions--drawer .eilo-auth-primary {
  min-width:133px !important;
}

body.ui-next #pageslide-content .eilo-auth-drawer__footer {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:59px;
  margin-top:auto;
  padding:16px 28px;
  border-top:1px solid rgba(151,171,190,.12);
  background:rgba(3,10,15,.30);
  color:#71848f;
  font-size:10px;
}

body.ui-next #pageslide-content .eilo-auth-drawer__footer a,
body.ui-next #pageslide-content .eilo-auth-drawer__footer a:visited {
  padding:0 !important;
  color:#dfffaa !important;
  font-size:10px !important;
  font-weight:850;
  text-decoration:none !important;
}

body.ui-next #pageslide-content .eilo-auth-drawer__footer a:hover {
  color:#fff !important;
}

body.ui-next #pageslide-content .eilo-auth-form--drawer-signup {
  padding-top:23px;
}

body.ui-next #pageslide-content .eilo-auth-drawer__passwords {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

body.ui-next #pageslide-content .eilo-auth-drawer__verification {
  margin-top:3px;
  padding-top:20px;
  border-top:1px solid rgba(151,171,190,.12);
}

body.ui-next #pageslide-content .eilo-auth-captcha--drawer {
  grid-template-columns:112px minmax(0,1fr);
  gap:12px;
}

body.ui-next #pageslide-content .eilo-auth-captcha--drawer .eilo-auth-captcha__image {
  height:44px;
}

body.ui-next #pageslide-content .eilo-auth-captcha--drawer .eilo-auth-field {
  margin-bottom:0;
}

body.ui-next #pageslide-content .eilo-auth-recaptcha--drawer {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:82px;
  margin-top:16px;
  overflow:visible;
}

body.ui-next #pageslide-content .eilo-auth-actions--signup-drawer {
  align-items:stretch;
  flex-direction:column;
  gap:12px;
}

body.ui-next #pageslide-content .eilo-auth-actions--signup-drawer .eilo-auth-primary {
  width:100% !important;
}

body.ui-next #pageslide-content .eilo-auth-actions--signup-drawer .eilo-auth-agreement {
  max-width:none;
  text-align:center;
}

body.ui-next #pageslide-content .eilo-auth-drawer__success {
  display:flex;
  align-items:flex-start;
  justify-content:center;
  flex:1 0 auto;
  flex-direction:column;
  min-height:100vh;
  padding:48px 36px;
}

body.ui-next #pageslide-content .eilo-auth-drawer__success h2 {
  margin:0;
  color:#f3f7f9;
  font-family:"AlternateGothic2BTRegular",Arial,sans-serif;
  font-size:34px;
  font-weight:400;
  line-height:1.04;
}

body.ui-next #pageslide-content .eilo-auth-drawer__success p {
  margin:12px 0 25px;
  color:#82949f;
  font-size:11px;
  line-height:1.7;
}

/* Unified desktop scrollbars for the current dark interface. */
@media (min-width:1024px) {
  html,
  body.ui-next,
  body.ui-next * {
    scrollbar-width:thin;
    scrollbar-color:rgba(119,139,154,.72) #071019;
  }

  html::-webkit-scrollbar,
  body.ui-next::-webkit-scrollbar,
  body.ui-next *::-webkit-scrollbar {
    width:10px;
    height:10px;
  }

  html::-webkit-scrollbar-track,
  body.ui-next::-webkit-scrollbar-track,
  body.ui-next *::-webkit-scrollbar-track {
    background:#071019;
  }

  html::-webkit-scrollbar-thumb,
  body.ui-next::-webkit-scrollbar-thumb,
  body.ui-next *::-webkit-scrollbar-thumb {
    min-height:36px;
    border:2px solid #071019;
    border-radius:999px;
    background:linear-gradient(180deg,#536675 0%,#334652 100%);
  }

  html::-webkit-scrollbar-thumb:hover,
  body.ui-next::-webkit-scrollbar-thumb:hover,
  body.ui-next *::-webkit-scrollbar-thumb:hover {
    background:linear-gradient(180deg,#ff3388 0%,#d9005a 100%);
  }

  html::-webkit-scrollbar-corner,
  body.ui-next::-webkit-scrollbar-corner,
  body.ui-next *::-webkit-scrollbar-corner {
    background:#071019;
  }
}

@media (min-width:1280px) {
  body.ui-next.eilo-page-login .container_16,
  body.ui-next.eilo-page-forgotten .container_16,
  body.ui-next.eilo-page-changepassword .container_16,
  body.ui-next.eilo-page-signup .container_16 {
    width:1140px !important;
    max-width:calc(100% - 20px) !important;
  }

  body.ui-next.eilo-page-login .top-message.eilo-manage-heading,
  body.ui-next.eilo-page-login .top-message.eilo-manage-heading.eilo-page-heading,
  body.ui-next.eilo-page-login #content,
  body.ui-next.eilo-page-forgotten .top-message.eilo-manage-heading,
  body.ui-next.eilo-page-forgotten .top-message.eilo-manage-heading.eilo-page-heading,
  body.ui-next.eilo-page-forgotten #content,
  body.ui-next.eilo-page-changepassword .top-message.eilo-manage-heading,
  body.ui-next.eilo-page-changepassword .top-message.eilo-manage-heading.eilo-page-heading,
  body.ui-next.eilo-page-changepassword #content,
  body.ui-next.eilo-page-signup .top-message.eilo-manage-heading,
  body.ui-next.eilo-page-signup .top-message.eilo-manage-heading.eilo-page-heading,
  body.ui-next.eilo-page-signup #content {
    width:1130px !important;
    max-width:1130px !important;
  }
}

@media (max-width:1120px) and (min-width:1024px) {
  body.ui-next .eilo-auth-verification {
    grid-template-columns:1fr;
  }
}

/* ========================================================================== 
   Desktop UI v13.24 — Radio schedule + user favorites
   ========================================================================== */
@media screen and (min-width:1024px) {
  body.ui-next.eilo-page-radio #content,
  body.ui-next.eilo-page-radio #index-common,
  body.ui-next.eilo-detail-user #content,
  body.ui-next.eilo-detail-user #index-common {
    background: transparent !important;
  }


  /* Stable SmartAjax markers for the two final desktop pages. */
  body.ui-next.eilo-detail-radio {
    --eilo-detail-pink:#ff006a;
    --eilo-detail-green:#9dff00;
    --eilo-detail-text:#f4f7fa;
    --eilo-detail-muted:#91a0af;
    --eilo-detail-border:rgba(151,171,190,.18);
  }

  body.ui-next.eilo-detail-radio #pageslide-body-wrap,
  body.ui-next.eilo-detail-radio #content,
  body.ui-next.eilo-detail-radio #index-common {
    background:
      radial-gradient(circle at 7% 4%,rgba(255,0,106,.065),transparent 30%),
      radial-gradient(circle at 94% 6%,rgba(157,255,0,.045),transparent 28%),
      linear-gradient(180deg,#091018 0%,#070d13 56%,#070c12 100%) !important;
  }

  body.ui-next.eilo-detail-radio #pageslide-body-wrap {
    min-height:760px;
  }

  /* Radio schedule */
  body.ui-next.eilo-page-radio .eilo-radio-heading__m3u {
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 52px !important;
    padding: 0 13px !important;
    border-color: rgba(145,231,239,.28) !important;
    background: rgba(145,231,239,.07) !important;
    color: #aeeff4 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-decoration: none !important;
  }

  body.ui-next.eilo-page-radio .eilo-radio-heading__m3u:hover {
    border-color: rgba(157,255,0,.48) !important;
    background: rgba(157,255,0,.12) !important;
    color: #d9ff9e !important;
  }

  body.ui-next.eilo-page-radio .eilo-radio-page,
  body.ui-next.eilo-detail-radio .eilo-radio-page {
    box-sizing: border-box;
    width: 950px !important;
    margin: 0 auto !important;
    padding: 28px 0 118px !important;
  }

  body.ui-next.eilo-page-radio .eilo-radio-intro,
  body.ui-next.eilo-detail-radio .eilo-radio-intro {
    margin: 0 0 24px !important;
    padding: 20px 22px !important;
    border: 1px solid rgba(151,171,190,.18) !important;
    border-left: 3px solid #ff006a !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg,rgba(19,31,42,.97),rgba(9,18,25,.96)) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.22) !important;
    color: #bdc8d1 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  body.ui-next.eilo-page-radio .eilo-radio-page #formdiv,
  body.ui-next.eilo-page-radio .eilo-radio-page .shows-list-sets {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.ui-next.eilo-page-radio .eilo-radio-page .shows-list-sets > br {
    display: none !important;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section,
  body.ui-next.eilo-detail-radio .eilo-radio-schedule-section {
    box-sizing: border-box;
    margin: 0 0 18px;
    padding: 22px 24px;
    border: 1px solid rgba(151,171,190,.17);
    border-radius: 13px;
    background: linear-gradient(145deg,rgba(17,28,38,.98),rgba(7,15,22,.98));
    box-shadow: 0 18px 44px rgba(0,0,0,.22);
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section--current {
    border-color: rgba(255,0,106,.28);
    box-shadow: 0 16px 40px rgba(255,0,106,.06);
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(151,171,190,.13);
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section__heading span {
    display: block;
    margin-bottom: 4px;
    color: #ff3d8e;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .14em;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section__heading h2 {
    margin: 0;
    color: #f4f7fa;
    font-family: "AlternateGothic2BTRegular",Arial,sans-serif;
    font-size: 25px;
    font-weight: normal;
    line-height: 1;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section__heading > strong {
    padding: 7px 10px;
    border: 1px solid rgba(255,0,106,.34);
    border-radius: 999px;
    background: rgba(255,0,106,.10);
    color: #ff78ae;
    font-size: 9px;
    letter-spacing: .10em;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section ul {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section li,
  body.ui-next.eilo-detail-radio .eilo-radio-schedule-section li {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 56px;
    margin: 0 !important;
    padding: 10px 12px !important;
    border-bottom: 1px solid rgba(151,171,190,.11);
    color: #95a3af !important;
    font-size: 13px;
    line-height: 1.35;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section li:last-child {
    border-bottom: 0;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section li > img:first-child {
    display: none !important;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section li .fdet,
  body.ui-next.eilo-detail-radio .eilo-radio-schedule-section li .fdet {
    box-sizing: border-box;
    flex: 0 0 232px;
    min-width: 232px;
    padding: 9px 10px !important;
    border: 1px solid rgba(151,171,190,.16);
    border-radius: 8px;
    background: rgba(255,255,255,.045) !important;
    color: #b5c0c9 !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .01em;
    text-align: center;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section--current li .fdet {
    border-color: rgba(255,0,106,.30);
    background: rgba(255,0,106,.11) !important;
    color: #ffb1d1 !important;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section--next li .fdet {
    border-color: rgba(145,231,239,.24);
    background: rgba(145,231,239,.07) !important;
    color: #aeeff4 !important;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section input[type="checkbox"],
  body.ui-next.eilo-detail-radio .eilo-radio-schedule-section input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    position: relative;
    box-sizing: border-box;
    flex: 0 0 18px;
    width: 18px !important;
    height: 18px !important;
    margin: 0 2px !important;
    padding: 0 !important;
    border: 1px solid rgba(151,171,190,.38) !important;
    border-radius: 5px !important;
    background: rgba(4,11,17,.76) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.02) !important;
    cursor: pointer;
    vertical-align: middle;
    transition: border-color 150ms ease,background 150ms ease,box-shadow 150ms ease;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section input[type="checkbox"]:hover,
  body.ui-next.eilo-detail-radio .eilo-radio-schedule-section input[type="checkbox"]:hover {
    border-color: rgba(157,255,0,.58) !important;
    background: rgba(157,255,0,.075) !important;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section input[type="checkbox"]:checked,
  body.ui-next.eilo-detail-radio .eilo-radio-schedule-section input[type="checkbox"]:checked {
    border-color: #ff006a !important;
    background: #ff006a !important;
    box-shadow: 0 0 0 3px rgba(255,0,106,.10) !important;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section input[type="checkbox"]:checked:after,
  body.ui-next.eilo-detail-radio .eilo-radio-schedule-section input[type="checkbox"]:checked:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section input[type="checkbox"]:focus,
  body.ui-next.eilo-detail-radio .eilo-radio-schedule-section input[type="checkbox"]:focus {
    outline: none !important;
    border-color: rgba(145,231,239,.72) !important;
    box-shadow: 0 0 0 3px rgba(145,231,239,.10) !important;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section li > a:not(#songplay):not(.favthis),
  body.ui-next.eilo-detail-radio .eilo-radio-schedule-section li > a:not(#songplay):not(.favthis) {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(151,171,190,.18);
    border-radius: 8px;
    background: rgba(255,255,255,.04);
    color: #a6b2bc !important;
    text-decoration: none !important;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section li > a:not(#songplay):not(.favthis):hover {
    border-color: rgba(157,255,0,.34);
    background: rgba(157,255,0,.08);
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section li > a:not(#songplay):not(.favthis) img {
    display: block;
    max-width: 14px;
    max-height: 14px;
    opacity: .72;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section li > a.eilo-radio-row-m3u,
  body.ui-next.eilo-detail-radio .eilo-radio-schedule-section li > a.eilo-radio-row-m3u {
    flex-basis: 48px;
    width: 48px;
    font-size: 0;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section li > a.eilo-radio-row-m3u img {
    display: none !important;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section li > a.eilo-radio-row-m3u:after {
    content: "M3U";
    color: #aeeff4;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .04em;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section #songplay,
  body.ui-next.eilo-detail-radio .eilo-radio-schedule-section #songplay {
    min-width: 0;
    flex: 1 1 auto;
    color: #f0f4f7 !important;
    font-size: 13px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none !important;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section #songplay:hover {
    color: #d5ff98 !important;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section .eilo-radio-row-favorite,
  body.ui-next.eilo-detail-radio .eilo-radio-schedule-section .eilo-radio-row-favorite {
    box-sizing: border-box;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex: 0 0 auto;
    min-width: 48px;
    height: 34px;
    margin-left: auto;
    padding: 0 10px;
    border: 1px solid rgba(151,171,190,.20);
    border-radius: 999px;
    background: rgba(255,255,255,.04);
    color: #b5c0c9 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: border-color 150ms ease,background 150ms ease,color 150ms ease,box-shadow 150ms ease;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section .eilo-radio-row-favorite:hover,
  body.ui-next.eilo-detail-radio .eilo-radio-schedule-section .eilo-radio-row-favorite:hover {
    border-color: rgba(255,0,106,.46);
    background: rgba(255,0,106,.09);
    color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(255,0,106,.07);
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section .eilo-radio-row-favorite.is-active,
  body.ui-next.eilo-detail-radio .eilo-radio-schedule-section .eilo-radio-row-favorite.is-active {
    border-color: rgba(255,0,106,.46);
    background: rgba(255,0,106,.11);
    color: #ffffff !important;
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section .eilo-radio-row-favorite__heart,
  body.ui-next.eilo-detail-radio .eilo-radio-schedule-section .eilo-radio-row-favorite__heart {
    display: inline-block;
    color: #ff006a;
    font-family: Arial,sans-serif;
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    transform: translateY(-1px);
  }

  body.ui-next.eilo-page-radio .eilo-radio-schedule-section .eilo-radio-row-favorite__count,
  body.ui-next.eilo-detail-radio .eilo-radio-schedule-section .eilo-radio-row-favorite__count {
    display: inline-block;
    min-width: 8px;
    color: inherit;
    font-family: Arial,sans-serif;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    text-align: center;
  }

  body.ui-next.eilo-page-radio .eilo-radio-bulk-actions,
  body.ui-next.eilo-detail-radio .eilo-radio-bulk-actions,
  body.ui-next.eilo-detail-user .eilo-user-favorites-bulk {
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-top: 20px;
    padding: 18px;
    border: 1px solid rgba(151,171,190,.17);
    border-radius: 12px;
    background: linear-gradient(145deg,rgba(15,25,34,.96),rgba(7,14,20,.96));
    box-shadow: 0 16px 38px rgba(0,0,0,.18);
  }

  body.ui-next.eilo-page-radio .eilo-radio-bulk-actions > div,
  body.ui-next.eilo-detail-user .eilo-user-favorites-bulk > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
  }

  body.ui-next.eilo-page-radio .eilo-radio-bulk-actions > div > span,
  body.ui-next.eilo-detail-user .eilo-user-favorites-bulk > div > span {
    flex-basis: 100%;
    color: #798895;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .10em;
    text-transform: uppercase;
  }

  body.ui-next.eilo-page-radio .eilo-radio-bulk-actions .buttonPro,
  body.ui-next.eilo-detail-user .eilo-user-favorites-bulk .buttonPro {
    box-sizing: border-box !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid rgba(157,255,0,.27) !important;
    border-radius: 8px !important;
    background: rgba(157,255,0,.055) !important;
    color: #d5ff99 !important;
    box-shadow: none !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 34px !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
  }

  body.ui-next.eilo-page-radio .eilo-radio-bulk-actions .buttonPro:hover,
  body.ui-next.eilo-detail-user .eilo-user-favorites-bulk .buttonPro:hover {
    border-color: rgba(157,255,0,.55) !important;
    background: rgba(157,255,0,.14) !important;
  }

  body.ui-next.eilo-page-radio .eilo-radio-bulk-actions .eilo-radio-action-primary,
  body.ui-next.eilo-detail-user .eilo-user-favorites-bulk .eilo-user-favorites-primary {
    border-color: #ff006a !important;
    background: #ff006a !important;
    color: #fff !important;
    box-shadow: 0 8px 22px rgba(255,0,106,.16) !important;
  }

  body.ui-next.eilo-page-radio .eilo-radio-bulk-actions .eilo-radio-action-primary:hover,
  body.ui-next.eilo-detail-user .eilo-user-favorites-bulk .eilo-user-favorites-primary:hover {
    border-color: #ff3388 !important;
    background: #ff3388 !important;
  }

  /* User favorites */
  body.ui-next.eilo-detail-user .eilo-user-favorites-page {
    box-sizing: border-box;
    width: 950px !important;
    margin: 0 auto !important;
    padding: 28px 0 118px !important;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-profile {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 220px minmax(0,1fr) 170px;
    align-items: center;
    gap: 28px;
    margin-bottom: 22px;
    padding: 22px;
    border: 1px solid rgba(151,171,190,.18);
    border-radius: 14px;
    background: linear-gradient(135deg,rgba(18,29,40,.98),rgba(8,17,24,.97));
    box-shadow: 0 20px 48px rgba(0,0,0,.24);
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-profile__image {
    overflow: hidden;
    width: 220px;
    height: 220px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 12px;
    background: #071018;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-profile__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-profile__copy > span {
    display: block;
    margin-bottom: 7px;
    color: #ff3d8e;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .14em;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-profile__copy h2 {
    margin: 0 0 5px;
    color: #f4f7fa;
    font-family: "AlternateGothic2BTRegular",Arial,sans-serif;
    font-size: 33px;
    font-weight: normal;
    line-height: 1;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-profile__login,
  body.ui-next.eilo-detail-user .eilo-user-favorites-profile__country {
    margin-top: 7px;
    color: #93a1ad;
    font-size: 12px;
    font-weight: 700;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-profile__country {
    display: flex;
    align-items: center;
    gap: 7px;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-profile__country img {
    width: 22px;
    height: auto;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-profile__styles,
  body.ui-next.eilo-detail-user .eilo-user-favorites-profile__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 13px;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-profile__styles span {
    padding: 6px 9px;
    border: 1px solid rgba(157,255,0,.22);
    border-radius: 999px;
    background: rgba(157,255,0,.055);
    color: #cfff88;
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-profile__actions a {
    padding: 9px 12px;
    border: 1px solid rgba(145,231,239,.22);
    border-radius: 8px;
    background: rgba(145,231,239,.055);
    color: #aeeff4 !important;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none !important;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-profile__actions a:hover {
    border-color: rgba(157,255,0,.40);
    color: #d5ff99 !important;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-profile__stats {
    display: grid;
    gap: 10px;
    min-width: 145px;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-profile__stats > div {
    padding: 13px 15px;
    border: 1px solid rgba(151,171,190,.15);
    border-radius: 10px;
    background: rgba(5,12,18,.42);
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-profile__stats strong,
  body.ui-next.eilo-detail-user .eilo-user-favorites-profile__stats span {
    display: block;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-profile__stats strong {
    color: #fff;
    font-size: 21px;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-profile__stats span {
    margin-top: 2px;
    color: #7e8c98;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-section {
    margin-top: 18px !important;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-section .eilo-detail-audio-grid {
    margin-top: 15px;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-bulk {
    margin-top: 16px;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorite-shows {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px;
    margin-top: 15px;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorite-show {
    overflow: hidden;
    border: 1px solid rgba(151,171,190,.16);
    border-radius: 11px;
    background: rgba(7,14,20,.48);
  }

  body.ui-next.eilo-detail-user .eilo-user-favorite-show__media {
    position: relative;
    display: block;
    height: 190px;
    overflow: hidden;
    background: #071018;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorite-show__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 180ms ease,filter 180ms ease;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorite-show:hover .eilo-user-favorite-show__media img {
    transform: scale(1.025);
    filter: saturate(1.06) brightness(1.04);
  }

  body.ui-next.eilo-detail-user .eilo-user-favorite-show__media span {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg,#ff006a,#ff006a 48%,#9dff00 48%,#9dff00);
  }

  body.ui-next.eilo-detail-user .eilo-user-favorite-show__body {
    padding: 16px;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorite-show__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorite-show__meta span,
  body.ui-next.eilo-detail-user .eilo-user-favorite-show__meta b {
    color: #83919d;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .07em;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorite-show__meta span.is-live {
    color: #ff65a4;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorite-show h3 {
    margin: 0 0 8px;
    font-size: 17px;
    line-height: 1.25;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorite-show h3 a {
    color: #f1f5f7 !important;
    text-decoration: none !important;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorite-show__artists,
  body.ui-next.eilo-detail-user .eilo-user-favorite-show p {
    color: #8796a2;
    font-size: 11px;
    line-height: 1.5;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorite-show__artists span {
    color: #64727e;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorite-show__artist {
    color: #aeeff4 !important;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorite-show p {
    margin: 8px 0 0;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorite-show__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 13px;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorite-show__actions a {
    padding: 8px 10px;
    border: 1px solid rgba(157,255,0,.25);
    border-radius: 7px;
    background: rgba(157,255,0,.055);
    color: #d3ff94 !important;
    cursor: pointer;
    font-size: 9px;
    font-weight: 900;
    text-decoration: none !important;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-pagination {
    clear: both;
    min-height: 38px;
    margin: 18px 0 0 !important;
    padding: 16px 0 0 !important;
    border-top: 1px solid rgba(151,171,190,.14);
    background: transparent !important;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-pagination .page-navi {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-pagination .page-navi > a,
  body.ui-next.eilo-detail-user .eilo-user-favorites-pagination .page-navi .buttonPro {
    box-sizing: border-box;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    margin: 0 !important;
    padding: 0 9px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 7px !important;
    background: #141e29 !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #aebbc6 !important;
    font-family: Arial,sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-shadow: none !important;
    text-decoration: none !important;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-pagination .page-navi > a font,
  body.ui-next.eilo-detail-user .eilo-user-favorites-pagination .page-navi .buttonPro font {
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-transform: uppercase;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-pagination .page-navi > a:hover,
  body.ui-next.eilo-detail-user .eilo-user-favorites-pagination .page-navi .buttonPro:hover {
    border-color: rgba(157,255,0,.40) !important;
    background: rgba(157,255,0,.08) !important;
    color: #cfff87 !important;
  }

  body.ui-next.eilo-detail-user .eilo-user-favorites-pagination .page-navi .buttonPro.grey,
  body.ui-next.eilo-detail-user .eilo-user-favorites-pagination .page-navi .buttonPro.grey font {
    border-color: rgba(255,0,106,.48) !important;
    background: #ff006a !important;
    color: #fff !important;
  }
}

@media screen and (min-width:1280px) {
  body.ui-next.eilo-page-radio .eilo-radio-page,
  body.ui-next.eilo-detail-user .eilo-user-favorites-page {
    width: 1130px !important;
  }
}

/* ========================================================================
   v13.25 — Administration tools
   User SEO audit / Sitemap generator / User cleanup
   The original classic/mobile styles remain inside the PHP files and are
   emitted only when UI Next is disabled.
   ======================================================================== */
@media screen and (min-width:1024px) {
  body.ui-next.eilo-page-admin-tools {
    height:auto !important;
    min-height:100vh !important;
    background:
      radial-gradient(circle at 7% 10%, rgba(255,0,106,.075), transparent 31%),
      radial-gradient(circle at 92% 7%, rgba(157,255,0,.04), transparent 28%),
      #050b10 !important;
    color:#c8d2d8;
  }

  body.ui-next.eilo-page-admin-tools #pageslide-body-wrap {
    min-height:100vh;
    background:transparent !important;
  }

  body.ui-next.eilo-page-admin-tools .container_16 {
    width:960px !important;
    max-width:calc(100% - 20px) !important;
  }

  body.ui-next.eilo-page-admin-tools .top-message.eilo-manage-heading,
  body.ui-next.eilo-page-admin-tools .top-message.eilo-manage-heading.eilo-page-heading {
    width:950px !important;
    max-width:calc(100% - 20px) !important;
  }

  body.ui-next.eilo-page-admin-tools #eilo-user-seo,
  body.ui-next.eilo-page-admin-tools #eilo-sitemap,
  body.ui-next.eilo-page-admin-tools #eilo-cleanup {
    box-sizing:border-box;
    float:none !important;
    clear:both;
    width:950px;
    max-width:calc(100% - 20px);
    margin:0 auto !important;
    padding:22px 0 110px !important;
    color:#bdc9d0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size:13px;
    line-height:1.55;
  }

  body.ui-next.eilo-page-admin-tools #eilo-user-seo *,
  body.ui-next.eilo-page-admin-tools #eilo-sitemap *,
  body.ui-next.eilo-page-admin-tools #eilo-cleanup * {
    box-sizing:border-box;
  }

  body.ui-next.eilo-page-admin-tools .eilo-admin-tools-nav-wrap {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin:0 0 18px;
    padding:8px;
    border:1px solid rgba(151,171,190,.16);
    border-radius:10px;
    background:rgba(7,15,21,.86);
    box-shadow:0 12px 35px rgba(0,0,0,.18);
  }

  body.ui-next.eilo-page-admin-tools .eilo-admin-tools-nav {
    display:flex;
    align-items:center;
    gap:4px;
  }

  body.ui-next.eilo-page-admin-tools .eilo-admin-tools-nav a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 13px;
    border:1px solid transparent;
    border-radius:7px;
    color:#8999a5;
    font-size:10px;
    font-weight:850;
    letter-spacing:.02em;
    text-decoration:none;
    text-transform:uppercase;
    transition:border-color .15s ease,background .15s ease,color .15s ease;
  }

  body.ui-next.eilo-page-admin-tools .eilo-admin-tools-nav a:hover {
    border-color:rgba(157,255,0,.30);
    background:rgba(157,255,0,.055);
    color:#dfffaa;
  }

  body.ui-next.eilo-page-admin-tools .eilo-admin-tools-nav a.is-active {
    border-color:rgba(255,0,106,.45);
    background:rgba(255,0,106,.11);
    color:#ff8fba;
    box-shadow:inset 0 -2px 0 #ff006a;
  }

  body.ui-next.eilo-page-admin-tools .eilo-admin-tools-nav-label {
    padding:0 10px;
    color:#657681;
    font-size:9px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
  }

  body.ui-next.eilo-page-admin-tools .eilo-admin-tools-eyebrow {
    display:block;
    margin:0 0 7px;
    color:#ff1680;
    font-size:9px;
    font-weight:900;
    letter-spacing:.18em;
    line-height:1;
    text-transform:uppercase;
  }

  body.ui-next.eilo-page-admin-tools .eus-intro,
  body.ui-next.eilo-page-admin-tools .eus-panel,
  body.ui-next.eilo-page-admin-tools .es-panel,
  body.ui-next.eilo-page-admin-tools .ec-panel {
    margin:0 0 15px;
    padding:18px;
    border:1px solid rgba(151,171,190,.17);
    border-radius:10px;
    background:linear-gradient(145deg,rgba(14,27,37,.97),rgba(8,18,25,.97));
    box-shadow:0 14px 38px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.018);
  }

  body.ui-next.eilo-page-admin-tools .eus-intro,
  body.ui-next.eilo-page-admin-tools .es-intro,
  body.ui-next.eilo-page-admin-tools .ec-intro {
    position:relative;
    overflow:hidden;
    padding:22px 22px 20px;
  }

  body.ui-next.eilo-page-admin-tools .eus-intro:before,
  body.ui-next.eilo-page-admin-tools .es-intro:before,
  body.ui-next.eilo-page-admin-tools .ec-intro:before {
    content:'';
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:2px;
    background:linear-gradient(90deg,#ff006a 0%,#ff006a 28%,#9dff00 72%,#2bd7ff 100%);
  }

  body.ui-next.eilo-page-admin-tools .eus-intro h2,
  body.ui-next.eilo-page-admin-tools .es-intro h2,
  body.ui-next.eilo-page-admin-tools .ec-intro h2,
  body.ui-next.eilo-page-admin-tools .es-panel h2 {
    margin:0;
    color:#eef4f6;
    font-family:"Arial Narrow",Arial,sans-serif;
    font-size:23px;
    font-weight:800;
    line-height:1.15;
  }

  body.ui-next.eilo-page-admin-tools .eus-sub,
  body.ui-next.eilo-page-admin-tools .es-intro p,
  body.ui-next.eilo-page-admin-tools .ec-sub {
    max-width:910px;
    margin:10px 0 0;
    color:#91a1ac;
    font-size:12px;
    line-height:1.7;
  }

  body.ui-next.eilo-page-admin-tools .eus-note,
  body.ui-next.eilo-page-admin-tools .ec-note {
    color:#81919c;
    font-size:11px;
    line-height:1.6;
  }

  body.ui-next.eilo-page-admin-tools .eus-filters,
  body.ui-next.eilo-page-admin-tools .ec-filters {
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    gap:11px;
    margin:0;
  }

  body.ui-next.eilo-page-admin-tools .eus-field,
  body.ui-next.eilo-page-admin-tools .ec-field {
    flex:0 1 165px;
    min-width:145px;
  }

  body.ui-next.eilo-page-admin-tools .eus-field.eus-search,
  body.ui-next.eilo-page-admin-tools .ec-field.ec-search {
    flex:1 1 270px;
    min-width:220px;
  }

  body.ui-next.eilo-page-admin-tools label {
    display:block;
    margin:0 0 7px;
    color:#9aa9b3;
    font-size:10px;
    font-weight:800;
    letter-spacing:.015em;
  }

  body.ui-next.eilo-page-admin-tools input[type="text"],
  body.ui-next.eilo-page-admin-tools input[type="date"],
  body.ui-next.eilo-page-admin-tools select {
    width:100%;
    height:40px;
    margin:0;
    padding:0 11px;
    border:1px solid rgba(151,171,190,.24);
    border-radius:7px;
    outline:0;
    background:#0a151e;
    color:#d7e0e5;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size:11px;
    line-height:38px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.012);
    transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
  }

  body.ui-next.eilo-page-admin-tools input[type="text"]:hover,
  body.ui-next.eilo-page-admin-tools input[type="date"]:hover,
  body.ui-next.eilo-page-admin-tools select:hover,
  body.ui-next.eilo-page-admin-tools input[type="text"]:focus,
  body.ui-next.eilo-page-admin-tools input[type="date"]:focus,
  body.ui-next.eilo-page-admin-tools select:focus {
    border-color:rgba(43,215,255,.55);
    background:#0c1a24;
    box-shadow:0 0 0 3px rgba(43,215,255,.05);
  }

  body.ui-next.eilo-page-admin-tools select option {
    background:#0a151e;
    color:#d7e0e5;
  }

  body.ui-next.eilo-page-admin-tools input[type="checkbox"] {
    appearance:none;
    -webkit-appearance:none;
    position:relative;
    width:17px;
    height:17px;
    margin:0;
    border:1px solid rgba(151,171,190,.38);
    border-radius:5px;
    outline:0;
    background:#08131b;
    cursor:pointer;
    vertical-align:middle;
    transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
  }

  body.ui-next.eilo-page-admin-tools input[type="checkbox"]:hover {
    border-color:rgba(157,255,0,.58);
  }

  body.ui-next.eilo-page-admin-tools input[type="checkbox"]:checked {
    border-color:#ff006a;
    background:#ff006a;
    box-shadow:0 0 0 3px rgba(255,0,106,.08);
  }

  body.ui-next.eilo-page-admin-tools input[type="checkbox"]:checked:after {
    content:'✓';
    position:absolute;
    top:50%;
    left:50%;
    color:#fff;
    font-size:11px;
    font-weight:900;
    line-height:1;
    transform:translate(-50%,-54%);
  }

  body.ui-next.eilo-page-admin-tools input[type="checkbox"]:disabled {
    opacity:.35;
    cursor:not-allowed;
  }

  body.ui-next.eilo-page-admin-tools button,
  body.ui-next.eilo-page-admin-tools .eus-button,
  body.ui-next.eilo-page-admin-tools .ec-button,
  body.ui-next.eilo-page-admin-tools .es-generate-form .buttonPro {
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-height:36px;
    margin:0 !important;
    padding:0 13px !important;
    border:1px solid rgba(151,171,190,.26) !important;
    border-radius:7px !important;
    outline:0;
    background:#101c26 !important;
    background-image:none !important;
    color:#c5d0d6 !important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size:10px !important;
    font-weight:850 !important;
    line-height:34px !important;
    text-decoration:none !important;
    text-shadow:none !important;
    box-shadow:none !important;
    cursor:pointer;
    transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease;
  }

  body.ui-next.eilo-page-admin-tools button:hover,
  body.ui-next.eilo-page-admin-tools .eus-button:hover,
  body.ui-next.eilo-page-admin-tools .ec-button:hover {
    border-color:rgba(157,255,0,.48) !important;
    background:rgba(157,255,0,.07) !important;
    color:#dfffaa !important;
  }

  body.ui-next.eilo-page-admin-tools .eus-button-green,
  body.ui-next.eilo-page-admin-tools .es-generate-form .buttonPro {
    border-color:rgba(157,255,0,.46) !important;
    background:rgba(157,255,0,.07) !important;
    color:#dfffaa !important;
  }

  body.ui-next.eilo-page-admin-tools .eus-button-green:hover,
  body.ui-next.eilo-page-admin-tools .es-generate-form .buttonPro:hover {
    border-color:#9dff00 !important;
    background:#9dff00 !important;
    color:#071117 !important;
  }

  body.ui-next.eilo-page-admin-tools .eus-button-orange {
    border-color:rgba(255,174,45,.44) !important;
    background:rgba(255,174,45,.075) !important;
    color:#ffd28a !important;
  }

  body.ui-next.eilo-page-admin-tools .eus-button-orange:hover {
    border-color:#ffae2d !important;
    background:#ffae2d !important;
    color:#171006 !important;
  }

  body.ui-next.eilo-page-admin-tools .eus-stats,
  body.ui-next.eilo-page-admin-tools .es-stats,
  body.ui-next.eilo-page-admin-tools .ec-stats {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
    margin:0;
  }

  body.ui-next.eilo-page-admin-tools .es-intro .es-stats {
    margin-top:17px;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  body.ui-next.eilo-page-admin-tools .eus-stat,
  body.ui-next.eilo-page-admin-tools .es-stat,
  body.ui-next.eilo-page-admin-tools .ec-stat {
    min-height:57px;
    padding:11px 12px;
    border:1px solid rgba(151,171,190,.15);
    border-radius:8px;
    background:rgba(4,10,15,.30);
    color:#8596a1;
    font-size:10px;
    line-height:1.45;
  }

  body.ui-next.eilo-page-admin-tools .eus-stat b,
  body.ui-next.eilo-page-admin-tools .es-stat strong,
  body.ui-next.eilo-page-admin-tools .ec-stat strong {
    display:block;
    margin-bottom:3px;
    color:#e7eef2;
    font-size:16px;
    font-weight:900;
  }

  body.ui-next.eilo-page-admin-tools .eus-alert,
  body.ui-next.eilo-page-admin-tools .ec-alert,
  body.ui-next.eilo-page-admin-tools .es-success,
  body.ui-next.eilo-page-admin-tools .es-error {
    margin:0 0 15px;
    padding:14px 16px;
    border:1px solid rgba(151,171,190,.18);
    border-radius:9px;
    background:#0d1922;
    color:#c6d1d7;
    box-shadow:0 12px 28px rgba(0,0,0,.14);
  }

  body.ui-next.eilo-page-admin-tools .eus-alert-success,
  body.ui-next.eilo-page-admin-tools .ec-alert-success,
  body.ui-next.eilo-page-admin-tools .es-success {
    border-color:rgba(157,255,0,.32);
    background:rgba(157,255,0,.055);
    color:#dfffaa;
  }

  body.ui-next.eilo-page-admin-tools .eus-alert-error,
  body.ui-next.eilo-page-admin-tools .ec-alert-error,
  body.ui-next.eilo-page-admin-tools .es-error {
    border-color:rgba(255,65,112,.38);
    background:rgba(255,0,76,.06);
    color:#ffabc2;
  }

  body.ui-next.eilo-page-admin-tools .ec-alert-warning {
    border-color:rgba(255,174,45,.38);
    background:rgba(255,174,45,.065);
    color:#ffd28a;
  }

  body.ui-next.eilo-page-admin-tools .eus-actions {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
  }

  body.ui-next.eilo-page-admin-tools .eus-user,
  body.ui-next.eilo-page-admin-tools .ec-user {
    overflow:hidden;
    margin:0 0 12px;
    border:1px solid rgba(151,171,190,.17);
    border-left:3px solid #6d7e89;
    border-radius:10px;
    background:linear-gradient(145deg,rgba(13,25,34,.98),rgba(7,16,23,.98));
    box-shadow:0 12px 30px rgba(0,0,0,.15);
  }

  body.ui-next.eilo-page-admin-tools .eus-user.eus-auto-index,
  body.ui-next.eilo-page-admin-tools .ec-user.ec-safe {
    border-left-color:#9dff00;
  }

  body.ui-next.eilo-page-admin-tools .eus-user.eus-review,
  body.ui-next.eilo-page-admin-tools .ec-user.ec-review,
  body.ui-next.eilo-page-admin-tools .ec-user.ec-manual,
  body.ui-next.eilo-page-admin-tools .ec-user.ec-protected {
    border-left-color:#ffae2d;
  }

  body.ui-next.eilo-page-admin-tools .eus-user.eus-auto-noindex,
  body.ui-next.eilo-page-admin-tools .ec-user.ec-content {
    border-left-color:#ff2c70;
  }

  body.ui-next.eilo-page-admin-tools .eus-user-head,
  body.ui-next.eilo-page-admin-tools .ec-user-head {
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:13px 14px;
    border-bottom:1px solid rgba(151,171,190,.13);
    background:rgba(4,10,15,.22);
  }

  body.ui-next.eilo-page-admin-tools .eus-check,
  body.ui-next.eilo-page-admin-tools .ec-check {
    flex:0 0 auto;
    padding-top:2px;
  }

  body.ui-next.eilo-page-admin-tools .eus-title,
  body.ui-next.eilo-page-admin-tools .ec-title {
    flex:1 1 auto;
    min-width:0;
    color:#cbd5da;
  }

  body.ui-next.eilo-page-admin-tools .eus-title > strong,
  body.ui-next.eilo-page-admin-tools .ec-title > strong {
    color:#f0f5f7;
    font-size:14px;
    font-weight:900;
  }

  body.ui-next.eilo-page-admin-tools .eus-meta,
  body.ui-next.eilo-page-admin-tools .ec-meta {
    margin-top:4px;
    color:#758691;
    font-size:10px;
    line-height:1.55;
  }

  body.ui-next.eilo-page-admin-tools .eus-meta a,
  body.ui-next.eilo-page-admin-tools .ec-meta a,
  body.ui-next.eilo-page-admin-tools #eilo-sitemap a {
    color:#a9e9f7;
    text-decoration:none;
  }

  body.ui-next.eilo-page-admin-tools .eus-meta a:hover,
  body.ui-next.eilo-page-admin-tools .ec-meta a:hover,
  body.ui-next.eilo-page-admin-tools #eilo-sitemap a:hover {
    color:#dfffaa;
  }

  body.ui-next.eilo-page-admin-tools .eus-statuses {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:5px;
  }

  body.ui-next.eilo-page-admin-tools .eus-status,
  body.ui-next.eilo-page-admin-tools .ec-status {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:25px;
    padding:0 8px;
    border:1px solid rgba(151,171,190,.18);
    border-radius:999px;
    background:#101c26;
    color:#aab8c1;
    font-size:8px;
    font-weight:900;
    letter-spacing:.04em;
    line-height:23px;
    white-space:nowrap;
  }

  body.ui-next.eilo-page-admin-tools .eus-status-index,
  body.ui-next.eilo-page-admin-tools .eus-status-auto-index,
  body.ui-next.eilo-page-admin-tools .ec-status-safe {
    border-color:rgba(157,255,0,.34);
    background:rgba(157,255,0,.065);
    color:#dfffaa;
  }

  body.ui-next.eilo-page-admin-tools .eus-status-review,
  body.ui-next.eilo-page-admin-tools .ec-status-review,
  body.ui-next.eilo-page-admin-tools .ec-status-manual,
  body.ui-next.eilo-page-admin-tools .ec-status-protected {
    border-color:rgba(255,174,45,.34);
    background:rgba(255,174,45,.07);
    color:#ffd28a;
  }

  body.ui-next.eilo-page-admin-tools .eus-status-auto-noindex,
  body.ui-next.eilo-page-admin-tools .ec-status-content {
    border-color:rgba(255,44,112,.38);
    background:rgba(255,44,112,.075);
    color:#ffabc2;
  }

  body.ui-next.eilo-page-admin-tools .eus-status-noindex,
  body.ui-next.eilo-page-admin-tools .eus-status-mismatch {
    border-color:rgba(43,215,255,.28);
    background:rgba(43,215,255,.055);
    color:#a9e9f7;
  }

  body.ui-next.eilo-page-admin-tools .eus-user-body,
  body.ui-next.eilo-page-admin-tools .ec-user-body {
    padding:13px 14px 14px;
  }

  body.ui-next.eilo-page-admin-tools .eus-profile,
  body.ui-next.eilo-page-admin-tools .ec-profile {
    display:grid;
    grid-template-columns:minmax(210px,.85fr) minmax(320px,1.65fr);
    gap:14px 24px;
  }

  body.ui-next.eilo-page-admin-tools .eus-line,
  body.ui-next.eilo-page-admin-tools .ec-line {
    margin:0 0 6px;
    color:#9aa9b2;
    font-size:11px;
    overflow-wrap:anywhere;
  }

  body.ui-next.eilo-page-admin-tools .eus-line b,
  body.ui-next.eilo-page-admin-tools .ec-line b {
    color:#cbd5da;
  }

  body.ui-next.eilo-page-admin-tools .eus-comment,
  body.ui-next.eilo-page-admin-tools .ec-comment {
    max-height:110px;
    overflow:auto;
    padding:10px 11px;
    border:1px solid rgba(151,171,190,.15);
    border-radius:7px;
    background:rgba(3,9,14,.34);
    color:#9eacb5;
    font-size:11px;
    line-height:1.6;
    white-space:pre-wrap;
  }

  body.ui-next.eilo-page-admin-tools .eus-badges,
  body.ui-next.eilo-page-admin-tools .ec-badges {
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin-top:11px;
  }

  body.ui-next.eilo-page-admin-tools .eus-badge,
  body.ui-next.eilo-page-admin-tools .ec-badge {
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:0 7px;
    border:1px solid rgba(151,171,190,.15);
    border-radius:999px;
    background:rgba(151,171,190,.055);
    color:#91a0aa;
    font-size:9px;
    line-height:20px;
  }

  body.ui-next.eilo-page-admin-tools .eus-badge-positive,
  body.ui-next.eilo-page-admin-tools .ec-badge-score {
    border-color:rgba(157,255,0,.28);
    background:rgba(157,255,0,.055);
    color:#d6ffa0;
  }

  body.ui-next.eilo-page-admin-tools .eus-badge-negative,
  body.ui-next.eilo-page-admin-tools .ec-badge-hit {
    border-color:rgba(255,44,112,.28);
    background:rgba(255,44,112,.06);
    color:#ffabc2;
  }

  body.ui-next.eilo-page-admin-tools .eus-badge-activity,
  body.ui-next.eilo-page-admin-tools .ec-badge-activity {
    border-color:rgba(255,174,45,.28);
    background:rgba(255,174,45,.055);
    color:#ffd28a;
  }

  body.ui-next.eilo-page-admin-tools .ec-badge-file {
    border-color:rgba(43,215,255,.26);
    background:rgba(43,215,255,.05);
    color:#a9e9f7;
  }

  body.ui-next.eilo-page-admin-tools .eus-bottom {
    position:sticky;
    bottom:72px;
    z-index:7;
    border-color:rgba(255,0,106,.24);
    background:rgba(9,19,27,.97);
    box-shadow:0 -12px 32px rgba(0,0,0,.28);
    backdrop-filter:blur(10px);
  }

  body.ui-next.eilo-page-admin-tools .eus-nav,
  body.ui-next.eilo-page-admin-tools .ec-pagination {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:7px;
    margin-top:15px;
  }

  body.ui-next.eilo-page-admin-tools .ec-pagination {
    justify-content:center;
  }

  body.ui-next.eilo-page-admin-tools .ec-pagination button,
  body.ui-next.eilo-page-admin-tools .ec-pagination span {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:32px;
    height:32px;
    margin:0;
    padding:0 9px;
    border:1px solid rgba(151,171,190,.20) !important;
    border-radius:7px;
    background:#101c26 !important;
    color:#9dacb5 !important;
    font-size:10px;
    font-weight:800;
    line-height:30px;
  }

  body.ui-next.eilo-page-admin-tools .ec-pagination button:hover {
    border-color:rgba(157,255,0,.42) !important;
    background:rgba(157,255,0,.07) !important;
    color:#dfffaa !important;
  }

  body.ui-next.eilo-page-admin-tools .ec-pagination .current {
    border-color:#ff006a !important;
    background:#ff006a !important;
    color:#fff !important;
  }

  body.ui-next.eilo-page-admin-tools #eilo-sitemap .es-panel h2 {
    margin-bottom:14px;
  }

  body.ui-next.eilo-page-admin-tools #eilo-sitemap table {
    width:100%;
    margin:0;
    border-collapse:separate;
    border-spacing:0;
    overflow:hidden;
    border:1px solid rgba(151,171,190,.15);
    border-radius:8px;
  }

  body.ui-next.eilo-page-admin-tools #eilo-sitemap th,
  body.ui-next.eilo-page-admin-tools #eilo-sitemap td {
    padding:11px 12px;
    border:0;
    border-bottom:1px solid rgba(151,171,190,.12);
    background:rgba(4,10,15,.18);
    color:#9aa9b3;
    font-size:11px;
    text-align:left;
    vertical-align:middle;
  }

  body.ui-next.eilo-page-admin-tools #eilo-sitemap th {
    background:rgba(4,10,15,.38);
    color:#d5dee3;
    font-size:9px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  body.ui-next.eilo-page-admin-tools #eilo-sitemap tr:last-child td {
    border-bottom:0;
  }

  body.ui-next.eilo-page-admin-tools #eilo-sitemap .es-root-row td {
    background:rgba(255,0,106,.035);
  }

  body.ui-next.eilo-page-admin-tools #eilo-sitemap .es-root-row td:first-child strong {
    color:#ff7eaf;
  }

  body.ui-next.eilo-page-admin-tools #eilo-sitemap .es-file-note {
    display:block;
    margin-top:2px;
    color:#6f808b;
    font-size:9px;
  }

  body.ui-next.eilo-page-admin-tools #eilo-sitemap .es-generate-form {
    display:flex;
    justify-content:flex-end;
    margin:16px 0 0;
    padding-top:16px;
    border-top:1px solid rgba(151,171,190,.13);
  }

  body.ui-next.eilo-page-admin-tools .ec-danger-banner {
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin:16px 0 18px;
    padding:12px 14px;
    border:1px solid rgba(255,44,112,.34);
    border-radius:8px;
    background:rgba(255,44,112,.055);
  }

  body.ui-next.eilo-page-admin-tools .ec-danger-banner strong {
    flex:0 0 auto;
    color:#ff8fb2;
    font-size:10px;
    font-weight:900;
    letter-spacing:.05em;
    text-transform:uppercase;
  }

  body.ui-next.eilo-page-admin-tools .ec-danger-banner span {
    color:#a8949d;
    font-size:10px;
    line-height:1.55;
  }

  body.ui-next.eilo-page-admin-tools .ec-field.ec-content-unlock {
    flex:1 1 310px;
    min-width:280px;
    padding:10px 11px;
    border:1px solid rgba(255,174,45,.28);
    border-radius:8px;
    background:rgba(255,174,45,.045);
  }

  body.ui-next.eilo-page-admin-tools .ec-field.ec-content-unlock label {
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin:0;
    color:#c6aa79;
    line-height:1.45;
    cursor:pointer;
  }

  body.ui-next.eilo-page-admin-tools .ec-field.ec-content-unlock input {
    flex:0 0 auto;
    margin-top:1px;
  }

  body.ui-next.eilo-page-admin-tools .ec-actions {
    display:grid;
    grid-template-columns:auto 180px auto minmax(260px,1fr);
    align-items:end;
    gap:12px;
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid rgba(151,171,190,.14);
  }

  body.ui-next.eilo-page-admin-tools .ec-actions.ec-panel {
    position:sticky;
    bottom:72px;
    z-index:7;
    margin-top:18px;
    border-color:rgba(255,44,112,.25);
    background:rgba(9,18,25,.97);
    box-shadow:0 -12px 34px rgba(0,0,0,.28);
    backdrop-filter:blur(10px);
  }

  body.ui-next.eilo-page-admin-tools .ec-confirm {
    width:auto !important;
  }

  body.ui-next.eilo-page-admin-tools .ec-button-danger {
    border-color:rgba(255,44,112,.56) !important;
    background:#ff006a !important;
    color:#fff !important;
  }

  body.ui-next.eilo-page-admin-tools .ec-button-danger:hover:not(:disabled) {
    border-color:#ff3388 !important;
    background:#ff3388 !important;
    color:#fff !important;
  }

  body.ui-next.eilo-page-admin-tools .ec-button-danger:disabled {
    border-color:rgba(151,171,190,.14) !important;
    background:#111b23 !important;
    color:#596872 !important;
    cursor:not-allowed;
    opacity:1;
  }
}

@media screen and (min-width:1280px) {
  body.ui-next.eilo-page-admin-tools .container_16 {
    width:1140px !important;
  }

  body.ui-next.eilo-page-admin-tools .top-message.eilo-manage-heading,
  body.ui-next.eilo-page-admin-tools .top-message.eilo-manage-heading.eilo-page-heading,
  body.ui-next.eilo-page-admin-tools #eilo-user-seo,
  body.ui-next.eilo-page-admin-tools #eilo-sitemap,
  body.ui-next.eilo-page-admin-tools #eilo-cleanup {
    width:1130px !important;
    max-width:1130px !important;
  }

  body.ui-next.eilo-page-admin-tools .eus-stats,
  body.ui-next.eilo-page-admin-tools .ec-stats {
    grid-template-columns:repeat(7,minmax(0,1fr));
  }

  body.ui-next.eilo-page-admin-tools .es-intro .es-stats {
    grid-template-columns:repeat(6,minmax(0,1fr));
  }
}