/* ===== ACTION BAR (üst butonlar) ===== */
.ticket-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin: 10px 0 14px;
}

.ticket-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,0.15);
  background: rgba(0,0,0,0.35);
  color:#eaeaea;
  cursor:pointer;
  font-weight:600;
  line-height:1.2;
  text-align:left;
  user-select:none;

  /* taşmayı engelle */
  max-width: 100%;
  min-width: 0;
}

.ticket-btn i{ flex: 0 0 auto; }

.ticket-btn span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media (max-width:520px){
  .ticket-btn span{ white-space:normal; overflow-wrap:anywhere; }
}

.ticket-btn-primary{
  border-color: rgba(240,170,2,0.55);
  color:#f0aa02;
  background: rgba(0,0,0,0.45);
}
.ticket-btn-primary:hover{ background: rgba(240,170,2,0.12); }

.ticket-btn-secondary{
  border-color: rgba(135,197,217,0.45);
  color:#87c5d9;
}
.ticket-btn-secondary:hover{ background: rgba(135,197,217,0.10); }

.ticket-btn-ghost{
  border-color: rgba(255,255,255,0.12);
  color:#cfd6dd;
}

/* ===== MODAL ===== */
.ticket-modal-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background: rgba(0,0,0,0.70);
}

.ticket-modal{
  width:min(760px, 96vw);
  background: #14171c;
  border:1px solid rgba(240,170,2,0.35);
  border-radius:14px;
  box-shadow: 0 20px 80px rgba(0,0,0,0.6);
  color:#eaeaea;
}

.ticket-modal-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,0.08);
}

.ticket-modal-title{
  font-weight:800;
  color:#f0aa02;
  display:flex;
  align-items:center;
  gap:10px;
}

.ticket-modal-close{
  width:38px;
  height:38px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
  color:#eaeaea;
  cursor:pointer;
  font-size:22px;
  line-height:0;
}

.ticket-modal-body{ padding:14px 16px; }
.ticket-modal-footer{
  padding:14px 16px;
  border-top:1px solid rgba(255,255,255,0.08);
  display:flex;
  justify-content:flex-end;
}

.ticket-warning-list{
  margin:0;
  padding-left:18px;
}

.ticket-warning-list li{
  margin: 8px 0;
  color:#d8dde3;
}

/* ===== CREATE PAGE ===== */
.ticket-create-wrap{ margin-top: 10px; }
.ticket-create-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.ticket-create-hint{
  color:#b9c2cc;
  font-size:13px;
  opacity:0.9;
}

.ticket-h3{
  margin-top: 14px;
  margin-bottom: 8px;
  color:#87c5d9;
}

.form-input{
  background: #26272b;
  width: 100%;
  border: 1px solid rgba(255,255,255,0.08);
  color: #fff;
  padding: 0 14px;
  height: 45px;
  font-size: 14px;
  border-radius: 10px;
}

.ticket-upload-row{ margin-top: 10px; }
.ticket-upload-hint{
  margin-top:8px;
  font-size:13px;
  color:#c9d1d9;
}
.ticket-upload-hint span{ color:#87c5d9; }

.ticket-form-error{
  margin-top: 10px;
  color: #ff6b6b;
  font-weight: 700;
}

/* ===== LIST: İşlem butonu (ticketlist.php içindeki ikonları buna çevir) ===== */
.ticket-view-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:10px;
  border:1px solid rgba(240,170,2,0.45);
  background: rgba(0,0,0,0.35);
  color:#f0aa02;
  cursor:pointer;
  font-weight:700;
  max-width: 100%;
  min-width: 0;
}
.ticket-view-btn:hover{ background: rgba(240,170,2,0.12); }
.ticket-view-btn span{
  font-size:13px;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}