/* Bispo Thiago Ciani — guia visual oficial v1 aplicado ao MVP 03.
   Cores: branco #fff, cinza urbano #e6eaed, azul #165c9f, azul profundo #172d41. */
:root{--blue:#165c9f;--navy:#172d41;--slate:#55748c;--ink:#17232e;--muted:#61717e;--mist:#f4f6f8;--urban:#e6eaed;--line:#dce2e7;--white:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--mist)}
html{scroll-behavior:smooth}body{color:var(--ink);background:var(--mist)}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #398ce0;outline-offset:3px}
.top-alert{background:#253748;color:#eef4f9;font-size:10px;letter-spacing:.06em;padding:7px 12px}.dot{background:#64a9ef}
.sidebar{width:258px;background:linear-gradient(158deg,#172d41,#203c55 75%);padding:28px 15px}
.brand{margin-bottom:32px;gap:10px;padding:0 8px}.brand-icon{color:white;background:#ffffff19;border:1px solid #ffffff36;border-radius:15px;width:46px;height:46px;font-size:28px}.brand-title{font-size:16px;font-weight:800;line-height:1.12}.brand-subtitle{color:#bdcdda;font-size:10px;line-height:1.4;margin-top:5px}.side-intro,.eyebrow{color:#6886a0;letter-spacing:.13em}.side-intro{color:#b0c3d3}
.role-chip{background:#f5f8fc14;border-color:#ffffff2a;color:#e4edf3;font-size:11px}
#nav{gap:4px}.sidebar nav button{border-radius:13px;padding:12px;color:#e2eaf1;font-size:13px;font-weight:600;gap:11px}.sidebar nav button.active,.sidebar nav button:hover{background:#f8fbff22;color:white;border-color:#ffffff26}.sidebar nav .sym{color:inherit;display:grid;place-items:center;width:25px}.sidebar nav .sym svg{width:20px;height:20px}.nav-separator{font-size:10px;letter-spacing:.14em;font-weight:700;color:#9eb6ca;margin:24px 13px 5px}.sidebar-bottom{border-color:#ffffff29;color:#b6c7d5}.sidebar-bottom a{color:white;text-decoration:underline;text-decoration-color:#ffffff5d;text-underline-offset:3px}
.header{padding:25px clamp(20px,3.7vw,50px);background:#fff;border-color:var(--line)}
.header .eyebrow{font-size:10px;color:#718797}.header h1{font-size:clamp(24px,2.5vw,32px);color:var(--ink);font-weight:800;letter-spacing:-.034em}.head-actions{gap:12px}.notification-button{width:46px;height:46px;border:1px solid var(--line);background:white;border-radius:50%;display:grid;place-items:center;position:relative;color:var(--navy)}.notification-button svg{width:22px;height:22px}.notification-dot{position:absolute;right:8px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--blue);border:1.5px solid #fff}.tenant-switch{color:var(--muted)}.tenant-switch select{background:#f7f9fb;color:var(--navy);border-color:var(--line);padding:9px 11px}
.content{padding:30px clamp(20px,3.7vw,50px);max-width:1360px}.footer{color:#788693;font-size:11px}
.btn{background:var(--blue);border-radius:12px;padding:12px 17px;min-height:44px;font-size:13px;box-shadow:none}.btn-gold,.btn-primary{background:var(--blue);color:#fff}.btn-ghost{background:#e9f0f6;color:var(--navy)}.btn-outline{border:1px solid #cbd7e0;background:#fff;color:var(--navy)}.btn-bright{background:#fff;color:var(--navy);display:inline-flex;align-items:center;gap:9px}.btn-bright svg{width:20px;height:20px}.btn-light-border{background:#ffffff28;border:1px solid #fff8;color:#fff;backdrop-filter:blur(8px)}.btn-sm{min-height:35px;padding:8px 12px}
.card{border-radius:16px;border-color:#e1e7ec;box-shadow:0 5px 18px #132d4210}.card h3{color:var(--navy)}.muted{color:var(--muted);font-size:13px}.section-head{margin:29px 0 15px}.section-head h2{font-size:21px;letter-spacing:-.025em;font-weight:800;color:var(--ink)}
.hero{border-radius:22px;background:linear-gradient(120deg,#172d41,#20507c 95%)}.hero .illustration{border-color:#b9d2e7;color:#d0e5f5}.hero p{color:#dfebf5}.hero .eyebrow{color:#c8dded}
.welcome-line{display:flex;gap:10px;align-items:center;margin:0 0 14px;flex-wrap:wrap}.mini-kicker{color:#436681;font-size:11px;font-weight:850;letter-spacing:.13em}.welcome-note{font-size:12px;color:#758796}
.home-notifications{display:grid;grid-template-columns:1fr auto;gap:12px 24px;padding:22px;margin-bottom:20px;border:2px solid #165c9f;border-radius:18px;background:#edf5ff;color:#172d41}.home-notifications h2{font-size:22px;line-height:1.3;margin:0 0 7px}.home-notifications p{font-size:17px;line-height:1.5;margin:0}.home-notifications #push-info{grid-column:1/-1;color:#334e65;font-size:16px}.home-notifications-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:16px 22px;font-size:20px;font-weight:750;background:#165c9f;color:#fff;white-space:normal}.home-notifications-button svg{width:26px;height:26px;flex-shrink:0}.home-notifications-button:disabled{opacity:1;cursor:default}.home-notifications-button.is-active{background:#17613e}.home-notifications-button:focus-visible{outline:3px solid #172d41;outline-offset:4px}
@media(max-width:740px){.home-notifications{grid-template-columns:minmax(0,1fr);padding:18px;gap:12px;margin-bottom:16px}.home-notifications h2{font-size:21px}.home-notifications-button{width:100%;font-size:20px;min-height:62px}.home-notifications #push-info{font-size:16px}}
.home-feature{height:334px;border-radius:22px;position:relative;overflow:hidden;background:linear-gradient(125deg,#12314f,#3f6276);display:flex;align-items:end;isolation:isolate;box-shadow:0 20px 44px #183a511a}
.feature-photo{position:absolute;height:135%;width:58%;right:-1%;top:-15%;object-fit:cover;object-position:50% 25%;z-index:-2}
.feature-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(95deg,#13283fea 0%,#163750e8 34%,#17364dc0 52%,#152b4d00 100%)}
.feature-content{padding:32px 33px;max-width:62%;color:white;position:relative}
.feature-pretitle{font-size:10px;letter-spacing:.15em;font-weight:800;color:#d4e6f4;line-height:1.7}.feature-content h2{font-size:clamp(27px,3vw,42px);font-weight:850;line-height:1.08;letter-spacing:-.04em;margin:13px 0 12px;color:#fff}.feature-content p{font-size:14px;max-width:370px;color:#e5eef7;margin:0 0 21px}.feature-actions{display:flex;gap:9px;flex-wrap:wrap}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:18px}
.quick-tile{border:1px solid var(--line);box-shadow:0 6px 16px #192d3b0b;border-radius:16px;background:white;text-align:left;padding:17px 16px;min-height:125px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;color:var(--navy)}.quick-tile:hover{border-color:#a3c0d8;transform:translateY(-1px)}.quick-tile>span{height:36px;width:36px;border-radius:12px;background:#e9f2fa;display:grid;place-items:center;color:var(--blue);margin-bottom:5px}.quick-tile svg{height:21px;width:21px}.quick-tile strong{font-size:14px}.quick-tile small{font-size:11px;color:var(--muted)}
.family-banner{display:grid;grid-template-columns:42% 1fr;min-height:220px;background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden}.family-banner img{width:100%;height:220px;object-fit:cover;object-position:50% 25%;display:block}.family-banner>div{padding:26px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.family-banner span{font-size:10px;letter-spacing:.15em;font-weight:800;color:var(--blue)}.family-banner h3{color:var(--navy);font-size:22px;line-height:1.12;letter-spacing:-.025em;margin:12px 0 7px}.family-banner p{font-size:13px;color:var(--muted);margin:0 0 19px}
.video-card{padding:0}.video-cover{border-radius:15px 15px 0 0}.video-copy{padding:15px 16px 19px}.video-copy small{color:var(--slate);font-weight:600}.video-copy strong{color:var(--ink);font-size:14px;margin-top:5px}.play-circle span{background:#165c9fe0;border:0;font-size:24px;width:54px;height:54px}
.live-panel{border-radius:22px;background:linear-gradient(115deg,#143552,#165c9f);padding:clamp(25px,5vw,45px);color:white;position:relative;overflow:hidden}.live-panel .mini-kicker{color:#c4e0f5}.live-panel h2{font-size:clamp(26px,3.3vw,38px);max-width:660px;margin:13px 0;line-height:1.14}.live-panel p{max-width:600px;color:#e3effb;line-height:1.6;font-size:14px;margin-bottom:21px}.live-icon{display:grid;place-items:center;width:46px;height:46px;background:#ffffff25;border-radius:15px;margin-bottom:13px}.live-icon svg{width:27px;height:27px}
.live-event{display:grid;grid-template-columns:minmax(150px,32%) 1fr;gap:22px;align-items:center;margin-top:16px;padding:0;overflow:hidden}.live-event img{width:100%;height:100%;min-height:180px;object-fit:cover}.live-event>div{padding:18px}.live-event h3{font-size:20px;line-height:1.25;margin:10px 0;color:var(--navy)}.live-event p{font-size:15px;color:var(--muted)}.live-event a.btn{display:inline-flex;align-items:center;text-decoration:none}.live-badge{display:inline-block;border-radius:30px;background:#e7f1fb;color:#165c9f;padding:7px 11px;font-size:12px;font-weight:800}.live-badge.is-live{background:#b5182d;color:white}
@media(max-width:740px){.live-event{grid-template-columns:1fr;gap:0}.live-event img{aspect-ratio:16/9;min-height:0}.live-event>div{padding:18px}.live-event h3{font-size:19px}.live-event .btn{width:100%;font-size:16px;min-height:54px}}
.more-profile{display:flex;align-items:center;gap:20px;padding:19px;background:white;border:1px solid var(--line);border-radius:20px}.more-profile img{width:110px;height:112px;object-fit:cover;object-position:50% 13%;border-radius:14px}.more-profile span{font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--blue)}.more-profile h2{font-size:24px;color:var(--navy);margin:9px 0}.more-profile p{font-size:13px;color:var(--muted)}.more-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.more-link{border:1px solid var(--line);border-radius:14px;background:white;padding:14px 15px;display:flex;align-items:center;gap:13px;text-align:left;color:var(--ink);min-height:77px}.more-link:hover{border-color:#95b4d0}.more-icon{height:42px;width:42px;background:#edf4fa;color:var(--blue);display:grid;place-items:center;border-radius:12px;flex-shrink:0}.more-icon svg{width:23px;height:23px}.more-link>span:nth-child(2){flex:1}.more-link strong{display:block;font-size:13px}.more-link small{display:block;font-size:11px;margin-top:5px;color:var(--muted)}.more-chevron{color:#8ba4ba;font-size:24px}.more-footer{font-size:11px;color:var(--muted);text-align:center;margin:20px}
.metric strong{color:var(--navy)}.metric .label{color:var(--muted)}.step .num{color:var(--blue)}.pill{background:#e9f2fb;color:#145c9f}.thread.selected{border-color:#95b4d0;background:#f1f7fc}.bubble.mine{background:#dfeefa}.tabs button.active{border-color:var(--blue);color:var(--blue)}.progress div{background:var(--blue)}.split-side{background:linear-gradient(145deg,#142c43,#205888)}.split-side .cross{color:#cde6f9}.notice{background:#fff8ee;border-color:#ebdfd0;color:#79613c}.notice-blue{background:#edf5fb;border-color:#d7e5f0;color:#3d5d73}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #165c9f1f}.status{background:#e9f1f9;color:#386480}
@media (max-width:1100px){.sidebar{width:228px}.feature-content{max-width:70%}.family-banner h3{font-size:19px}.quick-tile{padding:14px}}
@media (max-width:740px){
 body{padding-bottom:76px;background:#f6f8fa}.shell{display:block}.top-alert{font-size:9px;min-height:27px;line-height:1.2;padding:7px}
 .sidebar{width:100%;height:auto;min-height:0;padding:0;position:static;background:transparent}
 .brand,.side-intro,.role-chip,.sidebar-bottom{display:none}
 #nav{position:fixed;left:0;right:0;bottom:0;z-index:100;background:#fff;padding:7px 6px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -3px 20px #132d4220;border-top:1px solid #dde5eb;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;overflow:visible}
 .sidebar nav button.primary-nav{display:flex;flex-direction:column;gap:3px;font-size:10px;color:#697783;min-height:57px;padding:7px 2px 4px;border:0;border-radius:10px;align-items:center;text-align:center;font-weight:650;white-space:normal}
 .sidebar nav button.primary-nav .sym{width:23px;height:24px}.sidebar nav button.primary-nav .sym svg{height:23px;width:23px}
 .sidebar nav button.primary-nav.active{background:#e7f1fb;color:var(--blue);border:0}.sidebar nav button.secondary-nav,.sidebar nav .nav-separator{display:none}
 .header{padding:19px 18px 14px;flex-direction:row;align-items:center;gap:8px}.header .eyebrow{font-size:9px;letter-spacing:.07em}.header h1{font-size:20px;line-height:1.25;margin-top:5px}.head-actions{width:auto;gap:8px}.tenant-switch{display:none}.notification-button{width:42px;height:42px;flex-shrink:0}.head-actions .btn{min-height:37px;padding:8px 10px;font-size:11px}.content{padding:17px 14px 25px}.footer{padding:9px 16px 16px;font-size:10px}
 .home-feature{height:450px;border-radius:19px;align-items:end}.feature-photo{height:82%;width:100%;right:0;top:-4%;object-position:50% 27%}.feature-overlay{background:linear-gradient(to bottom,#13354e00 17%,#152d43b5 53%,#11283cf7 88%)}.feature-content{max-width:none;width:100%;padding:22px 19px 25px}.feature-pretitle{font-size:9px}.feature-content h2{font-size:29px;margin:9px 0}.feature-content p{font-size:13px;margin-bottom:17px}.feature-actions{flex-wrap:nowrap}.feature-actions .btn{font-size:11px;padding:10px 12px;min-height:43px}
 .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.quick-tile{padding:10px 3px;min-height:99px;align-items:center;text-align:center;border-radius:13px;gap:3px}.quick-tile>span{height:32px;width:32px;border-radius:10px}.quick-tile svg{width:18px;height:18px}.quick-tile strong{font-size:11px}.quick-tile small{font-size:9px;line-height:1.3}
 .section-head h2{font-size:18px}.section-head .muted{font-size:10px}.family-banner{grid-template-columns:42% 1fr;min-height:185px}.family-banner img{height:100%;min-height:185px}.family-banner>div{padding:15px}.family-banner h3{font-size:17px;margin:8px 0}.family-banner p{font-size:11px;margin-bottom:12px}.family-banner .btn{font-size:10px;padding:7px;min-height:33px}.family-banner span{font-size:9px}
 .more-profile{padding:13px;gap:12px}.more-profile img{width:94px;height:98px}.more-profile h2{font-size:20px}.more-profile p{margin-bottom:0}.more-profile span{font-size:9px}.more-links{grid-template-columns:1fr;gap:9px}.more-link{min-height:72px}.video-cover{aspect-ratio:16/9}.video-copy strong{font-size:14px}
 .grid-four,.grid-two,.grid-three,.two-column,.chat-grid{grid-template-columns:1fr}.grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:16px}.section-head{margin-top:26px}.alert{margin:10px 16px}.notice{font-size:11px}dialog{max-height:88vh;overflow:auto}.head-actions{flex-shrink:0}
}
@media(min-width:741px) and (max-width:1100px){.feature-content{max-width:66%}}
@media(max-width:370px){.header h1{font-size:17px}.feature-content h2{font-size:27px}.feature-actions .btn{font-size:10px}.family-banner p{display:none}.quick-tile small{display:none}.quick-tile{min-height:86px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.quick-tile:hover{transform:none}}
.campaign-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,1fr);gap:20px;padding:25px;margin:0 0 20px;border:1px solid #dcc58e;border-radius:20px;background:linear-gradient(120deg,#fff9e9,#fffdf7);color:#253748}.campaign-kicker{font-size:11px;font-weight:800;letter-spacing:.08em;color:#775c22}.campaign-card h2{font-size:29px;line-height:1.15;margin:9px 0 12px}.campaign-card p{font-size:16px;line-height:1.5;margin:7px 0}.campaign-card .campaign-theme{font-size:20px;font-weight:750;color:#604917}.campaign-count{display:flex;flex-direction:column;justify-content:center;gap:8px}.campaign-count strong{font-size:27px;color:#604917}.campaign-count span{font-size:16px}.campaign-count small{font-size:12px;color:#625d50}.campaign-count progress{width:100%;height:12px;accent-color:#8b671a}.campaign-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.campaign-actions .btn{min-height:52px;font-size:16px}.sermon-more{text-align:center;margin:25px 0}.sermon-more .btn{min-height:52px;font-size:17px;padding:14px 25px}
@media(max-width:740px){.campaign-card{grid-template-columns:1fr;padding:20px;gap:15px}.campaign-card h2{font-size:27px}.campaign-card .campaign-theme{font-size:20px}.campaign-count strong{font-size:25px}.campaign-actions{display:grid;grid-template-columns:1fr}.campaign-actions .btn{width:100%;min-height:56px;font-size:17px}.sermon-more .btn{width:100%}}
#thread-form label{font-size:16px}#thread-form .input{font-size:17px;min-height:48px}#thread-form textarea{min-height:150px}#thread-form button[type=submit]{font-size:18px;min-height:56px}#prayer-status{font-size:16px;line-height:1.5;color:#17613e}
@media(max-width:740px){#thread-form button[type=submit]{width:100%}}