/* SOULONE identity: approved silver-blue product icon without a second tile.
 * SOULONE Live is an edition of the common SOULONE brand.
 * The supplied full icon must always be visible and centered without clipping.
 */
:root{
  --soul-live-edition:#2179f5;
  --soul-live-edition-ink:#061a32;
}
body>.app .stage-identity .brand.soulone-family-brand{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto;
  min-width:0;
  gap:10px!important;
  white-space:nowrap;
  font-size:0!important;
  color:#f4f8fc!important;
  line-height:1;
  letter-spacing:0!important;
}
body>.app .stage-identity .brand.soulone-family-brand .soulone-family-emblem{
  display:block;
  box-sizing:border-box;
  width:54px!important;
  height:54px!important;
  flex:0 0 54px;
  object-fit:contain;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  filter:none!important;
}
body>.app .stage-identity .brand.soulone-family-brand .soulone-family-wordmark{
  display:inline-block;
  font-family:inherit;
  color:#f1f6fb!important;
  font-size:20px!important;
  font-weight:770!important;
  letter-spacing:.065em!important;
  line-height:1!important;
  white-space:nowrap;
}
body>.app .stage-identity .brand.soulone-family-brand .soulone-live-edition{
  display:inline-flex!important;
  justify-content:center;
  align-items:center;
  min-height:23px;
  margin-left:0!important;
  padding:4px 8px!important;
  border-radius:5px!important;
  border:1px solid #408dff66!important;
  background:#14355f!important;
  color:#deecff!important;
  font-family:inherit;
  font-size:10px!important;
  font-weight:820!important;
  letter-spacing:.11em!important;
  box-shadow:inset 0 1px 0 #bafff51a!important;
}
body>.app .top.stage-header .stage-identity{
  gap:13px;
}
body>.app .top.stage-header .stage-identity .song-head{
  padding-left:15px;
  border-left:1px solid #334d63!important;
}
/* Only SoulOne LIVE's edition-specific accents change.
   Track colors, blue approved artwork, and audio status semantics remain untouched. */
body>.app .sl-mode-group .sl-mode-btn[aria-pressed=true],
body>.app .sl-desktop-views>.sl-repertoire-view[aria-pressed=true]{
  border-color:#2570c7!important;
  background:#1b406f!important;
  color:#edf5ff!important;
}
body>.app .right.live-library-panel .tabs button.active{
  color:#88beff!important;
  border-bottom-color:#4d9af5!important;
}
body>.app .right.live-library-panel .songitem.selected,
body>.app .right.live-library-panel .reorder-setlist .songitem.selected{
  border-color:#357fdd!important;
  box-shadow:inset 4px 0 #3489ff!important;
}
body>.app .sl-fader-size-toggle[aria-pressed=true]{
  background:#184c94!important;
  border-color:#3185ee!important;
}
/* Keep the approved icon visible on stage at each breakpoint. */
@media(min-width:1000px) and (max-width:1320px) and (pointer:fine){
  body>.app .stage-identity .brand.soulone-family-brand{
    gap:7px!important;
  }
  body>.app .stage-identity .brand.soulone-family-brand .soulone-family-emblem{
    width:43px!important;height:43px!important;flex-basis:43px;
  }
  body>.app .stage-identity .brand.soulone-family-brand .soulone-family-wordmark{
    font-size:17px!important;letter-spacing:.035em!important;
  }
  body>.app .top.stage-header .stage-identity{gap:9px}
}
/* iPhone/iPad live layout: same symbol at a compact size, not a new icon. */
@media(max-width:1100px) and (pointer:coarse){
  .soul-mobile-console .stage-identity .brand.soulone-family-brand{
    gap:5px!important;
  }
  .soul-mobile-console .stage-identity .brand.soulone-family-brand .soulone-family-emblem{
    width:29px!important;height:29px!important;flex-basis:29px;
  }
  .soul-mobile-console .stage-identity .brand.soulone-family-brand .soulone-family-wordmark{
    font-size:12px!important;
    font-weight:750!important;
    letter-spacing:.025em!important;
  }
  .soul-mobile-console .stage-identity .brand.soulone-family-brand .soulone-live-edition{
    font-size:8px!important;
    min-height:18px!important;
    padding:3px 5px!important;
    letter-spacing:.025em!important;
  }
  .soul-mobile-console .stage-identity .song-head{
    padding-left:8px!important;
  }
}
@media(max-width:620px) and (pointer:coarse){
  .soul-mobile-console .stage-identity .brand.soulone-family-brand .soulone-family-wordmark{
    font-size:11px!important;
  }
  .soul-mobile-console .stage-identity .brand.soulone-family-brand .soulone-family-emblem{
    width:26px!important;height:26px!important;flex-basis:26px;
  }
}