/**
 * SOC 2 Gap - Print Media Stylesheet
 * 
 * Clean, unclipped printable view for assessment results and compliance checklist.
 * @package SOC2Gap
 */

@media print {
  /* Hide interactive chrome and web-only controls */
  .soc-header,
  .soc-footer,
  .soc-menu-toggle,
  .soc-nav,
  .soc-breadcrumbs-bar,
  .skip-link,
  .soc-btn,
  .soc-stepper-nav,
  .soc-checklist-actions,
  .soc-checklist-filter,
  .soc-faq-section,
  .soc-cta-card,
  .soc-disclosure-callout,
  .soc-share-box {
    display: none !important;
  }

  /* Reset layout for paper */
  *,
  *::before,
  *::after {
    background: transparent !important;
    color: #0f172a !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  body {
    background: #ffffff !important;
    color: #0f172a !important;
    font-size: 11pt !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    padding: 10mm !important;
  }

  .soc-container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Keep assessment results unclipped */
  .soc-assessment-results,
  .soc-results-grid,
  .soc-readiness-card,
  .soc-radar-card,
  .soc-gap-card,
  .soc-criterion-breakdown {
    display: block !important;
    overflow: visible !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    margin-bottom: 12pt !important;
    padding: 12pt !important;
  }

  .soc-readiness-ring,
  .soc-radar-chart,
  svg {
    max-width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  /* Gap cards formatting */
  .soc-gap-item,
  .soc-control-card {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 8pt 0 !important;
  }

  /* Guidance box */
  .soc-guidance-box {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    border: 1px solid #0f766e !important;
    padding: 10pt !important;
    margin-top: 15pt !important;
    border-radius: 6px !important;
  }

  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid !important;
    break-after: avoid !important;
    color: #060f1f !important;
  }

  a[href]::after {
    content: "" !important; /* Don't expand links in printable dashboard */
  }
}