/* Vida Mídia V3: superfícies e navegação alinhadas ao Vida Pastoral. */
:root{color-scheme:light;--surface:#fff;--surface-2:#f0eee7;--surface-3:#e8e9df;--vida-cream:#f7f4ed;--vida-ink:#292a24;--muted:#696c61;--line:#e2dfd5;--accent:#526747;--positive-bg:#eaf0e5;--positive-text:#344332;--warning-bg:#f6ecdf;--warning-text:#76552b;--error-bg:#f8e8e2;--error-text:#813c28;--top-height:calc(72px + env(safe-area-inset-top));--bottom-height:calc(68px + env(safe-area-inset-bottom));--rail:245px;--bs-body-bg:var(--vida-cream);--bs-body-color:var(--vida-ink);--bs-border-color:var(--line)}
html[data-theme=dark]{color-scheme:dark;--vida-cream:#20241d;--vida-ink:#f3efe6;--muted:#b7b6ab;--line:#454a3f;--surface:#292e26;--surface-2:#32372e;--surface-3:#3b4136;--accent:#a5b597;--vida-green:#8d9e7f;--vida-earth:#c29a69;--positive-bg:#323f2c;--positive-text:#d5e4c9;--warning-bg:#42382b;--warning-text:#e4c49d;--error-bg:#4b302a;--error-text:#ffcab6}

html{scroll-padding-top:calc(var(--top-height) + 16px);scroll-padding-bottom:calc(var(--bottom-height) + 16px)}
body{background:var(--vida-cream);color:var(--vida-ink)}
html.vida-boot::before{background:var(--vida-cream)}html.vida-boot::after{color:var(--accent)}
body,p,.detail-value,.profile strong{color:var(--vida-ink)}
p,.sub,.form-help,.eyebrow,.stat-top,.stat-note,.footer,.prompt-module .help-box{color:var(--muted)}
a,button,input,textarea,select,summary{overflow-wrap:anywhere}
input,textarea,select,.form-control,.form-select{color:var(--vida-ink);background-color:var(--surface);border-color:var(--line);max-width:100%;min-width:0!important}
.form-control:focus,.form-select:focus{color:var(--vida-ink);background-color:var(--surface);border-color:var(--vida-green);box-shadow:0 0 0 3px #788b6b30}
.form-control::placeholder{color:var(--muted);opacity:1}.form-control:disabled,.form-control[readonly],.form-select:disabled{background:var(--surface-2);color:var(--muted)}
.form-select{background-image:none;padding-right:12px;appearance:auto}input[type=checkbox],input[type=radio]{accent-color:var(--vida-green)}
input[type=file]::file-selector-button{background:var(--surface-2);color:var(--vida-ink);border:0;padding:8px;white-space:normal}
input[type=file]{width:100%;overflow:hidden}
:focus-visible{outline:3px solid var(--accent)!important;outline-offset:3px}
.btn{min-height:46px;max-width:100%;white-space:normal}.btn-light,.icon-button{background:var(--surface);border:1px solid var(--line);color:var(--vida-ink)}
.btn-light:hover,.icon-button:hover{background:var(--surface-2);border-color:var(--vida-green);color:var(--vida-ink)}
.btn-primary{background:#526747;border-color:#526747;color:#fff}.btn-primary:hover,.btn-primary:focus{background:#405238;border-color:#405238;color:#fff}
.btn:disabled,button:disabled{cursor:not-allowed}.text-btn,.permission,.prompt-module .example{color:var(--accent)}
.panel,.stat,.role-card,.auth-box,.agenda-item,.install-help,.upload-row,.ig-card,.loading-card,dialog{background:var(--surface);color:var(--vida-ink);border-color:var(--line)}
.panel{overflow:visible;min-width:0}.media-card{overflow:hidden}.panel-head,.list-item,.history-item,.detail-text,.guide-role{border-color:var(--line)}
.role-icon,.avatar,.agenda-date,.guide-highlight,.media-preview,.app-shortcuts a,.dashboard-links a,.guide-nav a{background:var(--surface-2);color:var(--accent);border-color:var(--line)}
.guide-section p{color:var(--muted)}.guide-intro,.event{background:#344332;color:#fff}.guide-intro p,.event p{color:#e3e9dc}.event .eyebrow{color:#d6dfcc}.event .text-btn{color:#fff}
.notice{background:var(--positive-bg);color:var(--positive-text)}.notice.error{background:var(--error-bg);color:var(--error-text)}
.tag{background:var(--positive-bg);color:var(--positive-text)}.tag.gray{background:var(--surface-2);color:var(--muted)}.tag.sand,.dashboard-links .attention-link{background:var(--warning-bg);color:var(--warning-text)}
.alert-text,.prompt-module .required,.ig-late{color:var(--error-text)}.upload-panel,.auth-box .install-help{background:var(--surface-2)}
.connection-note{background:var(--warning-bg);color:var(--warning-text)}.progress{background:var(--surface-2)}
.auth-logo,.brand-logo{background:#f7f4ed;padding:6px}.loading-card{border:1px solid var(--line)}.loading-ring{border-color:var(--line);border-top-color:var(--vida-green)}
/* Espaço reservado para as duas barras, inclusive no modo instalado. */
.main{margin-left:var(--rail);padding-top:var(--top-height)}
.topbar{position:fixed;left:var(--rail);right:0;top:0;z-index:45;min-height:72px;height:auto;display:flex;align-items:center;gap:12px;background:var(--surface);border-bottom:1px solid var(--line);padding:calc(10px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 10px max(20px,env(safe-area-inset-left))}
.app-heading{min-width:0;flex:1}.app-heading small{display:block;font-size:10px;letter-spacing:.1em;color:var(--muted);font-weight:700}.app-heading strong{display:block;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
.app-top-actions{display:flex;gap:6px;flex:0 0 auto}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-height:44px;padding:8px;text-decoration:none;font-size:17px}.topbar .mobile-menu{display:none}
.content{max-width:1360px;padding:24px 24px calc(var(--bottom-height) + 28px)}
.page-head{align-items:flex-start}.page-head h1{font-size:clamp(24px,3vw,32px);letter-spacing:-.025em}.page-head p{font-size:15px}.page-head>div{min-width:0}
.bottom-nav{position:fixed;left:var(--rail);right:0;bottom:0;z-index:44;display:flex;align-items:stretch;background:var(--surface);border-top:1px solid var(--line);padding:0 max(8px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px,env(safe-area-inset-left))}
.bottom-tab{flex:1 1 0;min-width:0;min-height:68px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:9px 3px;text-align:center;background:none;border:0;border-top:3px solid transparent;text-decoration:none;color:var(--muted);font-size:11px;line-height:1.2;font-weight:700}
.bottom-tab i{font-size:19px;margin:0}.bottom-tab.active{background:var(--surface-2);border-top-color:var(--vida-green);color:var(--accent)}.bottom-tab:hover{background:var(--surface-2);color:var(--accent)}
#menu-more{display:none}
.sidebar{width:var(--rail);z-index:60;background:var(--surface);border-color:var(--line);padding:calc(20px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));overflow-y:auto}
.sidebar .brand-wrap{padding:0 6px 14px}.sidebar .brand-logo{width:100px}.sidebar .nav-label{display:none}.sidebar .menu-search{margin:0 0 8px;width:100%;font-size:16px;min-height:44px}
.menu-section{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:22px 10px 6px}
.sidebar .nav-btn{min-height:46px;padding:10px 12px;color:var(--muted);font-size:14px;gap:12px;border-left:3px solid transparent}
.nav-btn span{min-width:0;overflow-wrap:anywhere}.sidebar .nav-btn.active{color:var(--accent);background:var(--surface-2);border-left-color:var(--vida-green)}.sidebar .nav-btn:hover{background:var(--surface-2)}
.close-menu{background:var(--surface);color:var(--vida-ink);border-color:var(--line)}.side-bottom{border-color:var(--line)}
[hidden]{display:none!important}
/* Cada registro vira um cartão, preservando seus campos, links e formulários. */
.record-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;padding:16px;min-width:0}
.record-card{background:var(--surface);border:1px solid var(--line);padding:0 16px;min-width:0;overflow-wrap:anywhere}
.record-field{display:grid;grid-template-columns:minmax(90px,32%) minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid var(--line);align-items:start}
.record-field:last-child{border-bottom:0}.record-primary{display:block;border-top:3px solid var(--vida-green);padding-top:15px}.record-primary .record-label{margin-bottom:6px}
.record-label{color:var(--muted);font-size:12px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}.record-primary .cell-content{font-weight:700}
.cell-content{min-width:0;overflow-wrap:anywhere;font-size:15px}.cell-content form,.cell-content .d-flex{flex-wrap:wrap;max-width:100%}.cell-content .form-select{width:100%;flex:1 1 100%;min-width:0!important}
.cell-content .btn{flex:1 1 100%;width:100%}.cell-content .sub{max-width:none}.table-wrap{overflow:visible;max-width:100%}
/* Leitura vertical de segurança antes do JavaScript ou sem ele. */
table,thead,tbody,tr,td,th,.guide-section table,.guide-section table td,.guide-section table th{display:block;width:auto;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
th,td{background:var(--surface);color:var(--vida-ink);border-color:var(--line)}thead{background:var(--surface-2)}
.ig-board{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));overflow:visible;scroll-snap-type:none}
.ig-column{min-width:0;min-height:0;background:var(--surface-2);padding:16px}.ig-card:hover{color:var(--accent)}.ig-calendar{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.ig-day{background:var(--surface);border-color:var(--line);min-width:0}.ig-day .ig-card{background:var(--surface-2)}
.grow{min-width:0}.list-item,.event-footer{flex-wrap:wrap}.list-item form{max-width:100%}.list-item,.agenda-item,.check-item{overflow-wrap:anywhere}.row-person{min-width:0}
.edit-box{max-width:920px}.module-actions,.toolbar,.dialog-actions{min-width:0}.toolbar>*{max-width:100%}.field-grid>*{min-width:0}.form-help,pre,code{overflow-wrap:anywhere}pre{white-space:pre-wrap}
img,video,canvas,iframe{max-width:100%}textarea{width:100%}.media-preview{overflow:hidden}.guide-section{scroll-margin-top:calc(var(--top-height) + 16px)}
.toast-msg{bottom:calc(var(--bottom-height) + 12px)}.auth-theme{display:flex;justify-content:flex-end;margin-bottom:12px}.auth-page{padding-top:24px}.auth-page .auth-box{max-width:460px}
@media(max-width:1150px){:root{--rail:210px}}
@media(max-width:900px){
 :root{--rail:0px}.main{margin-left:0}.topbar .mobile-menu{display:inline-flex}.topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));gap:8px}
 .sidebar{width:min(88vw,340px);height:100dvh;visibility:hidden;transform:translateX(-100%);padding-top:calc(18px + env(safe-area-inset-top))}.sidebar.open{visibility:visible;transform:translateX(0)}
 .sidebar .brand-wrap{padding-right:48px}.sidebar .brand-logo{width:100px}.close-menu{top:calc(18px + env(safe-area-inset-top));right:16px}.mobile-overlay.open{z-index:59}
 #menu-more{display:flex}.content{padding:20px max(16px,env(safe-area-inset-right)) calc(var(--bottom-height) + 24px) max(16px,env(safe-area-inset-left))}
 .record-list{grid-template-columns:1fr;padding:12px}.guide-columns{grid-template-columns:1fr}.field-grid,.detail-grid{grid-template-columns:1fr}
 .app-top-actions{gap:4px}.topbar .account-shortcut{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .topbar{gap:6px}.app-heading strong{font-size:14px}.app-heading small{font-size:9px;letter-spacing:.03em}.app-top-actions .icon-button{width:44px;flex-basis:44px}
 .content{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.record-field{grid-template-columns:1fr;gap:4px}.record-primary{display:block}
 .toolbar{flex-direction:column;align-items:stretch}.toolbar .btn{align-self:stretch}.toolbar input,.toolbar select{max-width:100%!important;width:100%}
 .ig-board,.ig-calendar{grid-template-columns:1fr}.ig-column{padding:14px}.panel-head,.edit-box,.guide-section{padding:18px}.record-list{padding:10px}
 .bottom-tab{font-size:10px;min-height:64px}.page-head>.btn{width:100%}.dialog-actions>.btn,.module-actions>.btn{flex:1 1 100%}.app-shortcuts a{min-width:0}
 .list-item{padding:14px}.list-item .btn{max-width:100%}.detail-grid{padding:18px}.agenda-item{gap:10px;padding:14px}.agenda-date{min-width:60px;padding:8px}.stats .stat{padding:14px 12px}
 .prompt-module .row>[class*=col-]{min-width:0}.auth-box{padding:24px 18px}.auth-page{padding:16px 12px}
}
@media(max-width:360px){.app-heading small{font-size:8px}.app-heading strong{font-size:13px}.topbar{gap:4px}.topbar .app-top-actions{gap:2px}.stats{grid-template-columns:1fr}.record-card{padding:0 12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.connection-note:not([hidden]){position:fixed;top:var(--top-height);left:var(--rail);right:0;z-index:46;box-shadow:0 3px 10px #0002}
.auth-page .connection-note:not([hidden]){top:0;left:0}
.record-list .record-field .table-actions{flex-wrap:wrap}

.module-actions>form,.module-actions .module-form{max-width:100%;min-width:0}
.media-preview img,.media-preview video{max-width:100%}
.auth-page .auth-box .install-help{background:var(--surface-2)}
.install-help>summary,.guide-nav a{color:var(--accent)}