@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 */
}