/* Print styles */
/* =============================================
     PRINT STYLES
     ============================================= */

@media print {
  /* Reset backgrounds for printing */
  body {
    background: white;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* Hide UI chrome */
  .topbar .controls,
  .filter-bar,
  .settings-btn,
  .efficiency-btn,
  .efficiency-breakdown,
  .efficiency-backdrop,
  .range-select,
  .account-settings-btn,
  .help-btn,
  .row-toggle,
  .offline-banner,
  .auth-screen,
  .toast,
  .online-toast,
  .modal,
  .modal-backdrop,
  .welcome-modal-backdrop,
  .help-drawer-backdrop,
  .tour-overlay,
  .tour-tooltip,
  .weather-forecast-bar,
  .expansion-actions,
  .drag-handle,
  .chart-reset-zoom,
  .chart-zoom-hint,
  .chart-mode-toggle,
  .chart-export-btn,
  .device-settings-btn,
  .water-usage-badge,
  .water-usage-popup,
  .water-usage-popup-overlay,
  .whatsapp-help,
  .debug-panel,
  .page-footer,
  .device-offline-notice,
  .chart-error,
  .no-data-range,
  .stage-nudge-banner,
  .stage-nudge-dismiss,
  #loginAsOverrideBanner {
    display: none !important;
  }

  /* Ensure brand shows */
  .topbar {
    margin-bottom: 20px;
    border-bottom: 2px solid #333;
    padding-bottom: 10px;
  }

  /* Remove shadows and rounded corners */
  .panel {
    box-shadow: none;
    border: 1px solid #ccc;
    border-radius: 0;
    overflow: visible;
  }

  /* Show only expanded expansion rows */
  .expansion-row.visible {
    display: table-row;
  }

  .expansion-row > td {
    padding: 12px 0;
  }

  /* Keep device row and its expansion row together on same page */
  .device-row {
    page-break-inside: avoid;
    break-inside: avoid;
  }

  /* Page break AFTER expansion row (after the chart), not after device row */
  .expansion-row {
    page-break-after: always;
    break-after: always;
    page-break-inside: avoid;
    break-inside: avoid;
  }

  /* Last expansion row doesn't need page break */
  .expansion-row:last-of-type {
    page-break-after: avoid;
    break-after: avoid;
  }

  /* Keep chart together */
  .chart-shell {
    page-break-inside: avoid;
    break-inside: avoid;
  }

  .expanded-panel {
    page-break-inside: avoid;
    break-inside: avoid;
    border: 1px solid #ddd;
    padding: 12px;
    margin: 8px 0;
  }

  /* Charts sized appropriately */
  canvas,
  canvas.ts-canvas {
    max-width: 100%;
    height: 200px;
  }

  .chart-wrap {
    height: 220px;
    min-height: auto;
  }

  /* Remove interactive hover states */
  .device-row:hover {
    background: transparent;
  }

  /* Disable animations and hide glow halo in print */
  .pip-glow {
    display: none;
  }
  .irrig-now-dot {
    animation: none;
  }
  .row-toggle.status-stale,
  .row-toggle.status-offline {
    animation: none;
  }

  /* Ensure text is readable */
  .cell-main,
  .cell-sub {
    color: black;
  }

  /* Simplify expanded header for print */
  .expanded-head {
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
    margin-bottom: 8px;
  }

  .expanded-title .t1 {
    font-size: 14px;
  }

  /* Hide device ID label on print */
  .device-id-label {
    display: none;
  }

  /* Print header */
  .print-header {
    display: block;
    text-align: center;
    margin-bottom: 20px;
    font-size: 12px;
    color: #666;
  }

  /* Print footer with date */
  .print-footer {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 10px;
    color: #999;
    padding: 10px;
    border-top: 1px solid #eee;
  }
}