@charset "UTF-8";
/*
 * ============================================================
 * Tema BeautyColor Company
 * GLPI 11.0.8
 * ============================================================
 */
:root[data-glpi-theme=bcc] {
  /* ========================================================
     IDENTIDADE BEAUTYCOLOR
     ======================================================== */
  --tblr-primary: #4c0669;
  --tblr-primary-rgb: 76, 6, 105;
  --tblr-primary-fg: #ffffff;
  --tblr-secondary: #68057a;
  --tblr-secondary-rgb: 104, 5, 122;
  --tblr-secondary-fg: #ffffff;
  --tblr-link-color: #68057a;
  --tblr-link-color-rgb: 104, 5, 122;
  --tblr-link-hover-color: #4c0669;
  /* ========================================================
     MENU
     ======================================================== */
  --glpi-mainmenu-bg: #4c0669;
  --glpi-mainmenu-fg: #ffffff;
  --glpi-mainmenu-fg-muted: rgba(255, 255, 255, 0.75);
  --glpi-mainmenu-active-bg: #68057a;
  --tblr-mainmenu-bg: #4c0669;
  --tblr-mainmenu-fg: #ffffff;
  /* ========================================================
     PÁGINAS E CONTEÚDO
     ======================================================== */
  --tblr-body-bg: #f6f7fb;
  --tblr-bg-surface: #ffffff;
  --tblr-bg-surface-secondary: #f2eef5;
  --tblr-bg-surface-tertiary: #ece6f0;
  --tblr-body-color: #2d2d2d;
  --tblr-muted: #667085;
  --tblr-border-color: #d9dce3;
  /* ========================================================
     CAMPOS
     ======================================================== */
  --tblr-input-bg: #ffffff;
  --tblr-input-disabled-bg: #eee8f0;
  --tblr-input-color: #25202a;
  /* ========================================================
     HOME DO HELPDESK
     ======================================================== */
  --glpi-illustrations-background: #e8ddf2;
  --glpi-illustrations-primary: #68057a;
  --glpi-illustrations-header-dark: #4c0669;
  --glpi-illustrations-header-light: #a970b5;
  --glpi-illustrations-gradient-1: #f5edf7;
  --glpi-illustrations-gradient-2: #c79dce;
  --glpi-illustrations-gradient-3: #68057a;
  /* ========================================================
     AMOSTRA DA PALETA
     ======================================================== */
  --glpi-palette-color-1: #4c0669;
  --glpi-palette-color-2: #68057a;
  --glpi-palette-color-3: #c79dce;
  --glpi-palette-color-4: #ffffff;
}

/* ============================================================
   MENU LATERAL
   ============================================================ */
body[data-glpi-theme=bcc] .sidebar,
body[data-glpi-theme=bcc] .navbar-vertical {
  background: #4c0669 !important;
}

body[data-glpi-theme=bcc] .sidebar .nav-link,
body[data-glpi-theme=bcc] .navbar-vertical .nav-link {
  color: #ffffff !important;
}

body[data-glpi-theme=bcc] .sidebar .nav-link:hover,
body[data-glpi-theme=bcc] .navbar-vertical .nav-link:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

body[data-glpi-theme=bcc] .sidebar .nav-link.active,
body[data-glpi-theme=bcc] .navbar-vertical .nav-link.active {
  background: #68057a !important;
  color: #ffffff !important;
}

/* ============================================================
   SUBMENUS E LISTAS
   ============================================================ */
body[data-glpi-theme=bcc] .nav-submenu,
body[data-glpi-theme=bcc] .dropdown-menu {
  background: #ffffff;
}

body[data-glpi-theme=bcc] .nav-submenu .nav-link,
body[data-glpi-theme=bcc] .dropdown-item,
body[data-glpi-theme=bcc] .list-group-item {
  color: #30323a !important;
}

body[data-glpi-theme=bcc] .nav-submenu .nav-link:hover,
body[data-glpi-theme=bcc] .dropdown-item:hover,
body[data-glpi-theme=bcc] .list-group-item:hover {
  background: #f4eef8 !important;
  color: #4c0669 !important;
}

body[data-glpi-theme=bcc] .nav-submenu .nav-link.active,
body[data-glpi-theme=bcc] .dropdown-item.active,
body[data-glpi-theme=bcc] .list-group-item.active {
  background: #f0e5f5 !important;
  color: #4c0669 !important;
  font-weight: 600;
}

/* ============================================================
   HOME DO HELPDESK
   ============================================================ */
body[data-glpi-theme=bcc] .helpdesk-home-container .search-banner {
  background: #e8ddf2 !important;
  background-color: #e8ddf2 !important;
}

/* ============================================================
   LOGIN BEAUTYCOLOR
   ============================================================ */
body.welcome-anonymous {
  min-height: 100vh;
  background: linear-gradient(rgba(76, 6, 105, 0.38), rgba(54, 47, 120, 0.28)), url("/pics/beautycolor/login-background.png") center center/cover no-repeat fixed !important;
}

body.welcome-anonymous .page-anonymous {
  min-height: 100vh;
  background: transparent !important;
}

body.welcome-anonymous .page-anonymous > .flex-fill {
  margin-top: 0 !important;
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

body.welcome-anonymous .container-tight {
  max-width: 760px !important;
}

/* ============================================================
   LOGO DO LOGIN
   ============================================================ */
body.welcome-anonymous .glpi-logo {
  display: inline-block !important;
  width: 275px !important;
  height: 125px !important;
  margin-bottom: 16px !important;
  background: url("/pics/beautycolor/logo-login.png") center center/contain no-repeat !important;
}

/* ============================================================
   CARD DO LOGIN
   ============================================================ */
body.welcome-anonymous .main-content-card {
  background: rgba(62, 16, 89, 0.3) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 45px rgba(15, 7, 24, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(13px) saturate(125%);
  -webkit-backdrop-filter: blur(13px) saturate(125%);
}

body.welcome-anonymous .main-content-card .card-body {
  background: transparent !important;
  padding: 34px 48px !important;
}

body.welcome-anonymous .main-content-card .card-header {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

/* ============================================================
   TEXTOS DO LOGIN
   ============================================================ */
body.welcome-anonymous .main-content-card h2,
body.welcome-anonymous .main-content-card .form-label,
body.welcome-anonymous .main-content-card .form-check-label,
body.welcome-anonymous .main-content-card .rich_text_container {
  color: #ffffff !important;
}

body.welcome-anonymous .main-content-card h2 {
  font-size: 1.45rem;
  line-height: 1.25;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

body.welcome-anonymous .login-subtitle {
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 0.88rem;
  font-weight: 400;
}

body.welcome-anonymous .main-content-card .form-label .ti {
  font-size: 1.05rem;
  vertical-align: -1px;
}

/* ============================================================
   CAMPOS DO LOGIN
   ============================================================ */
body.welcome-anonymous .main-content-card .form-control,
body.welcome-anonymous .main-content-card .form-select,
body.welcome-anonymous .main-content-card .select2-selection {
  background: rgba(255, 255, 255, 0.97) !important;
  color: #25202a !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 6px !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

body.welcome-anonymous .main-content-card .form-control:focus,
body.welcome-anonymous .main-content-card .form-select:focus {
  border-color: #d893e5 !important;
  box-shadow: 0 0 0 3px rgba(216, 147, 229, 0.24) !important;
}

/* ============================================================
   CHECKBOX
   ============================================================ */
body.welcome-anonymous .form-check-input:checked {
  background-color: #68057a !important;
  border-color: #68057a !important;
}

/* ============================================================
   BOTÃO ENTRAR
   ============================================================ */
body.welcome-anonymous .main-content-card .btn-primary {
  min-height: 42px;
  background: linear-gradient(135deg, #68057a, #a313a8) !important;
  border: 0 !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  font-weight: 600;
  box-shadow: 0 5px 15px rgba(43, 4, 54, 0.28);
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

body.welcome-anonymous .main-content-card .btn-primary:hover {
  background: linear-gradient(135deg, #7b0b8f, #ba26bd) !important;
  box-shadow: 0 8px 20px rgba(43, 4, 54, 0.38);
  transform: translateY(-2px);
  filter: brightness(1.05);
}

body.welcome-anonymous .main-content-card .btn-primary:active {
  transform: translateY(0);
  box-shadow: 0 4px 10px rgba(43, 4, 54, 0.26);
}

/* ============================================================
   FAQ
   ============================================================ */
body.welcome-anonymous .main-content-card .btn-outline-secondary {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.78) !important;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

body.welcome-anonymous .main-content-card .btn-outline-secondary:hover {
  background: #ffffff !important;
  color: #4c0669 !important;
  transform: translateY(-1px);
}

/* ============================================================
   RODAPÉ BEAUTYCOLOR
   ============================================================ */
body.welcome-anonymous .beautycolor-login-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  margin-top: 4px;
  color: #ffffff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.65);
}

body.welcome-anonymous .beautycolor-login-footer strong:first-child {
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.3px;
}

body.welcome-anonymous .beautycolor-login-footer .bc-company {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 1px;
}

body.welcome-anonymous .beautycolor-login-footer span {
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.78);
}

/* ============================================================
   RESPONSIVIDADE
   ============================================================ */
@media (max-width: 768px) {
  body.welcome-anonymous .glpi-logo {
    width: 220px !important;
    height: 100px !important;
  }
  body.welcome-anonymous .main-content-card .card-body {
    padding: 26px 22px !important;
  }
  body.welcome-anonymous .main-content-card h2 {
    font-size: 1.2rem;
  }
  body.welcome-anonymous .login-subtitle {
    font-size: 0.8rem;
  }
}
/* === AJUSTE TITULO BEAUTYCOLOR INICIO === */
/* Cabeçalho do formulário */
body.welcome-anonymous .beautycolor-login-header {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Título principal em exatamente duas linhas */
body.welcome-anonymous .beautycolor-login-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 520px;
  color: #ffffff !important;
  font-size: 1.42rem !important;
  font-weight: 700;
  line-height: 1.22 !important;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

/* Cada trecho do título permanece em uma única linha */
body.welcome-anonymous .beautycolor-login-title span {
  display: block;
  white-space: nowrap;
}

/* Subtítulo em no máximo duas linhas */
body.welcome-anonymous .login-subtitle {
  display: block;
  width: 100%;
  max-width: 430px;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 0.88rem !important;
  font-weight: 400;
  line-height: 1.35 !important;
  text-align: center;
  text-wrap: balance;
}

/* Rodapé */
body.welcome-anonymous .beautycolor-login-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  margin-top: 4px;
  color: #ffffff !important;
  text-align: center;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.65);
}

body.welcome-anonymous .beautycolor-login-footer strong:first-child {
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.3px;
}

body.welcome-anonymous .beautycolor-login-footer .bc-company {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 1px;
}

body.welcome-anonymous .beautycolor-login-footer span {
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Ajustes para telas menores */
@media (max-width: 768px) {
  body.welcome-anonymous .beautycolor-login-title {
    max-width: 100%;
    font-size: 1.18rem !important;
  }
  body.welcome-anonymous .beautycolor-login-title span {
    white-space: nowrap;
  }
  body.welcome-anonymous .login-subtitle {
    max-width: 310px;
    font-size: 0.8rem !important;
  }
}
/* === AJUSTE TITULO BEAUTYCOLOR FIM === */
/* ============================================================
   LOGO BEAUTYCOLOR - MENU LATERAL
   ============================================================ */
.sidebar .navbar-brand .glpi-logo {
  display: block !important;
  width: 140px !important;
  height: 55px !important;
  background: url("/pics/beautycolor/logo-sidebar.png") center center/contain no-repeat !important;
}