/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 28 2026 | 18:36:10 */
/* ==========================================================================
   cp-pages-conta-acesso.css — prefixo cp-ca-
   Pagina "Minha conta" em /conta-e-acesso/ (PageContaAcessoHelper +
   cp-mod-conta-acesso.js): e-mail de acesso e senha, no lugar da aba geral de
   configuracoes do BuddyBoss. Prototipo aprovado em 28/09/2026:
   src-web/dev/demos/demo-minha-conta.html.

   !important nas propriedades que o BuddyBoss disputa (color, margin, padding,
   line-height, font-weight, font-size, text-decoration).
   ⚠️ O tema aumenta todo <label>: o tamanho do rotulo vai com !important.
   ========================================================================== */

.cp-ca-hero {
  width: 100vw; margin-left: calc(-50vw + 50%) !important; box-sizing: border-box;
  background: linear-gradient(180deg, #1a1a1a 0%, #262626 100%);
  padding: 30px 24px 28px !important;
}
.cp-ca-hero-in { max-width: 960px; margin: 0 auto !important; }
.cp-ds .cp-ca-eyebrow {
  font-size: 11px !important; font-weight: 700 !important; letter-spacing: 3px; text-transform: uppercase;
  color: #F7D44A !important; margin: 0 0 6px !important; line-height: 1.3 !important;
}
.cp-ds h1.cp-ca-title { color: #fff !important; font-size: 28px !important; font-weight: 700 !important; margin: 0 0 4px !important; line-height: 1.2 !important; }
.cp-ds .cp-ca-lead { color: #cfcfd4 !important; font-size: 14px !important; margin: 0 !important; line-height: 1.5 !important; }

.cp-ca-wrap { max-width: 960px; margin: 0 auto !important; padding: 24px 24px 60px !important; box-sizing: border-box; }
.cp-ca-corpo { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 22px; align-items: start; }
.cp-ca-bloco {
  background: #fff; border: 1px solid #e4e4e8; border-radius: 14px; padding: 20px 22px !important;
  margin: 0 0 16px !important; box-sizing: border-box;
}
.cp-ds .cp-ca-bloco h2 {
  font-size: 17px !important; font-weight: 700 !important; color: #1a1a1a !important; margin: 0 0 4px !important;
  line-height: 1.3 !important; display: flex; align-items: center; gap: 10px;
}
/* ⚠️ O .fa do FontAwesome define display e line-height e vence por ordem: sem o
   !important o glifo fica no canto do quadrado (visto no ar em 28/09/2026). */
.cp-ds i.cp-ca-ic {
  width: 34px; height: 34px; border-radius: 9px; background: #f1f1f4; color: #44444c !important;
  display: inline-flex !important; align-items: center; justify-content: center; font-size: 15px !important;
  line-height: 1 !important; flex: 0 0 auto; box-sizing: border-box;
}
.cp-ds .cp-ca-sub { font-size: 13px !important; color: #6b6b73 !important; margin: 0 0 14px 44px !important; line-height: 1.45 !important; }
.cp-ca-linha {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  background: #f7f7f9; border-radius: 10px; padding: 12px 14px !important;
}
.cp-ca-k { font-size: 12px !important; color: #6b6b73 !important; line-height: 1.3 !important; }
.cp-ca-v { font-size: 15px !important; font-weight: 600 !important; color: #1a1a1a !important; word-break: break-all; line-height: 1.4 !important; }
button.cp-ca-bt {
  font-family: inherit; font-size: 14px !important; font-weight: 700 !important; border-radius: 10px;
  padding: 9px 15px !important; margin: 0 !important; border: 1px solid transparent; cursor: pointer;
  white-space: nowrap; line-height: 1.2 !important;
}
button.cp-ca-bt[disabled] { opacity: .55; cursor: default; }
button.cp-ca-bt-am { background: #F7D44A; color: #1a1a1a !important; border-color: #F7D44A; }
button.cp-ca-bt-br { background: #fff; color: #1a1a1a !important; border-color: #e4e4e8; }
button.cp-ca-bt-lk, a.cp-ca-bt-lk, a.cp-ca-bt-lk:visited {
  background: none; border: 0; color: #1a1a1a !important; text-decoration: underline !important;
  padding: 9px 4px !important; font-weight: 600 !important; font-size: 14px !important; cursor: pointer; font-family: inherit;
}
.cp-ca-form { margin: 14px 0 0 !important; display: grid; gap: 12px; }
.cp-ds label.cp-ca-lab { font-size: 13px !important; font-weight: 600 !important; color: #33333a !important; display: block; margin: 0 0 6px !important; line-height: 1.3 !important; }
.cp-ds input.cp-ca-inp {
  width: 100%; font-family: inherit; font-size: 15px !important; padding: 10px 40px 10px 12px !important;
  margin: 0 !important; border: 1px solid #d6d6dc !important; border-radius: 10px !important; background: #fff !important;
  color: #1a1a1a !important; box-sizing: border-box; height: auto !important; line-height: 1.4 !important;
}
.cp-ds input.cp-ca-inp:focus { outline: 2px solid #1a1a1a; outline-offset: 1px; }
.cp-ca-senha { position: relative; }
button.cp-ca-olho {
  position: absolute; right: 6px; top: 50%; transform: translateY(-50%); border: 0; background: none;
  color: #6b6b73 !important; cursor: pointer; padding: 6px !important; margin: 0 !important; line-height: 1 !important;
}
.cp-ds .cp-ca-ajuda { font-size: 12px !important; color: #6b6b73 !important; margin: 6px 0 0 !important; line-height: 1.4 !important; }
.cp-ca-forca { height: 4px; border-radius: 4px; background: #ececf0; margin: 8px 0 0 !important; overflow: hidden; }
.cp-ca-forca i { display: block; height: 100%; width: 0; background: #c0392b; transition: width .2s, background .2s; }
.cp-ca-acoes { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.cp-ca-aviso {
  border-radius: 10px; padding: 12px 14px !important; margin: 12px 0 0 !important; font-size: 14px !important;
  line-height: 1.5 !important; display: flex; gap: 10px; align-items: flex-start;
}
.cp-ca-aviso i { margin-top: 3px; }
.cp-ca-aviso b { font-weight: 700 !important; }
.cp-ca-aviso-pend { background: #fff7d1; color: #5c4a00 !important; }
.cp-ca-aviso-ok { background: #e9f5ee; color: #1e5c3a !important; }
.cp-ca-aviso-er { background: #fdecea; color: #b3261e !important; }
.cp-ds .cp-ca-erro { font-size: 13px !important; color: #b3261e !important; margin: 6px 0 0 !important; line-height: 1.4 !important; }
a.cp-ca-atalho, a.cp-ca-atalho:visited {
  display: flex; align-items: center; gap: 12px; padding: 12px 0 !important; border-top: 1px solid #f0f0f3;
  text-decoration: none !important; color: #1a1a1a !important;
}
a.cp-ca-atalho:first-of-type { border-top: 0; padding-top: 0 !important; }
.cp-ca-at-t { font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; }
.cp-ca-at-d { font-size: 12px !important; color: #6b6b73 !important; line-height: 1.4 !important; }
.cp-ca-seta { margin-left: auto; color: #b5b5bd; }
.cp-ds .cp-ca-lado h3 {
  font-size: 13px !important; letter-spacing: 1.4px; text-transform: uppercase; color: #6b6b73 !important;
  margin: 0 0 10px !important; font-weight: 700 !important; line-height: 1.3 !important;
}
.cp-ds .cp-ca-lado ul { margin: 0 !important; padding: 0 0 0 18px !important; }
.cp-ds .cp-ca-lado li { font-size: 13px !important; color: #33333a !important; line-height: 1.55 !important; margin: 0 0 8px !important; }
.cp-ca-login { background: #fff; border: 1px solid #e4e4e8; border-radius: 14px; padding: 28px !important; text-align: center; }
.cp-ds .cp-ca-login p { font-size: 15px !important; color: #33333a !important; margin: 0 0 14px !important; }
a.cp-ca-login-bt, a.cp-ca-login-bt:visited {
  display: inline-block; background: #F7D44A; color: #1a1a1a !important; font-weight: 700 !important;
  text-decoration: none !important; padding: 10px 18px !important; border-radius: 10px;
}

@media (max-width: 860px) {
  .cp-ca-corpo { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .cp-ca-hero { padding: 24px 16px !important; }
  .cp-ca-wrap { padding: 16px 16px 40px !important; }
  .cp-ca-linha { flex-wrap: wrap; }
  .cp-ds .cp-ca-sub { margin-left: 0 !important; }
  .cp-ca-bloco { padding: 16px !important; }
}