/* Secondary customer-facing VIK reservation number.
   Never changes the Reservations list; only workspace and generated document views use it. */

.rw-vik-reservation-ref{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:3px;
  margin:2px 0 14px;
  padding:11px 13px;
  border:1px solid #cadde7;
  border-radius:12px;
  background:#f3f8fb;
  color:#233943;
  box-shadow:0 5px 16px rgba(37,76,98,.045);
}
.rw-vik-reservation-ref .rw-vik-ref-label{
  font-size:10px;
  line-height:1.2;
  letter-spacing:.055em;
  text-transform:uppercase;
  color:#66808d;
  font-weight:400;
}
.rw-vik-reservation-ref .rw-vik-ref-primary{
  font-size:15px;
  line-height:1.3;
  color:#172f3b;
  font-weight:400;
}
.rw-vik-reservation-ref .rw-vik-ref-secondary{
  font-size:12.5px;
  line-height:1.35;
  color:#4f7182;
  font-weight:400;
  font-variant-numeric:tabular-nums;
  letter-spacing:.015em;
  overflow-wrap:anywhere;
}

html[data-theme="dark"] .rw-vik-reservation-ref{
  border-color:#35505d;
  background:#162a33;
  color:#e9f2f4;
  box-shadow:none;
}
html[data-theme="dark"] .rw-vik-reservation-ref .rw-vik-ref-label{color:#8fa8b3}
html[data-theme="dark"] .rw-vik-reservation-ref .rw-vik-ref-primary{color:#f3f7f8}
html[data-theme="dark"] .rw-vik-reservation-ref .rw-vik-ref-secondary{color:#b8ced8}

/* Printable invoice / FINAL invoice / receipt: keep the existing Reservation box,
   then add the long number quietly inside the same box. */
.vik-public-number{
  display:block;
  margin-top:3px;
  font-size:8.5px;
  line-height:1.15;
  font-weight:400!important;
  font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
  color:#5d7180;
  overflow-wrap:anywhere;
  word-break:break-word;
}

@media print{
  .vik-public-number{
    margin-top:2px;
    font-size:7.8px;
    line-height:1.1;
  }
}