html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

#tableStocks {
    width: 100%;
    border-collapse: collapse;
    min-width: 640px;
    overflow: hidden; /* animasyon sırasında scroll çıkmasını engelle */
}

#tableStocks thead th {
    background: #fbfdff;
    padding: 12px 14px;
    text-align: left;
    font-weight: 600;
    border-bottom: 1px solid #eef3f7
}

#tableStocks tbody tr {
    transition: opacity 320ms ease, transform 320ms ease;
    opacity: 0;
    transform: translateY(6px);
}

    #tableStocks tbody tr.visible {
        opacity: 1;
        transform: translateY(0);
    }



#tableStocks td {
    padding: 10px 14px;
    border-bottom: 1px solid #f1f5f9;
}

#tableStocks stbody tr:hover td {
    background: #e8f6ea;
}





/* Firefox için */
.table-responsive {
    scrollbar-width: thin;
    scrollbar-color: #d3d3d345 #f1f1f1;
}


.pager {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
    margin-top: 12px;
    flex-wrap: wrap
}

    .pager button {
        background: #fff;
        border: 1px solid #d6e1ea;
        padding: 8px 10px;
        border-radius: 6px;
        cursor: pointer;
        min-width: 34px
    }

        .pager button.active {
            background: #2563eb;
            color: #fff;
            border-color: #2563eb
        }

        .pager button:disabled {
            opacity: 0.45;
            cursor: not-allowed
        }

    .pager .info {
        margin-right: auto;
        color: #55606a;
        font-size: 13px;
    }



.addedRowStock {
    background-color: #0ab39c;
    font-weight:bold;
}



#bekleyenSipContainer {
    max-height: 70vh; /* veya istediğin yükseklik */
    overflow-y: auto; /* dikey scroll */
    padding-right: 5px; /* scroll çubuğu için boşluk */
}

    /* Scroll çubuğunu Velzon / modern görünüme uyumlu yap */
    #bekleyenSipContainer::-webkit-scrollbar {
        width: 8px;
    }

    #bekleyenSipContainer::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }

    #bekleyenSipContainer::-webkit-scrollbar-thumb {
        background: #adb5bd; /* gri ton, Velzon uyumlu */
        border-radius: 4px;
    }

        #bekleyenSipContainer::-webkit-scrollbar-thumb:hover {
            background: #868e96; /* hover koyulaşma */
        }








@keyframes pulseShadowBorder {
    0% {
        box-shadow: 0px 0px 0px rgba(0,0,0,0.06);
        border-color: rgba(0, 150, 255, 0.2); /* Açık mavi */
    }

    50% {
        box-shadow: 0px 0px 15px rgba(0, 150, 255, 0.45);
        border-color: rgba(0, 150, 255, 0.8);
    }

    100% {
        box-shadow: 0px 0px 0px rgba(0,0,0,0.06);
        border-color: rgba(0, 150, 255, 0.2);
    }
}

.shadow-pulse {
    animation: pulseShadowBorder 2s infinite ease-in-out;
    border: 2px solid transparent;
    border-radius: 0.85rem;
}


.gridjs-table {
    table-layout: auto !important; /* kolon genişliği otomatik */

}