#ticketModal{
  --tm-backdrop: rgba(0,0,0,.35);
  --tm-card-bg: #fff;
  --tm-card-border: #e5e7eb;
  --tm-card-shadow: 0 10px 30px rgba(0,0,0,0.20);
  --tm-header-border: #eee;
  --tm-text: #111;
  --tm-muted: #666;
  --tm-chip-bg: #f9fafb;
  --tm-chip-border: #e5e7eb;
}

.winner-kupon {
  position: relative;
  display: inline-block;
  padding: 2px 6px;
  line-height: 1.1;
  font-weight: 700;
  border-radius: 50%;
  border: 2px solid #00a000; /* yeşil daire */
}

.winner-kupon.winner-prov {
  border-color: #4caf50 !important;
  opacity: 0.7;
}

.altili-result {
  margin-top: 12px;
  padding: 6px 8px;
  font-size: 0.95em;
  color: #333;
  background: #f4f8f4;
  border-left: 3px solid #2e7d32;
  border-radius: 4px;
}
.altili-result strong {
  color: #1b5e20;
}



/* Backdrop */
#ticketModal{
  position: fixed;
  inset: 0;
  display: none;
  background: var(--tm-backdrop);
  z-index: 9999;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
#ticketModal.show{ display: block; }

/* Kart */
#ticketModal .ticket-card{
  max-width: 420px;
  width: 92%;
  margin: 6vh auto;
  background: var(--tm-card-bg);
  border: 1px solid var(--tm-card-border);
  border-radius: 10px;
  box-shadow: var(--tm-card-shadow);
  color: var(--tm-text);
  overflow: hidden;
}

/* Başlık */
#ticketModal header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  border-bottom: 1px solid var(--tm-header-border);
  background: var(--tm-card-bg);
}

#ticketModal #ticketTitle{
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  color: var(--tm-text);
}

/* Kapat düğmesi */
#ticketModal .ticket-close{
  border: 0;
  background: transparent;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  border-radius: 8px;
  padding: 2px 6px;
  color: #334155;
}
#ticketModal .ticket-close:hover{ background: #f3f4f6; }
#ticketModal .ticket-close:focus{ outline: none; }
#ticketModal .ticket-close:focus-visible{
  outline: 2px solid #94a3b8;
  outline-offset: 2px;
}

/* Gövde */
#ticketModal .body{
  padding: 12px 14px;
  max-height: 70vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* Blok ve satırlar */
#ticketModal .ticket-block{
  border-bottom: 1px solid #eee;
  padding: 8px 0;
}
#ticketModal .ticket-block:last-child{ border-bottom: 0; }

#ticketModal .ticket-line{
  padding: 2px 0;
  display: block;
  color: var(--tm-text);
}
#ticketModal .ticket-note{
  font-size: .85rem;
  color: var(--tm-muted);
  margin-top: 2px;
}

/* Küçük etiketler */
#ticketModal .agf-label{
  font-size: 0.85em;
  color: #666;
  margin-left: 4px;
  white-space: nowrap;
}

/* Özet kutusu */
#ticketModal .ticket-summary{
  clear: both;
  margin-top: 12px;
  padding: 12px 16px;
  border: 1px solid var(--tm-chip-border);
  border-radius: 10px;
  background: var(--tm-chip-bg);
  font-size: 14px;
  text-align: center;
}
#ticketModal .ticket-summary p{ margin: 6px 0; }
#ticketModal .ticket-summary strong{ font-weight: 600; }

/* Basit giriş/çıkış animasyonu */
@keyframes tm-fade-in{
  from{ opacity: 0; transform: translateY(6px); }
  to{ opacity: 1; transform: translateY(0); }
}
#ticketModal.show .ticket-card{
  animation: tm-fade-in .18s ease-out both;
}
@media (prefers-reduced-motion: reduce){
  #ticketModal.show .ticket-card{ animation: none; }
}

/* Mobil iyileştirmeler */
@media (max-width: 900px){
  #ticketModal .ticket-card{
    max-width: 96%;
    width: 96%;
    margin: 5vh auto;
    border-radius: 12px;
  }
  #ticketModal header{
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 10px 12px;
  }
  #ticketModal .body{
    max-height: 72vh;
    padding: 10px 12px;
  }
  #ticketModal .ticket-summary{
    font-size: 13px;
    padding: 10px 12px;
  }
}
@media (max-width: 480px){
  #ticketModal .ticket-card{
    max-width: 98%;
    width: 98%;
    margin: 4vh auto;
  }
  #ticketModal .ticket-close{ font-size: 26px; }
  #ticketModal .ticket-line{ padding: 3px 0; }
}

/* iOS güvenli alanlar */
@supports (padding: max(0px)){
  #ticketModal .ticket-card{
    margin-top: max(4vh, env(safe-area-inset-top));
    margin-bottom: max(4vh, env(safe-area-inset-bottom));
  }
}

@media (prefers-color-scheme: dark){
  #ticketModal{
    --tm-backdrop: rgba(0,0,0,.55);
    --tm-card-bg: #0b0f14;
    --tm-card-border: #1e293b;
    --tm-card-shadow: 0 10px 30px rgba(0,0,0,0.55);
    --tm-header-border: #1f2937;
    --tm-text: #e5e7eb;
    --tm-muted: #94a3b8;
    --tm-chip-bg: #0f172a;
    --tm-chip-border: #1f2a3a;
  }
  #ticketModal .ticket-close:hover{ background:#111827; }
}
#ticketModal a,
#ticketModal button{
  outline: none;
}
#ticketModal a:focus-visible,
#ticketModal button:focus-visible{
  outline: 2px solid #94a3b8;
  outline-offset: 2px;
}
#ticketModal .tjk-btn {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 20px;
  background: linear-gradient(135deg, #8b0000, #c1121f, #600000);
  color: #fff;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 3px 6px rgba(0,0,0,0.3);
  font-size: 15px;
  letter-spacing: 0.3px;
  transition: all 0.25s ease-in-out;
}
#ticketModal .tjk-btn:hover {
  background: linear-gradient(135deg, #c1121f, #8b0000, #400000);
  transform: translateY(-1px);
  box-shadow: 0 5px 10px rgba(0,0,0,0.35);
}


/* Yazdırmada gizle */
@media print{
  #ticketModal{ display: none !important; }
}