/**
 * distribution-theme-shield.css
 *
 * [1.5.117] ESCUDO DE TEMA — Fase 2: Distribuição
 * ============================================================================
 *
 * PROPÓSITO
 * ---------
 * Mesma filosofia do `account-theme-shield.css` (Fase 1), mas aplicado aos
 * containers da área de distribuição:
 *   - .rmbz-fullbleed (raiz de TODAS as páginas de distribuição)
 *   - .distro-dashboard, .distro-list-container, .distro-single-view,
 *     .distro-analytics-container, .distro-licensing-container,
 *     .distro-artist-data, .rmbz-wizard-v2
 *
 * Como TODAS as páginas têm `.rmbz-fullbleed`, basta usar esta classe como
 * scope raiz para cobrir tudo de uma vez.
 *
 * NOTA SOBRE O PAYWALL
 * --------------------
 * O paywall (`.distro-paywall-v2`) JÁ tem o seu próprio escudo dentro do
 * `distribution-fullbleed.css` (1.5.115). Este ficheiro NÃO toca em nada
 * do paywall — só nas restantes páginas da distribuição.
 *
 * ESTRATÉGIA
 * ----------
 * Especificidade brutal (selector `.rmbz-fullbleed X`) + !important nas
 * propriedades que o tema costuma atacar. Wildcard `[class*="btn-"]` para
 * cobrir todos os botões em vez de listar 20+ classes individuais.
 */

/* ============================================================================
 * 1. RESET DE LINKS DENTRO DO RMBZ-FULLBLEED
 * ============================================================================ */
.rmbz-fullbleed a,
.rmbz-fullbleed a:hover,
.rmbz-fullbleed a:focus,
.rmbz-fullbleed a:active,
.rmbz-fullbleed a:visited {
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-color: transparent !important;
    background-image: none !important;
    border-bottom: none !important;
}

/* Excepção: links dentro de prose/conteúdo do plugin que devem manter
   sublinhado (ex: dentro de .rmbz-prose, .rmbz-tos, etc.). Se algum dia
   surgir uma classe assim, adicionar :not() aqui. Por agora não existem. */

.rmbz-fullbleed a::before,
.rmbz-fullbleed a::after {
    content: none !important;
    display: none !important;
}

/* Excepção: .btn-text-action explicitamente USA underline no hover (decisão
   de design). Repor esse comportamento. */
.rmbz-fullbleed .btn-text-action:hover,
.rmbz-fullbleed a.btn-text-action:hover {
    text-decoration: underline !important;
}

/* ============================================================================
 * 2. BLINDAGEM GENÉRICA DE BOTÕES — wildcard apanha TODAS as variantes
 * ----------------------------------------------------------------------------
 * Em vez de listar .btn-primary, .btn-secondary, .btn-outline, .btn-gradient,
 * .btn-distribute, .btn-orange, .btn-green-gradient, etc. (são 20+), usamos
 * `[class*="btn-"]` que captura qualquer classe que CONTENHA "btn-".
 *
 * Isto garante:
 *   1. Cobertura imediata de todas as variantes existentes
 *   2. Cobertura automática de variantes futuras (sem editar este ficheiro)
 *   3. Inclui `.onemz-btn` quando usado SOZINHO via [class~="onemz-btn"]
 *
 * O CSS original do plugin define o estilo (cor, fundo, gradiente). Aqui
 * só blindamos contra ataques do tema.
 * ============================================================================ */

/* Propriedades que TODOS os botões precisam blindar contra o tema */
.rmbz-fullbleed a[class*="btn-"],
.rmbz-fullbleed button[class*="btn-"],
.rmbz-fullbleed input[type="submit"][class*="btn-"],
.rmbz-fullbleed [class*="btn-"]:not(div):not(span):not(li):not(ul):not(p),
.rmbz-fullbleed a.onemz-btn,
.rmbz-fullbleed button.onemz-btn,
.rmbz-fullbleed input[type="submit"].onemz-btn {
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-shadow: none !important;
    background-image: none;            /* permite override pelo CSS do plugin (gradients) */
    font-family: inherit !important;
    line-height: normal !important;
    box-sizing: border-box !important;
}

/* Estados hover/focus/active/visited dos botões — manter cor/fundo definidos */
.rmbz-fullbleed a[class*="btn-"]:hover,
.rmbz-fullbleed a[class*="btn-"]:focus,
.rmbz-fullbleed a[class*="btn-"]:active,
.rmbz-fullbleed a[class*="btn-"]:visited,
.rmbz-fullbleed a.onemz-btn:hover,
.rmbz-fullbleed a.onemz-btn:focus,
.rmbz-fullbleed a.onemz-btn:active,
.rmbz-fullbleed a.onemz-btn:visited {
    text-decoration: none !important;
}

/* ============================================================================
 * 3. BOTÕES PRIMÁRIOS — ataque cirúrgico
 * ----------------------------------------------------------------------------
 * Estes têm fundos de cor sólida ou gradient que o tema costuma anular.
 * Forçamos background-color ou background com !important e mantemos a cor
 * do texto branca/preta conforme definido pelo plugin.
 * ============================================================================ */

/* .btn-primary (versão fullbleed: laranja, NÃO confundir com versão da minha conta) */
.rmbz-fullbleed a.btn-primary,
.rmbz-fullbleed button.btn-primary,
.rmbz-fullbleed .btn-primary {
    color: #fff !important;
    border: none !important;
}
.rmbz-fullbleed a.btn-primary:hover,
.rmbz-fullbleed a.btn-primary:focus,
.rmbz-fullbleed a.btn-primary:visited,
.rmbz-fullbleed button.btn-primary:hover,
.rmbz-fullbleed .btn-primary:hover {
    color: #fff !important;
}

/* .btn-outline e .btn-secondary-outline e .btn-outline-action e .btn-outline-small */
.rmbz-fullbleed a.btn-outline,
.rmbz-fullbleed button.btn-outline,
.rmbz-fullbleed .btn-outline,
.rmbz-fullbleed a.btn-secondary-outline,
.rmbz-fullbleed button.btn-secondary-outline,
.rmbz-fullbleed .btn-secondary-outline,
.rmbz-fullbleed a.btn-outline-action,
.rmbz-fullbleed button.btn-outline-action,
.rmbz-fullbleed .btn-outline-action,
.rmbz-fullbleed a.btn-outline-small,
.rmbz-fullbleed button.btn-outline-small,
.rmbz-fullbleed .btn-outline-small,
.rmbz-fullbleed a.btn-filter-reset,
.rmbz-fullbleed button.btn-filter-reset {
    background: transparent !important;
    background-color: transparent !important;
    color: #fff !important;
}
.rmbz-fullbleed a.btn-outline:visited,
.rmbz-fullbleed a.btn-outline:focus,
.rmbz-fullbleed a.btn-secondary-outline:visited,
.rmbz-fullbleed a.btn-secondary-outline:focus {
    color: #fff !important;
}

/* .btn-gradient — laranja gradient */
.rmbz-fullbleed a.btn-gradient,
.rmbz-fullbleed button.btn-gradient,
.rmbz-fullbleed .btn-gradient {
    background: linear-gradient(90deg, #ff9f43, #ff6b6b) !important;
    background-color: #ff9f43 !important;
    background-image: linear-gradient(90deg, #ff9f43, #ff6b6b) !important;
    color: #fff !important;
    border: none !important;
}
.rmbz-fullbleed a.btn-gradient:hover,
.rmbz-fullbleed a.btn-gradient:focus,
.rmbz-fullbleed a.btn-gradient:visited,
.rmbz-fullbleed button.btn-gradient:hover {
    color: #fff !important;
    background: linear-gradient(90deg, #ff9f43, #ff6b6b) !important;
    background-image: linear-gradient(90deg, #ff9f43, #ff6b6b) !important;
}

/* .btn-distribute — gradient laranja-vermelho */
.rmbz-fullbleed a.btn-distribute,
.rmbz-fullbleed button.btn-distribute,
.rmbz-fullbleed .btn-distribute {
    background: linear-gradient(90deg, #ff9f43, #ff6b6b) !important;
    background-image: linear-gradient(90deg, #ff9f43, #ff6b6b) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 10px rgba(255, 107, 107, 0.3) !important;
}
.rmbz-fullbleed a.btn-distribute:hover,
.rmbz-fullbleed a.btn-distribute:focus,
.rmbz-fullbleed a.btn-distribute:visited {
    color: #fff !important;
    background: linear-gradient(90deg, #ff9f43, #ff6b6b) !important;
    background-image: linear-gradient(90deg, #ff9f43, #ff6b6b) !important;
}

/* .btn-orange */
.rmbz-fullbleed a.btn-orange,
.rmbz-fullbleed button.btn-orange,
.rmbz-fullbleed .btn-orange {
    background: linear-gradient(90deg, #ff9f43, #ff6b6b) !important;
    background-image: linear-gradient(90deg, #ff9f43, #ff6b6b) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3) !important;
}
.rmbz-fullbleed a.btn-orange:hover,
.rmbz-fullbleed a.btn-orange:visited {
    color: #fff !important;
}

/* .btn-green-gradient — verde Spotify */
.rmbz-fullbleed a.btn-green-gradient,
.rmbz-fullbleed button.btn-green-gradient,
.rmbz-fullbleed .btn-green-gradient {
    background: linear-gradient(90deg, #1db954, #1ed760) !important;
    background-image: linear-gradient(90deg, #1db954, #1ed760) !important;
    color: #000 !important;
    border: none !important;
}
.rmbz-fullbleed a.btn-green-gradient:hover,
.rmbz-fullbleed a.btn-green-gradient:visited {
    color: #000 !important;
}

/* .btn-gradient-glow — amarelo/laranja com glow (versão fullbleed) */
.rmbz-fullbleed a.btn-gradient-glow,
.rmbz-fullbleed button.btn-gradient-glow,
.rmbz-fullbleed .btn-gradient-glow {
    background: linear-gradient(90deg, #f0b90b, #e67e22) !important;
    background-image: linear-gradient(90deg, #f0b90b, #e67e22) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 0 20px rgba(240, 185, 11, 0.3) !important;
}
.rmbz-fullbleed a.btn-gradient-glow:hover,
.rmbz-fullbleed a.btn-gradient-glow:visited {
    color: #fff !important;
}

/* .btn-filter-apply */
.rmbz-fullbleed a.btn-filter-apply,
.rmbz-fullbleed button.btn-filter-apply {
    background: linear-gradient(90deg, #ff9f43, #ff6b6b) !important;
    background-image: linear-gradient(90deg, #ff9f43, #ff6b6b) !important;
    color: #fff !important;
    border: none !important;
}

/* .btn-text-action e .btn-toggle-step (botões "transparentes" só com texto) */
.rmbz-fullbleed a.btn-text-action,
.rmbz-fullbleed button.btn-text-action,
.rmbz-fullbleed .btn-text-action,
.rmbz-fullbleed a.btn-toggle-step,
.rmbz-fullbleed button.btn-toggle-step,
.rmbz-fullbleed .btn-toggle-step {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    color: #fff !important;
}

/* .btn-edit-icon e .btn-edit-text */
.rmbz-fullbleed a.btn-edit-icon,
.rmbz-fullbleed a.btn-edit-text,
.rmbz-fullbleed .btn-edit-icon,
.rmbz-fullbleed .btn-edit-text {
    color: #fff !important;
    text-decoration: none !important;
}

/* Botões do design system v2: .btn--primary, .btn--secondary, .btn--ghost, .btn--lg */
/* (estilos definidos no design system, aqui só blindamos color e text-decoration) */
.rmbz-fullbleed a[class*="btn--"],
.rmbz-fullbleed button[class*="btn--"] {
    text-decoration: none !important;
}

/* ============================================================================
 * 4. INPUTS / SELECTS / TEXTAREAS — limpar interferências do tema
 * ============================================================================ */
.rmbz-fullbleed input[type="text"],
.rmbz-fullbleed input[type="email"],
.rmbz-fullbleed input[type="password"],
.rmbz-fullbleed input[type="number"],
.rmbz-fullbleed input[type="tel"],
.rmbz-fullbleed input[type="url"],
.rmbz-fullbleed input[type="search"],
.rmbz-fullbleed input[type="date"],
.rmbz-fullbleed input[type="datetime-local"],
.rmbz-fullbleed select,
.rmbz-fullbleed textarea {
    box-shadow: none !important;
    text-shadow: none !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
    background-image: none !important;
    max-width: none !important;
}

/* ============================================================================
 * 5. LISTAS — neutralizar padding-left forçado pelo tema
 * ============================================================================ */
.rmbz-fullbleed ul[class],
.rmbz-fullbleed ol[class] {
    list-style: none !important;
}

.rmbz-fullbleed ul[class] li,
.rmbz-fullbleed ol[class] li {
    list-style: none !important;
}

.rmbz-fullbleed ul[class] li::marker,
.rmbz-fullbleed ol[class] li::marker {
    content: '' !important;
    display: none !important;
}

/* ============================================================================
 * 6. IMAGENS E LOGOS — controlar tamanho exacto
 * ----------------------------------------------------------------------------
 * Em distribuição há logos de plataformas (Spotify, Apple Music, etc.) que
 * precisam de tamanhos específicos. O tema mete `max-width: 100%` que
 * funciona às vezes mas parte avatares circulares pequenos.
 * ============================================================================ */
.rmbz-fullbleed img {
    max-width: none;
    height: auto;
}

/* Logos de plataformas em listas (circulares, 32-40px) — proteger especialmente */
.rmbz-fullbleed .platform-logo,
.rmbz-fullbleed .service-logo,
.rmbz-fullbleed .store-logo {
    max-width: none !important;
}

/* ============================================================================
 * 7. HEADINGS — neutralizar tipografia/text-shadow forçados pelo tema
 * ============================================================================ */
.rmbz-fullbleed h1,
.rmbz-fullbleed h2,
.rmbz-fullbleed h3,
.rmbz-fullbleed h4,
.rmbz-fullbleed h5,
.rmbz-fullbleed h6 {
    font-family: inherit !important;
    text-shadow: none !important;
    text-transform: none !important;
}

/* ============================================================================
 * 8. PARÁGRAFOS — limpar text-shadow e margens excessivas
 * ============================================================================ */
.rmbz-fullbleed p {
    text-shadow: none !important;
}

/* ============================================================================
 * 9. WP-BLOCK-* WRAPPERS — anular padding/margens injectados pelo Gutenberg
 * ============================================================================ */
.rmbz-fullbleed .wp-block-group,
.rmbz-fullbleed .wp-block-post-content {
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
}

/* ============================================================================
 * 10. TABELAS — garantir layout consistente (distribuição usa muitas tabelas
 *     em analytics e financial)
 * ============================================================================ */
.rmbz-fullbleed table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background: none !important;
    margin: 0 !important;
}
.rmbz-fullbleed table th,
.rmbz-fullbleed table td {
    background-image: none !important;
    text-shadow: none !important;
}

/* ============================================================================
 * 11. FORMS — neutralizar margens/paddings que o tema mete em <form>
 * ============================================================================ */
.rmbz-fullbleed form {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

/* ============================================================================
 * 12. LABEL — limpar floats e cor do tema
 * ============================================================================ */
.rmbz-fullbleed label {
    text-shadow: none !important;
    font-family: inherit !important;
}

/* ============================================================================
 * 13. BLINDAGEM DE ELEMENTOS CIRCULARES/QUADRADOS COM TAMANHO FIXO
 * ----------------------------------------------------------------------------
 * [1.5.122] Os mesmos elementos críticos do account-theme-shield, replicados
 * para .rmbz-fullbleed (qualquer página de distribuição que use o avatar,
 * feature card, etc.). O CSS é idempotente — !important duplicado não causa
 * problema.
 * ============================================================================ */
.rmbz-fullbleed .rmbz-avatar {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    padding: 0 !important;
}

.rmbz-fullbleed .rmbz-avatar--sm {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
}

.rmbz-fullbleed button.rmbz-btn--icon,
.rmbz-fullbleed a.rmbz-btn--icon {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
}

.rmbz-fullbleed button.rmbz-btn--icon.rmbz-btn--sm,
.rmbz-fullbleed a.rmbz-btn--icon.rmbz-btn--sm {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
}

.rmbz-fullbleed button.rmbz-btn--icon.rmbz-btn--lg,
.rmbz-fullbleed a.rmbz-btn--icon.rmbz-btn--lg {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
}

.rmbz-fullbleed .rmbz-feature-card__icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.rmbz-fullbleed .rmbz-feature-card__icon svg {
    width: 24px !important;
    height: 24px !important;
    flex-shrink: 0 !important;
}

.rmbz-fullbleed .rmbz-gate__icon,
.rmbz-fullbleed .rmbz-type-card__icon,
.rmbz-fullbleed .rmbz-pending-alert__icon {
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.rmbz-fullbleed .rmbz-gate__icon svg,
.rmbz-fullbleed .rmbz-type-card__icon svg,
.rmbz-fullbleed .rmbz-pending-alert__icon svg {
    flex-shrink: 0 !important;
}

/* ============================================================================
 * 14. SELECT e OPTION — forçar fundo escuro e texto branco
 * ----------------------------------------------------------------------------
 * [1.5.126] Mesmo problema que no account-theme-shield: o tema mete options
 * com fundo branco, ficando texto invisível. Aplicado também a .rmbz-fullbleed
 * (qualquer página de distribuição com dropdowns: filtros, províncias, etc.).
 * ============================================================================ */
.rmbz-fullbleed select,
.rmbz-fullbleed select.rmbz-input {
    background: var(--rmbz-bg-input, #0e0e10) !important;
    background-color: var(--rmbz-bg-input, #0e0e10) !important;
    background-image: none !important;
    color: var(--rmbz-text-primary, #fafafa) !important;
}

.rmbz-fullbleed select option,
.rmbz-fullbleed select.rmbz-input option {
    background: var(--rmbz-bg-elevated, #1c1c20) !important;
    background-color: var(--rmbz-bg-elevated, #1c1c20) !important;
    background-image: none !important;
    color: var(--rmbz-text-primary, #fafafa) !important;
    text-shadow: none !important;
}

.rmbz-fullbleed select option:disabled {
    color: var(--rmbz-text-muted, #888888) !important;
    background: var(--rmbz-bg-input, #0e0e10) !important;
    background-color: var(--rmbz-bg-input, #0e0e10) !important;
}

.rmbz-fullbleed select option:hover,
.rmbz-fullbleed select option:focus,
.rmbz-fullbleed select option:checked {
    background: var(--rmbz-brand, #f0b90b) !important;
    background-color: var(--rmbz-brand, #f0b90b) !important;
    color: #000 !important;
}

/* ============================================================================
 * 15. REDESIGN VISUAL DOS BOTÕES — paleta moderna premium
 * ----------------------------------------------------------------------------
 * [1.5.130] Substitui o look antigo (laranja-vermelho + verde Spotify) pelo
 * novo estilo coordenado: gradient âmbar premium para CTAs principais,
 * branco sólido para acções fortes, outline dourado para secundárias.
 *
 * A paleta âmbar (#f0b90b → #e67e22) é a mesma usada no paywall v2 que
 * o user aprovou — coerência de marca em toda a distribuição.
 *
 * As classes existentes são reaproveitadas (não muda o HTML):
 *   .btn-gradient       → gradient âmbar com seta → (CTAs principais)
 *   .btn-distribute     → branco sólido com seta → (DISTRIBUIR)
 *   .btn-outline        → outline dourado (acções secundárias)
 *   .btn-orange         → gradient âmbar (alias de btn-gradient)
 *   .btn-green-gradient → mantém-se verde Spotify (plataformas)
 *   .btn-gradient-glow  → mantém-se amarelo glow (paywall, CTAs premium)
 *   .btn-filter-apply   → gradient âmbar compacto
 *
 * Estas regras VENCEM as do shield anterior (cascata: aparecem depois) e o
 * CSS principal (especificidade .rmbz-fullbleed + !important).
 * ============================================================================ */

/* ---- .btn-gradient — CTAs principais (gradient âmbar premium) ---- */
.rmbz-fullbleed a.btn-gradient,
.rmbz-fullbleed button.btn-gradient,
.rmbz-fullbleed .btn-gradient,
.rmbz-fullbleed a.btn-orange,
.rmbz-fullbleed button.btn-orange,
.rmbz-fullbleed .btn-orange {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 12px 24px !important;
    background: linear-gradient(135deg, #f0b90b 0%, #e67e22 100%) !important;
    background-color: #f0b90b !important;
    background-image: linear-gradient(135deg, #f0b90b 0%, #e67e22 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 30px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    box-shadow: 0 8px 24px rgba(240, 185, 11, 0.25) !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    line-height: 1.2 !important;
}
.rmbz-fullbleed a.btn-gradient:hover,
.rmbz-fullbleed button.btn-gradient:hover,
.rmbz-fullbleed a.btn-orange:hover,
.rmbz-fullbleed button.btn-orange:hover {
    background: linear-gradient(135deg, #f0b90b 0%, #e67e22 100%) !important;
    background-image: linear-gradient(135deg, #f0b90b 0%, #e67e22 100%) !important;
    color: #fff !important;
    box-shadow: 0 12px 32px rgba(240, 185, 11, 0.35) !important;
    transform: translateY(-1px) !important;
}
.rmbz-fullbleed a.btn-gradient:visited,
.rmbz-fullbleed a.btn-orange:visited,
.rmbz-fullbleed a.btn-gradient:focus,
.rmbz-fullbleed a.btn-orange:focus {
    color: #fff !important;
    background: linear-gradient(135deg, #f0b90b 0%, #e67e22 100%) !important;
}

/* ---- .btn-distribute — branco sólido com seta (acção forte) ---- */
.rmbz-fullbleed a.btn-distribute,
.rmbz-fullbleed button.btn-distribute,
.rmbz-fullbleed .btn-distribute {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 10px 22px !important;
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    color: #000 !important;
    border: none !important;
    border-radius: 30px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 16px rgba(255, 255, 255, 0.1) !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    line-height: 1.2 !important;
}
.rmbz-fullbleed a.btn-distribute:hover,
.rmbz-fullbleed button.btn-distribute:hover {
    background: #f5f5f5 !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    box-shadow: 0 8px 24px rgba(255, 255, 255, 0.18) !important;
    transform: translateY(-1px) !important;
}
.rmbz-fullbleed a.btn-distribute:visited,
.rmbz-fullbleed a.btn-distribute:focus {
    background: #fff !important;
    color: #000 !important;
}

/* ---- .btn-outline — outline dourado discreto (acções secundárias) ---- */
.rmbz-fullbleed a.btn-outline,
.rmbz-fullbleed button.btn-outline,
.rmbz-fullbleed .btn-outline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 10px 22px !important;
    background: rgba(240, 185, 11, 0.05) !important;
    background-color: rgba(240, 185, 11, 0.05) !important;
    background-image: none !important;
    color: #f0b90b !important;
    border: 1px solid rgba(240, 185, 11, 0.5) !important;
    border-radius: 30px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    line-height: 1.2 !important;
}
.rmbz-fullbleed a.btn-outline:hover,
.rmbz-fullbleed button.btn-outline:hover {
    background: rgba(240, 185, 11, 0.15) !important;
    background-color: rgba(240, 185, 11, 0.15) !important;
    color: #f0b90b !important;
    border-color: #f0b90b !important;
}
.rmbz-fullbleed a.btn-outline:visited,
.rmbz-fullbleed a.btn-outline:focus {
    color: #f0b90b !important;
}

/* ---- .btn-secondary-outline — outline branco discreto ---- */
.rmbz-fullbleed a.btn-secondary-outline,
.rmbz-fullbleed button.btn-secondary-outline,
.rmbz-fullbleed .btn-secondary-outline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 10px 22px !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 30px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    line-height: 1.2 !important;
}
.rmbz-fullbleed a.btn-secondary-outline:hover,
.rmbz-fullbleed button.btn-secondary-outline:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.6) !important;
}
.rmbz-fullbleed a.btn-secondary-outline:visited,
.rmbz-fullbleed a.btn-secondary-outline:focus {
    color: #fff !important;
}

/* ---- .btn-green-gradient — verde Spotify (plataformas) ---- */
.rmbz-fullbleed a.btn-green-gradient,
.rmbz-fullbleed button.btn-green-gradient,
.rmbz-fullbleed .btn-green-gradient {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 10px 22px !important;
    background: linear-gradient(90deg, #1db954, #1ed760) !important;
    background-image: linear-gradient(90deg, #1db954, #1ed760) !important;
    color: #000 !important;
    border: none !important;
    border-radius: 30px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 16px rgba(29, 185, 84, 0.25) !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    line-height: 1.2 !important;
}
.rmbz-fullbleed a.btn-green-gradient:hover,
.rmbz-fullbleed button.btn-green-gradient:hover {
    box-shadow: 0 8px 24px rgba(29, 185, 84, 0.35) !important;
    transform: translateY(-1px) !important;
    color: #000 !important;
}
.rmbz-fullbleed a.btn-green-gradient:visited,
.rmbz-fullbleed a.btn-green-gradient:focus {
    color: #000 !important;
}

/* ---- .btn-filter-apply e .btn-filter-reset (filtros compactos) ---- */
.rmbz-fullbleed a.btn-filter-apply,
.rmbz-fullbleed button.btn-filter-apply {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 8px 18px !important;
    background: linear-gradient(135deg, #f0b90b 0%, #e67e22 100%) !important;
    background-image: linear-gradient(135deg, #f0b90b 0%, #e67e22 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

.rmbz-fullbleed a.btn-filter-reset,
.rmbz-fullbleed button.btn-filter-reset {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 18px !important;
    background: transparent !important;
    background-color: transparent !important;
    color: rgba(255, 255, 255, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}
.rmbz-fullbleed a.btn-filter-reset:hover,
.rmbz-fullbleed button.btn-filter-reset:hover {
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

/* ---- .btn-gradient-glow — paywall premium (mantém estilo) ---- */
.rmbz-fullbleed a.btn-gradient-glow,
.rmbz-fullbleed button.btn-gradient-glow,
.rmbz-fullbleed .btn-gradient-glow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 14px 28px !important;
    background: linear-gradient(135deg, #f0b90b 0%, #e67e22 100%) !important;
    background-image: linear-gradient(135deg, #f0b90b 0%, #e67e22 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 30px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    box-shadow: 0 0 24px rgba(240, 185, 11, 0.35) !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    line-height: 1.2 !important;
}
.rmbz-fullbleed a.btn-gradient-glow:hover,
.rmbz-fullbleed button.btn-gradient-glow:hover {
    box-shadow: 0 0 36px rgba(240, 185, 11, 0.55) !important;
    transform: translateY(-1px) !important;
    color: #fff !important;
}

/* ---- .btn-danger — vermelho sólido para destrutivas ---- */
.rmbz-fullbleed a.btn-danger,
.rmbz-fullbleed button.btn-danger,
.rmbz-fullbleed .btn-danger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 10px 22px !important;
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    background-image: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 30px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-shadow: 0 4px 16px rgba(231, 76, 60, 0.25) !important;
}
.rmbz-fullbleed a.btn-danger:hover,
.rmbz-fullbleed button.btn-danger:hover {
    box-shadow: 0 8px 24px rgba(231, 76, 60, 0.35) !important;
    transform: translateY(-1px) !important;
    color: #fff !important;
}

/* ---- ÍCONES SVG dentro dos botões: assegurar tamanho e cor ---- */
.rmbz-fullbleed .btn-gradient svg,
.rmbz-fullbleed .btn-distribute svg,
.rmbz-fullbleed .btn-outline svg,
.rmbz-fullbleed .btn-secondary-outline svg,
.rmbz-fullbleed .btn-green-gradient svg,
.rmbz-fullbleed .btn-gradient-glow svg,
.rmbz-fullbleed .btn-danger svg,
.rmbz-fullbleed .btn-orange svg {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
}

/* ============================================================================
 * [1.5.148] BOTÕES DO WIZARD — shield específico para .rmbz-w-btn
 * ----------------------------------------------------------------------------
 * O tema Foxiz aplica padding/font-size/min-height excessivos a <button> dentro
 * do conteúdo, fazendo o "Guardar e continuar" e companhia parecerem gigantes.
 * Forçamos as dimensões definidas pelo plugin com !important.
 * ============================================================================ */

.rmbz-fullbleed button.rmbz-w-btn,
.rmbz-fullbleed .rmbz-w-btn {
    padding: 10px 20px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    min-height: 0 !important;
    height: auto !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

/* Variante "primary" — manter padding default */
.rmbz-fullbleed button.rmbz-w-btn.primary,
.rmbz-fullbleed .rmbz-w-btn.primary {
    padding: 10px 22px !important;
}

/* Variante "primary big" (botão final "Submeter para revisão" ocupa largura toda) */
.rmbz-fullbleed button.rmbz-w-btn.primary.big,
.rmbz-fullbleed .rmbz-w-btn.primary.big {
    width: 100% !important;
    padding: 14px 22px !important;
    font-size: 13px !important;
}

/* Variante "outline-small" — mais compacto (botão "+ Adicionar faixa" etc.) */
.rmbz-fullbleed button.rmbz-w-btn.outline-small,
.rmbz-fullbleed .rmbz-w-btn.outline-small {
    padding: 6px 14px !important;
    font-size: 11px !important;
}

/* Botão "Apagar este lançamento" (zona de perigo)
   [1.5.157] Reforçado: tema esconde o texto. Forçar cores explicitamente. */
.rmbz-fullbleed a.rmbz-w-btn-danger,
.rmbz-fullbleed .rmbz-w-btn-danger {
    padding: 9px 18px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    min-height: 0 !important;
    height: auto !important;
    width: auto !important;
    max-width: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #ef4444 !important;
    border: 1px solid #ef4444 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
}

.rmbz-fullbleed a.rmbz-w-btn-danger:hover,
.rmbz-fullbleed a.rmbz-w-btn-danger:focus,
.rmbz-fullbleed a.rmbz-w-btn-danger:active,
.rmbz-fullbleed a.rmbz-w-btn-danger:visited,
.rmbz-fullbleed .rmbz-w-btn-danger:hover {
    color: #ffffff !important;
    background: #ef4444 !important;
    background-color: #ef4444 !important;
    border-color: #ef4444 !important;
    text-decoration: none !important;
}

/* Ícone SVG dentro do botão (lixo) */
.rmbz-fullbleed a.rmbz-w-btn-danger svg,
.rmbz-fullbleed .rmbz-w-btn-danger svg {
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
    stroke: currentColor !important;
}

/* ============================================================================
 * [1.5.149] Mais botões inflados pelo tema — chips + s2-toggle
 * ----------------------------------------------------------------------------
 * Botões "Todas / Nenhuma / Só essenciais" (.chip) e "Ler aviso ▼"
 * (.rmbz-s2-toggle) ficam gigantes com o tema. Forçamos dimensões.
 * ============================================================================ */

/* Chips de selecção rápida (Todas / Nenhuma / Só essenciais) */
.rmbz-fullbleed button.chip,
.rmbz-fullbleed .chip {
    padding: 8px 16px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    min-height: 0 !important;
    height: auto !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

/* Botão "Ler aviso ▼" (toggle de avisos por DSP) */
.rmbz-fullbleed button.rmbz-s2-toggle,
.rmbz-fullbleed .rmbz-s2-toggle {
    padding: 7px 12px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    min-height: 0 !important;
    height: auto !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

/* ============================================================================
 * [1.5.150] SHIELD GENÉRICO — neutralizar inflação de TODOS os botões
 * ----------------------------------------------------------------------------
 * Em vez de adicionar shields específicos para cada classe nova de botão,
 * desativamos as 4 propriedades que o tema Foxiz costuma impor a todos os
 * <button> dentro do conteúdo da página:
 *   - min-height (forças ~48-50px)
 *   - height: auto se o tema fixar
 *   - line-height (típico 1.6, deveria ser 1.2-1.4 em botões)
 *   - font-size (típico 16px+, deveria ser 11-14px nos nossos)
 *
 * NÃO forçamos padding aqui — cada botão tem o seu padding correcto no CSS
 * do plugin. Só removemos as inflações para o padding do plugin se aplicar.
 *
 * Aplica-se a TODOS os <button> e .btn-* dentro de .rmbz-fullbleed.
 * Excepções: .rmbz-track-*-btn (botões grandes do uploader de faixas
 * que devem mesmo ser visualmente grandes).
 * ============================================================================ */

.rmbz-fullbleed button:not(.rmbz-track-upload-btn):not(.rmbz-cover-upload-btn),
.rmbz-fullbleed input[type="submit"],
.rmbz-fullbleed input[type="button"] {
    min-height: 0 !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
}

/* font-size dos botões: tema costuma forçar 16px+. Aplicamos um cap
   razoável de 14px como fallback (CSS específico do plugin pode
   sobrescrever para 11-13px com classes próprias). */
.rmbz-fullbleed button:not([class*="rmbz-w-btn"]):not([class*="btn-"]):not(.chip):not(.rmbz-s2-toggle):not(.rmbz-dp-trigger):not(.rmbz-track-upload-btn):not(.rmbz-cover-upload-btn) {
    font-size: 13px !important;
}

/* ----------------------------------------------------------------------------
 * Excepções intencionais: botões de upload (faixa, capa) DEVEM ser grandes
 * porque são pontos de entrada visuais grandes — o tema acerta no tamanho
 * destes por acidente.
 * ---------------------------------------------------------------------------- */
.rmbz-fullbleed button.rmbz-track-upload-btn,
.rmbz-fullbleed button.rmbz-cover-upload-btn {
    /* Sem shields — deixar o CSS do plugin gerir */
}

/* ============================================================================
 * [1.5.158] INPUTS / SELECTS / TEXTAREAS — shield genérico
 * ----------------------------------------------------------------------------
 * Tema Foxiz força fundo claro em form fields. Forçamos fundo escuro
 * consistente em TODOS os inputs/selects/textareas dentro de .rmbz-fullbleed.
 * Excepções: inputs de tipos especiais que precisam de aparência diferente
 * (radio/checkbox custom-styled, hidden, file).
 * ============================================================================ */

.rmbz-fullbleed input[type="text"],
.rmbz-fullbleed input[type="email"],
.rmbz-fullbleed input[type="tel"],
.rmbz-fullbleed input[type="password"],
.rmbz-fullbleed input[type="number"],
.rmbz-fullbleed input[type="url"],
.rmbz-fullbleed input[type="search"],
.rmbz-fullbleed input[type="date"],
.rmbz-fullbleed select,
.rmbz-fullbleed textarea {
    background-color: #0e0e10 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid #2a2a2a !important;
    text-shadow: none !important;
    box-shadow: none !important;
    line-height: 1.4 !important;
    font-family: inherit !important;
}

.rmbz-fullbleed input[type="text"]:focus,
.rmbz-fullbleed input[type="email"]:focus,
.rmbz-fullbleed input[type="tel"]:focus,
.rmbz-fullbleed input[type="password"]:focus,
.rmbz-fullbleed input[type="number"]:focus,
.rmbz-fullbleed input[type="url"]:focus,
.rmbz-fullbleed input[type="search"]:focus,
.rmbz-fullbleed input[type="date"]:focus,
.rmbz-fullbleed select:focus,
.rmbz-fullbleed textarea:focus {
    outline: none !important;
    border-color: #f0b90b !important;
    box-shadow: 0 0 0 3px rgba(240, 185, 11, 0.15) !important;
}

.rmbz-fullbleed input::placeholder,
.rmbz-fullbleed textarea::placeholder {
    color: #888 !important;
    opacity: 1 !important;
}

/* ============================================================================
 * [1.5.158] TRACK MODAL — botões e inputs
 * ----------------------------------------------------------------------------
 * Modal de edição de faixa (.rmbz-tm-*) também é vítima do tema.
 * Botões "+ Adicionar colaborador / compositor / split", "Cancelar", "Guardar".
 * O modal vive fora de .rmbz-fullbleed (renderizado no footer), por isso
 * temos de ser específicos com #rmbz-track-modal.
 * ============================================================================ */

#rmbz-track-modal .rmbz-tm-btn,
.rmbz-fullbleed .rmbz-tm-btn {
    padding: 9px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    min-height: 0 !important;
    height: auto !important;
    width: auto !important;
    max-width: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    text-shadow: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
    transition: all 0.15s ease !important;
}

/* Botão ghost (transparente) — "+ Adicionar X", "Cancelar" */
#rmbz-track-modal .rmbz-tm-btn.ghost,
.rmbz-fullbleed .rmbz-tm-btn.ghost {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #ddd !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

#rmbz-track-modal .rmbz-tm-btn.ghost:hover,
.rmbz-fullbleed .rmbz-tm-btn.ghost:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(240, 185, 11, 0.4) !important;
    color: #fff !important;
}

/* Botão primary — "Guardar" */
#rmbz-track-modal .rmbz-tm-btn.primary,
.rmbz-fullbleed .rmbz-tm-btn.primary {
    background: #f0b90b !important;
    background-color: #f0b90b !important;
    background-image: none !important;
    color: #000 !important;
    border: none !important;
    font-weight: 700 !important;
}

#rmbz-track-modal .rmbz-tm-btn.primary:hover:not(:disabled),
.rmbz-fullbleed .rmbz-tm-btn.primary:hover:not(:disabled) {
    background: #ffce3a !important;
    background-color: #ffce3a !important;
}

/* Botão "Remover" colaborador (vermelho) */
#rmbz-track-modal .rmbz-tm-btn[onclick*="rtmRemove"],
#rmbz-track-modal .rmbz-tm-list button[onclick*="Remove"],
#rmbz-track-modal button.danger,
.rmbz-fullbleed #rmbz-track-modal button.danger {
    background: transparent !important;
    color: #ef4444 !important;
    border: 1px solid #ef4444 !important;
}

/* Inputs dentro do track modal — fundo escuro */
#rmbz-track-modal input[type="text"],
#rmbz-track-modal input[type="number"],
#rmbz-track-modal input[type="email"],
#rmbz-track-modal select,
#rmbz-track-modal textarea {
    background-color: #0e0e10 !important;
    color: #ffffff !important;
    border: 1px solid #2a2a2a !important;
    text-shadow: none !important;
    box-shadow: none !important;
    font-family: inherit !important;
    padding: 9px 12px !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
}

#rmbz-track-modal input[type="text"]:focus,
#rmbz-track-modal input[type="number"]:focus,
#rmbz-track-modal input[type="email"]:focus,
#rmbz-track-modal select:focus,
#rmbz-track-modal textarea:focus {
    outline: none !important;
    border-color: #f0b90b !important;
    box-shadow: 0 0 0 3px rgba(240, 185, 11, 0.15) !important;
}

#rmbz-track-modal input::placeholder,
#rmbz-track-modal textarea::placeholder {
    color: #888 !important;
    opacity: 1 !important;
}

/* Tabs do track modal (1·Básico, 2·Créditos, etc.) */
#rmbz-track-modal .rmbz-tm-tab {
    background: transparent !important;
    color: #aaa !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

#rmbz-track-modal .rmbz-tm-tab:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.03) !important;
}

#rmbz-track-modal .rmbz-tm-tab.active {
    color: #f0b90b !important;
    border-bottom-color: #f0b90b !important;
    background: transparent !important;
}

/* Checkboxes nas opções do track ("Esta faixa tem letra", "Esta música já foi lançada antes") */
#rmbz-track-modal input[type="checkbox"],
.rmbz-fullbleed input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: #f0b90b !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}

/* ============================================================================
 * [1.5.159] <option> dentro de <select> — tentar forçar fundo escuro
 * ----------------------------------------------------------------------------
 * Limitação conhecida: o dropdown aberto do <select> nativo é renderizado
 * pelo SISTEMA OPERATIVO, não pelo browser. Por isso CSS pode ser ignorado
 * em Chrome/Safari no Windows/macOS. Funciona em Firefox e parcialmente
 * em Android. Reforçamos com !important para os casos que respeitam.
 * ============================================================================ */

.rmbz-fullbleed select option,
#rmbz-track-modal select option,
#rmbz-dp-modal select option {
    background-color: #1a1a1a !important;
    background: #1a1a1a !important;
    color: #ffffff !important;
}

.rmbz-fullbleed select option:hover,
.rmbz-fullbleed select option:focus,
.rmbz-fullbleed select option:checked,
#rmbz-track-modal select option:hover,
#rmbz-track-modal select option:focus,
#rmbz-track-modal select option:checked {
    background-color: #f0b90b !important;
    background: #f0b90b !important;
    color: #000 !important;
}

/* Tentar também com optgroup caso exista */
.rmbz-fullbleed select optgroup,
#rmbz-track-modal select optgroup {
    background-color: #1a1a1a !important;
    color: #888 !important;
    font-style: italic !important;
}

/* [1.5.160] color-scheme: dark — diz ao browser para usar variante DARK
   dos controlos nativos. Em Chrome 81+ e Safari 13+ isto faz com que o
   popup do <select> use cores escuras nativamente, incluindo no Windows
   e macOS onde o popup é desenhado pelo SO. Esta é a forma "oficial" de
   pedir ao SO um popup escuro. */
.rmbz-fullbleed select,
#rmbz-track-modal select,
#rmbz-dp-modal select {
    color-scheme: dark !important;
}