.custom-node {
    display: flex;
    align-items: center;
    background-color: #3e3e3e;
    color: white;
    border-radius: 50px;
    padding: 8px 16px;
    min-width: 280px;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
}
.pill-node {
  min-height: unset; /* deixa crescer */
  align-items: flex-start; /* topo, para textos com mais linhas */
}


.node-avatar {
    width: 40px;
    height: 40px;
    background-color: #1976d2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    font-size: 18px;
}

.node-avatar i {
    color: white;
}

.node-info {
    display: flex;
    flex-direction: column;
}

.node-name {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

.node-title {
    font-size: 11px;
    color: #ddd;
}
/* Cartão do tooltip */
.tooltip-card{
  background:#f1f1f1;
  padding:14px;
  border-radius:12px;
  box-shadow:0 6px 16px rgba(0,0,0,.15);
}
.tooltip-row{
  display:flex; gap:10px; align-items:center; flex-wrap:wrap;
}
.tooltip-pill{
  background:#ececec; border-radius:10px; padding:6px 10px; font-size:12px;
  display:inline-flex; align-items:center; gap:6px; color:#111;
}
.tooltip-body .tooltip-box{
  background:#fff; border-radius:10px; padding:10px; font-size:12px; color:#111;
  box-shadow:0 2px 6px rgba(0,0,0,.1); flex:1; min-width:180px;
}
.tooltip-body .tooltip-box.full{ min-width:100%; }

/* Aparência do botão nativo definido via .buttonContent */
#tree .org-btn-toggle{
  background:#85abec;
  color:#000000;
  border-radius:5px;
  padding:2px 8px;
  font-size:12px;
  font-weight:800;
  box-shadow:0 1px 3px rgba(0,0,0,.25);
  display:inline-flex;
  align-items:center;
  gap:6px;
  line-height:1;
  cursor:pointer;
  user-select:none;
}
.itens-footer{
  display:flex; gap:10px; align-items:center; flex-wrap:wrap;
  background-color: #0c2856;
}
#tree .org-btn-toggle:hover{ background:#0a58ca; }
#tree .org-btn-toggle .sym{ font-size:14px; }
#tree .org-btn-toggle .cnt{ opacity:.95; }
.form-edit{
  padding: 2rem;
}
/* Altura máxima do corpo do modal e rolagem vertical */
.modal-dialog-scrollable .modal-body {
  max-height: calc(100vh - 12rem); /* ajusta conforme seu header/footer */
  overflow-y: auto;
}

  .row-arquivado {
    opacity: 0.55;
    filter: grayscale(1);
  }
  .row-arquivado .btn-primary,
  .row-arquivado .btn-info,
  .row-arquivado .btn-warning {
    pointer-events: none;
    opacity: 0.5;
  }

  /* === checkbox "É liderança" destacado === */
.form-check-input{
  border: solid 1px #000000;
}
.form-check.lideranca-check {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  background-color: #f8f9fa;
   display: inline-flex;             /* garante alinhamento horizontal */
  align-items: center;              /* centraliza verticalmente */
  gap: 0.6rem;                      /* espaçamento entre check e texto */
}

.form-check.lideranca-check:hover {
  background-color: #eef2f8;
  border-color: #000e24;
}

.form-check.lideranca-check input[type="checkbox"] {
  transform: scale(1.4);
  accent-color: #000001; /* cor azul SEPLAG */
  cursor: pointer;
  margin: 0;             /* remove deslocamento vertical padrão */
}

.form-check.lideranca-check label {
  font-weight: 600;
  font-size: 1rem;
  color: #020a17;
  cursor: pointer;
  margin: 0;             /* garante centralização com o checkbox */
}

/* Em telas pequenas, dá um pouco mais de altura útil */
@media (max-width: 576px) {
  .modal-dialog-scrollable .modal-body {
    max-height: calc(100vh - 9rem);
  }
}