/* Rock Noticias Contas - por cima do tema atual. So carrega nas paginas /conta.
   Usa as variaveis do tema (styles.css: :root e [data-theme="dark"]) para seguir o modo claro/escuro. */
.rn-contas {
  --rn-accent: var(--link-color, #fe3560);
  --rn-card-bg: var(--card-bg, #fff);
  --rn-card-color: var(--card-color, #222);
  --rn-border: var(--border-color, #e3e3e3);
  --rn-muted: #6c757d;
  --rn-disabled-bg: #e9ecef;
  --rn-disabled-color: #6c757d;
  color: var(--body-color, #222);
}
[data-theme="dark"] .rn-contas {
  --rn-muted: #a8a8a8;
  --rn-disabled-bg: #242424;
  --rn-disabled-color: #9a9a9a;
}

.rn-contas .rn-muted { color: var(--rn-muted) !important; }
.rn-contas a:not(.btn) { color: var(--rn-accent); }

/* Cartoes */
.rn-contas .rn-card,
.rn-contas .rn-auth-card {
  background: var(--rn-card-bg);
  color: var(--rn-card-color);
  border: 1px solid var(--rn-border);
  border-radius: 10px;
}
.rn-contas .rn-card { padding: 1.25rem; }
.rn-contas .rn-auth-card { max-width: 440px; padding: 1.5rem; }
.rn-contas .rn-legal { max-width: 820px; color: var(--body-color, #222); }
.rn-contas .rn-legal h2 { font-size: 1.15rem; margin-top: 1.5rem; color: inherit; }

/* Textos dentro dos cartoes sempre na cor do cartao (o tema deixava rotulos e titulos apagados) */
.rn-contas .rn-card h2,
.rn-contas .rn-card h3,
.rn-contas .rn-card label,
.rn-contas .rn-card .form-label,
.rn-contas .rn-card .form-check-label,
.rn-contas .rn-card summary,
.rn-contas .rn-card p,
.rn-contas .rn-auth-card p { color: var(--rn-card-color); }

/* Campos */
.rn-contas .form-control { background-color: var(--input-bg, #fff); color: var(--input-color, #495057); border-color: var(--input-border, #ced4da); }
.rn-contas .form-control::placeholder { color: var(--rn-muted); opacity: .8; }
.rn-contas .form-control:disabled,
.rn-contas .form-control[readonly] { background-color: var(--rn-disabled-bg); color: var(--rn-disabled-color); }
.rn-contas select.form-control { appearance: auto; }

/* Botoes de login */
.rn-contas .rn-btn-provider { display: flex; align-items: center; justify-content: center; gap: .5rem; border-radius: 999px; padding: .65rem 1rem; font-weight: 700; margin-bottom: .75rem; }
.rn-contas .rn-btn-google { background: #fff; color: #222 !important; border: 1px solid #dadce0; }
.rn-contas .rn-btn-google:hover { background: #f1f3f4; }
.rn-contas .rn-btn-facebook { background: #1877f2; color: #fff !important; border: 1px solid #1877f2; }
.rn-contas .rn-btn-facebook:hover { background: #166fe5; }

/* Provedor falso (so no Docker local, com ?teste=1) */
.rn-contas .rn-fake-login { border: 2px dashed #f0ad4e; border-radius: 10px; padding: .75rem; margin-bottom: .75rem; }
.rn-contas .rn-fake-title { font-size: .8rem; font-weight: 700; color: #d48a00 !important; margin-bottom: .5rem; }

/* Perfil */
.rn-contas .rn-avatar { width: 88px; height: 88px; margin: 0 auto .75rem; border-radius: 50%; border: 3px solid var(--rn-accent); display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: 800; color: var(--rn-accent); }
.rn-contas .rn-name { font-size: 1.25rem; margin-bottom: .15rem; }
.rn-contas .rn-badge { display: inline-block; font-size: .8rem; font-weight: 700; border: 1px solid var(--rn-border); border-radius: 999px; padding: .15rem .6rem; }
.rn-contas .rn-menu { border-top: 1px solid var(--rn-border); padding-top: .75rem; }
.rn-contas .rn-menu-item { display: block; padding: .5rem .75rem; border-radius: 8px; color: var(--rn-card-color) !important; font-weight: 600; }
.rn-contas .rn-menu-item:hover { text-decoration: none; background: rgba(127,127,127,.12); }
.rn-contas .rn-menu-item.active { background: var(--rn-accent); color: #fff !important; }
.rn-contas .rn-card-title { font-size: 1rem; font-weight: 700; border-bottom: 2px solid var(--rn-accent); padding-bottom: .5rem; margin-bottom: .5rem; }
.rn-contas .rn-connected { display: flex; justify-content: space-between; padding: .4rem 0; border-bottom: 1px solid var(--rn-border); }
.rn-contas .rn-ok { color: #2fbf71; font-weight: 700; font-size: .9rem; }
.rn-contas .rn-section { font-size: 1.05rem; font-weight: 700; border-bottom: 2px solid var(--rn-accent); padding-bottom: .5rem; margin: 1.5rem 0 1rem; }
.rn-contas form > .rn-section:first-of-type { margin-top: 0; }
.rn-contas .rn-danger-link { cursor: pointer; color: #e5534b !important; font-weight: 600; }
.rn-contas .btn-link.rn-muted:hover { color: var(--rn-accent) !important; }

/* Lateral: contador e chamada de envio (Fase 3) */
.rn-contas .rn-count { display: inline-block; min-width: 1.4rem; text-align: center; font-size: .75rem; border-radius: 999px; padding: 0 .35rem; margin-left: .35rem; background: rgba(127,127,127,.25); }
.rn-contas .rn-menu-item.active .rn-count { background: rgba(255,255,255,.3); }
.rn-contas .rn-promo { margin-top: 1rem; text-align: center; background: linear-gradient(160deg, rgba(254,53,96,.18), rgba(0,0,0,0) 70%), var(--rn-card-bg); }
.rn-contas .rn-promo h3 { font-size: 1.05rem; font-weight: 700; }
.rn-contas .rn-promo ul { list-style: none; padding: 0; margin: .5rem 0 1rem; }
.rn-contas .rn-promo li { padding: .3rem 0; border-bottom: 1px solid var(--rn-border); font-size: .9rem; }
.rn-contas .rn-promo li:last-child { border-bottom: 0; }