/* =========================================================
   SERVENTIAX — DASHBOARD BRAND V1
   Alvo: estrutura atual .dashboard-shell / .app-sidebar.
   Deve ser carregada por ultimo entre as folhas institucionais.
   ========================================================= */

.dashboard-shell{
  min-height:100vh!important;
  color:var(--sx-graphite)!important;
  background:linear-gradient(135deg,#EFEAE2 0%,#F7F6F2 58%,#EFEAE2 100%)!important;
}

/* Sidebar institucional */
.app-sidebar{
  background:
    radial-gradient(circle at 20% 4%,rgba(201,154,93,.13),transparent 24%),
    linear-gradient(180deg,#061421 0%,#0D1B2A 64%,#071724 100%)!important;
  color:#D8E0E5!important;
  border-right:1px solid rgba(201,154,93,.24)!important;
  box-shadow:12px 0 36px rgba(6,20,33,.10)!important;
}
.sidebar-brand{
  height:76px!important;
  border-bottom:1px solid rgba(201,154,93,.18)!important;
  padding:0 18px!important;
}
.app-sidebar .brand-lockup{gap:10px!important}
.app-sidebar .brand-symbol{
  width:30px!important;
  height:40px!important;
  object-fit:contain!important;
  background:transparent!important;
}
.app-sidebar .brand{font-size:20px!important;color:#F8F6F1!important;letter-spacing:-.7px!important}
.app-sidebar .brand span{color:var(--sx-gold)!important}
.app-sidebar nav{padding:15px 10px!important}
.app-sidebar .nav{
  min-height:39px!important;
  color:#CAD4DA!important;
  border-radius:9px!important;
  padding:9px 10px!important;
  font-size:11px!important;
  font-weight:650!important;
}
.app-sidebar .nav:hover{
  color:#FFF!important;
  background:rgba(255,255,255,.055)!important;
}
.app-sidebar .nav.active{
  color:#FFF!important;
  background:linear-gradient(90deg,rgba(201,154,93,.20),rgba(255,255,255,.035))!important;
  box-shadow:inset 3px 0 0 var(--sx-gold)!important;
}
.app-sidebar .nav.active svg{color:var(--sx-gold)!important}
.app-sidebar .nav.active-soft{
  color:#E5EAED!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
}
.app-sidebar .nav-title{
  color:#8193A1!important;
  font-size:8px!important;
  letter-spacing:1.55px!important;
  font-weight:800!important;
}
.sidebar-footer{border-top:1px solid rgba(201,154,93,.15)!important}

/* Area principal */
.dashboard-main{
  color:var(--sx-graphite)!important;
  background:linear-gradient(180deg,#F7F6F2 0%,#EFEAE2 100%)!important;
}
.dashboard-topbar{
  height:70px!important;
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid var(--sx-line)!important;
  box-shadow:0 8px 22px rgba(13,27,42,.035)!important;
}
.global-search{
  height:38px!important;
  color:#7A858D!important;
  background:#FBFAF7!important;
  border:1px solid #DED9D1!important;
  border-radius:10px!important;
}
.global-search:focus-within{
  border-color:var(--sx-gold)!important;
  box-shadow:0 0 0 3px rgba(201,154,93,.12)!important;
}
.global-search input{color:var(--sx-graphite)!important}
.global-search kbd{background:#FFF!important;border-color:#E3DED6!important;color:#7A858D!important}
.icon-button{
  color:var(--sx-midnight)!important;
  background:#FFF!important;
  border-color:var(--sx-line)!important;
}
.avatar{
  color:#FFF!important;
  background:var(--sx-gold-gradient)!important;
  box-shadow:0 6px 16px rgba(146,96,45,.18)!important;
}
.user-chip strong{color:var(--sx-midnight)!important}
.user-chip small{color:var(--sx-muted)!important}

.dashboard-content{padding:28px 30px 42px!important}
.page-heading{margin-bottom:20px!important}
.page-heading h1{
  color:var(--sx-midnight)!important;
  font-size:29px!important;
  font-weight:680!important;
  letter-spacing:-1.1px!important;
}
.page-heading p{color:var(--sx-muted)!important;font-size:11.5px!important}
.secure-pill{
  color:#40515F!important;
  background:#FFF!important;
  border:1px solid #E2DDD5!important;
  border-radius:10px!important;
  box-shadow:0 6px 16px rgba(13,27,42,.035)!important;
}
.secure-pill svg{color:var(--sx-gold)!important}

/* Resumo */
.summary-grid.operational{gap:13px!important}
.summary-grid.operational article{
  position:relative!important;
  overflow:hidden!important;
  min-height:110px!important;
  background:#FFF!important;
  border:1px solid var(--sx-line)!important;
  border-radius:14px!important;
  box-shadow:var(--sx-card-shadow)!important;
}
.summary-grid.operational article::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:14px!important;
  bottom:14px!important;
  width:3px!important;
  border-radius:99px!important;
  background:var(--sx-gold-gradient)!important;
}
.summary-grid.operational article:nth-child(even)::before{background:linear-gradient(180deg,#5DC4C7,#0EA5A8)!important}
.summary-grid.operational .metric-icon{
  color:var(--sx-gold-dark)!important;
  background:linear-gradient(145deg,#F7E8D2,#EAC89A)!important;
  border:1px solid rgba(201,154,93,.20)!important;
}
.summary-grid.operational article:nth-child(even) .metric-icon{
  color:#087D80!important;
  background:linear-gradient(145deg,#E8F7F7,#C7EAEA)!important;
  border-color:rgba(14,165,168,.18)!important;
}
.summary-grid.operational article span{color:#74808A!important}
.summary-grid.operational article strong{color:var(--sx-midnight)!important}
.summary-grid.operational article small{color:#8A939A!important}

.compliance-card{
  background:linear-gradient(145deg,#FFF 0%,#FBFAF7 100%)!important;
  border:1px solid var(--sx-line)!important;
  border-radius:15px!important;
  box-shadow:var(--sx-card-shadow)!important;
}
.compliance-kicker{color:var(--sx-gold-dark)!important;letter-spacing:1.1px!important}
.compliance-card strong{color:var(--sx-midnight)!important}
.compliance-card p{color:var(--sx-muted)!important}
.compliance-ring{
  color:#087D80!important;
  background:var(--sx-teal-soft)!important;
  border-color:rgba(14,165,168,.25)!important;
}

/* Acesso rapido */
.quick-section{
  margin-top:20px!important;
  padding:22px!important;
  background:rgba(255,255,255,.76)!important;
  border:1px solid var(--sx-line)!important;
  border-radius:18px!important;
  box-shadow:0 10px 30px rgba(13,27,42,.04)!important;
}
.quick-section .section-head h2{color:var(--sx-midnight)!important;font-size:20px!important;font-weight:690!important}
.quick-section .section-head p,.quick-section .section-head small{color:var(--sx-muted)!important}
.quick-grid{gap:13px!important}
.quick-card{
  min-height:154px!important;
  color:var(--sx-graphite)!important;
  background:#FFF!important;
  border:1px solid var(--sx-line)!important;
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(13,27,42,.04)!important;
}
.quick-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(201,154,93,.55)!important;
  box-shadow:0 16px 36px rgba(13,27,42,.08)!important;
}
.quick-card>svg:first-child{
  color:var(--sx-gold-dark)!important;
  background:#F7E8D2!important;
  border-radius:10px!important;
  padding:7px!important;
  width:42px!important;
  height:42px!important;
}
.quick-card.tone-teal>svg:first-child{
  color:#087D80!important;
  background:var(--sx-teal-soft)!important;
}
.quick-card.tone-navy>svg:first-child{color:#FFF!important;background:var(--sx-midnight)!important}
.quick-card strong{color:var(--sx-midnight)!important;font-weight:700!important}
.quick-card span{color:var(--sx-muted)!important}
.quick-card .quick-arrow{color:var(--sx-gold)!important;background:transparent!important;padding:0!important;width:17px!important;height:17px!important}

/* Paineis inferiores */
.dashboard-lower-grid{gap:14px!important}
.panel{
  background:#FFF!important;
  border:1px solid var(--sx-line)!important;
  border-radius:15px!important;
  box-shadow:var(--sx-card-shadow)!important;
}
.panel-head h3{color:var(--sx-midnight)!important;font-weight:700!important}
.panel-head p,.activity-list small,.empty-state span,.ai-disclaimer{color:var(--sx-muted)!important}
.panel-head button{color:#855B2B!important}
.activity-list strong,.empty-state strong{color:var(--sx-midnight)!important}
.activity-dot.gold{background:var(--sx-gold)!important}
.activity-dot.teal{background:var(--sx-teal)!important}
.activity-dot.navy{background:var(--sx-midnight)!important}
.empty-state>svg{color:var(--sx-gold)!important}
.ai-panel{
  background:linear-gradient(145deg,#FFF 0%,#F8FDFC 100%)!important;
  border-color:rgba(14,165,168,.24)!important;
}
.ai-panel .panel-head>svg,.ai-intro>svg{color:var(--sx-teal)!important}
.ai-actions button{
  color:var(--sx-midnight)!important;
  background:#FBFAF7!important;
  border-color:var(--sx-line)!important;
}
.ai-actions button:hover{border-color:var(--sx-gold)!important;background:#FFF8ED!important}

/* Modal de modulo */
.module-modal{
  color:var(--sx-graphite)!important;
  background:#FFF!important;
  border:1px solid var(--sx-line)!important;
  border-radius:18px!important;
  box-shadow:0 30px 90px rgba(6,20,33,.22)!important;
}
.module-modal h2{color:var(--sx-midnight)!important}
.module-modal .eyebrow{color:var(--sx-gold-dark)!important}
.module-modal .feature-list svg{color:var(--sx-teal)!important}
.module-modal .status-box{background:#FFF8ED!important;border-color:rgba(201,154,93,.25)!important}

/* Mobile */
@media(max-width:900px){
  .app-sidebar{border-right:1px solid rgba(201,154,93,.24)!important}
  .dashboard-main{background:var(--sx-ivory)!important}
  .dashboard-content{padding:20px 16px 34px!important}
  .quick-section{padding:17px!important}
}