:root{--siao-navy:#031b4e;--siao-deep:#02112f;--siao-panel:#07295d;--siao-line:#195596;--siao-cyan:#21b8ff;--siao-orange:#ff7a00;--siao-text:#f5f9ff;--siao-muted:#9eb8dc}
body{background:#eef3f9}.shell{grid-template-columns:286px minmax(0,1fr);background:var(--siao-deep)}
.shell aside{background:linear-gradient(180deg,#020f2d 0%,#062b62 70%,#031b4e 100%)!important;border-right:1px solid #1b5594;box-shadow:12px 0 40px #010b2166;padding:16px 12px}
.brand{height:218px;justify-content:center;gap:5px;padding:2px 4px 15px;margin-bottom:10px;border-bottom:1px solid #1a518d}.brand-logo{width:196px;height:196px;object-fit:contain;border:0;border-radius:18px;box-shadow:0 10px 28px #0004}.brand span{display:none}
.institution-brand{background:#ffffff08;border:1px solid #ffffff18!important;border-radius:12px;padding:11px!important;margin:0 0 12px!important}.institution-brand img{width:48px;height:48px;border:2px solid #2aaef4}.institution-brand strong{font-size:.83rem}.institution-brand small{color:#b8ccea}.sidebar-social{display:flex;align-items:center;gap:8px;margin:8px 6px 11px}.sidebar-social[hidden]{display:none}.sidebar-social-link{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#fff!important;text-decoration:none;font-size:0;font-weight:900;box-shadow:0 5px 12px #0003}.sidebar-social-link:before{font-size:17px}.sidebar-social-link[data-social=instagram]{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.sidebar-social-link[data-social=instagram]:before{content:'◎'}.sidebar-social-link[data-social=facebook]{background:#1877f2}.sidebar-social-link[data-social=facebook]:before{content:'f';font-family:Arial,sans-serif}.sidebar-social-link[data-social=youtube]{background:#f00000}.sidebar-social-link[data-social=youtube]:before{content:'▶';font-size:14px}.sidebar-social-link:hover,.sidebar-social-link:focus{transform:translateY(-2px);outline:2px solid #fff;outline-offset:2px}
.nav-section{border:1px solid transparent;border-bottom-color:#ffffff12;border-radius:9px}.nav-section[open]{border-color:#1b5797;background:#ffffff09}.nav-section-title{min-height:42px!important;color:#eaf3ff!important;font-size:.68rem!important}.nav-section-title:after{color:#40bfff}.nav-section[open]>.nav-section-title{background:linear-gradient(90deg,#0f5ba0aa,transparent)}.nav-section button{font-size:.77rem!important}.nav-section button.active{background:linear-gradient(90deg,#1289d8,#0870c5)!important;box-shadow:0 5px 16px #0004!important}
.shell main{background:radial-gradient(circle at 85% 0,#0b3e79 0,#061f49 35%,#031632 100%);color:var(--siao-text);min-height:100vh;padding:24px 28px 60px}.shell main>header{border:1px solid #19518d;background:#041b3e;padding:14px 18px;border-radius:14px;box-shadow:0 9px 28px #0003}.shell main>header h1{color:#fff}.shell main .eyebrow,.shell main .version{color:#a9c4e7}.shell main .version{background:#0d376c;border:1px solid #2764a2}
.panel,.dash-section,.summary-card,.management-card,.library-card{background:linear-gradient(145deg,#082958,#061e45);border-color:#1b5797;color:#f5f9ff;box-shadow:0 10px 24px #0002}.panel{border-radius:16px}.toolbar{border-bottom-color:#1b5797}.toolbar label,.muted,.dash-section>.muted,.dashboard-welcome p,.metric small,.metric-label{color:#a9c2e2}.shell main input,.shell main select,.shell main textarea{background:#f8fbff;color:#14233a;border-color:#a7bdd8}.shell main button.secondary{background:#0b356c;color:#eef7ff;border-color:#2a6cac}.shell main button.secondary:hover{background:#104783}
.dashboard-welcome{padding:4px 2px 10px}.dashboard-welcome h2{font-size:1.55rem;color:#fff}.dashboard-section-title{color:#d9eaff}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric{min-height:124px;color:#fff;border:1px solid #2472b7;background:linear-gradient(145deg,#0a3d80,#072758);box-shadow:inset 0 1px #ffffff18,0 10px 20px #0002}.metric:nth-child(2n){background:linear-gradient(145deg,#075578,#07345d)}.metric:nth-child(3n){background:linear-gradient(145deg,#58298c,#351b6b)}.metric:nth-child(4n){background:linear-gradient(145deg,#966000,#5d3c02)}.metric:nth-child(5n){background:linear-gradient(145deg,#087048,#064f37)}.metric:nth-child(6n){background:linear-gradient(145deg,#8b2849,#5e1934)}.metric strong{font-size:2rem}.metric:hover{transform:translateY(-2px);border-color:#4fc5ff;background:linear-gradient(145deg,#0b4e9f,#08316c)}
.dashboard-grid{gap:16px}.dash-section h2{color:#fff}.upcoming-events-highlight{border-color:#ff9b3d;background:linear-gradient(145deg,#7b3700,#a94f00)}.upcoming-events-highlight h2{margin:-1.2rem -1.2rem 1rem;padding:13px 19px;border-radius:15px 15px 0 0;background:var(--siao-orange);color:#fff}.upcoming-events-highlight>.muted,.upcoming-events-highlight .event-row span{color:#ffe2c3}.chart-row,.event-row{color:#eaf4ff;border-bottom-color:#174b82}.chart-row:hover,.event-row:hover{background:#ffffff08}.chart-label{color:#dbeaff}.chart-value,.event-row span{color:#9eb8dc}.attention-row{background:#102f5d;color:#fff;border-color:#275c94}.button-link{background:#0a75c5;border:1px solid #29b8ff}.button-link[data-social=instagram]:before{content:'◎';display:inline-grid;place-items:center;width:19px;height:19px;margin-right:7px;border-radius:6px;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);color:white;font-weight:900}
.table th{color:#a9c4e7}.table td,.table th{border-bottom-color:#1a477b}.record-card{border-bottom-color:#1a477b}.empty{color:#9eb8dc}.management-heading{border:1px solid #2673b8}.management-form,.report-form{background:#06224c;border-color:#1b5797}.management-field{color:#dcecff}.management-card{border-left-color:#ff7a00}.library-cover{background:linear-gradient(145deg,#1298e7,#063c83)}
.mobile-dock{display:none}
.recent-activity{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #174b82}.recent-activity:last-child{border-bottom:0}.recent-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#0c3c76}.recent-activity strong,.recent-activity small{display:block}.recent-activity small{margin-top:2px;color:#9eb8dc;font-size:.72rem}.pending-report{display:grid;grid-template-columns:25px 1fr auto;gap:8px;align-items:center;width:100%;padding:11px 4px;background:transparent;border:0;border-bottom:1px solid #174b82;text-align:left;color:#fff}.pending-report:hover{background:#ffffff08}.pending-report small{color:#fbbf77}
.upcoming-events-highlight .event-row{display:grid;gap:6px;margin:9px 0;padding:13px 14px;border:1px solid #ffc080;border-radius:10px;background:#fffaf5;color:#0a3d91;white-space:normal;box-shadow:0 4px 12px #3f1d081f}.upcoming-events-highlight .event-row strong{display:block;color:#0a3d91;font-size:.96rem;line-height:1.3;overflow-wrap:anywhere}.upcoming-events-highlight .event-row span{display:block;color:#d85f00;font-size:.78rem;font-weight:700;line-height:1.45;overflow-wrap:anywhere}.upcoming-events-highlight .event-row:hover{background:#fff1e3;border-color:#ff8a1c}
.worship-panel .calendar-weekday{color:#b9d7f7}.worship-panel .calendar-day{background:#f8fbff!important;color:#082d61!important;border-color:#77a8d7}.worship-panel .calendar-day:hover{background:#eaf5ff!important}.worship-panel .calendar-today{background:#fff3e8!important;border-color:#ff7a00!important}.worship-panel .calendar-number{color:#0a3d91!important}.worship-panel .calendar-event{background:#e4f3ff;color:#0a3d91}.worship-panel .calendar-event strong{color:#d85f00}.worship-panel .calendar-event span{color:#0a3d91;font-weight:750}.worship-panel .calendar-event.event-entry{background:#fff0df;color:#a44700}
@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.shell main{padding:12px 10px 92px}.shell main>header{margin:-2px 0 13px;padding:10px 11px;border-radius:11px;position:sticky;top:0}.brand{height:210px}.brand-logo{height:188px;width:188px}.menu-open #sidebar{background:linear-gradient(180deg,#020f2d,#062b62)!important}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{min-height:112px;padding:13px}.metric strong{font-size:1.55rem}.dashboard-grid{grid-template-columns:1fr}.worship-panel{overflow-x:auto}.worship-calendar{min-width:680px}.worship-panel .calendar-event span{display:block!important}.mobile-dock{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;z-index:80;padding:7px 5px max(7px,env(safe-area-inset-bottom));background:#031b4ef2;border-top:1px solid #1d5b9b;box-shadow:0 -9px 28px #0005;backdrop-filter:blur(14px)}.mobile-dock button{display:grid;place-items:center;gap:1px;min-height:51px;padding:4px 2px;background:transparent;border:0;color:#9eb8dc;font-size:.66rem}.mobile-dock button span{font-size:1.15rem}.mobile-dock button.active,.mobile-dock button:hover{color:#ff8a1c}.shell main:after{display:none!important}.panel{padding:11px}}
@media(max-width:430px){.metrics-grid{grid-template-columns:1fr 1fr}.metric-label{font-size:.75rem}.metric small{font-size:.65rem}.brand-logo{width:205px}.shell main>header h1{font-size:1.15rem}}

/* SIÃO v21.14: instituição mais visível, mídia responsiva e formulários leves. */
.institution-brand{display:grid!important;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px}.institution-brand img{width:72px!important;height:72px!important;object-fit:contain!important;padding:4px;background:#ffffffee;border:2px solid #2aaef4!important;border-radius:14px!important}.media-category-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.media-category-chip{display:flex;align-items:center;gap:6px;padding:7px 8px 7px 12px;border:1px solid #2465a3;border-radius:999px;background:#082b5c}.media-category-chip button{min-height:30px;padding:4px 8px;font-size:.72rem}.media-album-grid{display:grid;gap:13px}.media-album-card{border:1px solid #1b5797;border-radius:14px;background:#06224c;overflow:hidden}.media-album-head{display:flex;justify-content:space-between;gap:18px;padding:16px}.media-album-head h3{margin:8px 0 3px;color:#fff}.media-items{padding:14px;border-top:1px solid #1b5797;background:#031b3d}.media-add-item{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,2fr) auto;gap:9px;align-items:end;margin-bottom:13px}.media-add-item input{margin:0}.media-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.media-item{display:grid;gap:8px;padding:9px;border:1px solid #1b5797;border-radius:10px;background:#082b5c}.media-item img{width:100%;height:150px;object-fit:cover;border-radius:7px;background:#fff}.media-item a{color:#fff;overflow-wrap:anywhere}.media-video-icon{display:grid;place-items:center;min-height:90px;border-radius:7px;background:linear-gradient(135deg,#0a3d91,#ff7a00);font-size:2rem}
@media(max-width:850px){.institution-brand{grid-template-columns:64px minmax(0,1fr)}.institution-brand img{width:64px!important;height:64px!important}.media-album-head{display:block}.media-album-head .management-actions{margin-top:10px}.media-add-item{grid-template-columns:1fr}.media-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.media-item-grid{grid-template-columns:1fr}.media-item img{height:auto;max-height:320px}}