@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body{
  font-family: "Roboto", sans-serif;
}
.autocomplete-suggestions {
    overflow: auto;
    background: #FFF;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    border-radius: 0 0 3px 3px;
}
.autocomplete-suggestion {
    border-bottom: 1px solid #CBD3DD;
    padding: 4px 10px 4px 10px;
    cursor: pointer;
}
.autocomplete-suggestion:hover {
    background-color: #007bff;
    color: #fff;
}
.autocomplete-suggestion:last-child{
    border-bottom: none;
}

/* AKTİF */
.table tbody tr.durum-aktif,
.table tbody tr[data-durum="aktif"] {
    background-color: rgba(34, 197, 94, .08);   /* yeşil hafif ton */
    border-left-color: #22c55e;                 /* yeşil şerit */
}
.table tbody tr.durum-aktif:hover,
.table tbody tr[data-durum="aktif"]:hover {
    background-color: rgba(34, 197, 94, .14);
}

/* PASİF */
.table tbody tr.durum-pasif,
.table tbody tr[data-durum="pasif"] {
    background-color: rgba(239, 68, 68, .06);   /* kırmızı hafif ton */
    border-left-color: #ef4444;                 /* kırmızı şerit */
}
.table tbody tr.durum-pasif:hover,
.table tbody tr[data-durum="pasif"]:hover {
    background-color: rgba(239, 68, 68, .12);
}

.table tbody tr.durum-pasif td,
.table tbody tr[data-durum="pasif"] td {
    color: #6b7280; /* gray-500 */
}