.hptv-panel [hidden]{display:none!important}.hptv-panel .hptv-login-card[hidden],.hptv-panel .hptv-saas[hidden]{display:none!important}
.hptv-wrap{width:100%;max-width:100%;font-family:Arial,Helvetica,sans-serif;--hptv-primary:#d6a632}.hptv-screen{position:relative;width:100%;aspect-ratio:16/9;background:#050505;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35)}.hptv-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#050505;color:#fff}.hptv-stage video,.hptv-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.hptv-loading{font-size:16px;opacity:.8}.hptv-poster{position:absolute;inset:0;background:#080808 center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;padding:30px}.hptv-poster-inner{background:rgba(0,0,0,.45);padding:18px 24px;border:1px solid rgba(255,255,255,.12);max-width:80%}.hptv-logo-wrap{position:absolute;top:18px;left:18px;z-index:5;max-width:140px;max-height:70px}.hptv-logo{max-width:140px;max-height:70px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}.hptv-live-badge{position:absolute;top:18px;right:18px;z-index:6;background:#e51d2a;color:#fff;font-size:12px;letter-spacing:.08em;font-weight:800;padding:7px 10px;display:none}.hptv-screen.is-live .hptv-live-badge{display:block}.hptv-bottom-bar{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;align-items:center;gap:14px;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.62),rgba(0,0,0,.15));color:#fff;padding:12px 18px;border-top:2px solid var(--hptv-primary)}.hptv-current-title{color:var(--hptv-primary);text-transform:uppercase}.hptv-current-subtitle{font-size:13px;opacity:.82}.hptv-wrap.no-bar .hptv-bottom-bar{display:none}@media(max-width:640px){.hptv-logo-wrap{top:10px;left:10px;max-width:90px}.hptv-logo{max-width:90px;max-height:50px}.hptv-bottom-bar{padding:8px 10px;font-size:12px}.hptv-current-subtitle{display:none}.hptv-live-badge{top:10px;right:10px;font-size:10px}}
.hptv-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.hptv-card{background:#fff;border:1px solid #dcdcde;box-shadow:0 1px 2px rgba(0,0,0,.04);padding:18px 20px;margin:20px 0}.hptv-card h2{margin-top:0}.hptv-card input[readonly]{background:#f6f7f7}.hptv-admin textarea.code{font-family:Consolas,Monaco,monospace}@media(max-width:900px){.hptv-admin-grid{grid-template-columns:1fr}}

/* Painel SaaS externo */
.hptv-panel{--hptv-primary:#d6a632;--hptv-bg:#080a0f;--hptv-card:#10141e;--hptv-card2:#151b29;--hptv-text:#f7f3e8;--hptv-muted:#a6adbb;--hptv-border:rgba(255,255,255,.10);font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at top left,rgba(214,166,50,.16),transparent 35%),linear-gradient(135deg,#06070a,#0b1018 50%,#06070a);min-height:720px;color:var(--hptv-text);padding:24px;border-radius:0;box-sizing:border-box}.hptv-panel *{box-sizing:border-box}.hptv-login-card{max-width:430px;margin:70px auto;background:rgba(15,20,31,.92);border:1px solid var(--hptv-border);box-shadow:0 28px 80px rgba(0,0,0,.45);padding:30px}.hptv-login-brand,.hptv-side-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.hptv-login-brand strong,.hptv-side-brand strong{display:block;color:#fff;font-size:18px;letter-spacing:-.02em}.hptv-login-brand small,.hptv-side-brand small{display:block;color:var(--hptv-muted);font-size:12px}.hptv-orb{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--hptv-primary),#7a5a12);box-shadow:0 0 24px rgba(214,166,50,.35);display:inline-block}.hptv-login-card h2{font-size:30px;margin:0 0 8px;color:#fff}.hptv-login-card p{color:var(--hptv-muted);line-height:1.5;margin:0 0 24px}.hptv-login-card label,.hptv-card-dark label{display:block;color:#dfe4ec;font-weight:700;font-size:13px;margin:14px 0 7px}.hptv-login-card input,.hptv-card-dark input,.hptv-card-dark select{width:100%;background:#090d15;border:1px solid rgba(255,255,255,.12);color:#fff;padding:13px 14px;border-radius:12px;outline:none}.hptv-login-card input:focus,.hptv-card-dark input:focus,.hptv-card-dark select:focus{border-color:var(--hptv-primary);box-shadow:0 0 0 3px rgba(214,166,50,.14)}.hptv-btn{border:1px solid rgba(255,255,255,.12);background:#1b2334;color:#fff;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.hptv-btn:hover{transform:translateY(-1px);background:#222c42}.hptv-btn-main{background:linear-gradient(135deg,var(--hptv-primary),#ad7e1f);color:#111;border-color:transparent}.hptv-btn-main:hover{background:linear-gradient(135deg,#f0c659,var(--hptv-primary));color:#111}.hptv-btn-red{background:linear-gradient(135deg,#e23343,#8f1621);border-color:transparent}.hptv-login-card .hptv-btn{width:100%;margin-top:18px}.hptv-msg{min-height:22px;margin-top:14px;font-size:13px;color:var(--hptv-muted)}.hptv-msg.ok{color:#8dffbf}.hptv-msg.err{color:#ff8d8d}.hptv-saas{display:grid;grid-template-columns:250px 1fr;gap:22px;max-width:1320px;margin:0 auto}.hptv-sidebar{background:rgba(12,16,24,.9);border:1px solid var(--hptv-border);padding:18px;min-height:680px;position:sticky;top:20px}.hptv-sidebar button{width:100%;text-align:left;border:0;background:transparent;color:var(--hptv-muted);padding:13px 14px;border-radius:12px;margin:4px 0;cursor:pointer;font-weight:800}.hptv-sidebar button:hover,.hptv-sidebar button.active{background:rgba(214,166,50,.14);color:#fff}.hptv-main{min-width:0}.hptv-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;background:rgba(12,16,24,.72);border:1px solid var(--hptv-border);padding:20px}.hptv-topbar h1{font-size:30px;line-height:1.1;margin:0;color:#fff}.hptv-topbar p{margin:6px 0 0;color:var(--hptv-muted)}.hptv-status-pill{padding:10px 14px;border-radius:999px;background:#1d2638;color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.10);white-space:nowrap}.hptv-status-pill.live{background:#48131a;color:#fff;border-color:rgba(226,51,67,.4)}.hptv-status-pill.offline{background:#2a2f3b;color:#cfd6e3}.hptv-tab{display:none}.hptv-tab.active{display:block}.hptv-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.hptv-stat,.hptv-card-dark{background:linear-gradient(180deg,rgba(21,27,41,.96),rgba(12,16,24,.96));border:1px solid var(--hptv-border);box-shadow:0 18px 40px rgba(0,0,0,.22);padding:20px}.hptv-stat small{display:block;color:var(--hptv-muted);font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.hptv-stat strong{display:block;color:#fff;font-size:24px;margin-top:8px}.hptv-card-dark h2{font-size:22px;margin:0 0 8px;color:#fff}.hptv-card-dark p{margin:0 0 18px;color:var(--hptv-muted);line-height:1.45}.hptv-actions-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.hptv-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.hptv-form-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:14px;align-items:end}.hptv-program-form{margin-bottom:18px}.hptv-wide{grid-column:span 3}.hptv-schedule-list{border:1px solid var(--hptv-border);overflow:hidden;margin-top:18px}.hptv-schedule-head,.hptv-schedule-row{display:grid;grid-template-columns:170px 1.4fr 110px 1.7fr 170px;gap:12px;align-items:center;padding:13px 14px}.hptv-schedule-head{background:#070b12;color:var(--hptv-primary);font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.hptv-schedule-row{border-top:1px solid var(--hptv-border);color:#e8edf5}.hptv-schedule-row:nth-child(odd){background:rgba(255,255,255,.025)}.hptv-schedule-row em{font-style:normal;background:rgba(214,166,50,.13);color:#ffdc7b;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:900}.hptv-link-cell{color:var(--hptv-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hptv-mini{border:1px solid rgba(255,255,255,.12);background:#20283a;color:#fff;border-radius:9px;padding:7px 9px;font-size:12px;cursor:pointer}.hptv-mini.danger{background:#3a1c23;color:#ffb4b4}.hptv-empty{padding:20px;color:var(--hptv-muted);text-align:center}.hptv-card-dark input[readonly]{cursor:pointer;color:#ffe7a0;background:#070b12}.hptv-card-dark select option{background:#111827;color:#fff}@media(max-width:980px){.hptv-panel{padding:12px}.hptv-saas{grid-template-columns:1fr}.hptv-sidebar{position:static;min-height:auto}.hptv-grid-3{grid-template-columns:1fr}.hptv-form-grid{grid-template-columns:1fr}.hptv-wide{grid-column:auto}.hptv-schedule-head{display:none}.hptv-schedule-row{grid-template-columns:1fr;gap:7px}.hptv-topbar{align-items:flex-start;flex-direction:column}.hptv-section-head{flex-direction:column}.hptv-actions-row .hptv-btn{width:100%}}

/* v1.1.2 - visual premium inspirado na logo Host PlayRAS */
.hptv-panel{
  --hptv-primary:#d6a632;
  --hptv-gold:#d6a632;
  --hptv-gold2:#f5d278;
  --hptv-silver:#dfe4ec;
  --hptv-bg:#030405;
  --hptv-card:#0b0d10;
  --hptv-card2:#11151c;
  --hptv-text:#f8f8f4;
  --hptv-muted:#aeb5c0;
  --hptv-border:rgba(214,166,50,.24);
  background:
    radial-gradient(circle at 50% 0%, rgba(245,210,120,.16), transparent 28%),
    radial-gradient(circle at 12% 16%, rgba(214,166,50,.14), transparent 24%),
    linear-gradient(135deg,#020303 0%,#080b10 42%,#030405 100%)!important;
  color:var(--hptv-text);
  min-height:100vh;
  padding:26px;
}
.hptv-panel:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent,rgba(214,166,50,.04),transparent),
    repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 72px);
  opacity:.35;
}
.hptv-login-card{
  max-width:520px!important;
  margin:54px auto!important;
  padding:34px 34px 38px!important;
  background:linear-gradient(180deg,rgba(17,19,23,.96),rgba(5,6,8,.96))!important;
  border:1px solid rgba(214,166,50,.38)!important;
  border-radius:28px!important;
  box-shadow:0 35px 110px rgba(0,0,0,.62),0 0 46px rgba(214,166,50,.13)!important;
  position:relative;
  overflow:hidden;
}
.hptv-login-card:before,.hptv-sidebar:before,.hptv-card-dark:before,.hptv-topbar:before{
  content:"";
  position:absolute;
  left:18px;right:18px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--hptv-gold2),transparent);
  opacity:.9;
}
.hptv-login-logo-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 auto 28px;
  padding:8px 0 20px;
  border-bottom:1px solid rgba(214,166,50,.18);
}
.hptv-panel-logo{
  display:block;
  width:min(100%,390px);
  max-height:138px;
  object-fit:contain;
  filter:drop-shadow(0 10px 26px rgba(214,166,50,.24));
}
.hptv-login-card label,.hptv-card-dark label{
  color:#f6e7bd!important;
  font-weight:900!important;
  letter-spacing:.02em;
}
.hptv-login-card input,.hptv-card-dark input,.hptv-card-dark select{
  background:linear-gradient(180deg,#05070a,#0a0d12)!important;
  border:1px solid rgba(214,166,50,.22)!important;
  color:#fff!important;
  border-radius:16px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.hptv-login-card input:focus,.hptv-card-dark input:focus,.hptv-card-dark select:focus{
  border-color:#f5d278!important;
  box-shadow:0 0 0 3px rgba(214,166,50,.16),0 0 26px rgba(214,166,50,.13)!important;
}
.hptv-btn-main{
  background:linear-gradient(135deg,#f5d278 0%,#d6a632 42%,#7a5512 100%)!important;
  color:#050505!important;
  border:1px solid rgba(255,230,150,.55)!important;
  box-shadow:0 12px 30px rgba(214,166,50,.22)!important;
}
.hptv-btn-main:hover{background:linear-gradient(135deg,#fff0b5,#d6a632,#9b6f18)!important;color:#050505!important}
.hptv-btn-red{background:linear-gradient(135deg,#f5d278,#a46f16)!important;color:#050505!important;border-color:rgba(255,230,150,.35)!important}
.hptv-saas{max-width:1380px!important;gap:24px!important}
.hptv-sidebar{
  background:linear-gradient(180deg,rgba(16,18,22,.96),rgba(5,6,8,.96))!important;
  border:1px solid rgba(214,166,50,.30)!important;
  border-radius:28px!important;
  box-shadow:0 28px 80px rgba(0,0,0,.38),0 0 35px rgba(214,166,50,.08)!important;
  position:sticky;top:20px;overflow:hidden;
}
.hptv-side-logo{
  display:flex;justify-content:center;align-items:center;
  padding:10px 0 22px;margin-bottom:14px;
  border-bottom:1px solid rgba(214,166,50,.18);
}
.hptv-side-logo .hptv-panel-logo{width:200px;max-height:92px}
.hptv-sidebar button{
  border:1px solid transparent!important;
  color:#c8cdd6!important;
  border-radius:16px!important;
  font-weight:900!important;
}
.hptv-sidebar button:hover,.hptv-sidebar button.active{
  background:linear-gradient(90deg,rgba(214,166,50,.22),rgba(255,255,255,.03))!important;
  color:#fff!important;
  border-color:rgba(214,166,50,.26)!important;
  box-shadow:inset 3px 0 0 #d6a632;
}
.hptv-topbar{
  background:linear-gradient(180deg,rgba(16,18,22,.96),rgba(7,8,10,.96))!important;
  border:1px solid rgba(214,166,50,.30)!important;
  border-radius:28px!important;
  box-shadow:0 25px 70px rgba(0,0,0,.28)!important;
  position:relative;overflow:hidden;
}
.hptv-topbar-brand{display:flex;align-items:center;gap:22px;min-width:0}
.hptv-topbar-logo{width:260px;max-width:38vw;max-height:86px;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(214,166,50,.20))}
.hptv-topbar h1{
  color:#fff!important;
  font-weight:900!important;
  letter-spacing:-.03em;
  text-shadow:0 0 22px rgba(214,166,50,.18);
}
.hptv-status-pill{
  background:linear-gradient(135deg,#1a1f2a,#0c0f15)!important;
  border:1px solid rgba(214,166,50,.30)!important;
  box-shadow:0 0 24px rgba(214,166,50,.08)!important;
}
.hptv-status-pill.live{background:linear-gradient(135deg,#d6a632,#7d5612)!important;color:#050505!important}
.hptv-stat,.hptv-card-dark{
  background:linear-gradient(180deg,rgba(17,20,27,.98),rgba(7,8,11,.98))!important;
  border:1px solid rgba(214,166,50,.24)!important;
  border-radius:24px!important;
  box-shadow:0 18px 55px rgba(0,0,0,.32),0 0 30px rgba(214,166,50,.06)!important;
  position:relative;overflow:hidden;
}
.hptv-stat small,.hptv-schedule-head{color:#f5d278!important}
.hptv-stat strong,.hptv-card-dark h2{color:#fff!important}
.hptv-schedule-list{border-color:rgba(214,166,50,.23)!important;border-radius:18px!important;overflow:hidden;background:#07080b!important}
.hptv-schedule-head{background:linear-gradient(90deg,#090b0f,#14100a)!important}
.hptv-schedule-row{border-top:1px solid rgba(214,166,50,.15)!important;background:rgba(255,255,255,.02)!important}
.hptv-mini{border-color:rgba(214,166,50,.24)!important;background:#141820!important;border-radius:12px!important}
.hptv-mini.danger{background:#211715!important;color:#ffd6b3!important}
@media(max-width:980px){
  .hptv-panel{padding:12px!important}
  .hptv-login-card{margin:18px auto!important;padding:24px!important;border-radius:22px!important}
  .hptv-topbar-brand{flex-direction:column;align-items:flex-start;gap:10px}
  .hptv-topbar-logo{max-width:100%;width:240px}
  .hptv-side-logo .hptv-panel-logo{width:220px;max-width:100%}
}


/* v1.1.6 - botão profissional para liberar áudio do YouTube */
.hptv-sound-button{
  position:absolute;
  right:10px;
  bottom:14px;
  z-index:30;
  border:1px solid rgba(245,210,120,.55);
  background:linear-gradient(135deg,rgba(8,10,14,.92),rgba(28,22,8,.96));
  color:#f5d278;
  font-weight:800;
  letter-spacing:.01em;
  border-radius:999px;
  padding:8px 12px;
  min-width:78px;
  font-size:12px;
  box-shadow:0 10px 26px rgba(0,0,0,.38),0 0 16px rgba(214,166,50,.14);
  cursor:pointer;
  transition:.18s ease;
  font-family:Arial,Helvetica,sans-serif;
  line-height:1;
  opacity:.92;
}
.hptv-sound-button:hover{transform:translateY(-1px);filter:brightness(1.06)}
.hptv-sound-button.active{background:linear-gradient(135deg,rgba(6,40,26,.96),rgba(20,120,82,.96));border-color:rgba(120,255,200,.45);color:#d8ffef}
.hptv-sound-button.is-soft{opacity:.72}
@media(max-width:640px){
  .hptv-sound-button{right:8px;bottom:10px;padding:7px 10px;font-size:11px;min-width:70px}
}


/* v1.1.9 - diagnóstico e correção do player M3U8/Ao Vivo */
.hptv-stage .hptv-video{width:100%;height:100%;object-fit:cover;background:#000;display:block}
.hptv-m3u8-status{position:absolute;left:14px;bottom:64px;top:auto;transform:none;z-index:22;max-width:min(440px,70%);background:rgba(5,7,10,.74);border:1px solid rgba(214,166,50,.32);box-shadow:0 12px 34px rgba(0,0,0,.36);color:#fff;text-align:left;padding:10px 12px;border-radius:13px;font-family:Arial,Helvetica,sans-serif;backdrop-filter:blur(8px);opacity:.88}
.hptv-m3u8-status strong{display:block;font-size:16px;margin-bottom:7px;color:#f5d278}.hptv-m3u8-status span{display:block;font-size:13px;line-height:1.35;color:#d8dde7}.hptv-m3u8-status.warning{border-color:rgba(245,210,120,.62)}.hptv-m3u8-status.error{border-color:rgba(255,100,100,.66)}.hptv-m3u8-tools{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:12px}.hptv-m3u8-tools a,.hptv-reload-button{border:1px solid rgba(214,166,50,.45);background:#131820;color:#f5d278;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer}.hptv-reload-button:hover,.hptv-m3u8-tools a:hover{filter:brightness(1.12)}
.hptv-video-sound{bottom:12px!important;right:10px!important;z-index:31!important}
@media(max-width:640px){.hptv-m3u8-status{padding:13px 14px}.hptv-m3u8-status strong{font-size:14px}.hptv-m3u8-status span{font-size:12px}}


/* v1.1.10 - transição limpa entre ao vivo e programação */
.hptv-transition{
  position:absolute;
  inset:0;
  z-index:45;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 50%,rgba(214,166,50,.18),transparent 34%),
    linear-gradient(135deg,rgba(0,0,0,.92),rgba(10,10,12,.78),rgba(0,0,0,.92));
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease;
}
.hptv-transition.show{opacity:1}
.hptv-transition-card{
  width:min(360px,46%);
  min-height:110px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:18px;
  border-radius:28px;
  border:1px solid rgba(214,166,50,.34);
  background:linear-gradient(180deg,rgba(16,18,22,.84),rgba(2,3,5,.72));
  box-shadow:0 24px 80px rgba(0,0,0,.55),0 0 32px rgba(214,166,50,.18);
  overflow:hidden;
}
.hptv-transition-card img{
  max-width:min(250px,86%);
  max-height:82px;
  object-fit:contain;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.48));
}
.hptv-transition-glow{
  width:58px;
  height:58px;
  border-radius:50%;
  background:radial-gradient(circle,#f5d278 0%,rgba(214,166,50,.32) 38%,transparent 70%);
  position:absolute;
  opacity:.38;
  animation:hptvPulse 1.05s ease-in-out infinite;
}
.hptv-transition-line{
  width:min(230px,75%);
  height:3px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
}
.hptv-transition-line span{
  display:block;
  width:38%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#f5d278,#d6a632,transparent);
  animation:hptvSweep .95s ease-in-out infinite;
}
@keyframes hptvSweep{0%{transform:translateX(-120%)}100%{transform:translateX(285%)}}
@keyframes hptvPulse{0%,100%{transform:scale(.88);opacity:.25}50%{transform:scale(1.18);opacity:.48}}
@media(max-width:640px){
  .hptv-transition-card{width:58%;min-height:88px;border-radius:18px;padding:12px}
  .hptv-transition-card img{max-height:58px}
  .hptv-m3u8-status{left:8px!important;bottom:48px!important;max-width:76%!important}
}


/* v1.1.11 - ao vivo com recarregamento automático e sem aviso grande */
.hptv-tv-loader{
  position:absolute;
  left:50%;
  top:50%;
  width:74px;
  height:74px;
  margin-left:-37px;
  margin-top:-37px;
  z-index:21;
  border-radius:50%;
  background:radial-gradient(circle,rgba(214,166,50,.24),rgba(0,0,0,.18) 58%,transparent 70%);
  pointer-events:none;
  opacity:.72;
}
.hptv-tv-loader span{
  position:absolute;
  inset:13px;
  border-radius:50%;
  border:3px solid rgba(255,255,255,.08);
  border-top-color:#f5d278;
  animation:hptvSpin .85s linear infinite;
}
@keyframes hptvSpin{to{transform:rotate(360deg)}}
.hptv-m3u8-status{
  left:14px!important;
  bottom:66px!important;
  top:auto!important;
  transform:none!important;
  max-width:min(360px,62%)!important;
  text-align:left!important;
  padding:9px 11px!important;
  opacity:.72!important;
  border-radius:12px!important;
  font-size:12px!important;
}
.hptv-m3u8-status strong{font-size:13px!important;margin-bottom:4px!important}
.hptv-m3u8-status span{font-size:11px!important}
.hptv-m3u8-tools{display:none!important}
@media(max-width:640px){
  .hptv-tv-loader{width:52px;height:52px;margin-left:-26px;margin-top:-26px}
  .hptv-tv-loader span{inset:10px;border-width:2px}
  .hptv-m3u8-status{max-width:68%!important;bottom:48px!important}
}


/* v1.1.12 - limpeza de transição ao sair do ao vivo */
.hptv-tv-loader{pointer-events:none}


/* v1.1.13 - programação por dias da semana */
.hptv-program-form{
  grid-template-columns:2fr 1.35fr 1fr 1fr 1.2fr!important;
}
.hptv-program-form .hptv-program-link{
  grid-column:span 4!important;
}
.hptv-schedule-head,
.hptv-schedule-row{
  grid-template-columns:125px 160px 1.25fr 110px 1.45fr 170px!important;
}
.hptv-schedule-row > span:first-child strong{
  color:#f5d278;
  font-size:13px;
}
@media(max-width:980px){
  .hptv-program-form{grid-template-columns:1fr!important}
  .hptv-program-form .hptv-program-link{grid-column:auto!important}
  .hptv-schedule-head{display:none!important}
  .hptv-schedule-row{grid-template-columns:1fr!important}
}


/* v1.1.14 - YouTube playlist e botão de som liga/desliga */
.hptv-sound-button:not(.active){
  background:linear-gradient(135deg,rgba(8,10,14,.92),rgba(28,22,8,.96))!important;
  color:#f5d278!important;
}
.hptv-sound-button.active{
  background:linear-gradient(135deg,rgba(6,40,26,.96),rgba(20,120,82,.96))!important;
  border-color:rgba(120,255,200,.45)!important;
  color:#d8ffef!important;
}


/* v1.1.15 - posição da logo, mobile melhorado e player limpo */
.hptv-logo-wrap{
  top:18px;
  left:18px;
  right:auto;
  bottom:auto;
  max-width:140px;
  max-height:78px;
  transition:.18s ease;
}
.hptv-logo-pos-top-left .hptv-logo-wrap{top:18px;left:18px;right:auto;bottom:auto}
.hptv-logo-pos-top-right .hptv-logo-wrap{top:18px;right:18px;left:auto;bottom:auto}
.hptv-logo-pos-bottom-left .hptv-logo-wrap{bottom:64px;left:18px;top:auto;right:auto}
.hptv-logo-pos-bottom-right .hptv-logo-wrap{bottom:64px;right:18px;top:auto;left:auto}
.hptv-logo-pos-hide .hptv-logo-wrap{display:none!important}

.hptv-loading{display:none!important}
.hptv-m3u8-status{display:none!important}
.hptv-poster-inner{
  border-radius:18px;
  backdrop-filter:blur(8px);
}

/* player mais limpo para celular e páginas Elementor */
.hptv-wrap{
  width:100%;
  margin:0 auto;
}
.hptv-screen{
  max-width:100%;
  border-radius:0;
}
.hptv-stage iframe,
.hptv-stage video{
  display:block;
}
@media(max-width:768px){
  .hptv-wrap{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
  .hptv-screen{
    width:100%!important;
    aspect-ratio:16/9!important;
    min-height:0!important;
    box-shadow:none!important;
  }
  .hptv-logo-wrap{
    top:8px!important;
    left:8px!important;
    right:auto!important;
    bottom:auto!important;
    max-width:72px!important;
    max-height:46px!important;
  }
  .hptv-logo-pos-top-right .hptv-logo-wrap{top:8px!important;right:8px!important;left:auto!important;bottom:auto!important}
  .hptv-logo-pos-bottom-left .hptv-logo-wrap{bottom:38px!important;left:8px!important;top:auto!important;right:auto!important}
  .hptv-logo-pos-bottom-right .hptv-logo-wrap{bottom:38px!important;right:8px!important;top:auto!important;left:auto!important}
  .hptv-logo{
    max-width:72px!important;
    max-height:46px!important;
  }
  .hptv-live-badge{
    top:8px!important;
    right:8px!important;
    padding:5px 8px!important;
    font-size:10px!important;
  }
  .hptv-bottom-bar{
    padding:6px 9px!important;
    border-top-width:1px!important;
    font-size:11px!important;
    gap:8px!important;
  }
  .hptv-current-title{
    font-size:12px!important;
  }
  .hptv-current-subtitle{
    display:none!important;
  }
  .hptv-sound-button{
    right:7px!important;
    bottom:7px!important;
    min-width:56px!important;
    padding:6px 8px!important;
    font-size:10px!important;
  }
  .hptv-tv-loader{
    width:46px!important;
    height:46px!important;
    margin-left:-23px!important;
    margin-top:-23px!important;
    opacity:.55!important;
  }
  .hptv-tv-loader span{
    inset:9px!important;
    border-width:2px!important;
  }
}
@media(max-width:480px){
  .hptv-logo-wrap,
  .hptv-logo{
    max-width:58px!important;
    max-height:40px!important;
  }
  .hptv-bottom-bar{
    padding:5px 7px!important;
  }
  .hptv-current-title{
    font-size:10px!important;
  }
}


/* v1.1.16 - TV HD 1280x720, expandir e mobile otimizado */
.hptv-wrap{
  width:100%;
  max-width:1280px!important;
  margin:0 auto!important;
}
.hptv-screen{
  width:100%!important;
  max-width:1280px!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:0!important;
  margin:0 auto!important;
  background:#000!important;
}
.hptv-stage{
  background:#000!important;
}
.hptv-stage video,
.hptv-stage iframe{
  object-fit:cover!important;
  background:#000!important;
}
.hptv-expand-btn{
  position:absolute;
  right:16px;
  bottom:58px;
  z-index:42;
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid rgba(245,210,120,.48);
  background:rgba(4,6,10,.72);
  color:#f5d278;
  font-size:19px;
  line-height:1;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(0,0,0,.35),0 0 16px rgba(214,166,50,.12);
  backdrop-filter:blur(8px);
  transition:.16s ease;
}
.hptv-expand-btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.12);
}
.hptv-screen:fullscreen,
.hptv-screen:-webkit-full-screen{
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  aspect-ratio:auto!important;
  background:#000!important;
}
.hptv-screen:fullscreen .hptv-stage video,
.hptv-screen:fullscreen .hptv-stage iframe,
.hptv-screen:-webkit-full-screen .hptv-stage video,
.hptv-screen:-webkit-full-screen .hptv-stage iframe{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.hptv-screen:fullscreen .hptv-bottom-bar,
.hptv-screen:-webkit-full-screen .hptv-bottom-bar{
  padding:12px 18px!important;
}
.hptv-screen:fullscreen .hptv-expand-btn,
.hptv-screen:-webkit-full-screen .hptv-expand-btn{
  right:18px!important;
  bottom:74px!important;
  width:44px!important;
  height:44px!important;
  font-size:24px!important;
}

/* mobile: tela encaixada, logo pequena e sem aparência estranha */
@media(max-width:768px){
  .hptv-wrap{
    max-width:100%!important;
    width:100%!important;
    margin:0 auto!important;
    padding:0!important;
  }
  .hptv-screen{
    width:100%!important;
    max-width:100%!important;
    aspect-ratio:16/9!important;
    height:auto!important;
    min-height:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  .hptv-stage,
  .hptv-stage iframe,
  .hptv-stage video{
    width:100%!important;
    height:100%!important;
  }
  .hptv-stage iframe,
  .hptv-stage video{
    object-fit:cover!important;
  }
  .hptv-logo-wrap{
    top:6px!important;
    left:6px!important;
    right:auto!important;
    bottom:auto!important;
    max-width:46px!important;
    max-height:34px!important;
    z-index:12!important;
  }
  .hptv-logo{
    max-width:46px!important;
    max-height:34px!important;
  }
  .hptv-logo-pos-top-right .hptv-logo-wrap{
    top:6px!important;
    right:6px!important;
    left:auto!important;
    bottom:auto!important;
  }
  .hptv-logo-pos-bottom-left .hptv-logo-wrap{
    bottom:30px!important;
    left:6px!important;
    top:auto!important;
    right:auto!important;
  }
  .hptv-logo-pos-bottom-right .hptv-logo-wrap{
    bottom:30px!important;
    right:6px!important;
    top:auto!important;
    left:auto!important;
  }
  .hptv-live-badge{
    top:6px!important;
    right:6px!important;
    padding:4px 7px!important;
    font-size:9px!important;
    letter-spacing:.05em!important;
  }
  .hptv-logo-pos-top-right .hptv-live-badge{
    top:44px!important;
  }
  .hptv-bottom-bar{
    padding:4px 7px!important;
    font-size:10px!important;
    border-top-width:1px!important;
    min-height:24px!important;
  }
  .hptv-current-title{
    font-size:10px!important;
    line-height:1.1!important;
  }
  .hptv-current-subtitle{
    display:none!important;
  }
  .hptv-sound-button{
    right:6px!important;
    bottom:5px!important;
    min-width:48px!important;
    padding:5px 7px!important;
    font-size:9px!important;
    opacity:.82!important;
  }
  .hptv-expand-btn{
    right:58px!important;
    bottom:5px!important;
    width:28px!important;
    height:28px!important;
    font-size:14px!important;
    opacity:.86!important;
  }
  .hptv-tv-loader{
    width:34px!important;
    height:34px!important;
    margin-left:-17px!important;
    margin-top:-17px!important;
    opacity:.48!important;
  }
  .hptv-tv-loader span{
    inset:7px!important;
    border-width:2px!important;
  }
  .hptv-poster-inner{
    max-width:78%!important;
    padding:10px 12px!important;
    font-size:12px!important;
  }
}
@media(max-width:420px){
  .hptv-logo-wrap,
  .hptv-logo{
    max-width:38px!important;
    max-height:28px!important;
  }
  .hptv-live-badge{
    font-size:8px!important;
    padding:3px 6px!important;
  }
  .hptv-bottom-bar{
    padding:3px 6px!important;
  }
  .hptv-current-title{
    font-size:9px!important;
  }
  .hptv-expand-btn{
    width:25px!important;
    height:25px!important;
    right:54px!important;
    font-size:13px!important;
  }
  .hptv-sound-button{
    min-width:44px!important;
    font-size:8px!important;
  }
}


/* v1.1.17 - botões Som + Expandir lado a lado */
.hptv-screen{
  --hptv-control-bottom:12px;
  --hptv-control-size:38px;
  --hptv-sound-width:78px;
  --hptv-control-gap:8px;
}
.hptv-sound-button,
.hptv-expand-btn{
  bottom:var(--hptv-control-bottom)!important;
  height:var(--hptv-control-size)!important;
  min-height:var(--hptv-control-size)!important;
  border-radius:999px!important;
  border:1px solid rgba(245,210,120,.55)!important;
  background:linear-gradient(135deg,rgba(8,10,14,.92),rgba(28,22,8,.96))!important;
  color:#f5d278!important;
  box-shadow:0 10px 26px rgba(0,0,0,.38),0 0 16px rgba(214,166,50,.14)!important;
  backdrop-filter:blur(8px);
}
.hptv-sound-button{
  right:10px!important;
  width:var(--hptv-sound-width)!important;
  min-width:var(--hptv-sound-width)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.hptv-expand-btn{
  right:calc(10px + var(--hptv-sound-width) + var(--hptv-control-gap))!important;
  width:var(--hptv-control-size)!important;
  min-width:var(--hptv-control-size)!important;
  padding:0!important;
  font-size:17px!important;
}
.hptv-sound-button:hover,
.hptv-expand-btn:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.08)!important;
}
.hptv-sound-button.active{
  background:linear-gradient(135deg,rgba(6,40,26,.96),rgba(20,120,82,.96))!important;
  border-color:rgba(120,255,200,.45)!important;
  color:#d8ffef!important;
}
.hptv-screen:fullscreen .hptv-sound-button,
.hptv-screen:-webkit-full-screen .hptv-sound-button{
  right:18px!important;
  bottom:18px!important;
  width:92px!important;
  min-width:92px!important;
  height:44px!important;
}
.hptv-screen:fullscreen .hptv-expand-btn,
.hptv-screen:-webkit-full-screen .hptv-expand-btn{
  right:118px!important;
  bottom:18px!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  font-size:22px!important;
}

/* mobile: dupla de botões pequena, no mesmo canto, sem ocupar a tela */
@media(max-width:768px){
  .hptv-screen{
    --hptv-control-bottom:5px;
    --hptv-control-size:25px;
    --hptv-sound-width:48px;
    --hptv-control-gap:5px;
  }
  .hptv-sound-button{
    right:6px!important;
    bottom:var(--hptv-control-bottom)!important;
    width:var(--hptv-sound-width)!important;
    min-width:var(--hptv-sound-width)!important;
    height:var(--hptv-control-size)!important;
    padding:0 6px!important;
    font-size:8px!important;
    line-height:1!important;
    opacity:.88!important;
  }
  .hptv-expand-btn{
    right:calc(6px + var(--hptv-sound-width) + var(--hptv-control-gap))!important;
    bottom:var(--hptv-control-bottom)!important;
    width:var(--hptv-control-size)!important;
    min-width:var(--hptv-control-size)!important;
    height:var(--hptv-control-size)!important;
    padding:0!important;
    font-size:12px!important;
    opacity:.88!important;
  }
  .hptv-screen:fullscreen .hptv-sound-button,
  .hptv-screen:-webkit-full-screen .hptv-sound-button{
    right:10px!important;
    bottom:10px!important;
    width:62px!important;
    min-width:62px!important;
    height:30px!important;
    font-size:10px!important;
  }
  .hptv-screen:fullscreen .hptv-expand-btn,
  .hptv-screen:-webkit-full-screen .hptv-expand-btn{
    right:78px!important;
    bottom:10px!important;
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    font-size:16px!important;
  }
}
@media(max-width:420px){
  .hptv-screen{
    --hptv-control-size:23px;
    --hptv-sound-width:44px;
    --hptv-control-gap:4px;
  }
  .hptv-sound-button{
    right:5px!important;
    font-size:8px!important;
  }
  .hptv-expand-btn{
    right:calc(5px + var(--hptv-sound-width) + var(--hptv-control-gap))!important;
    font-size:11px!important;
  }
}


/* v1.1.18 - YouTube limpo, controles só no hover e volume regulável */
.hptv-youtube-shield{
  position:absolute;
  inset:0;
  z-index:4;
  background:transparent;
  pointer-events:auto;
  cursor:default;
}

/* protege a identidade de TV: botões menores e abaixo da linha da tarja */
.hptv-screen{
  --hptv-control-bottom:5px;
  --hptv-control-size:28px;
  --hptv-sound-width:60px;
  --hptv-volume-width:84px;
  --hptv-control-gap:6px;
}
.hptv-sound-button,
.hptv-expand-btn,
.hptv-volume-slider{
  transition:opacity .18s ease, transform .18s ease, filter .18s ease!important;
}
.hptv-sound-button,
.hptv-expand-btn{
  height:var(--hptv-control-size)!important;
  min-height:var(--hptv-control-size)!important;
  bottom:var(--hptv-control-bottom)!important;
  z-index:50!important;
  border-radius:999px!important;
  border:1px solid rgba(245,210,120,.48)!important;
  background:linear-gradient(135deg,rgba(8,10,14,.92),rgba(28,22,8,.96))!important;
  color:#f5d278!important;
  box-shadow:0 8px 20px rgba(0,0,0,.35),0 0 13px rgba(214,166,50,.12)!important;
  backdrop-filter:blur(8px);
}
.hptv-sound-button{
  right:8px!important;
  width:var(--hptv-sound-width)!important;
  min-width:var(--hptv-sound-width)!important;
  padding:0 8px!important;
  font-size:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}
.hptv-expand-btn{
  right:calc(8px + var(--hptv-sound-width) + var(--hptv-volume-width) + (var(--hptv-control-gap) * 2))!important;
  width:var(--hptv-control-size)!important;
  min-width:var(--hptv-control-size)!important;
  padding:0!important;
  font-size:13px!important;
}
.hptv-volume-slider{
  position:absolute!important;
  right:calc(8px + var(--hptv-sound-width) + var(--hptv-control-gap))!important;
  bottom:calc(var(--hptv-control-bottom) + 5px)!important;
  z-index:51!important;
  width:var(--hptv-volume-width)!important;
  height:18px!important;
  accent-color:#f5d278;
  cursor:pointer;
  filter:drop-shadow(0 7px 14px rgba(0,0,0,.38));
}
.hptv-sound-button:hover,
.hptv-expand-btn:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.08)!important;
}
.hptv-sound-button.active{
  background:linear-gradient(135deg,rgba(6,40,26,.96),rgba(20,120,82,.96))!important;
  border-color:rgba(120,255,200,.45)!important;
  color:#d8ffef!important;
}

/* no computador, controles só aparecem quando passar o mouse na TV */
@media(hover:hover) and (pointer:fine){
  .hptv-screen .hptv-sound-button,
  .hptv-screen .hptv-expand-btn,
  .hptv-screen .hptv-volume-slider{
    opacity:0!important;
    pointer-events:none!important;
  }
  .hptv-screen:hover .hptv-sound-button,
  .hptv-screen:hover .hptv-expand-btn,
  .hptv-screen:hover .hptv-volume-slider,
  .hptv-screen:focus-within .hptv-sound-button,
  .hptv-screen:focus-within .hptv-expand-btn,
  .hptv-screen:focus-within .hptv-volume-slider{
    opacity:.94!important;
    pointer-events:auto!important;
  }
}

/* tela cheia */
.hptv-screen:fullscreen .hptv-sound-button,
.hptv-screen:-webkit-full-screen .hptv-sound-button{
  right:16px!important;
  bottom:16px!important;
  width:70px!important;
  min-width:70px!important;
  height:34px!important;
  font-size:11px!important;
}
.hptv-screen:fullscreen .hptv-volume-slider,
.hptv-screen:-webkit-full-screen .hptv-volume-slider{
  right:94px!important;
  bottom:24px!important;
  width:110px!important;
}
.hptv-screen:fullscreen .hptv-expand-btn,
.hptv-screen:-webkit-full-screen .hptv-expand-btn{
  right:212px!important;
  bottom:16px!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  font-size:16px!important;
}

/* celular: sem hover, controles pequenos e utilizáveis */
@media(max-width:768px){
  .hptv-screen{
    --hptv-control-bottom:4px;
    --hptv-control-size:22px;
    --hptv-sound-width:46px;
    --hptv-volume-width:62px;
    --hptv-control-gap:4px;
  }
  .hptv-sound-button,
  .hptv-expand-btn,
  .hptv-volume-slider{
    opacity:.88!important;
    pointer-events:auto!important;
  }
  .hptv-sound-button{
    right:5px!important;
    bottom:var(--hptv-control-bottom)!important;
    width:var(--hptv-sound-width)!important;
    min-width:var(--hptv-sound-width)!important;
    height:var(--hptv-control-size)!important;
    padding:0 5px!important;
    font-size:8px!important;
  }
  .hptv-volume-slider{
    right:calc(5px + var(--hptv-sound-width) + var(--hptv-control-gap))!important;
    bottom:calc(var(--hptv-control-bottom) + 3px)!important;
    width:var(--hptv-volume-width)!important;
    height:14px!important;
  }
  .hptv-expand-btn{
    right:calc(5px + var(--hptv-sound-width) + var(--hptv-volume-width) + (var(--hptv-control-gap) * 2))!important;
    bottom:var(--hptv-control-bottom)!important;
    width:var(--hptv-control-size)!important;
    min-width:var(--hptv-control-size)!important;
    height:var(--hptv-control-size)!important;
    font-size:10px!important;
  }
  .hptv-bottom-bar{
    padding-bottom:28px!important;
  }
  .hptv-screen:fullscreen .hptv-sound-button,
  .hptv-screen:-webkit-full-screen .hptv-sound-button{
    right:8px!important;
    bottom:8px!important;
    width:52px!important;
    min-width:52px!important;
    height:26px!important;
    font-size:9px!important;
  }
  .hptv-screen:fullscreen .hptv-volume-slider,
  .hptv-screen:-webkit-full-screen .hptv-volume-slider{
    right:66px!important;
    bottom:14px!important;
    width:70px!important;
  }
  .hptv-screen:fullscreen .hptv-expand-btn,
  .hptv-screen:-webkit-full-screen .hptv-expand-btn{
    right:142px!important;
    bottom:8px!important;
    width:26px!important;
    min-width:26px!important;
    height:26px!important;
    font-size:12px!important;
  }
}
@media(max-width:420px){
  .hptv-screen{
    --hptv-control-size:20px;
    --hptv-sound-width:42px;
    --hptv-volume-width:52px;
    --hptv-control-gap:3px;
  }
  .hptv-sound-button{
    font-size:7px!important;
  }
  .hptv-expand-btn{
    font-size:9px!important;
  }
}

/* v1.1.20 - painel: modo HLS */
.hptv-panel select[data-set-hls-mode]{font-weight:800;color:#f5d278}

/* v1.1.21 - marca Host PlayRAS nova em PNG */
.hptv-login-logo-wrap,
.hptv-sidebar-logo{
  background:rgba(0,0,0,.20);
  border-radius:18px;
}
.hptv-panel-logo{
  max-width:100%;
  object-fit:contain;
}
.hptv-logo{
  max-width:160px!important;
  max-height:74px!important;
}
@media(max-width:768px){
  .hptv-logo{
    max-width:62px!important;
    max-height:34px!important;
  }
}

/* v1.1.22 - logo transparente real e contador real de espectadores */
.hptv-login-logo-wrap,
.hptv-sidebar-logo{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.hptv-panel-logo{
  background:transparent!important;
}
.hptv-viewers-badge{
  position:absolute;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  z-index:44;
  border:1px solid rgba(245,210,120,.45);
  background:linear-gradient(135deg,rgba(8,10,14,.82),rgba(28,22,8,.90));
  color:#f5d278;
  border-radius:999px;
  padding:7px 12px;
  font:800 12px/1.1 Arial,Helvetica,sans-serif;
  box-shadow:0 10px 26px rgba(0,0,0,.34),0 0 16px rgba(214,166,50,.12);
  backdrop-filter:blur(8px);
  pointer-events:none;
}
@media(max-width:768px){
  .hptv-viewers-badge{
    top:6px;
    left:50%;
    padding:4px 7px;
    font-size:8px;
    max-width:42%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}

/* v1.1.23 - bloco visível do contador real no painel Canal */
.hptv-viewers-settings{
  margin-top:18px;
  padding:16px;
  border:1px solid rgba(245,210,120,.28);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(214,166,50,.10),rgba(255,255,255,.025));
  display:grid;
  grid-template-columns:1.2fr 1fr 1.1fr .75fr;
  gap:14px;
  align-items:end;
}
.hptv-viewers-settings strong{
  color:#f5d278;
  letter-spacing:.04em;
}
.hptv-viewers-settings p{
  margin:.35rem 0 0;
  color:#a6adbb;
  font-size:12px;
}
.hptv-toggle-line{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:9px!important;
  min-height:48px;
}
.hptv-toggle-line input{
  width:auto!important;
}
.hptv-viewers-current{
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  padding:12px;
  background:rgba(0,0,0,.22);
  color:#a6adbb;
  font-size:13px;
}
.hptv-viewers-current strong{
  color:#f5d278;
  font-size:18px;
}
@media(max-width:980px){
  .hptv-viewers-settings{
    grid-template-columns:1fr;
  }
}

/* v1.1.24 - contador no canto somente número + bate-papo */
.hptv-viewers-badge{
  top:12px!important;
  left:12px!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  min-width:26px!important;
  height:26px!important;
  padding:0 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid rgba(245,210,120,.62)!important;
  background:rgba(5,7,10,.62)!important;
  color:#f5d278!important;
  font:900 12px/1 Arial,Helvetica,sans-serif!important;
  box-shadow:0 7px 18px rgba(0,0,0,.34),0 0 10px rgba(214,166,50,.10)!important;
  backdrop-filter:blur(8px);
}
.hptv-viewers-badge[style*="display:none"]{display:none!important}
.hptv-viewers-top-left{top:12px!important;left:12px!important;right:auto!important;bottom:auto!important}
.hptv-viewers-top-right{top:12px!important;right:12px!important;left:auto!important;bottom:auto!important}
.hptv-viewers-bottom-left{bottom:42px!important;left:12px!important;top:auto!important;right:auto!important}
.hptv-viewers-bottom-right{bottom:42px!important;right:12px!important;top:auto!important;left:auto!important}

.hptv-chat-box{
  --hptv-chat-color:#d6a632;
  margin:14px auto 0;
  width:100%;
  max-width:1280px;
  border:1px solid color-mix(in srgb, var(--hptv-chat-color) 45%, transparent);
  background:linear-gradient(180deg,rgba(7,9,13,.96),rgba(3,4,7,.98));
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 60px rgba(0,0,0,.34);
  color:#fff;
}
.hptv-chat-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(135deg,color-mix(in srgb, var(--hptv-chat-color) 22%, transparent),rgba(255,255,255,.02));
}
.hptv-chat-head strong{
  color:#fff;
  font:900 15px/1.2 Arial,Helvetica,sans-serif;
}
.hptv-chat-head span{
  color:var(--hptv-chat-color);
  font:800 11px/1 Arial,Helvetica,sans-serif;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.hptv-chat-list{
  max-height:250px;
  overflow:auto;
  padding:12px 14px;
  display:flex;
  flex-direction:column;
  gap:9px;
}
.hptv-chat-empty{
  color:#a6adbb;
  font-size:13px;
  padding:8px 0;
}
.hptv-chat-item{
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.035);
  border-radius:14px;
  padding:9px 10px;
}
.hptv-chat-meta{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom:5px;
}
.hptv-chat-meta strong{
  color:var(--hptv-chat-color);
  font-size:13px;
}
.hptv-chat-meta span{
  color:#a6adbb;
  font-size:11px;
}
.hptv-chat-meta em{
  margin-left:auto;
  color:#777f91;
  font-size:10px;
  font-style:normal;
}
.hptv-chat-text{
  color:#f4f6fb;
  font-size:13px;
  line-height:1.35;
}
.hptv-chat-form{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 70px 2fr auto;
  gap:8px;
  padding:12px 14px 14px;
  border-top:1px solid rgba(255,255,255,.08);
}
.hptv-chat-form input{
  min-width:0;
  border:1px solid rgba(245,210,120,.22);
  background:#05070b;
  color:#fff;
  border-radius:12px;
  padding:10px 11px;
  font-size:12px;
  outline:none;
}
.hptv-chat-form input:focus{
  border-color:var(--hptv-chat-color);
  box-shadow:0 0 0 2px color-mix(in srgb, var(--hptv-chat-color) 18%, transparent);
}
.hptv-chat-form button{
  border:0;
  border-radius:12px;
  padding:10px 14px;
  background:linear-gradient(135deg,var(--hptv-chat-color),#8a6218);
  color:#060606;
  font-weight:900;
  cursor:pointer;
}
.hptv-chat-msg{
  min-height:18px;
  padding:0 14px 12px;
  color:#a6adbb;
  font-size:12px;
}
.hptv-chat-msg.ok{color:#20b875}
.hptv-chat-msg.err{color:#ff5b6a}

.hptv-chat-settings{
  margin-top:18px;
  padding:16px;
  border:1px solid rgba(245,210,120,.28);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(214,166,50,.10),rgba(255,255,255,.025));
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr .6fr;
  gap:14px;
  align-items:end;
}
.hptv-chat-settings strong{
  color:#f5d278;
  letter-spacing:.04em;
}
.hptv-chat-settings p{
  margin:.35rem 0 0;
  color:#a6adbb;
  font-size:12px;
}

@media(max-width:768px){
  .hptv-viewers-badge{
    min-width:20px!important;
    height:20px!important;
    padding:0 6px!important;
    font-size:9px!important;
  }
  .hptv-viewers-top-left{top:6px!important;left:6px!important}
  .hptv-viewers-top-right{top:6px!important;right:6px!important}
  .hptv-viewers-bottom-left{bottom:32px!important;left:6px!important}
  .hptv-viewers-bottom-right{bottom:32px!important;right:6px!important}
  .hptv-chat-box{
    border-radius:0;
    margin-top:8px;
  }
  .hptv-chat-list{
    max-height:210px;
    padding:10px;
  }
  .hptv-chat-form{
    grid-template-columns:1fr 1fr;
    padding:10px;
  }
  .hptv-chat-message{
    grid-column:1 / -1;
  }
  .hptv-chat-form button{
    grid-column:1 / -1;
  }
  .hptv-chat-settings{
    grid-template-columns:1fr;
  }
}

/* v1.1.25 - chat em botão/popup e mobile compacto */
.hptv-panel .hptv-viewers-settings,
.hptv-panel .hptv-chat-settings{
  grid-template-columns:1fr!important;
  gap:12px!important;
  align-items:stretch!important;
}
.hptv-panel .hptv-viewers-settings > div:first-child,
.hptv-panel .hptv-chat-settings > div:first-child{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.hptv-panel .hptv-toggle-line{
  cursor:pointer;
  padding:12px 14px!important;
  border:1px solid rgba(245,210,120,.30);
  background:rgba(255,255,255,.035);
  border-radius:14px;
  font-weight:900;
}
.hptv-panel .hptv-toggle-line input{
  accent-color:#d6a632;
  transform:scale(1.15);
}
.hptv-panel .hptv-viewers-settings label,
.hptv-panel .hptv-chat-settings label{
  min-height:auto!important;
}
.hptv-panel .hptv-chat-settings{
  grid-template-columns:1fr 1fr 1fr!important;
}
.hptv-panel .hptv-chat-settings > div:first-child{
  grid-column:1 / -1;
}
.hptv-panel .hptv-chat-settings .hptv-toggle-line{
  grid-column:1 / -1;
}
@media(max-width:920px){
  .hptv-panel .hptv-chat-settings{
    grid-template-columns:1fr!important;
  }
}

/* botão que abre o chat */
.hptv-chat-launch{
  --hptv-chat-color:#d6a632;
  margin:10px auto 0;
  max-width:1280px;
  width:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid color-mix(in srgb, var(--hptv-chat-color) 58%, transparent);
  background:linear-gradient(135deg,color-mix(in srgb, var(--hptv-chat-color) 92%, #ffffff 0%),#8a6218);
  color:#050505;
  border-radius:999px;
  padding:10px 16px;
  font:900 13px/1 Arial,Helvetica,sans-serif;
  cursor:pointer;
  box-shadow:0 12px 34px rgba(0,0,0,.30),0 0 18px color-mix(in srgb, var(--hptv-chat-color) 18%, transparent);
}
.hptv-chat-launch:hover{
  filter:brightness(1.07);
}
.hptv-chat-launch.is-open{
  filter:brightness(.94);
}

/* popup: não ocupa a tela inteira; abre compacto */
.hptv-chat-box.hptv-chat-mode-popup{
  position:fixed;
  right:18px;
  bottom:18px;
  width:min(390px, calc(100vw - 24px));
  max-width:390px;
  max-height:min(76vh, 620px);
  margin:0;
  z-index:99999;
  border-radius:18px;
  transform:translateY(16px) scale(.98);
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease, transform .16s ease;
}
.hptv-chat-box.hptv-chat-mode-popup.is-open{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
.hptv-chat-close{
  margin-left:6px;
  width:26px;
  height:26px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.22);
  color:#fff;
  border-radius:999px;
  font-size:18px;
  line-height:1;
  cursor:pointer;
}
.hptv-chat-mode-below .hptv-chat-close{
  display:none;
}

/* layout compacto do chat */
.hptv-chat-box{
  --hptv-chat-color:#d6a632;
}
.hptv-chat-head{
  padding:10px 12px!important;
}
.hptv-chat-head strong{
  font-size:14px!important;
}
.hptv-chat-head span{
  font-size:10px!important;
}
.hptv-chat-list{
  max-height:230px!important;
  padding:9px 10px!important;
  gap:7px!important;
}
.hptv-chat-item{
  border-radius:12px!important;
  padding:8px 9px!important;
}
.hptv-chat-meta{
  gap:6px!important;
  margin-bottom:4px!important;
}
.hptv-chat-meta strong{
  font-size:12px!important;
}
.hptv-chat-meta span{
  font-size:10px!important;
}
.hptv-chat-meta em{
  font-size:9px!important;
}
.hptv-chat-text{
  font-size:12px!important;
}
.hptv-chat-form{
  display:block!important;
  padding:9px 10px 10px!important;
}
.hptv-chat-user-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-bottom:7px;
}
.hptv-chat-send-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px;
}
.hptv-chat-form input{
  border-radius:10px!important;
  padding:8px 9px!important;
  font-size:12px!important;
}
.hptv-chat-form button{
  border-radius:10px!important;
  padding:8px 12px!important;
  min-width:82px;
  font-size:12px!important;
}
.hptv-chat-msg{
  min-height:16px!important;
  padding:0 10px 9px!important;
  font-size:11px!important;
}

/* mobile realmente compacto */
@media(max-width:768px){
  .hptv-chat-launch{
    margin-top:7px;
    padding:8px 12px;
    font-size:11px;
    max-width:calc(100% - 20px);
  }
  .hptv-chat-box.hptv-chat-mode-popup{
    left:8px;
    right:8px;
    bottom:8px;
    width:auto;
    max-width:none;
    max-height:72vh;
    border-radius:16px;
  }
  .hptv-chat-head{
    padding:8px 10px!important;
  }
  .hptv-chat-head strong{
    font-size:12px!important;
  }
  .hptv-chat-head span{
    font-size:9px!important;
  }
  .hptv-chat-close{
    width:24px;
    height:24px;
    font-size:16px;
  }
  .hptv-chat-list{
    max-height:34vh!important;
    padding:8px!important;
  }
  .hptv-chat-item{
    padding:7px 8px!important;
  }
  .hptv-chat-text{
    font-size:11px!important;
  }
  .hptv-chat-form{
    padding:8px!important;
  }
  .hptv-chat-user-grid{
    grid-template-columns:1fr 1fr;
    gap:6px;
    margin-bottom:6px;
  }
  .hptv-chat-send-row{
    grid-template-columns:1fr;
    gap:6px;
  }
  .hptv-chat-form input{
    padding:8px!important;
    font-size:11px!important;
    min-height:34px!important;
  }
  .hptv-chat-form button{
    padding:9px 10px!important;
    min-height:36px;
    font-size:12px!important;
  }
  .hptv-chat-msg{
    padding:0 8px 8px!important;
  }
}
@media(max-width:380px){
  .hptv-chat-user-grid{
    grid-template-columns:1fr;
  }
  .hptv-chat-box.hptv-chat-mode-popup{
    max-height:78vh;
  }
  .hptv-chat-list{
    max-height:30vh!important;
  }
}

/* v1.1.26 - popups apenas no PAINEL; chat do site em formatos fixos e mobile compacto */

/* Botões de configuração no painel */
.hptv-config-buttons{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:18px;
}
.hptv-config-button{
  text-align:left;
  border:1px solid rgba(245,210,120,.30);
  background:linear-gradient(135deg,rgba(214,166,50,.12),rgba(255,255,255,.028));
  color:#fff;
  border-radius:18px;
  padding:16px;
  cursor:pointer;
  min-height:126px;
  box-shadow:0 16px 45px rgba(0,0,0,.22);
  transition:.16s ease;
}
.hptv-config-button:hover{
  transform:translateY(-1px);
  border-color:rgba(245,210,120,.55);
  filter:brightness(1.06);
}
.hptv-config-button strong{
  display:block;
  color:#f5d278;
  font-size:15px;
  letter-spacing:.03em;
  margin-bottom:7px;
}
.hptv-config-button span{
  display:block;
  color:#b8becc;
  font-size:12px;
  line-height:1.35;
}
.hptv-config-button em{
  display:inline-flex;
  margin-top:12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  padding:7px 10px;
  color:#f5d278;
  background:rgba(0,0,0,.22);
  font-style:normal;
  font-size:12px;
}
.hptv-config-button b{
  color:#fff;
}

/* Modal do painel */
.hptv-modal{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.hptv-modal.active{
  display:flex;
}
.hptv-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(6px);
}
.hptv-modal-card{
  position:relative;
  z-index:1;
  width:min(560px, calc(100vw - 26px));
  max-height:calc(100vh - 34px);
  overflow:auto;
  border:1px solid rgba(245,210,120,.35);
  border-radius:22px;
  background:linear-gradient(180deg,#10141e,#05070b);
  box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 36px rgba(214,166,50,.12);
  padding:18px;
  color:#fff;
}
.hptv-modal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.hptv-modal-head strong{
  color:#f5d278;
  font-size:18px;
}
.hptv-modal-head button{
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:22px;
  cursor:pointer;
}
.hptv-modal-card p{
  color:#b8becc;
  font-size:13px;
  margin:0 0 14px;
  line-height:1.45;
}
.hptv-modal-card label{
  display:block;
  margin:12px 0;
  color:#f5d278;
  font-size:11px;
  font-weight:900;
  letter-spacing:.07em;
}
.hptv-modal-card input:not([type="checkbox"]),
.hptv-modal-card select{
  width:100%;
  min-height:42px;
  margin-top:7px;
  border:1px solid rgba(245,210,120,.25);
  background:#05070b;
  color:#fff;
  border-radius:13px;
  padding:9px 11px;
  outline:none;
}
.hptv-modal-card input[type="color"]{
  padding:3px!important;
}
.hptv-modal-card .hptv-toggle-line{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 13px!important;
  border:1px solid rgba(245,210,120,.28);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  color:#fff!important;
  letter-spacing:0!important;
}
.hptv-modal-card .hptv-toggle-line input{
  width:auto!important;
  margin:0!important;
  accent-color:#d6a632;
}
.hptv-modal-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:14px;
}
.hptv-btn-gold{
  border:0;
  border-radius:999px;
  padding:11px 18px;
  background:linear-gradient(135deg,#f5d278,#a87617);
  color:#050505;
  font-weight:900;
  cursor:pointer;
}

/* remove qualquer comportamento antigo de popup no SITE */
.hptv-chat-launch,
.hptv-chat-close{
  display:none!important;
}
.hptv-chat-box{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  opacity:1!important;
  pointer-events:auto!important;
  width:100%!important;
  max-width:1280px!important;
  max-height:none!important;
}

/* formatos de uso no site */
.hptv-chat-layout-below_compact .hptv-chat-box,
.hptv-chat-box.hptv-chat-layout-below_compact{
  margin-top:10px!important;
  border-radius:16px!important;
}
.hptv-chat-layout-below_compact .hptv-chat-list,
.hptv-chat-box.hptv-chat-layout-below_compact .hptv-chat-list{
  max-height:170px!important;
}
.hptv-chat-layout-below_full .hptv-chat-box,
.hptv-chat-box.hptv-chat-layout-below_full{
  margin-top:14px!important;
  border-radius:18px!important;
}
.hptv-chat-layout-below_full .hptv-chat-list,
.hptv-chat-box.hptv-chat-layout-below_full .hptv-chat-list{
  max-height:330px!important;
}

/* lateral no PC; no celular volta para embaixo automaticamente */
@media(min-width:1000px){
  .hptv-wrap.hptv-chat-layout-side_right{
    display:grid!important;
    grid-template-columns:minmax(0, 1fr) minmax(320px, 390px);
    gap:14px;
    max-width:1680px!important;
    align-items:start;
  }
  .hptv-wrap.hptv-chat-layout-side_right .hptv-screen{
    grid-column:1;
  }
  .hptv-wrap.hptv-chat-layout-side_right .hptv-chat-box{
    grid-column:2;
    grid-row:1;
    margin-top:0!important;
    max-width:none!important;
    height:auto;
  }
  .hptv-wrap.hptv-chat-layout-side_right .hptv-chat-list{
    max-height:420px!important;
  }
  .hptv-wrap.hptv-chat-layout-side_right .hptv-chat-user-grid{
    grid-template-columns:1fr 1fr;
  }
}

/* compactação real do chat no celular */
@media(max-width:768px){
  .hptv-config-buttons{
    grid-template-columns:1fr;
  }
  .hptv-config-button{
    min-height:96px;
    padding:13px;
    border-radius:15px;
  }
  .hptv-config-button strong{
    font-size:13px;
  }
  .hptv-config-button span,
  .hptv-config-button em{
    font-size:11px;
  }
  .hptv-modal{
    padding:9px;
    align-items:flex-end;
  }
  .hptv-modal-card{
    width:100%;
    max-height:86vh;
    border-radius:18px 18px 12px 12px;
    padding:14px;
  }
  .hptv-modal-head strong{
    font-size:15px;
  }
  .hptv-modal-card input:not([type="checkbox"]),
  .hptv-modal-card select{
    min-height:38px;
    border-radius:11px;
  }
  .hptv-chat-box{
    margin-top:8px!important;
    border-radius:12px!important;
  }
  .hptv-chat-head{
    padding:7px 9px!important;
  }
  .hptv-chat-head strong{
    font-size:11px!important;
  }
  .hptv-chat-list{
    max-height:155px!important;
    padding:7px!important;
  }
  .hptv-chat-item{
    padding:6px 7px!important;
  }
  .hptv-chat-meta strong{
    font-size:10px!important;
  }
  .hptv-chat-meta span,
  .hptv-chat-meta em{
    font-size:8px!important;
  }
  .hptv-chat-text{
    font-size:10px!important;
  }
  .hptv-chat-form{
    padding:7px!important;
  }
  .hptv-chat-user-grid{
    grid-template-columns:1fr 1fr;
    gap:5px;
  }
  .hptv-chat-send-row{
    grid-template-columns:1fr auto;
    gap:5px;
  }
  .hptv-chat-form input{
    min-height:30px!important;
    padding:6px 7px!important;
    font-size:10px!important;
  }
  .hptv-chat-form button{
    min-height:30px!important;
    padding:6px 9px!important;
    font-size:10px!important;
    min-width:58px!important;
  }
}
@media(max-width:420px){
  .hptv-chat-user-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .hptv-chat-send-row{
    grid-template-columns:1fr!important;
  }
}

/* v1.1.27 - botões pequenos padrão PlayRAS e popup do painel mais seguro */
.hptv-panel .hptv-config-buttons{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:14px!important;
}
.hptv-panel .hptv-config-button{
  width:auto!important;
  min-width:210px!important;
  max-width:270px!important;
  min-height:74px!important;
  padding:11px 13px!important;
  border-radius:14px!important;
  border:1px solid rgba(245,210,120,.34)!important;
  background:linear-gradient(135deg,rgba(8,10,14,.96),rgba(30,24,10,.92))!important;
  background-color:#080a0f!important;
  color:#f4f6fb!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.025)!important;
  text-shadow:none!important;
  outline:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.hptv-panel .hptv-config-button:hover,
.hptv-panel .hptv-config-button:focus{
  transform:translateY(-1px)!important;
  border-color:rgba(245,210,120,.62)!important;
  background:linear-gradient(135deg,rgba(15,18,27,.98),rgba(48,36,12,.96))!important;
  background-color:#0d111a!important;
  filter:none!important;
}
.hptv-panel .hptv-config-button strong{
  display:block!important;
  color:#f5d278!important;
  font-size:12px!important;
  line-height:1.15!important;
  margin:0 0 4px!important;
  letter-spacing:.02em!important;
}
.hptv-panel .hptv-config-button span{
  display:block!important;
  color:#aeb6c6!important;
  font-size:10px!important;
  line-height:1.25!important;
  margin:0!important;
}
.hptv-panel .hptv-config-button em{
  display:inline-flex!important;
  margin-top:7px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(245,210,120,.22)!important;
  background:rgba(0,0,0,.26)!important;
  color:#f5d278!important;
  font-size:10px!important;
  font-style:normal!important;
}
.hptv-panel .hptv-config-button b{
  color:#fff!important;
}
.hptv-panel .hptv-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
}
.hptv-panel .hptv-modal.active{
  display:flex!important;
}
.hptv-panel .hptv-modal-card{
  background:linear-gradient(180deg,#10141e,#05070b)!important;
  border-color:rgba(245,210,120,.38)!important;
}
.hptv-panel .hptv-modal-card select,
.hptv-panel .hptv-modal-card input:not([type="checkbox"]){
  background:#05070b!important;
  color:#fff!important;
}

@media(max-width:760px){
  .hptv-panel .hptv-config-buttons{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .hptv-panel .hptv-config-button{
    max-width:none!important;
    width:100%!important;
    min-height:68px!important;
  }
}

/* v1.1.28 - entrada limpa no bate-papo: identifica uma vez e depois só mensagem */
.hptv-chat-identity{
  padding:8px 10px 0!important;
  border-top:1px solid rgba(255,255,255,.06);
}
.hptv-chat-enter{
  width:100%;
  border:1px solid color-mix(in srgb, var(--hptv-chat-color) 50%, transparent);
  background:linear-gradient(135deg,rgba(8,10,14,.96),rgba(34,28,13,.94));
  color:#f5d278;
  border-radius:12px;
  padding:9px 11px;
  font:900 12px/1 Arial,Helvetica,sans-serif;
  cursor:pointer;
  text-align:center;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.hptv-chat-enter:hover{
  filter:brightness(1.08);
}
.hptv-chat-userbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  border-radius:12px;
  padding:7px 8px;
}
.hptv-chat-userbar span{
  min-width:0;
  color:#dfe4ee;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hptv-chat-userbar button{
  border:1px solid rgba(245,210,120,.30);
  background:rgba(0,0,0,.22);
  color:#f5d278;
  border-radius:999px;
  padding:5px 8px;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}
.hptv-chat-login-panel{
  margin:8px 10px 0!important;
  border:1px solid rgba(245,210,120,.24);
  background:linear-gradient(180deg,rgba(245,210,120,.07),rgba(255,255,255,.025));
  border-radius:14px;
  padding:10px;
}
.hptv-chat-login-title{
  color:#f5d278;
  font:900 12px/1 Arial,Helvetica,sans-serif;
  margin-bottom:8px;
}
.hptv-chat-login-panel .hptv-chat-user-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin:0!important;
}
.hptv-chat-login-panel input{
  min-height:32px!important;
  border:1px solid rgba(245,210,120,.20)!important;
  background:#05070b!important;
  color:#fff!important;
  border-radius:10px!important;
  padding:7px 8px!important;
  font-size:11px!important;
  outline:none!important;
}
.hptv-chat-login-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:8px;
}
.hptv-chat-save-profile{
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,var(--hptv-chat-color),#8a6218);
  color:#050505;
  font:900 11px/1 Arial,Helvetica,sans-serif;
  padding:8px 12px;
  cursor:pointer;
}
.hptv-chat-box:not(.is-logged) .hptv-chat-form{
  display:none!important;
}
.hptv-chat-box.is-logged .hptv-chat-form{
  display:block!important;
}
.hptv-chat-box.is-logged .hptv-chat-send-row{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:6px!important;
}

/* simplifica bastante no celular */
@media(max-width:768px){
  .hptv-chat-identity{
    padding:7px 8px 0!important;
  }
  .hptv-chat-enter{
    padding:8px 9px!important;
    font-size:10px!important;
    border-radius:10px!important;
  }
  .hptv-chat-userbar{
    padding:6px 7px!important;
    border-radius:10px!important;
  }
  .hptv-chat-userbar span{
    font-size:9px!important;
  }
  .hptv-chat-userbar button{
    padding:4px 7px!important;
    font-size:8px!important;
  }
  .hptv-chat-login-panel{
    margin:7px 8px 0!important;
    padding:8px!important;
    border-radius:12px!important;
  }
  .hptv-chat-login-title{
    font-size:10px!important;
    margin-bottom:6px!important;
  }
  .hptv-chat-login-panel .hptv-chat-user-grid{
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
  }
  .hptv-chat-login-panel input{
    min-height:28px!important;
    padding:5px 6px!important;
    font-size:9px!important;
    border-radius:8px!important;
  }
  .hptv-chat-save-profile{
    padding:7px 10px!important;
    font-size:9px!important;
  }
  .hptv-chat-box.is-logged .hptv-chat-send-row{
    grid-template-columns:1fr auto!important;
  }
  .hptv-chat-box.is-logged .hptv-chat-message{
    min-height:30px!important;
  }
  .hptv-chat-box.is-logged .hptv-chat-form button{
    min-width:54px!important;
  }
}
@media(max-width:380px){
  .hptv-chat-login-panel .hptv-chat-user-grid{
    grid-template-columns:1fr 1fr!important;
  }
}

/* v1.1.29 - corrige abertura do cadastro do bate-papo */
.hptv-chat-enter,
.hptv-chat-userbar button,
.hptv-chat-save-profile{
  position:relative!important;
  z-index:5!important;
  pointer-events:auto!important;
}
.hptv-chat-box.is-registering .hptv-chat-login-panel{
  display:block!important;
  animation:hptvChatSlide .16s ease-out both;
}
.hptv-chat-box.is-registering .hptv-chat-enter{
  display:none!important;
}
@keyframes hptvChatSlide{
  from{opacity:0; transform:translateY(6px)}
  to{opacity:1; transform:translateY(0)}
}
.hptv-chat-login-panel{
  box-shadow:0 12px 28px rgba(0,0,0,.24);
}
@media(max-width:768px){
  .hptv-chat-box.is-registering .hptv-chat-login-panel{
    margin-top:6px!important;
  }
}

/* v1.1.30 - login direto e limpo no chat */
.hptv-chat-enter{
  display:none!important;
}
.hptv-chat-box.is-registering .hptv-chat-login-panel,
.hptv-chat-login-panel{
  display:block;
}
.hptv-chat-box.is-logged .hptv-chat-login-panel{
  display:none!important;
}
.hptv-chat-login-panel{
  margin:8px 10px 0!important;
  padding:9px!important;
  border-radius:12px!important;
  border:1px solid rgba(245,210,120,.22)!important;
  background:linear-gradient(180deg,rgba(245,210,120,.06),rgba(255,255,255,.022))!important;
}
.hptv-chat-login-title{
  font-size:11px!important;
  margin-bottom:7px!important;
  color:#f5d278!important;
}
.hptv-chat-login-panel .hptv-chat-user-grid{
  grid-template-columns:1.2fr 1fr 1fr 54px!important;
  gap:6px!important;
}
.hptv-chat-login-panel input{
  min-height:30px!important;
  padding:6px 8px!important;
  font-size:10px!important;
}
.hptv-chat-login-actions{
  justify-content:flex-end!important;
  margin-top:7px!important;
}
.hptv-chat-save-profile{
  min-height:30px!important;
  padding:7px 12px!important;
  font-size:10px!important;
  border-radius:999px!important;
}
.hptv-chat-box.is-registering .hptv-chat-form{
  display:none!important;
}
.hptv-chat-box.is-logged .hptv-chat-form{
  display:block!important;
}
@media(max-width:768px){
  .hptv-chat-login-panel{
    margin:6px 8px 0!important;
    padding:7px!important;
  }
  .hptv-chat-login-title{
    font-size:9px!important;
    margin-bottom:5px!important;
  }
  .hptv-chat-login-panel .hptv-chat-user-grid{
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
  }
  .hptv-chat-login-panel input{
    min-height:27px!important;
    padding:5px 6px!important;
    font-size:9px!important;
  }
  .hptv-chat-save-profile{
    min-height:28px!important;
    padding:6px 10px!important;
    font-size:9px!important;
  }
}


/* v1.1.31 - nova logo Host PlayRAS em PNG transparente */
.hptv-login-logo-wrap,
.hptv-sidebar-logo{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.hptv-panel-logo{
  background:transparent!important;
  object-fit:contain!important;
  max-height:94px!important;
}
.hptv-logo{
  object-fit:contain!important;
  max-width:150px!important;
  max-height:64px!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.48));
}
@media(max-width:768px){
  .hptv-logo{
    max-width:56px!important;
    max-height:30px!important;
  }
}


/* v1.1.32 - usar logo exata enviada pelo usuário, sem recorte agressivo */
.hptv-sidebar-logo,
.hptv-login-logo-wrap{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}

.hptv-panel-logo{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:90px!important;
  object-fit:contain!important;
  image-rendering:auto!important;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.35));
}

.hptv-logo{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:58px!important;
  object-fit:contain!important;
  image-rendering:auto!important;
  filter:drop-shadow(0 6px 16px rgba(0,0,0,.32));
}

@media(max-width:768px){
  .hptv-panel-logo{
    max-height:68px!important;
  }
  .hptv-logo{
    max-height:34px!important;
  }
}


/* v1.1.34 - logo exata sem moldura + admin WordPress mais apresentável */
.hptv-login-logo-wrap{padding:0 0 18px!important;border-bottom:1px solid rgba(214,166,50,.16)!important}
.hptv-panel-logo{width:min(100%,430px)!important;max-height:118px!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))!important}
.hptv-topbar-brand{gap:18px!important}
.hptv-topbar-logo{width:240px!important;max-width:32vw!important;max-height:76px!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))!important}
.hptv-sidebar .hptv-topbar-logo,.hptv-sidebar .hptv-panel-logo{filter:none!important}
@media (max-width:980px){.hptv-topbar-logo{width:180px!important;max-width:52vw!important;max-height:60px!important}}

/* Admin do WordPress */
.wp-admin .hptv-admin{max-width:1360px;margin-top:18px;color:#f7f3e8}
.wp-admin .hptv-admin-hero{display:flex;align-items:center;gap:24px;padding:24px 26px;border-radius:26px;background:linear-gradient(180deg,rgba(16,18,22,.98),rgba(7,8,10,.98));border:1px solid rgba(214,166,50,.28);box-shadow:0 20px 60px rgba(0,0,0,.22);margin:18px 0 22px}
.wp-admin .hptv-admin-hero-logo{width:270px;max-width:30vw;height:auto;display:block}
.wp-admin .hptv-admin-hero h1{margin:0 0 8px!important;color:#fff;font-size:30px;line-height:1.08}
.wp-admin .hptv-admin-hero p{margin:0!important;color:#b9c2cf;font-size:14px;line-height:1.55}
.wp-admin .hptv-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 18px}
.wp-admin .hptv-card{background:linear-gradient(180deg,rgba(17,20,27,.98),rgba(7,8,11,.98));border:1px solid rgba(214,166,50,.24);border-radius:22px;box-shadow:0 18px 55px rgba(0,0,0,.22);padding:22px;color:#eef2f8}
.wp-admin .hptv-card h2{color:#fff;margin-top:0}
.wp-admin .hptv-card p,.wp-admin .hptv-card li,.wp-admin .hptv-card .description{color:#b9c2cf}
.wp-admin .hptv-card input,.wp-admin .hptv-card textarea,.wp-admin .hptv-card select{background:#0a0d12;border:1px solid rgba(214,166,50,.22);color:#fff;border-radius:12px}
.wp-admin .hptv-card input:focus,.wp-admin .hptv-card textarea:focus,.wp-admin .hptv-card select:focus{border-color:#f5d278;box-shadow:0 0 0 1px #f5d278}
.wp-admin .hptv-admin .button-primary{background:linear-gradient(135deg,#f5d278,#d6a632 45%,#8d6514)!important;border-color:#e5c26c!important;color:#0b0d10!important;text-shadow:none!important;box-shadow:0 8px 24px rgba(214,166,50,.18)!important}
.wp-admin .hptv-admin .button-secondary,.wp-admin .hptv-admin .button{border-color:rgba(214,166,50,.28)!important;background:#141820!important;color:#fff!important}
@media(max-width:900px){.wp-admin .hptv-admin-hero{flex-direction:column;align-items:flex-start}.wp-admin .hptv-admin-hero-logo{max-width:100%;width:220px}.wp-admin .hptv-admin-grid{grid-template-columns:1fr}}


/* v1.1.35 - logo menor e visual mais limpo */
.hptv-login-logo-wrap{padding:0 0 16px!important}
.hptv-panel-logo{width:min(100%,250px)!important;max-height:86px!important;object-fit:contain!important;filter:none!important}
.hptv-side-logo{display:none!important}
.hptv-sidebar{padding-top:22px!important}
.hptv-topbar-brand{gap:16px!important}
.hptv-topbar-logo{width:180px!important;max-width:26vw!important;max-height:58px!important;object-fit:contain!important;filter:none!important}
.hptv-topbar h1{font-size:18px!important;line-height:1.12!important;letter-spacing:-.02em!important}
@media(max-width:980px){
  .hptv-topbar-logo{width:150px!important;max-width:46vw!important;max-height:50px!important}
  .hptv-topbar h1{font-size:16px!important}
}

/* Painel WordPress mais parecido com o painel do PC */
.wp-admin .hptv-admin{max-width:1320px;margin:18px 18px 24px 0;padding:0 4px}
.wp-admin .hptv-admin-hero{gap:18px;padding:16px 18px;border-radius:18px;background:linear-gradient(180deg,#08101b,#060b12);border:1px solid rgba(214,166,50,.26)}
.wp-admin .hptv-admin-hero-logo{width:170px!important;max-width:18vw!important;height:auto}
.wp-admin .hptv-admin-hero h1{font-size:24px!important;margin:0 0 4px!important}
.wp-admin .hptv-admin-hero p{font-size:13px!important;color:#b9c2cf!important}
.wp-admin .hptv-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.wp-admin .hptv-card{border-radius:18px;padding:18px 18px 16px;background:linear-gradient(180deg,#08101b,#060b12);border:1px solid rgba(214,166,50,.22)}
.wp-admin .hptv-admin form>.hptv-card{margin-top:16px}
.wp-admin .hptv-admin .form-table{margin-top:8px}
.wp-admin .hptv-admin .form-table th{color:#f5d278;padding:14px 14px 14px 0;font-weight:700;width:190px}
.wp-admin .hptv-admin .form-table td{padding:10px 0 14px;color:#eef2f8}
.wp-admin .hptv-admin .form-table p.description{color:#aeb7c5!important}
.wp-admin .hptv-admin .regular-text,.wp-admin .hptv-admin .large-text,.wp-admin .hptv-admin select,.wp-admin .hptv-admin textarea{max-width:100%;width:100%;background:#070b11!important;border:1px solid rgba(214,166,50,.22)!important;color:#fff!important;border-radius:12px!important;padding:10px 12px!important}
.wp-admin .hptv-admin .button-primary{padding:8px 16px!important;border-radius:12px!important}
@media(max-width:960px){.wp-admin .hptv-admin-hero-logo{width:150px!important;max-width:100%!important}.wp-admin .hptv-admin-grid{grid-template-columns:1fr}.wp-admin .hptv-admin .form-table,.wp-admin .hptv-admin .form-table tbody,.wp-admin .hptv-admin .form-table tr,.wp-admin .hptv-admin .form-table th,.wp-admin .hptv-admin .form-table td{display:block;width:100%!important}.wp-admin .hptv-admin .form-table th{padding-bottom:6px}}


/* v1.1.36 - cor do bate-papo obedecendo o painel */
.hptv-chat-box{
  --hptv-chat-color: var(--hptv-chat-color, #d6a632);
  border-color: var(--hptv-chat-color)!important;
  border-top: 4px solid var(--hptv-chat-color)!important;
}
.hptv-chat-box::before,
.hptv-chat-box::after{
  background: var(--hptv-chat-color)!important;
  border-color: var(--hptv-chat-color)!important;
}
.hptv-chat-head{
  background: linear-gradient(90deg, color-mix(in srgb, var(--hptv-chat-color) 34%, #080a0f), rgba(8,10,15,.96))!important;
  border-bottom: 1px solid color-mix(in srgb, var(--hptv-chat-color) 45%, transparent)!important;
}
.hptv-chat-head strong,
.hptv-chat-head span,
.hptv-chat-login-title,
.hptv-chat-meta strong{
  color: var(--hptv-chat-color)!important;
}
.hptv-chat-login-panel,
.hptv-chat-item,
.hptv-chat-userbar{
  border-color: color-mix(in srgb, var(--hptv-chat-color) 32%, rgba(255,255,255,.08))!important;
}
.hptv-chat-form input:focus,
.hptv-chat-login-panel input:focus{
  border-color: var(--hptv-chat-color)!important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--hptv-chat-color) 18%, transparent)!important;
}
.hptv-chat-save-profile,
.hptv-chat-form button{
  background: linear-gradient(135deg, var(--hptv-chat-color), #8a6218)!important;
  border-color: color-mix(in srgb, var(--hptv-chat-color) 55%, transparent)!important;
  color:#050505!important;
}

/* fallback para navegadores que não aceitam color-mix */
@supports not (color: color-mix(in srgb, #fff 50%, #000)){
  .hptv-chat-head{
    background: linear-gradient(90deg, var(--hptv-chat-color), #080a0f)!important;
  }
  .hptv-chat-login-panel,
  .hptv-chat-item,
  .hptv-chat-userbar,
  .hptv-chat-head{
    border-color: var(--hptv-chat-color)!important;
  }
}


/* v1.1.37 - bate-papo sem tarja vermelha e com mais modelos de posicionamento */

/* remove qualquer faixa antiga/presa atrás do chat */
.hptv-chat-box,
.hptv-chat-box *{
  box-sizing:border-box;
}
.hptv-chat-box{
  position:relative!important;
  overflow:hidden!important;
  border-top:1px solid var(--hptv-chat-color)!important;
  outline:none!important;
  box-shadow:0 16px 48px rgba(0,0,0,.35)!important;
}
.hptv-chat-box::before,
.hptv-chat-box::after,
.hptv-chat-head::before,
.hptv-chat-head::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  background:transparent!important;
  border:0!important;
}

/* cabeçalho limpo e personalizável */
.hptv-chat-head{
  background:linear-gradient(90deg,rgba(214,166,50,.18),rgba(10,12,18,.96))!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--hptv-chat-color) 24%,#090b10),rgba(10,12,18,.96))!important;
  border-top:0!important;
  border-bottom:1px solid var(--hptv-chat-color)!important;
}
.hptv-chat-head strong,
.hptv-chat-head span,
.hptv-chat-login-title,
.hptv-chat-meta strong{
  color:var(--hptv-chat-color)!important;
}
.hptv-chat-login-panel{
  border-color:var(--hptv-chat-color)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.18))!important;
}
.hptv-chat-save-profile,
.hptv-chat-form button{
  background:linear-gradient(135deg,var(--hptv-chat-color),#8a6218)!important;
  color:#050505!important;
  border:0!important;
}

/* formato: abaixo compacto */
.hptv-chat-layout-below_compact .hptv-chat-box,
.hptv-chat-box.hptv-chat-layout-below_compact{
  max-width:1280px!important;
  margin:10px auto 0!important;
}
.hptv-chat-layout-below_compact .hptv-chat-list,
.hptv-chat-box.hptv-chat-layout-below_compact .hptv-chat-list{
  max-height:175px!important;
}

/* formato: abaixo completo */
.hptv-chat-layout-below_full .hptv-chat-box,
.hptv-chat-box.hptv-chat-layout-below_full{
  max-width:1280px!important;
  margin:14px auto 0!important;
}
.hptv-chat-layout-below_full .hptv-chat-list,
.hptv-chat-box.hptv-chat-layout-below_full .hptv-chat-list{
  max-height:340px!important;
}

/* formato: mini central / direita / esquerda */
.hptv-chat-layout-mini_center .hptv-chat-box,
.hptv-chat-box.hptv-chat-layout-mini_center,
.hptv-chat-layout-mini_right .hptv-chat-box,
.hptv-chat-box.hptv-chat-layout-mini_right,
.hptv-chat-layout-mini_left .hptv-chat-box,
.hptv-chat-box.hptv-chat-layout-mini_left{
  width:min(100%,560px)!important;
  max-width:560px!important;
  margin-top:10px!important;
}
.hptv-chat-layout-mini_center .hptv-chat-box,
.hptv-chat-box.hptv-chat-layout-mini_center{
  margin-left:auto!important;
  margin-right:auto!important;
}
.hptv-chat-layout-mini_right .hptv-chat-box,
.hptv-chat-box.hptv-chat-layout-mini_right{
  margin-left:auto!important;
  margin-right:0!important;
}
.hptv-chat-layout-mini_left .hptv-chat-box,
.hptv-chat-box.hptv-chat-layout-mini_left{
  margin-left:0!important;
  margin-right:auto!important;
}
.hptv-chat-layout-mini_center .hptv-chat-list,
.hptv-chat-layout-mini_right .hptv-chat-list,
.hptv-chat-layout-mini_left .hptv-chat-list,
.hptv-chat-box.hptv-chat-layout-mini_center .hptv-chat-list,
.hptv-chat-box.hptv-chat-layout-mini_right .hptv-chat-list,
.hptv-chat-box.hptv-chat-layout-mini_left .hptv-chat-list{
  max-height:145px!important;
}

/* lateral esquerda/direita no computador */
@media(min-width:1000px){
  .hptv-wrap.hptv-chat-layout-side_right,
  .hptv-wrap.hptv-chat-layout-side_left{
    display:grid!important;
    grid-template-columns:minmax(320px,390px) minmax(0,1fr);
    gap:14px;
    max-width:1680px!important;
    align-items:start;
  }
  .hptv-wrap.hptv-chat-layout-side_right{
    grid-template-columns:minmax(0,1fr) minmax(320px,390px);
  }
  .hptv-wrap.hptv-chat-layout-side_left .hptv-screen{
    grid-column:2;
  }
  .hptv-wrap.hptv-chat-layout-side_left .hptv-chat-box{
    grid-column:1;
    grid-row:1;
    margin-top:0!important;
    max-width:none!important;
  }
  .hptv-wrap.hptv-chat-layout-side_right .hptv-screen{
    grid-column:1;
  }
  .hptv-wrap.hptv-chat-layout-side_right .hptv-chat-box{
    grid-column:2;
    grid-row:1;
    margin-top:0!important;
    max-width:none!important;
  }
  .hptv-wrap.hptv-chat-layout-side_left .hptv-chat-list,
  .hptv-wrap.hptv-chat-layout-side_right .hptv-chat-list{
    max-height:420px!important;
  }
}

/* botões do modal do painel */
.hptv-chat-admin-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-top:14px;
  flex-wrap:wrap;
}
.hptv-btn-outline-danger{
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  padding:10px 14px;
  background:rgba(0,0,0,.24);
  color:#ffb4b4;
  font-weight:900;
  cursor:pointer;
}
.hptv-btn-outline-danger:hover{
  border-color:rgba(255,180,180,.45);
  background:rgba(90,18,24,.28);
}

/* celular: sempre compacto e sem tarja */
@media(max-width:768px){
  .hptv-chat-box{
    border-top:1px solid var(--hptv-chat-color)!important;
    border-radius:12px!important;
  }
  .hptv-chat-head{
    padding:7px 9px!important;
  }
  .hptv-chat-layout-mini_center .hptv-chat-box,
  .hptv-chat-layout-mini_right .hptv-chat-box,
  .hptv-chat-layout-mini_left .hptv-chat-box{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}


/* v1.1.38 - fundo escuro atrás do bate-papo e correção da área vermelha */
.hptv-wrap{background:#05070c!important;padding:0 0 12px!important;border-radius:0!important;}
.hptv-screen{background:#05070c!important;}
.hptv-chat-box,.hptv-chat-list,.hptv-chat-identity,.hptv-chat-login-panel,.hptv-chat-form,.hptv-chat-msg{background:#06080d!important;}
.hptv-wrap.hptv-chat-layout-mini_right,.hptv-wrap.hptv-chat-layout-mini_left,.hptv-wrap.hptv-chat-layout-mini_center,.hptv-wrap.hptv-chat-layout-below_compact,.hptv-wrap.hptv-chat-layout-below_full,.hptv-wrap.hptv-chat-layout-side_right,.hptv-wrap.hptv-chat-layout-side_left{background:#05070c!important;}
.hptv-chat-box{background:#06080d!important;}
.hptv-chat-head{background:linear-gradient(90deg,color-mix(in srgb,var(--hptv-chat-color) 18%,#090b10),#090b10 88%)!important;}


/* v1.1.39 - controles abaixo da linha e auto-ocultar com mouse parado */
.hptv-screen{
  --hptv-control-bottom:8px!important;
  --hptv-control-size:30px!important;
  --hptv-sound-width:64px!important;
  --hptv-volume-width:96px!important;
  --hptv-control-gap:7px!important;
}

/* linha/tarja de informação: aparece só com movimento */
.hptv-bottom-bar{
  min-height:48px!important;
  padding:10px 18px 26px!important;
  border-top:1px solid var(--hptv-primary)!important;
  background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.56),rgba(0,0,0,.10))!important;
  opacity:0!important;
  transform:translateY(10px)!important;
  pointer-events:none!important;
  transition:opacity .22s ease, transform .22s ease!important;
}
.hptv-screen.is-controls-active .hptv-bottom-bar,
.hptv-screen:hover .hptv-bottom-bar,
.hptv-screen:focus-within .hptv-bottom-bar{
  opacity:.96!important;
  transform:translateY(0)!important;
  pointer-events:auto!important;
}

/* controles abaixo da linha, dentro da barra inferior */
.hptv-sound-button,
.hptv-expand-btn,
.hptv-volume-slider{
  position:absolute!important;
  z-index:80!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .22s ease, transform .22s ease, filter .18s ease!important;
}
.hptv-sound-button,
.hptv-expand-btn{
  bottom:8px!important;
  height:28px!important;
  min-height:28px!important;
}
.hptv-sound-button{
  right:12px!important;
  width:64px!important;
  min-width:64px!important;
  font-size:10px!important;
  padding:0 8px!important;
}
.hptv-volume-slider{
  right:84px!important;
  bottom:14px!important;
  width:96px!important;
  height:16px!important;
}
.hptv-expand-btn{
  right:188px!important;
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  font-size:13px!important;
  padding:0!important;
}

/* quando movimentar o mouse, aparecem; se parar, somem */
.hptv-screen.is-controls-active .hptv-sound-button,
.hptv-screen.is-controls-active .hptv-expand-btn,
.hptv-screen.is-controls-active .hptv-volume-slider,
.hptv-screen:hover .hptv-sound-button,
.hptv-screen:hover .hptv-expand-btn,
.hptv-screen:hover .hptv-volume-slider,
.hptv-screen:focus-within .hptv-sound-button,
.hptv-screen:focus-within .hptv-expand-btn,
.hptv-screen:focus-within .hptv-volume-slider{
  opacity:.96!important;
  pointer-events:auto!important;
}

/* em tela cheia */
.hptv-screen:fullscreen .hptv-bottom-bar,
.hptv-screen:-webkit-full-screen .hptv-bottom-bar{
  min-height:58px!important;
  padding-bottom:32px!important;
}
.hptv-screen:fullscreen .hptv-sound-button,
.hptv-screen:-webkit-full-screen .hptv-sound-button{
  right:18px!important;
  bottom:12px!important;
  width:70px!important;
  min-width:70px!important;
  height:32px!important;
}
.hptv-screen:fullscreen .hptv-volume-slider,
.hptv-screen:-webkit-full-screen .hptv-volume-slider{
  right:96px!important;
  bottom:20px!important;
  width:118px!important;
}
.hptv-screen:fullscreen .hptv-expand-btn,
.hptv-screen:-webkit-full-screen .hptv-expand-btn{
  right:224px!important;
  bottom:12px!important;
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
}

/* celular: controles compactos e acionados por toque */
@media(max-width:768px){
  .hptv-screen{
    --hptv-control-size:24px!important;
    --hptv-sound-width:48px!important;
    --hptv-volume-width:58px!important;
    --hptv-control-gap:4px!important;
  }
  .hptv-bottom-bar{
    min-height:42px!important;
    padding:7px 8px 24px!important;
    font-size:10px!important;
  }
  .hptv-current-title{
    font-size:10px!important;
  }
  .hptv-current-subtitle{
    display:none!important;
  }
  .hptv-sound-button{
    right:6px!important;
    bottom:6px!important;
    width:48px!important;
    min-width:48px!important;
    height:22px!important;
    font-size:8px!important;
    padding:0 4px!important;
  }
  .hptv-volume-slider{
    right:58px!important;
    bottom:10px!important;
    width:58px!important;
    height:12px!important;
  }
  .hptv-expand-btn{
    right:122px!important;
    bottom:6px!important;
    width:22px!important;
    min-width:22px!important;
    height:22px!important;
    font-size:10px!important;
  }
  .hptv-screen.is-controls-active .hptv-sound-button,
  .hptv-screen.is-controls-active .hptv-expand-btn,
  .hptv-screen.is-controls-active .hptv-volume-slider,
  .hptv-screen.is-controls-active .hptv-bottom-bar{
    opacity:.96!important;
    pointer-events:auto!important;
  }
}
@media(max-width:420px){
  .hptv-bottom-bar{
    min-height:38px!important;
    padding:6px 7px 22px!important;
  }
  .hptv-sound-button{
    right:5px!important;
    width:43px!important;
    min-width:43px!important;
    font-size:7px!important;
  }
  .hptv-volume-slider{
    right:52px!important;
    width:46px!important;
  }
  .hptv-expand-btn{
    right:103px!important;
    width:20px!important;
    min-width:20px!important;
    height:20px!important;
    font-size:9px!important;
  }
}