/* 1. Shared Base styles for all elements (ABSOLUTE MAXIMUM SPECIFICITY - EVERYTHING IS IMPORTANT) */
li button.cobot-sqr-show-qr-btn,
li button.cobot-sqr-hide-qr-btn,
li button.cobot-sqr-redeem-btn,
li button.cobot-sqr-details-btn, /* ADDED DETAILS BUTTON */
li a.cobot-sqr-download-btn,
li button.cobot-sqr-manual-redeem-btn,
li button.cobot-sqr-scanner-btn,
li button.finalize-redeem-btn,
li button.manual-redeem-cancel-btn,
li button.manual-redeem-claim-only-btn {
    padding: 10px 20px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    border-radius: 5px !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
    outline: none !important; 
    box-sizing: border-box !important; 
    color: #000 !important;
    border: 1px solid #CCAC00 !important;
    
    /* CRITICAL FIXES FOR ANCHOR TAGS - REMOVED DISPLAY:INLINE-BLOCK */
    text-decoration: none !important; 
    vertical-align: middle !important;
}

/* 2. VISIBILITY CLASS - Not strictly needed now, but keeping for backward compatibility */
.is-hidden {
    display: none !important;
}

/* 3. YELLOW BUTTONS (Redeem, Show QR, Hide QR, Download QR) */
li button.cobot-sqr-redeem-btn,
li button.cobot-sqr-show-qr-btn,
li button.cobot-sqr-hide-qr-btn,
li button.cobot-sqr-details-btn, /* ADDED DETAILS BUTTON */
li a.cobot-sqr-download-btn,
li button.cobot-sqr-manual-redeem-btn,
li button.cobot-sqr-scanner-btn,
li button.manual-redeem-claim-only-btn, /* <--- TARGETED BUTTON */
li button.finalize-redeem-btn, /* ADDED: Finalize Action Button */
li button.manual-redeem-cancel-btn { /* ADDED DOWNLOAD BUTTON */
    background-color: #FFD700 !important; /* Force Yellow (Default Color) */
}

/* 4. Focus rules for all yellow buttons */
li button.cobot-sqr-redeem-btn:focus,
li button.cobot-sqr-show-qr-btn:focus,
li button.cobot-sqr-hide-qr-btn:focus,
li button.cobot-sqr-details-btn:focus, /* ADDED DETAILS BUTTON */
li a.cobot-sqr-download-btn:focus,
li button.cobot-sqr-manual-redeem-btn:focus,
li button.cobot-sqr-scanner-btn:focus,
li button.manual-redeem-claim-only-btn:focus,
li button.finalize-redeem-btn:focus, /* ADDED: Finalize Action Button */
li button.manual-redeem-cancel-btn:focus { /* ADDED DOWNLOAD BUTTON */
    background-color: #FFD700 !important;
    border-color: #CCAC00 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

/* 5. Hover/Active styles for all elements */
li button.cobot-sqr-show-qr-btn:hover,
li button.cobot-sqr-hide-qr-btn:hover,
li button.cobot-sqr-redeem-btn:hover,
li button.cobot-sqr-details-btn:hover, /* ADDED DETAILS BUTTON */
li a.cobot-sqr-download-btn:hover,
li button.cobot-sqr-manual-redeem-btn:hover,
li button.manual-redeem-claim-only-btn:hover,
li button.cobot-sqr-scanner-btn:hover,
li button.manual-redeem-cancel-btn:hover,
li button.finalize-redeem-btn:hover, /* ADDED: Finalize Action Button */
li button.manual-redeem-cancel-btn:hover { /* ADDED DOWNLOAD BUTTON */
    background-color: #e6c200 !important; 
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15) !important;
}
li button.cobot-sqr-show-qr-btn:active,
li button.cobot-sqr-hide-qr-btn:active,
li button.cobot-sqr-redeem-btn:active,
li button.cobot-sqr-details-btn:active, /* ADDED DETAILS BUTTON */
li a.cobot-sqr-download-btn:active,
li button.cobot-sqr-manual-redeem-btn:active,
li button.cobot-sqr-scanner-btn:active,
li button.manual-redeem-claim-only-btn:active,
li button.finalize-redeem-btn:active, /* ADDED: Finalize Action Button */
li button.manual-redeem-cancel-btn:active,
li button.finalize-redeem-btn:active, /* ADDED: Finalize Action Button */
li button.manual-redeem-cancel-btn:active { /* ADDED DOWNLOAD BUTTON */
    background-color: #d1b100 !important; 
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}