/* help! no ar · identidade visual aprovada (outubro/2026)
   Roxo oficial RGB(70, 42, 113) = #462A71; laranja = #FF6A00.
   Logotipo: somente estas duas cores. */
:root{--purple:#462A71;--ink:#462A71;--orange:#FF6A00}
.site-shell header .portal-brand{
  display:inline-flex;align-items:center;min-height:0;padding:9px 14px 9px 9px;
  border-radius:15px;background:#fff;box-shadow:0 6px 18px #462A711a;
  text-decoration:none;max-width:100%;
}
.portal-logo{display:inline-flex;align-items:center;gap:8px;max-width:100%}
.portal-radar-mark{width:47px!important;height:47px!important;flex:none;object-fit:contain;filter:none!important}
.portal-wordmark{display:inline-flex!important;flex-direction:row!important;align-items:baseline!important;gap:0!important;white-space:nowrap!important;line-height:1!important}
.portal-wordmark>strong,.portal-wordmark>span,.portal-wordmark>em{
  font-family:Poppins,Arial,sans-serif!important;font-size:27px!important;line-height:1.15!important;
  font-weight:800!important;letter-spacing:-1.2px!important;display:inline!important;
}
.portal-wordmark>strong{color:#462A71!important}
.portal-wordmark>span{color:#462A71!important}
.portal-logo--compact .portal-radar-mark{width:34px!important;height:34px!important}
.portal-logo--compact .portal-wordmark>strong,
.portal-logo--compact .portal-wordmark>span,
.portal-logo--compact .portal-wordmark>em{font-size:19px!important;letter-spacing:-.9px!important}
.site-shell .device-top .portal-logo{transform:none!important;background:#fff;border-radius:11px;padding:5px}
/* Administração: marca bicolor legível contra a barra roxa. */
.topbar .brand{display:inline-flex;gap:9px;align-items:center;background:#fff;border-radius:13px;padding:7px 13px 7px 8px;text-decoration:none}
.topbar .brand .brand-v8{width:43px;height:43px;flex:none}
.topbar .brand strong{font-family:Poppins,Arial,sans-serif;letter-spacing:-.9px;font-weight:800;font-size:21px;line-height:1.1;text-transform:none;display:block}
.topbar .brand .brand-help,.topbar .brand .brand-no{color:#462A71}
.topbar .brand .brand-ar{color:#FF6A00}
.topbar .brand small{color:#462A71;font-size:10px;letter-spacing:.1px;margin-top:3px}
/* Cores institucionais nas ações principais e nas barras de navegação. */
.button-primary{background:#462A71}
.nav-item.active{background:#462A71}
.site-shell .pc-chat-kicker,.site-shell .pc-poll-modal-kicker{color:#462A71}
@media(max-width:780px){
  .site-shell header .portal-brand{padding:6px 9px 6px 5px;border-radius:10px}
  .portal-radar-mark{width:34px!important;height:34px!important}
  .portal-wordmark>strong,.portal-wordmark>span,.portal-wordmark>em{font-size:19px!important;letter-spacing:-1px!important}
  .portal-logo--compact .portal-radar-mark{width:27px!important;height:27px!important}
  .portal-logo--compact .portal-wordmark>strong,.portal-logo--compact .portal-wordmark>span,
.portal-logo--compact .portal-wordmark>em{font-size:16px!important}
  .topbar .brand{padding:5px 8px 5px 5px}
  .topbar .brand .brand-v8{width:34px;height:34px}
  .topbar .brand strong{font-size:18px}
  .topbar .brand small{font-size:9px}
}
@media(max-width:390px){
  .site-shell header .portal-brand{padding:5px 7px 5px 4px}
  .portal-radar-mark{width:30px!important;height:30px!important}
  .portal-wordmark>strong,.portal-wordmark>span,.portal-wordmark>em{font-size:17px!important;letter-spacing:-.9px!important}
}

/* v14 brand refinements: verified lowercase spelling & white header. */
.site-shell header{background:#fff!important;border-bottom:1px solid #eee8f3!important}
.site-shell header nav button,.site-shell header nav a,.site-shell header .mobile-menu{color:#462A71!important}
.site-shell header nav button.active:after{background:#FF6A00!important}
.site-shell header .portal-brand{box-shadow:none!important;background:#fff!important}
.site-shell header nav{background:#fff!important}
.portal-wordmark>em{font-family:Poppins,Arial,sans-serif!important;font-size:27px!important;
  font-weight:800!important;line-height:1.15!important;letter-spacing:-1.2px!important;
  font-style:normal!important;color:#FF6A00!important;display:inline!important;margin-left:5px!important}
.portal-wordmark>span{margin-left:6px!important}
.portal-logo--compact .portal-wordmark>em{font-size:19px!important;letter-spacing:-.9px!important}
.topbar .brand .brand-no{margin-left:4px}
.topbar .brand .brand-ar{margin-left:4px}
@media(max-width:780px){
 .portal-wordmark>em{font-size:19px!important;letter-spacing:-1px!important;margin-left:3px!important}
 .portal-wordmark>span{margin-left:3px!important}
 .portal-logo--compact .portal-wordmark>em{font-size:16px!important}
 .site-shell header nav{border-bottom:1px solid #eee8f3!important}
}
@media(max-width:390px){.portal-wordmark>em{font-size:17px!important;letter-spacing:-.9px!important}}
/* Darkened immersive focus mode: both live stream and chat remain in view. */
.site-shell .focus-shade{
 background:rgba(9,10,25,.93)!important;
 -webkit-backdrop-filter:blur(13px) saturate(.75)!important;
 backdrop-filter:blur(13px) saturate(.75)!important;
 transition:background .25s ease!important;
}
.site-shell .live-grid.static-live-grid.focus-active{
 background:#161627!important;
 border:1px solid rgba(217,199,249,.18)!important;
 box-shadow:0 36px 110px rgba(1,1,13,.82)!important;
}
.site-shell .live-grid.focus-active>.broadcast{
 color:#F7F3FF!important;
 background:#1D1B30!important;
 border-color:#433457!important;
}
.site-shell .live-grid.focus-active>.broadcast .section-bar,
.site-shell .live-grid.focus-active>.broadcast .static-video-footer{
 background:#211D35!important;
 color:#F7F3FF!important;
 border-color:#433457!important;
}
.site-shell .live-grid.focus-active>.broadcast .section-bar h2,
.site-shell .live-grid.focus-active>.broadcast .section-bar button,
.site-shell .live-grid.focus-active>.broadcast .static-video-footer,
.site-shell .live-grid.focus-active>.broadcast .static-video-footer *{color:#F7F3FF!important}
.site-shell .live-grid.focus-active .focus-toggle{
 background:#38234D!important;
 border:1px solid #7A5A99!important;
 color:#fff!important;
}
/* Player controls are dark only while focus is active. */
.site-shell .live-grid.focus-active .radar-controls{
 background:#211D35!important;
 border-color:#433457!important;
 color:#F7F3FF!important;
}
.site-shell .live-grid.focus-active .radar-controls .player-button,
.site-shell .live-grid.focus-active .radar-controls .player-time,
.site-shell .live-grid.focus-active .player-notice{color:#F7F3FF!important}
.site-shell .live-grid.focus-active .radar-controls input[type=range]{accent-color:#FF6A00!important}
.site-shell .live-grid.focus-active .player-notice{background:#211D35!important}
.site-shell .live-grid.focus-active>.pc-chat-panel{
 background:#FCFBFF!important;
 color:#29193F!important;
 border:1px solid #A88CC7!important;
 box-shadow:0 0 0 1px #9D7BB844,0 16px 56px #0006!important;
}
.site-shell .live-grid.focus-active>.pc-chat-panel .pc-chat-heading{background:#F3EDF9!important}
.site-shell .live-grid.focus-active>.pc-chat-panel .pc-chat-foot{background:#FCFBFF!important}
@media(prefers-reduced-motion:reduce){
 .site-shell .focus-shade{transition:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}