.alex-b13w14b9{position:fixed;bottom:12px;right:12px;z-index:99999;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:0.6875rem;color:rgba(255, 255, 255, 0.9);background:rgba(0, 0, 0, 0.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 8px;border:1px solid rgba(255, 255, 255, 0.15);border-radius:999px;cursor:pointer;opacity:0.55;-webkit-transition:opacity 0.15s ease;transition:opacity 0.15s ease;}.alex-b13w14b9:hover{opacity:1;}
.alex-s8x74x7{position:absolute;top:-10rem;left:1rem;z-index:9999;padding:0.75rem 1.5rem;background:var(--theme-background);color:var(--theme-text-color);font-family:"Roboto",sans-serif;font-size:1rem;font-weight:600;border:2px solid var(--theme-border-color-focused);border-radius:0.5rem;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:top 0.1s ease;transition:top 0.1s ease;}.alex-s8x74x7:focus{top:1rem;outline:2px solid var(--theme-border-color-focused);outline-offset:2px;}
.alex-t1eshywh{position:fixed;top:1rem;right:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.75rem;z-index:9999;pointer-events:none;}@media (max-width: 800px){.alex-t1eshywh{top:0.5rem;right:0.5rem;left:0.5rem;gap:0.5rem;}}
.alex-w17kbbe9{background:var(--theme-background);border-radius:0.5rem;opacity:var(--w17kbbe9-0);-webkit-transform:var(--w17kbbe9-1);-moz-transform:var(--w17kbbe9-1);-ms-transform:var(--w17kbbe9-1);transform:var(--w17kbbe9-1);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);will-change:transform,opacity;}
.alex-t1poqkje{pointer-events:auto;display:-ms-grid;display:grid;-ms-grid-columns:auto 1fr;grid-template-columns:auto 1fr;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;gap:0.875rem;padding:1rem;border-radius:0.5rem;border:1px solid var(--t1poqkje-0);background:var(--t1poqkje-1);box-shadow:0 8px 24px rgba(0, 0, 0, 0.2),0 2px 8px rgba(0, 0, 0, 0.1);min-width:16rem;max-width:20rem;}@media (max-width: 800px){.alex-t1poqkje{min-width:auto;max-width:none;border-radius:0.75rem;}}
.alex-tnuz3bv{width:1.5rem;height:1.5rem;border-radius:0.4rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;font-family:"Roboto",sans-serif;font-size:0.8rem;font-weight:700;color:var(--tnuz3bv-0);background:var(--tnuz3bv-1);border:1px solid var(--tnuz3bv-2);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
.alex-t15msc0l{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:0.5rem;min-width:0;}
.alex-ta79dgf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:0.1rem;}
.alex-t6dmsed{font-family:"Fraunces",serif;font-size:0.85rem;font-weight:600;color:var(--theme-text-color);line-height:1.3;-webkit-flex:1;-ms-flex:1;flex:1;}
.alex-t1yibsah{background:none;border:none;color:var(--theme-text-color-muted);font-size:1.25rem;font-weight:300;cursor:pointer;padding:0.125rem;line-height:1;-webkit-transition:all 0.35s cubic-bezier(0.4, 0, 0.3, 1.2);transition:all 0.35s cubic-bezier(0.4, 0, 0.3, 1.2);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:0.4rem;margin:-0.125rem -0.125rem 0 0;}.alex-t1yibsah:hover{color:var(--theme-text-color);}.alex-t1yibsah:focus-visible{outline:1px solid hsl(15, 50%, 70%);outline-offset:0;}.alex-t1yibsah:focus:not(:focus-visible){outline:none;}
.alex-thlmzn5{font-family:"Roboto",sans-serif;font-size:0.7rem;color:var(--theme-text-color-muted);line-height:1.4;}
body {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100svh;
  width: 100svw;
  top: 0;
  left: 0;
  overflow: hidden;
}

#root {
  height: 100svh;
  width: 100svw;
  top: 0;
  left: 0;
  overflow: hidden;
}

body {
  margin: 0;
  overflow: hidden;

  ::selection {
    background-color: rgb(45, 45, 45);
    border-radius: 4px;
    color: rgb(239, 239, 239);
  }
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.generated-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 0.375rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  tbody {
    tr {
      td,
      th {
        border-top: 1px solid hsl(0, 0%, 30%);
        border-left: 1px solid hsl(0, 0%, 30%);
        padding: 0.25rem 0.5rem;
        text-align: left;
      }

      td:last-child,
      th:last-child {
        border-right: 1px solid hsl(0, 0%, 30%);
      }

      &:last-child {
        td,
        th {
          border-bottom: 1px solid hsl(0, 0%, 30%);
        }
      }

      /* Round corners of first/last cells in first/last rows */
      &:first-child {
        td:first-child,
        th:first-child {
          border-top-left-radius: 0.375rem;
        }
        td:last-child,
        th:last-child {
          border-top-right-radius: 0.375rem;
        }
      }

      &:last-child {
        td:first-child,
        th:first-child {
          border-bottom-left-radius: 0.375rem;
        }
        td:last-child,
        th:last-child {
          border-bottom-right-radius: 0.375rem;
        }
      }
    }
  }
}

math[display="block"] {
  margin: 0.75rem 0;
}

pre {
  height: fit-content;
  margin: 0;
}

/* Used in Manager.tsx to prevent text selection when drawing a highlight */
.no-selection {
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}

/* Hide the canvas drawn by PDF.js */
.hiddenCanvasElement {
  position: absolute;
  z-index: -1;
  opacity: 0;
  display: none;
}

/* Opt-in logo rendering optimization to prevent flickering */
img[data-logo-rendering="crisp"] {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
 * Screen layout fixes body/#root to the viewport with overflow:hidden, which
 * otherwise clips pagination so "Save as PDF" only renders the first page.
 */
@media print {
  @page {
    size: A4;
    margin: 14mm 12mm;
  }

  @page gebruiksrapport {
    size: A4;
    margin: 18mm 14mm;
  }

  html {
    height: auto !important;
    overflow: visible !important;
  }

  body {
    position: static !important;
    top: auto !important;
    left: auto !important;
    display: block !important;
    justify-content: initial !important;
    align-items: initial !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    width: 100% !important;
    overflow: visible !important;
  }

  #root {
    height: auto !important;
    max-height: none !important;
    width: 100% !important;
    overflow: visible !important;
  }

  body:has([data-gebruiksrapport-root]) #root {
    display: none !important;
  }

  html:has([data-gebruiksrapport-root]) {
    background: var(--theme-background) !important;
  }

  html:has([data-gebruiksrapport-root])::before {
    content: "";
    position: fixed;
    inset: -20mm;
    z-index: -1;
    background: var(--theme-background);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  body:has([data-gebruiksrapport-root]) {
    background: var(--theme-background) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  [data-gebruiksrapport-root] {
    page: gebruiksrapport;
    box-sizing: border-box;
    min-height: auto;
    padding: 0;
  }
}
.alex-cglibmb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;min-height:100vh;width:100%;background:var(--theme-background);padding:2rem;box-sizing:border-box;}
.alex-c1grxs4p{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:28rem;text-align:center;}
.alex-i1j27hef{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:var(--theme-background-clicked);color:var(--theme-text-color-muted);font-size:2rem;margin-bottom:1.5rem;}
.alex-teuydtb{font-family:"Fraunces",serif;font-size:1.75rem;font-weight:500;color:var(--theme-text-color);margin:0 0 1rem 0;}
.alex-mhf29p{font-family:"Roboto",sans-serif;font-size:1rem;line-height:1.5;color:var(--theme-text-color-muted);margin:0 0 1.5rem 0;}
.alex-r179pg8w{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-right:0.5rem;}
.alex-ry4qaa6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100vh;padding:2rem;background:var(--theme-background);color:var(--theme-text-color);font-family:"Roboto",sans-serif;font-size:1rem;text-align:center;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.alex-vqm128u{position:fixed;inset:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;background:var(--theme-background);z-index:9999;padding:1rem;}
.alex-v1ravef5{width:100%;max-width:28rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;text-align:center;}
.alex-v1n9vma3{margin:0;color:var(--theme-text-color);font-family:"Fraunces",serif;font-size:1.5rem;font-weight:600;}
.alex-v1f9ia02{margin:0;color:var(--theme-text-color-muted);font-family:"Roboto",sans-serif;font-size:0.9375rem;line-height:1.5;}
.alex-p1jr9ipq{margin:0;color:var(--theme-text-color-muted);font-family:"Roboto",sans-serif;font-size:0.8125rem;line-height:1.5;font-style:italic;}
.alex-s1nuqvzb{background:hsla(123, 28%, 50%, 0.1);border:1px solid hsl(123, 28%, 50%);border-radius:0.5rem;padding:0.5rem 1rem;font-family:"Roboto",sans-serif;font-size:0.875rem;color:hsl(123, 28%, 50%);}
.alex-e1txyms5{background:hsla(0, 50%, 50%, 0.1);border:1px solid hsl(0, 50%, 50%);border-radius:0.5rem;padding:0.5rem 1rem;font-family:"Roboto",sans-serif;font-size:0.875rem;color:hsl(0, 50%, 50%);}
.alex-baehb90{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.75rem;width:100%;max-width:20rem;margin-top:0.5rem;}
.alex-pzk51mt{padding:0.65rem 1rem;background:hsl(123, 28%, 50%);color:white;border:none;border-radius:0.5rem;font-family:"Roboto",sans-serif;font-size:1rem;font-weight:500;cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}.alex-pzk51mt:hover:not(:disabled){background:hsl(123, 28%, 70%);-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 24px hsla(123, 28%, 50%, 0.1);}.alex-pzk51mt:active:not(:disabled){-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}.alex-pzk51mt:disabled{opacity:0.6;cursor:not-allowed;}
.alex-sgg11rc{padding:0.65rem 1rem;background:var(--theme-background-hover);color:var(--theme-text-color);border:1px solid var(--theme-border-color);border-radius:0.5rem;font-family:"Roboto",sans-serif;font-size:0.9375rem;cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}.alex-sgg11rc:hover:not(:disabled){background:var(--theme-background-clicked);border-color:var(--theme-border-color-focused);}.alex-sgg11rc:disabled{opacity:0.6;cursor:not-allowed;}
.alex-l1hbgfpf{background:none;border:none;color:var(--theme-text-color-muted);font-family:"Roboto",sans-serif;font-size:0.875rem;cursor:pointer;padding:0;margin-top:0.5rem;-webkit-transition:color 0.3s ease;transition:color 0.3s ease;-webkit-text-decoration:underline;text-decoration:underline;text-underline-offset:2px;}.alex-l1hbgfpf:hover{color:var(--theme-text-color);}
