/* ===== tickets page-specific styles ===== */
/* (Booking.css و index.css متضمنين بالفعل، هذا الملف للإضافات الخاصة فقط) */

#ticket-form .form-grid.full { margin-top: 0; }

/* ===== ticketStatus page-specific styles ===== */
.ts-status-badge {
  display: inline-block;
  padding: 6px 18px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  margin-top: 8px;
  margin-bottom: 1.5rem;
}
.ts-status-badge.new      { background: rgba(201,160,40,0.12); color: var(--gold); border: 1px solid rgba(201,160,40,0.3); }
.ts-status-badge.answered { background: rgba(34,197,94,0.12); color: #22c55e; border: 1px solid rgba(34,197,94,0.3); }
.ts-status-badge.closed   { background: rgba(160,160,160,0.12); color: #a3a3a3; border: 1px solid rgba(160,160,160,0.3); }

.ts-detail-box {
  background: var(--black-card);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 1.1rem 1.25rem;
  margin-top: 1rem;
  text-align: right;
}
.ts-detail-label {
  font-size: 12px;
  color: var(--text-muted);
  margin-bottom: 6px;
  font-weight: 600;
}
.ts-detail-text {
  font-size: 14px;
  color: var(--white);
  line-height: 1.8;
  white-space: pre-wrap;
}

.btn-outline-link {
  display: inline-block;
  color: var(--text-muted);
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s;
}
.btn-outline-link:hover { color: var(--gold); }