/* preview-parity.css — carregar DEPOIS de todos os outros (último <link> do <head>) */
:root{
  --pv-bg:#F7F2E8;
  --pv-card:#FFFDF8;
  --pv-ink:#29342B;
  --pv-muted:#85837D;
  --pv-forest:#2D4B39;
  --pv-soft:#F3EDE4;
  --pv-line:#DED7CA;
}
/* 1. Fundo creme uniforme, sem foto de sala atrás */
body.theme-female:not(.a11y-dark),
body.theme-female:not(.a11y-dark) main.app.content{
  background:var(--pv-bg)!important;
}
body:not(.theme-male) .auth-gate{
  background:linear-gradient(180deg,#FAF7F0,#F7F2E8)!important;
}
body:not(.theme-male) .auth-panel{
  background:rgba(255,253,248,.92)!important;
  border:1px solid var(--pv-line)!important;
  box-shadow:0 18px 55px rgba(60,50,35,.12)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

/* 2. Cartões: papel opaco, sombra suave, cantos arredondados */
body.theme-female:not(.a11y-dark) .card,
body.theme-female:not(.a11y-dark) .premium-panel,
body.theme-female:not(.a11y-dark) .agenda-calendar-card,
body.theme-female:not(.a11y-dark) .agenda-search-card,
body.theme-female:not(.a11y-dark) .agenda-list-accordion,
body.theme-female:not(.a11y-dark) .female-dashboard-progress-card,
body.theme-female:not(.a11y-dark) .female-dashboard-feature-grid>button,
body.theme-female:not(.a11y-dark) .female-dashboard-reminder,
body.theme-female:not(.a11y-dark) .settings-sheet-card{
  background:var(--pv-card)!important;
  border:1px solid var(--pv-line)!important;
  box-shadow:0 6px 20px rgba(70,55,40,.07)!important;
  border-radius:20px!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* 3. Verde floresta em todos os estados ativos */
.btn.primary,.primary,.btn.block:not(.ghost),
.auth-entry-primary,.auth-panel .btn.block:not(.ghost),
body.theme-female:not(.a11y-dark) .btn.primary,
body.theme-female:not(.a11y-dark) .btn.block{
  background:var(--pv-forest)!important;
  border-color:var(--pv-forest)!important;
  color:#FFFDF8!important;
}
.segment-tab.active,.weektabs button.active,.progress-range-tabs button.active,
.home-view-toggle button.active,.agenda-type-tabs button.active,
.tabs button.active,.prayer-book-tabs button.active{
  background:var(--pv-forest)!important;color:#fff!important;
}
.home-overview-card{
  background:linear-gradient(135deg,#2D4B39,#3A5C46)!important;
}
.progress>i,.progress>span{background:var(--pv-forest)!important}

/* 4. Cabeçalho limpo sobre creme */
body.theme-female:not(.a11y-dark) .premium-header,
body.theme-female:not(.a11y-dark) header.app-header{
  background:rgba(250,246,238,.96)!important;
  border-color:rgba(82,106,81,.11)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}

/* 5. Calendário: dia ativo em pílula sólida verde floresta */
.agenda-calendar-day{
  border-radius:999px!important;
  transition:background .15s ease;
}
.agenda-calendar-day.is-today{
  border-color:var(--pv-forest)!important;
  box-shadow:inset 0 0 0 1px var(--pv-forest)!important;
}
.agenda-calendar-day:active,.agenda-calendar-day.selected{
  background:var(--pv-forest)!important;color:#FFFDF8!important;
}
.agenda-calendar-day.has-achievement{
  background:#DDEAD6!important;border-color:#B9D0AD!important;color:#365337!important;
}

/* 6. Checkbox circular e marca de feito */
.check,.agenda-shift-check,.today-shift-check{
  border-radius:50%!important;
}
.check.done{
  background:var(--pv-forest)!important;border-color:var(--pv-forest)!important;
}
.item input[type=checkbox],.focus-step input{accent-color:var(--pv-forest)}

/* 7. Barra inferior translúcida, ativo em verde floresta */
body.theme-female nav.nav.premium-nav-8{
  background:rgba(255,252,245,.96)!important;
  border-top:1px solid var(--pv-line)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
body.theme-female .premium-nav-8 .tab.active{color:var(--pv-forest)!important}

/* 8. Modais como folha flutuante com fundo escurecido */
.modal{background:rgba(35,42,34,.45)!important;backdrop-filter:blur(3px)!important}
.modal-card{
  background:var(--pv-card)!important;
  border:1px solid var(--pv-line)!important;
  border-radius:24px!important;
  box-shadow:0 20px 60px rgba(35,30,20,.16)!important;
}


/* =====================================================================
   HOME APROVADA — 26/09/2026
   Referência visual homologada pela fundadora.
   Escopo estrito: #start no tema feminino. Não altera logo, dados ou lógica.
   ===================================================================== */
body.theme-female:not(.a11y-dark):has(#start.home-preview-approved:not(.hidden)){
  background:
    linear-gradient(180deg,rgba(252,248,239,.03),rgba(250,244,234,.08)),
    var(--ol-visual-home) center/cover fixed no-repeat!important;
}
body.theme-female:not(.a11y-dark):has(#start.home-preview-approved:not(.hidden)) main.app.content{
  background:transparent!important;
  padding-top:0!important;
}
body.theme-female:not(.a11y-dark):has(#start.home-preview-approved:not(.hidden)) .premium-header{
  display:none!important;
}
#start.home-preview-approved{
  padding:0!important;
  margin:0!important;
}
#start.home-preview-approved .home-preview-approved-shell{
  width:min(100%,720px);
  min-height:calc(100dvh - 72px);
  margin:0 auto;
  padding:calc(14px + env(safe-area-inset-top)) 16px calc(96px + env(safe-area-inset-bottom));
  color:#2d4437;
}
#start.home-preview-approved .home-preview-approved-topbar{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:4px;
}
#start.home-preview-approved .home-preview-top-actions{
  display:flex;
  align-items:center;
  gap:9px;
}
#start.home-preview-approved .home-preview-round-btn,
#start.home-preview-approved .home-preview-profile{
  width:46px;
  height:46px;
  min-width:46px;
  border:1px solid rgba(71,91,71,.12)!important;
  border-radius:50%!important;
  background:rgba(255,253,247,.90)!important;
  color:#33513d!important;
  display:grid;
  place-items:center;
  padding:0!important;
  box-shadow:0 7px 20px rgba(57,51,42,.06)!important;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
#start.home-preview-approved .home-preview-round-btn{
  font-size:1.25rem!important;
}
#start.home-preview-approved .home-preview-menu{
  font-size:1.4rem!important;
}
#start.home-preview-approved .home-preview-profile{
  overflow:hidden;
}
#start.home-preview-approved .home-preview-profile img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
  display:block;
}
#start.home-preview-approved .home-preview-hero{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  text-align:center;
  padding:4px 22px 16px;
}
#start.home-preview-approved .home-preview-established-logo{
  display:block!important;
  width:auto!important;
  max-width:min(220px,54vw)!important;
  max-height:112px!important;
  margin:0 auto 7px!important;
  object-fit:contain!important;
  filter:none!important;
  opacity:1!important;
}
#start.home-preview-approved .home-preview-hero h1{
  margin:0!important;
  color:#213a2e!important;
  font:500 clamp(2rem,8vw,2.7rem)/1.05 Georgia,"Times New Roman",serif!important;
  letter-spacing:-.02em!important;
}
#start.home-preview-approved .home-preview-hero p{
  margin:8px auto 0!important;
  max-width:430px;
  color:#526052!important;
  font:500 clamp(.91rem,3.6vw,1.08rem)/1.42 Georgia,"Times New Roman",serif!important;
}
#start.home-preview-approved .home-preview-stack{
  display:grid;
  gap:11px;
}
#start.home-preview-approved .home-preview-card{
  width:100%;
  margin:0!important;
  border:1px solid rgba(71,88,70,.12)!important;
  border-radius:22px!important;
  background:rgba(255,252,246,.92)!important;
  box-shadow:0 9px 28px rgba(65,55,43,.07)!important;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  color:#2c4235!important;
}
#start.home-preview-approved button.home-preview-card{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  text-align:left;
  padding:15px 16px!important;
}
#start.home-preview-approved .home-preview-card-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  color:#436949;
  font-size:1.42rem;
}
#start.home-preview-approved .home-preview-card-copy{
  min-width:0;
  display:block;
}
#start.home-preview-approved .home-preview-card-copy>b{
  display:block;
  color:#253d31;
  font:600 1.13rem/1.15 Georgia,"Times New Roman",serif!important;
}
#start.home-preview-approved .home-preview-card-copy>strong{
  display:block;
  margin-top:5px;
  color:#31473a;
  font:500 .91rem/1.4 Georgia,"Times New Roman",serif!important;
}
#start.home-preview-approved .home-preview-card-copy>small{
  display:block;
  margin-top:4px;
  color:#6f796f;
  font-size:.74rem;
  line-height:1.25;
}
#start.home-preview-approved .home-preview-chevron{
  align-self:center;
  color:#425b48;
  font:400 1.8rem/1 Georgia,serif;
}
#start.home-preview-approved .home-preview-verse{
  min-height:128px;
}
#start.home-preview-approved .home-preview-agenda{
  min-height:100px;
  grid-template-columns:48px minmax(0,1fr) 68px 16px!important;
}
#start.home-preview-approved .home-preview-agenda .home-preview-card-copy>b{
  letter-spacing:.06em;
}
#start.home-preview-approved .home-preview-progress{
  --home-preview-progress:0deg;
  width:64px;
  height:64px;
  border-radius:50%;
  display:grid;
  place-items:center;
  position:relative;
  background:conic-gradient(#3f6849 var(--home-preview-progress),#e3e8dc 0);
}
#start.home-preview-approved .home-preview-progress:before{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:50%;
  background:#fbfaf4;
}
#start.home-preview-approved .home-preview-progress em{
  position:relative;
  color:#294133;
  font:600 .92rem Georgia,serif;
  font-style:normal;
}
#start.home-preview-approved .home-preview-mural{
  min-height:156px;
  align-items:start!important;
  padding:18px 16px 16px!important;
  background:
    linear-gradient(90deg,rgba(255,252,246,.88),rgba(255,252,246,.66)),
    var(--ol-visual-home) left 72%/cover no-repeat!important;
}
#start.home-preview-approved .home-preview-mural .home-preview-card-copy{
  grid-column:1/3;
  padding-left:4px;
}
#start.home-preview-approved .home-preview-mural .home-preview-card-copy>b{
  font-size:1.28rem!important;
}
#start.home-preview-approved .home-preview-mural .home-preview-chevron{
  grid-column:3;
  grid-row:1;
}
#start.home-preview-approved .home-preview-community{
  padding:15px 16px 14px!important;
  min-height:128px;
}
#start.home-preview-approved .home-preview-community-title{
  margin:0 0 7px;
  color:#2d4437;
  font:600 1.15rem/1.15 Georgia,"Times New Roman",serif;
}
#start.home-preview-approved .home-preview-community .home-card-label{
  margin-bottom:7px!important;
  color:#637266!important;
  font-size:.67rem!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
#start.home-preview-approved .home-preview-community .home-comment{
  margin:0!important;
}
#start.home-preview-approved .home-preview-community .home-comment-head{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
#start.home-preview-approved .home-preview-community .home-comment-avatar{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
}
#start.home-preview-approved .home-preview-community .home-comment-author b{
  font-size:.9rem!important;
}
#start.home-preview-approved .home-preview-community .home-comment-author small{
  font-size:.65rem!important;
}
#start.home-preview-approved .home-preview-community .home-comment-copy{
  margin-top:8px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  color:#445447!important;
  font-size:.78rem!important;
  line-height:1.35!important;
}
#start.home-preview-approved .home-preview-community .home-comment-actions{
  margin-top:8px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
}
#start.home-preview-approved .home-preview-community .home-community-link,
#start.home-preview-approved .home-preview-community .home-comment-like{
  font-size:.71rem!important;
}
body.theme-female:not(.a11y-dark):has(#start.home-preview-approved:not(.hidden)) nav.nav.premium-nav-8{
  background:rgba(255,252,246,.97)!important;
  border-top:1px solid rgba(69,83,68,.08)!important;
  box-shadow:0 -8px 24px rgba(62,54,43,.05)!important;
}
body.theme-female:not(.a11y-dark):has(#start.home-preview-approved:not(.hidden)) nav.nav.premium-nav-8 .tab.active{
  background:rgba(226,236,222,.70)!important;
}
@media(max-width:430px){
  #start.home-preview-approved .home-preview-approved-shell{
    padding-left:12px;
    padding-right:12px;
  }
  #start.home-preview-approved .home-preview-hero{
    padding-left:14px;
    padding-right:14px;
  }
  #start.home-preview-approved .home-preview-established-logo{
    max-width:min(205px,58vw)!important;
    max-height:102px!important;
  }
  #start.home-preview-approved .home-preview-verse{
    min-height:116px;
  }
  #start.home-preview-approved .home-preview-mural{
    min-height:142px;
  }
}


/* HOTFIX 27/09 — Meu Mural somente como botão pequeno no fim da Home */
#start.home-preview-approved .home-preview-mural{display:none!important}
#start.home-preview-approved .home-preview-mural-small-wrap{
  display:flex!important;
  justify-content:flex-end!important;
  padding:2px 2px 6px!important;
}
#start.home-preview-approved .home-preview-mural-small{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:auto!important;
  min-width:126px!important;
  min-height:44px!important;
  padding:9px 16px!important;
  border:1px solid rgba(71,88,70,.14)!important;
  border-radius:999px!important;
  background:rgba(255,252,246,.94)!important;
  box-shadow:0 7px 20px rgba(65,55,43,.06)!important;
  color:#31483a!important;
  font:700 .9rem/1.1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
#start.home-preview-approved .home-preview-mural-small span:last-child{
  font:500 1.2rem/1 Georgia,serif!important;
  color:#526c58!important;
}


/* HOTFIX 27/09 — Home simplificada conforme marcação da fundadora */
#start.home-preview-approved .home-preview-menu{
  display:grid!important;
  place-items:center!important;
}
#start.home-preview-approved .home-preview-menu-bars{
  width:22px!important;
  height:16px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
#start.home-preview-approved .home-preview-menu-bars i{
  display:block!important;
  width:22px!important;
  height:2px!important;
  border-radius:99px!important;
  background:#33513d!important;
}
#start.home-preview-approved .home-preview-daily-verse{
  max-width:470px!important;
  margin:10px auto 0!important;
  color:#4f6254!important;
  font:500 clamp(.94rem,3.8vw,1.08rem)/1.45 Georgia,"Times New Roman",serif!important;
}
#start.home-preview-approved .home-preview-daily-verse span{
  white-space:nowrap!important;
  font-size:.82em!important;
  color:#6e786f!important;
}
#start.home-preview-approved .home-preview-verse{
  display:none!important;
}
#start.home-preview-approved .home-preview-mural{
  display:none!important;
}
