/* =====================================================================
   NR-01 Psicossocial | Indicador de processamento (update progress)
   Usado por Scripts/nr01-loading.js — o overlay é criado pelo script.
   Paleta da marca MR Gestão System.
   ===================================================================== */
:root {
  --nr01-ld-navy:  #0A2647;
  --nr01-ld-azul:  #1D4F85;
  --nr01-ld-ouro:  #E8A33D;
  --nr01-ld-ceu:   #5BAEF0;
  --nr01-ld-texto: #F4F7FB;
  --nr01-ld-sub:   #B9CBE2;
}

.nr01-ld {
  position: fixed; inset: 0; z-index: 2147483000;
  display: flex; align-items: center; justify-content: center;
  padding: 24px;
  background: rgba(10, 38, 71, .84);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  opacity: 0; visibility: hidden;
  transition: opacity .18s ease, visibility 0s linear .18s;
  cursor: progress;
}
.nr01-ld.is-ativo {
  opacity: 1; visibility: visible;
  transition: opacity .18s ease;
}

.nr01-ld__conteudo {
  display: flex; flex-direction: column; align-items: center;
  text-align: center; max-width: 360px;
}

/* ── Marca: hexágono MR com traço dourado percorrendo o contorno ── */
.nr01-ld__marca { width: 128px; height: 128px; margin-bottom: 20px; }
.nr01-ld__hex-base  { fill: rgba(29, 79, 133, .35); stroke: var(--nr01-ld-azul); stroke-width: 3; }
.nr01-ld__hex-traco {
  fill: none; stroke: var(--nr01-ld-ouro); stroke-width: 3.5;
  stroke-linecap: round; stroke-linejoin: round;
  stroke-dasharray: 24 76;
  animation: nr01-ld-percorrer 1.6s linear infinite;
}
.nr01-ld__no {
  fill: var(--nr01-ld-ceu);
  animation: nr01-ld-no 1.6s ease-in-out infinite;
}
.nr01-ld__no:nth-of-type(2) { animation-delay: .267s; }
.nr01-ld__no:nth-of-type(3) { animation-delay: .533s; }
.nr01-ld__no:nth-of-type(4) { animation-delay: .8s; }
.nr01-ld__no:nth-of-type(5) { animation-delay: 1.067s; }
.nr01-ld__no:nth-of-type(6) { animation-delay: 1.333s; }
.nr01-ld__sigla {
  fill: #fff; font-family: Cambria, "Times New Roman", Georgia, serif;
  font-weight: 700; font-size: 34px; letter-spacing: .5px;
}

.nr01-ld__titulo {
  margin: 0 0 6px;
  font-family: Cambria, "Times New Roman", Georgia, serif;
  font-weight: 700; font-size: 22px; line-height: 1.2;
  color: var(--nr01-ld-texto);
}
.nr01-ld__status {
  margin: 0;
  font-family: Calibri, "Segoe UI", system-ui, sans-serif;
  font-size: 15px; line-height: 1.5; color: var(--nr01-ld-sub);
  min-height: 1.5em;
}
.nr01-ld__demora {
  margin: 14px 0 0;
  font-family: Calibri, "Segoe UI", system-ui, sans-serif;
  font-size: 13px; line-height: 1.5; color: var(--nr01-ld-sub);
  opacity: 0; transition: opacity .3s ease;
}
.nr01-ld.is-demorado .nr01-ld__demora { opacity: .85; }

@keyframes nr01-ld-percorrer { to { stroke-dashoffset: -100; } }
@keyframes nr01-ld-no {
  0%, 100% { opacity: .35; }
  20%      { opacity: 1; }
}

/* Movimento reduzido: sem traço correndo, só uma pulsação suave */
@media (prefers-reduced-motion: reduce) {
  .nr01-ld__hex-traco { animation: none; stroke-dasharray: none; opacity: .9; }
  .nr01-ld__no        { animation: none; opacity: .8; }
  .nr01-ld__marca     { animation: nr01-ld-pulso 2.4s ease-in-out infinite; }
  @keyframes nr01-ld-pulso { 50% { opacity: .6; } }
}