@charset "UTF-8";
/* theme-name: Aprendiz */
/* ============================================================
 * APRENDIZ — LOGIN V6
 * ============================================================ */
.welcome-anonymous {
  --aprendiz-navy: #06244b;
  --aprendiz-navy-2: #031a38;
  --aprendiz-blue: #149be8;
  --aprendiz-blue-2: #0878c9;
  --aprendiz-blue-soft: #eaf5fd;
  --aprendiz-orange: #ff641d;
  --aprendiz-orange-dark: #e95310;
  --aprendiz-panel: #ffffff;
  --aprendiz-text: #14263d;
  --aprendiz-muted: #66788e;
  --aprendiz-border: #c9d9e8;
  min-height: 100vh;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  color: var(--aprendiz-text);
  background: radial-gradient(circle at 18% 18%, rgba(20, 155, 232, 0.34) 0, rgba(20, 155, 232, 0.12) 18rem, rgba(20, 155, 232, 0) 34rem), radial-gradient(circle at 88% 82%, rgba(20, 155, 232, 0.18) 0, rgba(20, 155, 232, 0) 28rem), linear-gradient(145deg, var(--aprendiz-navy) 0%, #052b59 48%, var(--aprendiz-navy-2) 100%) !important;
}

/* ============================================================
 * ESTRUTURA
 * ============================================================ */
.welcome-anonymous .page-anonymous {
  min-height: 100vh;
}

.welcome-anonymous .page-anonymous > .flex-fill {
  min-height: 100vh;
  margin-top: 0 !important;
  padding: 2rem 1rem !important;
}

.welcome-anonymous .container-tight {
  width: 100%;
  max-width: 790px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* ============================================================
 * LOGO
 * ============================================================ */
.welcome-anonymous .page-anonymous .glpi-logo {
  display: inline-block;
  width: 270px;
  height: 92px;
  margin-bottom: 1.4rem !important;
  content: none !important;
  background: url("/pics/aprendiz-email-logo.png") center center/contain no-repeat !important;
  filter: drop-shadow(0 3px 8px rgba(3, 26, 56, 0.28));
}

/* ============================================================
 * CARD PRINCIPAL
 * ============================================================ */
.welcome-anonymous .main-content-card {
  overflow: hidden;
  background: var(--aprendiz-panel) !important;
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  border-top: 5px solid var(--aprendiz-orange) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 46px rgba(3, 26, 56, 0.32) !important;
}

.welcome-anonymous .main-content-card > .card-body {
  padding: 2rem 2.5rem 2.1rem !important;
}

/* ============================================================
 * REMOVE TEXTO ANTIGO
 * ============================================================ */
.welcome-anonymous .rich_text_container {
  display: none !important;
}

/* ============================================================
 * FLUXO ÚNICO
 * ============================================================ */
.welcome-anonymous .main-content-card .row.justify-content-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
}

/* ============================================================
 * TÍTULO
 * ============================================================ */
.welcome-anonymous .main-content-card .row.justify-content-center::before {
  content: "Central de Suporte Aprendiz";
  display: block;
  order: -3;
  width: 100%;
  margin: 0 0 0.35rem;
  color: var(--aprendiz-navy);
  text-align: center;
  font-size: 1.72rem;
  font-weight: 700;
  line-height: 1.2;
}

.welcome-anonymous .main-content-card .row.justify-content-center::after {
  content: "Acesse com sua conta institucional ou utilize o login local.";
  display: block;
  order: -2;
  width: 100%;
  margin: 0 0 1.6rem;
  color: var(--aprendiz-muted);
  text-align: center;
  font-size: 0.88rem;
}

/* ============================================================
 * GOOGLE / SAML
 * ============================================================ */
.welcome-anonymous .main-content-card .col-auto {
  display: flex;
  order: -1;
  flex-direction: column;
  align-items: stretch;
  width: 500px;
  max-width: 100%;
  min-width: 0;
  margin: 0 auto 1.45rem;
  padding: 0 !important;
  border: 0 !important;
}

/* Remove cabeçalhos antigos do plugin */
.welcome-anonymous .main-content-card .col-auto h1,
.welcome-anonymous .main-content-card .col-auto h2,
.welcome-anonymous .main-content-card .col-auto h3,
.welcome-anonymous .main-content-card .col-auto .card-header {
  display: none !important;
}

/* Botão SAML */
.welcome-anonymous .main-content-card .col-auto a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  width: 100%;
  min-height: 48px;
  padding: 0.5rem 1rem !important;
  color: var(--aprendiz-text) !important;
  background: #ffffff !important;
  border: 1px solid var(--aprendiz-border) !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  font-weight: 600;
  box-shadow: 0 2px 7px rgba(3, 26, 56, 0.06);
  transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.welcome-anonymous .main-content-card .col-auto a:hover {
  background: #f7fbff !important;
  border-color: var(--aprendiz-blue) !important;
  box-shadow: 0 0 0 3px rgba(20, 155, 232, 0.1);
}

/* ============================================================
 * LOGIN LOCAL
 * ============================================================ */
.welcome-anonymous .main-content-card .row.justify-content-center > .col-md-5 {
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  padding: 1.4rem 0 0 !important;
  border-top: 1px solid #dfe8f1;
}

/* Divisor */
.welcome-anonymous .main-content-card .row.justify-content-center > .col-md-5::before {
  content: "ou use o acesso local";
  display: table;
  margin: -2.05rem auto 1.4rem;
  padding: 0 0.8rem;
  color: var(--aprendiz-muted);
  background: #ffffff;
  font-size: 0.8rem;
}

/* Remove título padrão */
.welcome-anonymous .main-content-card .col-md-5 > .card-header {
  display: none !important;
}

/* ============================================================
 * LABELS
 * ============================================================ */
.welcome-anonymous .form-label {
  margin-bottom: 0.4rem;
  color: var(--aprendiz-text);
  font-size: 0.86rem;
  font-weight: 700;
}

/* ============================================================
 * CAMPOS
 * ============================================================ */
.welcome-anonymous .form-control,
.welcome-anonymous .form-select,
.welcome-anonymous select {
  min-height: 44px;
  color: var(--aprendiz-text);
  background: #f7fbff !important;
  border: 1px solid var(--aprendiz-border) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.welcome-anonymous .form-control:focus,
.welcome-anonymous .form-select:focus,
.welcome-anonymous select:focus {
  background: #ffffff !important;
  border-color: var(--aprendiz-blue) !important;
  box-shadow: 0 0 0 3px rgba(20, 155, 232, 0.14) !important;
}

/* ============================================================
 * CHECKBOX
 * ============================================================ */
.welcome-anonymous .form-check-input {
  border-color: var(--aprendiz-border);
}

.welcome-anonymous .form-check-input:checked {
  background-color: var(--aprendiz-blue);
  border-color: var(--aprendiz-blue);
}

.welcome-anonymous .form-check-label {
  color: var(--aprendiz-muted);
  font-size: 0.86rem;
}

/* ============================================================
 * BOTÃO ENTRAR
 * ============================================================ */
.welcome-anonymous .btn-primary {
  min-height: 44px;
  color: #ffffff !important;
  background: var(--aprendiz-blue) !important;
  border: 1px solid var(--aprendiz-blue) !important;
  border-radius: 7px !important;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(8, 120, 201, 0.22);
  transition: background-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.welcome-anonymous .btn-primary:hover,
.welcome-anonymous .btn-primary:focus {
  background: var(--aprendiz-blue-2) !important;
  border-color: var(--aprendiz-blue-2) !important;
  box-shadow: 0 6px 16px rgba(8, 120, 201, 0.28);
}

.welcome-anonymous .btn-primary:active {
  transform: translateY(1px);
}

/* ============================================================
 * LINKS
 * ============================================================ */
.welcome-anonymous a {
  color: var(--aprendiz-blue-2);
}

.welcome-anonymous a:hover {
  color: var(--aprendiz-orange-dark);
}

/* ============================================================
 * RODAPÉ
 * ============================================================ */
.welcome-anonymous .container-tight > .text-muted {
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 0.78rem;
  text-shadow: 0 1px 2px rgba(3, 26, 56, 0.32);
}

.welcome-anonymous .container-tight > .text-muted a {
  color: #ffffff !important;
}

/* ============================================================
 * RESPONSIVO
 * ============================================================ */
@media (max-width: 767.98px) {
  .welcome-anonymous .page-anonymous > .flex-fill {
    padding: 1rem 0.7rem !important;
  }
  .welcome-anonymous .container-tight {
    max-width: 100% !important;
  }
  .welcome-anonymous .page-anonymous .glpi-logo {
    width: 220px;
    height: 76px;
    margin-bottom: 1rem !important;
  }
  .welcome-anonymous .main-content-card > .card-body {
    padding: 1.4rem 1.15rem 1.5rem !important;
  }
  .welcome-anonymous .main-content-card .row.justify-content-center::before {
    font-size: 1.42rem;
  }
  .welcome-anonymous .main-content-card .row.justify-content-center::after {
    font-size: 0.82rem;
  }
  .welcome-anonymous .main-content-card .col-auto,
  .welcome-anonymous .main-content-card .row.justify-content-center > .col-md-5 {
    width: 100%;
  }
}
/* ============================================================
 * V6 — BOTÃO GOOGLE / SAML
 * ============================================================ */
.welcome-anonymous .main-content-card .col-auto button[name=samlIdpId] {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 500px !important;
  max-width: 100% !important;
  min-height: 48px;
  margin: 0 !important;
  padding: 0.65rem 1rem !important;
  color: var(--aprendiz-text) !important;
  background: #ffffff !important;
  border: 1px solid var(--aprendiz-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 7px rgba(3, 26, 56, 0.06) !important;
  font-weight: 600;
  transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.welcome-anonymous .main-content-card .col-auto button[name=samlIdpId]:hover {
  background: #f7fbff !important;
  border-color: var(--aprendiz-blue) !important;
  box-shadow: 0 0 0 3px rgba(20, 155, 232, 0.1) !important;
}

/* Remove margem inline do bloco interno */
.welcome-anonymous .main-content-card .col-auto button[name=samlIdpId] > div {
  width: 100%;
  margin: 0 !important;
}

/* Ícone e texto passam a ficar lado a lado */
.welcome-anonymous .main-content-card .col-auto button[name=samlIdpId] .d-flex.flex-column {
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
}

/* Reduz o G gigante */
.welcome-anonymous .main-content-card .col-auto button[name=samlIdpId] .fa-google {
  font-size: 1.25rem !important;
  line-height: 1 !important;
  color: #4285f4;
}

/* Troca visualmente "Google" por "Continuar com Google" */
.welcome-anonymous .main-content-card .col-auto button[name=samlIdpId] span b {
  display: none;
}

.welcome-anonymous .main-content-card .col-auto button[name=samlIdpId] span::after {
  content: "Continuar com Google";
  color: var(--aprendiz-text);
  font-size: 0.92rem;
  font-weight: 600;
}

/* ============================================================
 * V6 — CORREÇÃO DO WRAPPER SAML / GOOGLE
 * ============================================================ */
.welcome-anonymous .main-content-card .col-auto .row {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.welcome-anonymous .main-content-card .col-auto .col-sm-6 {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.welcome-anonymous .main-content-card .col-auto button[name=samlIdpId] {
  width: 100% !important;
  max-width: 100% !important;
}

/* ============================================================
 * V6 — GOOGLE SEM ANIMAÇÃO / GIRO
 * ============================================================ */
.welcome-anonymous button[name=samlIdpId],
.welcome-anonymous button[name=samlIdpId] *,
.welcome-anonymous button[name=samlIdpId] .fa-google {
  animation: none !important;
  animation-name: none !important;
  transform: none !important;
  transition-property: background-color, border-color, box-shadow, color !important;
}

/* G permanece estático durante clique/foco */
.welcome-anonymous button[name=samlIdpId]:active .fa-google,
.welcome-anonymous button[name=samlIdpId]:focus .fa-google,
.welcome-anonymous button[name=samlIdpId]:focus-visible .fa-google {
  animation: none !important;
  transform: none !important;
}

/* ============================================================
 * V6 — AJUSTE PARA NAVEGADOR EM 100%
 * Evita rolagem excessiva em telas de menor altura
 * ============================================================ */
.welcome-anonymous {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

.welcome-anonymous .page-anonymous {
  background: transparent !important;
}

/*
 * Em notebooks / telas com altura útil menor,
 * compacta somente o eixo vertical.
 */
@media (min-width: 768px) and (max-height: 900px) {
  .welcome-anonymous .page-anonymous > .flex-fill {
    min-height: 100vh;
    box-sizing: border-box;
    padding: 0.8rem 1rem !important;
  }
  /* Logo */
  .welcome-anonymous .page-anonymous .glpi-logo {
    width: 235px;
    height: 72px;
    margin-bottom: 0.7rem !important;
  }
  /* Card */
  .welcome-anonymous .main-content-card > .card-body {
    padding: 1.25rem 2.5rem 1.35rem !important;
  }
  /* Título */
  .welcome-anonymous .main-content-card .row.justify-content-center::before {
    margin-bottom: 0.2rem;
    font-size: 1.6rem;
  }
  /* Subtítulo */
  .welcome-anonymous .main-content-card .row.justify-content-center::after {
    margin-bottom: 1rem;
  }
  /* Google */
  .welcome-anonymous .main-content-card .col-auto {
    margin-bottom: 0.9rem;
  }
  /* Divisor / login local */
  .welcome-anonymous .main-content-card .row.justify-content-center > .col-md-5 {
    padding-top: 1rem !important;
  }
  .welcome-anonymous .main-content-card .row.justify-content-center > .col-md-5::before {
    margin: -1.7rem auto 1rem;
  }
  /* Espaçamento dos campos */
  .welcome-anonymous .main-content-card .mb-3 {
    margin-bottom: 0.65rem !important;
  }
  .welcome-anonymous .main-content-card .mb-4 {
    margin-bottom: 0.8rem !important;
  }
  /* Campos */
  .welcome-anonymous .form-control,
  .welcome-anonymous .form-select,
  .welcome-anonymous select {
    min-height: 40px;
  }
  /* Botões */
  .welcome-anonymous .btn-primary,
  .welcome-anonymous button[name=samlIdpId] {
    min-height: 42px;
  }
  /* Rodapé */
  .welcome-anonymous .container-tight > .text-muted {
    margin-top: 0.55rem !important;
  }
}
/* ============================================================
 * V6.1 — LOGIN MAIS COMPACTO
 * ============================================================ */
@media (min-width: 768px) {
  .welcome-anonymous .container-tight {
    max-width: 650px !important;
  }
  /* Logo menor */
  .welcome-anonymous .page-anonymous .glpi-logo {
    width: 210px !important;
    height: 62px !important;
    margin-bottom: 0.55rem !important;
  }
  /* Menos espaço externo */
  .welcome-anonymous .page-anonymous > .flex-fill {
    padding: 0.65rem 1rem !important;
  }
  /* Card mais compacto */
  .welcome-anonymous .main-content-card > .card-body {
    padding: 1rem 1.9rem 1.05rem !important;
  }
  /* Título */
  .welcome-anonymous .main-content-card .row.justify-content-center::before {
    font-size: 1.38rem !important;
    margin-bottom: 0.12rem !important;
  }
  /* Subtítulo */
  .welcome-anonymous .main-content-card .row.justify-content-center::after {
    margin-bottom: 0.75rem !important;
    font-size: 0.78rem !important;
  }
  /* Google */
  .welcome-anonymous .main-content-card .col-auto {
    width: 440px !important;
    margin-bottom: 0.65rem !important;
  }
  .welcome-anonymous button[name=samlIdpId] {
    min-height: 38px !important;
    padding: 0.4rem 0.8rem !important;
  }
  .welcome-anonymous button[name=samlIdpId] .fa-google {
    font-size: 1.1rem !important;
  }
  .welcome-anonymous button[name=samlIdpId] span::after {
    font-size: 0.84rem !important;
  }
  /* Login local */
  .welcome-anonymous .main-content-card .row.justify-content-center > .col-md-5 {
    width: 440px !important;
    padding-top: 0.8rem !important;
  }
  .welcome-anonymous .main-content-card .row.justify-content-center > .col-md-5::before {
    margin: -1.45rem auto 0.7rem !important;
    font-size: 0.72rem !important;
  }
  /* Labels */
  .welcome-anonymous .form-label {
    margin-bottom: 0.25rem !important;
    font-size: 0.78rem !important;
  }
  /* Campos */
  .welcome-anonymous .form-control,
  .welcome-anonymous .form-select,
  .welcome-anonymous select {
    min-height: 36px !important;
    font-size: 0.82rem !important;
  }
  /* Espaços entre blocos */
  .welcome-anonymous .main-content-card .mb-3 {
    margin-bottom: 0.5rem !important;
  }
  .welcome-anonymous .main-content-card .mb-4 {
    margin-bottom: 0.6rem !important;
  }
  .welcome-anonymous .main-content-card .mb-2 {
    margin-bottom: 0.35rem !important;
  }
  /* Checkbox */
  .welcome-anonymous .form-check-label {
    font-size: 0.78rem !important;
  }
  /* Botão entrar */
  .welcome-anonymous .btn-primary {
    min-height: 38px !important;
    font-size: 0.82rem !important;
  }
  /* Esqueci a senha */
  .welcome-anonymous .forgot_password {
    font-size: 0.75rem !important;
  }
  /* Rodapé */
  .welcome-anonymous .container-tight > .text-muted {
    margin-top: 0.35rem !important;
    font-size: 0.68rem !important;
  }
}
/* ============================================================
 * V6.2 — COMPACTAÇÃO FINAL
 * ============================================================ */
@media (min-width: 768px) {
  /* Card geral */
  .welcome-anonymous .container-tight {
    max-width: 590px !important;
  }
  /* Logo */
  .welcome-anonymous .page-anonymous .glpi-logo {
    width: 190px !important;
    height: 55px !important;
    margin-bottom: 0.4rem !important;
  }
  /* Espaço externo */
  .welcome-anonymous .page-anonymous > .flex-fill {
    padding: 0.45rem 1rem !important;
  }
  /* Corpo do card */
  .welcome-anonymous .main-content-card > .card-body {
    padding: 0.85rem 1.55rem 0.9rem !important;
  }
  /* Título */
  .welcome-anonymous .main-content-card .row.justify-content-center::before {
    font-size: 1.26rem !important;
    margin-bottom: 0.08rem !important;
  }
  /* Subtítulo */
  .welcome-anonymous .main-content-card .row.justify-content-center::after {
    margin-bottom: 0.55rem !important;
    font-size: 0.74rem !important;
  }
  /* Google */
  .welcome-anonymous .main-content-card .col-auto {
    width: 400px !important;
    margin-bottom: 0.5rem !important;
  }
  .welcome-anonymous button[name=samlIdpId] {
    min-height: 36px !important;
    padding: 0.32rem 0.7rem !important;
  }
  .welcome-anonymous button[name=samlIdpId] .fa-google {
    font-size: 1rem !important;
  }
  .welcome-anonymous button[name=samlIdpId] span::after {
    font-size: 0.8rem !important;
  }
  /* Área local */
  .welcome-anonymous .main-content-card .row.justify-content-center > .col-md-5 {
    width: 400px !important;
    padding-top: 0.65rem !important;
  }
  /* Texto divisor */
  .welcome-anonymous .main-content-card .row.justify-content-center > .col-md-5::before {
    margin: -1.25rem auto 0.55rem !important;
    font-size: 0.69rem !important;
  }
  /* Labels */
  .welcome-anonymous .form-label {
    margin-bottom: 0.18rem !important;
    font-size: 0.74rem !important;
  }
  /* Campos */
  .welcome-anonymous .form-control,
  .welcome-anonymous .form-select,
  .welcome-anonymous select {
    min-height: 34px !important;
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
    font-size: 0.78rem !important;
  }
  /* Espaçamentos verticais */
  .welcome-anonymous .main-content-card .mb-3 {
    margin-bottom: 0.38rem !important;
  }
  .welcome-anonymous .main-content-card .mb-4 {
    margin-bottom: 0.45rem !important;
  }
  .welcome-anonymous .main-content-card .mb-2 {
    margin-bottom: 0.25rem !important;
  }
  /* Checkbox */
  .welcome-anonymous .form-check-label {
    font-size: 0.74rem !important;
  }
  /* Entrar */
  .welcome-anonymous .btn-primary {
    min-height: 36px !important;
    font-size: 0.78rem !important;
  }
  /* Esqueceu senha */
  .welcome-anonymous .forgot_password {
    font-size: 0.72rem !important;
  }
  /* Rodapé */
  .welcome-anonymous .container-tight > .text-muted {
    margin-top: 0.25rem !important;
    font-size: 0.65rem !important;
  }
}
/* ============================================================
 * V6.3 — AJUSTE FINO DE TAMANHO
 * ============================================================ */
@media (min-width: 768px) {
  /* Card mais estreito */
  .welcome-anonymous .container-tight {
    max-width: 550px !important;
  }
  /* Logo */
  .welcome-anonymous .page-anonymous .glpi-logo {
    width: 175px !important;
    height: 50px !important;
    margin-bottom: 0.3rem !important;
  }
  /* Espaço externo vertical */
  .welcome-anonymous .page-anonymous > .flex-fill {
    padding: 0.3rem 1rem !important;
  }
  /* Corpo do card */
  .welcome-anonymous .main-content-card > .card-body {
    padding: 0.72rem 1.35rem 0.78rem !important;
  }
  /* Título */
  .welcome-anonymous .main-content-card .row.justify-content-center::before {
    font-size: 1.18rem !important;
    margin-bottom: 0.05rem !important;
  }
  /* Subtítulo */
  .welcome-anonymous .main-content-card .row.justify-content-center::after {
    margin-bottom: 0.45rem !important;
    font-size: 0.71rem !important;
  }
  /* Google */
  .welcome-anonymous .main-content-card .col-auto {
    width: 370px !important;
    margin-bottom: 0.4rem !important;
  }
  .welcome-anonymous button[name=samlIdpId] {
    min-height: 34px !important;
    padding: 0.26rem 0.65rem !important;
  }
  .welcome-anonymous button[name=samlIdpId] .fa-google {
    font-size: 0.95rem !important;
  }
  .welcome-anonymous button[name=samlIdpId] span::after {
    font-size: 0.77rem !important;
  }
  /* Login local */
  .welcome-anonymous .main-content-card .row.justify-content-center > .col-md-5 {
    width: 370px !important;
    padding-top: 0.55rem !important;
  }
  /* Divisor */
  .welcome-anonymous .main-content-card .row.justify-content-center > .col-md-5::before {
    margin: -1.08rem auto 0.45rem !important;
    font-size: 0.67rem !important;
  }
  /* Labels */
  .welcome-anonymous .form-label {
    margin-bottom: 0.14rem !important;
    font-size: 0.72rem !important;
  }
  /* Campos */
  .welcome-anonymous .form-control,
  .welcome-anonymous .form-select,
  .welcome-anonymous select {
    min-height: 32px !important;
    padding-top: 0.24rem !important;
    padding-bottom: 0.24rem !important;
    font-size: 0.76rem !important;
  }
  /* Espaçamentos */
  .welcome-anonymous .main-content-card .mb-3 {
    margin-bottom: 0.3rem !important;
  }
  .welcome-anonymous .main-content-card .mb-4 {
    margin-bottom: 0.36rem !important;
  }
  .welcome-anonymous .main-content-card .mb-2 {
    margin-bottom: 0.2rem !important;
  }
  /* Checkbox */
  .welcome-anonymous .form-check-label {
    font-size: 0.72rem !important;
  }
  /* Entrar */
  .welcome-anonymous .btn-primary {
    min-height: 34px !important;
    font-size: 0.76rem !important;
  }
  /* Esqueci senha */
  .welcome-anonymous .forgot_password {
    font-size: 0.7rem !important;
  }
  /* Rodapé */
  .welcome-anonymous .container-tight > .text-muted {
    margin-top: 0.2rem !important;
    font-size: 0.63rem !important;
  }
}
/* ============================================================
 * V6.3 — RODAPÉ GLPI MAIS DISCRETO
 * ============================================================ */
@media (min-width: 768px) {
  .welcome-anonymous .container-tight > .text-muted {
    font-size: 0.42rem !important;
    line-height: 1.15 !important;
  }
}
/* ============================================================
 * V6.3 — COPYRIGHT GLPI 1/3 MENOR
 * ============================================================ */
.welcome-anonymous .container-tight > .text-center.text-muted.mt-3 {
  font-size: 0.42rem !important;
  line-height: 1.15 !important;
}

.welcome-anonymous .container-tight > .text-center.text-muted.mt-3 * {
  font-size: inherit !important;
  line-height: inherit !important;
}

.welcome-anonymous .container-tight > .text-center.text-muted.mt-3 a {
  font-size: inherit !important;
}

/* ============================================================
 * V6.3 — COPYRIGHT GLPI 1/3 MENOR
 * ============================================================ */
.welcome-anonymous a.copyright {
  font-size: 9.3px !important;
  line-height: 13px !important;
}

/* ============================================================
 * V6.5 — GOOGLE
 * Largura + espaçamento + estabilidade visual
 * ============================================================ */
/*
 * Google e formulário local usam exatamente
 * a mesma largura.
 */
.welcome-anonymous .main-content-card .col-auto,
.welcome-anonymous .main-content-card .row.justify-content-center > .col-md-5 {
  width: 370px !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
}

/*
 * Dá mais espaço ENTRE o botão Google
 * e o divisor "ou use o acesso local".
 */
.welcome-anonymous .main-content-card .col-auto {
  margin: 0 auto 0.85rem !important;
}

/* Wrapper gerado pelo SAML */
.welcome-anonymous .main-content-card .col-auto > .row {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

.welcome-anonymous .main-content-card .col-auto .col-sm-6 {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ============================================================
 * BOTÃO
 * ============================================================ */
.welcome-anonymous button[name=samlIdpId] {
  display: flex !important;
  position: relative !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0.26rem 0.65rem !important;
  overflow: hidden;
  color: var(--aprendiz-text) !important;
  background: #ffffff !important;
  border: 1px solid var(--aprendiz-border) !important;
  border-radius: 7px !important;
  box-shadow: 0 2px 7px rgba(3, 26, 56, 0.06) !important;
}

/*
 * Esconde qualquer conteúdo interno do botão.
 *
 * Isso inclui:
 * - HTML original do SAML
 * - ícone antigo
 * - texto original
 * - spinner inserido pelo GLPI no submit
 *
 * Portanto o clique não altera mais visualmente o botão.
 */
.welcome-anonymous button[name=samlIdpId] > * {
  display: none !important;
}

/*
 * G azul fixo
 */
.welcome-anonymous button[name=samlIdpId]::before {
  content: "G";
  display: inline-block;
  margin-right: 0.65rem;
  color: #4285f4;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}

/*
 * Texto fixo
 */
.welcome-anonymous button[name=samlIdpId]::after {
  content: "Continuar com Google";
  display: inline-block;
  color: var(--aprendiz-text);
  font-size: 0.77rem;
  font-weight: 600;
  line-height: 1;
}

/* Hover */
.welcome-anonymous button[name=samlIdpId]:hover {
  background: #f7fbff !important;
  border-color: var(--aprendiz-blue) !important;
  box-shadow: 0 0 0 3px rgba(20, 155, 232, 0.1) !important;
}

/*
 * Clique/foco:
 * nenhuma alteração de posição ou transformação.
 */
.welcome-anonymous button[name=samlIdpId]:active,
.welcome-anonymous button[name=samlIdpId]:focus,
.welcome-anonymous button[name=samlIdpId]:focus-visible {
  transform: none !important;
  animation: none !important;
}

/* ============================================================
 * V6.6 — CENTRALIZAÇÃO HORIZONTAL DO GOOGLE
 * ============================================================ */
.welcome-anonymous .main-content-card .col-auto {
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.welcome-anonymous .main-content-card .col-auto > .row {
  margin-left: auto !important;
  margin-right: auto !important;
}

.welcome-anonymous button[name=samlIdpId] {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ============================================================
 * V6.7 — GOOGLE REALMENTE CENTRALIZADO
 * ============================================================ */
/* Wrapper ocupa toda a largura disponível */
.welcome-anonymous .main-content-card .col-auto {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Linha interna também ocupa tudo */
.welcome-anonymous .main-content-card .col-auto > .row {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Coluna interna ocupa tudo */
.welcome-anonymous .main-content-card .col-auto .col-sm-6 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Botão mantém a largura aprovada e centraliza */
.welcome-anonymous button[name=samlIdpId] {
  width: 370px !important;
  max-width: 370px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ============================================================
 * V6.7 — GOOGLE REALMENTE CENTRALIZADO
 * ============================================================ */
/* Wrapper ocupa toda a largura disponível */
.welcome-anonymous .main-content-card .col-auto {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Linha interna também ocupa tudo */
.welcome-anonymous .main-content-card .col-auto > .row {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Coluna interna ocupa tudo */
.welcome-anonymous .main-content-card .col-auto .col-sm-6 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Botão mantém a largura aprovada e centraliza */
.welcome-anonymous button[name=samlIdpId] {
  width: 370px !important;
  max-width: 370px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ============================================================
 * V6.8 — CENTRALIZAÇÃO MATEMÁTICA DO GOOGLE
 * ============================================================ */
/*
 * O wrapper SAML possui 300px e nasce encostado à esquerda.
 * Centralizamos o wrapper inteiro dentro da área disponível,
 * sem alterar a largura aprovada do botão.
 */
.welcome-anonymous .main-content-card .col-auto .row.align-items-start {
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ============================================================
 * EXPERIMENTO V6.9
 * Centralização vertical do cabeçalho dentro da área superior
 * ============================================================ */
.welcome-anonymous .main-content-card .row.justify-content-center::before,
.welcome-anonymous .main-content-card .row.justify-content-center::after {
  transform: translateY(14px);
}

/* ============================================================
 * V6.10 — RESPIRO INFERIOR APÓS REMOVER "ESQUECEU SUA SENHA"
 * ============================================================ */
.welcome-anonymous .main-content-card .form-footer {
  padding-bottom: 14px !important;
}

/* ============================================================
 * V6.11 — ACABAMENTO LARANJA INFERIOR DO CARD
 * ============================================================ */
.welcome-anonymous .main-content-card {
  border-bottom: 5px solid var(--aprendiz-orange) !important;
}

/* ============================================================
 * INTERNO V1 — MENU LATERAL / IDENTIDADE APRENDIZ
 * ============================================================ */
body.vertical-layout aside.navbar.navbar-vertical {
  background: linear-gradient(180deg, var(--aprendiz-navy) 0%, var(--aprendiz-navy-2) 100%) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Área interna do menu permanece transparente */
body.vertical-layout aside.navbar.navbar-vertical #navbar-menu {
  background: transparent !important;
}

/* Textos e ícones principais */
body.vertical-layout aside.navbar.navbar-vertical .nav-link {
  color: rgba(255, 255, 255, 0.92) !important;
}

/* Labels do menu */
body.vertical-layout aside.navbar.navbar-vertical .menu-label {
  color: inherit !important;
}

/* ============================================================
 * TOKENS GLOBAIS — IDENTIDADE VISUAL APRENDIZ
 * ============================================================ */
:root {
  --aprendiz-navy: #06244b;
  --aprendiz-navy-2: #031a38;
  --aprendiz-blue: #149be8;
  --aprendiz-blue-2: #0878c9;
  --aprendiz-blue-soft: #eaf5fd;
  --aprendiz-orange: #ff641d;
  --aprendiz-orange-dark: #e95310;
  --aprendiz-bg: #eef4fa;
  --aprendiz-panel: #ffffff;
  --aprendiz-text: #14263d;
  --aprendiz-muted: #66788e;
  --aprendiz-border: #c9d9e8;
  --aprendiz-shadow:
      0 4px 16px rgba(3, 26, 56, .10);
}

/* ============================================================
 * INTERNO V2 — TIPOGRAFIA DO MENU LATERAL
 * ============================================================ */
body.vertical-layout aside.navbar.navbar-vertical .menu-label {
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
}

/* INTERNO V2.1 — fonte do menu lateral */
body.vertical-layout aside.navbar.navbar-vertical .menu-label {
  font-size: 13px !important;
}

/* ============================================================
 * INTERNO V2.2 — TIPOGRAFIA DOS SUBMENUS LATERAIS
 * ============================================================ */
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item .text-wrap {
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
}

/* Item atualmente selecionado */
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item.active .text-wrap {
  font-weight: 500 !important;
}

/* ============================================================
 * INTERNO V2.3 — DENSIDADE DOS SUBMENUS LATERAIS
 * ============================================================ */
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item {
  font-size: 13px !important;
  line-height: 17.55px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* Texto do submenu */
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item .text-wrap {
  font-size: 13px !important;
  line-height: 17.55px !important;
}

/* ============================================================
 * INTERNO V2.4 — HOVER / ATIVO DO MENU PRINCIPAL
 * ============================================================ */
/* Hover no menu principal */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link:hover {
  color: var(--aprendiz-orange) !important;
}

/* Item principal atualmente aberto/ativo */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item.active > .nav-link {
  color: var(--aprendiz-orange) !important;
}

/* Garante que texto e ícones acompanhem a mesma cor */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link:hover .menu-label,
body.vertical-layout aside.sidebar .navbar-nav > .nav-item.active > .nav-link .menu-label,
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link:hover i,
body.vertical-layout aside.sidebar .navbar-nav > .nav-item.active > .nav-link i {
  color: inherit !important;
}

/* ============================================================
 * INTERNO V2.5 — ESTADOS HOVER / ATIVO DO MENU
 * ============================================================ */
/* ------------------------------------------------------------
 * MENU PRINCIPAL
 * ------------------------------------------------------------ */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link {
  transition: color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease !important;
}

/* Hover */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link:hover {
  color: var(--aprendiz-orange) !important;
  background-color: rgba(255, 255, 255, 0.045) !important;
}

/* Item principal ativo */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item.active > .nav-link {
  color: var(--aprendiz-orange) !important;
  background-color: rgba(3, 26, 56, 0.42) !important;
  box-shadow: inset 3px 0 0 var(--aprendiz-orange) !important;
}

/* Texto acompanha a cor */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link:hover .menu-label,
body.vertical-layout aside.sidebar .navbar-nav > .nav-item.active > .nav-link .menu-label {
  color: inherit !important;
}

/* Ícones acompanham a cor */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link:hover i,
body.vertical-layout aside.sidebar .navbar-nav > .nav-item.active > .nav-link i,
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link:hover svg,
body.vertical-layout aside.sidebar .navbar-nav > .nav-item.active > .nav-link svg {
  color: inherit !important;
  stroke: currentColor !important;
}

/* ------------------------------------------------------------
 * SUBMENUS
 * ------------------------------------------------------------ */
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item {
  transition: color 0.16s ease, background-color 0.16s ease !important;
}

/* Hover submenu */
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item:hover {
  color: var(--aprendiz-orange) !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
}

/* Submenu ativo */
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item.active {
  color: var(--aprendiz-orange) !important;
  background-color: rgba(3, 26, 56, 0.34) !important;
  box-shadow: inset 3px 0 0 var(--aprendiz-orange) !important;
}

/* Texto e ícone do submenu acompanham a cor */
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item:hover .text-wrap,
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item.active .text-wrap,
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item:hover i,
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item.active i {
  color: inherit !important;
}

/* ============================================================
 * INTERNO V2.6 — REMOVE INDICADOR AMARELO NATIVO DO GLPI
 * ============================================================ */
/* Menu principal ativo */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item.active > .nav-link {
  border-left-color: transparent !important;
}

/* Submenu ativo */
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item.active {
  border-left-color: transparent !important;
}

/* ============================================================
 * INTERNO V2.7 — INDICADORES LATERAIS DO MENU
 * ============================================================ */
/*
 * Remove a linha vertical nativa que acompanha todo
 * o submenu aberto.
 */
body.vertical-layout aside.sidebar .nav-item.dropdown > .dropdown-menu,
body.vertical-layout aside.sidebar .nav-item.dropdown > .dropdown-menu.show,
body.vertical-layout aside.sidebar .dropdown-menu-columns,
body.vertical-layout aside.sidebar .dropdown-menu-column {
  border-left: 0 !important;
  border-left-color: transparent !important;
}

/* ------------------------------------------------------------
 * MENU PRINCIPAL — barrinha curta
 * ------------------------------------------------------------ */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link:hover {
  box-shadow: inset 3px 0 0 var(--aprendiz-orange) !important;
}

body.vertical-layout aside.sidebar .navbar-nav > .nav-item.active > .nav-link {
  box-shadow: inset 3px 0 0 var(--aprendiz-orange) !important;
}

/* ------------------------------------------------------------
 * SUBMENU — barrinha curta
 * ------------------------------------------------------------ */
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item:hover {
  box-shadow: inset 3px 0 0 var(--aprendiz-orange) !important;
}

body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item.active {
  box-shadow: inset 3px 0 0 var(--aprendiz-orange) !important;
}

/* ============================================================
 * INTERNO V2.8 — REMOVE DEFINITIVAMENTE LINHA NATIVA AMARELA
 * ============================================================ */
/*
 * Neutraliza qualquer indicador estrutural nativo do GLPI
 * no container do submenu.
 * As barrinhas laranjas dos LINKS continuam preservadas.
 */
body.vertical-layout aside.sidebar .nav-item.dropdown.active,
body.vertical-layout aside.sidebar .nav-item.dropdown > .dropdown-menu,
body.vertical-layout aside.sidebar .nav-item.dropdown > .dropdown-menu.show,
body.vertical-layout aside.sidebar .dropdown-menu-columns,
body.vertical-layout aside.sidebar .dropdown-menu-column {
  border-left: 0 !important;
  border-inline-start: 0 !important;
  outline-left: 0 !important;
}

/* Alguns temas usam pseudo-elementos para o trilho vertical */
body.vertical-layout aside.sidebar .nav-item.dropdown.active::before,
body.vertical-layout aside.sidebar .nav-item.dropdown.active::after,
body.vertical-layout aside.sidebar .dropdown-menu.show::before,
body.vertical-layout aside.sidebar .dropdown-menu.show::after,
body.vertical-layout aside.sidebar .dropdown-menu-columns::before,
body.vertical-layout aside.sidebar .dropdown-menu-columns::after,
body.vertical-layout aside.sidebar .dropdown-menu-column::before,
body.vertical-layout aside.sidebar .dropdown-menu-column::after {
  border-left: 0 !important;
  border-inline-start: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ============================================================
 * INTERNO V2.9 — SUBSTITUI INDICADOR AMARELO POR LARANJA
 * ============================================================ */
/* Menu principal — hover e ativo */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link:hover,
body.vertical-layout aside.sidebar .navbar-nav > .nav-item.active > .nav-link {
  border-left-color: var(--aprendiz-orange) !important;
  border-inline-start-color: var(--aprendiz-orange) !important;
}

/* Submenus — hover e ativo */
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item:hover,
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item.active {
  border-left-color: var(--aprendiz-orange) !important;
  border-inline-start-color: var(--aprendiz-orange) !important;
}

/* ============================================================
 * INTERNO V2.10 — HOVER SUTIL / ATIVO DESTACADO
 * ============================================================ */
/* ------------------------------------------------------------
 * MENU PRINCIPAL — HOVER
 * ------------------------------------------------------------ */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link:hover {
  color: rgba(255, 255, 255, 0.92) !important;
  border-left-color: rgba(255, 100, 29, 0.35) !important;
  border-inline-start-color: rgba(255, 100, 29, 0.35) !important;
  box-shadow: inset 3px 0 0 rgba(255, 100, 29, 0.35) !important;
}

body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link:hover .menu-label,
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link:hover i,
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link:hover svg {
  color: rgba(255, 255, 255, 0.92) !important;
  stroke: currentColor !important;
}

/* ------------------------------------------------------------
 * SUBMENU — HOVER
 * ------------------------------------------------------------ */
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item:hover {
  color: rgba(255, 255, 255, 0.92) !important;
  border-left-color: rgba(255, 100, 29, 0.35) !important;
  border-inline-start-color: rgba(255, 100, 29, 0.35) !important;
  box-shadow: inset 3px 0 0 rgba(255, 100, 29, 0.35) !important;
}

body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item:hover .text-wrap,
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item:hover i,
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item:hover svg {
  color: rgba(255, 255, 255, 0.92) !important;
  stroke: currentColor !important;
}

/* ------------------------------------------------------------
 * ATIVOS — continuam laranja forte
 * ------------------------------------------------------------ */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item.active > .nav-link,
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item.active {
  color: var(--aprendiz-orange) !important;
  border-left-color: var(--aprendiz-orange) !important;
  border-inline-start-color: var(--aprendiz-orange) !important;
  box-shadow: inset 3px 0 0 var(--aprendiz-orange) !important;
}

body.vertical-layout aside.sidebar .navbar-nav > .nav-item.active > .nav-link .menu-label,
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item.active .text-wrap {
  color: var(--aprendiz-orange) !important;
}

/* ============================================================
 * INTERNO V2.11 — MENU EXPANDIDO / REMOVE AMARELO NATIVO
 * ============================================================ */
/*
 * Menu apenas aberto/expandido:
 * mantém texto branco e usa indicador laranja suave.
 */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link.show {
  color: rgba(255, 255, 255, 0.92) !important;
  border-left-color: rgba(255, 100, 29, 0.35) !important;
  border-inline-start-color: rgba(255, 100, 29, 0.35) !important;
  box-shadow: inset 3px 0 0 rgba(255, 100, 29, 0.35) !important;
}

/* Texto e ícones continuam brancos */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link.show .menu-label,
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link.show i,
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link.show svg {
  color: rgba(255, 255, 255, 0.92) !important;
  stroke: currentColor !important;
}

/*
 * Se além de aberto ele for realmente o menu ativo,
 * prevalece o laranja forte.
 */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item.active > .nav-link.show {
  color: var(--aprendiz-orange) !important;
  border-left-color: var(--aprendiz-orange) !important;
  border-inline-start-color: var(--aprendiz-orange) !important;
  box-shadow: inset 3px 0 0 var(--aprendiz-orange) !important;
}

body.vertical-layout aside.sidebar .navbar-nav > .nav-item.active > .nav-link.show .menu-label {
  color: var(--aprendiz-orange) !important;
}

/* ============================================================
 * INTERNO V2.12 — PRIORIDADE CORRETA PARA MENU ATIVO
 * ============================================================ */
/*
 * Menu principal realmente ativo.
 * A classe .active do próprio link prevalece sobre .show/hover.
 */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link.active {
  color: var(--aprendiz-orange) !important;
  border-left-color: var(--aprendiz-orange) !important;
  border-inline-start-color: var(--aprendiz-orange) !important;
  box-shadow: inset 3px 0 0 var(--aprendiz-orange) !important;
}

/* Texto, ícones e seta acompanham o laranja */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link.active .menu-label,
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link.active i,
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link.active svg {
  color: var(--aprendiz-orange) !important;
  stroke: currentColor !important;
}

/*
 * Também cobre o caso em que o GLPI marca somente
 * o NAV-ITEM pai como ativo.
 */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item.active > .nav-link {
  color: var(--aprendiz-orange) !important;
  border-left-color: var(--aprendiz-orange) !important;
  border-inline-start-color: var(--aprendiz-orange) !important;
  box-shadow: inset 3px 0 0 var(--aprendiz-orange) !important;
}

/* ============================================================
 * INTERNO V3 — ESTADOS DE NAVEGAÇÃO APRENDIZ
 *
 * aprendiz-current-parent-link = seção da página atual
 * aprendiz-current             = submenu da página atual
 * .show                        = apenas aberto
 * :hover                       = apenas mouse
 * ============================================================ */
/* ------------------------------------------------------------
 * RESET DOS ESTADOS NATIVOS DO GLPI
 * ------------------------------------------------------------ */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link,
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item {
  color: rgba(255, 255, 255, 0.92) !important;
  border-left-color: transparent !important;
  border-inline-start-color: transparent !important;
  box-shadow: none !important;
}

/* Texto e ícones seguem a cor do item */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link .menu-label,
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link i,
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link svg,
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item .text-wrap,
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item i,
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item svg {
  color: inherit !important;
  stroke: currentColor !important;
}

/* ------------------------------------------------------------
 * HOVER — indicação discreta
 * ------------------------------------------------------------ */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link:not(.aprendiz-current-parent-link):hover,
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item:not(.aprendiz-current):hover {
  color: rgba(255, 255, 255, 0.92) !important;
  border-left-color: transparent !important;
  border-inline-start-color: transparent !important;
  box-shadow: inset 3px 0 0 rgba(255, 100, 29, 0.35) !important;
  background-color: rgba(255, 255, 255, 0.035) !important;
}

/* ------------------------------------------------------------
 * MENU APENAS ABERTO — não significa página atual
 * ------------------------------------------------------------ */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link.show:not(.aprendiz-current-parent-link) {
  color: rgba(255, 255, 255, 0.92) !important;
  border-left-color: transparent !important;
  border-inline-start-color: transparent !important;
  box-shadow: inset 3px 0 0 rgba(255, 100, 29, 0.35) !important;
  background-color: rgba(255, 255, 255, 0.025) !important;
}

/* ------------------------------------------------------------
 * SEÇÃO DA PÁGINA ATUAL — forte
 * ------------------------------------------------------------ */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link.aprendiz-current-parent-link {
  color: var(--aprendiz-orange) !important;
  border-left-color: transparent !important;
  border-inline-start-color: transparent !important;
  box-shadow: inset 3px 0 0 var(--aprendiz-orange) !important;
  background-color: rgba(3, 26, 56, 0.32) !important;
}

/* Continua forte mesmo com hover ou quando aberta */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link.aprendiz-current-parent-link:hover,
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link.aprendiz-current-parent-link.show {
  color: var(--aprendiz-orange) !important;
  box-shadow: inset 3px 0 0 var(--aprendiz-orange) !important;
}

/* ------------------------------------------------------------
 * SUBMENU DA PÁGINA ATUAL — forte
 * ------------------------------------------------------------ */
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item.aprendiz-current {
  color: var(--aprendiz-orange) !important;
  border-left-color: transparent !important;
  border-inline-start-color: transparent !important;
  box-shadow: inset 3px 0 0 var(--aprendiz-orange) !important;
  background-color: rgba(3, 26, 56, 0.34) !important;
}

/* Continua forte no hover */
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item.aprendiz-current:hover {
  color: var(--aprendiz-orange) !important;
  box-shadow: inset 3px 0 0 var(--aprendiz-orange) !important;
}

/* ============================================================
 * INTERNO V3.1 — ÍCONE DO ITEM ATIVO PERMANECE LARANJA NO HOVER
 * ============================================================ */
/* Menu principal atual */
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link.aprendiz-current-parent-link:hover i,
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link.aprendiz-current-parent-link:hover svg,
body.vertical-layout aside.sidebar .navbar-nav > .nav-item > .nav-link.aprendiz-current-parent-link:hover .menu-label {
  color: var(--aprendiz-orange) !important;
  stroke: currentColor !important;
}

/* Submenu atual */
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item.aprendiz-current:hover i,
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item.aprendiz-current:hover svg,
body.vertical-layout aside.sidebar .dropdown-menu .dropdown-item.aprendiz-current:hover .text-wrap {
  color: var(--aprendiz-orange) !important;
  stroke: currentColor !important;
}

/* ============================================================
 * INTERNO V3.2 — MENU RECOLHIDO / FLYOUT
 * ============================================================ */
/* Painel flutuante aberto quando a sidebar está recolhida */
body.navbar-collapsed aside.sidebar .dropdown-menu {
  background: linear-gradient(180deg, var(--aprendiz-navy) 0%, var(--aprendiz-navy-2) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 7px !important;
  box-shadow: 0 8px 24px rgba(3, 26, 56, 0.22) !important;
}

/* Título do grupo: ATIVOS, ASSISTÊNCIA etc. */
body.navbar-collapsed aside.sidebar .dropdown-menu .dropdown-header {
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
}

/* Itens normais */
body.navbar-collapsed aside.sidebar .dropdown-menu .dropdown-item {
  color: rgba(255, 255, 255, 0.92) !important;
  background: transparent !important;
  font-size: 13px !important;
}

/* Texto e ícones */
body.navbar-collapsed aside.sidebar .dropdown-menu .dropdown-item .text-wrap,
body.navbar-collapsed aside.sidebar .dropdown-menu .dropdown-item i,
body.navbar-collapsed aside.sidebar .dropdown-menu .dropdown-item svg {
  color: inherit !important;
  stroke: currentColor !important;
}

/* Hover: texto continua branco + indicador suave */
body.navbar-collapsed aside.sidebar .dropdown-menu .dropdown-item:not(.aprendiz-current):hover {
  color: rgba(255, 255, 255, 0.96) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  box-shadow: inset 3px 0 0 rgba(255, 100, 29, 0.35) !important;
}

/* Página realmente atual */
body.navbar-collapsed aside.sidebar .dropdown-menu .dropdown-item.aprendiz-current {
  color: var(--aprendiz-orange) !important;
  background: rgba(3, 26, 56, 0.35) !important;
  box-shadow: inset 3px 0 0 var(--aprendiz-orange) !important;
}

/* Ativo continua laranja mesmo no hover */
body.navbar-collapsed aside.sidebar .dropdown-menu .dropdown-item.aprendiz-current:hover,
body.navbar-collapsed aside.sidebar .dropdown-menu .dropdown-item.aprendiz-current:hover .text-wrap,
body.navbar-collapsed aside.sidebar .dropdown-menu .dropdown-item.aprendiz-current:hover i {
  color: var(--aprendiz-orange) !important;
}

/* ============================================================
 * INTERNO V4 — LOGO APRENDIZ NA SIDEBAR
 * ============================================================ */
body.vertical-layout aside.sidebar .navbar-brand {
  width: 100% !important;
  height: 71px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

/* Substitui visualmente o logo GLPI */
body.vertical-layout aside.sidebar .glpi-logo {
  width: 175px !important;
  height: 55px !important;
  display: block !important;
  background-image: url("/pics/aprendiz-email-logo.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
}

/* ============================================================
 * INTERNO V4.1 — LOGO ESPECÍFICO NO MENU RECOLHIDO
 * ============================================================ */
body.navbar-collapsed.vertical-layout aside.sidebar .navbar-brand {
  width: 100% !important;
  height: 71px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Usa o logo reduzido somente com a sidebar recolhida */
body.navbar-collapsed.vertical-layout aside.sidebar .glpi-logo {
  width: 58px !important;
  height: 58px !important;
  background-image: url("/pics/aprendiz-logo-reduzido.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
}

/* ============================================================
 * INTERNO V5 — CORES DO MENU SUPERIOR
 * Sem alterações de estrutura, tamanho ou posicionamento
 * ============================================================ */
body.vertical-layout header[data-testid=main-header] {
  background: var(--aprendiz-navy) !important;
  border-bottom: 3px solid var(--aprendiz-orange) !important;
}

/* Breadcrumb: Home / Assistência */
body.vertical-layout header[data-testid=main-header] .breadcrumb,
body.vertical-layout header[data-testid=main-header] .breadcrumb-item,
body.vertical-layout header[data-testid=main-header] .breadcrumb-item a {
  color: rgba(255, 255, 255, 0.92) !important;
}

/* Separador "/" */
body.vertical-layout header[data-testid=main-header] .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255, 255, 255, 0.55) !important;
}

/* Ícones do breadcrumb */
body.vertical-layout header[data-testid=main-header] .breadcrumb i,
body.vertical-layout header[data-testid=main-header] .breadcrumb svg {
  color: rgba(255, 255, 255, 0.92) !important;
  stroke: currentColor !important;
}

/* Busca permanece branca */
body.vertical-layout header[data-testid=main-header] input {
  background-color: #ffffff !important;
  color: var(--aprendiz-text) !important;
}

/* Placeholder */
body.vertical-layout header[data-testid=main-header] input::placeholder {
  color: var(--aprendiz-muted) !important;
}

/* Links e controles do topo */
body.vertical-layout header[data-testid=main-header] a:not(.dropdown-item),
body.vertical-layout header[data-testid=main-header] button:not(.dropdown-item) {
  color: rgba(255, 255, 255, 0.92) !important;
}

/* Hover */
body.vertical-layout header[data-testid=main-header] a:not(.dropdown-item):hover,
body.vertical-layout header[data-testid=main-header] button:not(.dropdown-item):hover {
  color: var(--aprendiz-orange) !important;
}

/* ============================================================
 * INTERNO V5.1 — DIVISOR SIDEBAR / CONTEÚDO
 * ============================================================ */
body.vertical-layout aside.sidebar {
  border-right-color: var(--aprendiz-orange) !important;
}

/* ============================================================
 * INTERNO V5.2 — DIVISOR VERTICAL LARANJA DA SIDEBAR
 * ============================================================ */
body.vertical-layout aside.sidebar {
  box-shadow: inset -2px 0 0 var(--aprendiz-orange) !important;
}

/* ============================================================
 * INTERNO V5.3 — BOTÃO PRIMÁRIO DA BARRA SUPERIOR
 * ============================================================ */
body.vertical-layout header[data-testid=main-header] .btn.btn-sm.btn-primary {
  background-color: var(--aprendiz-orange) !important;
  border-color: var(--aprendiz-orange) !important;
  color: #ffffff !important;
}

/* Hover */
body.vertical-layout header[data-testid=main-header] .btn.btn-sm.btn-primary:hover {
  background-color: var(--aprendiz-orange-dark) !important;
  border-color: var(--aprendiz-orange-dark) !important;
  color: #ffffff !important;
}

/* Focus / clique */
body.vertical-layout header[data-testid=main-header] .btn.btn-sm.btn-primary:focus,
body.vertical-layout header[data-testid=main-header] .btn.btn-sm.btn-primary:active {
  background-color: var(--aprendiz-orange-dark) !important;
  border-color: var(--aprendiz-orange-dark) !important;
  color: #ffffff !important;
}

/* ============================================================
 * INTERNO V5.4 — ÍCONES DO TOPO ACOMPANHAM O HOVER
 * ============================================================ */
body.vertical-layout header[data-testid=main-header] a:not(.dropdown-item):hover i,
body.vertical-layout header[data-testid=main-header] a:not(.dropdown-item):hover svg,
body.vertical-layout header[data-testid=main-header] button:not(.dropdown-item):hover i,
body.vertical-layout header[data-testid=main-header] button:not(.dropdown-item):hover svg {
  color: var(--aprendiz-orange) !important;
  stroke: currentColor !important;
}

/* ============================================================
 * INTERNO V5.5 — ÍCONE DO BOTÃO ADICIONAR SEMPRE BRANCO
 * ============================================================ */
body.vertical-layout header[data-testid=main-header] .btn.btn-sm.btn-primary i,
body.vertical-layout header[data-testid=main-header] .btn.btn-sm.btn-primary svg,
body.vertical-layout header[data-testid=main-header] .btn.btn-sm.btn-primary:hover i,
body.vertical-layout header[data-testid=main-header] .btn.btn-sm.btn-primary:hover svg,
body.vertical-layout header[data-testid=main-header] .btn.btn-sm.btn-primary:focus i,
body.vertical-layout header[data-testid=main-header] .btn.btn-sm.btn-primary:focus svg,
body.vertical-layout header[data-testid=main-header] .btn.btn-sm.btn-primary:active i,
body.vertical-layout header[data-testid=main-header] .btn.btn-sm.btn-primary:active svg {
  color: #ffffff !important;
  stroke: currentColor !important;
}

/* ============================================================
 * INTERNO V5.6 — TOPBAR SEM QUEBRA DE LINHA EM DESKTOP
 * ============================================================ */
@media (min-width: 1200px) {
  /* Breadcrumb: Home / Configuração / samlSSO */
  body.vertical-layout header[data-testid=main-header] nav {
    white-space: nowrap !important;
  }
  body.vertical-layout header[data-testid=main-header] .breadcrumb {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }
  /* Ações: Adicionar / Caminhos excluídos / Regras JIT etc. */
  body.vertical-layout header[data-testid=main-header] ul.nav.navbar-nav.flex-row {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }
  body.vertical-layout header[data-testid=main-header] ul.nav.navbar-nav.flex-row > li,
  body.vertical-layout header[data-testid=main-header] ul.nav.navbar-nav.flex-row > a {
    flex-shrink: 0 !important;
  }
}
/* ============================================================
 * INTERNO V5.8 — AÇÕES DA TOPBAR MAIS COMPACTAS
 * ============================================================ */
/* Links como Padrões, Kanban global, Caminhos excluídos etc. */
body.vertical-layout header[data-testid=main-header] ul.nav.navbar-nav.flex-row a,
body.vertical-layout header[data-testid=main-header] ul.nav.navbar-nav.flex-row button,
body.vertical-layout header[data-testid=main-header] ul.nav.navbar-nav.flex-row span {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

/* Botões pequenos como "+ Adicionar" */
body.vertical-layout header[data-testid=main-header] .btn.btn-sm {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

/* ============================================================
 * INTERNO V5.9 — TIPOGRAFIA COMPACTA DA NAVEGAÇÃO SUPERIOR
 * ============================================================ */
/* Breadcrumb inteiro */
body.vertical-layout header[data-testid=main-header] nav,
body.vertical-layout header[data-testid=main-header] nav *,
body.vertical-layout header[data-testid=main-header] .breadcrumb,
body.vertical-layout header[data-testid=main-header] .breadcrumb * {
  font-size: 12px !important;
}

/* Ações ao lado do breadcrumb */
body.vertical-layout header[data-testid=main-header] ul.nav.navbar-nav.flex-row,
body.vertical-layout header[data-testid=main-header] ul.nav.navbar-nav.flex-row * {
  font-size: 12px !important;
}

/* Botão Adicionar */
body.vertical-layout header[data-testid=main-header] .btn.btn-sm.btn-primary,
body.vertical-layout header[data-testid=main-header] .btn.btn-sm.btn-primary * {
  font-size: 12px !important;
}

/* ============================================================
 * INTERNO V6 — MENU DO USUÁRIO / PERFIL
 * ============================================================ */
/* Caixa principal */
body.vertical-layout header[data-testid=main-header] .user-menu .dropdown-menu {
  background: var(--aprendiz-panel) !important;
  border: 1px solid var(--aprendiz-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px rgba(3, 26, 56, 0.16) !important;
  color: var(--aprendiz-text) !important;
  font-size: 13px !important;
}

/* Itens */
body.vertical-layout header[data-testid=main-header] .user-menu .dropdown-menu .dropdown-item {
  color: var(--aprendiz-text) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  transition: color 0.15s ease, background-color 0.15s ease !important;
}

/* Ícones */
body.vertical-layout header[data-testid=main-header] .user-menu .dropdown-menu .dropdown-item i,
body.vertical-layout header[data-testid=main-header] .user-menu .dropdown-menu .dropdown-item svg {
  color: var(--aprendiz-navy) !important;
  stroke: currentColor !important;
}

/* Hover */
body.vertical-layout header[data-testid=main-header] .user-menu .dropdown-menu .dropdown-item:hover {
  color: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-blue-soft) !important;
}

/* Ícone acompanha o hover */
body.vertical-layout header[data-testid=main-header] .user-menu .dropdown-menu .dropdown-item:hover i,
body.vertical-layout header[data-testid=main-header] .user-menu .dropdown-menu .dropdown-item:hover svg {
  color: var(--aprendiz-orange) !important;
  stroke: currentColor !important;
}

/* Títulos internos, quando presentes */
body.vertical-layout header[data-testid=main-header] .user-menu .dropdown-menu .dropdown-header {
  color: var(--aprendiz-muted) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

/* Divisórias */
body.vertical-layout header[data-testid=main-header] .user-menu .dropdown-menu .dropdown-divider {
  border-color: var(--aprendiz-border) !important;
  opacity: 0.65 !important;
}

/* Select de idioma permanece claro */
body.vertical-layout header[data-testid=main-header] .user-menu .dropdown-menu select {
  color: var(--aprendiz-text) !important;
  background-color: #ffffff !important;
  border-color: var(--aprendiz-border) !important;
  font-size: 13px !important;
}

/* ============================================================
 * INTERNO V6.1 — NOME DO USUÁRIO MAIS DISCRETO
 * ============================================================ */
body.vertical-layout header[data-testid=main-header] .user-menu .dropdown-menu .dropdown-header {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}

/* ============================================================
 * INTERNO V6.2 — SELETOR / ÁRVORE DE ENTIDADES
 * ============================================================ */
/* ------------------------------------------------------------
 * ESTADO NORMAL
 * ------------------------------------------------------------ */
table[id^=tree_entity] .fancytree-node,
table[id^=tree_entity] .fancytree-title {
  color: var(--aprendiz-text) !important;
}

/* ------------------------------------------------------------
 * HOVER — discreto
 * ------------------------------------------------------------ */
table[id^=tree_entity] tr:hover > td {
  background-color: rgba(234, 245, 253, 0.6) !important;
}

/* ------------------------------------------------------------
 * ENTIDADE ATIVA / SELECIONADA
 * Cobre os estados usados pelo FancyTree.
 * ------------------------------------------------------------ */
table[id^=tree_entity] tr.fancytree-active > td,
table[id^=tree_entity] tr.fancytree-selected > td,
table[id^=tree_entity] tr:has(.fancytree-active) > td,
table[id^=tree_entity] tr:has(.fancytree-selected) > td {
  background-color: var(--aprendiz-blue-soft) !important;
  color: var(--aprendiz-navy) !important;
  box-shadow: inset 3px 0 0 var(--aprendiz-orange) !important;
}

/* Texto da entidade selecionada */
table[id^=tree_entity] .fancytree-node.fancytree-active,
table[id^=tree_entity] .fancytree-node.fancytree-selected,
table[id^=tree_entity] .fancytree-node.fancytree-active .fancytree-title,
table[id^=tree_entity] .fancytree-node.fancytree-selected .fancytree-title {
  color: var(--aprendiz-navy) !important;
  background: transparent !important;
}

/* Ícones do nó selecionado */
table[id^=tree_entity] .fancytree-node.fancytree-active i,
table[id^=tree_entity] .fancytree-node.fancytree-selected i,
table[id^=tree_entity] .fancytree-node.fancytree-active svg,
table[id^=tree_entity] .fancytree-node.fancytree-selected svg {
  color: var(--aprendiz-navy) !important;
  stroke: currentColor !important;
}

/* ============================================================
 * INTERNO V6.3 — CORES DO TEXTO / ÍCONES DA ÁRVORE DE ENTIDADES
 * ============================================================ */
/* Nome das entidades */
table[id^=tree_entity] .fancytree-title,
table[id^=tree_entity] .fancytree-title button,
table[id^=tree_entity] button.btn-link {
  color: var(--aprendiz-text) !important;
}

/* Entidade selecionada / ativa */
table[id^=tree_entity] .fancytree-active .fancytree-title,
table[id^=tree_entity] .fancytree-selected .fancytree-title,
table[id^=tree_entity] .fancytree-active .fancytree-title button,
table[id^=tree_entity] .fancytree-selected .fancytree-title button,
table[id^=tree_entity] .fancytree-active button.btn-link,
table[id^=tree_entity] .fancytree-selected button.btn-link {
  color: var(--aprendiz-navy) !important;
}

/* Ícones da árvore */
table[id^=tree_entity] .fancytree-node i,
table[id^=tree_entity] .fancytree-node svg {
  color: var(--aprendiz-navy) !important;
  stroke: currentColor !important;
}

/* Hover continua legível */
table[id^=tree_entity] tr:hover .fancytree-title,
table[id^=tree_entity] tr:hover button.btn-link {
  color: var(--aprendiz-navy) !important;
}

/* ============================================================
 * INTERNO V6.4 — FANCYTREE SELECIONADO / ENTIDADES
 * Regra alinhada ao seletor nativo do GLPI
 * ============================================================ */
table[id^=tree_entity] .fancytree-selected {
  background-color: var(--aprendiz-blue-soft) !important;
  color: var(--aprendiz-navy) !important;
}

/* Todo o conteúdo do nó selecionado permanece navy */
table[id^=tree_entity] .fancytree-selected *,
table[id^=tree_entity] .fancytree-selected .fancytree-title,
table[id^=tree_entity] .fancytree-selected button,
table[id^=tree_entity] .fancytree-selected .btn,
table[id^=tree_entity] .fancytree-selected .btn-link {
  color: var(--aprendiz-navy) !important;
}

/* Ícones */
table[id^=tree_entity] .fancytree-selected i,
table[id^=tree_entity] .fancytree-selected svg {
  color: var(--aprendiz-navy) !important;
  stroke: currentColor !important;
}

/* Mantém o indicador Aprendiz */
table[id^=tree_entity] tr:has(.fancytree-selected) > td {
  background-color: var(--aprendiz-blue-soft) !important;
  box-shadow: inset 3px 0 0 var(--aprendiz-orange) !important;
}

/* ============================================================
 * INTERNO V6.5 — COR DO TEXTO DA ÁRVORE DE ENTIDADES
 *
 * Corrige conflito com a regra branca dos botões da topbar.
 * ============================================================ */
/* Todos os nomes de entidades */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] button.btn.btn-link,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] .fancytree-title,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] .fancytree-title * {
  color: var(--aprendiz-text) !important;
}

/* Hover continua navy, não branco nem laranja */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:hover button.btn.btn-link,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:hover .fancytree-title {
  color: var(--aprendiz-navy) !important;
}

/* Entidade selecionada */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] .fancytree-selected button.btn.btn-link,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] .fancytree-selected .fancytree-title,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] .fancytree-selected .fancytree-title * {
  color: var(--aprendiz-navy) !important;
}

/* Ícones permanecem navy */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] .fancytree-node i,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] .fancytree-node svg {
  color: var(--aprendiz-navy) !important;
  stroke: currentColor !important;
}

/* ============================================================
 * INTERNO V6.6 — TIPOGRAFIA DA ÁRVORE DE ENTIDADES
 * ============================================================ */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] .fancytree-title,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] button.btn-link {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* Entidade raiz */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:first-child .fancytree-title,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:first-child button.btn-link {
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* ============================================================
 * INTERNO V6.7 — ENTIDADES / HOVER + BOTÕES
 * ============================================================ */
/* ------------------------------------------------------------
 * ÁRVORE — mantém padrão tipográfico
 * ------------------------------------------------------------ */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] .fancytree-title,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] button.btn-link {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* ------------------------------------------------------------
 * HOVER DA ENTIDADE
 * texto + ícone ficam laranja
 * ------------------------------------------------------------ */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:hover .fancytree-title,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:hover button.btn-link,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:hover .fancytree-node,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:hover i,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:hover svg {
  color: var(--aprendiz-orange) !important;
  stroke: currentColor !important;
}

/* Fundo suave no hover */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:hover > td {
  background-color: rgba(234, 245, 253, 0.72) !important;
}

/* Selecionada continua com o indicador forte */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:has(.fancytree-selected) > td {
  background-color: var(--aprendiz-blue-soft) !important;
  box-shadow: inset 3px 0 0 var(--aprendiz-orange) !important;
}

/* ------------------------------------------------------------
 * BOTÃO PESQUISAR — LARANJA APRENDIZ
 * ------------------------------------------------------------ */
body.vertical-layout header[data-testid=main-header] input[placeholder="Pesquisar entidade"] ~ button[aria-label=Pesquisar] {
  background-color: var(--aprendiz-orange) !important;
  border-color: var(--aprendiz-orange) !important;
  color: #ffffff !important;
}

body.vertical-layout header[data-testid=main-header] input[placeholder="Pesquisar entidade"] ~ button[aria-label=Pesquisar]:hover {
  background-color: var(--aprendiz-orange-dark) !important;
  border-color: var(--aprendiz-orange-dark) !important;
  color: #ffffff !important;
}

/* Ícone da lupa sempre branco */
body.vertical-layout header[data-testid=main-header] input[placeholder="Pesquisar entidade"] ~ button[aria-label=Pesquisar] i,
body.vertical-layout header[data-testid=main-header] input[placeholder="Pesquisar entidade"] ~ button[aria-label=Pesquisar] svg {
  color: #ffffff !important;
  stroke: currentColor !important;
}

/* ------------------------------------------------------------
 * BOTÃO "SELECIONAR TUDO" — NAVY APRENDIZ
 * ------------------------------------------------------------ */
body.vertical-layout header[data-testid=main-header] input[placeholder="Pesquisar entidade"] ~ button[aria-label="Selecionar tudo"] {
  background-color: var(--aprendiz-navy) !important;
  border-color: var(--aprendiz-navy) !important;
  color: #ffffff !important;
}

body.vertical-layout header[data-testid=main-header] input[placeholder="Pesquisar entidade"] ~ button[aria-label="Selecionar tudo"]:hover {
  background-color: var(--aprendiz-navy-2) !important;
  border-color: var(--aprendiz-navy-2) !important;
  color: #ffffff !important;
}

/* Ícone do olho sempre branco */
body.vertical-layout header[data-testid=main-header] input[placeholder="Pesquisar entidade"] ~ button[aria-label="Selecionar tudo"] i,
body.vertical-layout header[data-testid=main-header] input[placeholder="Pesquisar entidade"] ~ button[aria-label="Selecionar tudo"] svg {
  color: #ffffff !important;
  stroke: currentColor !important;
}

/* ============================================================
 * INTERNO V6.8 — HOVER FINAL DA ÁRVORE DE ENTIDADES
 * ============================================================ */
/* Fundo suave, sem o azul forte nativo do FancyTree */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:hover > td,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:hover .fancytree-node,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:hover .fancytree-title {
  background-color: var(--aprendiz-blue-soft) !important;
}

/* Texto da entidade fica laranja no hover */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:hover button.btn.btn-link,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:hover .fancytree-title,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:hover .fancytree-title * {
  color: var(--aprendiz-orange) !important;
}

/* Ícones também acompanham o hover */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:hover .fancytree-node,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:hover i,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:hover svg {
  color: var(--aprendiz-orange) !important;
  stroke: currentColor !important;
}

/* Selecionado sem hover continua navy */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:has(.fancytree-selected):not(:hover) .fancytree-title,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:has(.fancytree-selected):not(:hover) button.btn.btn-link {
  color: var(--aprendiz-navy) !important;
}

/* ============================================================
 * INTERNO V6.9 — ACABAMENTO FINAL DA ENTIDADE SELECIONADA
 * ============================================================ */
/* ------------------------------------------------------------
 * ÍCONE DO FANCYTREE ACOMPANHA O HOVER
 * ------------------------------------------------------------ */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:hover .fancytree-icon,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:hover .fancytree-icon::before {
  color: var(--aprendiz-orange) !important;
}

/* Selecionada sem hover mantém ícone navy */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:has(.fancytree-selected):not(:hover) .fancytree-icon,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:has(.fancytree-selected):not(:hover) .fancytree-icon::before {
  color: var(--aprendiz-navy) !important;
}

/* ------------------------------------------------------------
 * BARRINHA LARANJA SÓLIDA — SEM FALHA
 * ------------------------------------------------------------ */
/* Remove o indicador antigo via box-shadow */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:has(.fancytree-selected) > td {
  position: relative !important;
  box-shadow: none !important;
}

/* Desenha uma faixa contínua */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:has(.fancytree-selected) > td:first-child::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 3px !important;
  background-color: var(--aprendiz-orange) !important;
  z-index: 2 !important;
}

/* ============================================================
 * INTERNO V6.10 — BARRA DA ENTIDADE SEM PSEUDO-ELEMENTO
 * ============================================================ */
/* Desativa a faixa criada anteriormente */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:has(.fancytree-selected) > td:first-child::before {
  content: none !important;
  display: none !important;
}

/*
 * Desenha o laranja diretamente no fundo da célula.
 * Não desloca conteúdo e permanece íntegro no hover.
 */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:has(.fancytree-selected) > td:first-child {
  box-shadow: none !important;
  background-color: var(--aprendiz-blue-soft) !important;
  background-image: linear-gradient(to right, var(--aprendiz-orange) 0, var(--aprendiz-orange) 3px, transparent 3px, transparent 100%) !important;
  background-repeat: no-repeat !important;
}

/* Mantém exatamente a mesma faixa durante o hover */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:has(.fancytree-selected):hover > td:first-child {
  background-color: var(--aprendiz-blue-soft) !important;
  background-image: linear-gradient(to right, var(--aprendiz-orange) 0, var(--aprendiz-orange) 3px, transparent 3px, transparent 100%) !important;
}

/* ============================================================
 * INTERNO V6.11 — ENTIDADE SELECIONADA SEM BARRA LATERAL
 * Evita conflito visual do FancyTree durante hover
 * ============================================================ */
/* Remove qualquer indicador lateral criado anteriormente */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:has(.fancytree-selected) > td,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:has(.fancytree-selected) > td:first-child {
  border-left: 0 !important;
  border-inline-start: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
  background-color: var(--aprendiz-blue-soft) !important;
}

/* Remove pseudo-elementos eventualmente usados na célula */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:has(.fancytree-selected) > td:first-child::before,
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:has(.fancytree-selected) > td:first-child::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Hover da selecionada: mantém fundo e destaca conteúdo */
body.vertical-layout header[data-testid=main-header] table[id^=tree_entity] tr:has(.fancytree-selected):hover > td {
  background-color: var(--aprendiz-blue-soft) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* ============================================================
 * INTERNO V6.12 — ENTITY TREE / ESTADO FINAL
 * Usa o container nativo real do GLPI: .entity_tree
 * ============================================================ */
/* ------------------------------------------------------------
 * TIPOGRAFIA
 * ------------------------------------------------------------ */
.entity_tree .fancytree-title,
.entity_tree button.btn-link {
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: var(--aprendiz-text) !important;
}

/* Raiz da árvore */
.entity_tree .fancytree-folder .fancytree-title {
  font-weight: 600 !important;
}

/* ------------------------------------------------------------
 * REMOVE TODOS OS INDICADORES LATERAIS CRIADOS ANTERIORMENTE
 * ------------------------------------------------------------ */
.entity_tree tr:has(.fancytree-selected),
.entity_tree tr:has(.fancytree-selected) > td,
.entity_tree tr:has(.fancytree-selected) > td:first-child,
.entity_tree .fancytree-selected {
  border-left: 0 !important;
  border-inline-start: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Remove especificamente os pseudo-elementos que criamos */
.entity_tree tr:has(.fancytree-selected) > td:first-child::before,
.entity_tree tr:has(.fancytree-selected) > td:first-child::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ------------------------------------------------------------
 * SELECIONADA
 * Apenas fundo azul-claro + conteúdo navy
 * ------------------------------------------------------------ */
.entity_tree .fancytree-selected,
.entity_tree tr:has(.fancytree-selected) > td {
  background-color: var(--aprendiz-blue-soft) !important;
}

.entity_tree tr:has(.fancytree-selected):not(:hover) .fancytree-title,
.entity_tree tr:has(.fancytree-selected):not(:hover) button.btn-link,
.entity_tree tr:has(.fancytree-selected):not(:hover) .fancytree-icon {
  color: var(--aprendiz-navy) !important;
}

/* ------------------------------------------------------------
 * HOVER
 * Fundo suave + texto e ícone laranja
 * ------------------------------------------------------------ */
.entity_tree tr:hover > td {
  background-color: var(--aprendiz-blue-soft) !important;
}

.entity_tree tr:hover .fancytree-title,
.entity_tree tr:hover button.btn-link,
.entity_tree tr:hover .fancytree-icon,
.entity_tree tr:hover .fancytree-icon::before {
  color: var(--aprendiz-orange) !important;
}

/* ============================================================
 * INTERNO V6.13 — LIMPEZA DEFINITIVA DO INDICADOR LATERAL
 * Mantém apenas:
 *   normal      = navy
 *   selecionado = fundo azul-claro
 *   hover       = texto/ícone laranja
 * ============================================================ */
/* Remove qualquer barra/borda/sombra antiga da linha selecionada */
body.vertical-layout .entity_tree table.fancytree-container tr:has(.fancytree-selected),
body.vertical-layout .entity_tree table.fancytree-container tr:has(.fancytree-selected) > td,
body.vertical-layout .entity_tree table.fancytree-container tr:has(.fancytree-selected) > td:first-child,
body.vertical-layout .entity_tree table.fancytree-container .fancytree-selected {
  border-left: 0 !important;
  border-inline-start: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Mesma limpeza durante o hover */
body.vertical-layout .entity_tree table.fancytree-container tr:has(.fancytree-selected):hover,
body.vertical-layout .entity_tree table.fancytree-container tr:has(.fancytree-selected):hover > td,
body.vertical-layout .entity_tree table.fancytree-container tr:has(.fancytree-selected):hover .fancytree-selected {
  border-left: 0 !important;
  border-inline-start: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Mata indicadores antigos feitos com pseudo-elementos */
body.vertical-layout .entity_tree table.fancytree-container tr:has(.fancytree-selected) > td:first-child::before,
body.vertical-layout .entity_tree table.fancytree-container tr:has(.fancytree-selected) > td:first-child::after,
body.vertical-layout .entity_tree table.fancytree-container .fancytree-selected::before,
body.vertical-layout .entity_tree table.fancytree-container .fancytree-selected::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Reafirma apenas o fundo do item selecionado */
body.vertical-layout .entity_tree table.fancytree-container tr:has(.fancytree-selected) > td,
body.vertical-layout .entity_tree table.fancytree-container .fancytree-selected {
  background-color: var(--aprendiz-blue-soft) !important;
}

/* Hover: texto + ícone laranja, sem indicador lateral */
body.vertical-layout .entity_tree table.fancytree-container tr:hover .fancytree-title,
body.vertical-layout .entity_tree table.fancytree-container tr:hover button.btn-link,
body.vertical-layout .entity_tree table.fancytree-container tr:hover .fancytree-icon,
body.vertical-layout .entity_tree table.fancytree-container tr:hover .fancytree-icon::before {
  color: var(--aprendiz-orange) !important;
}

/* ============================================================
 * CLIENTE V1 — ABERTURA DE CHAMADO / CARD PRINCIPAL
 * ============================================================ */
/* Card principal da criação do chamado */
#itil-form .timeline-item.ITILContent .timeline-content.left.card {
  background: var(--aprendiz-panel) !important;
  border: 1px solid var(--aprendiz-border) !important;
  border-radius: 8px !important;
  box-shadow: var(--aprendiz-shadow) !important;
}

/* Área de anexos */
#itil-form .timeline-item.ITILContent .fileupload.draghoverable {
  background: rgba(234, 245, 253, 0.58) !important;
  border: 1px dashed var(--aprendiz-border) !important;
  border-radius: 7px !important;
}

/* ============================================================
 * CLIENTE V1.1 — CONTRASTE FUNCIONAL DO FORMULÁRIO
 * ============================================================ */
/*
 * Card principal levemente azulado.
 * Os campos permanecem brancos e voltam a ficar claramente
 * delimitados.
 */
#itil-form .timeline-item.ITILContent .timeline-content.left.card {
  background-color: #f7fafc !important;
}

/* Campos de entrada */
#itil-form .timeline-item.ITILContent .timeline-content.left.card .form-control {
  background-color: #ffffff !important;
  border-color: #b8cada !important;
}

/* Foco dos campos */
#itil-form .timeline-item.ITILContent .timeline-content.left.card .form-control:focus {
  border-color: var(--aprendiz-blue) !important;
  box-shadow: 0 0 0 2px rgba(20, 155, 232, 0.12) !important;
}

/* Editor de texto */
#itil-form .timeline-item.ITILContent .timeline-content.left.card .tox-tinymce {
  background-color: #ffffff !important;
  border-color: #b8cada !important;
}

/* ============================================================
 * CLIENTE V1.2 — SETA DA TIMELINE / REMOVE VERDE ANTIGO
 * ============================================================ */
/* Contorno externo da seta acompanha a borda do card */
#itil-form .timeline-item.ITILContent .timeline-content.left.card::before {
  border-top-color: var(--aprendiz-border) !important;
  border-right-color: var(--aprendiz-border) !important;
}

/* Parte interna acompanha o novo fundo do card */
#itil-form .timeline-item.ITILContent .timeline-content.left.card::after {
  border-top-color: #f7fafc !important;
  border-right-color: #f7fafc !important;
}

/* ============================================================
 * CLIENTE V1.3 — CORES DOS TEXTOS DO FORMULÁRIO
 * Remove o verde legado do GLPI
 * ============================================================ */
/* Labels principais */
#itil-form .timeline-item.ITILContent .timeline-content.left.card label {
  color: var(--aprendiz-text) !important;
}

/* Texto do bloco informativo superior */
#itil-form .timeline-item.ITILContent .timeline-content.left.card .alert {
  color: var(--aprendiz-text) !important;
}

/* Área de anexos */
#itil-form .timeline-item.ITILContent .timeline-content.left.card .fileupload,
#itil-form .timeline-item.ITILContent .timeline-content.left.card .fileupload * {
  color: var(--aprendiz-text) !important;
}

/* Asteriscos obrigatórios continuam vermelhos */
#itil-form .timeline-item.ITILContent .timeline-content.left.card .text-danger,
#itil-form .timeline-item.ITILContent .timeline-content.left.card .required {
  color: #dc3545 !important;
}

/* ============================================================
 * CLIENTE V1.4 — TIPOGRAFIA DO FORMULÁRIO DE CHAMADO
 * ============================================================ */
/* Labels: Título, Descrição etc. */
#itil-form .timeline-item.ITILContent .timeline-content.left.card label {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* Inputs e controles */
#itil-form .timeline-item.ITILContent .timeline-content.left.card .form-control,
#itil-form .timeline-item.ITILContent .timeline-content.left.card .form-select,
#itil-form .timeline-item.ITILContent .timeline-content.left.card select,
#itil-form .timeline-item.ITILContent .timeline-content.left.card input {
  font-size: 13px !important;
}

/* Aviso superior */
#itil-form .timeline-item.ITILContent .timeline-content.left.card .alert {
  font-size: 13px !important;
}

/* Breadcrumb da entidade dentro do aviso */
#itil-form .timeline-item.ITILContent .timeline-content.left.card .alert .badge,
#itil-form .timeline-item.ITILContent .timeline-content.left.card .alert a {
  font-size: 12px !important;
}

/* Área de anexos */
#itil-form .timeline-item.ITILContent .timeline-content.left.card .fileupload,
#itil-form .timeline-item.ITILContent .timeline-content.left.card .fileupload * {
  font-size: 13px !important;
}

/* ============================================================
 * CLIENTE V1.5 — BARRA DE PROGRESSO DO UPLOAD
 * ============================================================ */
#itil-form .timeline-item.ITILContent .fileupload .progress-bar {
  background-color: var(--aprendiz-orange) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* ============================================================
 * CLIENTE V1.6 — BARRA REAL DE UPLOAD DO GLPI
 * ============================================================ */
#itil-form .timeline-item.ITILContent .fileupload .uploadbar {
  background-image: repeating-linear-gradient(-45deg, var(--aprendiz-orange) 0, var(--aprendiz-orange) 10px, var(--aprendiz-orange-dark) 10px, var(--aprendiz-orange-dark) 20px) !important;
  background-color: var(--aprendiz-orange) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 1px rgba(3, 26, 56, 0.18) !important;
}

/* ============================================================
 * CLIENTE V1.7 — TEXTO DA BARRA DE UPLOAD
 * ============================================================ */
#itil-form .timeline-item.ITILContent .timeline-content.left.card .fileupload .uploadbar,
#itil-form .timeline-item.ITILContent .timeline-content.left.card .fileupload .uploadbar * {
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 1px rgba(3, 26, 56, 0.22) !important;
}

/* ============================================================
 * CLIENTE V2 — PAINEL DIREITO DO CHAMADO
 * ============================================================ */
/* Painel */
#itil-form .itil-right-side {
  background-color: #f9fbfd !important;
  color: var(--aprendiz-text) !important;
}

/* Tipografia geral */
#itil-form .itil-right-side,
#itil-form .itil-right-side label,
#itil-form .itil-right-side .form-label {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* Títulos de blocos: Chamado, Atores, Itens etc. */
#itil-form .itil-right-side .card-header,
#itil-form .itil-right-side h3,
#itil-form .itil-right-side h4,
#itil-form .itil-right-side legend {
  color: var(--aprendiz-navy) !important;
}

/* Campos */
#itil-form .itil-right-side .form-control,
#itil-form .itil-right-side .form-select,
#itil-form .itil-right-side select,
#itil-form .itil-right-side input {
  background-color: #ffffff !important;
  border-color: var(--aprendiz-border) !important;
  color: var(--aprendiz-text) !important;
  font-size: 13px !important;
}

/* Foco */
#itil-form .itil-right-side .form-control:focus,
#itil-form .itil-right-side .form-select:focus,
#itil-form .itil-right-side select:focus,
#itil-form .itil-right-side input:focus {
  border-color: var(--aprendiz-blue) !important;
  box-shadow: 0 0 0 2px rgba(20, 155, 232, 0.12) !important;
}

/* Divisórias internas */
#itil-form .itil-right-side .border-top,
#itil-form .itil-right-side .border-bottom {
  border-color: var(--aprendiz-border) !important;
}

/* ============================================================
 * BOTÃO PRINCIPAL "ADICIONAR" — CRIA O CHAMADO
 * Não afeta o botão pequeno dentro de "Itens"
 * ============================================================ */
#itil-form #itil-footer .btn.btn-primary {
  background-color: var(--aprendiz-orange) !important;
  border-color: var(--aprendiz-orange) !important;
  color: #ffffff !important;
  font-size: 13px !important;
}

/* Ícone + sempre branco */
#itil-form #itil-footer .btn.btn-primary i,
#itil-form #itil-footer .btn.btn-primary svg {
  color: #ffffff !important;
  stroke: currentColor !important;
}

/* Hover */
#itil-form #itil-footer .btn.btn-primary:hover {
  background-color: var(--aprendiz-orange-dark) !important;
  border-color: var(--aprendiz-orange-dark) !important;
  color: #ffffff !important;
}

/* ============================================================
 * CLIENTE V2.1 — TÍTULOS DAS SEÇÕES DO PAINEL DIREITO
 * ============================================================ */
/* Chamado / Atores / Itens / Objetos relacionados */
#itil-form #itil-data .accordion-header > .accordion-button {
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  color: var(--aprendiz-navy) !important;
  transition: color 0.15s ease, background-color 0.15s ease !important;
}

/* Ícones acompanham o título */
#itil-form #itil-data .accordion-header > .accordion-button i,
#itil-form #itil-data .accordion-header > .accordion-button svg {
  color: inherit !important;
  stroke: currentColor !important;
}

/* Hover */
#itil-form #itil-data .accordion-header > .accordion-button:hover {
  color: var(--aprendiz-orange) !important;
  background-color: rgba(234, 245, 253, 0.6) !important;
}

/* Mantém o cabeçalho limpo quando aberto */
#itil-form #itil-data .accordion-header > .accordion-button:not(.collapsed) {
  color: var(--aprendiz-navy) !important;
}

/* Aberto + hover */
#itil-form #itil-data .accordion-header > .accordion-button:not(.collapsed):hover {
  color: var(--aprendiz-orange) !important;
}

/* ============================================================
 * CLIENTE V2.2 FINAL — BOTÕES ADICIONAR SECUNDÁRIOS
 * ============================================================ */
/* ------------------------------------------------------------
 * 1. ITENS — outline laranja
 * ------------------------------------------------------------ */
#itil-form #itil-data [id^=itemAddForm] > a.btn.btn-sm.btn-outline-secondary {
  color: var(--aprendiz-orange) !important;
  background: transparent !important;
  border-color: var(--aprendiz-orange) !important;
  --tblr-btn-color: var(--aprendiz-orange);
  --tblr-btn-border-color: var(--aprendiz-orange);
  --tblr-btn-hover-color: #ffffff;
  --tblr-btn-hover-bg: var(--aprendiz-orange);
  --tblr-btn-hover-border-color: var(--aprendiz-orange);
}

#itil-form #itil-data [id^=itemAddForm] > a.btn.btn-sm.btn-outline-secondary:hover {
  color: #ffffff !important;
  background: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-orange) !important;
  border-color: var(--aprendiz-orange) !important;
}

#itil-form #itil-data [id^=itemAddForm] > a.btn.btn-sm.btn-outline-secondary i,
#itil-form #itil-data [id^=itemAddForm] > a.btn.btn-sm.btn-outline-secondary svg,
#itil-form #itil-data [id^=itemAddForm] > a.btn.btn-sm.btn-outline-secondary span {
  color: inherit !important;
  stroke: currentColor !important;
}

/* ------------------------------------------------------------
 * 2. OBJETOS RELACIONADOS — ghost laranja
 * ------------------------------------------------------------ */
body.vertical-layout #itil-form button.btn.btn-sm.btn-ghost-secondary[data-bs-target="#link_itilobject_dropdowns"] {
  color: var(--aprendiz-orange) !important;
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  --tblr-btn-color: var(--aprendiz-orange);
  --tblr-btn-bg: transparent;
  --tblr-btn-border-color: transparent;
  --tblr-btn-hover-color: #ffffff;
  --tblr-btn-hover-bg: var(--aprendiz-orange);
  --tblr-btn-hover-border-color: var(--aprendiz-orange);
}

/* Hover */
body.vertical-layout #itil-form button.btn.btn-sm.btn-ghost-secondary[data-bs-target="#link_itilobject_dropdowns"]:hover {
  color: #ffffff !important;
  background: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-orange) !important;
  background-image: none !important;
  border-color: var(--aprendiz-orange) !important;
}

/* + e texto sempre acompanham a cor do botão */
body.vertical-layout #itil-form button.btn.btn-sm.btn-ghost-secondary[data-bs-target="#link_itilobject_dropdowns"] > i,
body.vertical-layout #itil-form button.btn.btn-sm.btn-ghost-secondary[data-bs-target="#link_itilobject_dropdowns"] > span {
  color: inherit !important;
}

/* Focus */
body.vertical-layout #itil-form button.btn.btn-sm.btn-ghost-secondary[data-bs-target="#link_itilobject_dropdowns"]:focus {
  color: #ffffff !important;
  background: var(--aprendiz-orange-dark) !important;
  background-color: var(--aprendiz-orange-dark) !important;
  border-color: var(--aprendiz-orange-dark) !important;
}

/* ============================================================
 * COMPONENTES — SELECT2 / ESTADOS APRENDIZ
 * ============================================================ */
/* Item já selecionado, sem hover */
.select2-container--default .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
  background-color: var(--aprendiz-blue-soft) !important;
  color: var(--aprendiz-navy) !important;
}

/* Hover / item destacado */
.select2-container--default .select2-results__option.select2-results__option--highlighted {
  background-color: var(--aprendiz-blue-soft) !important;
  color: var(--aprendiz-orange) !important;
}

/* Conteúdo interno acompanha a cor do estado */
.select2-container--default .select2-results__option.select2-results__option--highlighted * {
  color: inherit !important;
}

/* ============================================================
 * COMPONENTES — SELECT2 / ESTADOS APRENDIZ
 * ============================================================ */
/* Item já selecionado, sem hover */
.select2-container--default .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
  background-color: var(--aprendiz-blue-soft) !important;
  color: var(--aprendiz-navy) !important;
}

/* Hover / item destacado */
.select2-container--default .select2-results__option.select2-results__option--highlighted {
  background-color: var(--aprendiz-blue-soft) !important;
  color: var(--aprendiz-orange) !important;
}

/* Conteúdo interno acompanha a cor do estado */
.select2-container--default .select2-results__option.select2-results__option--highlighted * {
  color: inherit !important;
}

/* ============================================================
 * CLIENTE V3 — LISTAGEM DE CHAMADOS
 * ============================================================ */
/* Estrutura geral */
.search-display-data table.search-results {
  background-color: #ffffff !important;
  border-color: var(--aprendiz-border) !important;
}

/* ============================================================
 * CABEÇALHO
 * ============================================================ */
.search-display-data table.search-results thead th {
  background-color: var(--aprendiz-navy) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* Links, textos e ícones dentro do cabeçalho */
.search-display-data table.search-results thead th a,
.search-display-data table.search-results thead th span,
.search-display-data table.search-results thead th i,
.search-display-data table.search-results thead th svg {
  color: #ffffff !important;
  stroke: currentColor !important;
}

/* Ordenação / hover do cabeçalho */
.search-display-data table.search-results thead th:hover,
.search-display-data table.search-results thead th:hover a,
.search-display-data table.search-results thead th:hover i,
.search-display-data table.search-results thead th:hover svg {
  color: var(--aprendiz-orange) !important;
}

/* ============================================================
 * LINHAS
 * ============================================================ */
/* Linha normal */
.search-display-data table.search-results tbody tr > td {
  background-color: #ffffff !important;
  border-color: var(--aprendiz-border) !important;
  color: var(--aprendiz-text) !important;
}

/* Linha alternada */
.search-display-data table.search-results tbody tr:nth-child(even) > td {
  background-color: rgba(234, 245, 253, 0.38) !important;
}

/* Hover */
.search-display-data table.search-results tbody tr:hover > td {
  background-color: var(--aprendiz-blue-soft) !important;
}

/* ============================================================
 * LINKS DOS CHAMADOS
 * ============================================================ */
.search-display-data table.search-results tbody td a {
  color: var(--aprendiz-navy) !important;
}

/* Hover nos links */
.search-display-data table.search-results tbody td a:hover {
  color: var(--aprendiz-orange) !important;
}

/* Mantém o texto compacto */
.search-display-data table.search-results tbody td {
  font-size: 12px !important;
}

/* ============================================================
 * CLIENTE V3.1 — TIPOGRAFIA COMPACTA DA LISTAGEM DE CHAMADOS
 * ============================================================ */
/* Cabeçalho */
.search-display-data table.search-results thead th,
.search-display-data table.search-results thead th * {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

/* Conteúdo da tabela */
.search-display-data table.search-results tbody td,
.search-display-data table.search-results tbody td * {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

/* Títulos dos chamados: menos pesados */
.search-display-data table.search-results tbody td a {
  font-weight: 500 !important;
}

/* Status também compacto */
.search-display-data table.search-results tbody td .badge,
.search-display-data table.search-results tbody td [class*=status] {
  font-size: 11px !important;
}

/* ============================================================
 * CLIENTE V3.2 — TOOLBAR DA LISTAGEM DE CHAMADOS
 * ============================================================ */
/*
 * A barra visível.
 * Exclui explicitamente a barra oculta de ações em massa.
 */
.search-card > .card-header.search-header:not(.massiveactions-control) {
  background-color: #ffffff !important;
  color: var(--aprendiz-text) !important;
}

/* ------------------------------------------------------------
 * CONTROLES SECUNDÁRIOS
 * Pesquisar, pesquisas salvas, preferências, atualizar, exportar
 * ------------------------------------------------------------ */
.search-card > .card-header.search-header:not(.massiveactions-control) .btn-ghost-secondary {
  color: var(--aprendiz-navy) !important;
  font-size: 12px !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

/* Ícones acompanham */
.search-card > .card-header.search-header:not(.massiveactions-control) .btn-ghost-secondary i,
.search-card > .card-header.search-header:not(.massiveactions-control) .btn-ghost-secondary svg {
  color: inherit !important;
  stroke: currentColor !important;
}

/* Hover */
.search-card > .card-header.search-header:not(.massiveactions-control) .btn-ghost-secondary:hover {
  color: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-blue-soft) !important;
  border-color: transparent !important;
}

/* ------------------------------------------------------------
 * ORDENAÇÃO ATIVA
 * Remove o bege atual
 * ------------------------------------------------------------ */
.search-card > .card-header.search-header:not(.massiveactions-control) .show-search-sorts.btn-active-sort {
  color: var(--aprendiz-navy) !important;
  background-color: var(--aprendiz-blue-soft) !important;
  border-color: var(--aprendiz-border) !important;
}

/* Hover da ordenação */
.search-card > .card-header.search-header:not(.massiveactions-control) .show-search-sorts.btn-active-sort:hover {
  color: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-blue-soft) !important;
  border-color: var(--aprendiz-border) !important;
}

/* Ícone da ordenação acompanha */
.search-card > .card-header.search-header:not(.massiveactions-control) .show-search-sorts.btn-active-sort i,
.search-card > .card-header.search-header:not(.massiveactions-control) .show-search-sorts.btn-active-sort svg {
  color: inherit !important;
  stroke: currentColor !important;
}

/* ------------------------------------------------------------
 * VISUALIZAÇÃO TABELA / MAPA
 * ------------------------------------------------------------ */
/* Estado normal */
.search-card > .card-header.search-header:not(.massiveactions-control) #show_as_table + label,
.search-card > .card-header.search-header:not(.massiveactions-control) #show_as_map + label {
  color: var(--aprendiz-navy) !important;
  background-color: #ffffff !important;
  border-color: var(--aprendiz-border) !important;
}

/* Selecionado */
.search-card > .card-header.search-header:not(.massiveactions-control) #show_as_table:checked + label,
.search-card > .card-header.search-header:not(.massiveactions-control) #show_as_map:checked + label {
  color: #ffffff !important;
  background-color: var(--aprendiz-blue-2) !important;
  border-color: var(--aprendiz-blue-2) !important;
}

/* Ícones do selecionado */
.search-card > .card-header.search-header:not(.massiveactions-control) #show_as_table:checked + label i,
.search-card > .card-header.search-header:not(.massiveactions-control) #show_as_table:checked + label svg,
.search-card > .card-header.search-header:not(.massiveactions-control) #show_as_map:checked + label i,
.search-card > .card-header.search-header:not(.massiveactions-control) #show_as_map:checked + label svg {
  color: #ffffff !important;
  stroke: currentColor !important;
}

/* Hover quando não selecionado */
.search-card > .card-header.search-header:not(.massiveactions-control) #show_as_table:not(:checked) + label:hover,
.search-card > .card-header.search-header:not(.massiveactions-control) #show_as_map:not(:checked) + label:hover {
  color: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-blue-soft) !important;
}

/* ------------------------------------------------------------
 * LIXEIRA
 * Mantém vermelho por significado semântico
 * ------------------------------------------------------------ */
.search-card > .card-header.search-header:not(.massiveactions-control) .btn-ghost-danger {
  color: #d63939 !important;
}

/* ------------------------------------------------------------
 * TIPOGRAFIA
 * ------------------------------------------------------------ */
.search-card > .card-header.search-header:not(.massiveactions-control) button,
.search-card > .card-header.search-header:not(.massiveactions-control) a,
.search-card > .card-header.search-header:not(.massiveactions-control) label {
  font-size: 12px !important;
}

/* ============================================================
 * CLIENTE V3.3 — HOVERS DA TOOLBAR DE CHAMADOS
 * ============================================================ */
/* ------------------------------------------------------------
 * LIXEIRA
 * Hover vermelho + ícone branco
 * ------------------------------------------------------------ */
.search-card > .card-header.search-header:not(.massiveactions-control) .btn-ghost-danger:hover {
  color: #ffffff !important;
  background-color: #d63939 !important;
  border-color: #d63939 !important;
}

/* Força o ícone a permanecer visível */
.search-card > .card-header.search-header:not(.massiveactions-control) .btn-ghost-danger:hover i,
.search-card > .card-header.search-header:not(.massiveactions-control) .btn-ghost-danger:hover svg {
  color: #ffffff !important;
  stroke: currentColor !important;
}

/* ------------------------------------------------------------
 * EXIBIR COMO TABELA / MAPA
 * Mesmo quando selecionado, hover fica laranja
 * ------------------------------------------------------------ */
.search-card > .card-header.search-header:not(.massiveactions-control) #show_as_table + label:hover,
.search-card > .card-header.search-header:not(.massiveactions-control) #show_as_map + label:hover {
  color: var(--aprendiz-orange) !important;
}

/* Ícones acompanham o hover */
.search-card > .card-header.search-header:not(.massiveactions-control) #show_as_table + label:hover i,
.search-card > .card-header.search-header:not(.massiveactions-control) #show_as_table + label:hover svg,
.search-card > .card-header.search-header:not(.massiveactions-control) #show_as_map + label:hover i,
.search-card > .card-header.search-header:not(.massiveactions-control) #show_as_map + label:hover svg {
  color: var(--aprendiz-orange) !important;
  stroke: currentColor !important;
}

/* ============================================================
 * CLIENTE V3.4 — RODAPÉ / PAGINAÇÃO DA LISTAGEM DE CHAMADOS
 * ============================================================ */
/* Rodapé da tabela */
.search-card > .card-footer.search-footer {
  background-color: #ffffff !important;
  border-top-color: var(--aprendiz-border) !important;
  color: var(--aprendiz-text) !important;
}

/* Tipografia geral */
.search-card > .card-footer.search-footer .search-pager,
.search-card > .card-footer.search-footer .search-pager * {
  font-size: 12px !important;
}

/* ------------------------------------------------------------
 * SELETOR DE LINHAS POR PÁGINA
 * ------------------------------------------------------------ */
.search-card > .card-footer.search-footer .search-pager select,
.search-card > .card-footer.search-footer .search-pager .form-select {
  background-color: #ffffff !important;
  color: var(--aprendiz-text) !important;
  border-color: var(--aprendiz-border) !important;
  font-size: 12px !important;
}

/* Foco */
.search-card > .card-footer.search-footer .search-pager select:focus,
.search-card > .card-footer.search-footer .search-pager .form-select:focus {
  border-color: var(--aprendiz-blue) !important;
  box-shadow: 0 0 0 2px rgba(20, 155, 232, 0.12) !important;
}

/* ------------------------------------------------------------
 * TEXTO CENTRAL — "1-15/20" / "Exibindo..."
 * ------------------------------------------------------------ */
.search-card > .card-footer.search-footer .search-pager .text-muted {
  color: var(--aprendiz-muted) !important;
}

/* ------------------------------------------------------------
 * PAGINAÇÃO
 * ------------------------------------------------------------ */
.search-card > .card-footer.search-footer .search-pager .pagination .page-link {
  color: var(--aprendiz-navy) !important;
  background-color: transparent !important;
  border-color: transparent !important;
  font-size: 12px !important;
}

/* Hover das páginas / setas */
.search-card > .card-footer.search-footer .search-pager .pagination .page-link:hover {
  color: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-blue-soft) !important;
}

/* Página atual */
.search-card > .card-footer.search-footer .search-pager .pagination .active .page-link,
.search-card > .card-footer.search-footer .search-pager .pagination .page-item.active .page-link {
  color: #ffffff !important;
  background-color: var(--aprendiz-orange) !important;
  border-color: var(--aprendiz-orange) !important;
  border-radius: 7px !important;
}

/* Página atual no hover */
.search-card > .card-footer.search-footer .search-pager .pagination .active .page-link:hover,
.search-card > .card-footer.search-footer .search-pager .pagination .page-item.active .page-link:hover {
  color: #ffffff !important;
  background-color: var(--aprendiz-orange-dark) !important;
}

/* Página/seta desabilitada */
.search-card > .card-footer.search-footer .search-pager .pagination .disabled .page-link {
  color: var(--aprendiz-muted) !important;
  opacity: 0.45 !important;
  background-color: transparent !important;
}

/* ============================================================
 * CLIENTE V3.5 — TIPOGRAFIA COMPACTA DO RODAPÉ DA LISTAGEM
 * ============================================================ */
/* Textos gerais */
.search-card > .card-footer.search-footer .search-pager,
.search-card > .card-footer.search-footer .search-pager span,
.search-card > .card-footer.search-footer .search-pager div,
.search-card > .card-footer.search-footer .search-pager label {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

/* Seletor "15 linhas / página" */
.search-card > .card-footer.search-footer .search-pager select,
.search-card > .card-footer.search-footer .search-pager .form-select,
.search-card > .card-footer.search-footer .search-pager option {
  font-size: 11px !important;
}

/* Paginação: 1 / 2 */
.search-card > .card-footer.search-footer .search-pager .pagination .page-link {
  font-size: 11px !important;
}

/*
 * Não reduz os ícones/setas.
 * Mantém tamanho original para boa área de clique.
 */
.search-card > .card-footer.search-footer .search-pager i,
.search-card > .card-footer.search-footer .search-pager svg {
  font-size: inherit;
}

/* ============================================================
 * CLIENTE V3.6 — RODAPÉ DA LISTAGEM / SELETOR CORRETO
 * ============================================================ */
/*
 * O footer está dentro de form.masssearchform.
 * Portanto NÃO usamos ">" entre .search-card e .search-footer.
 */
.search-card .card-footer.search-footer .search-pager {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

/* "15 linhas / página" */
.search-card .card-footer.search-footer .search-limit,
.search-card .card-footer.search-footer .search-limit *,
.search-card .card-footer.search-footer .search-limit::before,
.search-card .card-footer.search-footer .search-limit::after {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

/* Select */
.search-card .card-footer.search-footer .search-limit-dropdown {
  font-size: 11px !important;
}

/* Texto central: "Exibindo..." / "1-15/20" */
.search-card .card-footer.search-footer .page-infos,
.search-card .card-footer.search-footer .page-infos *,
.search-card .card-footer.search-footer .search-pager .text-muted {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

/* Paginação */
.search-card .card-footer.search-footer .pagination,
.search-card .card-footer.search-footer .pagination .page-item,
.search-card .card-footer.search-footer .pagination .page-link {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

/* Página ativa mantém o padrão Aprendiz */
.search-card .card-footer.search-footer .pagination .page-item.active .page-link {
  color: #ffffff !important;
  background-color: var(--aprendiz-orange) !important;
  border-color: var(--aprendiz-orange) !important;
}

/* Hover das páginas e setas */
.search-card .card-footer.search-footer .pagination .page-link:hover {
  color: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-blue-soft) !important;
}

/* Página ativa no hover */
.search-card .card-footer.search-footer .pagination .page-item.active .page-link:hover {
  color: #ffffff !important;
  background-color: var(--aprendiz-orange-dark) !important;
}

/* ============================================================
 * CLIENTE V3.6 — RODAPÉ DA LISTAGEM / SELETOR CORRETO
 * ============================================================ */
/*
 * O footer está dentro de form.masssearchform.
 * Portanto NÃO usamos ">" entre .search-card e .search-footer.
 */
.search-card .card-footer.search-footer .search-pager {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

/* "15 linhas / página" */
.search-card .card-footer.search-footer .search-limit,
.search-card .card-footer.search-footer .search-limit *,
.search-card .card-footer.search-footer .search-limit::before,
.search-card .card-footer.search-footer .search-limit::after {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

/* Select */
.search-card .card-footer.search-footer .search-limit-dropdown {
  font-size: 11px !important;
}

/* Texto central: "Exibindo..." / "1-15/20" */
.search-card .card-footer.search-footer .page-infos,
.search-card .card-footer.search-footer .page-infos *,
.search-card .card-footer.search-footer .search-pager .text-muted {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

/* Paginação */
.search-card .card-footer.search-footer .pagination,
.search-card .card-footer.search-footer .pagination .page-item,
.search-card .card-footer.search-footer .pagination .page-link {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

/* Página ativa mantém o padrão Aprendiz */
.search-card .card-footer.search-footer .pagination .page-item.active .page-link {
  color: #ffffff !important;
  background-color: var(--aprendiz-orange) !important;
  border-color: var(--aprendiz-orange) !important;
}

/* Hover das páginas e setas */
.search-card .card-footer.search-footer .pagination .page-link:hover {
  color: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-blue-soft) !important;
}

/* Página ativa no hover */
.search-card .card-footer.search-footer .pagination .page-item.active .page-link:hover {
  color: #ffffff !important;
  background-color: var(--aprendiz-orange-dark) !important;
}

/* ============================================================
 * CLIENTE V3.7 — MENU DE QUANTIDADE DE LINHAS
 * ============================================================ */
/* Campo fechado */
.search-card .card-footer.search-footer .search-limit-dropdown {
  font-size: 11px !important;
  color: var(--aprendiz-text) !important;
  background-color: #ffffff !important;
  border-color: var(--aprendiz-border) !important;
}

/* Opções do menu nativo */
.search-card .card-footer.search-footer .search-limit-dropdown option {
  font-size: 11px !important;
  color: var(--aprendiz-text) !important;
  background-color: #ffffff !important;
}

/* Opção selecionada — aplicado quando o navegador permitir */
.search-card .card-footer.search-footer .search-limit-dropdown option:checked {
  color: #ffffff !important;
  background-color: var(--aprendiz-orange) !important;
}

/* Foco do seletor */
.search-card .card-footer.search-footer .search-limit-dropdown:focus {
  border-color: var(--aprendiz-blue) !important;
  box-shadow: 0 0 0 2px rgba(20, 155, 232, 0.12) !important;
}

/* ============================================================
 * CLIENTE V3.8 — HOVER DO MENU DE QUANTIDADE DE LINHAS
 * ============================================================ */
.search-card .card-footer.search-footer .search-limit-dropdown option:hover {
  color: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-blue-soft) !important;
}

/* Selecionado continua laranja, mesmo se receber hover */
.search-card .card-footer.search-footer .search-limit-dropdown option:checked {
  color: #ffffff !important;
  background-color: var(--aprendiz-orange) !important;
}

/* ============================================================
 * CLIENTE V3.8 — HOVER DO MENU DE QUANTIDADE DE LINHAS
 * ============================================================ */
.search-card .card-footer.search-footer .search-limit-dropdown option:hover {
  color: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-blue-soft) !important;
}

/* Selecionado continua laranja, mesmo se receber hover */
.search-card .card-footer.search-footer .search-limit-dropdown option:checked {
  color: #ffffff !important;
  background-color: var(--aprendiz-orange) !important;
}

/* ============================================================
 * CLIENTE V3.8 — HOVER DO MENU DE QUANTIDADE DE LINHAS
 * ============================================================ */
.search-card .card-footer.search-footer .search-limit-dropdown option:hover {
  color: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-blue-soft) !important;
}

/* Selecionado continua laranja, mesmo se receber hover */
.search-card .card-footer.search-footer .search-limit-dropdown option:checked {
  color: #ffffff !important;
  background-color: var(--aprendiz-orange) !important;
}

/* ============================================================
 * CLIENTE V3.9 — PAINEL DE FILTROS DA LISTAGEM
 * ============================================================ */
/* Tipografia geral do painel */
.search-form.card.card-sm {
  font-size: 12px !important;
  color: var(--aprendiz-text) !important;
}

/* Campos e controles do filtro */
.search-form.card.card-sm .form-control,
.search-form.card.card-sm .form-select,
.search-form.card.card-sm .select2-selection,
.search-form.card.card-sm .select2-selection__rendered,
.search-form.card.card-sm button,
.search-form.card.card-sm a {
  font-size: 12px !important;
}

/* Regra / regra global / grupo */
.search-form.card.card-sm .search_actions a,
.search-form.card.card-sm .search_actions button:not(.btn-primary) {
  color: var(--aprendiz-navy) !important;
  font-size: 12px !important;
}

/* Hover das ações secundárias */
.search-form.card.card-sm .search_actions a:hover,
.search-form.card.card-sm .search_actions button:not(.btn-primary):hover {
  color: var(--aprendiz-orange) !important;
}

/* ============================================================
 * BOTÃO PESQUISAR
 * ============================================================ */
.search-form.card.card-sm .search_actions .btn.btn-sm.btn-primary {
  color: #ffffff !important;
  background-color: var(--aprendiz-orange) !important;
  border-color: var(--aprendiz-orange) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* Lupa acompanha */
.search-form.card.card-sm .search_actions .btn.btn-sm.btn-primary i,
.search-form.card.card-sm .search_actions .btn.btn-sm.btn-primary svg {
  color: #ffffff !important;
  stroke: currentColor !important;
}

/* Hover */
.search-form.card.card-sm .search_actions .btn.btn-sm.btn-primary:hover {
  color: #ffffff !important;
  background-color: var(--aprendiz-orange-dark) !important;
  border-color: var(--aprendiz-orange-dark) !important;
}

/* Ícone continua branco no hover */
.search-form.card.card-sm .search_actions .btn.btn-sm.btn-primary:hover i,
.search-form.card.card-sm .search_actions .btn.btn-sm.btn-primary:hover svg {
  color: #ffffff !important;
}

/* ============================================================
 * CLIENTE V3.10 — SALVAR PESQUISA / LIMPAR FILTRO
 * ============================================================ */
/* ------------------------------------------------------------
 * SALVAR PESQUISA ATUAL
 * ------------------------------------------------------------ */
.search-form.card.card-sm .search_actions button.btn.btn-sm.btn-outline-secondary.btn-icon {
  color: var(--aprendiz-navy) !important;
  background-color: transparent !important;
  border-color: var(--aprendiz-border) !important;
}

/* Ícone acompanha */
.search-form.card.card-sm .search_actions button.btn.btn-sm.btn-outline-secondary.btn-icon i,
.search-form.card.card-sm .search_actions button.btn.btn-sm.btn-outline-secondary.btn-icon svg {
  color: inherit !important;
  stroke: currentColor !important;
}

/* Hover */
.search-form.card.card-sm .search_actions button.btn.btn-sm.btn-outline-secondary.btn-icon:hover {
  color: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-blue-soft) !important;
  border-color: var(--aprendiz-orange) !important;
}

/* ------------------------------------------------------------
 * LIMPAR
 * Padrão Intranet Aprendiz
 * ------------------------------------------------------------ */
.search-form.card.card-sm .search_actions a.search-reset {
  color: var(--aprendiz-navy, #06244b) !important;
  background-color: #ffffff !important;
  border-color: var(--aprendiz-border, #c9d9e8) !important;
  box-shadow: none !important;
}

/* Ícone acompanha o estado normal */
.search-form.card.card-sm .search_actions a.search-reset i,
.search-form.card.card-sm .search_actions a.search-reset svg {
  color: var(--aprendiz-navy, #06244b) !important;
  stroke: currentColor !important;
}

/* Hover: azul-claro + laranja */
.search-form.card.card-sm .search_actions a.search-reset:hover,
.search-form.card.card-sm .search_actions a.search-reset:focus {
  color: var(--aprendiz-orange, #ff641d) !important;
  background-color: var(--aprendiz-blue-soft, #eaf5fd) !important;
  border-color: var(--aprendiz-orange, #ff641d) !important;
  box-shadow: none !important;
}

.search-form.card.card-sm .search_actions a.search-reset:hover i,
.search-form.card.card-sm .search_actions a.search-reset:hover svg,
.search-form.card.card-sm .search_actions a.search-reset:focus i,
.search-form.card.card-sm .search_actions a.search-reset:focus svg {
  color: var(--aprendiz-orange, #ff641d) !important;
  stroke: currentColor !important;
}

/* ============================================================
 * CLIENTE V3.11 — TIPOGRAFIA DOS DROPDOWNS SELECT2
 * ============================================================ */
/* Opções */
.select2-container--default .select2-results__option {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

/* Cabeçalhos / agrupamentos */
.select2-container--default .select2-results__group {
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

/* Campo de pesquisa dentro do dropdown */
.select2-container--default .select2-search__field {
  font-size: 12px !important;
}

/* ============================================================
 * CLIENTE V3.12 — SELETOR DE LINHAS / SELECT2 APRENDIZ
 * Remove o hover azul nativo do navegador
 * ============================================================ */
/* Controle fechado */
.search-card .card-footer.search-footer .search-limit .select2-container {
  font-size: 11px !important;
}

/* Caixa principal */
.search-card .card-footer.search-footer .search-limit .select2-selection--single {
  height: 32px !important;
  background-color: #ffffff !important;
  border: 1px solid var(--aprendiz-border) !important;
  border-radius: 6px !important;
}

/* Número selecionado */
.search-card .card-footer.search-footer .search-limit .select2-selection__rendered {
  color: var(--aprendiz-text) !important;
  font-size: 11px !important;
  line-height: 30px !important;
}

/* Seta */
.search-card .card-footer.search-footer .search-limit .select2-selection__arrow {
  height: 30px !important;
}

/* ============================================================
 * DROPDOWN
 * ============================================================ */
.aprendiz-limit-dropdown .select2-results__option {
  font-size: 11px !important;
  color: var(--aprendiz-text) !important;
  background-color: #ffffff !important;
}

/* Selecionado:
 * laranja + branco
 */
.aprendiz-limit-dropdown .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
  color: #ffffff !important;
  background-color: var(--aprendiz-orange) !important;
}

/* Hover:
 * azul-claro + laranja
 */
.aprendiz-limit-dropdown .select2-results__option--highlighted {
  color: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-blue-soft) !important;
}

/* Conteúdo interno acompanha */
.aprendiz-limit-dropdown .select2-results__option--highlighted * {
  color: inherit !important;
}

/* ============================================================
 * CLIENTE V3.13 — AÇÕES EM MASSA / CHECKBOXES SELECIONADOS
 * ============================================================ */
/* ------------------------------------------------------------
 * BOTÃO "AÇÕES"
 * ------------------------------------------------------------ */
.search-card .massiveactions-control .btn.btn-sm.btn-primary {
  color: #ffffff !important;
  background-color: var(--aprendiz-orange) !important;
  border-color: var(--aprendiz-orange) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* Ícone acompanha */
.search-card .massiveactions-control .btn.btn-sm.btn-primary i,
.search-card .massiveactions-control .btn.btn-sm.btn-primary svg {
  color: #ffffff !important;
  stroke: currentColor !important;
}

/* Hover */
.search-card .massiveactions-control .btn.btn-sm.btn-primary:hover {
  color: #ffffff !important;
  background-color: var(--aprendiz-orange-dark) !important;
  border-color: var(--aprendiz-orange-dark) !important;
}

/* ------------------------------------------------------------
 * CHECKBOXES DA LISTAGEM
 * Inclui linhas e "selecionar todos"
 * ------------------------------------------------------------ */
.search-card table.search-results .form-check-input:checked {
  background-color: var(--aprendiz-orange) !important;
  border-color: var(--aprendiz-orange) !important;
}

/* Foco do checkbox */
.search-card table.search-results .form-check-input:focus {
  border-color: var(--aprendiz-orange) !important;
  box-shadow: 0 0 0 2px rgba(255, 100, 29, 0.16) !important;
}

/* Estado indeterminado do "selecionar todos" */
.search-card table.search-results .form-check-input:indeterminate {
  background-color: var(--aprendiz-orange) !important;
  border-color: var(--aprendiz-orange) !important;
}

/* ============================================================
 * CLIENTE V3.14 — MODAL DE AÇÕES EM MASSA
 * ============================================================ */
/* Modal específico de ações em massa */
.modal:has(select[id^=dropdown_massiveaction]) {
  font-size: 12px !important;
}

/* Título */
.modal:has(select[id^=dropdown_massiveaction]) .modal-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--aprendiz-text) !important;
}

/* Corpo */
.modal:has(select[id^=dropdown_massiveaction]) .modal-body {
  font-size: 12px !important;
}

/* Rótulos */
.modal:has(select[id^=dropdown_massiveaction]) .modal-body label {
  font-size: 12px !important;
  color: var(--aprendiz-text) !important;
}

/* Select original */
.modal:has(select[id^=dropdown_massiveaction]) select[id^=dropdown_massiveaction] {
  font-size: 12px !important;
}

/* Select2 visível */
.modal:has(select[id^=dropdown_massiveaction]) .select2-container {
  font-size: 12px !important;
}

/* Texto selecionado */
.modal:has(select[id^=dropdown_massiveaction]) .select2-selection__rendered {
  font-size: 12px !important;
}

/* Campo visual do Select2 */
.modal:has(select[id^=dropdown_massiveaction]) .select2-selection--single {
  font-size: 12px !important;
}

/* ============================================================
 * CLIENTE V3.14 — MODAL DE AÇÕES EM MASSA
 * ============================================================ */
/* Modal específico de ações em massa */
.modal:has(select[id^=dropdown_massiveaction]) {
  font-size: 12px !important;
}

/* Título */
.modal:has(select[id^=dropdown_massiveaction]) .modal-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--aprendiz-text) !important;
}

/* Corpo */
.modal:has(select[id^=dropdown_massiveaction]) .modal-body {
  font-size: 12px !important;
}

/* Rótulos */
.modal:has(select[id^=dropdown_massiveaction]) .modal-body label {
  font-size: 12px !important;
  color: var(--aprendiz-text) !important;
}

/* Select original */
.modal:has(select[id^=dropdown_massiveaction]) select[id^=dropdown_massiveaction] {
  font-size: 12px !important;
}

/* Select2 visível */
.modal:has(select[id^=dropdown_massiveaction]) .select2-container {
  font-size: 12px !important;
}

/* Texto selecionado */
.modal:has(select[id^=dropdown_massiveaction]) .select2-selection__rendered {
  font-size: 12px !important;
}

/* Campo visual do Select2 */
.modal:has(select[id^=dropdown_massiveaction]) .select2-selection--single {
  font-size: 12px !important;
}

/* ============================================================
 * CLIENTE V3.15 — COLUNA TÍTULO SEM QUEBRA DE LINHA
 * ============================================================ */
/* Cabeçalho TÍTULO */
.search-card table.search-results thead th[data-searchopt-id="1"] {
  white-space: nowrap !important;
}

/* Conteúdo da coluna TÍTULO */
.search-card table.search-results tbody td:nth-child(3),
.search-card table.search-results tbody td:nth-child(3) > a {
  white-space: nowrap !important;
}

/* ============================================================
 * CLIENTE V3.16 — DATA DE ABERTURA SEM QUEBRA
 * ============================================================ */
/* Cabeçalho */
.search-card table.search-results thead th[data-searchopt-id="15"] {
  white-space: nowrap !important;
}

/* Valores da coluna */
.search-card table.search-results tbody td:nth-child(4) {
  white-space: nowrap !important;
}

/* ============================================================
 * CLIENTE V3.17 — ÚLTIMA ATUALIZAÇÃO SEM QUEBRA
 * ============================================================ */
/* Cabeçalho */
.search-card table.search-results thead th[data-searchopt-id="19"] {
  white-space: nowrap !important;
}

/* Valores da coluna */
.search-card table.search-results tbody td:nth-child(7) {
  white-space: nowrap !important;
}

/* ============================================================
 * CLIENTE V4.1 — TIMELINE DO CHAMADO / SELF-SERVICE
 * Perfil ativo: Self-Service (id=1)
 * ============================================================ */
/* ------------------------------------------------------------
 * TIPOGRAFIA GERAL DA TIMELINE
 * ------------------------------------------------------------ */
body:has(#itil-object-container) #itil-object-container .itil-left-side .itil-timeline {
  font-size: 13px !important;
  color: var(--aprendiz-text) !important;
}

body:has(#itil-object-container) #itil-object-container .itil-left-side .itil-timeline .timeline-content {
  font-size: 13px !important;
  color: var(--aprendiz-text) !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(3, 26, 56, 0.06) !important;
}

/* ------------------------------------------------------------
 * CONTEÚDO INICIAL DO CHAMADO
 * remove o verde padrão
 * ------------------------------------------------------------ */
body:has(#itil-object-container) #itil-object-container .itil-timeline .timeline-item.ITILContent .timeline-content.left.card {
  background: #f7fafc !important;
  border: 1px solid var(--aprendiz-border) !important;
  color: var(--aprendiz-text) !important;
}

/* ------------------------------------------------------------
 * ACOMPANHAMENTOS
 * ------------------------------------------------------------ */
body:has(#itil-object-container) #itil-object-container .itil-timeline .timeline-item.ITILFollowup .timeline-content.card {
  background: #ffffff !important;
  border: 1px solid var(--aprendiz-border) !important;
  color: var(--aprendiz-text) !important;
}

/* ------------------------------------------------------------
 * SOLUÇÃO
 * ------------------------------------------------------------ */
body:has(#itil-object-container) #itil-object-container .itil-timeline .timeline-item.ITILSolution .timeline-content.card {
  background: var(--aprendiz-blue-soft) !important;
  border: 1px solid #b8d9ef !important;
  color: var(--aprendiz-text) !important;
}

/* Textos internos herdam nossa cor */
body:has(#itil-object-container) #itil-object-container .itil-timeline .timeline-content a:not(.btn) {
  color: var(--aprendiz-navy) !important;
}

/* Links em hover */
body:has(#itil-object-container) #itil-object-container .itil-timeline .timeline-content a:not(.btn):hover {
  color: var(--aprendiz-orange) !important;
}

/* ============================================================
 * CLIENTE V4.2 — SETAS DOS BALÕES / TIMELINE SELF-SERVICE
 * ============================================================ */
/* ------------------------------------------------------------
 * CONTEÚDO INICIAL
 * seta aponta para a esquerda
 * ------------------------------------------------------------ */
body:has(#itil-object-container) #itil-object-container .itil-timeline .timeline-item.ITILContent .timeline-content.left.card::before {
  border-top-color: var(--aprendiz-border) !important;
  border-right-color: var(--aprendiz-border) !important;
}

body:has(#itil-object-container) #itil-object-container .itil-timeline .timeline-item.ITILContent .timeline-content.left.card::after {
  border-top-color: #f7fafc !important;
  border-right-color: #f7fafc !important;
}

/* ------------------------------------------------------------
 * ACOMPANHAMENTO
 * ------------------------------------------------------------ */
body:has(#itil-object-container) #itil-object-container .itil-timeline .timeline-item.ITILFollowup .timeline-content.card::before {
  border-top-color: var(--aprendiz-border) !important;
  border-left-color: var(--aprendiz-border) !important;
}

body:has(#itil-object-container) #itil-object-container .itil-timeline .timeline-item.ITILFollowup .timeline-content.card::after {
  border-top-color: #ffffff !important;
  border-left-color: #ffffff !important;
}

/* ------------------------------------------------------------
 * SOLUÇÃO
 * ------------------------------------------------------------ */
body:has(#itil-object-container) #itil-object-container .itil-timeline .timeline-item.ITILSolution .timeline-content.card::before {
  border-top-color: #b8d9ef !important;
  border-left-color: #b8d9ef !important;
}

body:has(#itil-object-container) #itil-object-container .itil-timeline .timeline-item.ITILSolution .timeline-content.card::after {
  border-top-color: var(--aprendiz-blue-soft) !important;
  border-left-color: var(--aprendiz-blue-soft) !important;
}

/* ============================================================
 * CLIENTE V4.3 — ORDEM DE SERVIÇO / SELF-SERVICE
 * ============================================================ */
/* Card da Ordem de Serviço */
body:has(#itil-object-container) #item-main .card.mt-3.mb-3:has(a.btn.btn-primary) {
  background-color: #ffffff !important;
  border: 1px solid var(--aprendiz-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(3, 26, 56, 0.05) !important;
}

/* Tipografia do card */
body:has(#itil-object-container) #item-main .card.mt-3.mb-3:has(a.btn.btn-primary) .card-body {
  font-size: 12px !important;
  color: var(--aprendiz-muted) !important;
}

/* Título Ordem de Serviço */
body:has(#itil-object-container) #item-main .card.mt-3.mb-3:has(a.btn.btn-primary) .card-body strong,
body:has(#itil-object-container) #item-main .card.mt-3.mb-3:has(a.btn.btn-primary) .card-body h4,
body:has(#itil-object-container) #item-main .card.mt-3.mb-3:has(a.btn.btn-primary) .card-body h5 {
  color: var(--aprendiz-navy) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* ------------------------------------------------------------
 * BOTÃO IMPRIMIR OS
 * ------------------------------------------------------------ */
body:has(#itil-object-container) #item-main .card.mt-3.mb-3:has(a.btn.btn-primary) a.btn.btn-primary {
  color: #ffffff !important;
  background-color: var(--aprendiz-orange) !important;
  border-color: var(--aprendiz-orange) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

/* Ícone */
body:has(#itil-object-container) #item-main .card.mt-3.mb-3:has(a.btn.btn-primary) a.btn.btn-primary i,
body:has(#itil-object-container) #item-main .card.mt-3.mb-3:has(a.btn.btn-primary) a.btn.btn-primary svg {
  color: #ffffff !important;
  stroke: currentColor !important;
}

/* Hover */
body:has(#itil-object-container) #item-main .card.mt-3.mb-3:has(a.btn.btn-primary) a.btn.btn-primary:hover {
  color: #ffffff !important;
  background-color: var(--aprendiz-orange-dark) !important;
  border-color: var(--aprendiz-orange-dark) !important;
}

/* ============================================================
 * CLIENTE V4.4 — PAINEL DIREITO / SELF-SERVICE
 * Tipografia final compacta
 * ============================================================ */
/* Base de todo o painel direito */
body:has(#itil-object-container) .itil-right-side {
  font-size: 12px !important;
  color: var(--aprendiz-text) !important;
}

/* ------------------------------------------------------------
 * TÍTULOS DAS SEÇÕES
 * Chamado / Atores / Objetos relacionados
 * ------------------------------------------------------------ */
body:has(#itil-object-container) .itil-right-side .accordion-header,
body:has(#itil-object-container) .itil-right-side .accordion-button {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--aprendiz-navy) !important;
}

/* Ícones dos títulos */
body:has(#itil-object-container) .itil-right-side .accordion-header i,
body:has(#itil-object-container) .itil-right-side .accordion-button i {
  color: var(--aprendiz-navy) !important;
}

/* ------------------------------------------------------------
 * RÓTULOS
 * ------------------------------------------------------------ */
body:has(#itil-object-container) .itil-right-side label,
body:has(#itil-object-container) .itil-right-side .form-label {
  font-size: 12px !important;
  color: var(--aprendiz-muted) !important;
}

/* Campos comuns */
body:has(#itil-object-container) .itil-right-side .form-control,
body:has(#itil-object-container) .itil-right-side .form-select {
  font-size: 12px !important;
}

/* ------------------------------------------------------------
 * SELECT2
 * ------------------------------------------------------------ */
body:has(#itil-object-container) .itil-right-side .select2-container,
body:has(#itil-object-container) .itil-right-side .select2-selection,
body:has(#itil-object-container) .itil-right-side .select2-selection__rendered {
  font-size: 12px !important;
}

/* ------------------------------------------------------------
 * STATUS
 * ------------------------------------------------------------ */
body:has(#itil-object-container) .itil-right-side .itilstatus {
  font-size: 12px !important;
}

/* ------------------------------------------------------------
 * ATORES
 * ------------------------------------------------------------ */
body:has(#itil-object-container) .itil-right-side .actor_entry,
body:has(#itil-object-container) .itil-right-side .actor_text,
body:has(#itil-object-container) .itil-right-side .assign_infos {
  font-size: 12px !important;
}

/* Badge numérico */
body:has(#itil-object-container) .itil-right-side .badge {
  font-size: 11px !important;
}

/* ------------------------------------------------------------
 * ORDEM DE SERVIÇO
 * ------------------------------------------------------------ */
/* Título */
body:has(#itil-object-container) #item-main .card.mt-3.mb-3:has(a.btn.btn-primary) strong,
body:has(#itil-object-container) #item-main .card.mt-3.mb-3:has(a.btn.btn-primary) h4,
body:has(#itil-object-container) #item-main .card.mt-3.mb-3:has(a.btn.btn-primary) h5 {
  font-size: 12px !important;
}

/* Texto descritivo */
body:has(#itil-object-container) #item-main .card.mt-3.mb-3:has(a.btn.btn-primary) .card-body {
  font-size: 11px !important;
}

/* Botão continua legível */
body:has(#itil-object-container) #item-main .card.mt-3.mb-3:has(a.btn.btn-primary) a.btn.btn-primary {
  font-size: 12px !important;
}

/* ============================================================
 * CLIENTE V4.5 — ATORES COMPACTOS / SELF-SERVICE
 * ============================================================ */
/* Caixa visual dos Select2 de atores */
body:has(#itil-object-container) .itil-right-side select[data-actor-type] + .select2 .select2-selection {
  min-height: 36px !important;
  height: 36px !important;
  font-size: 12px !important;
  border: 1px solid var(--aprendiz-border) !important;
  border-radius: 7px !important;
}

/* Área interna */
body:has(#itil-object-container) .itil-right-side select[data-actor-type] + .select2 .select2-selection__rendered {
  min-height: 34px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  font-size: 12px !important;
  line-height: 26px !important;
}

/* Ator selecionado */
body:has(#itil-object-container) .itil-right-side select[data-actor-type] + .select2 .actor_entry {
  font-size: 12px !important;
  line-height: 24px !important;
}

/* Texto do ator */
body:has(#itil-object-container) .itil-right-side select[data-actor-type] + .select2 .actor_text {
  font-size: 12px !important;
}

/* Badge de quantidade */
body:has(#itil-object-container) .itil-right-side select[data-actor-type] + .select2 .badge {
  font-size: 10px !important;
  vertical-align: middle !important;
}

/* Campo desabilitado mantém aparência limpa */
body:has(#itil-object-container) .itil-right-side select[data-actor-type] + .select2 .select2-selection[aria-disabled=true] {
  background-color: #f7f9fb !important;
}

/* ============================================================
 * CLIENTE V4.6 — BOTÕES INFERIORES DO CHAMADO / SELF-SERVICE
 * ============================================================ */
body:has(#itil-object-container) #itil-object-container :is(.open-timeline-filter-popover,
.view-timeline-todo-list,
.switch-panel-width,
.collapse-panel) {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  padding: 0 !important;
  color: var(--aprendiz-navy) !important;
  background-color: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease !important;
}

/* Ícones acompanham a cor do botão */
body:has(#itil-object-container) #itil-object-container :is(.open-timeline-filter-popover,
.view-timeline-todo-list,
.switch-panel-width,
.collapse-panel) :is(i, svg) {
  color: inherit !important;
  stroke: currentColor !important;
}

/* Hover */
body:has(#itil-object-container) #itil-object-container :is(.open-timeline-filter-popover,
.view-timeline-todo-list,
.switch-panel-width,
.collapse-panel):hover {
  color: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-blue-soft) !important;
  border-color: var(--aprendiz-border) !important;
}

/* Foco por teclado */
body:has(#itil-object-container) #itil-object-container :is(.open-timeline-filter-popover,
.view-timeline-todo-list,
.switch-panel-width,
.collapse-panel):focus-visible {
  color: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-blue-soft) !important;
  border-color: var(--aprendiz-orange) !important;
  box-shadow: 0 0 0 2px rgba(255, 100, 29, 0.14) !important;
  outline: none !important;
}

/* ============================================================
 * CLIENTE V4.6 — BOTÕES INFERIORES DO CHAMADO / SELF-SERVICE
 * ============================================================ */
body:has(#itil-object-container) #itil-object-container :is(.open-timeline-filter-popover,
.view-timeline-todo-list,
.switch-panel-width,
.collapse-panel) {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  padding: 0 !important;
  color: var(--aprendiz-navy) !important;
  background-color: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease !important;
}

/* Ícones acompanham a cor do botão */
body:has(#itil-object-container) #itil-object-container :is(.open-timeline-filter-popover,
.view-timeline-todo-list,
.switch-panel-width,
.collapse-panel) :is(i, svg) {
  color: inherit !important;
  stroke: currentColor !important;
}

/* Hover */
body:has(#itil-object-container) #itil-object-container :is(.open-timeline-filter-popover,
.view-timeline-todo-list,
.switch-panel-width,
.collapse-panel):hover {
  color: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-blue-soft) !important;
  border-color: var(--aprendiz-border) !important;
}

/* Foco por teclado */
body:has(#itil-object-container) #itil-object-container :is(.open-timeline-filter-popover,
.view-timeline-todo-list,
.switch-panel-width,
.collapse-panel):focus-visible {
  color: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-blue-soft) !important;
  border-color: var(--aprendiz-orange) !important;
  box-shadow: 0 0 0 2px rgba(255, 100, 29, 0.14) !important;
  outline: none !important;
}

/* ============================================================
 * CLIENTE V4.7 — MENU LATERAL DO CHAMADO / SELF-SERVICE
 * ============================================================ */
body:has(#itil-object-container) .nav.nav-tabs.flex-row.flex-md-column.d-none.d-md-block .nav-item {
  font-size: 12px !important;
}

/* Links do menu */
body:has(#itil-object-container) .nav.nav-tabs.flex-row.flex-md-column.d-none.d-md-block .nav-link {
  font-size: 12px !important;
  line-height: 1.25 !important;
  color: var(--aprendiz-muted) !important;
}

/* Ícones */
body:has(#itil-object-container) .nav.nav-tabs.flex-row.flex-md-column.d-none.d-md-block .nav-link i {
  font-size: 13px !important;
}

/* Item ativo */
body:has(#itil-object-container) .nav.nav-tabs.flex-row.flex-md-column.d-none.d-md-block .nav-link.active {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--aprendiz-navy) !important;
}

/* Badge do item ativo */
body:has(#itil-object-container) .nav.nav-tabs.flex-row.flex-md-column.d-none.d-md-block .nav-link .badge {
  font-size: 10px !important;
}

/* Hover no padrão Aprendiz */
body:has(#itil-object-container) .nav.nav-tabs.flex-row.flex-md-column.d-none.d-md-block .nav-link:hover {
  color: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-blue-soft) !important;
}

/* ============================================================
 * FORMS PÚBLICOS V1.0 — ALUNO (9) / PROFESSOR (10)
 * Central de Suporte Aprendiz
 * ============================================================ */
/* Identifica exclusivamente os Forms 9 e 10 */
body:has(#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"])) {
  background: linear-gradient(145deg, #eef4fa 0%, #f8fbfe 55%, #eaf5fd 100%) !important;
  color: var(--aprendiz-text) !important;
}

/* Área geral da página */
body:has(#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"])) .page-body {
  background: transparent !important;
}

/* Formulário */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) {
  width: 100%;
  max-width: 900px;
  margin: 0 auto !important;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

/* Renderer principal */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .form-renderer {
  margin-top: 0 !important;
}

/* ============================================================
 * CABEÇALHO INSTITUCIONAL
 * ============================================================ */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-form-header] {
  position: relative;
  margin-bottom: 22px !important;
  padding: 28px 32px 24px !important;
  overflow: hidden;
  background: #ffffff !important;
  border: 1px solid var(--aprendiz-border) !important;
  border-top: 4px solid var(--aprendiz-orange) !important;
  border-radius: 9px !important;
  box-shadow: 0 5px 18px rgba(6, 36, 75, 0.08) !important;
}

/* Faixa azul decorativa */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-form-header]::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 180px;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(135deg, transparent 25%, rgba(20, 155, 232, 0.06) 25%, rgba(20, 155, 232, 0.06) 100%);
}

/* Logo Aprendiz */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-form-header]::before {
  content: "";
  display: block;
  width: 190px;
  height: 58px;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
  background-image: url("/pics/aprendiz-os-logo.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}

/* Título */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-form-header] .form-title {
  position: relative;
  z-index: 1;
  margin: 0 0 8px !important;
  color: var(--aprendiz-navy) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

/* Descrição do formulário */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-form-header] .form-description {
  position: relative;
  z-index: 1;
  max-width: 680px;
  color: var(--aprendiz-muted) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

/* ============================================================
 * CARDS / SEÇÕES
 * ============================================================ */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .form-renderer .card {
  overflow: hidden;
  background: #ffffff !important;
  border: 1px solid var(--aprendiz-border) !important;
  border-radius: 9px !important;
  box-shadow: 0 3px 12px rgba(6, 36, 75, 0.055) !important;
}

/* Corpo dos cards */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .form-renderer .card-body {
  padding: 24px 26px !important;
}

/* Cabeçalho das seções */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-section] > .bg-primary {
  padding: 7px 14px !important;
  color: #ffffff !important;
  background: var(--aprendiz-navy) !important;
  border-radius: 7px 7px 0 0 !important;
}

/* Título das seções */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-section] > .bg-primary h2 {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

/* ============================================================
 * RESPONSIVO
 * ============================================================ */
@media (max-width: 767.98px) {
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) {
    padding: 0 8px !important;
  }
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) [data-glpi-form-renderer-form-header] {
    padding: 22px 20px 20px !important;
  }
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) [data-glpi-form-renderer-form-header]::before {
    width: 155px;
    height: 48px;
    margin-bottom: 16px;
  }
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) [data-glpi-form-renderer-form-header] .form-title {
    font-size: 20px !important;
  }
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) .form-renderer .card-body {
    padding: 20px 18px !important;
  }
}
/* ============================================================
 * FORMS PÚBLICOS V1.1 — REMOVE HEADER GLPI
 * Apenas Forms 9 e 10
 * ============================================================ */
body:has(#forms_form_answers input[name=forms_id][value="9"],
#forms_form_answers input[name=forms_id][value="10"]) header.topbar {
  display: none !important;
}

/* Remove o espaço superior deixado pelo cabeçalho */
body:has(#forms_form_answers input[name=forms_id][value="9"],
#forms_form_answers input[name=forms_id][value="10"]) .page-wrapper {
  padding-top: 0 !important;
}

/* Aproxima o formulário do topo da página */
body:has(#forms_form_answers input[name=forms_id][value="9"],
#forms_form_answers input[name=forms_id][value="10"]) .page-body {
  padding-top: 28px !important;
}

/* ============================================================
 * FORMS PÚBLICOS V1.2 — TIPOGRAFIA COMPACTA
 * Apenas Forms 9 e 10
 * ============================================================ */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .form-renderer {
  font-size: 13px !important;
}

/* Título principal */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-form-header] .form-title {
  font-size: 18px !important;
  line-height: 1.3 !important;
}

/* Descrição principal */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-form-header] .form-description {
  font-size: 12px !important;
}

/* Títulos das seções */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-section] > .bg-primary h2 {
  font-size: 13px !important;
  line-height: 1.3 !important;
}

/* Perguntas / labels */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-question] > h3 {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

/* Descrição abaixo das perguntas */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .block-description {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* Inputs, selects e textareas */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) :is(.form-control,
.form-select,
input,
textarea,
select) {
  font-size: 13px !important;
}

/* ============================================================
 * FORMS PÚBLICOS V1.3 — REMOVE ESPAÇO SUPERIOR
 * Apenas Forms 9 e 10
 * ============================================================ */
body:has(#forms_form_answers input[name=forms_id][value="9"],
#forms_form_answers input[name=forms_id][value="10"]) .page-header {
  display: none !important;
}

body:has(#forms_form_answers input[name=forms_id][value="9"],
#forms_form_answers input[name=forms_id][value="10"]) .page-body {
  margin-top: 0 !important;
  padding-top: 16px !important;
}

/* ============================================================
 * FORMS PÚBLICOS V1.4 — COMPACTAÇÃO
 * Apenas Forms 9 e 10
 * ============================================================ */
/* Cards mais compactos */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .form-renderer .card-body {
  padding: 18px 20px !important;
}

/* Menor distância entre os cards/seções */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .form-renderer .card {
  margin-bottom: 14px !important;
}

/* Perguntas */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-question] {
  margin-bottom: 14px !important;
}

/* Última pergunta do bloco não precisa de espaço extra */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-horizontal-blocks] [data-glpi-form-renderer-question]:last-child {
  margin-bottom: 0 !important;
}

/* Título da pergunta mais próximo do campo */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-question] > h3 {
  margin-bottom: 6px !important;
}

/* Inputs e selects com altura compacta */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) :is(input.form-control,
select.form-select,
.form-select) {
  min-height: 38px !important;
  height: 38px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* Textarea continua confortável, mas sem exagero */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) textarea.form-control {
  min-height: 90px !important;
  padding: 8px 10px !important;
}

/* Cabeçalhos das seções mais enxutos */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-section] > .bg-primary {
  padding: 6px 12px !important;
}

/* Aproxima uma seção da seguinte */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-section] {
  margin-bottom: 4px !important;
}

/* ============================================================
 * FORMS PÚBLICOS V1.5 — AJUSTE FINO ENTRE PERGUNTAS
 * ============================================================ */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-question] {
  margin-bottom: 18px !important;
}

#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-horizontal-blocks] [data-glpi-form-renderer-question]:last-child {
  margin-bottom: 0 !important;
}

/* ============================================================
 * FORMS PÚBLICOS V1.6 — CORREÇÃO DO ESPAÇAMENTO ENTRE PERGUNTAS
 * Apenas Forms 9 e 10
 * ============================================================ */
/*
 * Cada linha intermediária recebe espaçamento.
 * Mantemos a última linha sem margem extra.
 */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-horizontal-blocks]:not(:last-of-type) > [data-glpi-form-renderer-question]:last-child {
  margin-bottom: 16px !important;
}

/* Última linha da seção não cria espaço desnecessário */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-horizontal-blocks]:last-of-type > [data-glpi-form-renderer-question]:last-child {
  margin-bottom: 0 !important;
}

/* ============================================================
 * FORMS PÚBLICOS V1.7 — CABEÇALHO MAIS COMPACTO
 * Apenas Forms 9 e 10
 * ============================================================ */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-form-header] {
  padding: 20px 28px 18px !important;
}

/* Logo menor e mais proporcional */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-form-header]::before {
  width: 165px !important;
  height: 46px !important;
  margin-bottom: 12px !important;
}

/* Título um pouco mais enxuto */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-form-header] .form-title {
  margin-bottom: 4px !important;
  font-size: 17px !important;
}

/* Área decorativa lateral mais discreta */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-form-header]::after {
  width: 145px !important;
}

/* Mobile */
@media (max-width: 767.98px) {
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) [data-glpi-form-renderer-form-header] {
    padding: 16px 18px 15px !important;
  }
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) [data-glpi-form-renderer-form-header]::before {
    width: 145px !important;
    height: 40px !important;
    margin-bottom: 10px !important;
  }
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) [data-glpi-form-renderer-form-header] .form-title {
    font-size: 16px !important;
  }
}
/* ============================================================
 * FORMS PÚBLICOS V1.8 — ÁREA FINAL
 * Descrição + Anexos + CAPTCHA + Enviar
 * Apenas Forms 9 e 10
 * ============================================================ */
/* ============================================================
 * EDITOR DE DESCRIÇÃO — TinyMCE
 * ============================================================ */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox.tox-tinymce {
  overflow: hidden;
  border: 1px solid var(--aprendiz-border) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

/* Foco no editor */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox.tox-tinymce:focus-within {
  border-color: var(--aprendiz-blue) !important;
  box-shadow: 0 0 0 2px rgba(20, 155, 232, 0.12) !important;
}

/* Barra do editor */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox .tox-toolbar-overlord,
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox .tox-toolbar__primary {
  background: #f7fafc !important;
}

/* ============================================================
 * ANEXOS
 * ============================================================ */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .fileupload.draghoverable {
  padding: 14px 16px !important;
  color: var(--aprendiz-text) !important;
  background: var(--aprendiz-blue-soft) !important;
  border: 1px dashed var(--aprendiz-blue) !important;
  border-radius: 7px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease !important;
}

/* Hover da área de upload */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .fileupload.draghoverable:hover {
  background: #f3faff !important;
  border-color: var(--aprendiz-blue-2) !important;
  box-shadow: 0 0 0 2px rgba(20, 155, 232, 0.08) !important;
}

/* Título "Arquivo(s) (20 MB)" */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .fileupload.draghoverable > b {
  color: var(--aprendiz-navy) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* Texto "Arraste e solte..." */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .fileupload.draghoverable .b {
  color: var(--aprendiz-muted) !important;
  font-size: 12px !important;
}

/* Campo nativo de seleção de arquivo */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .fileupload.draghoverable input[type=file].form-control {
  height: auto !important;
  min-height: 36px !important;
  margin-top: 8px !important;
  padding: 5px 7px !important;
  color: var(--aprendiz-text) !important;
  background: #ffffff !important;
  border: 1px solid var(--aprendiz-border) !important;
  border-radius: 6px !important;
  font-size: 12px !important;
}

/* Foco no seletor de arquivo */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .fileupload.draghoverable input[type=file].form-control:focus {
  border-color: var(--aprendiz-blue) !important;
  box-shadow: 0 0 0 2px rgba(20, 155, 232, 0.12) !important;
}

/* Barra de progresso */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .fileupload .uploadbar {
  min-height: 4px;
  background: var(--aprendiz-orange) !important;
  border-radius: 4px !important;
}

/* ============================================================
 * CAPTCHA
 * ============================================================ */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-actions]:has(altcha-widget) {
  margin-top: 16px !important;
  margin-bottom: 14px !important;
  padding-top: 14px !important;
  border-top: 1px solid var(--aprendiz-border) !important;
}

/* Host do componente ALTCHA */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) altcha-widget {
  display: block;
  max-width: 100%;
}

/* ============================================================
 * BOTÃO ENVIAR
 * ============================================================ */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-action=submit] {
  min-width: 110px;
  min-height: 38px;
  padding: 7px 18px !important;
  color: #ffffff !important;
  background: var(--aprendiz-orange) !important;
  border: 1px solid var(--aprendiz-orange) !important;
  border-radius: 7px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 5px rgba(255, 100, 29, 0.16) !important;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease !important;
}

/* Ícone acompanha o botão */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-action=submit] i {
  color: #ffffff !important;
}

/* Hover */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-action=submit]:hover:not(:disabled) {
  color: #ffffff !important;
  background: var(--aprendiz-orange-dark) !important;
  border-color: var(--aprendiz-orange-dark) !important;
  box-shadow: 0 3px 8px rgba(255, 100, 29, 0.22) !important;
}

/* Foco por teclado */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-action=submit]:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(255, 100, 29, 0.18) !important;
}

/* Estado desabilitado enquanto o formulário ainda não pode ser enviado */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) [data-glpi-form-renderer-action=submit]:disabled {
  opacity: 0.62 !important;
  cursor: not-allowed !important;
}

/* ============================================================
 * MOBILE
 * ============================================================ */
@media (max-width: 767.98px) {
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) .fileupload.draghoverable {
    padding: 12px !important;
  }
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) [data-glpi-form-renderer-action=submit] {
    width: 100%;
    justify-content: center !important;
  }
}
/* ============================================================
 * FORMS PÚBLICOS V1.9 — SELECT2 COMPACTO
 * Apenas Forms 9 e 10
 * ============================================================ */
/* Caixa do Select2 */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .select2-container .select2-selection--single {
  min-height: 38px !important;
  height: 38px !important;
  border-color: var(--aprendiz-border) !important;
  border-radius: 6px !important;
}

/* Texto da opção selecionada */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 10px !important;
  padding-right: 28px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 36px !important;
  color: var(--aprendiz-text) !important;
}

/* Seta centralizada */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .select2-container .select2-selection--single .select2-selection__arrow {
  height: 36px !important;
}

/* Dropdown é anexado fora do form, então usamos body:has() */
body:has(#forms_form_answers input[name=forms_id][value="9"],
#forms_form_answers input[name=forms_id][value="10"]) .select2-dropdown {
  font-size: 13px !important;
  border-color: var(--aprendiz-border) !important;
}

/* Opções abertas */
body:has(#forms_form_answers input[name=forms_id][value="9"],
#forms_form_answers input[name=forms_id][value="10"]) .select2-results__option {
  padding: 7px 10px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* Opção destacada */
body:has(#forms_form_answers input[name=forms_id][value="9"],
#forms_form_answers input[name=forms_id][value="10"]) .select2-results__option--highlighted {
  color: var(--aprendiz-orange) !important;
  background: var(--aprendiz-blue-soft) !important;
}

/* ============================================================
 * FORMS PÚBLICOS V2.0 — TINYMCE COMPACTO
 * Apenas Forms 9 e 10
 * ============================================================ */
/* Toolbar geral */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox .tox-toolbar__primary {
  min-height: 38px !important;
  padding: 3px 6px !important;
}

/* Grupos de botões */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox .tox-toolbar__group {
  padding: 0 3px !important;
}

/* Botões da toolbar */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox .tox-tbtn {
  width: 30px !important;
  height: 30px !important;
  margin: 1px !important;
  border-radius: 5px !important;
}

/* Botão seletor "Simples" */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox .tox-tbtn--select {
  width: auto !important;
  min-width: 110px !important;
  height: 30px !important;
  padding: 0 8px !important;
}

/* Texto "Simples" */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox .tox-tbtn__select-label {
  font-size: 12px !important;
  line-height: 1.2 !important;
}

/* Ícones */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox .tox-tbtn svg {
  width: 18px !important;
  height: 18px !important;
}

/* Hover no padrão Aprendiz */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox .tox-tbtn:hover {
  color: var(--aprendiz-orange) !important;
  background: var(--aprendiz-blue-soft) !important;
}

/* Botão ativo */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox .tox-tbtn--enabled {
  color: var(--aprendiz-navy) !important;
  background: var(--aprendiz-blue-soft) !important;
}

/* Divisor/barra inferior da toolbar */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox .tox-editor-header {
  box-shadow: 0 1px 0 rgba(6, 36, 75, 0.08) !important;
}

/* ============================================================
 * FORMS PÚBLICOS V2.1 — TINYMCE ULTRACOMPACTO
 * Apenas Forms 9 e 10
 * ============================================================ */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox .tox-toolbar__primary {
  min-height: 32px !important;
  padding: 1px 4px !important;
}

/* Menos espaço entre os grupos */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox .tox-toolbar__group {
  padding: 0 1px !important;
}

/* Botões menores */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox .tox-tbtn {
  width: 26px !important;
  height: 26px !important;
  margin: 0 1px !important;
  padding: 3px !important;
}

/* Campo "Simples" menor */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox .tox-tbtn--select {
  min-width: 92px !important;
  height: 26px !important;
  padding: 0 6px !important;
}

/* Texto do seletor */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox .tox-tbtn__select-label {
  font-size: 11px !important;
}

/* Ícones menores */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox .tox-tbtn svg {
  width: 15px !important;
  height: 15px !important;
}

/* Cabeçalho do editor sem altura extra */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox .tox-editor-header {
  padding: 0 !important;
}

/* TinyMCE — ícones laranja no hover */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox .tox-tbtn:hover {
  color: var(--aprendiz-orange) !important;
  background: var(--aprendiz-blue-soft) !important;
}

#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .tox .tox-tbtn:hover svg {
  color: var(--aprendiz-orange) !important;
  fill: currentColor !important;
}

/* ============================================================
 * FORMS PÚBLICOS V2.2 — MENUS POPUP DO TINYMCE
 * Apenas Forms 9 e 10
 * ============================================================ */
body:has(#forms_form_answers input[name=forms_id][value="9"],
#forms_form_answers input[name=forms_id][value="10"]) .tox .tox-menu {
  border: 1px solid var(--aprendiz-border) !important;
  border-radius: 7px !important;
  box-shadow: 0 6px 18px rgba(6, 36, 75, 0.14) !important;
}

/* Itens do menu */
body:has(#forms_form_answers input[name=forms_id][value="9"],
#forms_form_answers input[name=forms_id][value="10"]) .tox .tox-collection__item {
  min-height: 30px !important;
  padding: 5px 9px !important;
  font-size: 12px !important;
  color: var(--aprendiz-text) !important;
  border-radius: 5px !important;
}

/* Hover / item ativo */
body:has(#forms_form_answers input[name=forms_id][value="9"],
#forms_form_answers input[name=forms_id][value="10"]) .tox .tox-collection__item--active {
  color: var(--aprendiz-orange) !important;
  background: var(--aprendiz-blue-soft) !important;
}

/* Texto acompanha o laranja */
body:has(#forms_form_answers input[name=forms_id][value="9"],
#forms_form_answers input[name=forms_id][value="10"]) .tox .tox-collection__item--active .tox-collection__item-label {
  color: var(--aprendiz-orange) !important;
}

/* Ícones e setas acompanham a cor */
body:has(#forms_form_answers input[name=forms_id][value="9"],
#forms_form_answers input[name=forms_id][value="10"]) .tox .tox-collection__item--active svg {
  color: var(--aprendiz-orange) !important;
  fill: currentColor !important;
}

/* ============================================================
 * FORMS PÚBLICOS V2.3 — MENUS TINYMCE MAIS COMPACTOS
 * Apenas Forms 9 e 10
 * ============================================================ */
body:has(#forms_form_answers input[name=forms_id][value="9"],
#forms_form_answers input[name=forms_id][value="10"]) .tox .tox-collection__item-label {
  font-size: 11px !important;
  line-height: 1.25 !important;
}

/* Itens menores */
body:has(#forms_form_answers input[name=forms_id][value="9"],
#forms_form_answers input[name=forms_id][value="10"]) .tox .tox-collection__item {
  min-height: 26px !important;
  padding: 4px 7px !important;
}

/* Ícones do menu */
body:has(#forms_form_answers input[name=forms_id][value="9"],
#forms_form_answers input[name=forms_id][value="10"]) .tox .tox-collection__item-icon svg {
  width: 15px !important;
  height: 15px !important;
}

/* Seta dos submenus */
body:has(#forms_form_answers input[name=forms_id][value="9"],
#forms_form_answers input[name=forms_id][value="10"]) .tox .tox-collection__item-caret svg {
  width: 14px !important;
  height: 14px !important;
}

/* ============================================================
 * FORMS PÚBLICOS V2.4 — BOTÃO ESCOLHER ARQUIVO
 * Apenas Forms 9 e 10
 * ============================================================ */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .fileupload.draghoverable input[type=file].form-control {
  color: var(--aprendiz-muted) !important;
  font-size: 12px !important;
}

/* Botão nativo "Escolher arquivo" */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .fileupload.draghoverable input[type=file]::file-selector-button {
  margin: -5px 10px -5px -7px !important;
  padding: 7px 12px !important;
  color: var(--aprendiz-orange) !important;
  background: #ffffff !important;
  border: 0 !important;
  border-right: 1px solid var(--aprendiz-border) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: color 0.15s ease, background-color 0.15s ease !important;
}

/* Hover */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .fileupload.draghoverable input[type=file]::file-selector-button:hover {
  color: #ffffff !important;
  background: var(--aprendiz-orange) !important;
}

/* Compatibilidade WebKit */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .fileupload.draghoverable input[type=file]::-webkit-file-upload-button {
  color: var(--aprendiz-orange) !important;
  background: #ffffff !important;
  border: 0 !important;
  border-right: 1px solid var(--aprendiz-border) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

/* ============================================================
 * FORMS PÚBLICOS V2.5 — HOVER BOTÃO DE ARQUIVO
 * Apenas Forms 9 e 10
 * ============================================================ */
/* Hover confiável via input */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .fileupload.draghoverable input[type=file]:hover::file-selector-button {
  color: #ffffff !important;
  background: var(--aprendiz-orange) !important;
}

/* Compatibilidade WebKit / Chromium */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .fileupload.draghoverable input[type=file]:hover::-webkit-file-upload-button {
  color: #ffffff !important;
  background: var(--aprendiz-orange) !important;
}

/* Foco por teclado */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .fileupload.draghoverable input[type=file]:focus::file-selector-button {
  color: #ffffff !important;
  background: var(--aprendiz-orange) !important;
}

/* ============================================================
 * FORMS PÚBLICOS V2.6 — VÍNCULO ACADÊMICO EM GRID
 * Form 9: seção 12
 * Form 10: seção 15
 * ============================================================ */
@media (min-width: 768px) {
  /* Corpo da seção Vínculo acadêmico */
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) :is([data-glpi-form-renderer-section][data-glpi-form-renderer-id="12"],
  [data-glpi-form-renderer-section][data-glpi-form-renderer-id="15"]) > .card > .card-body {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 18px;
    row-gap: 16px;
  }
  /* Descrição da seção, caso exista */
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) :is([data-glpi-form-renderer-section][data-glpi-form-renderer-id="12"],
  [data-glpi-form-renderer-section][data-glpi-form-renderer-id="15"]) > .card > .card-body > .section-description {
    grid-column: 1/-1;
  }
  /* Cada linha do GLPI passa a ocupar uma célula do grid */
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) :is([data-glpi-form-renderer-section][data-glpi-form-renderer-id="12"],
  [data-glpi-form-renderer-section][data-glpi-form-renderer-id="15"]) > .card > .card-body > [data-glpi-form-renderer-horizontal-blocks] {
    display: block !important;
    min-width: 0;
    margin: 0 !important;
  }
  /* Campo visível ocupa toda a largura da sua coluna */
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) :is([data-glpi-form-renderer-section][data-glpi-form-renderer-id="12"],
  [data-glpi-form-renderer-section][data-glpi-form-renderer-id="15"]) [data-glpi-form-renderer-question] {
    width: 100% !important;
    margin-bottom: 0 !important;
  }
  /*
   * Se a pergunta condicional estiver oculta,
   * remove também a célula externa do grid.
   */
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) :is([data-glpi-form-renderer-section][data-glpi-form-renderer-id="12"],
  [data-glpi-form-renderer-section][data-glpi-form-renderer-id="15"]) > .card > .card-body > [data-glpi-form-renderer-horizontal-blocks]:not(:has(> [data-glpi-form-renderer-question]:not([data-glpi-form-renderer-hidden-by-condition]))) {
    display: none !important;
  }
  /* Select2 acompanha 100% da coluna */
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) :is([data-glpi-form-renderer-section][data-glpi-form-renderer-id="12"],
  [data-glpi-form-renderer-section][data-glpi-form-renderer-id="15"]) .select2-container {
    width: 100% !important;
  }
}
/* ============================================================
 * FORMS PÚBLICOS V2.8 — VÍNCULO ACADÊMICO EM 2 COLUNAS
 * ============================================================ */
@media (min-width: 768px) {
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) :is([data-glpi-form-renderer-section][data-glpi-form-renderer-id="12"],
  [data-glpi-form-renderer-section][data-glpi-form-renderer-id="15"]) > .card > .card-body {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 22px !important;
    row-gap: 16px !important;
  }
}
/* ============================================================
 * FORMS PÚBLICOS V2.9 — CAMPOS MAIS LARGOS NO VÍNCULO
 * ============================================================ */
@media (min-width: 768px) {
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) :is([data-glpi-form-renderer-section][data-glpi-form-renderer-id="12"],
  [data-glpi-form-renderer-section][data-glpi-form-renderer-id="15"]) .col-12.col-sm-6 {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) :is([data-glpi-form-renderer-section][data-glpi-form-renderer-id="12"],
  [data-glpi-form-renderer-section][data-glpi-form-renderer-id="15"]) .select2-container {
    width: 100% !important;
    max-width: 100% !important;
  }
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) :is([data-glpi-form-renderer-section][data-glpi-form-renderer-id="12"],
  [data-glpi-form-renderer-section][data-glpi-form-renderer-id="15"]) .form-select {
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* ============================================================
 * FORMS PÚBLICOS V3.2 — SOLICITAÇÃO EM GRID
 *
 * Form 9:
 *   Seção 13
 *   35 = Tipo da solicitação
 *   36 = Qual acesso?
 *   37 = Descrição do problema
 *   38 = Anexos
 *
 * Form 10:
 *   Seção 16
 *   49 = Tipo da solicitação
 *   50 = Qual acesso?
 *   51 = Descrição do problema
 *   52 = Anexos
 * ============================================================ */
@media (min-width: 768px) {
  /* Corpo da seção Solicitação em duas colunas */
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) :is([data-glpi-form-renderer-section][data-glpi-form-renderer-id="13"],
  [data-glpi-form-renderer-section][data-glpi-form-renderer-id="16"]) > .card > .card-body {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 22px !important;
    row-gap: 16px !important;
  }
  /* Cada linha nativa do GLPI vira uma célula do grid */
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) :is([data-glpi-form-renderer-section][data-glpi-form-renderer-id="13"],
  [data-glpi-form-renderer-section][data-glpi-form-renderer-id="16"]) > .card > .card-body > [data-glpi-form-renderer-horizontal-blocks] {
    display: block !important;
    min-width: 0;
    margin: 0 !important;
  }
  /* Perguntas ocupam toda a largura da própria célula */
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) :is([data-glpi-form-renderer-section][data-glpi-form-renderer-id="13"],
  [data-glpi-form-renderer-section][data-glpi-form-renderer-id="16"]) [data-glpi-form-renderer-question] {
    width: 100% !important;
    margin-bottom: 0 !important;
  }
  /* Wrappers internos dos campos curtos */
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) :is([data-glpi-form-renderer-section][data-glpi-form-renderer-id="13"],
  [data-glpi-form-renderer-section][data-glpi-form-renderer-id="16"]) .col-12.col-sm-6 {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  /* Campos curtos usam toda a coluna */
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) :is([data-glpi-form-renderer-section][data-glpi-form-renderer-id="13"],
  [data-glpi-form-renderer-section][data-glpi-form-renderer-id="16"]) :is(.form-select,
  .form-control,
  select,
  .select2-container) {
    width: 100% !important;
    max-width: 100% !important;
  }
  /* ========================================================
   * DESCRIÇÃO + ANEXOS ocupam as duas colunas
   * ======================================================== */
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) :is([data-glpi-form-renderer-section][data-glpi-form-renderer-id="13"],
  [data-glpi-form-renderer-section][data-glpi-form-renderer-id="16"]) > .card > .card-body > [data-glpi-form-renderer-horizontal-blocks]:has(> [data-glpi-form-renderer-id="37"],
  > [data-glpi-form-renderer-id="38"],
  > [data-glpi-form-renderer-id="51"],
  > [data-glpi-form-renderer-id="52"]) {
    grid-column: 1/-1 !important;
  }
  /* Linhas condicionais ocultas não deixam espaço vazio */
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) :is([data-glpi-form-renderer-section][data-glpi-form-renderer-id="13"],
  [data-glpi-form-renderer-section][data-glpi-form-renderer-id="16"]) > .card > .card-body > [data-glpi-form-renderer-horizontal-blocks]:not(:has(> [data-glpi-form-renderer-question]:not([data-glpi-form-renderer-hidden-by-condition]))) {
    display: none !important;
  }
}
/* Mobile: volta para uma coluna */
@media (max-width: 767.98px) {
  #forms_form_answers:has(input[name=forms_id][value="9"],
  input[name=forms_id][value="10"]) :is([data-glpi-form-renderer-section][data-glpi-form-renderer-id="13"],
  [data-glpi-form-renderer-section][data-glpi-form-renderer-id="16"]) > .card > .card-body {
    display: grid !important;
    grid-template-columns: 1fr !important;
    row-gap: 16px !important;
  }
}
/* ============================================================
 * FORMS PÚBLICOS V3.3 — RESTAURA UPLOAD COMPACTO
 * ============================================================ */
#forms_form_answers:has(input[name=forms_id][value="9"],
input[name=forms_id][value="10"]) .fileupload.draghoverable input[type=file].form-control {
  display: block !important;
  width: auto !important;
  max-width: 390px !important;
  margin: 8px auto 0 !important;
  flex: none !important;
}

/* ============================================================
 * LISTA DE CHAMADOS V3.4 — ALINHAMENTO VERTICAL
 * ============================================================ */
/* Cabeçalho */
table.search-results thead th {
  vertical-align: middle !important;
}

/* Conteúdo das linhas */
table.search-results tbody td {
  vertical-align: middle !important;
}

/* Checkbox da primeira coluna */
table.search-results tbody td:first-child {
  vertical-align: middle !important;
}

/* Remove pequenas margens que podem deslocar checkbox */
table.search-results tbody td:first-child .form-check {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  min-height: 100% !important;
}

/* ============================================================
 * CHAMADO — BOTÃO SALVAR PRINCIPAL
 * Central / Technician / Super-Admin
 * ============================================================ */
body:has(#itil-object-container) #itil-footer .form-buttons button[name=update] {
  color: #ffffff !important;
  background: var(--aprendiz-orange) !important;
  border-color: var(--aprendiz-orange) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 5px rgba(255, 100, 29, 0.16) !important;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
}

/* Ícone do disquete */
body:has(#itil-object-container) #itil-footer .form-buttons button[name=update] :is(i, svg) {
  color: #ffffff !important;
  stroke: currentColor !important;
}

/* Hover */
body:has(#itil-object-container) #itil-footer .form-buttons button[name=update]:hover {
  color: #ffffff !important;
  background: var(--aprendiz-orange-dark) !important;
  border-color: var(--aprendiz-orange-dark) !important;
  box-shadow: 0 3px 8px rgba(255, 100, 29, 0.22) !important;
}

/* Foco por teclado */
body:has(#itil-object-container) #itil-footer .form-buttons button[name=update]:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(255, 100, 29, 0.18) !important;
}

/* ============================================================
 * CHAMADO — AÇÕES DO RODAPÉ V2
 * Salvar + menu de três pontos
 * ============================================================ */
/* ------------------------------------------------------------
 * SALVAR — hover mais perceptível
 * ------------------------------------------------------------ */
body:has(#itil-object-container) #itil-footer .form-buttons button[name=update]:hover,
body:has(#itil-object-container) #itil-footer .form-buttons button[name=update]:active {
  color: #ffffff !important;
  background-color: #e95310 !important;
  border-color: #e95310 !important;
  box-shadow: 0 3px 8px rgba(233, 83, 16, 0.24) !important;
}

/* ------------------------------------------------------------
 * MENU DE TRÊS PONTOS — estado normal
 * ------------------------------------------------------------ */
body:has(#itil-object-container) #itil-footer .form-buttons #single-action {
  color: var(--aprendiz-navy) !important;
  background-color: #ffffff !important;
  border-color: var(--aprendiz-border) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease !important;
}

/* Ícone acompanha a cor */
body:has(#itil-object-container) #itil-footer .form-buttons #single-action :is(i, svg) {
  color: inherit !important;
  stroke: currentColor !important;
}

/* Hover */
body:has(#itil-object-container) #itil-footer .form-buttons #single-action:hover {
  color: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-blue-soft) !important;
  border-color: var(--aprendiz-border) !important;
}

/* Menu aberto */
body:has(#itil-object-container) #itil-footer .form-buttons #single-action[aria-expanded=true] {
  color: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-blue-soft) !important;
  border-color: var(--aprendiz-orange) !important;
}

/* Foco por teclado */
body:has(#itil-object-container) #itil-footer .form-buttons #single-action:focus-visible {
  color: var(--aprendiz-orange) !important;
  background-color: var(--aprendiz-blue-soft) !important;
  border-color: var(--aprendiz-orange) !important;
  box-shadow: 0 0 0 2px rgba(255, 100, 29, 0.14) !important;
  outline: none !important;
}

/* ------------------------------------------------------------
 * DROPDOWN DO MENU
 * ------------------------------------------------------------ */
body:has(#itil-object-container) #single-ma-action-menu {
  min-width: 260px;
  padding: 5px !important;
  background: #ffffff !important;
  border: 1px solid var(--aprendiz-border) !important;
  border-radius: 7px !important;
  box-shadow: 0 7px 20px rgba(6, 36, 75, 0.14) !important;
}

/* Itens */
body:has(#itil-object-container) #single-ma-action-menu .dropdown-item {
  padding: 7px 9px !important;
  color: var(--aprendiz-text) !important;
  background: transparent !important;
  border-radius: 5px !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

/* Ícones */
body:has(#itil-object-container) #single-ma-action-menu .dropdown-item :is(i, svg) {
  color: var(--aprendiz-navy) !important;
  stroke: currentColor !important;
}

/* Hover dos itens */
body:has(#itil-object-container) #single-ma-action-menu .dropdown-item:hover,
body:has(#itil-object-container) #single-ma-action-menu .dropdown-item:focus {
  color: var(--aprendiz-orange) !important;
  background: var(--aprendiz-blue-soft) !important;
}

/* Ícone também fica laranja */
body:has(#itil-object-container) #single-ma-action-menu .dropdown-item:hover :is(i, svg),
body:has(#itil-object-container) #single-ma-action-menu .dropdown-item:focus :is(i, svg) {
  color: var(--aprendiz-orange) !important;
}

/* ============================================================
 * CHAMADO — LIXEIRA
 * Normal: branco/vermelho
 * Hover: vermelho/branco
 * ============================================================ */
body:has(#itil-object-container) #itil-footer .form-buttons button[name=delete] {
  color: #dc3545 !important;
  background-color: #ffffff !important;
  border-color: #dc3545 !important;
  box-shadow: none !important;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease !important;
}

/* Ícone vermelho no estado normal */
body:has(#itil-object-container) #itil-footer .form-buttons button[name=delete] :is(i, svg) {
  color: #dc3545 !important;
  stroke: currentColor !important;
}

/* Hover */
body:has(#itil-object-container) #itil-footer .form-buttons button[name=delete]:hover,
body:has(#itil-object-container) #itil-footer .form-buttons button[name=delete]:active {
  color: #ffffff !important;
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
}

/* Ícone branco no hover */
body:has(#itil-object-container) #itil-footer .form-buttons button[name=delete]:hover :is(i, svg),
body:has(#itil-object-container) #itil-footer .form-buttons button[name=delete]:active :is(i, svg) {
  color: #ffffff !important;
  stroke: currentColor !important;
}

/* ============================================================
 * SELF-SERVICE — EDITOR / ANEXOS V1
 * Perfil ativo: Self-Service (id=1)
 * ============================================================ */
/* ------------------------------------------------------------
 * TINYMCE — ESTRUTURA COMPACTA
 * ------------------------------------------------------------ */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .tox.tox-tinymce {
  border-color: var(--aprendiz-border) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .tox.tox-tinymce:focus-within {
  border-color: var(--aprendiz-blue) !important;
  box-shadow: 0 0 0 2px rgba(20, 155, 232, 0.12) !important;
}

/* Cabeçalho / toolbar */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .tox .tox-editor-header {
  padding: 0 !important;
  box-shadow: 0 1px 0 rgba(6, 36, 75, 0.08) !important;
}

body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .tox .tox-toolbar__primary {
  min-height: 34px !important;
  padding: 2px 5px !important;
  background: #f8fafc !important;
}

/* Grupos */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .tox .tox-toolbar__group {
  padding: 0 2px !important;
}

/* Botões comuns */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .tox .tox-tbtn {
  width: 28px !important;
  height: 28px !important;
  margin: 1px !important;
  padding: 4px !important;
  color: var(--aprendiz-navy) !important;
  border-radius: 5px !important;
  transition: color 0.15s ease, background-color 0.15s ease !important;
}

/* Ícones */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .tox .tox-tbtn svg {
  width: 16px !important;
  height: 16px !important;
  fill: currentColor !important;
}

/* Seletor "Simples" */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .tox .tox-tbtn--select {
  width: auto !important;
  min-width: 104px !important;
  height: 28px !important;
  padding: 0 7px !important;
}

/* Texto "Simples" */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .tox .tox-tbtn__select-label {
  color: var(--aprendiz-text) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

/* ------------------------------------------------------------
 * TINYMCE — HOVER / ATIVO / SELECIONADO
 * ------------------------------------------------------------ */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .tox .tox-tbtn:hover {
  color: var(--aprendiz-orange) !important;
  background: var(--aprendiz-blue-soft) !important;
}

body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .tox .tox-tbtn:hover svg {
  color: var(--aprendiz-orange) !important;
  fill: currentColor !important;
}

/* Botão ligado: negrito, itálico etc. */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .tox .tox-tbtn--enabled,
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .tox .tox-tbtn[aria-pressed=true] {
  color: var(--aprendiz-orange) !important;
  background: var(--aprendiz-blue-soft) !important;
}

/* ------------------------------------------------------------
 * MENUS POPUP DO TINYMCE
 * ------------------------------------------------------------ */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .tox .tox-menu {
  padding: 4px !important;
  border: 1px solid var(--aprendiz-border) !important;
  border-radius: 7px !important;
  box-shadow: 0 6px 18px rgba(6, 36, 75, 0.14) !important;
}

body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .tox .tox-collection__item {
  min-height: 28px !important;
  padding: 4px 8px !important;
  color: var(--aprendiz-text) !important;
  border-radius: 5px !important;
}

body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .tox .tox-collection__item-label {
  font-size: 12px !important;
  line-height: 1.25 !important;
}

/* Hover / opção selecionada */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .tox .tox-collection__item--active,
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .tox .tox-collection__item:hover {
  color: var(--aprendiz-orange) !important;
  background: var(--aprendiz-blue-soft) !important;
}

body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .tox .tox-collection__item--active .tox-collection__item-label,
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .tox .tox-collection__item:hover .tox-collection__item-label {
  color: var(--aprendiz-orange) !important;
}

/* ------------------------------------------------------------
 * ÁREA DE ANEXOS
 * ------------------------------------------------------------ */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .fileupload.draghoverable {
  color: var(--aprendiz-text) !important;
  background: rgba(234, 245, 253, 0.45) !important;
  border: 1px dashed var(--aprendiz-border) !important;
  border-radius: 7px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* Todos os textos internos deixam de herdar os antigos 13px */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .fileupload.draghoverable * {
  font-size: 12px !important;
}

/* Título Arquivo(s) */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .fileupload.draghoverable > b {
  color: var(--aprendiz-navy) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* Hover da caixa */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .fileupload.draghoverable:hover {
  background: var(--aprendiz-blue-soft) !important;
  border-color: var(--aprendiz-blue) !important;
}

/* Campo de arquivo */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .fileupload.draghoverable input[type=file].form-control {
  min-height: 36px !important;
  color: var(--aprendiz-muted) !important;
  background: #ffffff !important;
  border-color: var(--aprendiz-border) !important;
  border-radius: 6px !important;
  font-size: 12px !important;
}

/* Botão Escolher arquivos */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .fileupload.draghoverable input[type=file]::file-selector-button {
  color: var(--aprendiz-orange) !important;
  background: #ffffff !important;
  border: 0 !important;
  border-right: 1px solid var(--aprendiz-border) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: color 0.15s ease, background-color 0.15s ease !important;
}

/* Hover do botão nativo */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .fileupload.draghoverable input[type=file]:hover::file-selector-button,
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]) :has(#itil-object-container) .fileupload.draghoverable input[type=file]:focus::file-selector-button {
  color: #ffffff !important;
  background: var(--aprendiz-orange) !important;
}

/* ============================================================
 * SELF-SERVICE — TINYMCE MENUS FLUTUANTES V2
 * Corrige menus renderizados em .tox-tinymce-aux
 * ============================================================ */
/* Caixa dos menus e submenus */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-menu {
  padding: 4px !important;
  background: #ffffff !important;
  border: 1px solid var(--aprendiz-border) !important;
  border-radius: 7px !important;
  box-shadow: 0 7px 20px rgba(6, 36, 75, 0.14) !important;
}

/* Itens dos menus */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-collection__item {
  min-height: 28px !important;
  padding: 5px 9px !important;
  color: var(--aprendiz-text) !important;
  background: transparent !important;
  border-radius: 5px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

/* Texto interno */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-collection__item-label {
  color: inherit !important;
  font-size: 12px !important;
}

/* Hover / foco / opção destacada */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-collection__item:hover,
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-collection__item:focus,
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-collection__item--active {
  color: var(--aprendiz-orange) !important;
  background: var(--aprendiz-blue-soft) !important;
}

/* Texto acompanha a cor no hover/ativo */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-collection__item:hover .tox-collection__item-label,
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-collection__item--active .tox-collection__item-label {
  color: var(--aprendiz-orange) !important;
}

/* Ícones e setas dos submenus */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-collection__item :is(.tox-collection__item-icon,
.tox-collection__item-caret) {
  color: var(--aprendiz-navy) !important;
}

body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-collection__item:hover :is(.tox-collection__item-icon,
.tox-collection__item-caret),
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-collection__item--active :is(.tox-collection__item-icon,
.tox-collection__item-caret) {
  color: var(--aprendiz-orange) !important;
}

/* SVGs acompanham a cor */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-collection__item svg {
  width: 15px !important;
  height: 15px !important;
  color: inherit !important;
  fill: currentColor !important;
}

/* ============================================================
 * SELF-SERVICE — TINYMCE MENUS FLUTUANTES V3
 * Cor dos conteúdos internos no hover / seleção
 * Títulos + Fonte + Parágrafo + demais submenus
 * ============================================================ */
/* Hover — força todo conteúdo textual interno para laranja */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-collection__item:hover .tox-collection__item-label,
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-collection__item:hover .tox-collection__item-label * {
  color: var(--aprendiz-orange) !important;
}

/* Item destacado pelo TinyMCE */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-collection__item--active .tox-collection__item-label,
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-collection__item--active .tox-collection__item-label * {
  color: var(--aprendiz-orange) !important;
}

/* Outras formas usadas pelo TinyMCE para opção selecionada */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-collection__item[aria-selected=true],
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-collection__item[aria-checked=true] {
  color: var(--aprendiz-orange) !important;
  background: var(--aprendiz-blue-soft) !important;
}

/* Conteúdo interno das opções selecionadas */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-collection__item[aria-selected=true] .tox-collection__item-label *,
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-collection__item[aria-checked=true] .tox-collection__item-label * {
  color: var(--aprendiz-orange) !important;
}

/* ============================================================
 * SELF-SERVICE — TINYMCE MENU "MAIS" V2
 * Restaura geometria nativa dos SVGs
 * ============================================================ */
/* Não força tamanho nem geometria dos ícones */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-toolbar__overflow .tox-tbtn svg {
  width: auto !important;
  height: auto !important;
  color: inherit !important;
  fill: var(--aprendiz-navy) !important;
}

/* Hover */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-toolbar__overflow .tox-tbtn:hover svg {
  fill: var(--aprendiz-orange) !important;
}

/* Ativo / selecionado / foco */
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-toolbar__overflow .tox-tbtn--active svg,
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-toolbar__overflow .tox-tbtn--enabled svg,
body:has(form[action="/Session/ChangeProfile"] > button.dropdown-item.active ~ input[name=id][value="1"]):has(#itil-object-container) .tox-tinymce-aux .tox-toolbar__overflow .tox-tbtn:focus svg {
  fill: var(--aprendiz-orange) !important;
}

/* ============================================================
 * CHAMADO — SCROLLBARS + NAVEGAÇÃO DO TOPO V1
 * Aplicado a todos os perfis na tela de chamado
 * ============================================================ */
/* ------------------------------------------------------------
 * SCROLLBARS — TIMELINE E PAINEL DIREITO
 * Firefox
 * ------------------------------------------------------------ */
body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
.itil-right-side) {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(6, 36, 75, 0.5) rgba(234, 245, 253, 0.55) !important;
}

/* ------------------------------------------------------------
 * SCROLLBARS — CHROMIUM / EDGE / SAFARI
 * ------------------------------------------------------------ */
body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
.itil-right-side)::-webkit-scrollbar {
  width: 7px !important;
  height: 7px !important;
}

/* Trilho */
body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
.itil-right-side)::-webkit-scrollbar-track {
  background: rgba(234, 245, 253, 0.55) !important;
  border-radius: 10px !important;
}

/* Indicador */
body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
.itil-right-side)::-webkit-scrollbar-thumb {
  background: rgba(6, 36, 75, 0.5) !important;
  border: 2px solid transparent !important;
  background-clip: padding-box !important;
  border-radius: 10px !important;
}

/* Hover do indicador */
body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
.itil-right-side)::-webkit-scrollbar-thumb:hover {
  background: var(--aprendiz-blue) !important;
  background-clip: padding-box !important;
}

/* ------------------------------------------------------------
 * NAVEGAÇÃO DO TOPO — CONTADOR
 * Ex.: 1/13
 * ------------------------------------------------------------ */
body:has(#itil-object-container) .navigationheader .pagination-right > span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  padding: 0 8px !important;
  color: var(--aprendiz-muted) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

/* ------------------------------------------------------------
 * PRÓXIMO / ÚLTIMO
 * ------------------------------------------------------------ */
body:has(#itil-object-container) .navigationheader .pagination-right > a.btn {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--aprendiz-navy) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease !important;
}

/* Ícones */
body:has(#itil-object-container) .navigationheader .pagination-right > a.btn i {
  color: inherit !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

/* Hover */
body:has(#itil-object-container) .navigationheader .pagination-right > a.btn:hover {
  color: var(--aprendiz-orange) !important;
  background: var(--aprendiz-blue-soft) !important;
  border-color: var(--aprendiz-border) !important;
}

/* Foco por teclado */
body:has(#itil-object-container) .navigationheader .pagination-right > a.btn:focus-visible {
  color: var(--aprendiz-orange) !important;
  background: var(--aprendiz-blue-soft) !important;
  border-color: var(--aprendiz-orange) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(255, 100, 29, 0.14) !important;
}

/* Menos espaço entre próximo e último */
body:has(#itil-object-container) .navigationheader .pagination-right > a.btn.ms-2 {
  margin-left: 4px !important;
}

/* ============================================================
 * CHAMADO — SCROLLBAR + BOTÃO LISTA V2
 * ============================================================ */
/* ------------------------------------------------------------
 * SCROLLBAR — MAIS LEVE
 * Firefox
 * ------------------------------------------------------------ */
body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
.itil-right-side) {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(6, 36, 75, 0.28) transparent !important;
}

/* Chromium / Edge / Safari */
body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
.itil-right-side)::-webkit-scrollbar {
  width: 7px !important;
  height: 7px !important;
}

/* Remove as setinhas das extremidades */
body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
.itil-right-side)::-webkit-scrollbar-button {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* Trilho praticamente invisível */
body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
.itil-right-side)::-webkit-scrollbar-track {
  background: transparent !important;
}

/* Indicador */
body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
.itil-right-side)::-webkit-scrollbar-thumb {
  background: rgba(6, 36, 75, 0.28) !important;
  border: 2px solid transparent !important;
  background-clip: padding-box !important;
  border-radius: 999px !important;
}

/* Hover */
body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
.itil-right-side)::-webkit-scrollbar-thumb:hover {
  background: var(--aprendiz-blue) !important;
  background-clip: padding-box !important;
}

/* Canto da scrollbar */
body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
.itil-right-side)::-webkit-scrollbar-corner {
  background: transparent !important;
}

/* ------------------------------------------------------------
 * BOTÃO LISTA — TOPO DO CHAMADO
 * ------------------------------------------------------------ */
body:has(#itil-object-container) #navigationheader .pagination-left > a.btn:has(i.ti-list-search) {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--aprendiz-navy) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease !important;
}

/* Ícone */
body:has(#itil-object-container) #navigationheader .pagination-left > a.btn:has(i.ti-list-search) i {
  color: inherit !important;
  font-size: 18px !important;
}

/* Hover */
body:has(#itil-object-container) #navigationheader .pagination-left > a.btn:has(i.ti-list-search):hover {
  color: var(--aprendiz-orange) !important;
  background: var(--aprendiz-blue-soft) !important;
  border-color: var(--aprendiz-border) !important;
}

/* Foco / clique */
body:has(#itil-object-container) #navigationheader .pagination-left > a.btn:has(i.ti-list-search):focus,
body:has(#itil-object-container) #navigationheader .pagination-left > a.btn:has(i.ti-list-search):active {
  color: var(--aprendiz-orange) !important;
  background: var(--aprendiz-blue-soft) !important;
  border-color: var(--aprendiz-orange) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ============================================================
 * CHAMADO — SCROLLBAR V3
 * Chrome / Edge / WebKit
 * ============================================================ */
@supports selector(::-webkit-scrollbar) {
  /* Permite que o estilo WebKit assuma o controle */
  body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
  .itil-right-side) {
    scrollbar-width: auto !important;
    scrollbar-color: auto !important;
  }
  /* Barra fina */
  body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
  .itil-right-side)::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
  }
  /* Remove totalmente as setas */
  body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
  .itil-right-side)::-webkit-scrollbar-button {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  /* Trilho invisível */
  body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
  .itil-right-side)::-webkit-scrollbar-track {
    background: transparent !important;
  }
  /* Indicador discreto */
  body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
  .itil-right-side)::-webkit-scrollbar-thumb {
    background-color: rgba(6, 36, 75, 0.28) !important;
    border: 2px solid transparent !important;
    background-clip: content-box !important;
    border-radius: 999px !important;
  }
  /* Hover */
  body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
  .itil-right-side)::-webkit-scrollbar-thumb:hover {
    background-color: var(--aprendiz-blue) !important;
  }
}
/* ============================================================
 * CHAMADO — SCROLLBAR V4
 * Hover laranja no padrão Aprendiz
 * ============================================================ */
@supports selector(::-webkit-scrollbar) {
  body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
  .itil-right-side)::-webkit-scrollbar-thumb:hover {
    background-color: var(--aprendiz-orange) !important;
  }
}
/* ============================================================
 * CHAMADO — SCROLLBAR V5
 * Laranja Aprendiz + restaura setas
 * ============================================================ */
@supports selector(::-webkit-scrollbar) {
  /* Indicador da rolagem */
  body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
  .itil-right-side)::-webkit-scrollbar-thumb {
    background-color: #ff641d !important;
    border: 2px solid transparent !important;
    background-clip: content-box !important;
    border-radius: 999px !important;
  }
  /* Hover — mesmo laranja do botão Imprimir OS */
  body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
  .itil-right-side)::-webkit-scrollbar-thumb:hover {
    background-color: #ff641d !important;
  }
  /* Restaura os botões/setas da scrollbar */
  body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
  .itil-right-side)::-webkit-scrollbar-button {
    display: block !important;
    width: 8px !important;
    height: 8px !important;
  }
}
/* ============================================================
 * CHAMADO — SCROLLBAR V5 CORRETO
 * Normal navy suave / hover laranja Aprendiz
 * ============================================================ */
@supports selector(::-webkit-scrollbar) {
  /* Estado normal */
  body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
  .itil-right-side)::-webkit-scrollbar-thumb {
    background-color: rgba(6, 36, 75, 0.28) !important;
    border: 2px solid transparent !important;
    background-clip: content-box !important;
    border-radius: 999px !important;
  }
  /* Somente ao passar o mouse */
  body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
  .itil-right-side)::-webkit-scrollbar-thumb:hover {
    background-color: #ff641d !important;
  }
  /* Restaura área dos botões/setas */
  body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
  .itil-right-side)::-webkit-scrollbar-button {
    display: block !important;
    width: 8px !important;
    height: 8px !important;
  }
}
/* CHAMADO — SCROLLBAR V6
 * Hover laranja claro
 */
@supports selector(::-webkit-scrollbar) {
  body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
  .itil-right-side)::-webkit-scrollbar-thumb:hover {
    background-color: #ff7a3d !important;
  }
}
/* ============================================================
 * CHAMADO — SCROLLBAR V7
 * Hover sólido exatamente igual ao botão Imprimir OS
 * ============================================================ */
@supports selector(::-webkit-scrollbar) {
  body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
  .itil-right-side)::-webkit-scrollbar-thumb:hover {
    background: #ff641d !important;
    background-color: #ff641d !important;
    background-clip: border-box !important;
    border: 0 !important;
    opacity: 1 !important;
    box-shadow: inset 0 0 0 999px #ff641d !important;
  }
}
/* ============================================================
 * CHAMADO — SCROLLBAR V8
 * Mantém a mesma espessura no hover
 * ============================================================ */
@supports selector(::-webkit-scrollbar) {
  body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
  .itil-right-side)::-webkit-scrollbar-thumb:hover {
    background: #ff641d !important;
    background-color: #ff641d !important;
    border: 2px solid transparent !important;
    background-clip: content-box !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    opacity: 1 !important;
  }
}
/* ============================================================
 * CHAMADO — SCROLLBAR V9
 * Restaura setas superior e inferior
 * ============================================================ */
@supports selector(::-webkit-scrollbar) {
  /* Área dos botões */
  body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
  .itil-right-side)::-webkit-scrollbar-button:single-button {
    display: block !important;
    width: 8px !important;
    height: 10px !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 7px 7px !important;
  }
  /* Seta para cima */
  body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
  .itil-right-side)::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 5.5L4 3l2.5 2.5' fill='none' stroke='%2306244b' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  }
  /* Seta para baixo */
  body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
  .itil-right-side)::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 2.5L4 5l2.5-2.5' fill='none' stroke='%2306244b' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  }
  /* Hover — laranja Aprendiz */
  body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
  .itil-right-side)::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 5.5L4 3l2.5 2.5' fill='none' stroke='%23ff641d' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  }
  body:has(#itil-object-container) #itil-object-container :is(.itil-left-side,
  .itil-right-side)::-webkit-scrollbar-button:single-button:vertical:increment:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 2.5L4 5l2.5-2.5' fill='none' stroke='%23ff641d' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  }
}
/* ============================================================
 * CHAMADO — ESTATÍSTICAS V1
 * Timeline de datas + tabela de tempos
 * ============================================================ */
/* ---------- Estrutura geral ---------- */
body:has(#itil-object-container) #itil-object-container .dates_timelines {
  width: 100%;
  max-width: 860px;
  margin: 0 auto 16px auto;
  color: var(--aprendiz-text, #14263d);
}

/* ============================================================
 * TIMELINE — DATAS
 * ============================================================ */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) h2.header {
  margin: 0 0 8px 0 !important;
  padding: 0 0 8px 0 !important;
  background: transparent !important;
  border-bottom: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

/* Linha vertical */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) ul {
  position: relative;
  margin: 0 !important;
  padding: 4px 0 !important;
  list-style: none !important;
}

body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) ul::before {
  top: 15px !important;
  bottom: 15px !important;
  left: 132px !important;
  width: 2px !important;
  background-color: var(--aprendiz-border, #c9d9e8) !important;
}

/* Cada evento */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 24px !important;
  margin: 14px 0 !important;
  padding: 0 8px 0 158px !important;
  color: var(--aprendiz-text, #14263d);
}

/* Data / horário */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li time {
  position: absolute !important;
  left: 0 !important;
  width: 112px !important;
  height: auto !important;
  text-align: right !important;
  color: var(--aprendiz-muted, #66788e) !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  font-variant-numeric: tabular-nums;
}

/* Texto do evento */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li label {
  position: static !important;
  margin: 0 !important;
  color: var(--aprendiz-text, #14263d) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  text-align: left !important;
}

/* Marcadores */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li .dot {
  position: absolute !important;
  left: 126px !important;
  width: 12px !important;
  height: 12px !important;
  box-sizing: border-box !important;
  border: 2px solid var(--aprendiz-navy, #06244b) !important;
  border-radius: 50% !important;
  background: #fff !important;
  line-height: 8px !important;
}

/* Marcadores concluídos */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.checked:not(.now):not(.passed) .dot {
  border-color: var(--aprendiz-navy, #06244b) !important;
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
}

body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.checked:not(.now):not(.passed) .dot::before {
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 7px !important;
}

/* Abertura */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.creation .dot {
  left: 125px !important;
  width: 14px !important;
  height: 14px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 11px !important;
  line-height: 14px !important;
}

body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.creation .dot::before {
  color: var(--aprendiz-navy, #06244b) !important;
}

/* Fechamento */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.end .dot {
  left: 125px !important;
  width: 14px !important;
  height: 14px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 11px !important;
  line-height: 14px !important;
}

body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.end .dot::before {
  color: var(--aprendiz-navy, #06244b) !important;
}

/* ---------- AGORA — destaque Aprendiz ---------- */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.now {
  color: var(--aprendiz-orange, #ff641d) !important;
}

body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.now time,
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.now label {
  color: var(--aprendiz-orange, #ff641d) !important;
  font-weight: 700 !important;
}

body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.now .dot {
  border-color: var(--aprendiz-orange, #ff641d) !important;
  background: var(--aprendiz-orange, #ff641d) !important;
  box-shadow: 0 0 0 3px rgba(255, 100, 29, 0.12) !important;
}

/* ---------- SLA / prazo ultrapassado ----------
 * Mantemos vermelho para não perder significado operacional.
 */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.passed time,
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.passed label {
  color: #c93434 !important;
}

body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.passed .dot {
  border-color: #c93434 !important;
  color: #c93434 !important;
}

body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.passed .dot::before {
  color: #c93434 !important;
}

/* ============================================================
 * TABELA — TEMPOS
 * ============================================================ */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> table.tab_cadre_fixe) {
  margin-top: 18px !important;
}

/* Tabela */
body:has(#itil-object-container) #itil-object-container .dates_timelines table.tab_cadre_fixe {
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  border-spacing: 0 !important;
  border-collapse: separate !important;
  border-radius: 8px !important;
  background: #fff !important;
  overflow: hidden !important;
}

/* Título "Tempos" */
body:has(#itil-object-container) #itil-object-container .dates_timelines table.tab_cadre_fixe th {
  padding: 8px 10px !important;
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

/* Linhas */
body:has(#itil-object-container) #itil-object-container .dates_timelines table.tab_cadre_fixe td {
  padding: 7px 10px !important;
  background: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid #e5edf5 !important;
  color: var(--aprendiz-text, #14263d) !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

body:has(#itil-object-container) #itil-object-container .dates_timelines table.tab_cadre_fixe tr:last-child td {
  border-bottom: 0 !important;
}

/* Nome da métrica */
body:has(#itil-object-container) #itil-object-container .dates_timelines table.tab_cadre_fixe td:first-child {
  width: 42%;
  color: var(--aprendiz-navy, #06244b) !important;
  font-weight: 600 !important;
}

/* Valor */
body:has(#itil-object-container) #itil-object-container .dates_timelines table.tab_cadre_fixe td:last-child {
  color: var(--aprendiz-muted, #66788e) !important;
  font-variant-numeric: tabular-nums;
}

/* ============================================================
 * RESPONSIVO
 * ============================================================ */
@media (max-width: 760px) {
  body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) ul::before {
    left: 8px !important;
  }
  body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li {
    display: block !important;
    min-height: 38px !important;
    margin: 12px 0 !important;
    padding: 0 6px 0 30px !important;
  }
  body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li time {
    position: static !important;
    display: block !important;
    width: auto !important;
    margin-bottom: 2px !important;
    text-align: left !important;
  }
  body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li label {
    display: block !important;
  }
  body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li .dot,
  body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.creation .dot,
  body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.end .dot {
    top: 5px !important;
    left: 2px !important;
  }
}
/* ============================================================
 * CHAMADO — ESTATÍSTICAS V1
 * Timeline de datas + tabela de tempos
 * ============================================================ */
/* ---------- Estrutura geral ---------- */
body:has(#itil-object-container) #itil-object-container .dates_timelines {
  width: 100%;
  max-width: 860px;
  margin: 0 auto 16px auto;
  color: var(--aprendiz-text, #14263d);
}

/* ============================================================
 * TIMELINE — DATAS
 * ============================================================ */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) h2.header {
  margin: 0 0 8px 0 !important;
  padding: 0 0 8px 0 !important;
  background: transparent !important;
  border-bottom: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

/* Linha vertical */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) ul {
  position: relative;
  margin: 0 !important;
  padding: 4px 0 !important;
  list-style: none !important;
}

body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) ul::before {
  top: 15px !important;
  bottom: 15px !important;
  left: 132px !important;
  width: 2px !important;
  background-color: var(--aprendiz-border, #c9d9e8) !important;
}

/* Cada evento */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 24px !important;
  margin: 14px 0 !important;
  padding: 0 8px 0 158px !important;
  color: var(--aprendiz-text, #14263d);
}

/* Data / horário */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li time {
  position: absolute !important;
  left: 0 !important;
  width: 112px !important;
  height: auto !important;
  text-align: right !important;
  color: var(--aprendiz-muted, #66788e) !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  font-variant-numeric: tabular-nums;
}

/* Texto do evento */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li label {
  position: static !important;
  margin: 0 !important;
  color: var(--aprendiz-text, #14263d) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  text-align: left !important;
}

/* Marcadores */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li .dot {
  position: absolute !important;
  left: 126px !important;
  width: 12px !important;
  height: 12px !important;
  box-sizing: border-box !important;
  border: 2px solid var(--aprendiz-navy, #06244b) !important;
  border-radius: 50% !important;
  background: #fff !important;
  line-height: 8px !important;
}

/* Marcadores concluídos */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.checked:not(.now):not(.passed) .dot {
  border-color: var(--aprendiz-navy, #06244b) !important;
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
}

body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.checked:not(.now):not(.passed) .dot::before {
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 7px !important;
}

/* Abertura */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.creation .dot {
  left: 125px !important;
  width: 14px !important;
  height: 14px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 11px !important;
  line-height: 14px !important;
}

body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.creation .dot::before {
  color: var(--aprendiz-navy, #06244b) !important;
}

/* Fechamento */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.end .dot {
  left: 125px !important;
  width: 14px !important;
  height: 14px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 11px !important;
  line-height: 14px !important;
}

body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.end .dot::before {
  color: var(--aprendiz-navy, #06244b) !important;
}

/* ---------- AGORA — destaque Aprendiz ---------- */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.now {
  color: var(--aprendiz-orange, #ff641d) !important;
}

body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.now time,
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.now label {
  color: var(--aprendiz-orange, #ff641d) !important;
  font-weight: 700 !important;
}

body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.now .dot {
  border-color: var(--aprendiz-orange, #ff641d) !important;
  background: var(--aprendiz-orange, #ff641d) !important;
  box-shadow: 0 0 0 3px rgba(255, 100, 29, 0.12) !important;
}

/* ---------- SLA / prazo ultrapassado ----------
 * Mantemos vermelho para não perder significado operacional.
 */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.passed time,
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.passed label {
  color: #c93434 !important;
}

body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.passed .dot {
  border-color: #c93434 !important;
  color: #c93434 !important;
}

body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.passed .dot::before {
  color: #c93434 !important;
}

/* ============================================================
 * TABELA — TEMPOS
 * ============================================================ */
body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> table.tab_cadre_fixe) {
  margin-top: 18px !important;
}

/* Tabela */
body:has(#itil-object-container) #itil-object-container .dates_timelines table.tab_cadre_fixe {
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  border-spacing: 0 !important;
  border-collapse: separate !important;
  border-radius: 8px !important;
  background: #fff !important;
  overflow: hidden !important;
}

/* Título "Tempos" */
body:has(#itil-object-container) #itil-object-container .dates_timelines table.tab_cadre_fixe th {
  padding: 8px 10px !important;
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

/* Linhas */
body:has(#itil-object-container) #itil-object-container .dates_timelines table.tab_cadre_fixe td {
  padding: 7px 10px !important;
  background: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid #e5edf5 !important;
  color: var(--aprendiz-text, #14263d) !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

body:has(#itil-object-container) #itil-object-container .dates_timelines table.tab_cadre_fixe tr:last-child td {
  border-bottom: 0 !important;
}

/* Nome da métrica */
body:has(#itil-object-container) #itil-object-container .dates_timelines table.tab_cadre_fixe td:first-child {
  width: 42%;
  color: var(--aprendiz-navy, #06244b) !important;
  font-weight: 600 !important;
}

/* Valor */
body:has(#itil-object-container) #itil-object-container .dates_timelines table.tab_cadre_fixe td:last-child {
  color: var(--aprendiz-muted, #66788e) !important;
  font-variant-numeric: tabular-nums;
}

/* ============================================================
 * RESPONSIVO
 * ============================================================ */
@media (max-width: 760px) {
  body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) ul::before {
    left: 8px !important;
  }
  body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li {
    display: block !important;
    min-height: 38px !important;
    margin: 12px 0 !important;
    padding: 0 6px 0 30px !important;
  }
  body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li time {
    position: static !important;
    display: block !important;
    width: auto !important;
    margin-bottom: 2px !important;
    text-align: left !important;
  }
  body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li label {
    display: block !important;
  }
  body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li .dot,
  body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.creation .dot,
  body:has(#itil-object-container) #itil-object-container .dates_timelines:has(> ul) li.end .dot {
    top: 5px !important;
    left: 2px !important;
  }
}
/* ============================================================
 * CHAMADO — ESTATÍSTICAS V2
 * Correção de escopo: aba Estatísticas não usa
 * #itil-object-container no conteúdo carregado.
 * ============================================================ */
/* Container */
body:has(.dates_timelines) .dates_timelines {
  width: 100% !important;
  max-width: 860px !important;
  margin: 0 auto 18px auto !important;
  color: var(--aprendiz-text, #14263d) !important;
}

/* Título DATAS */
body:has(.dates_timelines) .dates_timelines > h2.header {
  margin: 0 0 12px 0 !important;
  padding: 0 0 9px 0 !important;
  background: transparent !important;
  border-bottom: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* Timeline */
body:has(.dates_timelines) .dates_timelines > ul {
  position: relative !important;
  margin: 0 !important;
  padding: 4px 0 !important;
}

body:has(.dates_timelines) .dates_timelines > ul::before {
  top: 15px !important;
  bottom: 15px !important;
  left: 132px !important;
  width: 2px !important;
  background: var(--aprendiz-border, #c9d9e8) !important;
}

/* Eventos */
body:has(.dates_timelines) .dates_timelines > ul > li {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 24px !important;
  margin: 14px 0 !important;
  padding: 0 8px 0 158px !important;
}

/* Horário */
body:has(.dates_timelines) .dates_timelines > ul > li > time {
  position: absolute !important;
  left: 0 !important;
  width: 112px !important;
  height: auto !important;
  text-align: right !important;
  color: var(--aprendiz-muted, #66788e) !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
}

/* Descrição */
body:has(.dates_timelines) .dates_timelines > ul > li > label {
  position: static !important;
  margin: 0 !important;
  color: var(--aprendiz-text, #14263d) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-align: left !important;
}

/* Linha / marcadores */
body:has(.dates_timelines) .dates_timelines > ul > li > .dot {
  position: absolute !important;
  left: 126px !important;
  width: 12px !important;
  height: 12px !important;
  box-sizing: border-box !important;
  border: 2px solid var(--aprendiz-navy, #06244b) !important;
  border-radius: 50% !important;
  background: #fff !important;
  line-height: 8px !important;
}

/* Evento concluído */
body:has(.dates_timelines) .dates_timelines > ul > li.checked:not(.now):not(.passed) > .dot {
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
  border-color: var(--aprendiz-navy, #06244b) !important;
}

body:has(.dates_timelines) .dates_timelines > ul > li.checked:not(.now):not(.passed) > .dot::before {
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 7px !important;
}

/* Abertura */
body:has(.dates_timelines) .dates_timelines > ul > li.creation > .dot {
  left: 125px !important;
  width: 14px !important;
  height: 14px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 11px !important;
  line-height: 14px !important;
}

body:has(.dates_timelines) .dates_timelines > ul > li.creation > .dot::before {
  color: var(--aprendiz-navy, #06244b) !important;
}

/* AGORA — laranja Aprendiz */
body:has(.dates_timelines) .dates_timelines > ul > li.now,
body:has(.dates_timelines) .dates_timelines > ul > li.now > time,
body:has(.dates_timelines) .dates_timelines > ul > li.now > label {
  color: var(--aprendiz-orange, #ff641d) !important;
  font-weight: 700 !important;
}

body:has(.dates_timelines) .dates_timelines > ul > li.now > .dot {
  background: var(--aprendiz-orange, #ff641d) !important;
  border-color: var(--aprendiz-orange, #ff641d) !important;
  box-shadow: 0 0 0 3px rgba(255, 100, 29, 0.12) !important;
}

/* SLA vencido continua vermelho */
body:has(.dates_timelines) .dates_timelines > ul > li.passed > time,
body:has(.dates_timelines) .dates_timelines > ul > li.passed > label {
  color: #c93434 !important;
}

body:has(.dates_timelines) .dates_timelines > ul > li.passed > .dot {
  border-color: #c93434 !important;
  color: #c93434 !important;
}

/* ============================================================
 * TEMPOS
 * ============================================================ */
body:has(.dates_timelines) .dates_timelines > table.tab_cadre_fixe {
  width: 100% !important;
  margin: 8px 0 0 0 !important;
  border: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  border-spacing: 0 !important;
  border-collapse: separate !important;
  border-radius: 8px !important;
  background: #fff !important;
  overflow: hidden !important;
}

/* Cabeçalho Tempos */
body:has(.dates_timelines) .dates_timelines > table.tab_cadre_fixe th {
  padding: 8px 10px !important;
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-align: left !important;
}

/* Células */
body:has(.dates_timelines) .dates_timelines > table.tab_cadre_fixe td {
  padding: 7px 10px !important;
  background: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid #e5edf5 !important;
  color: var(--aprendiz-text, #14263d) !important;
  font-size: 12px !important;
}

body:has(.dates_timelines) .dates_timelines > table.tab_cadre_fixe tr:last-child td {
  border-bottom: 0 !important;
}

body:has(.dates_timelines) .dates_timelines > table.tab_cadre_fixe td:first-child {
  width: 42% !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-weight: 600 !important;
}

body:has(.dates_timelines) .dates_timelines > table.tab_cadre_fixe td:last-child {
  color: var(--aprendiz-muted, #66788e) !important;
}

/* Responsivo */
@media (max-width: 760px) {
  body:has(.dates_timelines) .dates_timelines > ul::before {
    left: 8px !important;
  }
  body:has(.dates_timelines) .dates_timelines > ul > li {
    display: block !important;
    min-height: 38px !important;
    padding-left: 30px !important;
  }
  body:has(.dates_timelines) .dates_timelines > ul > li > time {
    position: static !important;
    display: block !important;
    width: auto !important;
    margin-bottom: 2px !important;
    text-align: left !important;
  }
  body:has(.dates_timelines) .dates_timelines > ul > li > .dot,
  body:has(.dates_timelines) .dates_timelines > ul > li.creation > .dot {
    top: 5px !important;
    left: 2px !important;
  }
}
/* ============================================================
 * CHAMADO — ESTATÍSTICAS V3
 * Bloco Tempos mais compacto e próximo da timeline
 * ============================================================ */
body:has(.dates_timelines) .dates_timelines > table.tab_cadre_fixe {
  width: 620px !important;
  max-width: 100% !important;
  margin: 10px 0 0 0 !important;
}

body:has(.dates_timelines) .dates_timelines > table.tab_cadre_fixe th {
  padding: 7px 10px !important;
}

body:has(.dates_timelines) .dates_timelines > table.tab_cadre_fixe td {
  padding: 6px 10px !important;
}

/* ============================================================
 * CHAMADO — BASE DE CONHECIMENTO V1
 * Estado sem resultados
 * ============================================================ */
.search-card:has(#search_knowbaseitem_form) > .alert.alert-info {
  margin: 0 !important;
  padding: 10px 12px !important;
  background: #f8fbfe !important;
  border: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  border-radius: 8px !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

/* ============================================================
 * CHAMADO — APROVAÇÃO DA SOLUÇÃO V1
 * Botões Recusar / Aprovar
 * ============================================================ */
/* Base comum */
body:has(#itil-object-container) .timeline-content form .card-footer button[name=add_reopen],
body:has(#itil-object-container) .timeline-content form .card-footer button[name=add_close] {
  min-height: 34px !important;
  padding: 6px 13px !important;
  border-radius: 8px !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
}

/* Ícones */
body:has(#itil-object-container) .timeline-content form .card-footer button[name=add_reopen] i,
body:has(#itil-object-container) .timeline-content form .card-footer button[name=add_close] i {
  font-size: 15px !important;
}

/* ============================================================
 * RECUSAR
 * Branco + vermelho
 * ============================================================ */
body:has(#itil-object-container) .timeline-content form .card-footer button[name=add_reopen] {
  background: #fff !important;
  border: 1px solid #dc3545 !important;
  color: #dc3545 !important;
}

body:has(#itil-object-container) .timeline-content form .card-footer button[name=add_reopen]:hover {
  background: #fff1f2 !important;
  border-color: #c82333 !important;
  color: #c82333 !important;
}

body:has(#itil-object-container) .timeline-content form .card-footer button[name=add_reopen]:focus,
body:has(#itil-object-container) .timeline-content form .card-footer button[name=add_reopen]:focus-visible {
  background: #fff1f2 !important;
  border-color: #c82333 !important;
  color: #c82333 !important;
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.12) !important;
}

/* ============================================================
 * APROVAR
 * Verde sólido + branco
 * ============================================================ */
body:has(#itil-object-container) .timeline-content form .card-footer button[name=add_close] {
  background: #20a65a !important;
  border: 1px solid #20a65a !important;
  color: #fff !important;
}

body:has(#itil-object-container) .timeline-content form .card-footer button[name=add_close]:hover {
  background: #198c4b !important;
  border-color: #198c4b !important;
  color: #fff !important;
}

body:has(#itil-object-container) .timeline-content form .card-footer button[name=add_close]:focus,
body:has(#itil-object-container) .timeline-content form .card-footer button[name=add_close]:focus-visible {
  background: #198c4b !important;
  border-color: #198c4b !important;
  color: #fff !important;
  box-shadow: 0 0 0 3px rgba(32, 166, 90, 0.14) !important;
}

/* ============================================================
 * CHAMADO — APROVAÇÃO DA SOLUÇÃO V2
 * Mantém outline original; compacta tamanho e tipografia
 * ============================================================ */
/* Base */
body:has(#itil-object-container) .timeline-content .card-footer button[name=add_reopen],
body:has(#itil-object-container) .timeline-content .card-footer button[name=add_close] {
  min-height: 32px !important;
  padding: 5px 12px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  gap: 5px !important;
}

/* Ícones */
body:has(#itil-object-container) .timeline-content .card-footer button[name=add_reopen] i,
body:has(#itil-object-container) .timeline-content .card-footer button[name=add_close] i {
  font-size: 14px !important;
}

/* ============================================================
 * RECUSAR — outline vermelho
 * ============================================================ */
body:has(#itil-object-container) .timeline-content .card-footer button[name=add_reopen] {
  background: transparent !important;
  border-color: var(--tblr-danger, #d63939) !important;
  color: var(--tblr-danger, #d63939) !important;
  box-shadow: none !important;
}

body:has(#itil-object-container) .timeline-content .card-footer button[name=add_reopen]:hover {
  background: var(--tblr-danger, #d63939) !important;
  border-color: var(--tblr-danger, #d63939) !important;
  color: #fff !important;
}

/* ============================================================
 * APROVAR — outline verde
 * ============================================================ */
body:has(#itil-object-container) .timeline-content .card-footer button[name=add_close] {
  background: transparent !important;
  border-color: var(--tblr-success, #2fb344) !important;
  color: var(--tblr-success, #2fb344) !important;
  box-shadow: none !important;
}

body:has(#itil-object-container) .timeline-content .card-footer button[name=add_close]:hover {
  background: var(--tblr-success, #2fb344) !important;
  border-color: var(--tblr-success, #2fb344) !important;
  color: #fff !important;
}

/* Focus discreto */
body:has(#itil-object-container) .timeline-content .card-footer button[name=add_reopen]:focus-visible {
  background: transparent !important;
  color: var(--tblr-danger, #d63939) !important;
  box-shadow: 0 0 0 3px rgba(214, 57, 57, 0.1) !important;
}

body:has(#itil-object-container) .timeline-content .card-footer button[name=add_close]:focus-visible {
  background: transparent !important;
  color: var(--tblr-success, #2fb344) !important;
  box-shadow: 0 0 0 3px rgba(47, 179, 68, 0.1) !important;
}

/* ============================================================
 * CHAMADO — APROVAÇÃO DA SOLUÇÃO V2
 * Mantém outline original; compacta tamanho e tipografia
 * ============================================================ */
/* Base */
body:has(#itil-object-container) .timeline-content .card-footer button[name=add_reopen],
body:has(#itil-object-container) .timeline-content .card-footer button[name=add_close] {
  min-height: 32px !important;
  padding: 5px 12px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  gap: 5px !important;
}

/* Ícones */
body:has(#itil-object-container) .timeline-content .card-footer button[name=add_reopen] i,
body:has(#itil-object-container) .timeline-content .card-footer button[name=add_close] i {
  font-size: 14px !important;
}

/* ============================================================
 * RECUSAR — outline vermelho
 * ============================================================ */
body:has(#itil-object-container) .timeline-content .card-footer button[name=add_reopen] {
  background: transparent !important;
  border-color: var(--tblr-danger, #d63939) !important;
  color: var(--tblr-danger, #d63939) !important;
  box-shadow: none !important;
}

body:has(#itil-object-container) .timeline-content .card-footer button[name=add_reopen]:hover {
  background: var(--tblr-danger, #d63939) !important;
  border-color: var(--tblr-danger, #d63939) !important;
  color: #fff !important;
}

/* ============================================================
 * APROVAR — outline verde
 * ============================================================ */
body:has(#itil-object-container) .timeline-content .card-footer button[name=add_close] {
  background: transparent !important;
  border-color: var(--tblr-success, #2fb344) !important;
  color: var(--tblr-success, #2fb344) !important;
  box-shadow: none !important;
}

body:has(#itil-object-container) .timeline-content .card-footer button[name=add_close]:hover {
  background: var(--tblr-success, #2fb344) !important;
  border-color: var(--tblr-success, #2fb344) !important;
  color: #fff !important;
}

/* Focus discreto */
body:has(#itil-object-container) .timeline-content .card-footer button[name=add_reopen]:focus-visible {
  background: transparent !important;
  color: var(--tblr-danger, #d63939) !important;
  box-shadow: 0 0 0 3px rgba(214, 57, 57, 0.1) !important;
}

body:has(#itil-object-container) .timeline-content .card-footer button[name=add_close]:focus-visible {
  background: transparent !important;
  color: var(--tblr-success, #2fb344) !important;
  box-shadow: 0 0 0 3px rgba(47, 179, 68, 0.1) !important;
}

/* ============================================================
 * CHAMADO — APROVAÇÃO DA SOLUÇÃO V3
 * Corrige especificidade do V1
 * Outline normal / preenchido somente no hover
 * ============================================================ */
/* Base */
body:has(#itil-object-container) .timeline-content form[name=form] .card-footer button[name=add_reopen],
body:has(#itil-object-container) .timeline-content form[name=form] .card-footer button[name=add_close] {
  min-height: 32px !important;
  padding: 5px 12px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  gap: 5px !important;
  box-shadow: none !important;
}

/* Ícones */
body:has(#itil-object-container) .timeline-content form[name=form] .card-footer button[name=add_reopen] i,
body:has(#itil-object-container) .timeline-content form[name=form] .card-footer button[name=add_close] i {
  font-size: 14px !important;
}

/* RECUSAR — normal */
body:has(#itil-object-container) .timeline-content form[name=form] .card-footer button[name=add_reopen] {
  background: #fff !important;
  border: 1px solid #dc3545 !important;
  color: #dc3545 !important;
}

/* RECUSAR — hover */
body:has(#itil-object-container) .timeline-content form[name=form] .card-footer button[name=add_reopen]:hover {
  background: #dc3545 !important;
  border-color: #dc3545 !important;
  color: #fff !important;
}

/* APROVAR — normal */
body:has(#itil-object-container) .timeline-content form[name=form] .card-footer button[name=add_close] {
  background: #fff !important;
  border: 1px solid #2fb344 !important;
  color: #2fb344 !important;
}

/* APROVAR — hover */
body:has(#itil-object-container) .timeline-content form[name=form] .card-footer button[name=add_close]:hover {
  background: #2fb344 !important;
  border-color: #2fb344 !important;
  color: #fff !important;
}

/* ============================================================
 * CABEÇALHO — BUSCA GLOBAL V1
 * Campo compacto + lupa integrada
 * ============================================================ */
form[role=search]:has(#global-search) {
  position: relative !important;
  overflow: visible !important;
}

form[role=search]:has(#global-search) .input-group.input-group-flat {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 34px !important;
  background: #fff !important;
  border: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  overflow: visible !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

/* Foco no campo */
form[role=search]:has(#global-search) .input-group.input-group-flat:focus-within {
  border-color: var(--aprendiz-blue, #149be8) !important;
  box-shadow: 0 0 0 3px rgba(20, 155, 232, 0.1) !important;
}

/* Campo */
form[role=search]:has(#global-search) #global-search {
  height: 32px !important;
  padding: 5px 39px 5px 10px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  outline: none !important;
  color: var(--aprendiz-text, #14263d) !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
}

form[role=search]:has(#global-search) #global-search::placeholder {
  color: var(--aprendiz-muted, #66788e) !important;
  opacity: 0.85 !important;
}

/* Área da lupa */
form[role=search]:has(#global-search) .input-group-text {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: inherit !important;
  z-index: 3 !important;
  overflow: visible !important;
}

/* Botão */
form[role=search]:has(#global-search) .input-group-text button[type=submit] {
  width: 30px !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 6px !important;
  color: var(--aprendiz-navy, #06244b) !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background-color 0.15s ease, color 0.15s ease !important;
}

/* Lupa */
form[role=search]:has(#global-search) .input-group-text button[type=submit] .ti-search {
  font-size: 16px !important;
  line-height: 1 !important;
}

/* Hover */
form[role=search]:has(#global-search) .input-group-text button[type=submit]:hover {
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* Teclado / focus */
form[role=search]:has(#global-search) .input-group-text button[type=submit]:focus,
form[role=search]:has(#global-search) .input-group-text button[type=submit]:focus-visible {
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
  color: var(--aprendiz-orange, #ff641d) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* ============================================================
 * CABEÇALHO — BUSCA GLOBAL V2
 * Hover contido + sem alteração de tamanho
 * ============================================================ */
form[role=search]:has(#global-search) .input-group-text button[type=submit] {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  flex: 0 0 30px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  transform: none !important;
  box-shadow: none !important;
}

form[role=search]:has(#global-search) .input-group-text button[type=submit]:hover,
form[role=search]:has(#global-search) .input-group-text button[type=submit]:focus-visible {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
  color: var(--aprendiz-orange, #ff641d) !important;
  border-radius: 6px !important;
  transform: none !important;
  box-shadow: none !important;
}

/* ============================================================
 * LISTA DE CHAMADOS — V1
 * Tabela + controles + status + paginação
 * ============================================================ */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) {
  border: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* ============================================================
 * CONTROLES DO TOPO
 * ============================================================ */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) .primary-controls .btn {
  min-height: 30px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  border-radius: 7px !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
}

.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) .primary-controls .btn:hover {
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
  color: var(--aprendiz-orange, #ff641d) !important;
}

.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) .primary-controls :is(.btn-active-search, .btn-active-sort) {
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* Ícones dos controles */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) .primary-controls .btn i {
  font-size: 15px !important;
}

/* Controles neutros da direita */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) .secondary-controls .btn-ghost-secondary {
  min-width: 30px !important;
  min-height: 30px !important;
  border-radius: 7px !important;
  color: var(--aprendiz-navy, #06244b) !important;
}

.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) .secondary-controls .btn-ghost-secondary:hover {
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* ============================================================
 * TABELA
 * ============================================================ */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) .table-responsive-lg {
  border-top: 1px solid var(--aprendiz-border, #c9d9e8) !important;
}

/* Tabela */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) table.search-results {
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  font-size: 12px !important;
}

/* ---------- Cabeçalho ---------- */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) table.search-results thead th {
  padding: 7px 8px !important;
  background: var(--aprendiz-navy, #06244b) !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--aprendiz-navy2, #031a38) !important;
  color: #fff !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  vertical-align: middle !important;
}

.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) table.search-results thead th:hover {
  background: var(--aprendiz-navy2, #031a38) !important;
}

/* Ordenação */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) table.search-results thead .sort-indicator {
  color: #fff !important;
  opacity: 0.82;
}

/* ---------- Linhas ---------- */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) table.search-results tbody td {
  padding: 7px 8px !important;
  border-bottom: 1px solid #e5edf5 !important;
  color: var(--aprendiz-text, #14263d) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  vertical-align: middle !important;
  transition: background-color 0.12s ease, color 0.12s ease !important;
}

/* Zebra muito suave */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) table.search-results.table-striped tbody tr:nth-of-type(odd) > td {
  background: #f8fbfe !important;
}

.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) table.search-results.table-striped tbody tr:nth-of-type(even) > td {
  background: #fff !important;
}

/* Hover da linha */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) table.search-results tbody tr:hover > td {
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
}

/* Links */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) table.search-results tbody td a {
  color: var(--aprendiz-navy, #06244b) !important;
  text-decoration: none !important;
}

.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) table.search-results tbody td a:hover {
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* ============================================================
 * STATUS
 * Search option 12 = status do chamado
 * ============================================================ */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) td[data-searchopt-content-id="12"] {
  white-space: nowrap !important;
  font-weight: 600 !important;
}

/* Ícone base */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) td[data-searchopt-content-id="12"] i.itilstatus {
  font-size: 13px !important;
  vertical-align: -1px !important;
}

/* NOVO */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) td[data-searchopt-content-id="12"]:has(i.itilstatus.new),
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) i.itilstatus.new {
  color: #2f9e44 !important;
}

/* EM ATENDIMENTO */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) td[data-searchopt-content-id="12"]:has(i.itilstatus.assigned),
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) i.itilstatus.assigned {
  color: #25813a !important;
}

/* PLANEJADO */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) td[data-searchopt-content-id="12"]:has(i.itilstatus.planned),
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) i.itilstatus.planned {
  color: var(--aprendiz-blue2, #0878c9) !important;
}

/* PENDENTE */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) td[data-searchopt-content-id="12"]:has(i.itilstatus.waiting),
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) i.itilstatus.waiting {
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* SOLUCIONADO */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) td[data-searchopt-content-id="12"]:has(i.itilstatus.solved),
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) i.itilstatus.solved {
  color: var(--aprendiz-blue2, #0878c9) !important;
}

/* FECHADO */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) td[data-searchopt-content-id="12"]:has(i.itilstatus.closed),
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) i.itilstatus.closed {
  color: var(--aprendiz-navy, #06244b) !important;
}

/* ============================================================
 * CHECKBOXES
 * ============================================================ */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) .form-check-input {
  width: 14px !important;
  height: 14px !important;
  border-color: #9fb5c9 !important;
}

.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) .form-check-input:checked {
  background-color: var(--aprendiz-orange, #ff641d) !important;
  border-color: var(--aprendiz-orange, #ff641d) !important;
}

/* ============================================================
 * RODAPÉ / PAGINAÇÃO
 * ============================================================ */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) .search-footer {
  padding: 8px 10px !important;
  background: #fff !important;
  border-top: 1px solid var(--aprendiz-border, #c9d9e8) !important;
}

/* Pager */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) .search-pager {
  margin-bottom: 0 !important;
  min-height: 32px !important;
}

/* Texto */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) .search-pager :is(.page-infos, .search-limit) {
  color: var(--aprendiz-muted, #66788e) !important;
  font-size: 11.5px !important;
}

/* Select linhas/página */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) .search-limit-dropdown {
  min-height: 28px !important;
  border-color: var(--aprendiz-border, #c9d9e8) !important;
  border-radius: 6px !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 11.5px !important;
}

/* Select2, caso o limit use Select2 */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) .search-limit .select2-selection {
  min-height: 28px !important;
  border-color: var(--aprendiz-border, #c9d9e8) !important;
  border-radius: 6px !important;
  font-size: 11.5px !important;
}

/* Botões da paginação */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) .pagination .page-link {
  min-width: 29px !important;
  height: 29px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 3px 7px !important;
  background: #fff !important;
  border-color: var(--aprendiz-border, #c9d9e8) !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 11.5px !important;
  box-shadow: none !important;
}

/* Hover */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) .pagination .page-item:not(.disabled):not(.active) .page-link:hover {
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
  border-color: var(--aprendiz-blue, #149be8) !important;
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* Página atual */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) .pagination .page-item.active .page-link {
  background: var(--aprendiz-navy, #06244b) !important;
  border-color: var(--aprendiz-navy, #06244b) !important;
  color: #fff !important;
  font-weight: 600 !important;
}

/* Desabilitados */
.search-card:has(form.masssearchform[data-search-itemtype=Ticket]) .pagination .page-item.disabled .page-link {
  background: #f7f9fb !important;
  color: #9aaabd !important;
  opacity: 0.72 !important;
}

/* ============================================================
 * RESPONSIVO
 * ============================================================ */
@media (max-width: 992px) {
  .search-card:has(form.masssearchform[data-search-itemtype=Ticket]) table.search-results :is(th, td) {
    font-size: 11.5px !important;
  }
  .search-card:has(form.masssearchform[data-search-itemtype=Ticket]) table.search-results tbody td {
    padding: 6px 7px !important;
  }
}
/* ============================================================
 * VISÃO PESSOAL — CHAMADOS V1
 * Cards de chamados pessoais
 * ============================================================ */
/* Container dos cards que possuem indicador de prioridade */
.table-responsive.card-table:has(.badge_block) {
  border: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  border-radius: 9px !important;
  background: #fff !important;
  overflow: hidden !important;
}

/* Tabela */
.table-responsive.card-table:has(.badge_block) > table {
  width: 100% !important;
  margin: 0 !important;
  font-size: 12px !important;
}

/* ============================================================
 * CABEÇALHO PRINCIPAL
 * "Seus chamados..."
 * ============================================================ */
.table-responsive.card-table:has(.badge_block) thead tr:first-child th {
  padding: 9px 10px !important;
  background: #fff !important;
  border-bottom: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

/* Link do título */
.table-responsive.card-table:has(.badge_block) thead tr:first-child th > a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
  color: var(--aprendiz-navy, #06244b) !important;
  text-decoration: none !important;
}

.table-responsive.card-table:has(.badge_block) thead tr:first-child th > a:hover {
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* Contador */
.table-responsive.card-table:has(.badge_block) thead tr:first-child .badge {
  min-width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 6px !important;
  background: var(--aprendiz-navy, #06244b) !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
}

/* ============================================================
 * CABEÇALHO DAS COLUNAS
 * ============================================================ */
.table-responsive.card-table:has(.badge_block) thead tr:nth-child(2) th {
  padding: 7px 10px !important;
  background: #f8fbfe !important;
  border-bottom: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  color: var(--aprendiz-muted, #66788e) !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  vertical-align: middle !important;
}

/* ============================================================
 * LINHAS
 * ============================================================ */
.table-responsive.card-table:has(.badge_block) tbody td {
  padding: 8px 10px !important;
  border-bottom: 1px solid #e5edf5 !important;
  color: var(--aprendiz-text, #14263d) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  vertical-align: middle !important;
  transition: background-color 0.12s ease, color 0.12s ease !important;
}

/* Zebra suave */
.table-responsive.card-table:has(.badge_block) tbody tr:nth-child(odd) > td {
  background: #fff !important;
}

.table-responsive.card-table:has(.badge_block) tbody tr:nth-child(even) > td {
  background: #f8fbfe !important;
}

/* Hover */
.table-responsive.card-table:has(.badge_block) tbody tr:hover > td {
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
}

/* Última linha */
.table-responsive.card-table:has(.badge_block) tbody tr:last-child td {
  border-bottom: 0 !important;
}

/* ============================================================
 * ID + PRIORIDADE
 * Remove o bloco rosa pesado.
 * Mantém somente uma bolinha com a cor da prioridade.
 * ============================================================ */
.table-responsive.card-table:has(.badge_block) .badge_block {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 25px !important;
  padding: 3px 7px !important;
  background: #fff !important;
  border: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  border-radius: 6px !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* Indicador da prioridade */
.table-responsive.card-table:has(.badge_block) .badge_block > span {
  display: inline-block !important;
  width: 7px !important;
  min-width: 7px !important;
  height: 7px !important;
  margin: 0 6px 0 0 !important;
  border-radius: 50% !important;
}

/* ============================================================
 * SOLICITANTE
 * ============================================================ */
.table-responsive.card-table:has(.badge_block) tbody td i.ti-user,
.table-responsive.card-table:has(.badge_block) tbody td i.ti-users,
.table-responsive.card-table:has(.badge_block) tbody td i.ti-mail {
  color: var(--aprendiz-muted, #66788e) !important;
  font-size: 14px !important;
}

/* ============================================================
 * TÍTULO DO CHAMADO
 * ============================================================ */
.table-responsive.card-table:has(.badge_block) tbody td a {
  color: var(--aprendiz-navy, #06244b) !important;
  text-decoration: none !important;
}

.table-responsive.card-table:has(.badge_block) tbody td a span.b {
  color: inherit !important;
  font-weight: 600 !important;
}

.table-responsive.card-table:has(.badge_block) tbody td a:hover,
.table-responsive.card-table:has(.badge_block) tbody td a:hover span.b {
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* ============================================================
 * RESPONSIVO
 * ============================================================ */
@media (max-width: 992px) {
  .table-responsive.card-table:has(.badge_block) tbody td {
    padding: 7px 8px !important;
    font-size: 11.5px !important;
  }
  .table-responsive.card-table:has(.badge_block) thead tr:nth-child(2) th {
    padding: 6px 8px !important;
  }
}
/* ============================================================
 * VISÃO PESSOAL — CHAMADOS V2
 * ID mais leve, baseado no padrão visual da Intranet Aprendiz
 * ============================================================ */
.table-responsive.card-table:has(.badge_block) .badge_block {
  min-height: 24px !important;
  padding: 2px 4px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

/* Bolinha da prioridade */
.table-responsive.card-table:has(.badge_block) .badge_block > span {
  width: 7px !important;
  min-width: 7px !important;
  height: 7px !important;
  margin-right: 6px !important;
  border-radius: 50% !important;
}

/* Hover da linha continua sendo o destaque,
 * como nas tabelas da intranet */
.table-responsive.card-table:has(.badge_block) tbody tr:hover .badge_block {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* ============================================================
 * VISÃO PESSOAL — CHAMADOS V3
 * Restaura tamanho anterior do ID
 * Mantém acabamento leve inspirado na intranet
 * ============================================================ */
.table-responsive.card-table:has(.badge_block) .badge_block {
  min-height: 25px !important;
  padding: 3px 7px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

.table-responsive.card-table:has(.badge_block) .badge_block > span {
  width: 7px !important;
  min-width: 7px !important;
  height: 7px !important;
  margin: 0 6px 0 0 !important;
  border-radius: 50% !important;
}

/* ============================================================
 * CENTRAL — ABAS SUPERIORES V1
 * Referência visual: Intranet Aprendiz
 * Visão pessoal / Grupo / Global / RSS / Todos
 * ============================================================ */
/* Escopo exclusivo da Central */
.card-tabs.horizontal > #tabspanel.nav.nav-tabs:has(a[href*="forcetab=Central"]) {
  gap: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--aprendiz-border, #c9d9e8) !important;
}

/* Cada item */
.card-tabs.horizontal > #tabspanel.nav.nav-tabs:has(a[href*="forcetab=Central"]) > .nav-item {
  margin: 0 !important;
}

/* Estado normal */
.card-tabs.horizontal > #tabspanel.nav.nav-tabs:has(a[href*="forcetab=Central"]) > .nav-item > .nav-link {
  position: relative !important;
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 7px 13px !important;
  background: #fff !important;
  border: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
}

/* Evita borda dupla entre abas */
.card-tabs.horizontal > #tabspanel.nav.nav-tabs:has(a[href*="forcetab=Central"]) > .nav-item + .nav-item > .nav-link {
  margin-left: -1px !important;
}

/* Primeira aba */
.card-tabs.horizontal > #tabspanel.nav.nav-tabs:has(a[href*="forcetab=Central"]) > .nav-item:first-child > .nav-link {
  border-radius: 8px 0 0 0 !important;
}

/* Última aba — inclusive "Todos" */
.card-tabs.horizontal > #tabspanel.nav.nav-tabs:has(a[href*="forcetab=Central"]) > .nav-item:last-child > .nav-link {
  border-radius: 0 8px 0 0 !important;
}

/* Ícones */
.card-tabs.horizontal > #tabspanel.nav.nav-tabs:has(a[href*="forcetab=Central"]) .nav .nav-link i {
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 15px !important;
  transition: color 0.15s ease !important;
}

/* ============================================================
 * HOVER
 * Azul suave + laranja, como nas demais interações Aprendiz
 * ============================================================ */
.card-tabs.horizontal > #tabspanel.nav.nav-tabs:has(a[href*="forcetab=Central"]) > .nav-item > .nav-link:hover {
  z-index: 2 !important;
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
  border-color: var(--aprendiz-blue, #149be8) !important;
  color: var(--aprendiz-orange, #ff641d) !important;
}

.card-tabs.horizontal > #tabspanel.nav.nav-tabs:has(a[href*="forcetab=Central"]) > .nav-item > .nav-link:hover i {
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* ============================================================
 * ABA ATIVA
 * Navy forte + detalhe laranja discreto
 * ============================================================ */
.card-tabs.horizontal > #tabspanel.nav.nav-tabs:has(a[href*="forcetab=Central"]) > .nav-item > .nav-link.active {
  z-index: 3 !important;
  background: #fff !important;
  border-color: var(--aprendiz-border, #c9d9e8) !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-weight: 700 !important;
}

/* Linha laranja inferior da ativa */
.card-tabs.horizontal > #tabspanel.nav.nav-tabs:has(a[href*="forcetab=Central"]) > .nav-item > .nav-link.active::after {
  content: "" !important;
  position: absolute !important;
  left: 9px !important;
  right: 9px !important;
  bottom: 0 !important;
  height: 2px !important;
  background: var(--aprendiz-orange, #ff641d) !important;
  border-radius: 2px 2px 0 0 !important;
}

/* Ícone da aba ativa */
.card-tabs.horizontal > #tabspanel.nav.nav-tabs:has(a[href*="forcetab=Central"]) > .nav-item > .nav-link.active i {
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* Focus por teclado */
.card-tabs.horizontal > #tabspanel.nav.nav-tabs:has(a[href*="forcetab=Central"]) > .nav-item > .nav-link:focus-visible {
  z-index: 4 !important;
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
  color: var(--aprendiz-orange, #ff641d) !important;
  outline: none !important;
  box-shadow: inset 0 0 0 2px rgba(20, 155, 232, 0.18) !important;
}

/* ============================================================
 * SELECT MOBILE DA CENTRAL
 * ============================================================ */
.card-tabs.horizontal > #tabspanel.nav.nav-tabs:has(a[href*="forcetab=Central"]) + select.form-select {
  min-height: 36px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  background-color: #fff !important;
  border: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  border-radius: 7px !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

/* ============================================================
 * CENTRAL — ABAS SUPERIORES V2
 * Texto da aba ativa também em laranja
 * ============================================================ */
.card-tabs.horizontal > #tabspanel.nav.nav-tabs:has(a[href*="forcetab=Central"]) > .nav-item > .nav-link.active {
  color: var(--aprendiz-orange, #ff641d) !important;
}

.card-tabs.horizontal > #tabspanel.nav.nav-tabs:has(a[href*="forcetab=Central"]) > .nav-item > .nav-link.active i {
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* ============================================================
 * VISÃO GLOBAL — CARD CHAMADOS V1
 * Referência visual: Intranet Aprendiz
 * ============================================================ */
/* Escopo exclusivo do card de chamados */
.card:has(.list-group-item i.itilstatus.new) {
  border: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* ============================================================
 * CABEÇALHO
 * ============================================================ */
.card:has(.list-group-item i.itilstatus.new) > .card-body {
  padding: 10px 12px !important;
  background: #fff !important;
  border-bottom: 1px solid var(--aprendiz-border, #c9d9e8) !important;
}

.card:has(.list-group-item i.itilstatus.new) .card .card-title {
  margin: 0 !important;
}

/* Título Chamados */
.card:has(.list-group-item i.itilstatus.new) .card-title > a {
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.card:has(.list-group-item i.itilstatus.new) .card-title > a:hover {
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* Ícone do título */
.card:has(.list-group-item i.itilstatus.new) .card-title > a i {
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 16px !important;
  margin-right: 6px !important;
}

.card:has(.list-group-item i.itilstatus.new) .card-title > a:hover i {
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* ============================================================
 * LINHAS
 * ============================================================ */
.card:has(.list-group-item i.itilstatus.new) .list-group {
  border: 0 !important;
}

.card:has(.list-group-item i.itilstatus.new) .list-group-item {
  min-height: 42px !important;
  padding: 8px 12px !important;
  background: #fff !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-color: #e5edf5 !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  transition: background-color 0.12s ease, color 0.12s ease !important;
}

/* Zebra suave — padrão intranet */
.card:has(.list-group-item i.itilstatus.new) .list-group-item:nth-child(even) {
  background: #f8fbfe !important;
}

/* Hover */
.card:has(.list-group-item i.itilstatus.new) .list-group-item:hover {
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* Texto interno */
.card:has(.list-group-item i.itilstatus.new) .list-group-item > span:first-child {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* ============================================================
 * ÍCONES / STATUS
 * ============================================================ */
.card:has(.list-group-item i.itilstatus.new) .list-group-item i {
  font-size: 14px !important;
  flex: 0 0 auto !important;
}

/* Novo */
.card:has(.list-group-item i.itilstatus.new) i.itilstatus.new {
  color: #2f9e44 !important;
}

/* Em atendimento */
.card:has(.list-group-item i.itilstatus.new) i.itilstatus.assigned {
  color: #25813a !important;
}

/* Planejado */
.card:has(.list-group-item i.itilstatus.new) i.itilstatus.planned {
  color: var(--aprendiz-blue2, #0878c9) !important;
}

/* Pendente */
.card:has(.list-group-item i.itilstatus.new) i.itilstatus.waiting {
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* Solucionado */
.card:has(.list-group-item i.itilstatus.new) i.itilstatus.solved {
  color: var(--aprendiz-blue2, #0878c9) !important;
}

/* Fechado */
.card:has(.list-group-item i.itilstatus.new) i.itilstatus.closed {
  color: var(--aprendiz-navy, #06244b) !important;
}

/* Aprovação */
.card:has(.list-group-item i.itilstatus.new) .list-group-item i.ti-help {
  color: var(--aprendiz-blue, #149be8) !important;
}

/* Excluído permanece vermelho */
.card:has(.list-group-item i.itilstatus.new) .list-group-item i.ti-trash {
  color: #dc3545 !important;
  background: transparent !important;
}

/* ============================================================
 * CONTADORES
 * ============================================================ */
.card:has(.list-group-item i.itilstatus.new) .list-group-item > .badge {
  min-width: 24px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 6px !important;
  background: var(--aprendiz-navy, #06244b) !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

/* Zero fica mais discreto */
.card:has(.list-group-item i.itilstatus.new) .list-group-item > .badge:is(:where(*)) {
  border: 0 !important;
}

/* Hover do contador */
.card:has(.list-group-item i.itilstatus.new) .list-group-item:hover > .badge {
  background: var(--aprendiz-orange, #ff641d) !important;
}

/* ============================================================
 * RESPONSIVO
 * ============================================================ */
@media (max-width: 760px) {
  .card:has(.list-group-item i.itilstatus.new) .list-group-item {
    min-height: 40px !important;
    padding: 7px 10px !important;
    font-size: 11.5px !important;
  }
}
/* ============================================================
 * VISÃO GLOBAL — CARD CHAMADOS V1
 * Referência visual: Intranet Aprendiz
 * ============================================================ */
/* Escopo exclusivo do card de chamados */
.card:has(.list-group-item i.itilstatus.new) {
  border: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* ============================================================
 * CABEÇALHO
 * ============================================================ */
.card:has(.list-group-item i.itilstatus.new) > .card-body {
  padding: 10px 12px !important;
  background: #fff !important;
  border-bottom: 1px solid var(--aprendiz-border, #c9d9e8) !important;
}

.card:has(.list-group-item i.itilstatus.new) .card .card-title {
  margin: 0 !important;
}

/* Título Chamados */
.card:has(.list-group-item i.itilstatus.new) .card-title > a {
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.card:has(.list-group-item i.itilstatus.new) .card-title > a:hover {
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* Ícone do título */
.card:has(.list-group-item i.itilstatus.new) .card-title > a i {
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 16px !important;
  margin-right: 6px !important;
}

.card:has(.list-group-item i.itilstatus.new) .card-title > a:hover i {
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* ============================================================
 * LINHAS
 * ============================================================ */
.card:has(.list-group-item i.itilstatus.new) .list-group {
  border: 0 !important;
}

.card:has(.list-group-item i.itilstatus.new) .list-group-item {
  min-height: 42px !important;
  padding: 8px 12px !important;
  background: #fff !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-color: #e5edf5 !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  transition: background-color 0.12s ease, color 0.12s ease !important;
}

/* Zebra suave — padrão intranet */
.card:has(.list-group-item i.itilstatus.new) .list-group-item:nth-child(even) {
  background: #f8fbfe !important;
}

/* Hover */
.card:has(.list-group-item i.itilstatus.new) .list-group-item:hover {
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* Texto interno */
.card:has(.list-group-item i.itilstatus.new) .list-group-item > span:first-child {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* ============================================================
 * ÍCONES / STATUS
 * ============================================================ */
.card:has(.list-group-item i.itilstatus.new) .list-group-item i {
  font-size: 14px !important;
  flex: 0 0 auto !important;
}

/* Novo */
.card:has(.list-group-item i.itilstatus.new) i.itilstatus.new {
  color: #2f9e44 !important;
}

/* Em atendimento */
.card:has(.list-group-item i.itilstatus.new) i.itilstatus.assigned {
  color: #25813a !important;
}

/* Planejado */
.card:has(.list-group-item i.itilstatus.new) i.itilstatus.planned {
  color: var(--aprendiz-blue2, #0878c9) !important;
}

/* Pendente */
.card:has(.list-group-item i.itilstatus.new) i.itilstatus.waiting {
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* Solucionado */
.card:has(.list-group-item i.itilstatus.new) i.itilstatus.solved {
  color: var(--aprendiz-blue2, #0878c9) !important;
}

/* Fechado */
.card:has(.list-group-item i.itilstatus.new) i.itilstatus.closed {
  color: var(--aprendiz-navy, #06244b) !important;
}

/* Aprovação */
.card:has(.list-group-item i.itilstatus.new) .list-group-item i.ti-help {
  color: var(--aprendiz-blue, #149be8) !important;
}

/* Excluído permanece vermelho */
.card:has(.list-group-item i.itilstatus.new) .list-group-item i.ti-trash {
  color: #dc3545 !important;
  background: transparent !important;
}

/* ============================================================
 * CONTADORES
 * ============================================================ */
.card:has(.list-group-item i.itilstatus.new) .list-group-item > .badge {
  min-width: 24px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 6px !important;
  background: var(--aprendiz-navy, #06244b) !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

/* Zero fica mais discreto */
.card:has(.list-group-item i.itilstatus.new) .list-group-item > .badge:is(:where(*)) {
  border: 0 !important;
}

/* Hover do contador */
.card:has(.list-group-item i.itilstatus.new) .list-group-item:hover > .badge {
  background: var(--aprendiz-orange, #ff641d) !important;
}

/* ============================================================
 * RESPONSIVO
 * ============================================================ */
@media (max-width: 760px) {
  .card:has(.list-group-item i.itilstatus.new) .list-group-item {
    min-height: 40px !important;
    padding: 7px 10px !important;
    font-size: 11.5px !important;
  }
}
/* ============================================================
 * VISÃO GLOBAL — LAYOUT DO CARD CHAMADOS V2
 * Card aproveita toda a largura disponível
 * Referência: tabelas da Intranet Aprendiz
 * ============================================================ */
.masonry_grid > .grid-item:has(> .card .list-group-item i.itilstatus.new) {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

/* Mantém o próprio card ocupando integralmente a coluna */
.masonry_grid > .grid-item:has(> .card .list-group-item i.itilstatus.new) > .card {
  width: 100% !important;
  max-width: none !important;
}

/* Em telas menores continua naturalmente em 100% */
@media (max-width: 1199.98px) {
  .masonry_grid > .grid-item:has(> .card .list-group-item i.itilstatus.new) {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }
}
/* ============================================================
 * MENU RÁPIDO — FUZZY SEARCH
 * Referência visual: Intranet Aprendiz
 * ============================================================ */
#fuzzysearch .modal-dialog {
  max-width: 680px !important;
}

#fuzzysearch .modal-content {
  border: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(6, 36, 75, 0.16) !important;
  overflow: hidden !important;
}

/* ============================================================
 * CABEÇALHO
 * ============================================================ */
#fuzzysearch .modal-header {
  min-height: 58px !important;
  padding: 12px 16px !important;
  background: #fff !important;
  border-bottom: 1px solid var(--aprendiz-border, #c9d9e8) !important;
}

#fuzzysearch .modal-title {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

#fuzzysearch .modal-title i {
  margin-right: 8px !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 18px !important;
}

#fuzzysearch .btn-close {
  opacity: 0.55 !important;
}

#fuzzysearch .btn-close:hover {
  opacity: 1 !important;
}

/* ============================================================
 * CORPO
 * ============================================================ */
#fuzzysearch .modal-body {
  padding: 16px !important;
  background: #fff !important;
}

/* ============================================================
 * DICA DO ATALHO
 * ============================================================ */
#fuzzysearch .alert.alert-info {
  display: flex !important;
  align-items: center !important;
  margin: 0 0 14px 0 !important;
  padding: 10px 12px !important;
  background: #f8fbfe !important;
  border: 1px solid #d9e6f2 !important;
  border-radius: 8px !important;
  color: var(--aprendiz-text, #14263d) !important;
}

#fuzzysearch .alert.alert-info > i {
  margin-right: 10px !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 20px !important;
}

#fuzzysearch .alert.alert-info p {
  margin: 0 !important;
  color: var(--aprendiz-text, #14263d) !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}

#fuzzysearch .alert.alert-info kbd {
  padding: 3px 7px !important;
  background: #fff !important;
  border: 1px solid #d6e1ec !important;
  border-radius: 5px !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

/* ============================================================
 * BUSCA
 * ============================================================ */
#fuzzysearch input[name=fuzzysearch_modal_search_menu] {
  min-height: 40px !important;
  padding: 8px 12px !important;
  background: #fff !important;
  border: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  border-radius: 8px !important;
  color: var(--aprendiz-text, #14263d) !important;
  font-size: 13px !important;
  box-shadow: none !important;
  transition: border-color 0.12s ease, box-shadow 0.12s ease !important;
}

#fuzzysearch input[name=fuzzysearch_modal_search_menu]::placeholder {
  color: #8999ac !important;
}

#fuzzysearch input[name=fuzzysearch_modal_search_menu]:focus {
  border-color: var(--aprendiz-orange, #ff641d) !important;
  box-shadow: 0 0 0 3px rgba(255, 100, 29, 0.1) !important;
  outline: 0 !important;
}

/* ============================================================
 * RESULTADOS
 * ============================================================ */
#fuzzysearch .results {
  max-height: 360px !important;
  margin-top: 8px !important;
  border: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  border-radius: 8px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: #fff !important;
}

#fuzzysearch .results .list-group-item {
  padding: 0 !important;
  background: #fff !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-color: #e5edf5 !important;
}

#fuzzysearch .results .list-group-item:nth-child(even) {
  background: #f8fbfe !important;
}

#fuzzysearch .results .list-group-item > a {
  display: block !important;
  padding: 10px 12px !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: background-color 0.12s ease, color 0.12s ease !important;
}

#fuzzysearch .results .list-group-item:hover,
#fuzzysearch .results .list-group-item.active {
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
}

#fuzzysearch .results .list-group-item:hover > a,
#fuzzysearch .results .list-group-item.active > a {
  color: var(--aprendiz-orange, #ff641d) !important;
}

#fuzzysearch .results .list-group-item > a b {
  color: var(--aprendiz-orange, #ff641d) !important;
  font-weight: 700 !important;
}

/* ============================================================
 * SCROLLBAR
 * ============================================================ */
#fuzzysearch .results {
  scrollbar-width: thin;
  scrollbar-color: rgba(6, 36, 75, 0.3) transparent;
}

#fuzzysearch .results::-webkit-scrollbar {
  width: 8px;
}

#fuzzysearch .results::-webkit-scrollbar-track {
  background: transparent;
}

#fuzzysearch .results::-webkit-scrollbar-thumb {
  background: rgba(6, 36, 75, 0.3);
  border: 2px solid transparent;
  border-radius: 999px;
  background-clip: content-box;
}

#fuzzysearch .results::-webkit-scrollbar-thumb:hover {
  background: var(--aprendiz-orange, #ff641d);
  border: 2px solid transparent;
  background-clip: content-box;
}

/* ============================================================
 * RESPONSIVO
 * ============================================================ */
@media (max-width: 760px) {
  #fuzzysearch .modal-dialog {
    max-width: calc(100% - 20px) !important;
    margin: 10px auto !important;
  }
  #fuzzysearch .modal-body {
    padding: 12px !important;
  }
  #fuzzysearch .alert.alert-info p {
    font-size: 12px !important;
  }
  #fuzzysearch .results {
    max-height: calc(100vh - 300px) !important;
  }
}
/* ============================================================
 * MENU RÁPIDO — FUZZY SEARCH
 * Referência visual: Intranet Aprendiz
 * ============================================================ */
#fuzzysearch .modal-dialog {
  max-width: 680px !important;
}

#fuzzysearch .modal-content {
  border: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(6, 36, 75, 0.16) !important;
  overflow: hidden !important;
}

/* ============================================================
 * CABEÇALHO
 * ============================================================ */
#fuzzysearch .modal-header {
  min-height: 58px !important;
  padding: 12px 16px !important;
  background: #fff !important;
  border-bottom: 1px solid var(--aprendiz-border, #c9d9e8) !important;
}

#fuzzysearch .modal-title {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

#fuzzysearch .modal-title i {
  margin-right: 8px !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 18px !important;
}

#fuzzysearch .btn-close {
  opacity: 0.55 !important;
}

#fuzzysearch .btn-close:hover {
  opacity: 1 !important;
}

/* ============================================================
 * CORPO
 * ============================================================ */
#fuzzysearch .modal-body {
  padding: 16px !important;
  background: #fff !important;
}

/* ============================================================
 * DICA DO ATALHO
 * ============================================================ */
#fuzzysearch .alert.alert-info {
  display: flex !important;
  align-items: center !important;
  margin: 0 0 14px 0 !important;
  padding: 10px 12px !important;
  background: #f8fbfe !important;
  border: 1px solid #d9e6f2 !important;
  border-radius: 8px !important;
  color: var(--aprendiz-text, #14263d) !important;
}

#fuzzysearch .alert.alert-info > i {
  margin-right: 10px !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 20px !important;
}

#fuzzysearch .alert.alert-info p {
  margin: 0 !important;
  color: var(--aprendiz-text, #14263d) !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}

#fuzzysearch .alert.alert-info kbd {
  padding: 3px 7px !important;
  background: #fff !important;
  border: 1px solid #d6e1ec !important;
  border-radius: 5px !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

/* ============================================================
 * BUSCA
 * ============================================================ */
#fuzzysearch input[name=fuzzysearch_modal_search_menu] {
  min-height: 40px !important;
  padding: 8px 12px !important;
  background: #fff !important;
  border: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  border-radius: 8px !important;
  color: var(--aprendiz-text, #14263d) !important;
  font-size: 13px !important;
  box-shadow: none !important;
  transition: border-color 0.12s ease, box-shadow 0.12s ease !important;
}

#fuzzysearch input[name=fuzzysearch_modal_search_menu]::placeholder {
  color: #8999ac !important;
}

#fuzzysearch input[name=fuzzysearch_modal_search_menu]:focus {
  border-color: var(--aprendiz-orange, #ff641d) !important;
  box-shadow: 0 0 0 3px rgba(255, 100, 29, 0.1) !important;
  outline: 0 !important;
}

/* ============================================================
 * RESULTADOS
 * ============================================================ */
#fuzzysearch .results {
  max-height: 360px !important;
  margin-top: 8px !important;
  border: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  border-radius: 8px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: #fff !important;
}

#fuzzysearch .results .list-group-item {
  padding: 0 !important;
  background: #fff !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-color: #e5edf5 !important;
}

#fuzzysearch .results .list-group-item:nth-child(even) {
  background: #f8fbfe !important;
}

#fuzzysearch .results .list-group-item > a {
  display: block !important;
  padding: 10px 12px !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: background-color 0.12s ease, color 0.12s ease !important;
}

#fuzzysearch .results .list-group-item:hover,
#fuzzysearch .results .list-group-item.active {
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
}

#fuzzysearch .results .list-group-item:hover > a,
#fuzzysearch .results .list-group-item.active > a {
  color: var(--aprendiz-orange, #ff641d) !important;
}

#fuzzysearch .results .list-group-item > a b {
  color: var(--aprendiz-orange, #ff641d) !important;
  font-weight: 700 !important;
}

/* ============================================================
 * SCROLLBAR
 * ============================================================ */
#fuzzysearch .results {
  scrollbar-width: thin;
  scrollbar-color: rgba(6, 36, 75, 0.3) transparent;
}

#fuzzysearch .results::-webkit-scrollbar {
  width: 8px;
}

#fuzzysearch .results::-webkit-scrollbar-track {
  background: transparent;
}

#fuzzysearch .results::-webkit-scrollbar-thumb {
  background: rgba(6, 36, 75, 0.3);
  border: 2px solid transparent;
  border-radius: 999px;
  background-clip: content-box;
}

#fuzzysearch .results::-webkit-scrollbar-thumb:hover {
  background: var(--aprendiz-orange, #ff641d);
  border: 2px solid transparent;
  background-clip: content-box;
}

/* ============================================================
 * RESPONSIVO
 * ============================================================ */
@media (max-width: 760px) {
  #fuzzysearch .modal-dialog {
    max-width: calc(100% - 20px) !important;
    margin: 10px auto !important;
  }
  #fuzzysearch .modal-body {
    padding: 12px !important;
  }
  #fuzzysearch .alert.alert-info p {
    font-size: 12px !important;
  }
  #fuzzysearch .results {
    max-height: calc(100vh - 300px) !important;
  }
}
/* ============================================================
 * MENU RÁPIDO — AJUSTE FINAL DE INTERAÇÃO
 * ============================================================ */
#fuzzysearch .results .list-group-item:hover > a,
#fuzzysearch .results .list-group-item.active > a,
#fuzzysearch .results .list-group-item:focus-within > a {
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* ============================================================
 * MENU RÁPIDO — COR DA LINHA ATIVA / HOVER
 * ============================================================ */
#fuzzysearch .results.list-group > li.list-group-item.active > a,
#fuzzysearch .results.list-group > li.list-group-item:hover > a,
#fuzzysearch .results.list-group > li.list-group-item:focus-within > a {
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* ============================================================
 * BUSCA — PAINEL DE ORDENAÇÃO
 * Referência visual: Intranet Aprendiz
 * ============================================================ */
.sort-container {
  border: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* ============================================================
 * LINHA DE CRITÉRIO
 * ============================================================ */
.sort-container [id^=sort-criteria-list-] > .list-group-item {
  padding: 7px 8px !important;
  background: #fff !important;
  font-size: 12px !important;
}

.sort-container [id^=sort-criteria-list-] .row {
  align-items: center !important;
}

/* ============================================================
 * SELECTS — CAMPO + ASC/DESC
 * ============================================================ */
.sort-container .select2-container {
  font-size: 12px !important;
}

.sort-container .select2-container .select2-selection--single {
  min-height: 34px !important;
  height: 34px !important;
  background: #fff !important;
  border: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

.sort-container .select2-container .select2-selection--single .select2-selection__rendered {
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  padding-left: 10px !important;
  padding-right: 28px !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 32px !important;
}

.sort-container .select2-container .select2-selection--single .select2-selection__arrow {
  height: 32px !important;
}

.sort-container .select2-container--focus .select2-selection--single,
.sort-container .select2-container--open .select2-selection--single {
  border-color: var(--aprendiz-orange, #ff641d) !important;
  box-shadow: 0 0 0 2px rgba(255, 100, 29, 0.08) !important;
}

/* Ícones ASC / DESC */
.sort-container .select2-selection__rendered i {
  margin-right: 5px !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 14px !important;
}

/* ============================================================
 * REMOVER CRITÉRIO
 * ============================================================ */
.sort-container .remove-order-criteria {
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border-radius: 6px !important;
  color: var(--aprendiz-navy, #06244b) !important;
}

.sort-container .remove-order-criteria:hover {
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
  color: var(--aprendiz-orange, #ff641d) !important;
}

.sort-container .remove-order-criteria i {
  font-size: 15px !important;
}

/* ============================================================
 * RODAPÉ
 * ============================================================ */
.sort-container .card-footer.sort_actions {
  min-height: 46px !important;
  padding: 7px 8px !important;
  align-items: center !important;
  background: #f8fbfe !important;
  border-top: 1px solid var(--aprendiz-border, #c9d9e8) !important;
}

/* Adicionar outra ordenação */
.sort-container .add_sort {
  min-height: 32px !important;
  padding: 5px 9px !important;
  border-radius: 7px !important;
  color: var(--aprendiz-navy, #06244b) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.sort-container .add_sort:hover {
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
  color: var(--aprendiz-orange, #ff641d) !important;
}

.sort-container .add_sort i {
  font-size: 14px !important;
}

/* ============================================================
 * BOTÃO ORDENAÇÃO
 * ============================================================ */
.sort-container .trigger-sort {
  min-height: 32px !important;
  padding: 5px 11px !important;
  background: var(--aprendiz-navy, #06244b) !important;
  border: 1px solid var(--aprendiz-navy, #06244b) !important;
  border-radius: 7px 0 0 7px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.sort-container .trigger-sort i {
  margin-right: 4px !important;
  font-size: 14px !important;
}

.sort-container .trigger-sort:hover,
.sort-container .trigger-sort:focus {
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
  border-color: var(--aprendiz-orange, #ff641d) !important;
  color: var(--aprendiz-orange, #ff641d) !important;
  box-shadow: none !important;
}

/* ============================================================
 * RESET
 * ============================================================ */
.sort-container .sort-reset {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  background: #fff !important;
  border: 1px solid var(--aprendiz-border, #c9d9e8) !important;
  border-left: 0 !important;
  border-radius: 0 7px 7px 0 !important;
  color: var(--aprendiz-navy, #06244b) !important;
  box-shadow: none !important;
}

.sort-container .sort-reset:hover {
  background: var(--aprendiz-blue-soft, #eaf5fd) !important;
  color: var(--aprendiz-orange, #ff641d) !important;
}

.sort-container .sort-reset i {
  font-size: 14px !important;
}

/* ============================================================
 * RESPONSIVO
 * ============================================================ */
@media (max-width: 760px) {
  .sort-container .select2-container .select2-selection--single {
    height: 32px !important;
    min-height: 32px !important;
  }
  .sort-container .select2-container .select2-selection--single .select2-selection__rendered {
    height: 30px !important;
    font-size: 11.5px !important;
    line-height: 30px !important;
  }
}
/* ============================================================
 * ORDENAÇÃO — CORREÇÃO DO BOTÃO PRINCIPAL
 * ============================================================ */
.sort-container .trigger-sort {
  width: auto !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  white-space: nowrap !important;
}

.sort-container .trigger-sort > span {
  display: inline-block !important;
  color: inherit !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.sort-container .trigger-sort > i {
  display: inline-block !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: 14px !important;
}

.sort-container .trigger-sort:hover > i,
.sort-container .trigger-sort:focus > i {
  color: var(--aprendiz-orange, #ff641d) !important;
}

/* ============================================================
 * ORDENAÇÃO — TEXTO DO BOTÃO PRINCIPAL
 * ============================================================ */
.sort-container .card-footer.sort_actions .btn-group button.trigger-sort > span.d-none.d-sm-block {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

.sort-container .card-footer.sort_actions .btn-group button.trigger-sort:hover > span.d-none.d-sm-block,
.sort-container .card-footer.sort_actions .btn-group button.trigger-sort:focus > span.d-none.d-sm-block {
  color: var(--aprendiz-orange, #ff641d) !important;
  -webkit-text-fill-color: var(--aprendiz-orange, #ff641d) !important;
}

/* ============================================================
 * ORDENAÇÃO — CTA PRINCIPAL NO PADRÃO APRENDIZ
 * ============================================================ */
.sort-container .card-footer.sort_actions button.trigger-sort {
  background: var(--aprendiz-orange, #ff641d) !important;
  border-color: var(--aprendiz-orange, #ff641d) !important;
  color: #fff !important;
}

.sort-container .card-footer.sort_actions button.trigger-sort > i,
.sort-container .card-footer.sort_actions button.trigger-sort > span {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.sort-container .card-footer.sort_actions button.trigger-sort:hover,
.sort-container .card-footer.sort_actions button.trigger-sort:focus {
  background: var(--aprendiz-orange-dark, #e95310) !important;
  border-color: var(--aprendiz-orange-dark, #e95310) !important;
  color: #fff !important;
}

.sort-container .card-footer.sort_actions button.trigger-sort:hover > i,
.sort-container .card-footer.sort_actions button.trigger-sort:hover > span,
.sort-container .card-footer.sort_actions button.trigger-sort:focus > i,
.sort-container .card-footer.sort_actions button.trigger-sort:focus > span {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* ============================================================
 * ORDENAÇÃO — HOVER FINAL DO CTA
 * ============================================================ */
.card.card-sm.sort-container > .card-footer.sort_actions .btn-group > button.btn.btn-sm.btn-primary.trigger-sort:hover,
.card.card-sm.sort-container > .card-footer.sort_actions .btn-group > button.btn.btn-sm.btn-primary.trigger-sort:focus,
.card.card-sm.sort-container > .card-footer.sort_actions .btn-group > button.btn.btn-sm.btn-primary.trigger-sort:active {
  background-color: var(--aprendiz-orange-dark, #e95310) !important;
  background-image: none !important;
  border-color: var(--aprendiz-orange-dark, #e95310) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: none !important;
}

.card.card-sm.sort-container > .card-footer.sort_actions .btn-group > button.btn.btn-sm.btn-primary.trigger-sort:hover > i,
.card.card-sm.sort-container > .card-footer.sort_actions .btn-group > button.btn.btn-sm.btn-primary.trigger-sort:hover > span,
.card.card-sm.sort-container > .card-footer.sort_actions .btn-group > button.btn.btn-sm.btn-primary.trigger-sort:focus > i,
.card.card-sm.sort-container > .card-footer.sort_actions .btn-group > button.btn.btn-sm.btn-primary.trigger-sort:focus > span,
.card.card-sm.sort-container > .card-footer.sort_actions .btn-group > button.btn.btn-sm.btn-primary.trigger-sort:active > i,
.card.card-sm.sort-container > .card-footer.sort_actions .btn-group > button.btn.btn-sm.btn-primary.trigger-sort:active > span {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* ============================================================
 * ORDENAÇÃO — HOVER FINAL DO CTA
 * ============================================================ */
.card.card-sm.sort-container > .card-footer.sort_actions .btn-group > button.btn.btn-sm.btn-primary.trigger-sort:hover,
.card.card-sm.sort-container > .card-footer.sort_actions .btn-group > button.btn.btn-sm.btn-primary.trigger-sort:focus,
.card.card-sm.sort-container > .card-footer.sort_actions .btn-group > button.btn.btn-sm.btn-primary.trigger-sort:active {
  background-color: var(--aprendiz-orange-dark, #e95310) !important;
  background-image: none !important;
  border-color: var(--aprendiz-orange-dark, #e95310) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: none !important;
}

.card.card-sm.sort-container > .card-footer.sort_actions .btn-group > button.btn.btn-sm.btn-primary.trigger-sort:hover > i,
.card.card-sm.sort-container > .card-footer.sort_actions .btn-group > button.btn.btn-sm.btn-primary.trigger-sort:hover > span,
.card.card-sm.sort-container > .card-footer.sort_actions .btn-group > button.btn.btn-sm.btn-primary.trigger-sort:focus > i,
.card.card-sm.sort-container > .card-footer.sort_actions .btn-group > button.btn.btn-sm.btn-primary.trigger-sort:focus > span,
.card.card-sm.sort-container > .card-footer.sort_actions .btn-group > button.btn.btn-sm.btn-primary.trigger-sort:active > i,
.card.card-sm.sort-container > .card-footer.sort_actions .btn-group > button.btn.btn-sm.btn-primary.trigger-sort:active > span {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}