@charset "UTF-8";
/* =====================================================
   NEDOYA — GLPI 11 CUSTOM PALETTE + LOGIN (ROBUST SAFE)
   - Login styling is scoped with multiple possible login body classes
   - Internal pages are not affected because rules target login-specific structure
   ===================================================== */
/* -------------------------
   Brand palette variables (global - safe)
   ------------------------- */
:root[data-glpi-theme=nedoya] {
  --tblr-primary: #fd6305;
  --tblr-primary-rgb: 253, 99, 5;
  --tblr-link-color: #146eb4;
  --tblr-link-color-rgb: 20, 110, 180;
  --glpi-mainmenu-bg: #0b1a2b;
  --glpi-mainmenu-fg: #f4f6fa;
  --tblr-secondary: #c9c7c7;
  --tblr-secondary-fg: #111827;
  --tblr-input-disabled-bg: #f3f4f6;
  --glpi-palette-color-1: #fd6305;
  --glpi-palette-color-2: #146eb4;
  --glpi-palette-color-3: #0b1a2b;
  --glpi-palette-color-4: #c9c7c7;
}

/* =====================================================
   LOGIN SCOPE (robust)
   GLPI login pages may use different body classes.
   We cover common variants without touching internal pages.
   ===================================================== */
:root[data-glpi-theme=nedoya] body.page-login,
:root[data-glpi-theme=nedoya] body.login,
:root[data-glpi-theme=nedoya] body.front-login,
:root[data-glpi-theme=nedoya] body[class*=login] {
  min-height: 100vh;
  position: relative;
}

/* Hide GLPI logo ONLY on login-like pages */
:root[data-glpi-theme=nedoya] body.page-login img[alt=GLPI],
:root[data-glpi-theme=nedoya] body.login img[alt=GLPI],
:root[data-glpi-theme=nedoya] body.front-login img[alt=GLPI],
:root[data-glpi-theme=nedoya] body[class*=login] img[alt=GLPI],
:root[data-glpi-theme=nedoya] body.page-login .login-logo,
:root[data-glpi-theme=nedoya] body.login .login-logo,
:root[data-glpi-theme=nedoya] body.front-login .login-logo,
:root[data-glpi-theme=nedoya] body[class*=login] .login-logo,
:root[data-glpi-theme=nedoya] body.page-login .page-login-logo,
:root[data-glpi-theme=nedoya] body.login .page-login-logo,
:root[data-glpi-theme=nedoya] body.front-login .page-login-logo,
:root[data-glpi-theme=nedoya] body[class*=login] .page-login-logo {
  display: none !important;
}

/* RIGHT PANEL (visual) — only on login-like pages */
:root[data-glpi-theme=nedoya] body.page-login::before,
:root[data-glpi-theme=nedoya] body.login::before,
:root[data-glpi-theme=nedoya] body.front-login::before,
:root[data-glpi-theme=nedoya] body[class*=login]::before {
  content: "";
  position: fixed;
  right: 24px;
  top: 24px;
  width: 48vw;
  height: calc(100vh - 48px);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(20, 110, 180, 0.32), rgba(253, 99, 5, 0.12)), url("/pics/nedoya-login.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.18);
  z-index: 0;
}

/* Move login content to the LEFT — but target login structure to avoid internal pages */
:root[data-glpi-theme=nedoya] body.page-login .row.justify-content-center,
:root[data-glpi-theme=nedoya] body.login .row.justify-content-center,
:root[data-glpi-theme=nedoya] body.front-login .row.justify-content-center,
:root[data-glpi-theme=nedoya] body[class*=login] .row.justify-content-center {
  justify-content: flex-start !important;
}

:root[data-glpi-theme=nedoya] body.page-login .row.justify-content-center > .col-md-5,
:root[data-glpi-theme=nedoya] body.login .row.justify-content-center > .col-md-5,
:root[data-glpi-theme=nedoya] body.front-login .row.justify-content-center > .col-md-5,
:root[data-glpi-theme=nedoya] body[class*=login] .row.justify-content-center > .col-md-5 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Container positioning — login only */
:root[data-glpi-theme=nedoya] body.page-login .container,
:root[data-glpi-theme=nedoya] body.page-login .container-tight,
:root[data-glpi-theme=nedoya] body.login .container,
:root[data-glpi-theme=nedoya] body.login .container-tight,
:root[data-glpi-theme=nedoya] body.front-login .container,
:root[data-glpi-theme=nedoya] body.front-login .container-tight,
:root[data-glpi-theme=nedoya] body[class*=login] .container,
:root[data-glpi-theme=nedoya] body[class*=login] .container-tight {
  margin-left: 6vw !important;
  margin-right: auto !important;
  width: 560px;
  max-width: 92vw;
  position: relative;
  z-index: 2;
}

/* Make the form the main “card” — login only */
:root[data-glpi-theme=nedoya] body.page-login form[action*="/front/login.php"],
:root[data-glpi-theme=nedoya] body.login form[action*="/front/login.php"],
:root[data-glpi-theme=nedoya] body.front-login form[action*="/front/login.php"],
:root[data-glpi-theme=nedoya] body[class*=login] form[action*="/front/login.php"] {
  background: rgba(255, 255, 255, 0.92);
  border-radius: 18px;
  padding: 30px 30px 24px 30px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(2px);
}

/* Nedoya logo bar — login only */
:root[data-glpi-theme=nedoya] body.page-login form[action*="/front/login.php"]::before,
:root[data-glpi-theme=nedoya] body.login form[action*="/front/login.php"]::before,
:root[data-glpi-theme=nedoya] body.front-login form[action*="/front/login.php"]::before,
:root[data-glpi-theme=nedoya] body[class*=login] form[action*="/front/login.php"]::before {
  content: "";
  display: block;
  height: 64px;
  margin: -30px -30px 22px -30px;
  border-radius: 18px 18px 14px 14px;
  background: url("/pics/nedoya-logo-white.png") center/240px auto no-repeat, #0b1a2b;
}

/* Clean wrappers — login only */
:root[data-glpi-theme=nedoya] body.page-login .card-body,
:root[data-glpi-theme=nedoya] body.login .card-body,
:root[data-glpi-theme=nedoya] body.front-login .card-body,
:root[data-glpi-theme=nedoya] body[class*=login] .card-body {
  padding: 0 !important;
}

:root[data-glpi-theme=nedoya] body.page-login .card-header,
:root[data-glpi-theme=nedoya] body.login .card-header,
:root[data-glpi-theme=nedoya] body.front-login .card-header,
:root[data-glpi-theme=nedoya] body[class*=login] .card-header {
  background: transparent !important;
  border: 0 !important;
}

/* Title style — login only */
:root[data-glpi-theme=nedoya] body.page-login .card-header.mb-4 h2,
:root[data-glpi-theme=nedoya] body.login .card-header.mb-4 h2,
:root[data-glpi-theme=nedoya] body.front-login .card-header.mb-4 h2,
:root[data-glpi-theme=nedoya] body[class*=login] .card-header.mb-4 h2 {
  font-size: 36px;
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: 0.2px;
  margin: 0;
  max-width: 13ch;
}

/* Inputs/buttons — login only */
:root[data-glpi-theme=nedoya] body.page-login input.form-control,
:root[data-glpi-theme=nedoya] body.page-login select.form-select,
:root[data-glpi-theme=nedoya] body.login input.form-control,
:root[data-glpi-theme=nedoya] body.login select.form-select,
:root[data-glpi-theme=nedoya] body.front-login input.form-control,
:root[data-glpi-theme=nedoya] body.front-login select.form-select,
:root[data-glpi-theme=nedoya] body[class*=login] input.form-control,
:root[data-glpi-theme=nedoya] body[class*=login] select.form-select {
  border-radius: 12px;
  padding: 12px 14px;
}

:root[data-glpi-theme=nedoya] body.page-login .btn-primary,
:root[data-glpi-theme=nedoya] body.login .btn-primary,
:root[data-glpi-theme=nedoya] body.front-login .btn-primary,
:root[data-glpi-theme=nedoya] body[class*=login] .btn-primary {
  border-radius: 14px;
  padding: 12px;
  font-weight: 700;
}

/* Mobile */
@media (max-width: 980px) {
  :root[data-glpi-theme=nedoya] body.page-login::before,
  :root[data-glpi-theme=nedoya] body.login::before,
  :root[data-glpi-theme=nedoya] body.front-login::before,
  :root[data-glpi-theme=nedoya] body[class*=login]::before {
    left: 16px;
    right: 16px;
    top: 16px;
    width: auto;
    height: 34vh;
  }
  :root[data-glpi-theme=nedoya] body.page-login .container,
  :root[data-glpi-theme=nedoya] body.page-login .container-tight,
  :root[data-glpi-theme=nedoya] body.login .container,
  :root[data-glpi-theme=nedoya] body.login .container-tight,
  :root[data-glpi-theme=nedoya] body.front-login .container,
  :root[data-glpi-theme=nedoya] body.front-login .container-tight,
  :root[data-glpi-theme=nedoya] body[class*=login] .container,
  :root[data-glpi-theme=nedoya] body[class*=login] .container-tight {
    margin: 30vh auto 0 auto !important;
    width: min(92vw, 560px);
  }
  :root[data-glpi-theme=nedoya] body.page-login .card-header.mb-4 h2,
  :root[data-glpi-theme=nedoya] body.login .card-header.mb-4 h2,
  :root[data-glpi-theme=nedoya] body.front-login .card-header.mb-4 h2,
  :root[data-glpi-theme=nedoya] body[class*=login] .card-header.mb-4 h2 {
    font-size: 30px;
  }
}