/* ============================================================================
   Karameloo — telas que ficaram no tema escuro
   ============================================================================
   Medido, não suposto: #screenEditorProposals e #screenProcurarEditor foram
   escritos para fundo escuro e continuaram com texto claro depois que o site
   virou claro. O fundo deles é transparente, então o texto branco cai direto
   no creme #f5f0e8 do body:

     "Propostas recebidas"   rgba(255,224,138,.95) sobre #f5f0e8 → 1.14:1
     "Ofertas de criadores"  rgba(255,255,255,.62) sobre #f5f0e8 → 1.13:1
     "Encontre pedidos..."   rgb(169,176,189)      sobre #f5f0e8 → 1.92:1

   1.13:1 é texto que não dá para ler — não é "contraste baixo", é invisível.

   Paleta (medida no navegador): fundo #f5f0e8, papel #fff, tinta #111827,
   secundário #4b5563, dourado de preenchimento #fcbc1d, dourado de texto
   #7a5d10, raio 4px.
   ============================================================================ */

#screenEditorProposals,
#screenProcurarEditor,
#screenClientProfile{
  --tc-tinta:#111827;
  --tc-mut:#4b5563;
  --tc-soft:#5c6573;
  --tc-papel:#ffffff;
  --tc-papel2:#faf7f1;
  --tc-linha:rgba(17,24,39,.12);
  --tc-ouro:#fcbc1d;
  --tc-ouro-ink:#7a5d10;
}

/* ─────────────────────────── PROPOSTAS ─────────────────────────── */

#screenEditorProposals .propV2-title{
  color:var(--tc-tinta) !important;
}

#screenEditorProposals .propV2-subtitle{
  color:var(--tc-mut) !important;
}

/* os três contadores do cabeçalho: eram caixas pretas translúcidas */
#screenEditorProposals .propV2-stat{
  background:var(--tc-papel) !important;
  border:1px solid var(--tc-linha) !important;
  border-radius:4px !important;
  box-shadow:none !important;
}

#screenEditorProposals .propV2-statVal{
  color:var(--tc-tinta) !important;
  font-variant-numeric:tabular-nums !important;
}

/* "em aberto" continua sendo o número que pede ação — dourado de TEXTO,
   não o de preenchimento, que sobre branco dá 2.5:1 e reprova */
#screenEditorProposals .propV2-statOpen .propV2-statVal{
  color:var(--tc-ouro-ink) !important;
}

#screenEditorProposals .propV2-statLbl{
  color:var(--tc-mut) !important;
}

#screenEditorProposals .propV2-back{
  background:var(--tc-papel) !important;
  border:1px solid var(--tc-linha) !important;
  color:var(--tc-tinta) !important;
  border-radius:4px !important;
}

#screenEditorProposals .propV2-card{
  background:var(--tc-papel) !important;
  border:1px solid var(--tc-linha) !important;
  border-radius:4px !important;
  box-shadow:0 1px 2px rgba(17,24,39,.05) !important;
  color:var(--tc-tinta) !important;
}

#screenEditorProposals .propV2-clientName,
#screenEditorProposals .propV2-pkgName,
#screenEditorProposals .propV2-emptyTitle{
  color:var(--tc-tinta) !important;
}

#screenEditorProposals .propV2-lastMsg,
#screenEditorProposals .propV2-time,
#screenEditorProposals .propV2-details,
#screenEditorProposals .propV2-detailItem,
#screenEditorProposals .propV2-info,
#screenEditorProposals .propV2-emptySub{
  color:var(--tc-mut) !important;
}

#screenEditorProposals .propV2-emptyIco{
  color:var(--tc-soft) !important;
  opacity:1 !important;
}

#screenEditorProposals .propV2-empty{
  background:var(--tc-papel) !important;
  border:1px dashed var(--tc-linha) !important;
  border-radius:4px !important;
  color:var(--tc-mut) !important;
}

#screenEditorProposals .propV2-status{
  background:var(--tc-papel2) !important;
  border:1px solid var(--tc-linha) !important;
  color:var(--tc-tinta) !important;
  border-radius:100px !important;
}

#screenEditorProposals .propV2-expand,
#screenEditorProposals .propV2-chatSend{
  background:var(--tc-ouro) !important;
  border:1px solid #b08d20 !important;
  color:#111827 !important;
  border-radius:4px !important;
}

#screenEditorProposals .propV2-chatWrap,
#screenEditorProposals .propV2-chatMsgs{
  background:var(--tc-papel2) !important;
  border-color:var(--tc-linha) !important;
  color:var(--tc-tinta) !important;
}

#screenEditorProposals .propV2-bubble{
  background:var(--tc-papel) !important;
  border:1px solid var(--tc-linha) !important;
  color:var(--tc-tinta) !important;
}

#screenEditorProposals .propV2-chatComposer input,
#screenEditorProposals .propV2-chatComposer textarea{
  background:var(--tc-papel) !important;
  border:1px solid #d1d5db !important;
  color:var(--tc-tinta) !important;
}

/* ─────────────────── EXPLORAR (editor → clientes) ─────────────────── */

#screenProcurarEditor .marketWelcomeTitle,
#screenProcurarEditor .marketWelcomeTitle *{
  color:var(--tc-tinta) !important;
}

#screenProcurarEditor .marketWelcomeSub{
  color:var(--tc-mut) !important;
}

#screenProcurarEditor .editorFindClientCardV2{
  background:var(--tc-papel) !important;
  border:1px solid var(--tc-linha) !important;
  border-radius:4px !important;
}

#screenProcurarEditor .editorFindClientHeadV2 strong{
  color:var(--tc-tinta) !important;
}

#screenProcurarEditor .editorFindClientHeadV2 span{
  color:var(--tc-mut) !important;
}

/* contador dourado: fundo bem claro pede o dourado de texto */
#screenProcurarEditor .editorOppCount,
#screenProcurarEditor #edClientOppCountCard{
  background:rgba(201,160,42,.14) !important;
  border:1px solid rgba(201,160,42,.34) !important;
  color:#6b5010 !important;
  border-radius:100px !important;
  font-weight:800 !important;
}

/* o briefing de exemplo e os textos de apoio da tela */
#screenProcurarEditor .editorOppCard,
#screenProcurarEditor .editorOppBrief{
  background:var(--tc-papel) !important;
  border:1px solid var(--tc-linha) !important;
  border-radius:4px !important;
  color:var(--tc-tinta) !important;
}

#screenProcurarEditor .editorOppBrief,
#screenProcurarEditor .editorOppDesc,
#screenProcurarEditor .editorOppSub{
  color:var(--tc-mut) !important;
}

/* ────────────────────── PERFIL DO CLIENTE ────────────────────── */

/* "Trocar capa" era branco puro. Sobre a capa (que pode ser clara) some.
   Pastilha escura por baixo resolve para qualquer imagem. */
#screenClientProfile .cpCoverBtn,
#screenClientProfile [class*="cpCover"] button,
#screenClientProfile .cpCoverEmpty{
  background:rgba(17,24,39,.78) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  color:#ffffff !important;
  border-radius:4px !important;
  font-weight:800 !important;
}

#screenClientProfile .cpTabBar{
  background:var(--tc-papel) !important;
  border:1px solid var(--tc-linha) !important;
  border-radius:4px !important;
}

#screenClientProfile .cpTab{
  background:transparent !important;
  color:var(--tc-mut) !important;
}

#screenClientProfile .cpTab.isActive,
#screenClientProfile .cpTab[aria-selected="true"]{
  background:var(--tc-papel2) !important;
  color:var(--tc-tinta) !important;
}

#screenClientProfile .cpBadge{
  background:var(--tc-papel2) !important;
  border:1px solid var(--tc-linha) !important;
  color:var(--tc-tinta) !important;
}

#screenClientProfile .iconBtn{
  background:var(--tc-papel) !important;
  border:1px solid var(--tc-linha) !important;
  color:var(--tc-tinta) !important;
}

/* faixa de destaque: era painel escuro, virou cartão de papel */
#screenProcurarEditor .marketPromo{
  background:var(--tc-papel) !important;
  border:1px solid var(--tc-linha) !important;
  border-radius:4px !important;
  box-shadow:0 1px 2px rgba(17,24,39,.05) !important;
}

#screenProcurarEditor .marketPromo .promoIcon{
  background:rgba(201,160,42,.14) !important;
  color:var(--tc-ouro-ink) !important;
  border-radius:100px !important;
}

#screenProcurarEditor .marketPromo .promoTitle,
#screenProcurarEditor .marketSectionTitle{
  color:var(--tc-tinta) !important;
}

#screenProcurarEditor .marketPromo .promoSub{
  color:var(--tc-mut) !important;
}

/* Os cards de cliente eram escuros (#0d1119) com texto quase preto por cima —
   1.11:1. O site é claro; o card acompanha. */
#screenProcurarEditor #exploreClientsGrid .eCard{
  background:var(--tc-papel) !important;
  border:1px solid var(--tc-linha) !important;
  border-radius:4px !important;
  color:var(--tc-tinta) !important;
  box-shadow:0 1px 2px rgba(17,24,39,.05) !important;
}

#screenProcurarEditor #exploreClientsGrid .eCard .hint{
  color:var(--tc-mut) !important;
}

#screenProcurarEditor #exploreClientsGrid .eCard h3,
#screenProcurarEditor #exploreClientsGrid .eCard strong,
#screenProcurarEditor #exploreClientsGrid .eCard b{
  color:var(--tc-tinta) !important;
}

#screenProcurarEditor #exploreClientsGrid .eCard p,
#screenProcurarEditor #exploreClientsGrid .eCard small,
#screenProcurarEditor #exploreClientsGrid .eCard span:not([class*="Badge"]):not([class*="badge"]){
  color:var(--tc-mut) !important;
}

/* As etiquetas eram texto branco sobre um véu branco de 5,5% — desenhadas
   para o card escuro. Com o card claro viraram branco no branco: 1.0:1,
   literalmente invisíveis. */
#screenProcurarEditor #exploreClientsGrid .eBadges .badge,
#screenProcurarEditor #exploreClientsGrid .eCard .badge{
  background:var(--tc-papel2) !important;
  border:1px solid var(--tc-linha) !important;
  color:var(--tc-mut) !important;
  border-radius:100px !important;
}

/* ────────────────────── PERFIL DO CLIENTE: a capa ────────────────────── */

/* O rótulo era branco puro direto sobre a caixa clara: 1.13:1. A pastilha
   escura funciona tanto na caixa vazia quanto sobre uma capa qualquer.
   Opaca de propósito: fundo semitransparente depende do que está atrás e
   deixa de ser garantia — sobre uma capa clara volta a sumir. */
#screenClientProfile .cjCoverOverlayText{
  padding:7px 14px !important;
  border-radius:4px !important;
  background:#111827 !important;
  color:#ffffff !important;
}

/* 4.42:1 reprovava por pouco. O dourado de TEXTO dá 5.4 no creme. */
#screenClientProfile #cjCoverDefault strong{
  color:var(--tc-ouro-ink) !important;
}

/* ─────────────────────── MARKETPLACE: quase-erros ───────────────────────
   Não eram invisíveis, mas ficavam em 3.1–3.5 quando o mínimo é 4.5.
   Cinza claro demais em rótulo pequeno é o erro mais comum de card, e aqui
   ele estava justamente no preço — o dado que decide a compra. */
#screenProcurar .eCardFooter .eCardPriceLabel{
  color:#4b5563 !important;
}

/* dourado puro sobre branco dá 2.5:1. Para escrever, o token é o -ink. */
#screenProcurar .eCardFooter .eCardCta,
#screenProcurar button.eCardCta{
  color:#7a5d10 !important;
}

#screenProcurar .kmlMarketResultsBar .kmlMarketSortWrap > span{
  color:#4b5563 !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   SOLICITAÇÕES DO EDITOR (verificado, modo avançado, equipe, impulso)
   ════════════════════════════════════════════════════════════════════════════
   Esta tela estava com `display:none !important` no redesign.css — nunca abria.
   O styles.css a desenhou para fundo escuro: titulo #fff4c7, descricao branca
   a 90%, cards com gradiente escuro e borda branca a 10%. No site claro isso
   virava texto preto (pelo reset global) dentro de card sem borda visivel.

   Aqui ela entra na paleta do site: papel branco, tinta #111827, dourado de
   TEXTO #7a5d10 (o de preenchimento da 2.5:1 e reprova), raio 4px.
   ════════════════════════════════════════════════════════════════════════════ */

#screenEditorSolicitacoes{
  --sol-papel:#ffffff;
  --sol-papel2:#faf7f1;
  --sol-tinta:#111827;
  --sol-mut:#4b5563;
  --sol-linha:rgba(17,24,39,.12);
  --sol-ouro:#fcbc1d;
  --sol-ouro-ink:#7a5d10;
}

/* devolve a heranca dentro da tela: sem isto o reset global fixa tudo em #111 */
#screenEditorSolicitacoes p, #screenEditorSolicitacoes span,
#screenEditorSolicitacoes label, #screenEditorSolicitacoes strong,
#screenEditorSolicitacoes div, #screenEditorSolicitacoes li{
  color:inherit !important;
}

#screenEditorSolicitacoes .section-title{
  color:var(--sol-tinta) !important;
  text-shadow:none !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
}
/* o losango decorativo virava bola com gradiente radial e sombra colorida —
   a LEI proibe as duas coisas. Fica um tracinho dourado, igual ao kEyebrow. */
#screenEditorSolicitacoes .section-title::before{
  content:"" !important;
  width:22px !important; height:2px !important;
  border-radius:0 !important;
  background:var(--sol-ouro) !important;
  box-shadow:none !important;
  flex:0 0 auto !important;
}

#screenEditorSolicitacoes > .pill{
  border:1px solid var(--sol-linha) !important;
  border-left:3px solid var(--sol-ouro) !important;
  border-radius:4px !important;
  background:var(--sol-papel2) !important;
  color:var(--sol-mut) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

#screenEditorSolicitacoes > .card{
  border:1px solid var(--sol-linha) !important;
  border-radius:4px !important;
  background:var(--sol-papel) !important;
  box-shadow:none !important;
}

/* ---- os quatro cards ---- */
#screenEditorSolicitacoes .editorSolicitacaoCard{
  border:1px solid var(--sol-linha) !important;
  border-radius:4px !important;
  background:var(--sol-papel) !important;
  box-shadow:none !important;
  color:var(--sol-tinta) !important;
  transition:border-color .22s cubic-bezier(.16,1,.3,1),
             background .22s cubic-bezier(.16,1,.3,1) !important;
}
#screenEditorSolicitacoes .editorSolicitacaoCard:hover{
  transform:none !important;                    /* card nao levita */
  border-color:rgba(17,24,39,.28) !important;
  background:var(--sol-papel2) !important;
  box-shadow:none !important;
}
#screenEditorSolicitacoes .editorSolicitacaoCard:focus-visible{
  outline:2px solid var(--sol-tinta) !important;
  outline-offset:2px !important;
}

#screenEditorSolicitacoes .editorSolicitacaoCard__icon{
  background:rgba(201,160,42,.14) !important;
  border:1px solid rgba(201,160,42,.36) !important;
  border-radius:4px !important;
  color:var(--sol-ouro-ink) !important;
  font-weight:900 !important;
}

#screenEditorSolicitacoes .editorSolicitacaoCard__title{
  color:var(--sol-tinta) !important;
  font-weight:800 !important;
}
#screenEditorSolicitacoes .editorSolicitacaoCard__desc{
  color:var(--sol-mut) !important;
}
#screenEditorSolicitacoes .editorSolicitacaoCard__hint{
  color:var(--sol-ouro-ink) !important;
  font-weight:700 !important;
}

/* selecionado: barra dourada + a etiqueta "Selecionado". Nunca so a cor. */
#screenEditorSolicitacoes .editorSolicitacaoBtn--active{
  border-color:rgba(201,160,42,.5) !important;
  border-left:3px solid var(--sol-ouro) !important;
  background:var(--sol-papel2) !important;
  box-shadow:none !important;
  filter:none !important;
}
#screenEditorSolicitacoes .editorSolicitacaoBtn--active::after{
  background:var(--sol-ouro) !important;
  color:#111827 !important;
  box-shadow:none !important;
  border-radius:100px !important;
  font-weight:900 !important;
}

/* ---- formulario ---- */
#screenEditorSolicitacoes .editorSolicitacaoField label{
  color:var(--sol-tinta) !important;
  font-weight:800 !important;
}
#screenEditorSolicitacoes .editorSolicitacaoField textarea{
  border:1px solid #d1d5db !important;
  border-radius:4px !important;
  background:#f9fafb !important;
  color:var(--sol-tinta) !important;
  box-shadow:none !important;
}
#screenEditorSolicitacoes .editorSolicitacaoField textarea:focus{
  border-color:var(--sol-tinta) !important;
  background:#fff !important;
  box-shadow:0 0 0 3px rgba(17,24,39,.08) !important;
}
#screenEditorSolicitacoes .editorSolicitacaoField .hint{
  color:var(--sol-mut) !important;
}

/* o brilho que atravessava o botao de suporte era enfeite puro */
#screenEditorSolicitacoes .editorSupportCta::after{ display:none !important }

@media (prefers-reduced-motion:reduce){
  #screenEditorSolicitacoes .editorSolicitacaoCard{ transition:none !important }
}
/* `.btn.secondary` global e do tema escuro: texto branco a 82% sobre fundo
   branco a 6%. Nesta tela clara isso da 1.0:1 — o botao existe e nao se le. */
#screenEditorSolicitacoes .btn.secondary{
  border:1px solid #d1d5db !important;
  background:var(--sol-papel) !important;
  color:var(--sol-tinta) !important;
  border-radius:4px !important;
}
#screenEditorSolicitacoes .btn.secondary:hover{
  border-color:#9ca3af !important;
  background:var(--sol-papel2) !important;
  box-shadow:none !important;
}
/* o primario da tela usa o dourado de preenchimento com tinta escura: 7.2:1 */
#screenEditorSolicitacoes .btn:not(.secondary):not(.ghost){
  border:1px solid #b08d20 !important;
  background:var(--sol-ouro) !important;
  color:#111827 !important;
  border-radius:4px !important;
  box-shadow:none !important;
}
/* ════════════════════════════════════════════════════════════════════════════
   PAINEL "MINHAS DENUNCIAS"
   ════════════════════════════════════════════════════════════════════════════
   Mais um painel escrito para fundo escuro: texto rgba(245,246,251,.72) e
   titulos #fff. No site claro o estado vazio ficava em 1.03:1 — branco no
   branco. Quem abria o painel sem nenhuma denuncia via uma tela em branco e
   concluia que o recurso nao funcionava.
   ════════════════════════════════════════════════════════════════════════════ */

.denMyPanel{
  background:#ffffff !important;
  border:1px solid rgba(17,24,39,.14) !important;
  color:#111827 !important;
}

.denMyHead{
  border-bottom:1px solid rgba(17,24,39,.12) !important;
  background:#ffffff !important;
}
.denMyTitle{ color:#111827 !important; font-weight:900 !important }
.denMyTitleIcon{ color:#7a5d10 !important }
.denMyClose{
  border:1px solid #d1d5db !important;
  background:#fff !important;
  color:#111827 !important;
  border-radius:4px !important;
}
.denMyClose:hover{ background:#f4f5f7 !important }

.denMyBody{ background:#ffffff !important }

.denMyLoading,
.denMyEmpty{ color:#4b5563 !important }
.denMyEmpty h3{ color:#111827 !important }
.denMyEmpty p{ color:#4b5563 !important }
.denMyEmptyIcon svg{ color:#7a5d10 !important }
.denMyBtn{
  border:1px solid #b08d20 !important;
  background:#fcbc1d !important;
  color:#111827 !important;
  border-radius:4px !important;
  font-weight:900 !important;
}

.denMyCard{
  border:1px solid rgba(17,24,39,.12) !important;
  background:#ffffff !important;
  border-radius:4px !important;
  color:#111827 !important;
  box-shadow:0 1px 2px rgba(17,24,39,.05) !important;
}
.denMyCard h3{ color:#111827 !important }
.denMyCard p{ color:#4b5563 !important }
.denMyProtocol{
  color:#7a5d10 !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
}
.denMyMeta span{ color:#4b5563 !important }
.denMyMeta b{ color:#111827 !important }

.denMyResult{
  border:1px solid rgba(17,24,39,.12) !important;
  border-left:3px solid #fcbc1d !important;
  background:#faf7f1 !important;
  border-radius:4px !important;
}
.denMyResult b{ color:#111827 !important }
.denMyResult p{ color:#4b5563 !important }

/* Etiquetas de status: preenchimento claro + tinta escura. O ponto colorido
   continua, mas o rotulo escrito e que informa. */
.denBadge{
  border-radius:100px !important;
  font-weight:900 !important;
  border:1px solid rgba(17,24,39,.14) !important;
  background:#f4f5f7 !important;
  color:#111827 !important;
}
.denBadge--enviada  { background:#f4f5f7 !important; color:#111827 !important }
.denBadge--analise  { background:rgba(201,160,42,.14) !important; color:#6b5010 !important;
                      border-color:rgba(201,160,42,.36) !important }
.denBadge--analisado{ background:rgba(31,122,69,.12) !important; color:#1a6b3c !important;
                      border-color:rgba(31,122,69,.34) !important }
.denBadge--rejeitado{ background:rgba(163,52,31,.10) !important; color:#8f2d1b !important;
                      border-color:rgba(163,52,31,.30) !important }
.denBadgeDot{ background:currentColor !important }

/* linha do tempo que ja existia */
.denTimeline, .denTimeline *{ color:inherit !important }
.denTimeline li{ color:#4b5563 !important }
.denTimeline li.is-done{ color:#111827 !important }
/* ── Explorar (editor): largura igual à do resto do site ─────────────────────
   Medido: a grade ia a 1884px numa janela de 1920, enquanto toda outra tela
   para em min(1680px, 100vw-84px). O conteudo desta tela ficava mais largo que
   o proprio cabecalho do site.

   O "vao a direita" que eu tinha anotado como bug de card NAO era isso: sao
   celulas vazias porque o demo tem uma oportunidade so. Com a lista cheia, a
   grade de 4 colunas esta certa. */
#screenProcurarEditor .wrap,
#screenProcurarEditor > .marketTop,
#screenProcurarEditor .marketWelcome,
#screenProcurarEditor .marketSection,
#screenProcurarEditor .marketPromo,
#screenProcurarEditor #exploreClientsGrid{
  width:min(1680px, calc(100vw - 84px)) !important;
  margin-inline:auto !important;
}

@media (max-width:1100px){
  #screenProcurarEditor .wrap,
  #screenProcurarEditor > .marketTop,
  #screenProcurarEditor .marketWelcome,
  #screenProcurarEditor .marketSection,
  #screenProcurarEditor .marketPromo,
  #screenProcurarEditor #exploreClientsGrid{
    width:calc(100vw - 32px) !important;
  }
}

/* Poucos itens numa grade de 4 colunas deixa a linha parecendo quebrada.
   Limitar a largura da COLUNA (e nao da grade) mantem o card num tamanho
   legivel e o espaco que sobra le como "cabe mais", nao como falha. */
#screenProcurarEditor #exploreClientsGrid{
  grid-template-columns:repeat(auto-fill, minmax(280px, 420px)) !important;
  justify-content:start !important;
}
/* ════════════════════════════════════════════════════════════════════════════
   CONTROLES NATIVOS: o site e claro, o navegador achava que era escuro
   ════════════════════════════════════════════════════════════════════════════
   `styles.css` ainda declara `body{ color-scheme:dark }` — sobra do tema
   escuro original. Esse valor nao pinta nada do CSS: ele diz ao NAVEGADOR como
   desenhar o que e dele. Resultado: o campo fechado ficava branco (nosso CSS)
   e o popup abria preto (o Chrome), no mesmo elemento.

   Vale para todo select, barra de rolagem, seletor de data e campo de arquivo.
   ════════════════════════════════════════════════════════════════════════════ */
body:not(.preAuth){
  color-scheme: light !important;
}

/* Nao basta o body: existe uma regra `input, textarea, select{color-scheme:dark}`
   escrevendo direto no campo, e color-scheme nao herda por cima de um valor
   proprio. E preciso alcancar o elemento em si — foi por isso que a primeira
   tentativa deixou a cadeia clara e o select ainda escuro. */
body:not(.preAuth) input,
body:not(.preAuth) textarea,
body:not(.preAuth) select,
body:not(.preAuth) button{
  color-scheme: light !important;
}

/* As opcoes vinham pintadas de preto no CSS antigo, o que sobreviveria mesmo
   com o color-scheme corrigido. */
select option{
  background-color:#ffffff !important;
  color:#111827 !important;
}

/* A opcao escolhida usa o dourado da logo com tinta escura por cima (7.2:1),
   no lugar do azul padrao do sistema. Aqui o dourado PREENCHE, entao a tinta
   e escura — dourado como texto sobre branco da 2.5:1 e reprovaria. */
select option:checked,
select option[selected]{
  background:#fcbc1d linear-gradient(#fcbc1d, #fcbc1d) !important;
  color:#111827 !important;
  font-weight:800 !important;
}

/* accent-color manda no realce nativo de varios controles de uma vez */
body:not(.preAuth) select,
body:not(.preAuth) input[type="checkbox"],
body:not(.preAuth) input[type="radio"],
body:not(.preAuth) input[type="range"],
body:not(.preAuth) progress{
  accent-color:#fcbc1d !important;
}

/* ═══ O AMARELO DA MARCA: PREENCHER SIM, ESCREVER NÃO ═══════════════════════
   O dourado do site era `#c9a02a`, um mostarda apagado que ninguém escolheu —
   a logo (favicon-192, logo-512, apple-touch-icon) é `#fcbc1d`, medido no
   pixel do próprio arquivo. Trocado nos 259 lugares.

   O amarelo vivo é ÓTIMO para preencher (com texto escuro dá 10.9:1) e
   PÉSSIMO para escrever sobre branco: 1.7:1. Este bloco conserta os lugares
   onde ele tinha virado texto ou contorno de controle, medidos um a um contra
   o fundo efetivo de cada elemento.

   `#7a5d10` é o dourado-tinta que já existia no sistema justamente para isso:
   6.2:1 sobre branco, mesma família de cor. */

/* "VERIFICADO" no card do editor: media 1.7:1, praticamente invisível. Já
   reprovava antes da troca (2.46:1) — o amarelo vivo só escancarou. */
#screenProcurar .eCard .eCardVerified,
#screenProcurarEditor .eCard .eCardVerified,
#screenSearchResults .eCard .eCardVerified,
#screenProcurar .exploreRowCard.eCard .eCardVerified,
#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardVerified,
#screenProcurarEditor .eCardWhitePanel .eCardVerified,
#screenSearchResults .searchResultCard.eCard .eCardVerified{
  color:#7a5d10 !important;
}
/* o "check" do selo é SVG com stroke próprio, não herda currentColor */
#screenProcurar .eCardVerified svg path,
#screenProcurarEditor .eCardVerified svg path,
#screenSearchResults .eCardVerified svg path{
  stroke:#7a5d10 !important;
}

/* Botão "Ver perfil": o contorno É o botão (fundo transparente). Em amarelo
   sobre branco o limite media 1.7:1 e ele deixava de se ler como controle. */
#screenProcurar .eCard .eCardCta,
#screenProcurarEditor .eCard .eCardCta,
#screenSearchResults .eCard .eCardCta,
#screenProcurar button.eCardCta,
/* Estas quatro não são exagero: existe `#screenProcurar .exploreRowCard.eCard
   .eCardCta` (1 id + 3 classes) escrevendo a borda amarela, e um seletor com
   1 id + 2 classes perde para ele mesmo com !important. Medido: a regra curta
   não mudou nada, o contraste continuou 1.7. */
#screenProcurar .exploreRowCard.eCard .eCardCta,
#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardCta,
#screenProcurarEditor .eCardWhitePanel .eCardCta,
#screenSearchResults .searchResultCard.eCard .eCardCta{
  border-color:#7a5d10 !important;
}

/* Controles com PREENCHIMENTO amarelo: a borda não pode ser da mesma cor do
   fundo, senão o botão não tem limite contra o papel. Borda no dourado-tinta
   dá 6.2:1 e o miolo continua vivo. */
#screenChat.kmlChatWhiteScreen .sendButton,
body:not(.preAuth) .banco-split-bar__fee{
  border:1px solid #7a5d10 !important;
}

/* Barras do gráfico do Meu Banco. Aqui a cor SIGNIFICA (amarelo = acima da
   média), então a forma precisa se ler contra o papel — media 1.7:1. Contorno
   por `inset box-shadow` e não por `border`: borda mudaria a altura da barra
   e desalinharia o gráfico inteiro. */
#screenBanco .banco-bar.is-acima .banco-bar__haste i,
#screenBanco .banco-cli__barra i{
  box-shadow:inset 0 0 0 1px #7a5d10 !important;
}

/* As fitas de 3px em banners e cartões continuam vivas de propósito: são
   decoração, a informação está no texto e no fundo creme ao lado. A 1.4.11
   fala de conteúdo não-textual necessário para entender — nenhuma delas é.
   Fica escrito para o próximo não achar que foi esquecimento. */