/* app_shell/static/css/permissions.css */

/* Elementos deshabilitados por falta de permisos */
.permission-disabled {
  opacity: 0.6;
  pointer-events: none !important;
  cursor: not-allowed !important;
  filter: grayscale(0.5);
  position: relative;
}

.permission-disabled::after {
  content: '🔒';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.2rem;
  opacity: 0.8;
  z-index: 10;
}

/* Inputs en modo solo-lectura por restricción de permisos */
.read-only-input {
  background-color: #f1f3f5 !important;
  cursor: not-allowed !important;
  border-color: #dee2e6 !important;
  color: #6c757d !important;
  pointer-events: none;
}

/* Tooltip informativo para elementos bloqueados */
[data-permission-reason]:hover::before {
  content: attr(data-permission-reason);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #212529;
  color: #fff;
  padding: 0.4rem 0.8rem;
  border-radius: 4px;
  font-size: 0.8rem;
  white-space: nowrap;
  z-index: 1050;
  margin-bottom: 5px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* Estilos específicos para botones de acción deshabilitados en tablas */
.btn-permission-denied {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}