/* Custom styles to complement Pico CSS */

/* Make the navigation more compact */
nav {
  padding: 0.5rem 0;
}

/* Improve table responsiveness */
.overflow-auto {
  overflow-x: auto;
}

/* Better spacing for form grids */
.grid {
  gap: 1rem;
}

/* Notification indicators */
[data-theme="light"] mark {
  background-color: var(--pico-color-azure-100);
  color: var(--pico-color-azure-800);
}

/* Status indicators */
mark {
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
}

ins {
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  background-color: var(--pico-color-green-100);
  color: var(--pico-color-green-800);
}

kbd {
  font-size: 0.75rem;
  padding: 0.125rem 0.375rem;
}

/* Better article spacing */
article + article {
  margin-top: 1rem;
}

/* Improve form error styling */
article[style*="background-color: var(--pico-color-red-50)"] {
  margin-bottom: 1rem;
}