/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps.
 *
 * NOTE: Tailwind is loaded via the Play CDN, which does NOT compile @apply in
 * external stylesheets. Component patterns (.btn, .table, etc.) are therefore
 * defined in a <style type="text/tailwindcss"> block in the layout <head>.
 *
 * Use this file only for plain CSS that does not depend on Tailwind directives.
 */

@media print {
  /* Hide chrome */
  .app-container > aside,
  nav,
  .mobile-nav,
  .btn,
  .no-print,
  [data-controller="layout"],
  [data-controller="mobile-drawer"],
  [data-controller="bulk-selection"] {
    display: none !important;
  }

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

  .app-container {
    display: block !important;
  }

  main {
    padding: 0 !important;
    max-width: 100% !important;
  }

  /* Force light mode */
  .dark {
    background: white !important;
    color: black !important;
  }

  .dark * {
    background: white !important;
    color: black !important;
    border-color: #ddd !important;
  }

  /* Print-only elements */
  .print-only {
    display: block !important;
  }

  /* Table improvements */
  table {
    width: 100% !important;
    font-size: 10pt !important;
    border-collapse: collapse !important;
  }

  th, td {
    border: 1px solid #ddd !important;
    padding: 4px 8px !important;
  }

  /* Page breaks */
  h1, h2, h3 {
    page-break-after: avoid;
  }

  tr {
    page-break-inside: avoid;
  }

  /* Margins */
  @page {
    margin: 2cm;
  }
}
