/* ========== RETROSPECTIVE PRINT STYLES ========== */

@media print {
  /* Hide UI elements */
  .header-right,
  .edit-mode-banner,
  .retro-add-btn,
  .retro-item__actions,
  .retro-action-btn,
  .anonymous-indicator,
  .modal-overlay,
  .status,
  .retro-info__edit-btn {
    display: none !important;
  }

  /* Reset body */
  body {
    background: white !important;
    color: black !important;
    font-size: 12pt !important;
  }

  /* Header for print */
  .header {
    position: relative !important;
    background: white !important;
    border-bottom: 2px solid #333 !important;
    padding: 12pt !important;
  }

  .header h1 {
    color: black !important;
    font-size: 16pt !important;
  }

  .stat-group {
    display: none !important;
  }

  .nav-dropdown {
    display: none !important;
  }

  /* Container */
  .retro-container {
    height: auto !important;
    overflow: visible !important;
  }

  /* Board layout for print */
  .retro-board {
    display: flex !important;
    flex-direction: row !important;
    gap: 12pt !important;
    padding: 12pt !important;
    page-break-inside: avoid;
  }

  /* Columns */
  .retro-column {
    flex: 1 !important;
    min-width: 0 !important;
    max-width: none !important;
    background: white !important;
    border: 1px solid #333 !important;
    border-radius: 4pt !important;
    page-break-inside: avoid;
  }

  .retro-column__header {
    background: #f0f0f0 !important;
    border-bottom: 1px solid #333 !important;
    padding: 8pt !important;
    border-left-width: 4pt !important;
  }

  .retro-column--went-well .retro-column__header {
    border-left-color: #22c55e !important;
  }

  .retro-column--went-poorly .retro-column__header {
    border-left-color: #ef4444 !important;
  }

  .retro-column--action-items .retro-column__header {
    border-left-color: #a78bfa !important;
  }

  .retro-column__title {
    color: black !important;
    font-size: 11pt !important;
    font-weight: bold !important;
  }

  .retro-column__count {
    background: white !important;
    border: 1px solid #333 !important;
    color: black !important;
  }

  .retro-column__body {
    padding: 8pt !important;
  }

  /* Items */
  .retro-item {
    background: white !important;
    border: 1px solid #666 !important;
    border-radius: 4pt !important;
    padding: 8pt !important;
    margin-bottom: 6pt !important;
    page-break-inside: avoid;
  }

  .retro-item__text {
    color: black !important;
    font-size: 10pt !important;
  }

  .retro-item__author {
    color: #666 !important;
    font-size: 8pt !important;
  }

  /* Votes */
  .retro-vote {
    background: #f0f0f0 !important;
    border: 1px solid #666 !important;
    color: black !important;
    padding: 4pt 6pt !important;
  }

  /* Groups */
  .retro-group {
    border: 1px solid #333 !important;
    margin-bottom: 6pt !important;
    page-break-inside: avoid;
  }

  .retro-group__header {
    background: #f0f0f0 !important;
    border-bottom: 1px solid #666 !important;
    padding: 8pt !important;
  }

  .retro-group__children {
    display: block !important;
    padding: 8pt !important;
  }

  .retro-child {
    background: #fafafa !important;
    border: 1px solid #ddd !important;
    border-left: 3px solid #999 !important;
    padding: 6pt !important;
    margin-bottom: 4pt !important;
  }

  .retro-child__text {
    color: black !important;
    font-size: 9pt !important;
  }

  /* Info bar */
  .retro-info {
    background: #f5f5f5 !important;
    border-bottom: 1px solid #333 !important;
    padding: 6pt 12pt !important;
    color: black !important;
  }

  .retro-info__sprint {
    background: #e0e0e0 !important;
    color: black !important;
  }

  /* Empty state - hide */
  .retro-empty {
    display: none !important;
  }

  /* Page settings */
  @page {
    margin: 0.5in;
    size: landscape;
  }

  /* Force column widths */
  .retro-column {
    width: 32% !important;
  }
}

/* Print-specific action items section */
@media print {
  .print-action-items {
    page-break-before: always;
    padding: 12pt;
  }

  .print-action-items h2 {
    font-size: 14pt;
    margin-bottom: 12pt;
    border-bottom: 2px solid #333;
    padding-bottom: 6pt;
  }

  .print-action-item {
    display: flex;
    gap: 8pt;
    padding: 8pt;
    border: 1px solid #666;
    border-left: 4pt solid #a78bfa;
    margin-bottom: 6pt;
    page-break-inside: avoid;
  }

  .print-action-item__checkbox {
    width: 14pt;
    height: 14pt;
    border: 1px solid #333;
    flex-shrink: 0;
  }

  .print-action-item__text {
    flex: 1;
    font-size: 10pt;
  }

  .print-action-item__votes {
    font-size: 8pt;
    color: #666;
  }
}