/* Corporate colour palette – CSS custom properties for non-Tailwind usage. */
:root {
  --brand-teal: #195171;
  --brand-teal-dark: #133f58;
  --brand-teal-light: #e8f0f4;
  --brand-green: #3F832F;
  --brand-green-light: #ecf5eb;
  --brand-grey: #9c9d9e;
  --brand-steel: #809c9a;
  --brand-stone: #b4baa5;
  --brand-font: "Maven Pro", "Inter", "Segoe UI", Arial, sans-serif;
}

.font-brand {
  font-family: var(--brand-font);
}

/* Ransack sort links — inherit table header styling */
a.sort_link {
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}

a.sort_link:hover {
  color: var(--brand-teal);
}

a.sort_link .sort_arrow {
  font-size: 0.65rem;
  margin-left: 0.25rem;
}

/* Print / PDF export — hide chrome, show only main content. */
@media print {
  nav,
  header.h-16 {
    display: none !important;
  }

  body > div.flex.h-full {
    display: block !important;
  }

  .print-hidden {
    display: none !important;
  }

  main {
    overflow: visible !important;
    padding: 1rem !important;
  }

  .rounded-xl {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  canvas {
    max-width: 100% !important;
  }
}
