@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');

:root {
  --brand: #465fff;
}

html, body {
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif;
}

.no-print-break {
  break-inside: avoid;
}

@media print {
  @page {
    size: A4;
    margin: 12mm;
  }

  html, body {
    background: #fff !important;
    color: #111 !important;
    font-size: 11pt;
  }

  .no-print,
  aside,
  header#app-header,
  #sidebar-overlay,
  #toast-wrap,
  #modal-root .modal-backdrop,
  button,
  .btn,
  nav {
    display: none !important;
  }

  #app-shell {
    display: block !important;
  }

  #app-main {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }

  .print-area {
    box-shadow: none !important;
    border: none !important;
  }

  a[href]::after {
    content: none !important;
  }

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

@media print and (max-width: 80mm) {
  @page {
    size: 80mm auto;
    margin: 4mm;
  }
  html, body {
    font-size: 9pt;
  }
}

.print-only {
  display: none;
}

.timeline-line::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 28px;
  bottom: -16px;
  width: 2px;
  background: #e5e7eb;
}