/* Print Styles for Workflow Guide PDF Export */
/* Hide non-essential elements */
header,
nav,
aside,
footer,
[data-sidebar],
.sidebar {
  display: none !important;
}

/* Reset page layout */
body {
  background: white !important;
  color: black !important;
  font-size: 11pt !important;
  line-height: 1.4 !important;
}

/* Main content full width */
main,
#workflow-guide {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0.5in !important;
}

/* Card styling for print */
.card,
[class*="Card"] {
  border: 1px solid #ddd !important;
  box-shadow: none !important;
  background: white !important;
  break-inside: avoid;
  page-break-inside: avoid;
  margin-bottom: 0.75rem !important;
}

/* Ensure readable text */
h1, h2, h3, h4, h5, h6 {
  color: black !important;
  page-break-after: avoid;
}

.section-heading {
  font-size: 16pt !important;
}

/* Badge styling for print */
.badge,
[class*="Badge"] {
  border: 1px solid #666 !important;
  background: #f5f5f5 !important;
  color: black !important;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}

/* Preserve background colors for visual hierarchy */
[class*="bg-success"] {
  background: #e8f5e9 !important;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}

[class*="bg-warning"] {
  background: #fff8e1 !important;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}

[class*="bg-primary"] {
  background: #e0f7fa !important;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}

/* Code blocks */
code {
  background: #f5f5f5 !important;
  border: 1px solid #ddd !important;
  padding: 0.1rem 0.25rem !important;
  font-size: 9pt !important;
}

/* Grid to vertical on print */
.grid {
  display: block !important;
}

.grid > * {
  margin-bottom: 0.5rem !important;
}

/* Icons */
svg {
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}

/* Page breaks */
.space-y-6 > div,
.space-y-8 > div {
  page-break-inside: avoid;
}

/* Separator */
hr,
[class*="Separator"] {
  border-top: 1px solid #ccc !important;
  margin: 1rem 0 !important;
}