/* TV Poty Web v7 - Chat ao vivo (agora só usado dentro do painel flutuante) + ajustes responsivos */
/* v9: player da Web TV agora ocupa sempre a largura total. Chat migrou para botão flutuante. */
.tvp-webtv-wrap{display:block}
.tvp-webtv-main{width:100%}
.tvp-chat{display:flex;flex-direction:column;background:#0a2540;color:#fff;border-radius:10px;overflow:hidden;min-height:380px;max-height:560px;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.tvp-chat-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#081b30;border-bottom:1px solid rgba(255,255,255,.08)}
.tvp-chat-head h3{margin:0;font-size:1rem;color:#fff}
.tvp-chat-online{font-size:.85rem;opacity:.9}
.tvp-chat-body{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:6px;font-size:.92rem}
.tvp-chat-body::-webkit-scrollbar{width:6px}
.tvp-chat-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}
.tvp-chat-msg-item{padding:6px 10px;background:rgba(255,255,255,.06);border-radius:8px;line-height:1.35}
.tvp-chat-msg-item.role-admin{background:rgba(214,32,42,.22);border-left:3px solid #d6202a}
.tvp-chat-msg-item.role-presenter{background:rgba(255,180,0,.18);border-left:3px solid #ffb400}
.tvp-chat-nickname{font-weight:700;color:#ffb400;margin-right:6px}
.tvp-chat-msg-item.role-admin .tvp-chat-nickname{color:#fff}
.tvp-chat-time{opacity:.55;font-size:.75rem;margin-left:6px}
.tvp-chat-loading{opacity:.6;text-align:center;padding:20px}
.tvp-chat-form{display:flex;flex-direction:column;gap:6px;padding:10px;background:#081b30;border-top:1px solid rgba(255,255,255,.08)}
.tvp-chat-form input{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;padding:8px 10px;border-radius:6px;font:inherit}
.tvp-chat-form input::placeholder{color:rgba(255,255,255,.5)}
.tvp-chat-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}
.tvp-chat-emojis{display:flex;gap:2px;flex-wrap:wrap}
.tvp-chat-emoji{background:transparent;border:0;color:#fff;cursor:pointer;font-size:1.1rem;padding:2px 4px;border-radius:4px}
.tvp-chat-emoji:hover{background:rgba(255,255,255,.1)}
.tvp-chat-send{background:#d6202a;color:#fff;border:0;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer}
.tvp-chat-send:hover{background:#b81b23}
.tvp-chat-error{color:#fca5a5;font-size:.8rem;padding:4px 10px}

/* Ajustes responsivos extras v7 */
@media (max-width:640px){
  .tvp-chat{max-height:420px;min-height:300px}
  .tvp-v7-cards{grid-template-columns:repeat(2,1fr)!important}
}