/* Piezas del App Shell de la intranet (base/css/app_shell.css y gruas/css/acciones.css)
   para que el portal use los mismos colores, loader, alertas y acciones. */

:root {
  --app-accent: #891b35;
  --app-accent-dark: #a82040;
  --app-accent-soft: #fdf0f3;
  --app-border-soft: #ede0da;
  --app-gold: #bc955c;
  --app-bg: #f4f5f7;
}

/* ── Loader global de página → id: #loader-overlay ─────────── */
#loader-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(3px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 999999;
  opacity: 1;
  visibility: visible;
  transition: opacity .35s ease, visibility .35s ease;
}
#loader-overlay.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
#loader-overlay .loader-text {
  margin-top: 12px;
  color: var(--app-accent);
  font-weight: 600;
  letter-spacing: .5px;
}
#loader-overlay .loader-dots {
  display: flex;
  gap: 12px;
}
#loader-overlay .loader-dots div {
  width: 18px;
  height: 18px;
  background-color: var(--app-accent);
  border-radius: 50%;
  animation: appLoaderBounce .6s infinite alternate;
}
#loader-overlay .loader-dots div:nth-child(2) { animation-delay: .2s; }
#loader-overlay .loader-dots div:nth-child(3) { animation-delay: .4s; }
@keyframes appLoaderBounce {
  from { transform: translateY(0); opacity: .6; }
  to   { transform: translateY(-12px); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  #loader-overlay,
  #loader-overlay .loader-dots div {
    animation: none;
    transition: none;
  }
}

/* ── Acciones de fila (gruas/css/acciones.css) ─────────────── */
.app-table .sig-accion + .sig-accion,
.app-table form.d-inline + .sig-accion,
.app-table .sig-accion + form.d-inline,
.app-table form.d-inline + form.d-inline {
  margin-left: 6px;
}
.chip-tipo.gruas-chip-danger {
  background: #fef2f2;
  color: #b91c1c;
  border-color: #fecaca;
}
@media (pointer: coarse) {
  .sig-accion {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }
}
.app-form-label-nota {
  text-transform: none;
  letter-spacing: normal;
}

/* ── Modal de éxito ────────────────────────────────────────── */
.modal-exito-dialog { max-width: 420px; }
.modal-exito-body { padding: 2.2rem 1.5rem 1.4rem; }
.modal-exito-footer { padding-bottom: 1.6rem; }
.modal-exito-icono {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #f0fdf4;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
}
.modal-exito-icono i {
  color: #15803d;
  font-size: 1.8rem;
}