/* Pie del sidebar (correo / cerrar sesión) */
.sb-sidenav .sb-sidenav-footer.panel-layout-footer {
  box-sizing: border-box;
  padding: 0.75rem;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.panel-layout-footer-text {
  font-size: 0.875em;
  line-height: 1.5;
  margin: 0;
}

.sidenav-account-menu {
  width: 100%;
}

/* Pie del sidebar: cuenta y cerrar sesión */
.sidenav-account-toggle {
  color: rgba(255, 255, 255, 0.65);
  text-decoration: none;
  min-height: 0;
  line-height: 1.5;
  --bs-btn-line-height: 1.5;
}
.sidenav-account-toggle:hover,
.sidenav-account-toggle:focus,
.sidenav-account-toggle.show {
  color: #fff;
}
.sidenav-account-toggle-icon {
  opacity: 0.85;
  font-size: 0.8125rem;
  transition: transform 0.15s ease, opacity 0.15s ease;
}
.sidenav-account-toggle:hover .sidenav-account-toggle-icon,
.sidenav-account-toggle.show .sidenav-account-toggle-icon {
  opacity: 1;
}
.sidenav-account-toggle.show .sidenav-account-toggle-icon {
  transform: rotate(180deg);
}
.sidenav-account-menu .dropdown-menu {
  min-width: 100%;
}

/* Escritorio: sidebar siempre visible (sin colapsar) */
@media (min-width: 992px) {
  body.sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {
    transform: translateX(0);
  }
  body.sb-sidenav-toggled #layoutSidenav #layoutSidenav_content {
    margin-left: 0;
  }
  body.sb-sidenav-toggled #layoutSidenav #layoutSidenav_content::before {
    display: none;
  }
}

/* Campo créditos: texto plano, sin spinners de type=number */
#orderCreditsModal #id_credits {
  appearance: textfield;
  -moz-appearance: textfield;
}
#orderCreditsModal #id_credits::-webkit-outer-spin-button,
#orderCreditsModal #id_credits::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Resumen admin órdenes: informativo, no clicable */
.admin-stat-cards .admin-stat-card {
  cursor: default;
  pointer-events: none;
}

/* Comprobante en modal admin: no forzar ancho (evita upscale borroso) */
.admin-proof-modal-body {
  overflow: auto;
  max-height: 75vh;
}
.admin-proof-image {
  max-width: 100%;
  max-height: 72vh;
  width: auto;
  height: auto;
  object-fit: contain;
  vertical-align: middle;
}