html, body {
  background: #020704 !important;
  color: #d9ffd4 !important;
  font-family: "DejaVu Sans Mono", "Liberation Mono", Consolas, monospace !important;
}
body {
  background:
    radial-gradient(circle at 16% 18%, rgba(57,255,20,.18), transparent 34%),
    radial-gradient(circle at 86% 82%, rgba(57,255,20,.08), transparent 30%),
    linear-gradient(180deg, #020704 0%, #000 100%) !important;
}
body:before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 999999;
  pointer-events: none;
  background:
    repeating-linear-gradient(to bottom, rgba(57,255,20,.05) 0 1px, transparent 1px 4px),
    linear-gradient(90deg, rgba(57,255,20,.025), transparent 24%, transparent 76%, rgba(57,255,20,.025));
  mix-blend-mode: screen;
}
body:after {
  content: "REDPOINT CHAT // TERMINAL GUI";
  position: fixed;
  left: 12px;
  top: 8px;
  z-index: 999998;
  pointer-events: none;
  color: #39ff14;
  font: 900 12px "DejaVu Sans Mono", "Liberation Mono", Consolas, monospace;
  letter-spacing: .08em;
  text-shadow: 0 0 10px rgba(57,255,20,.85);
}
main, section, article, aside, nav, header, footer, form,
.card, .panel, .modal, .dialog, .menu, .dropdown-menu, .popover, .toast, .alert, .table,
.x-panel, .x-panel-body, .x-window, .x-window-body, .x-grid, .x-toolbar, .x-tab-bar, .x-menu, .x-btn,
.mat-mdc-card, .mat-mdc-dialog-container, .mat-drawer, .mat-sidenav, .mat-toolbar,
[class*="layout"], [class*="panel"], [class*="sidebar"], [class*="drawer"], [class*="card"],
[class*="modal"], [class*="dialog"], [class*="menu"], [class*="popover"], [class*="dropdown"],
[class*="table"], [class*="toolbar"], [class*="content"], [class*="view"], [class*="page"],
[class*="app"], [class*="root"] {
  background-color: rgba(2,14,8,.88) !important;
  color: #d9ffd4 !important;
  border-color: rgba(57,255,20,.26) !important;
  border-radius: 0 !important;
}
button, .btn, [role="button"], input, textarea, select, a, .form-control, .form-select, .x-btn, .x-form-field {
  border-radius: 0 !important;
  font-family: "DejaVu Sans Mono", "Liberation Mono", Consolas, monospace !important;
}
button, .btn, [role="button"], input[type="submit"], .x-btn {
  background: rgba(57,255,20,.12) !important;
  border: 1px solid rgba(57,255,20,.50) !important;
  color: #d9ffd4 !important;
  box-shadow: 0 0 10px rgba(57,255,20,.12) !important;
}
input, textarea, select, .form-control, .form-select, .x-form-field {
  background: rgba(0,18,8,.96) !important;
  color: #d9ffd4 !important;
  border: 1px solid rgba(57,255,20,.48) !important;
}
h1, h2, h3, h4, h5, h6, label, .x-title-text, .x-panel-header-title,
[class*="title"], [class*="heading"], [class*="name"] {
  color: #d9ffd4 !important;
  text-shadow: 0 0 8px rgba(57,255,20,.22);
  font-family: "DejaVu Sans Mono", "Liberation Mono", Consolas, monospace !important;
}
a, a:visited { color: #aaff9a !important; }
svg, i, .icon, mat-icon, .x-tool-img { color: #39ff14 !important; stroke: currentColor; }
img, video, canvas, .avatar, [class*="avatar"], [class*="thumbnail"], [class*="image"] {
  border-radius: 0 !important;
  border-color: rgba(57,255,20,.22) !important;
}
img[src*="immich"], img[src*="Immich"], img[src*="proxmox"], img[src*="Proxmox"], img[src*="pve"],
img[src*="openmediavault"], img[src*="omv"], img[src*="vaultwarden"], img[src*="bitwarden"], img[src*="Bitwarden"],
img[src*="element"], img[src*="Element"], img[src*="matrix"], img[src*="logo"],
img[alt*="Immich"], img[alt*="Proxmox"], img[alt*="openmediavault"], img[alt*="Vaultwarden"], img[alt*="Bitwarden"],
img[alt*="Element"], img[alt*="logo"], [class*="logo"] img, [class*="brand"] img {
  content: url("/rp-element-skin/redpoint-element-logo.svg?v=1782089890") !important;
  width: min(430px, 82vw) !important;
  max-width: min(430px, 82vw) !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 14px rgba(57,255,20,.55)) !important;
}
[class*="logo"], [class*="Logo"], [class*="brand"], [class*="Brand"], [id*="logo"], [id*="Logo"], [id*="brand"], [id*="Brand"] {
  background-image: url("/rp-element-skin/redpoint-element-logo.svg?v=1782089890") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}
.rp-element-logo-inject {
  display: block;
  width: min(430px, 82vw);
  height: 132px;
  margin: 16px auto;
  background-image: url("/rp-element-skin/redpoint-element-logo.svg?v=1782089890");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: drop-shadow(0 0 14px rgba(57,255,20,.55));
}
.rp-element-status {
  position: fixed;
  right: 14px;
  bottom: 10px;
  z-index: 999998;
  pointer-events: none;
  color: rgba(57,255,20,.86);
  font: 900 11px "DejaVu Sans Mono", "Liberation Mono", Consolas, monospace;
  letter-spacing: .08em;
  text-shadow: 0 0 8px rgba(57,255,20,.80);
}

/* RP EMERGENCY CSS STABILIZER 1782092142
   restore v1 behavior: no big overlay logos, no layout hijack, scroll safe */
.rp-element-brandbar,
.rp-element-logo-inject,
.rp-universal-status,
[class^="rp-"][class$="-brandbar"],
[class^="rp-"][class$="-logo-inject"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  min-height: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

html,
body {
  overflow: auto !important;
  background-color: #020704 !important;
}

body {
  color: #d9ffd4 !important;
}

body:before {
  pointer-events: none !important;
}

body:after {
  left: 12px !important;
  top: 8px !important;
  right: auto !important;
  bottom: auto !important;
  max-width: 220px !important;
  height: auto !important;
  opacity: .72 !important;
  pointer-events: none !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

/* undo aggressive logo hijack */
[class*="logo"],
[class*="Logo"],
[class*="brand"],
[class*="Brand"],
[id*="logo"],
[id*="Logo"],
[id*="brand"],
[id*="Brand"] {
  background-image: none !important;
  min-height: unset !important;
}

/* do not force all images into huge logos */
img {
  max-width: 100% !important;
  height: auto !important;
}

/* keep PVE/noVNC/terminal scroll usable */
.x-viewport,
.x-border-layout-ct,
.x-panel-body,
.x-window-body,
.x-fit-item,
.x-autocontainer-innerCt,
.x-grid-body,
.x-grid-view,
.x-tree-view,
.x-terminal,
.xterm,
.terminal,
.console,
.spice-html5,
#noVNC_container,
#noVNC_screen,
#pveConsole,
div[id*="console"],
div[class*="console"],
div[class*="terminal"],
div[class*="xterm"] {
  overflow: auto !important;
  scrollbar-width: auto !important;
}

/* OMV: kill stock wallpaper/background only */
body,
.login-page,
[class*="login"],
[class*="Login"] {
  background-color: #020704 !important;
}