/* Modal background overlay */
#attribute-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Sit on top of the page */
    z-index: 9999; /* High z-index to overlay content */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.5); /* Semi-transparent background */
}

/* Modal content box */
#attribute-modal .modal-content {
    background-color: #fff;
    margin: 10% auto; /* Center vertically and horizontally */
    padding: 20px; /* Add padding inside box */
    border-radius: 8px; /* Rounded corners */
    max-width: 500px; /* Maximum width */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* Subtle shadow */
    position: relative; /* For close button positioning */
}

/* Close button */
#attribute-modal .close-modal {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}