/* Fundo próprio da Quick para a saudação do painel. */
/* O painel escuro precisa de contornos distinguíveis do fundo dos cartões. */
html:not([data-theme="light"]) body.quick-finance-page--index .page-content {
  --st-line: rgba(255,255,255,.20);
  --st-line2: rgba(255,255,255,.28);
  --border-color: rgba(255,255,255,.20);
}

.st-hero.st-hero-v2 {
  background: #17263c url(../img/quick-dashboard-hero.svg) 58% center / cover no-repeat !important;
  box-shadow: 0 26px 48px -32px rgba(23,38,60,.78), 0 2px 8px -2px rgba(23,38,60,.25) !important;
}
.st-hero-v2 .st-hero-actions a,
.st-hero-menu-btn {
  background: rgba(18,35,53,.50) !important;
  border-color: rgba(244,223,181,.35) !important;
}
.st-hero-v2 .st-hero-actions a.st-hl-main {
  background: linear-gradient(135deg,#f4dfb5,#b9a377) !important;
  border-color: rgba(255,255,255,.35) !important;
  color: #17263c !important;
  box-shadow: 0 12px 26px -12px rgba(18,35,53,.62), inset 0 1px 0 rgba(255,255,255,.45) !important;
}
.st-hero-v2 .st-hero-actions a.st-hl-main:hover {
  background: linear-gradient(135deg,#ffebc5,#c7ae7b) !important;
}
.st-hero-sun.st-night { color: #f4dfb5 !important; }
@media (max-width: 700px) {
  .st-hero.st-hero-v2 {
    background-image: linear-gradient(90deg,rgba(23,38,60,.76),rgba(23,38,60,.22)),url(../img/quick-dashboard-hero.svg) !important;
    background-position: center,67% center !important;
  }
}