/* Aparência do painel. Os elementos, números e permissões continuam vindo do SIÃO. */
.shell main:has(.dashboard){background:linear-gradient(180deg,#f5f8fc 0%,#edf4fb 100%)!important}
.shell main:has(.dashboard)>header{border-radius:12px;background:#fff!important}
.shell main:has(.dashboard)>.panel{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.dashboard{color:#10294a}
.dashboard-welcome{
  position:relative;isolation:isolate;overflow:hidden;min-height:164px;
  display:flex;flex-direction:column;justify-content:center;
  padding:27px clamp(20px,3.5vw,48px)!important;margin:0 0 18px!important;
  border:1px solid #183e72;border-radius:16px;
  background:radial-gradient(circle at 78% 30%,#fba64b90 0%,transparent 22%),
             radial-gradient(circle at 85% 108%,#e9692a88 0%,transparent 32%),
             linear-gradient(105deg,#071d40 0%,#0d376c 65%,#194f8a 100%);
  box-shadow:0 12px 30px #0b2f5826
}
.dashboard-welcome:after{content:"";position:absolute;right:2%;top:-70%;height:260%;width:37%;
  background:repeating-conic-gradient(from 225deg at 70% 50%,#ffe5a015 0deg,#ffe5a000 11deg,#ffe5a015 16deg);
  opacity:.65;pointer-events:none;z-index:-1}
.shell main .dashboard-welcome h2{color:#fff!important;font-size:clamp(1.35rem,2.4vw,2.1rem)!important;line-height:1.2}
.shell main .dashboard-welcome p{color:#e4eefb!important;line-height:1.5!important}
.dashboard-section-title{margin-top:20px!important;color:#b84b0b!important}
.dashboard-filters{background:#fff;border:1px solid #dbe6f2!important;border-radius:12px;
  padding:14px 16px!important;margin-bottom:18px!important;box-shadow:0 4px 18px #102e5010}
.dashboard .metrics-grid{gap:12px!important}
.dashboard .metric,.shell main .dashboard .metric:nth-child(n){
  position:relative;overflow:hidden;min-height:125px;border:0!important;border-radius:13px!important;
  color:#fff!important;background:linear-gradient(135deg,#0966d8,#1ea5fa)!important;
  box-shadow:0 8px 22px #0c58933d!important;transition:transform .15s ease,box-shadow .15s ease
}
.dashboard .metric:nth-child(5n+2),.shell main .dashboard .metric:nth-child(5n+2){background:linear-gradient(135deg,#087b50,#25b874)!important}
.dashboard .metric:nth-child(5n+3),.shell main .dashboard .metric:nth-child(5n+3){background:linear-gradient(135deg,#ea7000,#ffab3c)!important}
.dashboard .metric:nth-child(5n+4),.shell main .dashboard .metric:nth-child(5n+4){background:linear-gradient(135deg,#6322ba,#9654ea)!important}
.dashboard .metric:nth-child(5n),.shell main .dashboard .metric:nth-child(5n){background:linear-gradient(135deg,#c3243b,#f4515e)!important}
.dashboard .metric:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0c335b43!important}
.shell main .dashboard .metric :is(.metric-label,strong,small){color:#fff!important;position:relative;z-index:1}
.dashboard .metric:after{content:"";position:absolute;width:84px;height:84px;right:-25px;top:-24px;
 border-radius:50%;background:#ffffff20;box-shadow:-15px 16px 0 #ffffff0e}
.dashboard-grid{gap:16px!important}
.shell main .dashboard-grid .dash-section,.shell main .dashboard .demographics-grid .dash-section{
  background:#fff!important;color:#112d50!important;border:1px solid #dae5f1!important;
  box-shadow:0 6px 18px #09294c0c!important;border-radius:14px!important
}
.shell main .dashboard-grid .dash-section h2{color:#112d50!important;font-size:1.08rem!important}
.dashboard-grid .dash-section:has(.attention-row){border-top:4px solid #f1771c!important}
.dashboard-grid .dash-section:has(.event-row){border-top:4px solid #2378cb!important}
.dashboard-grid .dash-section .attention-row{border:1px solid #f1dec9!important;border-left:4px solid #ed761c!important;
  border-radius:9px!important;background:#fff8f0!important;color:#143457!important;padding:12px!important}
.dashboard-grid .dash-section .event-row{border-bottom:1px solid #e7edf4!important;background:#fff!important;color:#143457!important}
.dashboard-grid .dash-section .event-row:hover{background:#eff7ff!important}
.shell main .dashboard .chart-row{color:#143457!important}
.shell main .dashboard .chart-value,.shell main .dashboard .event-row span{color:#536b86!important}
.dashboard .daily-devotional,.dashboard .community-welcome{border-radius:12px}
.shell aside .nav-section button.active{background:#1266ce!important;border-left:3px solid #ff8a24!important;color:#fff!important;box-shadow:0 5px 16px #001a4255!important}
.shell aside .nav-section button.active:before{color:#fff!important}
@media(max-width:850px){
  .dashboard-welcome{min-height:128px;padding:20px!important}
  .dashboard-welcome:after{width:65%}
  .dashboard .metric,.shell main .dashboard .metric:nth-child(n){min-height:107px;padding:14px!important}
  .dashboard .metric strong{font-size:clamp(1.25rem,5vw,1.65rem)!important}
  .dashboard-filters{padding:12px!important}
  .shell main:has(.dashboard)>header{position:sticky;top:0;z-index:20}
}
@media(max-width:520px){
  .dashboard-grid{grid-template-columns:minmax(0,1fr)!important}
  .dashboard .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .shell main .dashboard-grid .dash-section{padding:15px!important}
}
@media(prefers-reduced-motion:reduce){.dashboard .metric{transition:none}}