/* WebDisk branding for NetBox login (netbox.dco.webdisk.io)
 * Source-of-truth: webdisk-grafana/configs/npm/netbox-login.css
 * Scope: html[data-netbox-url-name=login] only — does NOT affect logged-in UI.
 */

html[data-netbox-url-name="login"]{
  background:linear-gradient(135deg,#0D6DAA 0%,#154F7F 45%,#182C4D 100%) !important;
  min-height:100vh !important;
}

/* Hide stock NetBox teal logo */
html[data-netbox-url-name="login"] img.logo{display:none !important}

/* Inject WebDisk logo above the form via ::before on the first card */
html[data-netbox-url-name="login"] .container::before{
  content:"";
  display:block;
  height:64px;
  margin:0 auto 16px auto;
  background:url("https://webdisk.io/wp-content/uploads/webdisk-logo-white.svg") center/contain no-repeat;
}

/* Card body: translucent navy with light text */
html[data-netbox-url-name="login"] .card{
  background:rgba(16,28,51,.85) !important;
  border:1px solid rgba(96,162,213,.25) !important;
  border-radius:12px !important;
  box-shadow:0 10px 40px rgba(0,0,0,.45) !important;
  color:#fff !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

html[data-netbox-url-name="login"] .card-body,
html[data-netbox-url-name="login"] .card-title,
html[data-netbox-url-name="login"] .form-label,
html[data-netbox-url-name="login"] .form-text,
html[data-netbox-url-name="login"] label{color:#fff !important}

/* Form inputs: white on translucent */
html[data-netbox-url-name="login"] .form-control{
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.25) !important;
  border-radius:8px !important;
}
html[data-netbox-url-name="login"] .form-control::placeholder{color:rgba(255,255,255,.5) !important}
html[data-netbox-url-name="login"] .form-control:focus{
  background:rgba(255,255,255,.12) !important;
  border-color:#60A2D5 !important;
  box-shadow:0 0 0 .25rem rgba(13,109,170,.35) !important;
}

/* Primary submit button — WebDisk blue */
html[data-netbox-url-name="login"] .btn-primary{
  background-color:#0D6DAA !important;
  border-color:#0D6DAA !important;
  color:#fff !important;
  font-weight:600 !important;
  letter-spacing:.5px !important;
}
html[data-netbox-url-name="login"] .btn-primary:hover,
html[data-netbox-url-name="login"] .btn-primary:focus{
  background-color:#1281C7 !important;
  border-color:#1281C7 !important;
}

/* SSO button (secondary) — translucent panel */
html[data-netbox-url-name="login"] a.btn{
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.25) !important;
  color:#fff !important;
  font-weight:500 !important;
}
html[data-netbox-url-name="login"] a.btn:hover{
  background:rgba(255,255,255,.18) !important;
  border-color:rgba(255,255,255,.4) !important;
}

/* Section divider */
html[data-netbox-url-name="login"] hr,
html[data-netbox-url-name="login"] .divider{border-color:rgba(255,255,255,.15) !important}

/* Links (forgot password etc.) */
html[data-netbox-url-name="login"] a:not(.btn){color:rgba(255,255,255,.85) !important}
html[data-netbox-url-name="login"] a:not(.btn):hover{color:#fff !important;text-decoration:underline}

/* Bottom footer */
#wd-login-footer{
  position:fixed;left:0;right:0;bottom:0;z-index:99999;
  text-align:center;padding:10px 12px;font-size:13px;line-height:1.7;
  color:rgba(255,255,255,.85);font-family:Arial,Helvetica,sans-serif;
  background:linear-gradient(0deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 100%);
}
#wd-login-footer a{color:#fff !important;text-decoration:none}
#wd-login-footer a:hover{text-decoration:underline}

/* === Patch 1 (2026-06-15 evening): swap logo image → "WebDisk NetBox" headline + hide "Community" === */

/* Override the .container::before logo-image rule from earlier in this file
   with a TEXT version. Same selector, comes later → wins. */
html[data-netbox-url-name="login"] .container::before{
  content:"WebDisk NetBox";
  display:block;
  background:none !important;
  height:auto !important;
  margin:0 auto 24px auto !important;
  text-align:center;
  font-size:2rem;
  font-weight:600;
  letter-spacing:.5px;
  color:#ffffff;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  text-shadow:0 2px 8px rgba(0,0,0,.35);
}

/* Hide the "Community" edition badge */
html[data-netbox-url-name="login"] .netbox-edition{display:none !important}