/**
 * account-theme-shield.css
 *
 * [1.5.116] ESCUDO DE TEMA — Fase 1: Minha Conta + Área do Artista
 * ============================================================================
 *
 * PROPÓSITO
 * ---------
 * Temas WordPress (Foxiz, Astra, OceanWP, etc.) injectam regras CSS agressivas
 * dentro de `the_content` que poluem o nosso plugin: sublinham links, forçam
 * cores em <a>, removem fundos de botões, mexem em margens de listas, etc.
 *
 * Este ficheiro carrega DEPOIS do CSS do plugin e usa especificidade brutal
 * (selectores 2-3 níveis acima + !important) para neutralizar essa interferência
 * dentro dos containers da minha conta:
 *   - .onemz-artist-dashboard (dashboard principal)
 *   - .onemz-login-container  (página de login)
 *   - .onemz-auth-form        (formulários de auth dentro da página)
 *
 * ESTRATÉGIA
 * ----------
 * Não reescrevemos o design. Apenas blindamos as propriedades que o tema
 * costuma atacar:
 *   - text-decoration, background, background-image em <a> e <button>
 *   - color em todos os estados (:hover, :focus, :active, :visited)
 *   - background-color e box-shadow em botões com classes do plugin
 *   - margin/padding em listas (<ul>, <ol>) onde o tema mete recuo indesejado
 *   - line-height e font-family quando o tema impõe valores estranhos
 *   - max-width: none em imagens dentro do plugin
 *
 * O CSS original do plugin (frontend.css, account-page.css) continua a
 * funcionar e a definir a aparência. Este ficheiro só impede que o tema
 * atropele essas regras.
 *
 * QUANDO REMOVER
 * --------------
 * Quando o plugin migrar para Laravel/Next.js, este ficheiro deixa de ser
 * necessário (a aplicação fica isolada do tema por arquitectura).
 */

/* ============================================================================
 * 1. RESET DE LINKS DENTRO DOS CONTAINERS
 * ----------------------------------------------------------------------------
 * O tema Foxiz aplica `text-decoration: underline` e `background-image`
 * (gradient como pseudo-underline) em `.entry-content a`. Vencemos com
 * selector mais específico.
 * ============================================================================ */
.onemz-artist-dashboard a,
.onemz-artist-dashboard a:hover,
.onemz-artist-dashboard a:focus,
.onemz-artist-dashboard a:active,
.onemz-artist-dashboard a:visited,
.onemz-login-container a,
.onemz-login-container a:hover,
.onemz-login-container a:focus,
.onemz-login-container a:active,
.onemz-login-container a:visited,
.onemz-auth-form a,
.onemz-auth-form a:hover,
.onemz-auth-form a:focus,
.onemz-auth-form a:active,
.onemz-auth-form a:visited {
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-color: transparent !important;
    background-image: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.onemz-artist-dashboard a::before,
.onemz-artist-dashboard a::after,
.onemz-login-container a::before,
.onemz-login-container a::after,
.onemz-auth-form a::before,
.onemz-auth-form a::after {
    content: none !important;
    display: none !important;
}

/* ============================================================================
 * 2. BOTÕES — .onemz-btn e variantes (.btn-primary, .btn-secondary, .btn-outline)
 * ----------------------------------------------------------------------------
 * Aqui o tema costuma fazer o pior estrago: força background transparente,
 * remove cor, remove box-shadow. Bombardeamos com !important em todas as
 * propriedades que o tema toca.
 * ============================================================================ */

/* Base dos botões — força layout, padding, tipografia */
.onemz-artist-dashboard a.onemz-btn,
.onemz-artist-dashboard button.onemz-btn,
.onemz-artist-dashboard input[type="submit"].onemz-btn,
.onemz-artist-dashboard .onemz-btn,
.onemz-login-container a.onemz-btn,
.onemz-login-container button.onemz-btn,
.onemz-login-container input[type="submit"].onemz-btn,
.onemz-login-container .onemz-btn,
.onemz-auth-form a.onemz-btn,
.onemz-auth-form button.onemz-btn,
.onemz-auth-form input[type="submit"].onemz-btn,
.onemz-auth-form .onemz-btn {
    display: inline-block !important;
    width: 100% !important;
    padding: 15px !important;
    border: none !important;
    border-radius: var(--radius-sm, 6px) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    line-height: normal !important;
    font-family: inherit !important;
    text-shadow: none !important;
    background-image: none !important;
}

/* Botão PRIMÁRIO — fundo branco/accent, texto preto */
.onemz-artist-dashboard a.btn-primary,
.onemz-artist-dashboard button.btn-primary,
.onemz-artist-dashboard input[type="submit"].btn-primary,
.onemz-artist-dashboard .btn-primary,
.onemz-login-container a.btn-primary,
.onemz-login-container button.btn-primary,
.onemz-login-container input[type="submit"].btn-primary,
.onemz-login-container .btn-primary,
.onemz-auth-form a.btn-primary,
.onemz-auth-form button.btn-primary,
.onemz-auth-form input[type="submit"].btn-primary,
.onemz-auth-form .btn-primary {
    background: var(--accent-color, #ffffff) !important;
    background-color: var(--accent-color, #ffffff) !important;
    background-image: none !important;
    color: #000000 !important;
    border: none !important;
}
.onemz-artist-dashboard a.btn-primary:hover,
.onemz-artist-dashboard button.btn-primary:hover,
.onemz-artist-dashboard .btn-primary:hover,
.onemz-login-container a.btn-primary:hover,
.onemz-login-container button.btn-primary:hover,
.onemz-login-container .btn-primary:hover,
.onemz-auth-form a.btn-primary:hover,
.onemz-auth-form button.btn-primary:hover,
.onemz-auth-form .btn-primary:hover {
    opacity: 0.9 !important;
    transform: translateY(-1px) !important;
    background: var(--accent-color, #ffffff) !important;
    background-color: var(--accent-color, #ffffff) !important;
    color: #000000 !important;
}
.onemz-artist-dashboard a.btn-primary:visited,
.onemz-artist-dashboard a.btn-primary:focus,
.onemz-login-container a.btn-primary:visited,
.onemz-login-container a.btn-primary:focus,
.onemz-auth-form a.btn-primary:visited,
.onemz-auth-form a.btn-primary:focus {
    color: #000000 !important;
    background: var(--accent-color, #ffffff) !important;
    background-color: var(--accent-color, #ffffff) !important;
}

/* Botão SECUNDÁRIO — fundo cinzento escuro, texto branco */
.onemz-artist-dashboard a.btn-secondary,
.onemz-artist-dashboard button.btn-secondary,
.onemz-artist-dashboard input[type="submit"].btn-secondary,
.onemz-artist-dashboard .btn-secondary,
.onemz-login-container a.btn-secondary,
.onemz-login-container button.btn-secondary,
.onemz-login-container .btn-secondary,
.onemz-auth-form a.btn-secondary,
.onemz-auth-form button.btn-secondary,
.onemz-auth-form .btn-secondary {
    background: #333333 !important;
    background-color: #333333 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
}
.onemz-artist-dashboard a.btn-secondary:hover,
.onemz-artist-dashboard button.btn-secondary:hover,
.onemz-artist-dashboard .btn-secondary:hover,
.onemz-login-container a.btn-secondary:hover,
.onemz-login-container button.btn-secondary:hover,
.onemz-login-container .btn-secondary:hover,
.onemz-auth-form a.btn-secondary:hover,
.onemz-auth-form button.btn-secondary:hover,
.onemz-auth-form .btn-secondary:hover {
    background: #444444 !important;
    background-color: #444444 !important;
    color: #ffffff !important;
}
.onemz-artist-dashboard a.btn-secondary:visited,
.onemz-artist-dashboard a.btn-secondary:focus,
.onemz-login-container a.btn-secondary:visited,
.onemz-login-container a.btn-secondary:focus,
.onemz-auth-form a.btn-secondary:visited,
.onemz-auth-form a.btn-secondary:focus {
    color: #ffffff !important;
    background: #333333 !important;
    background-color: #333333 !important;
}

/* Botão OUTLINE — transparente com borda */
.onemz-artist-dashboard a.btn-outline,
.onemz-artist-dashboard button.btn-outline,
.onemz-artist-dashboard input[type="submit"].btn-outline,
.onemz-artist-dashboard .btn-outline,
.onemz-login-container a.btn-outline,
.onemz-login-container button.btn-outline,
.onemz-login-container .btn-outline,
.onemz-auth-form a.btn-outline,
.onemz-auth-form button.btn-outline,
.onemz-auth-form .btn-outline {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 1px solid #555555 !important;
    color: #cccccc !important;
}
.onemz-artist-dashboard a.btn-outline:hover,
.onemz-artist-dashboard button.btn-outline:hover,
.onemz-artist-dashboard .btn-outline:hover,
.onemz-login-container a.btn-outline:hover,
.onemz-login-container button.btn-outline:hover,
.onemz-login-container .btn-outline:hover,
.onemz-auth-form a.btn-outline:hover,
.onemz-auth-form button.btn-outline:hover,
.onemz-auth-form .btn-outline:hover {
    background: #222222 !important;
    background-color: #222222 !important;
    color: #ffffff !important;
    border-color: #777777 !important;
}
.onemz-artist-dashboard a.btn-outline:visited,
.onemz-artist-dashboard a.btn-outline:focus,
.onemz-login-container a.btn-outline:visited,
.onemz-login-container a.btn-outline:focus,
.onemz-auth-form a.btn-outline:visited,
.onemz-auth-form a.btn-outline:focus {
    color: #cccccc !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* ============================================================================
 * 3. INPUTS, SELECTS, TEXTAREAS — neutralizar estilos do tema
 * ----------------------------------------------------------------------------
 * Alguns temas (Foxiz inclusive) forçam estilos em formulários do conteúdo:
 * border, border-radius, box-shadow, background. Isto rebenta com o look
 * do plugin. Repomos os defaults sãos.
 * ============================================================================ */
.onemz-artist-dashboard input[type="text"],
.onemz-artist-dashboard input[type="email"],
.onemz-artist-dashboard input[type="password"],
.onemz-artist-dashboard input[type="number"],
.onemz-artist-dashboard input[type="tel"],
.onemz-artist-dashboard input[type="url"],
.onemz-artist-dashboard input[type="search"],
.onemz-artist-dashboard input[type="date"],
.onemz-artist-dashboard select,
.onemz-artist-dashboard textarea,
.onemz-login-container input[type="text"],
.onemz-login-container input[type="email"],
.onemz-login-container input[type="password"],
.onemz-login-container input[type="number"],
.onemz-login-container input[type="tel"],
.onemz-login-container select,
.onemz-login-container textarea,
.onemz-auth-form input[type="text"],
.onemz-auth-form input[type="email"],
.onemz-auth-form input[type="password"],
.onemz-auth-form input[type="number"],
.onemz-auth-form input[type="tel"],
.onemz-auth-form select,
.onemz-auth-form textarea {
    box-shadow: none !important;
    text-shadow: none !important;
    box-sizing: border-box !important;
    /* [1.5.128] CORRECÇÃO: removido `width: 100% !important` que estava a
     * partir o input do referral (que precisa de width: 180px). O width
     * agora é controlado pelo .rmbz-input no CSS principal (que já tem
     * width: 100% sem !important) ou por inline styles específicos.
     *
     * Os 4 inputs PIN têm `width: 100%` no inline style desde 1.5.125, logo
     * não dependem desta regra do shield para ficarem alinhados.
     *
     * Mantemos margin-left/right: 0 para neutralizar margens estranhas do
     * tema (causa original do bug do PIN), e float: none para casos onde
     * o tema mete float em inputs do conteúdo. */
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
}

/* ============================================================================
 * 4. LISTAS — UL e OL dentro do plugin
 * ----------------------------------------------------------------------------
 * Foxiz mete `padding-left: 40px` em ULs do conteúdo e marker styles
 * que partem layouts compactos. Repomos.
 * ============================================================================ */
.onemz-artist-dashboard ul,
.onemz-artist-dashboard ol,
.onemz-login-container ul,
.onemz-login-container ol,
.onemz-auth-form ul,
.onemz-auth-form ol {
    list-style-position: outside !important;
}

/* Listas com class do plugin: assumir que o CSS do plugin define padding/margin
   correctos — o tema NÃO mete pa */
.onemz-artist-dashboard ul[class],
.onemz-artist-dashboard ol[class],
.onemz-login-container ul[class],
.onemz-login-container ol[class],
.onemz-auth-form ul[class] {
    list-style: none !important;
}

/* ============================================================================
 * 5. IMAGENS — max-width livre dentro do plugin
 * ----------------------------------------------------------------------------
 * Alguns temas metem `max-width: 100%` fixo, partindo avatares pequenos
 * ou ícones que precisam de tamanho exacto. Devolvemos controlo ao plugin.
 * ============================================================================ */
.onemz-artist-dashboard img,
.onemz-login-container img,
.onemz-auth-form img {
    max-width: none;  /* sem !important — só remove constraint, plugin pode definir */
    height: auto;
}

/* ============================================================================
 * 6. HEADINGS DENTRO DO PLUGIN — neutralizar tipografia do tema
 * ----------------------------------------------------------------------------
 * Foxiz força font-family específica em h1-h6, e às vezes line-height
 * exagerado. Devolvemos `inherit` para que o plugin controle via parent.
 * ============================================================================ */
.onemz-artist-dashboard h1,
.onemz-artist-dashboard h2,
.onemz-artist-dashboard h3,
.onemz-artist-dashboard h4,
.onemz-artist-dashboard h5,
.onemz-artist-dashboard h6,
.onemz-login-container h1,
.onemz-login-container h2,
.onemz-login-container h3,
.onemz-login-container h4,
.onemz-auth-form h1,
.onemz-auth-form h2,
.onemz-auth-form h3,
.onemz-auth-form h4 {
    font-family: inherit !important;
    text-shadow: none !important;
    text-transform: none !important;
}

/* ============================================================================
 * 7. PARÁGRAFOS — limpar margens excessivas do tema
 * ----------------------------------------------------------------------------
 * Foxiz mete `margin-bottom: 1.5em` em <p>. Em cards compactos isto fica feio.
 * Damos margem zero por defeito; o CSS do plugin pode reactivar onde precisar.
 * ============================================================================ */
.onemz-artist-dashboard p,
.onemz-login-container p,
.onemz-auth-form p {
    text-shadow: none !important;
}

/* ============================================================================
 * 8. WP-BLOCK-* — neutralizar wrappers do Gutenberg que envolvem o shortcode
 * ----------------------------------------------------------------------------
 * Quando o shortcode é colocado dentro de um wp-block-group ou
 * wp-block-post-content, o tema aplica padding/margens extra. Anulamos
 * dentro do nosso scope.
 * ============================================================================ */
.onemz-artist-dashboard .wp-block-group,
.onemz-artist-dashboard .wp-block-post-content,
.onemz-login-container .wp-block-group,
.onemz-login-container .wp-block-post-content {
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
}

/* ============================================================================
 * 12. SINO DE NOTIFICAÇÕES (.rmbz-bell) — proteger dimensões fixas
 * ----------------------------------------------------------------------------
 * [1.5.120] O tema Foxiz aplica `button { width: 100% }` em algumas
 * resoluções, esticando o sino até virar uma elipse gigante. Forçamos as
 * dimensões originais (42x42px circular) e do ícone interno (20x20px) com
 * !important para vencer o tema.
 * ============================================================================ */
.onemz-artist-dashboard .rmbz-bell,
.onemz-artist-dashboard button.rmbz-bell {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    background-image: none !important;
    cursor: pointer !important;
}

.onemz-artist-dashboard .rmbz-bell__icon,
.onemz-artist-dashboard .rmbz-bell svg {
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
    flex-shrink: 0 !important;
    display: block !important;
}

.onemz-artist-dashboard .rmbz-bell__badge {
    position: absolute !important;
    top: -4px !important;
    right: -4px !important;
    box-sizing: border-box !important;
}

/* ============================================================================
 * 13. FULLBLEED na MINHA CONTA — anular max-width de 900px
 * ----------------------------------------------------------------------------
 * [1.5.122] A minha conta agora usa .onemz-artist-dashboard.rmbz-fullbleed
 * para alargar até 1280px (mesmo comportamento da distribuição). O CSS
 * existente em frontend.css aplica `max-width: 900px` à .onemz-artist-dashboard
 * — anulamos quando .rmbz-fullbleed também está presente.
 *
 * [1.5.124] Técnica de escape: `position: relative; left: 50%; margin-left: -50vw;
 * width: 100vw` em desktop, e `transform: translateX(-50%)` em monitores muito
 * grandes (>1340px) para centrar a 1280px. Esta técnica é IMUNE a temas que
 * tenham containers pai descentrados — usa o viewport directamente.
 * ============================================================================ */

/* Desktop (≥769px): escape full-bleed da coluna do tema */
@media (min-width: 769px) {
    .onemz-artist-dashboard.rmbz-fullbleed {
        position: relative !important;
        left: 50% !important;
        right: 50% !important;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        box-sizing: border-box !important;
    }
}

/* Monitores muito grandes (>1340px): centrar a 1280px */
@media (min-width: 1340px) {
    .onemz-artist-dashboard.rmbz-fullbleed {
        position: relative !important;
        left: 50% !important;
        right: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: translateX(-50%) !important;
        width: 1280px !important;
        max-width: 1280px !important;
    }
}

/* Mobile (≤768px): respeita a coluna do tema, sem escape */
@media (max-width: 768px) {
    .onemz-artist-dashboard.rmbz-fullbleed {
        position: static !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        width: auto !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 15px !important;
        margin-bottom: 15px !important;
        box-sizing: border-box !important;
    }
}

/* ============================================================================
 * 14. BLINDAGEM DE ELEMENTOS CIRCULARES/QUADRADOS COM TAMANHO FIXO
 * ----------------------------------------------------------------------------
 * [1.5.122] Pesquisa identificou estes elementos com mesmo padrão do sino
 * (dimensões fixas + risco de tema esticar). Reforçamos com !important.
 *
 * Inline styles ainda mais agressivos foram aplicados aos elementos mais
 * críticos directamente no PHP (avatar, sino) — aqui cobrimos os restantes.
 * ============================================================================ */

/* Avatar — espelha o que está em inline style no PHP, redundância protectiva */
.onemz-artist-dashboard .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;
}

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

/* Botão ícone (rmbz-btn--icon) — quadrado 40x40 ou 32x32 ou 48x48 */
.onemz-artist-dashboard button.rmbz-btn--icon,
.onemz-artist-dashboard 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;
}

.onemz-artist-dashboard button.rmbz-btn--icon.rmbz-btn--sm,
.onemz-artist-dashboard 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;
}

.onemz-artist-dashboard button.rmbz-btn--icon.rmbz-btn--lg,
.onemz-artist-dashboard 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;
}

/* Feature card icon (48x48 quadrado com SVG dentro) */
.onemz-artist-dashboard .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;
}

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

/* Gate icon (cartões de bloqueio) */
.onemz-artist-dashboard .rmbz-gate__icon {
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.onemz-artist-dashboard .rmbz-gate__icon svg {
    flex-shrink: 0 !important;
}

/* Type card icon (steps/wizard) */
.onemz-artist-dashboard .rmbz-type-card__icon {
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.onemz-artist-dashboard .rmbz-type-card__icon svg {
    flex-shrink: 0 !important;
}

/* Pending alert icon */
.onemz-artist-dashboard .rmbz-pending-alert__icon {
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ============================================================================
 * 15. SELECT e OPTION — forçar fundo escuro e texto branco
 * ----------------------------------------------------------------------------
 * [1.5.126] Tema Foxiz aplica `option { background: #fff; color: #fff }` ou
 * similar nas opções do dropdown, fazendo com que o texto fique invisível
 * (branco em fundo branco) até o utilizador passar o rato. Forçamos aqui
 * cores escuras consistentes com o resto do plugin.
 *
 * Nota: estilizar <option> com CSS tem suporte limitado entre navegadores.
 * Funciona bem em Chrome/Edge/Firefox no Windows/Linux. No macOS e em
 * dispositivos iOS, o sistema operativo controla a aparência do dropdown
 * e estas regras podem ser ignoradas — comportamento normal, não é bug.
 * ============================================================================ */
.onemz-artist-dashboard select,
.onemz-artist-dashboard select.rmbz-input,
.onemz-login-container select,
.onemz-login-container select.rmbz-input,
.onemz-auth-form select,
.onemz-auth-form 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;
    border: 1px solid var(--rmbz-border-subtle, #26262b) !important;
}

.onemz-artist-dashboard select option,
.onemz-artist-dashboard select.rmbz-input option,
.onemz-login-container select option,
.onemz-login-container select.rmbz-input option,
.onemz-auth-form select option,
.onemz-auth-form 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;
}

/* Estado disabled (ex: "-- Seleccione --" como placeholder) — texto mais claro */
.onemz-artist-dashboard select option:disabled,
.onemz-login-container select option:disabled,
.onemz-auth-form 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;
}

/* Hover/focus na opção (alguns navegadores aceitam, outros não) */
.onemz-artist-dashboard select option:hover,
.onemz-artist-dashboard select option:focus,
.onemz-artist-dashboard select option:checked,
.onemz-login-container select option:hover,
.onemz-login-container select option:focus,
.onemz-login-container select option:checked,
.onemz-auth-form select option:hover,
.onemz-auth-form select option:focus,
.onemz-auth-form select option:checked {
    background: var(--rmbz-brand, #f0b90b) !important;
    background-color: var(--rmbz-brand, #f0b90b) !important;
    color: #000 !important;
}

/* ============================================================================
 * 16. TABS CENTRALIZADAS em ECRÃS GRANDES
 * ----------------------------------------------------------------------------
 * [1.5.127] Em desktop os tabs (Envios & Promoções, Produção Vídeos, etc.)
 * ficavam alinhados à esquerda com muito espaço vazio à direita. A partir
 * de 769px centralizamos com justify-content. Em mobile mantém-se o
 * alinhamento à esquerda para preservar o scroll horizontal natural quando
 * os tabs não cabem na tela.
 *
 * Nota: a regra exclui .rmbz-tabs--auth (tabs de login/registo) que têm
 * comportamento próprio (já são centradas pelo CSS base).
 * ============================================================================ */
@media (min-width: 769px) {
    .onemz-artist-dashboard .rmbz-tabs:not(.rmbz-tabs--auth),
    .onemz-artist-dashboard .account-tabs {
        justify-content: center !important;
        gap: var(--rmbz-space-4, 24px) !important;
    }
}
