/* PATCH 200 — ajuste fino fiel ao mockup aprovado */
:root{
 --f200-navy:#06223d;
 --f200-navy-deep:#03172d;
 --f200-cyan:#0da7cf;
 --f200-blue:#0876d1;
 --f200-gold:#ffb812;
 --f200-gold2:#ffd15e;
 --f200-paper:#f4f8fb;
 --f200-ink:#10233a;
 --f200-muted:#6f7f91;
}

/* FUNDO / SHELL */
.tb-app-bg{
 background:
   radial-gradient(circle at 50% -50px,rgba(13,167,207,.38),transparent 240px),
   linear-gradient(180deg,#05385f 0,#052948 206px,#eff5f8 207px,#eff5f8 100%)!important;
}
.tb-app-main{
 width:min(100%,470px)!important;
 padding:10px 12px 20px!important;
}

/* TOPO — mesma composição do mockup */
.tb-topbar-faith199{
 min-height:96px!important;
 margin:0 0 8px!important;
 padding:5px 2px 3px!important;
 grid-template-columns:46px minmax(0,1fr) 92px!important;
 gap:8px!important;
}
.tb-top-menu-left{
 width:42px!important;height:42px!important;
 border-radius:14px!important;
 background:rgba(3,31,56,.12)!important
}
.tb-top-menu-left span{width:24px!important;height:2px!important;background:#fff!important}
.tb-brand-faith199{justify-content:flex-start!important;padding-left:2px!important}
.tb-brand-logo-faith199{
 width:148px!important;height:72px!important;max-width:100%!important;
 filter:drop-shadow(0 3px 8px rgba(0,0,0,.10))!important
}
.tb-top-actions-faith199{justify-content:flex-end!important;gap:8px!important}
.tb-top-actions-faith199 .tb-top-icon,.tb-profile-mini{
 width:42px!important;height:42px!important;border-radius:50%!important;
 background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.2)!important
}
.tb-bell-line{font-size:16px!important;color:#ffbf24!important}
.tb-profile-mini{background:#dce5ec!important}

/* HERO — proporção, imagem e degradê */
.tb-home-hero-faith199{
 min-height:338px!important;
 margin:0 0 13px!important;
 padding:22px 20px 18px!important;
 border-radius:24px!important;
 overflow:hidden!important;
 background:
   linear-gradient(180deg,rgba(5,37,67,.10) 0%,rgba(5,34,61,.26) 33%,rgba(3,25,49,.88) 100%),
   url('../img/faith-home-hero-200.webp') center/cover no-repeat!important;
 border:1px solid rgba(255,255,255,.20)!important;
 box-shadow:0 15px 32px rgba(3,31,55,.22)!important;
}
.tb-home-hero-faith199 .label{
 display:inline-flex!important;align-items:center!important;min-height:30px!important;
 padding:0 11px!important;margin-bottom:18px!important;
 border-radius:999px!important;background:rgba(9,37,63,.66)!important;
 border:1px solid rgba(255,188,34,.75)!important;
 color:#ffca42!important;font-size:9px!important;letter-spacing:.04em!important
}
.tb-home-hero-faith199 h1{
 max-width:305px!important;font-size:31px!important;line-height:1.03!important;
 letter-spacing:-.04em!important;margin:0 0 11px!important;
 font-weight:950!important;text-shadow:0 2px 10px rgba(0,0,0,.2)!important
}
.tb-home-hero-faith199 p{
 max-width:320px!important;font-size:12px!important;line-height:1.5!important;color:#f7fbff!important
}
.tb-home-hero-faith199 .tb-hero-actions-mobile{
 grid-template-columns:1.15fr .85fr!important;gap:9px!important;margin-top:24px!important
}
.tb-home-hero-faith199 .tb-primary-btn,.tb-home-hero-faith199 .tb-secondary-btn{
 min-height:51px!important;border-radius:14px!important;font-size:11px!important;font-weight:900!important
}
.tb-home-hero-faith199 .tb-primary-btn{
 background:linear-gradient(135deg,var(--f200-gold),var(--f200-gold2))!important;
 box-shadow:0 9px 22px rgba(255,184,18,.28)!important
}
.tb-home-hero-faith199 .tb-secondary-btn{
 background:rgba(2,28,52,.62)!important;border:1px solid rgba(255,190,50,.78)!important
}

/* CARD CONHEÇA */
.tb-church-intro-card{
 min-height:82px!important;
 margin:0 0 12px!important;
 padding:12px 14px!important;
 border-radius:20px!important;
 box-shadow:0 10px 22px rgba(13,54,86,.08)!important
}
.tb-church-intro-icon{width:49px!important;height:49px!important}
.tb-church-intro-copy strong{font-size:14px!important;line-height:1.15!important}
.tb-church-intro-copy span{font-size:9.6px!important;line-height:1.35!important}

/* 4 CARDS DE AÇÃO — cores e proporção do mockup */
.tb-home-actions-faith199{
 gap:8px!important;margin:0 0 17px!important
}
.tb-home-actions-faith199 .tb-faith-action{
 min-height:116px!important;border-radius:21px!important;padding:12px 5px 13px!important;
 justify-content:center!important;gap:2px!important
}
.tb-home-actions-faith199 .faith-action-icon{
 font-size:31px!important;margin:0 auto 9px!important;height:38px!important
}
.tb-home-actions-faith199 .tb-faith-action strong{
 font-size:11.5px!important;line-height:1.12!important;text-align:center!important
}
.tb-faith-devotional{background:linear-gradient(145deg,#17a66f,#0d7e5b)!important}
.tb-faith-events{background:linear-gradient(145deg,#1594f2,#0764ce)!important}
.tb-faith-prayer{background:linear-gradient(145deg,#ffc52b,#f3a500)!important}
.tb-faith-community{background:linear-gradient(145deg,#a05de9,#7341c5)!important}

/* CARDS E LISTAS */
.tb-section-head{margin-top:10px!important}
.tb-section-head h2{font-size:18px!important;letter-spacing:-.02em!important}
.tb-event-card-pro,.tb-card,.tb-week-card,.home-video-card,.tb-pillar-card{
 border-radius:20px!important;
 border-color:#dfe7ed!important;
 box-shadow:0 9px 22px rgba(10,43,70,.07)!important
}

/* MENU FLUTUANTE — posição, altura, degradê e destaque fiel */
.tb-bottom-faith199{
 width:min(calc(100% - 24px),446px)!important;
 min-height:70px!important;
 bottom:7px!important;
 padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;
 border-radius:22px!important;
 background:
   linear-gradient(180deg,rgba(8,48,78,.98),rgba(3,29,52,.99))!important;
 border:1px solid rgba(255,255,255,.11)!important;
 box-shadow:0 13px 30px rgba(2,19,34,.38),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.tb-bottom-faith199 a{
 min-height:55px!important;border-radius:16px!important;gap:3px!important;
 font-size:10px!important;color:#b9c8d5!important
}
.tb-bottom-faith199 a.active{
 background:linear-gradient(180deg,rgba(255,190,38,.13),rgba(255,190,38,.06))!important;
 color:#ffc33a!important
}
.tb-bottom-faith199 small{
 font-size:9.8px!important;font-weight:850!important;letter-spacing:0!important
}
.tb-bottom-faith199 .tb-nav-ico:before{font-size:21px!important}
.tb-bottom-faith199 a.active:after{bottom:3px!important;height:2px!important;width:25px!important}

/* DRAWER */
.tb-app-drawer-panel{
 background:linear-gradient(180deg,#031a34,#07365a)!important;
 border-right:1px solid rgba(255,255,255,.10)!important
}
.tb-app-drawer-section summary,.tb-app-drawer-home{
 border-radius:13px!important
}
.tb-app-drawer-section[open] summary{background:rgba(255,189,39,.12)!important;color:#ffca49!important}

/* MOBILE PEQUENO */
@media(max-width:390px){
 .tb-app-main{padding-left:10px!important;padding-right:10px!important}
 .tb-topbar-faith199{grid-template-columns:42px minmax(0,1fr) 84px!important}
 .tb-brand-logo-faith199{width:130px!important;height:64px!important}
 .tb-top-actions-faith199 .tb-top-icon,.tb-profile-mini{width:38px!important;height:38px!important}
 .tb-home-hero-faith199{min-height:325px!important;padding:20px 16px 16px!important}
 .tb-home-hero-faith199 h1{font-size:28px!important}
 .tb-home-actions-faith199 .tb-faith-action{min-height:106px!important;border-radius:18px!important}
 .tb-home-actions-faith199 .tb-faith-action strong{font-size:10.2px!important}
 .tb-bottom-faith199{width:calc(100% - 18px)!important}
}