/* Coalition Phase 16 — Aeterna background for simple admin/feed utility pages */
:root {
  --aeterna-page-background: url("../img/aeterna-page-background.png");
}

html {
  min-height: 100%;
  background: #010404;
}

body {
  min-height: 100vh;
  background-color: #010404 !important;
  background-image:
    linear-gradient(180deg, rgba(1, 4, 4, .64), rgba(1, 4, 4, .92)),
    var(--aeterna-page-background) !important;
  background-size: cover, cover !important;
  background-position: center top, center top !important;
  background-attachment: fixed, fixed !important;
  background-repeat: no-repeat, no-repeat !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 8%, rgba(159, 230, 83, .055), transparent 30%),
    linear-gradient(90deg, rgba(1,4,4,.88), rgba(1,4,4,.25), rgba(1,4,4,.88));
  z-index: -1;
}

.panel,
table,
.card,
.notice,
input,
select,
button,
textarea,
pre {
  backdrop-filter: blur(2px);
}