/* Base styles */
.popup {
    position: fixed;
    inset: 0;
    display: none;
    background: rgba(0,0,0,0.90);
    z-index: 9999;
}

/* Modal container */
.popup-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: min(75vw, 1200px);
    min-height: 75vh;
    padding: clamp(20px, 5vw, 50px);
    background: #4572BE;
    border: clamp(5px, 1vw, 10px) solid #fff;
    border-radius: 5px;
    color: #25295d !important; /* Updated color */
}

/* Logo */
.popup-inner img[src*="Novartis-RM-Logo-RGB"] {
    width: 400px !important;
    height: auto !important;
    margin-bottom: clamp(30px, 5vh, 80px);
}

/* Typography */
.popup-inner h1 {
    font-size: clamp(30px, 5vw, 80px);
    line-height: 1.25;
    margin-bottom: clamp(20px, 3vh, 35px);
}

.popup-inner .information-text {
    font-size: clamp(18px, 3vw, 35px);
    line-height: 1.25;
    margin-bottom: 20px;
}

.popup-inner .disclaimer-text {
    font-size: 12px;
    line-height: 1.25;
    margin-top: 40px;
}

/* Form elements */
.popup_form input[type="text"] {
    padding: 4px 8px;
    background: #f0f0f0;
    border: 1px solid #ccc;
}

.pincode-box {
    width: min(400px, 100%);
    margin-bottom: 10px;
    color: #303133;
    border: 1px solid #e4e4e4; /* Added border */
}

/* Buttons */
.btn-access {
    background: #25295d !important; /* Updated background */
    color: #FFFFFF; /* Updated text color */
    border: none;
    margin-top: 10px;
}

.popup-inline {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.popup-inline .btn {
    padding: 10px 13px;
    font-size: 18px;
    min-height: 41px;
    line-height: 1;
}

/* Status messages */
#login-error-window {
    display: none;
    color: #000080;
    margin-top: 5px;
    max-width: 467px;
}

.success-window {
    color: #4F8A10;
    background-color: #DFF2BF;
}

.error-window {
    color: #D8000C;
    background-color: #FFBABA;
}

/* Utility */
.overflow-hidden {
    overflow: hidden;
}

/* Small screen adjustments */
@media (max-width: 768px) {
    .popup-inner img[src*="Novartis-RM-Logo-RGB"] {
        width: 300px !important;
    }
}

@media (max-width: 480px) {
    .popup-inner {
        border-radius: 0;
        min-height: auto;
        width: 100%;
    }
    
    .popup-inner img[src*="Novartis-RM-Logo-RGB"] {
        width: 200px !important;
    }
}