/* Primary Button - Blue (#304FBE) */
.multiverseiqbtnprimary {
  background-color: #304FBE;
  color: white;
  font-size: 16px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 24px;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.multiverseiqbtnprimary:hover {
  background-color: #2742a8;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(48, 79, 190, 0.3);
}

.multiverseiqbtnprimary:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(48, 79, 190, 0.2);
}

/* Primary Outline Button - Blue Border (#304FBE) */
.multiverseiqbtnoutlineprimary {
  background-color: transparent;
  color: #304FBE;
  font-size: 16px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 24px;
  padding: 12px 24px;
  border: 2px solid #304FBE;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.multiverseiqbtnoutlineprimary:hover {
  background-color: #304FBE;
  color: white;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(48, 79, 190, 0.3);
}

.multiverseiqbtnoutlineprimary:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(48, 79, 190, 0.2);
}

/* Secondary Button - White/Outline */
.multiverseiqbtnsecondary {
  background-color: white;
  color: #304FBE;
  font-size: 16px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 24px;
  padding: 12px 24px;
  border: 2px solid #E5E5E5;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.multiverseiqbtnsecondary:hover {
  border-color: #304FBE;
  background-color: #f8f9ff;
}

.multiverseiqbtnsecondary:active {
  background-color: #eff2ff;
}

/* Disabled State for all buttons */
.multiverseiqbtnprimary:disabled,
.multiverseiqbtnoutlineprimary:disabled,
.multiverseiqbtnsecondary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

 /* Start You do not have permission to access this page popup */

    .auth-restriction-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
        animation: authFadeIn 0.3s ease-in;
    }

    .auth-restriction-dialog {
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        padding: 30px 35px;
        border-radius: 16px;
        border: 1px solid rgba(255, 255, 255, 0.3);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
        max-width: 400px;
        animation: authSlideUp 0.4s ease-out;
    }

    .auth-restriction-header {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-bottom: 15px;
    }

    .auth-restriction-icon-circle {
        width: 45px;
        height: 45px;
        background: linear-gradient(135deg, #ff6b6b, #ee5a6f);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        flex-shrink: 0;
    }

    .auth-restriction-heading {
        font-size: 20px;
        font-weight: 600;
        color: #2c3e50;
        margin: 0;
    }

    .auth-restriction-text {
        font-size: 15px;
        color: #5a6c7d;
        margin-bottom: 20px;
        line-height: 1.5;
    }

    .auth-redirect-notice {
        font-size: 14px;
        color: #7f8c8d;
        text-align: center;
        margin-bottom: 15px;
    }

    .auth-countdown-number {
        font-weight: 600;
        color: #ff6b6b;
    }

    .auth-progress-track {
        width: 100%;
        height: 3px;
        background: rgba(0, 0, 0, 0.08);
        border-radius: 10px;
        overflow: hidden;
    }

    .auth-progress-indicator {
        height: 100%;
        background: linear-gradient(90deg, #ff6b6b, #ee5a6f);
        border-radius: 10px;
        animation: authProgressBar 5s linear;
    }

    @keyframes authFadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    @keyframes authSlideUp {
        from {
            transform: translateY(20px);
            opacity: 0;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    @keyframes authProgressBar {
        from { width: 100%; }
        to { width: 0%; }
    }

      /* End You do not have permission to access this page popup  */