:root{
  --mission-logo-blue:#0849a7;
  --mission-logo-sky:#29b9ee;
  --mission-logo-gold:#ffd21f;
  --mission-logo-orange:#f58a1f;
}

.brand .brand-mark{
  background:#0849a7 url('../img/logoapp.jpg') center/cover no-repeat;
  border-color:rgba(255,210,31,.72);
  box-shadow:0 7px 18px rgba(3,31,92,.34),0 0 0 2px rgba(255,210,31,.13);
  overflow:hidden;
}
.brand .brand-mark svg{opacity:0}

.login-card{border-top:4px solid var(--mission-logo-gold)}
.login-card .brand-mark{
  color:transparent;
  background:#0849a7 url('../img/logoapp.jpg') center/cover no-repeat;
  border:2px solid rgba(255,210,31,.72);
  box-shadow:0 10px 24px rgba(8,73,167,.27);
}
.login-card button{background:linear-gradient(135deg,var(--mission-logo-blue),#126fc6)}
.login-card button:hover{background:linear-gradient(135deg,#063b88,var(--mission-logo-blue))}
.login-card input:focus{border-color:var(--mission-logo-orange);box-shadow:0 0 0 3px rgba(255,210,31,.2)}

body[data-missao-page="dashboard"] .page-root{
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(234,245,255,.9));
}
body[data-missao-page="dashboard"] .page-head h2::after{
  content:"";
  display:block;
  width:48px;
  height:3px;
  margin-top:6px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--mission-logo-gold),var(--mission-logo-orange));
}
body[data-missao-page="dashboard"] .kpi-card{
  border-top:3px solid var(--mission-logo-gold);
  background:#fff;
}
body[data-missao-page="dashboard"] .kpi-icon{
  color:var(--mission-logo-blue);
  background:linear-gradient(145deg,#e8f8ff,#fff9d8);
}
body[data-missao-page="dashboard"] .shortcut-card:hover{
  border-color:var(--mission-logo-gold);
  background:#fffbed;
}
body[data-missao-page="dashboard"] .shortcut-card span:first-child{
  color:var(--mission-logo-blue);
  box-shadow:inset 0 -2px 0 rgba(255,210,31,.7),0 4px 10px rgba(45,81,119,.08);
}