/* HRM A128 — Live Safe Isolated Fix
   Scope: #liveSection only. No global theme/language/services/audio changes. */
#liveSection .phase-a128-live-soft-card{
  border:1px solid rgba(16,185,129,.22);
  border-radius:1.25rem;
}
#liveSection .phase-a128-readable-btn{
  border-radius:1rem;
  border:1px solid rgba(148,163,184,.35);
  font-weight:700;
}

body[data-site-theme="night"] #liveSection,
body[data-site-theme="dark"] #liveSection,
body.dark #liveSection,
html.dark #liveSection{
  color:#f8fafc;
}
body[data-site-theme="night"] #liveSection .bg-white,
body[data-site-theme="dark"] #liveSection .bg-white,
body.dark #liveSection .bg-white,
html.dark #liveSection .bg-white,
body[data-site-theme="night"] #liveSection [class*="bg-white/"],
body[data-site-theme="dark"] #liveSection [class*="bg-white/"],
body.dark #liveSection [class*="bg-white/"],
html.dark #liveSection [class*="bg-white/"],
body[data-site-theme="night"] #liveSection [class*="bg-slate-50"],
body[data-site-theme="dark"] #liveSection [class*="bg-slate-50"],
body.dark #liveSection [class*="bg-slate-50"],
html.dark #liveSection [class*="bg-slate-50"],
body[data-site-theme="night"] #liveSection [class*="bg-gray-100"],
body[data-site-theme="dark"] #liveSection [class*="bg-gray-100"],
body.dark #liveSection [class*="bg-gray-100"],
html.dark #liveSection [class*="bg-gray-100"]{
  background:rgba(15,23,42,.92)!important;
  color:#f8fafc!important;
  border-color:rgba(148,163,184,.32)!important;
}
body[data-site-theme="night"] #liveSection .phase96-live-card,
body[data-site-theme="dark"] #liveSection .phase96-live-card,
body.dark #liveSection .phase96-live-card,
html.dark #liveSection .phase96-live-card,
body[data-site-theme="night"] #liveSection #liveChannelsList,
body[data-site-theme="dark"] #liveSection #liveChannelsList,
body.dark #liveSection #liveChannelsList,
html.dark #liveSection #liveChannelsList,
body[data-site-theme="night"] #liveSection #phase82LiveToolbar,
body[data-site-theme="dark"] #liveSection #phase82LiveToolbar,
body.dark #liveSection #phase82LiveToolbar,
html.dark #liveSection #phase82LiveToolbar{
  background:linear-gradient(135deg,rgba(15,23,42,.97),rgba(6,78,59,.36))!important;
  color:#f8fafc!important;
  border-color:rgba(52,211,153,.26)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.18)!important;
}
body[data-site-theme="night"] #liveSection .phase96-live-channel,
body[data-site-theme="dark"] #liveSection .phase96-live-channel,
body.dark #liveSection .phase96-live-channel,
html.dark #liveSection .phase96-live-channel{
  background:rgba(15,23,42,.88)!important;
  color:#f8fafc!important;
  border-color:rgba(148,163,184,.30)!important;
}
body[data-site-theme="night"] #liveSection .phase96-live-channel.active,
body[data-site-theme="dark"] #liveSection .phase96-live-channel.active,
body.dark #liveSection .phase96-live-channel.active,
html.dark #liveSection .phase96-live-channel.active{
  background:linear-gradient(135deg,rgba(6,95,70,.76),rgba(15,23,42,.94))!important;
  border-color:rgba(52,211,153,.58)!important;
}
body[data-site-theme="night"] #liveSection .bg-red-50,
body[data-site-theme="dark"] #liveSection .bg-red-50,
body.dark #liveSection .bg-red-50,
html.dark #liveSection .bg-red-50{
  background:rgba(127,29,29,.30)!important;
  border-color:rgba(248,113,113,.34)!important;
  color:#fecaca!important;
}
body[data-site-theme="night"] #liveSection .bg-emerald-50,
body[data-site-theme="dark"] #liveSection .bg-emerald-50,
body.dark #liveSection .bg-emerald-50,
html.dark #liveSection .bg-emerald-50{
  background:rgba(6,78,59,.42)!important;
  border-color:rgba(52,211,153,.35)!important;
  color:#d1fae5!important;
}
body[data-site-theme="night"] #liveSection :is(h1,h2,h3,h4,h5,h6,.font-bold,.font-semibold,.phase96-panel-title),
body[data-site-theme="dark"] #liveSection :is(h1,h2,h3,h4,h5,h6,.font-bold,.font-semibold,.phase96-panel-title),
body.dark #liveSection :is(h1,h2,h3,h4,h5,h6,.font-bold,.font-semibold,.phase96-panel-title),
html.dark #liveSection :is(h1,h2,h3,h4,h5,h6,.font-bold,.font-semibold,.phase96-panel-title){
  color:#f8fafc!important;
}
body[data-site-theme="night"] #liveSection :is(p,small,.text-sm,.text-xs,.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700,.text-gray-800,.text-slate-500,.text-slate-600,.text-slate-700,.text-slate-800,.text-emerald-700,.text-emerald-800,.text-sky-800,.text-sky-900\/80),
body[data-site-theme="dark"] #liveSection :is(p,small,.text-sm,.text-xs,.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700,.text-gray-800,.text-slate-500,.text-slate-600,.text-slate-700,.text-slate-800,.text-emerald-700,.text-emerald-800,.text-sky-800,.text-sky-900\/80),
body.dark #liveSection :is(p,small,.text-sm,.text-xs,.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700,.text-gray-800,.text-slate-500,.text-slate-600,.text-slate-700,.text-slate-800,.text-emerald-700,.text-emerald-800,.text-sky-800,.text-sky-900\/80),
html.dark #liveSection :is(p,small,.text-sm,.text-xs,.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700,.text-gray-800,.text-slate-500,.text-slate-600,.text-slate-700,.text-slate-800,.text-emerald-700,.text-emerald-800,.text-sky-800,.text-sky-900\/80){
  color:#dbeafe!important;
}
body[data-site-theme="night"] #liveSection button:not(.bg-emerald-500):not(.bg-emerald-600):not(.bg-sky-600):not(.bg-red-500),
body[data-site-theme="dark"] #liveSection button:not(.bg-emerald-500):not(.bg-emerald-600):not(.bg-sky-600):not(.bg-red-500),
body.dark #liveSection button:not(.bg-emerald-500):not(.bg-emerald-600):not(.bg-sky-600):not(.bg-red-500),
html.dark #liveSection button:not(.bg-emerald-500):not(.bg-emerald-600):not(.bg-sky-600):not(.bg-red-500){
  background:rgba(15,23,42,.86)!important;
  color:#f8fafc!important;
  border-color:rgba(148,163,184,.38)!important;
}
body[data-site-theme="night"] #liveSection button.bg-emerald-500,
body[data-site-theme="night"] #liveSection button.bg-emerald-600,
body[data-site-theme="dark"] #liveSection button.bg-emerald-500,
body[data-site-theme="dark"] #liveSection button.bg-emerald-600,
body.dark #liveSection button.bg-emerald-500,
body.dark #liveSection button.bg-emerald-600,
html.dark #liveSection button.bg-emerald-500,
html.dark #liveSection button.bg-emerald-600{
  color:#fff!important;
}