/* Main Container with Beautiful Box */
.lsab-main-container {
    background: #ffffff !important;
    border-radius: 10px !important;
    padding: 20px !important;
    margin: 20px 0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    border: 2px solid #e0e0e0 !important;
    max-width: 500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.lsab-global-message {
    margin-bottom: 10px !important;
    padding: 10px 15px !important;
    border-radius: 6px !important;
    font-weight: bold !important;
    min-height: 20px !important;
    font-size: 14px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.lsab-buttons-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

/* Your working button styles */
.lsab-main-container .lsab-btn {
    background: #007cba !important;
    color: white !important;
    border: none !important;
    padding: 18px 36px !important; /* Increased from 12px 24px */
    border-radius: 8px !important;
    cursor: pointer !important;
    font-size: 30px !important; /* Increased from 20px */
    transition: background 0.3s !important;
    width: 100% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.lsab-main-container .lsab-btn:hover:not(:disabled) {
    background: #005a87 !important;
}

.lsab-main-container .lsab-btn:disabled {
    background: #ccc !important;
    cursor: not-allowed !important;
}

/* Your working message styles - FORCE with !important */
.lsab-main-container .lsab-global-message.lsab-success {
    background: #d4edda !important;
    color: #155724 !important;
    border: 2px solid #c3e6cb !important;
    display: block !important;
    visibility: visible !important;
}

.lsab-main-container .lsab-global-message.lsab-error {
    background: #ffebee !important;
    color: #c53030 !important;
    border: 2px solid #feb2b2 !important;
    font-weight: bold !important;
    display: block !important;
    visibility: visible !important;
}

/* Your working blinking animation for error messages - FORCE with !important */
.lsab-main-container .lsab-global-message.lsab-blinking {
    animation: lsab-blink 0.6s ease-in-out infinite !important;
}

@keyframes lsab-blink {
    0% {
        background: #fed7d7 !important;
        border-color: #feb2b2 !important;
        color: #c53030 !important;
        transform: scale(1) !important;
    }
    50% {
        background: #ff0000 !important;
        border-color: #ff0000 !important;
        color: white !important;
        transform: scale(1.02) !important;
    }
    100% {
        background: #fed7d7 !important;
        border-color: #feb2b2 !important;
        color: #c53030 !important;
        transform: scale(1) !important;
    }
}

/* Your working alternative blinking - FORCE with !important */
.lsab-main-container .lsab-global-message.lsab-error.lsab-blinking {
    animation: lsab-pulse 0.8s infinite !important;
}

@keyframes lsab-pulse {
    0% {
        background-color: #fed7d7 !important;
        box-shadow: 0 0 0 0 rgba(229, 62, 62, 0.7) !important;
    }
    70% {
        background-color: #feb2b2 !important;
        box-shadow: 0 0 0 10px rgba(229, 62, 62, 0) !important;
    }
    100% {
        background-color: #fed7d7 !important;
        box-shadow: 0 0 0 0 rgba(229, 62, 62, 0) !important;
    }
}

/* Keep original container styles for individual buttons */
.lsab-container {
    margin: 10px 0 !important;
    text-align: center !important;
}

.lsab-message {
    margin-bottom: 10px !important;
    padding: 10px 15px !important;
    border-radius: 6px !important;
    font-weight: bold !important;
    min-height: 20px !important;
    font-size: 14px !important;
}

.lsab-message.lsab-success {
    background: #d4edda !important;
    color: #155724 !important;
    border: 2px solid #c3e6cb !important;
}

.lsab-message.lsab-error {
    background: #ffebee !important;
    color: #c53030 !important;
    border: 2px solid #feb2b2 !important;
    font-weight: bold !important;
}

.lsab-message.lsab-blinking {
    animation: lsab-blink 0.6s ease-in-out infinite !important;
}

.lsab-message.lsab-error.lsab-blinking {
    animation: lsab-pulse 0.8s infinite !important;
}