.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    margin: 5px;
    font-weight: 600;
    border-radius: 0.5rem;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.25s ease;
    color: white;
}

.btn-primary {
    background: linear-gradient(135deg, #667eea 0%, #642a9f 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.4);
    padding: 0.625rem 1rem;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    background: linear-gradient(135deg, #4459b9 5%, #733daa 100%);
    border: 1px solid transparent;
}

.btn-primary::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 25%;
    height: 100%;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.1) 100%);
    transform: skewX(-20deg);
}

.btn-primary:hover::after {
    animation: sheen 2.5s linear infinite;
}
.btn-animated:hover::after {
    /*  animation: sheen 1.3s forwards; */
    animation: sheen var(--speed, 2.5s) infinite;
}

.btn-primary:enabled {
    cursor: pointer !important;
}

.btn-primary:disabled {
    background: #9ca3af !important;
    color: #e5e7eb !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    /*opacity: 0.9;*/
    transform: none !important;
}

@keyframes sheen {
    0% {
        left: -75%;
    }
    100% {
        left: 125%;
    }
}
.btn-submit {
    background: linear-gradient(135deg, #4CAF50 0%, #2196F3 100%);
    color: white;
    box-shadow: 0 1px 3px rgba(245, 158, 11, 0.4);
}

    .btn-submit:hover {
        transform: translateY(-2px);
        box-shadow: 0 3px 25px rgba(76, 175, 80, 0.5);
        background: linear-gradient(135deg, #48894b 0%, #1475c1 100%);
        border: 1px solid transparent;
    }
.btn-exportExcel {
    background: linear-gradient(135deg, #667eea 0%, #642a9f 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.4);
}

    .btn-exportExcel:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
        background: linear-gradient(135deg, #4459b9 5%, #733daa 100%);
        border: 1px solid transparent;
    }
   
.btn-cancel {
    background: linear-gradient(135deg, #fb7185 0%, #be123c 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(251, 113, 133, 0.4);
    padding: 0.3rem 0.40rem;
}

    .btn-cancel:hover {
        background: linear-gradient(135deg, #e11d48 0%, #9f1239 100%);
        transform: translateY(-2px);
        box-shadow: 0 2px 6px rgba(251, 113, 133, 0.4);
        border: 1px solid transparent;
    }

.btn-cancel-blood {
    background: linear-gradient(135deg, #be123c 0%, #881337 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(190, 18, 60, 0.4);
}

    .btn-cancel-blood:hover {
        background: linear-gradient(135deg, #9f1239 0%, #5c0e28 100%);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(139, 0, 0, 0.6);
        border: 1px solid transparent;
    }

.btn-back {
    background: linear-gradient(40deg, #71717a 0%, #27272a 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(113, 113, 122, 0.4);
}

    .btn-back:hover {
        background: linear-gradient(40deg, #75717a 0%, #29272a 100%);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.5);
        border: 1px solid transparent;
    }
    .btn-sweet-back-ready {
        background: linear-gradient(135deg, #fb7185 0%, #be123c 100%);
        color: white;
        box-shadow: 0 2px 6px rgba(113, 113, 122, 0.4);
        padding: 10px 58px !important;
    }

    .btn-sweet-back-ready:hover {
        background: linear-gradient(135deg, #e11d48 0%, #9f1239 100%);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.5);
        border: 1px solid transparent;
    }
.btn-sweet-back-confirmation {
    background: linear-gradient(135deg, #fb7185 0%, #be123c 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(113, 113, 122, 0.4);
    padding: 10px 80px !important;
}

    .btn-sweet-back-confirmation:hover {
        background: linear-gradient(135deg, #e11d48 0%, #9f1239 100%);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.5);
        border: 1px solid transparent;
    }
.btn-print-submit {
    background: linear-gradient(135deg, #14b8a6 0%, #0f766e 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(20, 184, 166, 0.4);
    padding: 8px 30px !important;
}

    .btn-print-submit:hover {
        background: linear-gradient(135deg, #0d9488 0%, #134e4a 100%);
        transform: translateY(-2px);
        box-shadow: 0 2px 6px rgba(20, 184, 166, 0.4);
        border: 1px solid transparent;
    }
.btn-edit {
    background: linear-gradient(135deg, #06b6d4 0%, #0e7490 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(6, 182, 212, 0.4);
    padding: 0.3rem 0.95rem;
}

    .btn-edit:hover {
        background: linear-gradient(135deg, #0891b2 0%, #164e63 100%);
        transform: translateY(-2px);
        box-shadow: 0 2px 6px rgba(6, 182, 212, 0.4);
        border: 1px solid transparent;
    }

.btn-generate {
    background: linear-gradient(135deg, #f59e0b 0%, #78350f 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(245, 158, 11, 0.4);
}

    .btn-generate:hover {
        background: linear-gradient(135deg, #d97706 0%, #92400e 100%);
        transform: translateY(-2px);
        box-shadow: 0 2px 6px rgba(30, 58, 138, 0.4);
        border: 1px solid transparent;
    }

.btn-print {
    background: linear-gradient(135deg, #14b8a6 0%, #0f766e 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(20, 184, 166, 0.4);
}

    .btn-print:hover {
        background: linear-gradient(135deg, #0d9488 0%, #134e4a 100%);
        transform: translateY(-2px);
        box-shadow: 0 2px 6px rgba(20, 184, 166, 0.4);
        border: 1px solid transparent;
    }

.btn-token {
    background: linear-gradient(135deg, #a855f7, #ec4899);
    color: white;
    box-shadow: 0 2px 6px rgba(20, 184, 166, 0.4);
}

    .btn-token:hover {
        background: linear-gradient(135deg, #7e22ce, #be185d);
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(190, 24, 93, 0.35);
        border: 1px solid transparent;
    }


.btn-logout {
    background: linear-gradient(135deg, #1e40af 0%, #1e293b 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(30, 58, 138, 0.4);
}

    .btn-logout:hover {
        background: linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%);
        transform: translateY(-2px);
        box-shadow: 0 2px 6px rgba(30, 58, 138, 0.4);
        border: 1px solid transparent;
    }


.btn-download {
   /* width: 100%;*/
    padding: 14px;
    font-size: 16px;
    font-weight: 600;
    color: white;
    background: linear-gradient(135deg, #4CAF50 0%, #2196F3 100%);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);
}

    .btn-download:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(76, 175, 80, 0.5);
        background: linear-gradient(135deg, #48894b 0%, #1475c1 100%);
        border: 1px solid transparent;
    }

.btn-animated {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.btn-animated::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 25%;
    height: 100%;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.1) 100%);
    transform: skewX(-20deg);
}

.btn-animated:hover::after {
    animation: sheen var(--speed, 2.5s) infinite;
}

/* Hover glow efekti */
.glow:hover {
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.25), 0 0 10px rgba(255, 255, 255, 0.15);
    transform: translateY(-2px) scale(1.02);
}

.glow:active {
    transform: translateY(0) scale(0.98);
    box-shadow: 0 0 3px rgba(255, 255, 255, 0.1);
}

/* Yansıma efekti */
.reflect {
    position: relative;
}

.reflect::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 80%;
    background: inherit;
    transform: scaleY(-1);
    filter: blur(4px) opacity(0.3);
    border-radius: inherit;
    pointer-events: none;
}

.bx-shdw {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.45);
}
.bx-shdw-in {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
}
.sub-body-p {
    background: linear-gradient(135deg, #F3F4F6 0%, #a1a5ab 100%);
}

.project-list-div:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.45);
}

.report-header-box-round {
    border-radius: 0.75rem 0.75rem 0 0;
}