@media print {
  @page {
    size: landscape;
    margin: 0.4in;
  }

  *,
  *::before,
  *::after {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html, body {
    background-color: white !important;
    color: #1a1a2e !important;
  }

  body > div,
  #root,
  #root > div,
  main,
  main > div {
    background-color: white !important;
    color: #1a1a2e !important;
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  main > div {
    padding: 0.2in !important;
  }

  nav {
    display: none !important;
  }

  .no-print {
    display: none !important;
  }

  .print-only-header {
    display: block !important;
  }

  .min-h-screen {
    min-height: auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  .h-screen {
    height: auto !important;
  }

  .overflow-hidden, .overflow-y-auto, .scroll-smooth {
    overflow: visible !important;
    height: auto !important;
  }

  .glass-panel {
    background-color: #f0f2f5 !important;
    border: 1px solid #d0d5dd !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  .tech-border::before {
    display: none !important;
  }

  div, span, p, h1, h2, h3, h4, h5, h6, li, td, th, label, a {
    color: #1a1a2e !important;
  }

  .text-muted-foreground,
  .text-muted-foreground span {
    color: #64748b !important;
  }

  span[class*="text-"] {
    color: #64748b !important;
  }

  .font-mono {
    color: #475569 !important;
  }

  .text-green-400 { color: #16a34a !important; }
  .text-yellow-400 { color: #ca8a04 !important; }
  .text-red-400 { color: #dc2626 !important; }
  .text-blue-400 { color: #2563eb !important; }
  .text-orange-400 { color: #d97706 !important; }
  .text-cyan-400 { color: #0891b2 !important; }
  .text-amber-400 { color: #d97706 !important; }
  .text-violet-400 { color: #7c3aed !important; }
  .text-emerald-400 { color: #059669 !important; }
  .text-slate-400 { color: #64748b !important; }
  .text-purple-400 { color: #9333ea !important; }

  [class*="bg-green-400"] { background-color: rgba(22, 163, 74, 0.1) !important; }
  [class*="bg-yellow-400"] { background-color: rgba(202, 138, 4, 0.1) !important; }
  [class*="bg-red-400"] { background-color: rgba(220, 38, 38, 0.1) !important; }
  [class*="bg-blue-400"] { background-color: rgba(37, 99, 235, 0.1) !important; }
  [class*="bg-orange-400"] { background-color: rgba(217, 119, 6, 0.1) !important; }

  .bg-warning {
    background-color: #d97706 !important;
  }

  .bg-primary {
    background-color: #0891b2 !important;
  }

  .recharts-wrapper {
    background-color: transparent !important;
  }

  .recharts-cartesian-grid line {
    stroke: #e2e8f0 !important;
  }

  .recharts-xAxis .recharts-cartesian-axis-tick-value,
  .recharts-yAxis .recharts-cartesian-axis-tick-value {
    fill: #64748b !important;
  }

  .recharts-label {
    fill: #94a3b8 !important;
  }

  .recharts-rectangle[fill] {
    opacity: 1 !important;
  }

  .grid {
    display: grid !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  .grid > * {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  .pointer-events-none {
    display: none !important;
  }

  [class*="blur-"] {
    display: none !important;
  }

  .recharts-wrapper, .recharts-surface {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  .animate-pulse {
    animation: none !important;
  }

  .print-top-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
  }

  .print-status-ring {
    display: none !important;
  }

  .print-stats-col {
    grid-column: 1 !important;
    grid-row: 1 !important;
    gap: 3px !important;
  }

  .print-events-col {
    grid-column: 2 !important;
    grid-row: 1 !important;
    max-height: 340px !important;
    overflow: hidden !important;
    font-size: 0.65rem !important;
    padding: 0.3rem !important;
  }

  .print-events-col * {
    font-size: inherit !important;
    line-height: 1.3 !important;
  }

  .print-chart {
    height: 230px !important;
  }

  .print-stats-col .glass-panel {
    padding: 0.25rem 0.4rem !important;
    margin-bottom: 2px !important;
  }

  .print-chart svg {
    max-height: 180px !important;
  }
}