/* ============================================
   MAPA MENTAL MAKER - Print Styles
   Preparacao via JS (beforeprint/afterprint)
   ============================================ */

@media print {
  /* Remove UI elements */
  .header,
  .sidebar,
  .sidebar-overlay,
  .zoom-controls,
  .minimap,
  .context-menu,
  .toast-container,
  .modal-overlay,
  .home-screen,
  .mm-node__actions,
  .mm-node__collapse,
  .mm-node__children-count,
  .mm-node__port,
  .canvas-grid,
  .selection-box,
  .mm-node__description--empty {
    display: none !important;
  }

  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  body {
    overflow: visible !important;
    height: auto !important;
    width: auto !important;
    background: white !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .app {
    height: auto !important;
    overflow: visible !important;
    display: block !important;
  }

  .main {
    display: block !important;
    overflow: visible !important;
    height: auto !important;
  }

  .canvas-container {
    position: relative !important;
    overflow: visible !important;
    background: white !important;
    flex: none !important;
  }

  /* The viewport transform is set by JS beforeprint handler */
  .canvas-viewport {
    position: relative !important;
  }

  .nodes-layer {
    position: relative !important;
  }

  /* SVG connections visible */
  .connections-layer {
    position: absolute !important;
    overflow: visible !important;
  }

  .connections-layer path {
    stroke: #888 !important;
    stroke-width: 1.5 !important;
    fill: none !important;
  }

  .mm-node {
    box-shadow: none !important;
    border: 1px solid #ccc !important;
    break-inside: avoid;
  }

  .mm-node.selected {
    outline: none !important;
    box-shadow: none !important;
  }

  .mm-node__stripe {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  @page {
    margin: 1cm;
    size: A4 landscape;
  }
}