/* =========================
   Screen-only rules
   ========================= */
@media screen {
   .onlyPrint {
      display: none;
   }
}

/* =========================
   Print rules
   ========================= */
@media print {
  

/* Hide everything except .onlyPrint */
/*
Haha yesss! I knew it — the culprit was that global visibility:hidden. 
Chrome was still “reserving space” for the hidden elements, so it insisted on printing a ghost page.
*/
  body > *:not(.onlyPrint) {
    display: none !important;
  }
  

   .onlyPrint,
   .onlyPrint * {
      visibility: visible;      /* show only the print container */
 
   }

   .pagebreak {
      page-break-before: always;
   }

   .onlyPrint {


      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      padding: 10px;

      /* full width print area */
   }

}

@page {
    size: A4 portrait;
  margin: 10mm;
}


/* =========================
   Dropdowns & UI
   ========================= */
.dropdown-menu .dropdown-item {
   font-size: 13px;
   padding: 2px 18px;
   text-align: left;
}



.dropBtn {
   margin: 0;
   border-top-left-radius: 0.25rem !important;
   border-bottom-left-radius: 0.25rem !important;
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
}

/* =========================
   Errors
   ========================= */


.in_err {
   color: #6d0505;
   font-size: 10px;
   margin-bottom: 0px;
   font-weight: bolder;
}

/* =========================
   SVG helpers
   ========================= */
.pen {
   fill: black;
   stroke: black;
   stroke-width: 1
}

.face {
   fill: white;
   stroke: black;
   stroke-width: 1
}

/* =========================
   Input tweaks
   ========================= */
/* disable spin buttons in number edit boxes */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

input[type=number] {
   -moz-appearance: textfield;
}