/*
 * 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.
 */

/* Modal blur effect */
body.modal-open > :not(dialog) {
  filter: blur(3px);
  transition: filter 150ms ease-in-out;
}

body:not(.modal-open) > * {
  filter: blur(0);
  transition: filter 150ms ease-in-out;
}

/* Print Styles */
@media print {
  /* Hide navigation and decorative elements */
  [data-blob],
  nav,
  header {
    display: none !important;
  }

  /* Reset dark mode colors for print */
  html, body {
    background: white !important;
    color: black !important;
  }

  .dark\:bg-gray-900,
  .dark\:bg-gray-800,
  .dark\:bg-gray-800\/50 {
    background: white !important;
  }

  .dark\:text-white,
  .dark\:text-gray-100,
  .dark\:text-gray-200,
  .dark\:text-gray-300 {
    color: black !important;
  }

  .dark\:text-gray-400,
  .dark\:text-gray-500 {
    color: #666 !important;
  }

  /* Make main content full width */
  main {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  .lg\:pl-72 {
    padding-left: 0 !important;
  }

  /* Ensure borders are visible */
  .dark\:border-white\/10 {
    border-color: #e5e7eb !important;
  }

  /* Cards and panels should avoid page breaks */
  .rounded-lg,
  .rounded-xl,
  .rounded-2xl {
    page-break-inside: avoid;
  }

  /* Links show URL in print */
  a[href]:after {
    content: none; /* Disable by default, enable per-element if needed */
  }

  /* Ensure text is readable */
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

}