prisregner-container {
   position:fixed;
   z-index:10000;
   bottom:90px;
   right:10px;
   background-color: rgba(255,255,255,1);
   padding:10px;
   display:none;
   max-width: 100vw;
}

prisregner-title, prisregner-subtitle {
   display:block;
}

prisregner-title {
   font-size:xx-large;
}

prisregner-subtitle {
   padding-top:10px;
   padding-bottom:10px;
}

prisregner-box {
   width:100%;
}

prisregner-container.active {
   display:block;
}

#prisregner-btn-box {
   position:fixed;
   z-index:10000;
   bottom:0px;
   right:10px;
   max-width: 290px;
   /*background-color: rgba(255, 255, 255, 0.80);*/
   padding-top: 10px;
   padding-bottom: 10px;
}

#prisregner-btn-box button-outer {
   background-color: rgba(255,255,255,1) !important;
   width:290px !important;
}

@media only screen and (max-width: 460px) {
   prisregner-container select {
      font-size: small !important;
      padding: 8px 11px;
   }
}

@media (max-width: 450px) {
   grid-item-title {
      font-size: 80%;
   }
   prisregner-container select {
      padding:0;
   }
   #model-select-grid-item {
      padding:0;
   }
   grid-line{
     grid-template-columns: 1fr 110px 110px !important; /* tekst | input-kolonne */
   }
   grid-line:first-child{ grid-template-columns: 1fr 220px !important;}
}
@media (max-height: 600px) and (orientation: landscape) {
   prisregner-container {
         overflow-y: scroll;
         max-height: calc(100vh - 100px);
   }
}
@media (max-width: 377px) {
   grid-line > grid-item:first-child{ max-width:28vw;}
   grid-line{
     grid-template-columns: 28vw 1fr 1fr !important; /* tekst | input-kolonne */
   }
   grid-line:first-child{ grid-template-columns: 28vw 1fr !important;}
   #model-select-grid-item {
      border-right: none;
   }
   prisregner-container {
      bottom:60px;
   }
   #prisregner-btn-box {
      padding: 0;
   }
   prisregner-subtitle {
      display:none;
   }
   prisregner-title {
      padding-bottom:8px;
   }
}

grid-item, grid-item-title, grid-item-subtitle {
   display: block;
   overflow-wrap: break-word;
   word-break: break-word;
   hyphens: auto;
}

@media only screen and (max-width: 720px) {
   prisregner-container {
      right:0;
   }
}

@media only screen and (max-width: 500px) {
   grid-item {
      padding:6px !important;
   }

   prisregner-container {
      font-size: medium;
   }

   /*prisregner-container select {
      font-size: medium !important;
      padding: 0px;
   }*/
}

.grid-item-titles {
   display:flex;
   flex-direction: column;
}

grid-item-subtitle {
   font-size:70%;
   color: var(--color-gray-700);
}

  prisregner-box > .form-group{
    display: grid;
    gap: 0px;                 /* ingen mellemrum => table-look */
    border: 1px solid #333;
    max-width: 700px;
    font-family: Arial, sans-serif;
  }

  /* Hver række: 2 kolonner med fast logik */
  grid-line{
    display: grid;
     grid-template-columns: 1fr 140px 140px; /* tekst | input-kolonne */
    border-bottom: 1px solid #333;
    align-items: stretch;
  }

  grid-line grid-item:first-child {border-right: 1px solid #333;}
  grid-line:first-child{ grid-template-columns: 1fr 280px; justify-content: center; }
  grid-line:first-child .grid-item-our-value{ justify-content: center; }
  grid-line:last-child{ border-bottom: 0; }

  /* Cell styling */
  grid-item{
    display: block;
    padding: 10px;
  }

  .prisregner-container select {
   display: block;
   width: 100%;
  }

  #column-titles-line {
    font-weight: 700;
    font-size: 80%;
  }

  /* Lodret streg mellem kolonner */
  .grid-item-titles { border-right: 1px solid #333; }
  grid-item-our-value {
   margin:auto;
  }
  .grid-item-our-value{ border-right: 1px solid #333; }

  /* Title/subtitle layout (nesting) */
  .grid-item-titles{
    display: grid;
    gap: 4px;
  }
  grid-item-title{ font-weight: 700;line-height: 1.2; }
  grid-item-subtitle{ font-size: 12px; opacity: 0.8; margin: top -4px; line-height: 1.2; }

  #model-select-line > *:last-child {
    border-right: none;
  }

  /* Input cell: centrer som i en tabel */
  .grid-item-their-value, .grid-item-our-value{
    display: flex;
    align-items: center;
    justify-content: stretch;
  }
  .grid-item-their-value input{
    width: 100%;
    box-sizing: border-box;
    padding: 8px;
  }