/* Patch 27: Referenznummer für die Prüfungsanmeldung klar sichtbar. */
.permit-reference-primary{
  grid-column:1 / -1;
  display:grid;
  gap:7px;
  padding:14px;
  border:2px solid #0b6f99;
  border-radius:13px;
  background:#eef9fd;
  color:#173f52;
}
.permit-reference-primary>label{margin:0;font-size:1rem;font-weight:950;color:#0b3558}
.permit-reference-primary>small{color:#466575;font-weight:500;line-height:1.4}
.permit-reference-input-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:center}
.permit-reference-input-row input{
  min-height:48px;
  border-color:#6aa9c3!important;
  background:#fff!important;
  font-size:1.15rem!important;
  font-weight:900;
  letter-spacing:.08em!important;
}
.permit-reference-copy{width:44px!important;height:44px!important;align-self:center}
.permit-reference-ocr-field{
  grid-column:span 2;
  padding:12px;
  border:2px solid #75b2ca;
  border-radius:12px;
  background:#eef9fd;
}
.permit-reference-ocr-field input{font-size:1.05rem;font-weight:900;letter-spacing:.07em}
input.is-ocr-detected{
  border-color:#188758!important;
  box-shadow:0 0 0 4px rgba(24,135,88,.16)!important;
  background:#effbf4!important;
}
.student-profile-section-permit.has-detected-reference .permit-reference-primary{
  border-color:#188758;
  background:#effbf4;
}
@media(max-width:760px){
  .permit-reference-ocr-field{grid-column:auto}
  .permit-reference-input-row{grid-template-columns:minmax(0,1fr) 42px}
}

/* Patch 28: die vier Nummern bilden einen eigenen, gut kontrollierbaren Block. */
.permit-number-scan-panel{
  grid-column:1 / -1;
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid #c9dbe5;
  border-radius:14px;
  background:#f7fbfd;
  min-width:0;
}
.permit-number-scan-panel>header{display:grid;gap:4px}
.permit-number-scan-panel>header strong{font-size:1rem;color:#0b3558}
.permit-number-scan-panel>header small{color:#526f7f;line-height:1.42}
.permit-number-scan-grid{
  display:grid;
  grid-template-columns:minmax(145px,1.1fr) minmax(105px,.7fr) minmax(190px,1.25fr) minmax(155px,1fr);
  gap:12px;
  align-items:start;
}
.permit-number-scan-grid>label{min-width:0}
.permit-number-scan-grid .permit-reference-ocr-field{
  grid-column:auto;
  margin:0;
  padding:10px;
}
.permit-number-input-copy{
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  gap:7px;
  align-items:center;
}
.permit-number-input-copy .permit-copy-button{width:42px;height:42px;align-self:center}
.permit-crop-box.is-auto-detected{
  border-color:#fff;
  box-shadow:0 0 0 3px rgba(26,139,88,.26),0 0 0 999px rgba(11,53,88,.34);
}
@media(max-width:1100px){
  .permit-number-scan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .permit-number-scan-grid{grid-template-columns:1fr}
  .permit-number-scan-grid .permit-reference-ocr-field{grid-column:auto}
}