#calculatorModal {
    z-index: 1060 !important; /* Use !important if other styles are overriding, but try to avoid if possible */
}

.modal-content {
            background-color: transparent;
            border-radius: 15px;
            border: none;
        }

        /* Samsung Calculator-specific styles with original color scheme */
        .calculator-container {
            padding: 2rem; 
            background-color: #3b6675; 
            border-radius: 10px;
            color: #fff; 
        }
        
        /* Calculator Header for title and close button */
        .calculator-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 0.5rem;
        }

        /* Custom close button for the calculator modal */
        #calc-close-btn {
            color: #fff;
            font-size: 1.5rem;
            cursor: pointer;
            text-decoration: none;
            opacity: 0.8;
            transition: opacity 0.2s ease;
        }

        #calc-close-btn:hover {
            opacity: 1;
        }

        /* Display area for history and current input */
        .calculator-display {
            text-align: right;
            padding: 1rem; 
            margin-bottom: 1rem;
            color: #e0e0e0;
        }
        
        #calc-history {
            height: 1.8rem; 
            font-size: 1.8rem; 
            opacity: 0.6;
            color: #e0e0e0;
        }

        #calc-input {
            height: 4rem; 
            font-size: 4rem; 
            background-color: #2b4c57;
            border: none;
            width: 100%;
            text-align: right;
            color: #fff;
            padding: 0.5rem;
            border-radius: 5px;
            margin: 0;
            outline: none;
        }

        /* Buttons layout */
        .calculator-buttons {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 0.5rem;
        }
        
        /* Styling for all calculator buttons */
        .calc-btn {
            background-color: #458572;
            color: #fff;
            border: none;
            padding: 1.5rem 1rem;
            font-size: 1.5rem;
            cursor: pointer;
            border-radius: 10px;
            transition: background-color 0.2s ease;
            font-weight: 500;
        }
        
        .calc-btn:hover {
            background-color: #509683; 
        }

        /* Operator buttons */
        .btn-operator {
            color: #fff;
        }

        /* Specific operator button hover */
        .btn-operator:hover {
            background-color: #509683;
            color: #fff;
        }
        
        /* Special button colors */
        .btn-ac {
            background-color: #d9534f;
        }
        
        .btn-ac:hover {
            background-color: #c9302c;
        }
        
        .btn-backspace {
            background-color: #f0ad4e;
        }

        .btn-backspace:hover {
            background-color: #ec971f;
        }

        /* The equals button has the same styling as a regular button */
        .btn-equals {
            background-color: #358C75; 
        }

        .btn-equals:hover {
            background-color: #509683;
        }