/* Generated by scripts/build_panel_static_assets.py. Do not edit directly. */
/* source: panel/frontend/css/pages/auth.css */
body[data-nx-ui].route-auth {
  min-height:100%;
  display:block;
  margin:0;
  padding:0;
  overflow-x:hidden;
  background:var(--nx-bg);
  color:var(--nx-text);
}

body[data-nx-ui].route-auth .container,
body[data-nx-ui].route-auth .page-frame,
body[data-nx-ui].route-auth .page-content,
body[data-nx-ui].route-auth .app-main {
  width:100%;
  max-width:none;
  min-height:100%;
  margin:0;
  padding:0;
}

body[data-nx-ui].route-auth .page-content {
  display:block;
}

body[data-nx-ui].route-auth .flash {
  position:fixed;
  top:calc(var(--nx-s-5) + env(safe-area-inset-top));
  left:50%;
  z-index:var(--nx-z-toast);
  width:min(calc(var(--nx-sidebar-width) * 2),calc(100% - var(--nx-s-8)));
  margin:0;
  transform:translateX(-50%);
}

body[data-nx-ui] .login-workspace {
  width:100%;
  min-height:100%;
  display:grid;
  grid-template-columns:var(--nx-sidebar-width) minmax(0,1fr);
  background:var(--nx-bg);
  color:var(--nx-text);
}

body[data-nx-ui] .login-brand-pane {
  min-width:0;
  min-height:100%;
  display:flex;
  flex-direction:column;
  padding:var(--nx-s-6);
  background:var(--nx-surface);
  color:var(--nx-text);
  border-right:var(--nx-border-width) solid var(--nx-line);
}

body[data-nx-ui] .login-brand-header {
  display:flex;
  align-items:center;
  gap:var(--nx-s-3);
}

body[data-nx-ui] .login-brand-mark {
  width:var(--nx-s-10);
  height:var(--nx-s-10);
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border:var(--nx-border-width) solid var(--nx-line);
  border-radius:var(--nx-r-md);
  background:var(--nx-brand-bg);
}

body[data-nx-ui] .login-brand-mark img {
  width:var(--nx-s-8);
  height:var(--nx-s-8);
  display:block;
}

body[data-nx-ui] .login-brand-lockup {
  min-width:0;
  display:grid;
  gap:var(--nx-s-1);
}

body[data-nx-ui] .login-brand-name {
  color:var(--nx-text);
  font-size:var(--nx-fs-title);
  font-weight:var(--nx-fw-semibold);
  line-height:var(--nx-lh-title);
}

body[data-nx-ui] .login-brand-product {
  color:var(--nx-text-muted);
  font-size:var(--nx-fs-caption);
  line-height:var(--nx-lh-control);
}

body[data-nx-ui] .login-brand-main,
body[data-nx-ui] .login-brand-network {
  display:none;
}

body[data-nx-ui] .login-brand-footer {
  display:flex;
  align-items:center;
  margin-top:auto;
  padding-top:var(--nx-s-4);
  border-top:var(--nx-border-width) solid var(--nx-line);
  color:var(--nx-text-muted);
  font-size:var(--nx-fs-caption);
  line-height:var(--nx-lh-control);
}

body[data-nx-ui] .login-brand-status {
  display:inline-flex;
  align-items:center;
  gap:var(--nx-s-2);
  color:var(--nx-text-muted);
}

body[data-nx-ui] .login-status-dot {
  width:var(--nx-s-2);
  height:var(--nx-s-2);
  flex:0 0 auto;
  border-radius:var(--nx-r-pill);
  background:var(--nx-success);
  box-shadow:var(--nx-e-0);
}

body[data-nx-ui] .login-form-pane {
  position:relative;
  min-width:0;
  min-height:100%;
  display:grid;
  place-items:center;
  padding:calc(var(--nx-s-12) + env(safe-area-inset-top)) var(--nx-s-6) var(--nx-s-12);
  background:var(--nx-bg);
}

body[data-nx-ui] .login-form-toolbar {
  position:absolute;
  top:calc(var(--nx-s-4) + env(safe-area-inset-top));
  right:var(--nx-s-6);
  z-index:var(--nx-z-header);
}

body[data-nx-ui] .login-theme-toggle {
  width:var(--nx-control-sm);
  min-width:var(--nx-control-sm);
  height:var(--nx-control-sm);
  min-height:var(--nx-control-sm);
  padding:0;
  border:var(--nx-border-width) solid var(--nx-line);
  border-radius:var(--nx-r-sm);
  background:var(--nx-surface);
  color:var(--nx-text-muted);
  box-shadow:var(--nx-e-0);
}

body[data-nx-ui] .login-theme-toggle:hover {
  border-color:var(--nx-line-strong);
  background:var(--nx-brand-bg);
  color:var(--nx-brand);
}

body[data-nx-ui] .login-theme-toggle:focus-visible {
  outline:var(--nx-e-0);
  box-shadow:var(--nx-e-focus);
}

body[data-nx-ui] .login-form-content {
  width:min(100%,calc(var(--nx-sidebar-width) * 2));
}

body[data-nx-ui] .login-form-header {
  margin-bottom:var(--nx-s-8);
}

body[data-nx-ui] .login-form-rule {
  width:var(--nx-s-8);
  height:var(--nx-nav-indicator-width);
  display:block;
  margin-bottom:var(--nx-s-4);
  background:var(--nx-brand);
}

body[data-nx-ui] .login-form-header h1 {
  margin:0;
  color:var(--nx-text);
  font-size:var(--nx-fs-page);
  font-weight:var(--nx-fw-semibold);
  line-height:var(--nx-lh-title);
}

body[data-nx-ui] .login-form-header p {
  margin:var(--nx-s-2) 0 0;
  color:var(--nx-text-muted);
  font-size:var(--nx-fs-body);
  line-height:var(--nx-lh-body);
}

body[data-nx-ui] .login-form {
  display:grid;
  gap:var(--nx-s-5);
}

body[data-nx-ui] .login-field {
  display:grid;
  gap:var(--nx-s-1);
}

body[data-nx-ui] .login-field .label {
  margin:0;
  color:var(--nx-text-muted);
  font-size:var(--nx-fs-caption);
  font-weight:var(--nx-fw-medium);
  line-height:var(--nx-lh-title);
}

body[data-nx-ui] .login-input-shell {
  min-width:0;
  min-height:var(--nx-field-height);
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:center;
  overflow:hidden;
  border:var(--nx-border-width) solid var(--nx-line);
  border-radius:var(--nx-r-sm);
  background:var(--nx-surface);
  box-shadow:var(--nx-e-0);
}

body[data-nx-ui] .login-input-shell.has-action {
  grid-template-columns:minmax(0,1fr) var(--nx-control-md);
}

body[data-nx-ui] .login-input-shell:hover {
  border-color:var(--nx-line-strong);
}

body[data-nx-ui] .login-input-shell:focus-within {
  border-color:var(--nx-brand);
  box-shadow:var(--nx-e-focus);
}

body[data-nx-ui] .login-input-shell > input.login-input {
  width:100%;
  min-width:0;
  min-height:var(--nx-field-height);
  margin:0;
  padding:0 var(--nx-s-3);
  border:0;
  border-radius:var(--nx-r-sm);
  background:var(--nx-surface);
  color:var(--nx-text);
  box-shadow:var(--nx-e-0);
  font-family:var(--nx-font);
  font-size:var(--nx-fs-dense);
  font-weight:var(--nx-fw-normal);
  line-height:var(--nx-lh-control);
}

body[data-nx-ui] .login-input-shell > input.login-input:hover,
body[data-nx-ui] .login-input-shell > input.login-input:focus {
  border:0;
  outline:var(--nx-e-0);
  box-shadow:var(--nx-e-0);
}

body[data-nx-ui] .login-input-shell > input.login-input::placeholder {
  color:var(--nx-text-faint);
}

body[data-nx-ui] .login-input-shell:has(.login-input[aria-invalid="true"]) {
  border-color:var(--nx-danger);
}

body[data-nx-ui] .login-password-toggle {
  position:relative;
  width:var(--nx-control-sm);
  height:var(--nx-control-sm);
  justify-self:center;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:var(--nx-r-sm);
  background:var(--nx-surface);
  color:var(--nx-text-muted);
}

body[data-nx-ui] .login-password-toggle:hover {
  background:var(--nx-brand-bg);
  color:var(--nx-brand);
}

body[data-nx-ui] .login-password-toggle svg,
body[data-nx-ui] .login-submit-icon {
  width:var(--nx-s-5);
  height:var(--nx-s-5);
}

body[data-nx-ui] .login-password-toggle.is-visible::after {
  content:"";
  position:absolute;
  width:var(--nx-s-5);
  height:var(--nx-nav-indicator-width);
  border-radius:var(--nx-r-pill);
  background:var(--nx-text-muted);
  transform:rotate(45deg);
}

body[data-nx-ui] .login-password-toggle:focus-visible {
  outline:var(--nx-e-0);
  box-shadow:var(--nx-e-focus);
}

body[data-nx-ui] .login-error-slot {
  min-height:var(--nx-s-5);
}

body[data-nx-ui] .login-error-slot .form-error:not(.is-hidden) {
  margin:0;
  padding:var(--nx-s-2) var(--nx-s-3);
  border:var(--nx-border-width) solid var(--nx-danger);
  border-radius:var(--nx-r-sm);
  background:var(--nx-danger-bg);
  color:var(--nx-danger);
  font-size:var(--nx-fs-caption);
  line-height:var(--nx-lh-body);
}

body[data-nx-ui] .login-form button.btn.login-submit:not(.ghost):not(.secondary):not(.danger):not(.bad) {
  width:100%;
  min-height:var(--nx-control-md);
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--nx-s-2);
  padding:0 var(--nx-s-4);
  border:var(--nx-border-width) solid var(--nx-brand);
  border-radius:var(--nx-r-sm);
  background:var(--nx-brand);
  color:var(--nx-brand-on);
  box-shadow:var(--nx-e-0);
  font-family:var(--nx-font);
  font-size:var(--nx-fs-dense);
  font-weight:var(--nx-fw-semibold);
  line-height:var(--nx-lh-control);
}

body[data-nx-ui] .login-form button.btn.login-submit:not(.ghost):not(.secondary):not(.danger):not(.bad):hover {
  border-color:var(--nx-brand-hover);
  background:var(--nx-brand-hover);
  color:var(--nx-brand-on);
}

body[data-nx-ui] .login-form button.btn.login-submit:focus-visible {
  outline:var(--nx-e-0);
  box-shadow:var(--nx-e-focus);
}

body[data-nx-ui] .login-form button.btn.login-submit:disabled {
  opacity:var(--nx-opacity-disabled);
  pointer-events:none;
}

body[data-nx-ui] .setup-form {
  gap:var(--nx-s-4);
}

body[data-nx-ui] .setup-form .help {
  margin:0;
  color:var(--nx-text-muted);
  font-size:var(--nx-fs-caption);
  line-height:var(--nx-lh-body);
}

body[data-nx-ui] .setup-workspace .login-form-header p {
  max-width:100%;
}

@media (max-width:720px) {
  body[data-nx-ui] .login-workspace {
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto minmax(0,1fr);
  }

  body[data-nx-ui] .login-brand-pane {
    min-height:calc(var(--nx-s-12) + var(--nx-s-6));
    padding:var(--nx-s-4);
    justify-content:center;
    border-right:0;
    border-bottom:var(--nx-border-width) solid var(--nx-line);
  }

  body[data-nx-ui] .login-brand-footer {
    display:none;
  }

  body[data-nx-ui] .login-form-pane {
    min-height:auto;
    place-items:start center;
    padding:calc(var(--nx-s-12) + env(safe-area-inset-top)) var(--nx-s-5) var(--nx-s-8);
  }

  body[data-nx-ui] .login-form-toolbar {
    top:var(--nx-s-4);
    right:var(--nx-s-4);
  }
}

@media (max-width:480px) {
  body[data-nx-ui] .login-brand-product {
    display:none;
  }

  body[data-nx-ui] .login-form-pane {
    padding-inline:var(--nx-s-4);
  }

  body[data-nx-ui] .login-form-header {
    margin-bottom:var(--nx-s-6);
  }
}