/* =========================================================
   TT – Ticket Rückgabe
   Scope: NF Form 16 (Frontend) + Admin Badge/Row Highlight
   ========================================================= */

/* FRONTEND */

/* Eingabefeld für Ticket-ID oder Sicherheitscode */
html #top #wrap_all #nf-form-16-cont input#nf-field-1650.tt_ticket_suffix {
  width: 130px !important;
  min-width: 130px !important;
  max-width: 130px !important;
  box-sizing: border-box !important;
}

/* Zeichenbegrenzung und Pflichtfeldhinweis ausblenden */
#nf-form-16-cont .nf-input-limit,
#nf-form-16-cont .nf-form-fields-required {
  display: none !important;
  visibility: hidden !important;
}

/* Abstände der Formularfelder */
#nf-form-16-cont .nf-field-container {
  margin-bottom: 10px !important;
}

#nf-form-16-cont .nf-field-label {
  margin-bottom: 4px !important;
}

/* Beschriftungen */
#top #nf-form-16-cont #nf-label-field-1748,
#top #nf-form-16-cont #nf-label-field-1650,
#top #nf-form-16-cont #nf-label-field-746 {
  display: block !important;
  margin: 0 0 2px 0 !important;
  font-size: 14px !important;
}

/* Absage-Feld (746) standardmäßig aus, wird per JS freigeschaltet */
#nf-form-16-cont:not(.tt-absage-visible) #nf-field-746-container {
  display: none !important;
}

/* Event-Block mit linker Linie */
#nf-form-16-cont .tt-event-display {
  margin-top: 8px !important;
  padding: 10px 12px !important;
  background: #f6f6f6 !important;
  border-left: 4px solid #c3512e !important;
  font-size: 0.95rem !important;
}

#nf-form-16-cont .tt-event-display .tt-event-line {
  font-weight: 700 !important;
}

#nf-form-16-cont .tt-event-display .tt-wait-line {
  margin-top: 4px !important;
  color: #333 !important;
  font-weight: 700 !important;
}

/* Hauptstatus */
#nf-form-16-cont .tt-ticket-status {
  margin-top: 8px !important;
  padding: 10px 12px !important;
  background: #fff1f1 !important;
  border-left: 4px solid #c3512e !important;
  color: #7a1414 !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
}

/* Ladestatus */
#nf-form-16-cont .tt-ticket-status.tt-ticket-status--loading {
  background: #f6f6f6 !important;
  border-left-color: #999 !important;
  color: #333 !important;
  font-weight: 600 !important;
}

/* Zusatzstatus */
#nf-form-16-cont .tt-ticket-substatus {
  margin-top: 6px !important;
  padding: 10px 12px !important;
  border-left: 4px solid transparent !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
}

/* Erfolgreicher Zusatzstatus */
#nf-form-16-cont .tt-ticket-substatus.tt-ticket-substatus--ok {
  background: #e8f5e9 !important;
  border-left-color: #2e7d32 !important;
  color: #1b5e20 !important;
}

/* Warnender Zusatzstatus */
#nf-form-16-cont .tt-ticket-substatus.tt-ticket-substatus--warn {
  background: #fff8e1 !important;
  border-left-color: #f2c200 !important;
  color: #6a4f00 !important;
}

/* =========================================================
   BACKEND
   ========================================================= */

/* Zeile eines zurückgegebenen Tickets */
tr.tt-ticket-returned-row > td {
  background: #fff1f1 !important;
}

tr.tt-ticket-returned-row td,
tr.tt-ticket-returned-row td a {
  color: #7a1414;
}

/* Storno-Badge */
.tt-returned-badge {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  background: rgba(220, 50, 50, 0.12);
  border: 1px solid rgba(220, 50, 50, 0.35);
  border-radius: 999px;
  color: #7a1414;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.6;
  vertical-align: middle;
}

.tt-returned-badge-wrap {
  display: inline-block;
}

/* Wiederverkauft-Badge */
.tt-returned-badge.tt-returned-badge--ready {
  background: #2e7d32;
  border-color: rgba(46, 125, 50, 0.35);
  color: #fff;
}

/* Rücknahme-STORNO-Link */
a.tt-ticket-undo-link.tt-ticket-undo-link--ready {
  color: #2e7d32;
  font-weight: 700;
}

/* Manuell als verkauft markieren */
a.tt-ticket-mark-sold-link {
  color: #0f766e;
  font-weight: 700;
}

/* Coupon-Badge unter Storno */
.tt-resold-coupon-badge {
  display: inline-block;
  padding: 2px 8px;
  background: rgba(29, 78, 216, 0.10);
  border: 1px solid rgba(29, 78, 216, 0.25);
  border-radius: 999px;
  color: #1d4ed8 !important;
  font-size: 11 11px;
  font-weight: 700;
  line-height: 1.6;
  text-decoration: none !important;
}

.tt-resold-coupon-badge:hover {
  text-decoration: underline !important;
}