@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;

*, *::before, *::after { box-sizing: border-box; }

/* ---------------------------------------------------------------------------
   Scrollbars — themed instead of the raw OS default, so a dark page doesn't
   carry a stark white scrollbar (or vice versa). Firefox via scrollbar-color,
   Chrome/Safari/Edge via the ::-webkit-scrollbar-* pseudo-elements. Colors
   come from Mantine's dark palette so they track the active color scheme
   instead of a fixed gray.
   --------------------------------------------------------------------------- */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--mantine-color-gray-5) transparent;
}
[data-mantine-color-scheme='dark'] * {
  scrollbar-color: var(--mantine-color-dark-3) transparent;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: var(--mantine-color-gray-5);
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--mantine-color-gray-6);
}
[data-mantine-color-scheme='dark'] ::-webkit-scrollbar-thumb {
  background-color: var(--mantine-color-dark-3);
}
[data-mantine-color-scheme='dark'] ::-webkit-scrollbar-thumb:hover {
  background-color: var(--mantine-color-dark-2);
}

/* ---------------------------------------------------------------------------
   Print — the review dossier.

   An officer printing a review wants the application, not the application
   plus the chrome around it. Navigation, the Decision Bar and the collapsible
   rails are all interactive surfaces with no meaning on paper, so they are
   dropped and the centre column is given the full width.
   --------------------------------------------------------------------------- */
@media print {
  .mantine-AppShell-navbar,
  .mantine-AppShell-header,
  [role='region'][aria-label='Decision bar'],
  .mantine-Drawer-root,
  .mantine-Modal-root {
    display: none !important;
  }

  .mantine-AppShell-main {
    padding: 0 !important;
  }

  /* Tabs print flattened: a printed dossier that shows one tab's worth of a
     six-tab application is missing five sixths of the record. */
  .mantine-Tabs-panel {
    display: block !important;
  }
  .mantine-Tabs-list {
    display: none !important;
  }

  /* Sticky positioning collapses badly across page breaks. */
  [style*='position: sticky'],
  [style*='position:sticky'] {
    position: static !important;
  }

  /* Keep a record entry from being split across two sheets. */
  .mantine-Paper-root,
  .mantine-Card-root,
  .mantine-Table-tr {
    break-inside: avoid;
  }

  body {
    background: #fff !important;
  }
}