/* SweetAlert2 toast Ayarları */
.update-pulse {
    animation: pulseAnim 0.8s ease;
  }

  @keyframes pulseAnim {
    0% {
      transform: scale(1);
    }

    50% {
      transform: scale(1.2);
    }

    100% {
      transform: scale(1);
    }
  }

  /* SweetAlert2 toast'larını biraz aşağı kaydır */
  .swal2-toast-margin {
    margin-top: 70px !important;
    /* yukarıdan boşluk, ihtiyaca göre ayarla */
    margin-right: 20px !important;
    /* sağdan boşluk */
  }
  /* SweetAlert2 toast Ayarları - END*/
  

  /* --- Eşit yükseklikte kart dizaynı --- */
  /* --- Kart Başlıklarını 3 Satırla Sabitle --- */
.equal-title {
  font-size: 0.9rem;
  line-height: 1.3em;
  min-height: 3.9em; /* 3 satır */
  max-height: 3.9em;
  overflow: hidden;
  text-overflow: ellipsis;

  display: -webkit-box;        /* Safari/Chrome */
  -webkit-line-clamp: 3;       /* Safari/Chrome */
  -webkit-box-orient: vertical;

  display: -moz-box;           /* Eski Firefox için */
  display: box;                /* Eski spec için */
  
  line-clamp: 3;               /* Yeni tarayıcılar (standart) */
}

/* --- Kartları Aynı Yükseklikte Tut --- */
.equal-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.equal-card .card-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* --- Eşit yükseklikte kart dizaynı ---END */

/* Modal tarzında video görünümü */
    #videoContainer {
        display: flex;
        /* Flex düzen */
        display: none;
        /* Başlangıçta gizli */
        position: fixed;
        /* Sabit pozisyon */
        top: 50%;
        /* Ortadan başlaması için */
        left: 50%;
        /* Ortadan başlaması için */
        transform: translate(-50%, -50%);
        /* Tam ortalamak için */
        width: 80%;
        /* Genişlik sınırı */
        max-width: 600px;
        /* Maksimum genişlik */
        height: auto;
        /* Yükseklik otomatik */
        background-color: rgba(0, 0, 0, 0.7);
        /* Koyu bir arka plan */
        flex-direction: column;
        /* Dikey hizalama */
        justify-content: center;
        /* Dikey ortalama */
        align-items: center;
        /* Yatay ortalama */
        z-index: 1000;
        /* Üst katmanda görünmesi için */
    }

    #video {
        width: 100%;
        /* Video genişliği */
        height: auto;
        /* Yükseklik otomatik */
        max-height: 90%;
        /* Yükseklik sınırı */
    }

    .close-btn {
        margin-top: 10px;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .clear-button {
        border-top-left-radius: 0;
        /* Sol üst köşe düz */
        border-bottom-left-radius: 0;
        /* Sol alt köşe düz */
        border-top-right-radius: 20px;
        /* Sağ üst köşe yuvarlak */
        border-bottom-right-radius: 20px;
        /* Sağ alt köşe yuvarlak */
        border: none;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        /* Boyut */
        height: 40px;
        /* Yükseklik genişliğe eşit */
        padding: 0;
        background-color: #dc3545;
        /* Varsayılan kırmızı arka plan */
        color: white;
        /* Beyaz ikon rengi */
    }

    .barkodtara {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 60px;
        /* Varsayılan genişlik */
        gap: 5px;
    }

    .barkodtara i {
        font-size: 14px;
        /* İkonun boyutunu artır */
        margin-right: 1px;
        /* İkon ile metin arasında boşluk */
    }