/* Shared wireframe styles: grayscale placeholder media + small helpers used across pages. */

.placeholder-media {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f3f4f6; /* gray-100 */
  background-image: repeating-linear-gradient(
    45deg,
    #e5e7eb 0,
    #e5e7eb 1px,
    transparent 1px,
    transparent 10px
  );
  border: 1px solid #e5e7eb; /* gray-200 */
  color: #9ca3af; /* gray-400 */
  border-radius: 0.5rem;
}

.placeholder-media > * {
  pointer-events: none;
}

[x-cloak] {
  display: none !important;
}