/* Remove if fonts are not used */
@import '@fontsource/inter/100.css';
@import '@fontsource/inter/200.css';
@import '@fontsource/inter/300.css';
@import '@fontsource/inter/400.css';
@import '@fontsource/inter/500.css';
@import '@fontsource/inter/600.css';
@import '@fontsource/inter/700.css';
@import '@fontsource/inter/800.css';
@import '@fontsource/inter/900.css';
@import '@fontsource/roboto-mono/300.css';
@import '@fontsource/roboto-mono/400.css';
@import '@fontsource/plus-jakarta-sans/600.css';
@import '@fontsource/plus-jakarta-sans/700.css';

/* Variables */
:root {
  --icon-fontSize-sm: 1rem;
  --icon-fontSize-md: 1.25rem;
  --icon-fontSize-lg: 1.5rem;
}

*:focus-visible {
  outline: 2px solid var(--mui-palette-primary-main);
}

html {
  height: 100%;
}

body {
  height: 100%;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #e4f0fc inset !important;
  -webkit-text-fill-color: #383838 !important;
  caret-color: var(--mui-palette-primary-main);
  transition: background-color 5000s ease-in-out 0s;
  border-radius: 8px;
}
@media print {
  body {
    background: white;
  }

  * {
    box-shadow: none !important;
  }
}
@media print {
  .no-print {
    display: none !important;
  }
}
@media print {
  body {
    background: white;
  }

  .print-container {
    padding: 24px !important;
    max-width: 1200px;
    margin: 0 auto;
  }

  * {
    box-shadow: none !important;
  }
}
@media print {
  .MuiGrid-container {
    margin: 0 !important;
    width: 100% !important;
  }

  .MuiGrid-item {
    padding: 8px !important;
  }
}
@media print {
  .MuiBox-root {
    margin-bottom: 16px !important;
  }
}
@page {
  size: A4;
  margin: 20mm;
}
@media print {

  /* Allow normal flow */
  .MuiBox-root,
  .MuiStack-root {
    break-inside: auto !important;
    page-break-inside: auto !important;
  }

  /* Prevent cards from breaking */
  .MuiPaper-root,
  .account-card {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  /* Section titles should not be alone */
  h2, h3 {
    page-break-after: avoid;
  }

}