/* Home and Back Button Styles (copied from sticky-next-btn) */
.sticky-action-btn {
    background: #4A90E2;
    color: #fff;
    border-radius: 50px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
    padding: 16px 32px;
    font-size: 1.2rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.2s;
    min-width: 100px;
    margin-left: 0;
}
.sticky-action-btn:not(:first-child) {
    margin-left: 8px;
}
/* Sticky Next Button Styles */
.sticky-next-btn {
    position: fixed;
    bottom: 32px;
    right: 32px;
    z-index: 1000;
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    background: #4A90E2;
    color: #fff;
    border-radius: 50px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
    padding: 16px 32px;
    font-size: 1.2rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.2s;
}
.sticky-next-btn.show {
    display: block;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.sticky-next-btn:disabled,
.sticky-next-btn.disabled {
    opacity: 0.5 !important;
    cursor: not-allowed;
}

.sticky-reset-btn {
    top: 92px;
    bottom: auto;
    background: #dc2626;
}

.sticky-manage-btn {
    bottom: 98px;
    background: #0f766e;
}

.sticky-manage-btn:hover {
    background: #0b5f58;
}

.sticky-assign-new-items-btn {
    bottom: 164px;
    background: #1d4ed8;
}

.sticky-assign-new-items-btn:hover {
    background: #1e40af;
}

.sticky-update-saved-form-btn {
    bottom: 230px;
    background: #1d4ed8;
}

.sticky-update-saved-form-btn:hover {
    background: #1e40af;
}

.sticky-reset-btn:hover {
    background: #b91c1c;
}

.sticky-next-btn.hide {
    display: none;
    opacity: 0;
    transform: translateY(20px);
}
.sticky-action-btn:focus {
    outline: none;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

@media (max-width: 768px) {
    .sticky-next-btn {
        right: 14px;
        bottom: calc(14px + env(safe-area-inset-bottom));
        padding: 12px 20px;
        font-size: 1rem;
        max-width: calc(100vw - 28px);
    }

    .sticky-reset-btn {
        top: 78px;
        bottom: auto;
    }

    .sticky-manage-btn {
        bottom: calc(70px + env(safe-area-inset-bottom));
    }

    .sticky-assign-new-items-btn {
        bottom: calc(126px + env(safe-area-inset-bottom));
    }

    .sticky-update-saved-form-btn {
        bottom: calc(186px + env(safe-area-inset-bottom));
    }

    .sticky-action-btn {
        padding: 10px 18px;
        font-size: 1rem;
        min-width: 86px;
    }
}