:root {
  --sea-net-admin-bg: #020304;
  --sea-net-admin-panel: #090d12;
  --sea-net-admin-panel-edge: rgba(135, 167, 198, 0.16);
  --sea-net-admin-text: #e7eef5;
  --sea-net-admin-muted: rgba(191, 206, 221, 0.76);
  --sea-net-admin-input: #141b23;
  --sea-net-admin-input-edge: rgba(135, 167, 198, 0.28);
}

html,
body,
body[data-page-id="admin"],
#app {
  min-height: 100%;
  background: var(--sea-net-admin-bg);
}

body[data-page-id="admin"] {
  color: var(--sea-net-admin-text);
}

body[data-page-id="admin"]::before {
  content: "";
  position: fixed;
  top: 44px;
  left: 50%;
  width: 224px;
  height: 74px;
  transform: translateX(-50%);
  background: url("../img/sea-net-logo.png") center center / contain no-repeat;
  opacity: 0.56;
  pointer-events: none;
  z-index: 5;
}

body[data-page-id="admin"] .pf-v5-c-login,
body[data-page-id="admin"] .pf-v5-c-login__container,
body[data-page-id="admin"] .login-pf,
body[data-page-id="admin"] [class*="login"] {
  background: transparent;
}

body[data-page-id="admin"] .pf-v5-c-login__container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh;
  padding: 214px 24px 48px;
  gap: 0;
}

body[data-page-id="admin"] .pf-v5-c-login__main-header,
body[data-page-id="admin"] .pf-v5-c-login__main-header-band,
body[data-page-id="admin"] .pf-v5-c-login__main-footer-band,
body[data-page-id="admin"] .pf-v5-c-login__footer,
body[data-page-id="admin"] .pf-v5-c-brand,
body[data-page-id="admin"] img[src*="logo"],
body[data-page-id="admin"] img[alt*="logo" i] {
  display: none !important;
}

body[data-page-id="admin"] .pf-v5-c-login__main,
body[data-page-id="admin"] .pf-v5-c-card,
body[data-page-id="admin"] [class*="login-main"],
body[data-page-id="admin"] [class*="loginMain"],
body[data-page-id="admin"] form {
  background: var(--sea-net-admin-panel) !important;
  color: var(--sea-net-admin-text) !important;
}

body[data-page-id="admin"] .pf-v5-c-login__main,
body[data-page-id="admin"] .pf-v5-c-card,
body[data-page-id="admin"] [class*="login-main"],
body[data-page-id="admin"] [class*="loginMain"] {
  width: min(100%, 430px);
  border: 1px solid var(--sea-net-admin-panel-edge) !important;
  border-radius: 24px !important;
  box-shadow: 0 34px 92px rgba(0, 0, 0, 0.56);
}

body[data-page-id="admin"] h1,
body[data-page-id="admin"] h2,
body[data-page-id="admin"] h3,
body[data-page-id="admin"] label,
body[data-page-id="admin"] p,
body[data-page-id="admin"] span,
body[data-page-id="admin"] div {
  color: inherit;
}

body[data-page-id="admin"] label,
body[data-page-id="admin"] .pf-v5-c-form__label-text,
body[data-page-id="admin"] [class*="login"] .pf-v5-c-title {
  color: var(--sea-net-admin-text) !important;
}

body[data-page-id="admin"] .pf-v5-c-form-control,
body[data-page-id="admin"] input:not([type="checkbox"]),
body[data-page-id="admin"] input:not([type="radio"]),
body[data-page-id="admin"] .pf-v5-c-input-group > * {
  background: var(--sea-net-admin-input) !important;
  color: var(--sea-net-admin-text) !important;
  border-color: var(--sea-net-admin-input-edge) !important;
  box-shadow: none !important;
}

body[data-page-id="admin"] .pf-v5-c-form-control::placeholder,
body[data-page-id="admin"] input::placeholder {
  color: var(--sea-net-admin-muted) !important;
}

body[data-page-id="admin"] .pf-v5-c-button.pf-m-primary,
body[data-page-id="admin"] button[type="submit"] {
  background: #070a0d !important;
  border: 1px solid rgba(135, 167, 198, 0.12) !important;
  color: #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body[data-page-id="admin"] .pf-v5-c-button.pf-m-primary:hover,
body[data-page-id="admin"] .pf-v5-c-button.pf-m-primary:focus,
body[data-page-id="admin"] button[type="submit"]:hover,
body[data-page-id="admin"] button[type="submit"]:focus {
  background: #111 !important;
}