/* Plan Summary Card - exactly as reference image */
        .plan-summary-card {
			width: 517px;
			min-height: 643px;
            background: #EFF2F6;
            border-radius: 12px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.02);
            padding: 24px;
            box-sizing: border-box;
        }

        .plan-summary-header {
			color: #3C4654;
			font-size: 20px;
			font-weight: 700;
			line-height: 30px; 
			margin-bottom: 24px;
        }

        .congrats-message {
            background: #FFF;
            border-radius: 12px;
            padding: 22px 16px;
            margin-bottom: 24px;
            display: flex;
            gap: 8px;
        }

        .congrats-icon {
			height: 135.729px;
            width: 168px;
        }

        .congrats-header-text{
            font-size: 18px;
            font-weight: 600;
            color: #3C4654;
            line-height: 27px;
            /* margin-bottom: 0.25rem; */
        }

        .congrats-highlight {
            font-size: 18px;
            font-weight: 700;
            color: #F16722;
            line-height: 27px;
        }

        .congrats-text{
			font-size: 14px;
			font-weight: 500;
			line-height: 21px;
			color:#66707D;
            margin-top: 10px;
        }
		
		.congrats-text-highlight {
			font-weight: 700;
		}

        /* plan row */
		.selected-plan-card{
			background: #FFF;
			border-radius: 12px;
            padding: 24px;
		}

        .plan-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0.25rem 0;
        }

		.selected-plan-img{
			width: 96px;
			height: 64px;
		}

        .selected-plan-name {
            color: #3D9AA7;
            font-size: 36px;
			font-weight: 700;
			line-height: 54px;
        }
        /* Plan-specific colors */
       .selected-plan-name.plan-essentials {
            color: #3D9AA7;
       }

       .selected-plan-name.plan-pro {
            color: #128292;
       }

       .selected-plan-name.plan-elite {
            color: #F16722;
       }

        .selected-plan-price {
            color: #3C4654;
			font-size: 48px;
			font-weight: 700;
			line-height: 150%; /* 72px */
        }

        .selected-plan-frequency {
            color: #808894;
            font-size: 20px;
            font-weight: 400;
            margin-left: 0.25rem;
        }

		.edit-plan-link {
            background: transparent;
			color: #128292;
			padding: 0px 12px;
			font-size: 18px;
			font-weight: 600;
			border-radius: 50px;
			cursor: pointer;
			border: 0;
			width: 104px;
            height: 30px;
            align-content: center;
			margin-top: 12px;
			align-self: baseline;
            text-align: center;    
            display: inline-block;
            white-space: nowrap;  
        }

        .edit-plan-link:hover {
            background: #DFE1E4;
            /* color: #0e6b78; */
        }

		.selected-plan-info {
			font-size: 18px;
			font-weight: 600;
			line-height: 150%; /* 27px */
			color: #3C4654;

		}

		.selected-plan-info-small {
			color:  #808894;
			font-size: 16px;
			font-weight: 500;
			line-height: 150%; /* 24px */
		}

        /* divider */
        .summary-divider {
            height: 1px;
            background: #BCC1C7;
            margin: 1rem 0;
        }

        /* total due & due today */
        .total-row {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            margin-top: 0.5rem;
            margin-bottom: 0.5rem;
			
			font-size: 18px;
			font-weight: 500;
			line-height: 150%; /* 27px */
			color: #3C4654;
        }


        .due-today-row {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            margin-top: 0.5rem;

			font-size: 20px;
			font-weight: 700;
			line-height: 150%; /* 30px */
			color: #3C4654;
        }