/* Ticket paneli · açılır pencere kipi (26 Ekim 2026): açılış düğmesi ayarları
   ve önizlemedeki Discord penceresi taslağı. Renkler Discord'un koyu temasıyla
   aynı, önizlemedeki diğer .dc-* parçaları gibi. */

.tp-trigger-box {
  margin-top: 4px;
  padding: 16px 18px;
  border-radius: var(--radius-sm);
  border: 1.5px dashed rgba(255, 193, 7, 0.45);
  background: rgba(255, 193, 7, 0.04);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.tp-trigger-box > .form-label { margin: 0; }
.tp-trigger-box .form-group { margin-bottom: 0; }
.tp-trigger-box .form-hint { margin: 0; }

.tp-modal { margin-top: 14px; }
.tp-modal-caption { font-size: 12px; color: #949ba4; margin-bottom: 8px; }
.tp-modal-card {
  max-width: 440px;
  border-radius: 10px;
  background: #313338;
  border: 1px solid #3f4147;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  padding: 16px;
  color: #dbdee1;
}
.tp-modal-head { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.tp-modal-icon { width: 24px; height: 24px; border-radius: 50%; }
.tp-modal-title { flex: 1; min-width: 0; font-size: 17px; font-weight: 700; color: #f2f3f5; overflow-wrap: anywhere; }
.tp-modal-close { color: #b5bac1; font-size: 14px; }
.tp-modal-label { font-size: 14px; font-weight: 600; color: #f2f3f5; }
.tp-modal-required { color: #f23f43; }
.tp-modal-sub { font-size: 12.5px; color: #b5bac1; margin: 2px 0 8px; }
.tp-modal-select {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 6px 6px 0 0;
  background: #1e1f22;
  border: 1px solid #1e1f22;
  color: #949ba4;
  font-size: 14px;
}
.tp-modal-options {
  list-style: none;
  margin: 0 0 16px;
  padding: 4px 0;
  border-radius: 0 0 6px 6px;
  background: #2b2d31;
  border: 1px solid #1e1f22;
  border-top: 0;
}
.tp-modal-option { display: flex; align-items: center; gap: 10px; padding: 7px 12px; }
.tp-modal-option + .tp-modal-option { border-top: 1px solid rgba(255, 255, 255, 0.04); }
.tp-modal-option-emoji { width: 22px; flex: none; text-align: center; font-size: 18px; }
.tp-modal-option-text { display: flex; flex-direction: column; min-width: 0; }
.tp-modal-option-label { font-size: 14px; color: #f2f3f5; overflow-wrap: anywhere; }
.tp-modal-option-desc { font-size: 12px; color: #b5bac1; overflow-wrap: anywhere; }
.tp-modal-foot { display: flex; justify-content: flex-end; gap: 8px; }
.tp-modal-cancel,
.tp-modal-submit { padding: 7px 16px; border-radius: 4px; font-size: 14px; font-weight: 500; color: #fff; }
.tp-modal-cancel { background: transparent; }
.tp-modal-submit { background: #5865f2; }

.tp-select-warn {
  margin-top: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  color: #fbbf24;
  background: rgba(245, 158, 11, 0.08);
  border: 1px solid rgba(245, 158, 11, 0.35);
  transition: box-shadow 0.3s;
}
.tp-select-warn.is-flash { box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.45); }

/* Açılır menü kipi: panelin altındaki seçim menüsü (açık hâliyle) */
.tp-select { max-width: 440px; margin-top: 4px; }
.tp-select .tp-modal-select { background: #2b2d31; border-color: #1e1f22; }
.tp-select + .tp-modal-caption { margin: 6px 0 0; }