/* Professional LightNet overlay for EQDKP/Portal/Admin */
:root {
  --ln-black: #050607;
  --ln-panel: rgba(8, 10, 12, .84);
  --ln-white: #f4f1eb;
  --ln-muted: #a8afb5;
  --ln-accent: #b74b53;
  --ln-line: rgba(244, 241, 235, .16);
}

html,
body {
  color-scheme: dark;
  background:
    linear-gradient(90deg, rgba(3, 4, 5, .96), rgba(3, 4, 5, .84) 48%, rgba(3, 4, 5, .68)),
    url("/lightnet-assets/lightnet-pro-interface.png") center top / cover fixed no-repeat,
    var(--ln-black) !important;
  color: var(--ln-white) !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

body::after {
  content: "";
  position: fixed;
  inset: 12px;
  z-index: 0;
  pointer-events: none;
  border: 1px solid rgba(244, 241, 235, .08);
}

body > *,
#wrapper,
#contentContainer,
#personalArea,
#mainmenu,
#footer {
  position: relative;
  z-index: 1;
}

#wrapper,
#contentContainer,
#content,
#main_content,
.contentBody,
.admin,
.frontend {
  background: transparent !important;
  color: var(--ln-white) !important;
}

#personalArea,
#personalAreaInner,
#mainmenu,
.mainmenu-mobile-wrapper,
.adminmenu-mobile-wrapper,
.dropdown-menu {
  border-color: var(--ln-line) !important;
  background: rgba(5, 6, 7, .82) !important;
  color: var(--ln-white) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .24) !important;
}

#header,
#logoContainer {
  min-height: 200px;
  border: 1px solid var(--ln-line) !important;
  background:
    linear-gradient(90deg, rgba(3, 4, 5, .88), rgba(3, 4, 5, .58)),
    url("/lightnet-assets/lightnet-pro-hero.png") center / cover no-repeat !important;
  box-shadow: inset 0 0 80px rgba(0, 0, 0, .52) !important;
}

#mainlogo {
  content: url("/lightnet-assets/lightnet-wing-logo.svg") !important;
  width: min(360px, 70vw) !important;
  height: auto !important;
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, .35)) !important;
}

#titles h1,
#titles h2,
.portalbox_head,
.contentHeader,
.tableHeader,
h1,
h2,
h3 {
  color: var(--ln-white) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  letter-spacing: .02em !important;
  text-transform: uppercase;
  text-shadow: none !important;
  transform: none !important;
}

a,
.fa,
.pagination a:hover,
#mainmenu a:hover,
#mainmenu .active a {
  color: var(--ln-accent) !important;
}

#mainmenu ul,
#mainmenu li,
#mainmenu a,
.tabs a,
.tabnav a {
  border-color: var(--ln-line) !important;
  background: rgba(8, 10, 12, .68) !important;
  color: var(--ln-white) !important;
  text-transform: uppercase;
  font-weight: 700;
}

#mainmenu a:hover,
.tabs a:hover,
.tabnav a:hover,
.tabs .active a,
.tabnav .active a {
  border-color: rgba(183, 75, 83, .42) !important;
  background: rgba(183, 75, 83, .12) !important;
}

.portalbox,
.portalbox_content,
.content,
.contentBox,
.fieldset,
fieldset,
.table,
table,
.row1,
.row2,
.rowHover,
.infobox,
.warningbox,
.successbox,
.errorbox {
  border-color: var(--ln-line) !important;
  background: linear-gradient(180deg, rgba(10, 12, 14, .78), rgba(4, 5, 6, .9)) !important;
  color: var(--ln-white) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .22) !important;
}

th,
thead,
.thead,
.portalbox_head,
.contentHeader,
.tableHeader,
.ui-widget-header {
  border-color: var(--ln-line) !important;
  background: rgba(244, 241, 235, .06) !important;
  color: var(--ln-white) !important;
}

td,
tr,
tbody,
.ui-widget-content {
  border-color: rgba(244, 241, 235, .1) !important;
}

input,
select,
textarea,
button,
.button,
.mainoption,
.liteoption,
.input,
.ui-button {
  border: 1px solid var(--ln-line) !important;
  border-radius: 4px !important;
  background: rgba(3, 4, 5, .78) !important;
  color: var(--ln-white) !important;
  box-shadow: none !important;
}

button,
.button,
.mainoption,
input[type="submit"],
input[type="button"],
.ui-button {
  border-color: rgba(183, 75, 83, .42) !important;
  background: rgba(183, 75, 83, .18) !important;
  text-transform: uppercase;
  font-weight: 700 !important;
}

iframe[src*="discord"],
#discord-widget iframe {
  border: 1px solid var(--ln-line) !important;
  filter: grayscale(.35) saturate(.7) brightness(.82);
}

#footer,
footer {
  border-top: 1px solid var(--ln-line) !important;
  background: rgba(5, 6, 7, .84) !important;
  color: var(--ln-muted) !important;
}