
        .or-top-tracks { color:#f5f5f5; }
        .or-top-tracks-header { position:sticky; top:-24px; z-index:5; display:flex; align-items:center; gap:11px; margin:0 -16px; padding:26px 18px 16px; border-bottom:1px solid #292929; background:#0a0a0a; }
        .or-top-tracks-icon { width:38px; height:38px; border-radius:8px; display:grid; place-items:center; flex:0 0 38px; background:#ff7a1a; color:#fff; box-shadow:0 7px 18px rgba(255,122,26,.24); }
        .or-top-tracks-header strong { display:block; font-size:15px; line-height:1.2; color:#fff; }
        .or-top-tracks-header small { display:block; margin-top:3px; color:#858585; font-size:10px; }
        .or-top-tracks-list { display:flex; flex-direction:column; gap:2px; padding:10px 0 8px; }
        .or-top-track { width:100%; min-height:62px; display:grid; grid-template-columns:18px 48px minmax(0,1fr); align-items:center; gap:8px; padding:7px 2px; border:0; border-bottom:1px solid #202020; background:transparent; color:inherit; font:inherit; text-align:left; text-decoration:none; cursor:pointer; }
        .or-top-track:hover { background:#151515; }
        .or-top-track-rank { color:#ff8733; font-size:11px; font-weight:900; text-align:center; }
        .or-top-track-cover { width:48px; height:48px; object-fit:cover; border-radius:6px; border:1px solid #303030; background:#181818; }
        .or-top-track-copy { min-width:0; }
        .or-top-track-title, .or-top-track-artist, .or-top-track-radio { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
        .or-top-track-title { color:#f5f5f5; font-size:11px; font-weight:800; line-height:1.3; }
        .or-top-track-artist { margin-top:2px; color:#b5b5b5; font-size:10px; font-weight:650; }
        .or-top-track-radio { margin-top:3px; color:#777; font-size:9px; }
        .or-top-track-radio::before { content:''; display:inline-block; width:5px; height:5px; margin-right:5px; border-radius:50%; background:#ef4444; vertical-align:1px; }
        .or-top-tracks-loading, .or-top-tracks-empty { padding:24px 8px; color:#777; font-size:11px; text-align:center; }
        .or-top-tracks-more { display:flex; align-items:center; justify-content:space-between; margin-top:4px; padding:10px 11px; border:1px solid #303030; border-radius:7px; color:#bdbdbd; font-size:10px; font-weight:800; text-decoration:none; }
        .or-top-tracks-more:hover { color:#fff; border-color:#ff7a1a; }
    

        @keyframes pulse{
            0% { transform: scale(1); opacity: 1; }
            70% { transform: scale(1.8); opacity: 0; }
            100% { transform: scale(1); opacity: 0; }
        }
    
@keyframes orOnlinePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}

    html body, html body.bg-slate-50 { background:#101010 !important; color:#f5f5f5; }
    /* ============================================================
       REDESIGN OUVIRADIOS — sidebar fixa + tema escuro sitewide
       Aplicado uma única vez aqui (header.php) e vale para o site inteiro,
       pois todas as páginas incluem este arquivo.
       ============================================================ */
    @media (min-width: 1101px) {
        body { padding-left: 220px !important; padding-right: 280px !important; background:#121212 !important; }
        .main-nav-bar { display: none !important; }
    }
    @media (max-width: 1100px) {
        #orSidebarNav, #orSidebarAds { display: none !important; }
        body { background:#121212 !important; }
    }
    body { color:#e5e5e5; }

    /* Anúncios antigos do header/nav (não usados no novo layout) */
    header .adsbygoogle, header ins.adsbygoogle, header .google-auto-placed,
    header [id^="google_ads_iframe"], header [id^="aswift_"], header [data-ad-client], header [data-ad-slot],
    .main-nav-bar .adsbygoogle, .main-nav-bar ins.adsbygoogle, .main-nav-bar .google-auto-placed,
    .main-nav-bar [id^="google_ads_iframe"], .main-nav-bar [id^="aswift_"], .main-nav-bar [data-ad-client], .main-nav-bar [data-ad-slot] {
        display: none !important; width: 0 !important; height: 0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important;
    }


    /* ── Componentes de lista de rádios (categoria/país/estado/cidade/todas) ── */
    .radio-list-item { background:#181818 !important; border-color:#333333 !important; }
    .radio-list-title { color:#f5f5f5 !important; }
    .list-genre-tag { background:#232323 !important; color:#a7a7a7 !important; border-color:#333333 !important; }
    .views-badge { background:#232323 !important; color:#fb923c !important; border-color:#333333 !important; }
    .radio-list-meta, .radio-list-meta span { color:#e5e5e5 !important; }
    .radio-list-img { background:#232323 !important; border-color:#333333 !important; }
    main.content, .main-container .content { background:#121212 !important; }
    .radio-list-container { background:transparent !important; border:0 !important; box-shadow:none !important; }
    .radio-list-live { color:#a7a7a7 !important; }
    .radio-list-live strong { color:#fb923c !important; }
    .card-play-btn { background:#f97316 !important; box-shadow:0 3px 10px rgba(249,115,22,.35) !important; }
    .card-play-btn:hover { background:#fb923c !important; }
    main a[href*="?p="], main a[href*="&p="] { background:#232323 !important; border-color:#333333 !important; color:#e5e5e5 !important; }
    main a[href*="?p="][style*="background:#6366f1"], main a[href*="&p="][style*="background: #6366f1"] { background:#f97316 !important; border-color:#f97316 !important; color:#fff !important; }
    main div[style*="justify-content:center"][style*="flex-wrap:wrap"] span { color:#8a8a8a !important; }

    /* ── Caixas de descrição/FAQ das páginas de lista ── */
    .aeo-faq-box { background:#181818 !important; border-color:#333333 !important; }
    .aeo-faq-box h2 { color:#f5f5f5 !important; }
    .aeo-faq-box h2 i { color:#fb923c !important; }
    .aeo-faq-box h3 { color:#e5e5e5 !important; }
    .aeo-faq-box p { color:#a7a7a7 !important; }
    .estado-intro-box { background:#181818 !important; border-color:#333333 !important; color:#a7a7a7 !important; }
    .estado-intro-box p { color:#a7a7a7 !important; }
    .cat-description-section { background:#181818 !important; border:1px solid #333333 !important; border-radius:16px; padding:18px 22px; margin-bottom:18px; box-shadow:0 2px 10px rgba(0,0,0,.2); position:relative; z-index:1; }
    .cat-description-section h2 { color:#f5f5f5 !important; text-decoration:none !important; }
    .cat-description-section p { color:#a7a7a7 !important; text-decoration:none !important; }
    .cat-description-section p:last-child { color:#8a8a8a !important; }
    .cat-description-section a { color:#fb923c !important; }
    .city-link { background:#232323 !important; color:#a7a7a7 !important; border-color:#333333 !important; }
    .city-link:hover, .city-link.active { background:#f97316 !important; color:#fff !important; border-color:#f97316 !important; }

    /* ── Coluna extra de gêneros/regiões (já fica oculta em produção por padrão) ── */
    .cat-col, .pais-col, .estado-cidade-col { display:none !important; }
    .cat-col .secao-card, .pais-col .secao-card, .estado-cidade-col .secao-card { background:#181818 !important; border-color:#333333 !important; }
    .cat-col .secao-title, .pais-col .secao-title, .estado-cidade-col .secao-title { color:#f5f5f5 !important; border-bottom-color:#333333 !important; }
    .cat-col .secao-title i, .pais-col .secao-title i, .estado-cidade-col .secao-title i { color:#fb923c !important; }

    /* ── Sidebar direita antiga de "Tocando agora" / country card / state links ── */
    .now-playing-sidebar { background:#181818 !important; border-color:#333333 !important; }
    .now-playing-sidebar-title { color:#f5f5f5 !important; }
    .np-card { background:#232323 !important; border-color:#333333 !important; }
    .np-track { color:#f5f5f5 !important; }
    .np-radio-name { color:#a7a7a7 !important; }
    .state-link-item { background:#232323 !important; color:#e5e5e5 !important; }
    .page-header { background:linear-gradient(135deg,#181818 0%,#1f1f1f 55%,#181818 100%) !important; border-left-color:#f97316 !important; box-shadow:0 10px 30px rgba(0,0,0,.35) !important; }
    .page-header h1, .or-country-title { color:#fb923c !important; }
    .page-header p { color:#a7a7a7 !important; }
    .page-header-box { background:linear-gradient(135deg,#181818 0%,#1f1f1f 55%,#181818 100%) !important; border:1px solid #2e2e2e !important; box-shadow:0 10px 30px rgba(0,0,0,.35) !important; }
    .page-header-box h1 { color:#f8fafc !important; }
    .page-header-box p { color:#a7a7a7 !important; }

    /* ── Anúncio lateral antigo / lista de países vizinhos no rodapé ── */
    .ouviradios-ad-sidebar { display: none !important; }
    .footer-countries { display: none !important; }
    html body .main-container { grid-template-columns: 1fr !important; }

    /* ── Sidebar de navegação nova (compactação dos widgets movidos para dentro dela) ── */
    #orSidebarNav .or-directory-search { display:none !important; }
    #orSidebarNav .or-discovery-card { padding:0 !important; box-shadow:none !important; background:transparent !important; }
    #orSidebarNav .or-discovery-title { font-size:11px !important; color:#666 !important; text-transform:uppercase; letter-spacing:1px; justify-content:flex-start !important; padding:0 14px !important; margin:0 0 10px !important; }
    #orSidebarNav .or-discovery-menu { display:flex !important; flex-direction:column !important; gap:2px !important; }
    #orSidebarNav .or-discovery-menu-item { display:grid !important; grid-template-columns:18px minmax(0,1fr) !important; gap:14px !important; padding:11px 14px !important; border-radius:6px !important; align-items:center !important; text-decoration:none !important; }
    #orSidebarNav .or-discovery-menu-item i { width:18px !important; height:auto !important; font-size:14px !important; color:#fb923c !important; }
    #orSidebarNav .or-discovery-menu-item span { font-size:13px !important; font-weight:700 !important; color:#b3b3b3 !important; }
    #orSidebarNav .or-discovery-menu-item:hover, #orSidebarNav .or-discovery-menu-item.is-active { color:#fb923c !important; transform:none !important; }
    #orSidebarNav .or-discovery-menu-item:hover i, #orSidebarNav .or-discovery-menu-item:hover span, #orSidebarNav .or-discovery-menu-item.is-active i, #orSidebarNav .or-discovery-menu-item.is-active span { color:#fb923c !important; }
    #orSidebarNav .or-directory-search-hint { display:none !important; }
    #orSidebarNav .or-country-card { margin-top:20px !important; padding:14px 14px 4px !important; background:transparent !important; border-top:1px solid #222 !important; border-radius:0 !important; box-shadow:none !important; }
    #orSidebarNav .or-country-title { font-size:11px !important; color:#666 !important; text-transform:uppercase; letter-spacing:1px; text-align:left !important; margin:0 0 10px !important; }
    #orSidebarNav .or-country-search { display:grid !important; grid-template-columns:minmax(0,1fr) 32px !important; gap:6px !important; align-items:center !important; }
    #orSidebarNav .or-country-input-wrap { display:flex !important; align-items:center !important; gap:6px !important; min-width:0 !important; padding:6px 8px !important; border:1px solid #333333 !important; border-radius:8px !important; background:#1a1a1a !important; }
    #orSidebarNav .or-country-input-wrap img { width:22px !important; height:16px !important; border-radius:50% !important; object-fit:cover !important; flex:0 0 auto !important; }
    #orSidebarNav .or-country-input-wrap input { min-width:0 !important; width:100% !important; border:0 !important; outline:0 !important; background:transparent !important; color:#e5e5e5 !important; font-size:12px !important; font-weight:700 !important; }
    #orSidebarNav .or-country-search button { width:32px !important; height:32px !important; border:0 !important; border-radius:8px !important; background:#f97316 !important; color:#fff !important; font-size:11px !important; cursor:pointer !important; }
    #orSidebarNav .or-country-filters { display:flex !important; flex-direction:column !important; gap:6px !important; margin-top:10px !important; }
    #orSidebarNav .or-country-filters a { display:grid !important; grid-template-columns:22px minmax(0,1fr) !important; gap:6px !important; align-items:center !important; padding:8px 8px !important; border-radius:6px !important; background:#1a1a1a !important; color:#b3b3b3 !important; font-size:11px !important; text-decoration:none !important; }
    #orSidebarNav .or-country-filters a:hover { background:#232323 !important; color:#fb923c !important; }
    #orSidebarNav .or-country-filters strong { color:#fb923c !important; }

    /* ── Tuner de frequência do player (cores) ── */
    .or-tuner-strip-scale i { background: rgba(255,255,255,0.55) !important; box-shadow:none !important; }
    .or-tuner-strip-scale i:nth-child(5n+1) { background: rgba(255,255,255,0.9) !important; box-shadow:none !important; }
    .or-tuner-strip-needle { background:#f97316 !important; box-shadow:0 0 6px rgba(249,115,22,0.7) !important; }
    .or-tuner-strip-readout { color:#f97316 !important; }
