/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

/* Chart styling for Chartkick */
[data-controller="chartkick"] {
  --ck-color-teal-500: #14b8a6;
  --ck-color-teal-600: #0d9488;
}

/* Smooth transitions for theme changes */
html {
  @apply transition-colors duration-300;
}

/* Monospace numbers in duration fields */
.format-hms {
  @apply font-mono;
}

/* Better focus states for accessibility */
input:focus,
select:focus,
textarea:focus {
  @apply outline-none;
}

/* Print styles for PDF export */
@media print {
  .no-print {
    @apply hidden;
  }
}