/* Compact mobile navigation, shared light and dark surfaces. */
.prayer-contact+.home-shortcuts{margin-top:12px}
.inner-page .review,.inner-page .shell>header{display:none!important}
.inner-page .shell{margin-top:0;min-height:100svh}
.inner-page main{padding-top:max(12px,env(safe-area-inset-top))}
.pix-mode .review,.pix-mode .shell>header,.pix-mode .nav{display:none!important}
.pix-mode .shell{margin-top:0;min-height:100svh}
.pix-mode main{padding:8px 18px max(12px,env(safe-area-inset-bottom))}
.pix-page{max-width:460px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:8px}
.pix-page .back{align-self:flex-start;margin:0;min-height:44px;padding:4px 0}
.pix-page h1{font-size:1.5rem;line-height:1.15;margin:0;text-align:center}
.pix-verse{margin:0;padding:10px 12px;border-left:2px solid var(--green);background:var(--soft);border-radius:8px}
.pix-verse p{margin:0;font-size:1rem;line-height:1.35}
.pix-verse cite{display:block;margin-top:5px;font-size:.875rem;font-style:normal;font-weight:600}
.pix-page .pix-qr{display:block;flex-shrink:0;width:clamp(164px,23svh,200px);height:auto;margin:0 auto;max-width:100%;background:#fff;filter:none!important}
.pix-key{text-align:center;overflow-wrap:anywhere;line-height:1.25}.pix-key span{display:block;font-size:.875rem;color:var(--muted)}.pix-key strong{font-size:1rem}
.pix-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pix-actions button{font-size:.875rem;margin:0;min-height:44px;padding:8px}
.pix-warning{font-size:.875rem;line-height:1.3;text-align:center;color:var(--muted);margin:0;overflow-wrap:anywhere}
#visitor-form .primary{width:100%}
:root{--surface:#fff;--green:#07523e;--paper:#fafbf9;--soft:#eff4ef;--focus:#b58950}
html{scroll-padding-bottom:100px}body{font-size:1rem}main{padding:8px 20px 104px}
.review{padding:5px 18px;min-height:30px}.review button{min-height:28px}
header{padding:14px 20px 8px;gap:12px;align-items:center}
.brand{display:flex;flex-direction:column;align-items:center;max-width:calc(100% - 92px)}
header img{width:210px;height:96px;max-width:100%;object-fit:contain}
.brand-city{font-size:.8rem;color:var(--muted);letter-spacing:.06em;margin-top:-4px}
.header-actions{display:flex;gap:2px;align-items:center}.theme-toggle{font-size:25px;border:1px solid var(--line);border-radius:50%;width:42px;height:42px}
h1{font-size:clamp(1.65rem,7vw,2rem);margin:10px 0 7px}
h2{font-size:1.5rem;margin:22px 0 12px}h3{font-size:1.3rem}
.subtitle{font-size:.9rem;line-height:1.45;margin:0 0 18px}
.hero{margin:8px 0 16px;padding:22px;min-height:0;border-radius:18px;background-position:center}
.hero h2{font-size:2rem;margin:12px 0 10px;max-width:220px}.hero p{font-size:1rem;max-width:220px;margin-bottom:0}.hero .read{font-size:.9rem;margin-top:16px}.hero .eyebrow{font-size:.75rem}
.shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
.shortcut-grid .row{position:relative;margin:0;padding:15px 10px;min-height:110px;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;border-radius:15px;background:var(--surface);box-shadow:0 2px 4px #123c2903}
.shortcut-grid .row>.body{flex:0;width:100%;min-width:0}.shortcut-grid .row>svg{width:29px;height:29px;color:var(--green)}
.shortcut-grid .row strong{font-size:.95rem;line-height:1.25;letter-spacing:-.02em}
.shortcut-grid .row small{font-size:.78rem;line-height:1.3;margin-top:5px}.shortcut-grid .row>.arrow{display:none}
.shortcut-grid .row:active{background:var(--soft);transform:scale(.98)}.row,.primary,.secondary,.icon-button{transition:background .15s,border-color .15s,transform .15s}
.shortcut-grid a.row{font-size:0}.shortcut-grid a.row .body{font-size:1rem}
.home-shortcuts .row{min-height:90px;padding:12px}
.prayer-contact{margin:12px 0 0;padding:15px;min-height:76px;gap:12px;background:#eaf3ec}
.prayer-contact strong{font-size:.95rem;line-height:1.3}.prayer-contact small{font-size:.8rem}.prayer-contact>.body{min-width:0}
.bible{margin:12px 0 14px;padding:18px;border-radius:16px}
.bible-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px}.bible-heading h2{font-size:1.5rem;margin:0}
.bible-versions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bible-versions a{display:flex;flex-direction:column;justify-content:center;text-align:center;padding:12px 8px;background:#fff;color:#07523e;border-radius:12px;min-height:76px}
.bible-versions a:last-child{background:#ffffff12;color:#fff;border:1px solid #ffffff70}
.bible-versions strong{font-size:1.15rem}.bible-versions small{font-size:.72rem;line-height:1.3;color:inherit;opacity:.88;margin-top:5px}
.nav{padding:8px 6px max(10px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 96%,transparent)}
.nav a{font-size:.75rem;min-height:47px;gap:4px}.nav a.active:after{width:22px}.nav svg{width:23px;height:23px}
.detail-view .back{margin-bottom:4px}.detail-view .row{padding:14px;min-height:65px;margin:9px 0}
.section{padding:18px 0}.section h2{font-size:1.35rem}.section p{color:var(--ink)}
.card{padding:17px;margin:12px 0;background:var(--surface)}.card h2{margin:15px 0 10px}
.card p{overflow-wrap:anywhere}.meta{flex-wrap:wrap}.badge{max-width:100%;white-space:normal}
.tools{background:var(--surface);margin-top:18px}.tools button{min-height:68px;font-size:.85rem}
.primary,.secondary{padding:12px 15px;min-height:46px}.primary:active{filter:brightness(.94)}
label{font-size:.95rem}input,textarea,select{background:var(--surface);color:var(--ink);border-color:var(--line);font-size:1rem}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}textarea{min-height:110px}
.note{font-size:.8rem;padding:8px 0}.tabs{margin:14px 0;gap:8px}.tabs button{padding:10px 8px;min-height:44px;font-size:.9rem}
.book-entry{gap:10px}.book-entry .body{min-width:0}.book-entry strong{font-size:1rem}.book-entry small{font-size:.8rem}.match-kind{font-size:.7rem!important}
.book-controls{gap:6px;margin:14px 0}.book-controls button{min-width:44px;padding:8px 10px}.book-utilities button{font-size:.8rem;min-height:72px}
.book-lyrics{line-height:1.7}.with-chords{background:var(--surface);max-width:100%}.book-pagination{gap:5px}.book-pagination button{font-size:.85rem}
.empty{padding:28px 16px}.empty h2{margin-top:16px}.empty p{font-size:.95rem}
dialog{background:var(--surface);max-height:85dvh;overflow:auto}.close{min-width:44px;min-height:44px}.map-grid button{background:var(--surface);font-size:.9rem;min-height:75px}
.night{color-scheme:dark;--green:#a3d9b7;--ink:#eaf3ed;--paper:#11221c;--surface:#1b3128;--soft:#253e31;--line:#365144;--muted:#b2c5b9;background:#0b1712}
.night .shell{background:var(--paper)}.night .brand-city{color:#c1d3c7}
.night header img{background:white;padding:4px;border-radius:8px;mix-blend-mode:normal}
.night .row,.night .card,.night .tools,.night .map-grid button,.night .book-controls button,.night .book-pagination button,.night .with-chords,.night input,.night textarea,.night select{background:var(--surface);color:var(--ink)}
.night .shortcut-grid .row{background:var(--surface)}.night .primary{background:#96cda9;color:#102c1d}
.night .secondary{background:var(--soft);color:var(--green)}.night .tabs button.selected{background:#96cda9;color:#102c1d;border-color:#96cda9}
.night .tabs button{border-color:#5a7565}.night .alert,.night .badge,.night .prayer-contact{background:#243f30;color:#def0e3}
.night .prayer-contact>svg{color:#8fd9a5}.night .bible{background:#064b38}.night .bible-heading{color:#fff}
.night .bible-versions a{background:#eff8f1;color:#064832}.night .bible-versions a:last-child{background:#ffffff0c;color:white}
.night .hero{color:white}.night .review{background:#20382b;color:#c9dfce}.night .nav{background:#172b22f5}.night .nav a{color:#b9cabf}.night .nav a.active{color:#a4e4b8}.night .nav a.active:after{background:#a4e4b8}
.night .card-actions button{background:var(--soft);color:var(--ink)}.night .card-actions .danger{color:#ffb5a9}.night .section p{color:var(--ink)}
@media(min-width:700px){.review{margin-top:16px}.shell{min-height:calc(100dvh - 46px)}}
@media(max-height:740px) and (min-width:361px){header{padding-top:9px}header img{height:77px;width:175px}.hero{padding:17px 20px}.hero h2{font-size:1.8rem;margin:9px 0}.hero .read{margin-top:10px}.shortcut-grid .row{min-height:96px;padding:11px 8px}.home-shortcuts .row{min-height:78px}.subtitle{margin-bottom:13px}}
@media(max-width:360px){header{padding:10px 16px 6px;gap:8px}header img{height:75px;width:170px}.brand{max-width:calc(100% - 90px)}.brand-city{font-size:.72rem}main{padding-left:16px;padding-right:16px}.shortcut-grid{gap:8px}.shortcut-grid .row{min-height:102px;padding:12px 8px}.hero h2{font-size:1.85rem}.hero p{max-width:185px}.book-controls{gap:4px}.book-controls button{padding:7px 9px}.review{padding:5px 12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Focused reading keeps only the song's own controls. */
.pix-card{text-align:center}.pix-card .pix-qr{display:block;width:min(100%,280px);height:auto;margin:16px auto;background:white;border-radius:8px;filter:none!important}.pix-card label{text-align:left}.pix-card input{width:100%;box-sizing:border-box;font-size:16px}.pix-card button{width:100%;margin-top:12px}.pix-card .note{overflow-wrap:anywhere}
.reading-mode .review,.reading-mode .shell>header,.reading-mode .nav{display:none!important}
.reading-mode .shell{min-height:100dvh;max-width:720px}
.reading-mode main{padding:16px 20px max(30px,env(safe-area-inset-bottom));min-height:100dvh}
#settings svg{width:25px;height:25px;stroke-width:1.55;stroke-linejoin:round}
header .brand img,.night header .brand img{background:transparent;padding:0;border-radius:0;mix-blend-mode:normal}
.night header .brand img{filter:brightness(0) invert(1)}
@media(min-width:700px){.reading-mode .shell{margin-top:0}.reading-mode main{padding:22px 32px 40px}}

.roster-pending{border-color:#b2854a;box-shadow:inset 3px 0 0 #b2854a}.badge-attention{background:#f3e6cf;color:#7a4f14}.night .badge-attention{background:#4a3a1f;color:#f0d9a8}dialog .card .primary,dialog .card .danger{margin:8px 0 0;width:auto;min-height:40px;padding:8px 14px}dialog .card .danger{border:1px solid var(--line);background:var(--paper);color:#9d3d36;border-radius:9px;font-size:14px}

/* iPhone instalado (barra de status translúcida): o cabeçalho respeita a área segura para a logomarca não ficar sob o relógio. */
.shell>header{padding-top:calc(14px + env(safe-area-inset-top,0px))}
@media(max-width:360px){.shell>header{padding-top:calc(10px + env(safe-area-inset-top,0px))}}

/* Fotos nos avisos: redondas; várias viram carrossel que desliza com o dedo. */
.aviso-head{display:flex;gap:14px;align-items:center;margin:8px 0}.aviso-head h2{margin:0}
.aviso-foto{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none;background:var(--soft)}
.aviso-carrossel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 0 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.aviso-carrossel::-webkit-scrollbar{display:none}
.aviso-carrossel img{width:150px;height:150px;border-radius:50%;object-fit:cover;flex:none;scroll-snap-align:center;background:var(--soft)}
.aviso-pontos{display:flex;gap:6px;justify-content:center;margin:6px 0 12px}
.aviso-pontos span{width:6px;height:6px;border-radius:3px;background:var(--line);transition:width .2s}
.aviso-pontos .on{width:18px;background:var(--green)}
.foto-picker{display:flex;gap:12px;flex-wrap:wrap;margin:6px 0 4px}.foto-picker:empty{display:none}
.foto-picker .foto{position:relative;width:64px;height:64px}
.foto-picker img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.foto-picker .enviando{position:absolute;inset:0;border-radius:50%;background:#0008;color:white;display:grid;place-items:center}
.foto-picker button{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;border:0;background:var(--green);color:white;font-size:15px;line-height:1;padding:0;min-height:0}
.aviso-foto-grande{width:120px;height:120px;margin:0 auto}.aviso-head:has(.aviso-foto-grande){justify-content:center}.aviso-foto-mini{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}

/* Destaque rotativo do quadro de avisos */
.destaque{position:relative;border-radius:18px;overflow:hidden;background:var(--green);margin:6px 0 18px}
.destaque .slide{display:none;width:100%;border:0;padding:0;margin:0;background:var(--green);text-align:left;color:white;position:relative}
.destaque .slide.on{display:block}
.slide-media{position:relative;display:block;width:100%;aspect-ratio:4/3;max-height:420px;overflow:hidden;background:#0a1a12}
.destaque .slide-foto{position:relative;width:100%;height:100%;object-fit:contain;display:block}
.destaque .slide-fundo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(18px) brightness(.55);transform:scale(1.15)}
.slide-text{display:block;padding:14px 20px 30px;background:#0a1a12;color:white}
.slide-text small{display:block;letter-spacing:.12em;font-size:11px;color:#c9e3d3;margin-bottom:4px}
.slide-text strong{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:24px;line-height:1.15}
.slide-texto{min-height:230px}.slide-texto .slide-text{background:none;padding:24px 58px 40px 58px}.slide-texto+.slide-nav,.destaque:has(.slide-texto.on) .slide-nav{top:calc(50% - 22px)}
.slide-text em{display:block;font-style:normal;font-size:15px;line-height:1.5;margin-top:10px;max-height:7.5em;overflow:hidden}
.slide-nav{position:absolute;top:calc(37.5% - 22px);width:44px;height:44px;border-radius:50%;border:0;background:#0a1a12aa;color:white;font-size:28px;line-height:1;padding:0;min-height:0;display:grid;place-items:center}
.slide-nav.prev{left:8px}.slide-nav.next{right:8px}
.slide-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:6px;pointer-events:none}
.slide-dots span{width:6px;height:6px;border-radius:3px;background:#ffffff80;transition:width .2s}.slide-dots .on{width:18px;background:white}
.modal-foto{width:100%;border-radius:12px;display:block;margin:0 0 12px}

/* Telas internas (cântico, hino, Pix, leitura): o botão Voltar fica abaixo da barra de status do iPhone. */
.inner-page main,.reading-mode main,.pix-mode main,body.reading-mode main{padding-top:calc(14px + env(safe-area-inset-top,0px))}

/* Índice de cânticos e hinos mais compacto: linhas finas, fonte menor, 15 por página (hinário 20). */
.row.book-entry,.detail-view .row.book-entry{padding:8px 10px;gap:9px;margin:5px 0;min-height:0;border-radius:10px}
.row.book-entry strong{font-size:.93rem;line-height:1.25;letter-spacing:-.01em;margin:0}
.row.book-entry small{font-size:.74rem;line-height:1.25;margin-top:1px}
.book-entry .number-badge{min-width:26px;font-size:.85rem}
.book-entry .match-kind{font-size:.68rem;text-align:right;line-height:1.15;max-width:52px}
.book-entry .arrow{width:14px}
.app-update.card{position:fixed;z-index:1000;left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom));max-width:456px;margin:0 auto;padding:16px;background:var(--surface,var(--paper));border:2px solid var(--green);box-shadow:0 6px 24px #0003}
.app-update.card p{font-size:14px;line-height:1.4;margin:6px 0 12px}
.app-update button{min-height:44px;width:100%;margin:0}
.has-app-update main{padding-bottom:340px}