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

/* Print styles */
@media print {
  /* Hide navigation, sidebar, mobile bars, action buttons */
  aside,
  nav,
  [data-controller="sidebar"],
  [data-controller="pull-refresh"] > div:first-child,
  .no-print,
  [data-dismissible],
  button,
  a[href] {
    display: none !important;
  }

  /* Reset layout */
  body {
    background: white !important;
    color: black !important;
  }

  .md\:ml-64 {
    margin-left: 0 !important;
  }

  .pt-14 {
    padding-top: 0 !important;
  }

  .pb-16 {
    padding-bottom: 0 !important;
  }

  /* Show printable content area */
  .print-content {
    display: block !important;
  }

  .card {
    border: 1px solid #e5e7eb !important;
    box-shadow: none !important;
    break-inside: avoid;
  }

  /* Prose dark mode override for print */
  .dark\:prose-invert {
    color: black !important;
  }

  .dark\:prose-invert h1,
  .dark\:prose-invert h2,
  .dark\:prose-invert h3,
  .dark\:prose-invert h4 {
    color: black !important;
  }

  /* Show link URLs */
  .prose a[href]::after {
    content: " (" attr(href) ")";
    font-size: 0.75em;
    color: #6b7280;
  }

  /* Keep action buttons row hidden but show title */
  .share-actions {
    display: none !important;
  }
}