/* Kort og datavisninger på app-sider */
#overblik .overblik-hero,
#forbrug .forbrug-overview,
#analyser .analyser-hero,
#elpris .elpris-hero,
#solceller .solceller-hero,
#konto .konto-hero,
#eloverblik-connect .eloverblik-hero,
#admin .admin-hero {
  border-color: var(--ui-line);
  border-radius: var(--ui-radius-lg);
  box-shadow: var(--ui-shadow-md);
}

#admin .admin-hero {
  background:
    radial-gradient(circle at 94% 0%, rgba(78, 169, 90, 0.15), transparent 34%),
    linear-gradient(135deg, #fbfdfb, #fff);
}

#overblik .overblik-stat,
#overblik .overblik-card,
#forbrug .forbrug-card,
#analyser .analyser-form,
#analyser .analyser-card,
#elpris .elpris-card,
#solceller .solceller-card,
#konto .konto-card,
#eloverblik-connect .eloverblik-card,
#admin .admin-card,
#admin .admin-notes,
#datakilder .datakilde-card,
#datakilder .datakilder-table-wrap,
#rapporter .rapport-stat,
#rapporter .rapporter-table-wrap {
  border: 1px solid var(--ui-line);
  border-radius: var(--ui-radius-md);
  background: #fff;
  box-shadow: var(--ui-shadow-sm);
}

#admin .admin-stat,
#rapporter .rapport-stat {
  background:
    radial-gradient(circle at 100% 0%, rgba(78, 169, 90, 0.11), transparent 45%),
    #fff;
}

#datakilder .datakilder-intro,
#rapporter .rapport-intro {
  color: var(--ui-copy);
  font-size: 1rem;
  line-height: 1.7;
}