.gjpp-shell{max-width:1100px;margin:0 auto;padding:24px 16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1f2430;}
.gjpp-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 28px rgba(20,20,40,.055);margin-bottom:20px;}
.gjpp-brand-bar{height:6px;border-radius:6px;background:linear-gradient(90deg,#8b1e3f,#c9893f);margin-bottom:18px;}
.gjpp-login-card{max-width:520px;margin:0 auto;}
.gjpp-join-card{max-width:980px;margin:0 auto;}
.gjpp-subtext{color:#6b7280;font-size:14px;margin-top:-6px;margin-bottom:18px;}
.gjpp-tabs{display:flex;gap:6px;border-bottom:1px solid #eee;margin-bottom:18px;flex-wrap:wrap;}
.gjpp-tabs button{flex:1;background:none;border:none;padding:10px 6px;font-size:13px;font-weight:600;color:#9aa0ab;cursor:pointer;border-bottom:2px solid transparent;min-width:140px;}
.gjpp-tabs button.active{color:#8b1e3f;border-bottom-color:#8b1e3f;}
.gjpp-tab-panel{display:none;}
.gjpp-tab-panel.active{display:block;}
.gjpp-step{font-size:12px;font-weight:700;color:#8b1e3f;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;}
.gjpp-ajax-form,.gjpp-join-form{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;}
.gjpp-ajax-form label,.gjpp-join-form label{font-size:13px;font-weight:600;color:#374151;margin-top:6px;}
.gjpp-optional{font-weight:400;color:#9aa0ab;font-size:12px;}
.gjpp-ajax-form input[type="text"],
.gjpp-ajax-form input[type="email"],
.gjpp-ajax-form input[type="password"],
.gjpp-ajax-form input[type="number"],
.gjpp-ajax-form input[type="date"],
.gjpp-ajax-form select,
.gjpp-join-form input[type="text"],
.gjpp-join-form input[type="email"],
.gjpp-join-form input[type="password"],
.gjpp-join-form input[type="number"],
.gjpp-join-form input[type="date"],
.gjpp-join-form select,
.gjpp-reset-confirm input,
.gjpp-reset-confirm select{
  padding:11px 12px;border:1px solid #e1e3e8;border-radius:10px;font-size:14px;width:100%;box-sizing:border-box;
}
.gjpp-ajax-form input:focus,.gjpp-join-form input:focus,.gjpp-join-form select:focus,.gjpp-ajax-form select:focus,.gjpp-reset-confirm input:focus{outline:none;border-color:#8b1e3f;box-shadow:0 0 0 3px rgba(139,30,63,.12);background:#fffafb;}
.gjpp-phone-input{display:flex;align-items:stretch;border:1px solid #e1e3e8;border-radius:10px;overflow:hidden;background:#fff;transition:border-color .15s,box-shadow .15s;}
.gjpp-phone-input:focus-within{border-color:#8b1e3f;box-shadow:0 0 0 3px rgba(139,30,63,.1);}
.gjpp-phone-prefix{display:flex;align-items:center;padding:0 12px;background:#f3f4f6;color:#374151;font-weight:700;font-size:14px;border-right:1px solid #e1e3e8;white-space:nowrap;}
.gjpp-phone-input input{border:none !important;border-radius:0 !important;box-shadow:none !important;flex:1;min-width:0;padding:11px 12px;font-size:14px;}
.gjpp-phone-input input:focus{outline:none;box-shadow:none !important;}
.gjpp-phone-input-readonly{background:#f9fafb;}
.gjpp-phone-input-readonly input{background:#f9fafb;color:#4b5563;}
.gjpp-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:400;color:#4b5563;}

/*popup box css start*/
.woocommerce {
    max-width: 1396px !important;
    margin: auto;
}

/* ==========================================
   JEWELLERY TERMS & CONDITIONS MODAL
========================================== */

#gjpp-terms-modal {
    display: none !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 999999 !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    box-sizing: border-box !important;
}
.woocommerce {
    width: 100% !important;
}
#gjpp-terms-modal.gjpp-modal-open {
    display: flex !important;
}


/* Overlay */

#gjpp-terms-modal .gjpp-terms-overlay {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.65) !important;
    z-index: 1 !important;
}


/* Popup Box */

#gjpp-terms-modal .gjpp-terms-box {
    position: relative !important;
    z-index: 2 !important;

    width: 90% !important;
    max-width: 850px !important;
    max-height: 90vh !important;

    background: #ffffff !important;

    border-radius: 12px !important;

    overflow: hidden !important;

    display: flex !important;
    flex-direction: column !important;

    box-shadow: 0 20px 60px rgba(0,0,0,.3) !important;
}


/* Header */

#gjpp-terms-modal .gjpp-terms-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    padding: 18px 24px !important;

    border-bottom: 1px solid #eeeeee !important;

    flex-shrink: 0 !important;
}

#gjpp-terms-modal .gjpp-terms-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 22px !important;
    line-height: 1.3 !important;

    color: #d96b72 !important;
}
.woocommerce-account .MyAccount-navigation-wrapper {
    flex: 0 0 25%;
    max-width: 25%;
    position: sticky;
    top: 14px;
}


/* Close */

#gjpp-terms-modal .gjpp-terms-close {
    width: 35px !important;
    height: 35px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    background: transparent !important;

    font-size: 28px !important;
    line-height: 1 !important;

    cursor: pointer !important;

    color: #333333 !important;
}


/* Body */

#gjpp-terms-modal .gjpp-terms-body {
    overflow-y: auto !important;

    max-height: 62vh !important;

    padding: 25px !important;

    box-sizing: border-box !important;
}


/* Terms */

#gjpp-terms-modal .gjpp-terms-content {
    display: none;
}

#gjpp-terms-modal .gjpp-terms-content.active {
    display: block;
}

#gjpp-terms-modal .gjpp-terms-content h3 {
    margin: 20px 0 8px !important;

    font-size: 18px !important;

    line-height: 1.4 !important;

    color: #b98f73 !important;
}

#gjpp-terms-modal .gjpp-terms-content h3:first-child {
    margin-top: 0 !important;
}

#gjpp-terms-modal .gjpp-terms-content p {
    margin: 0 0 12px !important;

    font-size: 14px !important;

    line-height: 1.7 !important;

    color: #333333 !important;
}

#gjpp-terms-modal .gjpp-terms-content ul {
    margin: 10px 0 15px !important;

    padding-left: 22px !important;
}

#gjpp-terms-modal .gjpp-terms-content li {
    margin-bottom: 7px !important;

    font-size: 14px !important;

    line-height: 1.6 !important;
}


/* Footer */

#gjpp-terms-modal .gjpp-terms-footer {
    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 20px !important;

    padding: 15px 24px !important;

    border-top: 1px solid #eeeeee !important;

    background: #ffffff !important;

    flex-shrink: 0 !important;
}


/* Modal checkbox */

.gjpp-modal-agree-label {
    display: flex !important;

    align-items: flex-start !important;

    gap: 8px !important;

    font-size: 13px !important;

    line-height: 1.5 !important;

    color: #444 !important;
}

.gjpp-modal-agree-label input {
    margin-top: 3px !important;
}


/* Agree Button */

#gjppTermsContinueBtn {
    flex-shrink: 0 !important;
}


/* Body lock */

body.gjpp-modal-open {
    overflow: hidden !important;
}


/* Mobile */

@media (max-width: 640px) {

    #gjpp-terms-modal {
        padding: 10px !important;
    }

    #gjpp-terms-modal .gjpp-terms-box {
        width: 96% !important;
        max-height: 94vh !important;
    }

    #gjpp-terms-modal .gjpp-terms-header {
        padding: 15px !important;
    }

    #gjpp-terms-modal .gjpp-terms-title {
        font-size: 18px !important;
    }

    #gjpp-terms-modal .gjpp-terms-body {
        max-height: 65vh !important;
        padding: 18px !important;
    }

    #gjpp-terms-modal .gjpp-terms-footer {
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 12px 18px !important;
    }

    #gjppTermsContinueBtn {
        width: 100% !important;
    }
}

/*popup box css end*/
.gjpp-checkbox input{margin-top:3px;}
.gjpp-btn{display:inline-block;padding:11px 18px;border-radius:10px;border:1px solid #e1e3e8;background:#fff;color:#1f2430;font-weight:600;font-size:14px;cursor:pointer;text-align:center;text-decoration:none;transition:opacity .15s;}
.gjpp-btn:hover{opacity:.85;}
.gjpp-btn:disabled{opacity:.5;cursor:not-allowed;}
.gjpp-btn-primary{background:#8b1e3f;border-color:#8b1e3f;color:#fff;}
.gjpp-btn-outline{background:transparent;}
.gjpp-inline-msg{font-size:13px;min-height:18px;}
.gjpp-inline-msg.ok{color:#15803d;}
.gjpp-inline-msg.error{color:#b91c1c;}
.gjpp-otp-boxes{display:flex;gap:8px;}
.gjpp-otp-digit{width:42px;height:48px;text-align:center;font-size:18px;border:1px solid #e1e3e8;border-radius:10px;}
.gjpp-forgot-wrap{margin-top:14px;font-size:13px;}
.gjpp-forgot-wrap summary{cursor:pointer;color:#8b1e3f;font-weight:600;}
.gjpp-reset-confirm{display:flex;flex-direction:column;gap:8px;margin-top:12px;}
.gjpp-google-btn{display:block;text-align:center;margin-top:16px;padding:11px;border:1px solid #e1e3e8;border-radius:10px;color:#1f2430;text-decoration:none;font-weight:600;font-size:14px;}
.gjpp-google-btn.disabled{color:#9aa0ab;cursor:not-allowed;}
.gjpp-login-links{display:flex;justify-content:space-between;margin-top:16px;font-size:13px;gap:12px;flex-wrap:wrap;}
.gjpp-login-links a{color:#8b1e3f;text-decoration:none;}

.gjpp-dashboard-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;}
.gjpp-dashboard-head h2{margin:0 0 4px;}
.gjpp-dashboard-head p{margin:0;color:#6b7280;font-size:14px;}
.gjpp-customer-id-inline{margin-top:8px;font-size:13px;color:#8b1e3f;}
.gjpp-head-actions{display:flex;gap:10px;flex-wrap:wrap;}
.gjpp-notice-warning{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:14px;}

.gjpp-dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px;}
.gjpp-stat-card{background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:18px;}
.gjpp-stat-card span{display:block;color:#9a3412;font-size:12px;margin-bottom:6px;}
.gjpp-stat-card strong{font-size:24px;color:#7c2d12;}
.gjpp-progress-wrap{background:#fffafb;border:1px solid #f3e8ee;border-radius:14px;padding:12px;}
.gjpp-progress-head{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:700;color:#8b1e3f;margin-bottom:8px;}
.gjpp-progress-bar{height:10px;background:#f3f4f6;border-radius:999px;overflow:hidden;}
.gjpp-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#8b1e3f,#d89b46);border-radius:999px;}
.gjpp-progress-note{font-size:12px;color:#6b7280;margin-top:8px;}
.gjpp-reactivation-note{padding:12px 14px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:13px;}
.gjpp-amount-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.gjpp-amount-chip{padding:8px 12px;border-radius:999px;border:1px solid #e5d5de;background:#fff;color:#8b1e3f;font-weight:600;cursor:pointer;}
.gjpp-amount-chip.active,.gjpp-amount-chip:hover{background:#8b1e3f;color:#fff;border-color:#8b1e3f;}
.gjpp-field-hint{font-size:12px;color:#7b7378;margin-top:8px;line-height:1.55;}
.gjpp-grid{display:grid;gap:18px;}
.gjpp-grid.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.gjpp-grid label{font-size:12px;font-weight:700;color:#5f5660;display:block;margin-bottom:7px;letter-spacing:.05em;text-transform:uppercase;}
.gjpp-grid input,.gjpp-grid select{padding:14px 15px;border:1px solid #ded4d9;border-radius:11px;width:100%;box-sizing:border-box;font-size:14px;background:#fff;color:#2f2930;transition:border-color .15s,box-shadow .15s,background-color .15s;min-height:48px;cursor:pointer;appearance:auto;}
.gjpp-col-full{grid-column:1 / -1;}

.gjpp-customer-banner{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:18px;}
.gjpp-customer-banner h2{margin:0 0 8px;font-size:24px;font-weight:700;line-height:1.3;color:#2f2930;letter-spacing:-.01em;}
.gjpp-customer-banner p{margin:0;color:#6b7280;max-width:640px;font-size:14px;line-height:1.6;}
.gjpp-customer-badge{background:#fdf7f9;color:#8b1e3f;border:1px solid #ead5dd;border-radius:12px;padding:12px 16px;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 2px 8px rgba(20,20,40,.03);}
.gjpp-form-section{padding:26px;border:1px solid #eadfe4;border-radius:18px;background:linear-gradient(180deg,#fffafb 0%,#ffffff 100%);box-shadow:0 5px 18px rgba(20,20,40,.05);box-sizing:border-box;}
.gjpp-form-section h3{margin:0 0 20px;font-size:21px;font-weight:700;color:#2f2930;letter-spacing:.01em;line-height:1.3;padding:0 0 10px;border-bottom:1px solid #f1e8ec;}

.gjpp-plan-grid{display:grid;grid-template-columns:1fr;gap:22px;margin-top:10px;}
.gjpp-plan-card{display:flex;flex-direction:column;gap:18px;padding:24px;border:1px solid #eadfe4;border-radius:18px;background:#fff;box-shadow:0 6px 20px rgba(20,20,40,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;min-height:240px;box-sizing:border-box;}
.gjpp-plan-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(20,20,40,.09);border-color:#d8c3cc;}
.gjpp-plan-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;border-bottom:1px solid #f1e8ec;}
.gjpp-plan-name{font-size:20px;font-weight:700;color:#8b1e3f;letter-spacing:.01em;line-height:1.35;}
.gjpp-plan-id{font-size:11px;color:#9aa0ab;margin-top:5px;letter-spacing:.04em;line-height:1.4;}
.gjpp-status{font-size:10px;font-weight:700;padding:8px 13px;border-radius:999px;white-space:nowrap;letter-spacing:.05em;text-transform:uppercase;line-height:1;box-shadow:0 2px 6px rgba(20,20,40,.05);}
.gjpp-status.green{background:#dcfce7;color:#166534;}
.gjpp-status.yellow{background:#fef9c3;color:#854d0e;}
.gjpp-status.red{background:#fee2e2;color:#991b1b;}
.gjpp-status.blue{background:#dbeafe;color:#1e40af;}
.gjpp-plan-meta,.gjpp-plan-extra{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:13px;padding-top:6px;}
.gjpp-plan-meta span,.gjpp-plan-extra span{display:block;color:#8a7f84;font-size:11px;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.07em;line-height:1.3;}
.gjpp-plan-meta strong,.gjpp-plan-extra strong{font-size:16px;color:#2f2930;font-weight:700;line-height:1.45;letter-spacing:.01em;}
.gjpp-plan-actions{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    width:100% !important;
    margin-top:12px !important;
   /* padding-top:12px !important;
    bo*/rder-top:1px solid #f1e8ec !important;
    gap:20px !important;
    flex-wrap:nowrap !important;
}
.gjpp-history summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #eadfe4;border-radius:12px;background:#fffafb;font-size:14px;font-weight:700;color:#8b1e3f;line-height:1.4;transition:background .15s,border-color .15s;}
.gjpp-table-wrap{overflow-x:auto;margin-top:12px;border:1px solid #eadfe4;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(20,20,40,.025);}
.gjpp-table-wrap table{width:100%;border-collapse:collapse;font-size:13px;}
.gjpp-table-wrap th{padding:11px 10px;background:#fffafb;border-bottom:1px solid #eadfe4;text-align:left;white-space:nowrap;font-size:11px;font-weight:700;color:#6f6269;text-transform:uppercase;letter-spacing:.05em;}
.gjpp-table-wrap td{padding:11px 10px;border-bottom:1px solid #f0f0f0;text-align:left;white-space:nowrap;font-size:13px;color:#2f2930;vertical-align:middle;transition:background-color .15s ease;}

.gjpp-modal{position:fixed;inset:0;background:rgba(15,15,20,.6);display:none;align-items:center;justify-content:center;z-index:99999;padding:16px;opacity:0;transition:opacity .18s ease;}
.gjpp-modal.open{display:flex;opacity:1;}
.gjpp-modal-box{background:#fff;border-radius:16px;padding:28px;max-width:460px;width:100%;position:relative;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;transform:translateY(12px) scale(.98);transition:transform .18s ease;}
.gjpp-modal.open .gjpp-modal-box{transform:translateY(0) scale(1);}
body.gjpp-modal-open{overflow:hidden;}
.gjpp-close{position:absolute;top:12px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;font-size:18px;line-height:1;cursor:pointer;color:#4b5563;transition:background .15s;}
.gjpp-close:hover{background:#e5e7eb;}
.gjpp-summary-head h3{margin:0 0 2px;}
.gjpp-summary-head p{margin:0;color:#9aa0ab;font-size:13px;}
.gjpp-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;}
.gjpp-summary-item span{display:block;font-size:12px;color:#9aa0ab;}
.gjpp-summary-item strong{font-size:15px;}
.gjpp-summary-item.total{grid-column:1 / -1;border-top:1px solid #f0f0f0;padding-top:10px;}
.gjpp-summary-item.total strong{font-size:20px;color:#8b1e3f;}
.gjpp-pay-methods{font-size:12px;color:#9aa0ab;margin-bottom:10px;}
.gjpp-disclaimer{font-size:12px;color:#9aa0ab;margin-bottom:16px;}
.gjpp-proceed-pay{width:100%;}
.gjpp-payment-result{text-align:center;}
.gjpp-check,.gjpp-cross{font-size:40px;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;}
.gjpp-check{background:#dcfce7;color:#166534;}
.gjpp-cross{background:#fee2e2;color:#991b1b;}
.gjpp-result-actions{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap;}
.gjpp-support{font-size:12px;color:#9aa0ab;margin-top:10px;}

@media (max-width:640px){
  .gjpp-shell{padding:16px 12px;}
  .gjpp-card{padding:6px;border-radius:14px;}
  .gjpp-summary-grid,.gjpp-plan-grid,.gjpp-plan-meta,.gjpp-plan-extra{grid-template-columns:1fr;gap:14px;}
  .gjpp-plan-card{min-height:0;padding:20px;border-radius:16px;gap:0px;}
  .gjpp-head-actions{width:100%;}
  .gjpp-head-actions .gjpp-btn{flex:1;}
  .gjpp-grid.two{grid-template-columns:1fr;gap:14px;}
  .gjpp-tabs{gap:0;}
  .gjpp-tabs button{min-width:0;font-size:12px;padding:10px 4px;}
  .gjpp-otp-boxes{justify-content:space-between;gap:6px;}
  .gjpp-otp-digit{width:100%;max-width:44px;height:46px;font-size:16px;flex:1;}
  .gjpp-btn,.gjpp-btn-primary{width:100%;}
  .gjpp-ajax-form .gjpp-btn,.gjpp-join-form .gjpp-btn{width:100%;}
  .gjpp-amount-presets{gap:6px;}
  .gjpp-amount-chip{flex:1;text-align:center;padding:10px 8px;}
  .gjpp-modal-box{padding:20px;border-radius:14px;max-height:85vh;}
  .gjpp-customer-banner{flex-direction:column;align-items:stretch;gap:14px;}
  .gjpp-customer-badge{white-space:normal;width:100%;box-sizing:border-box;padding:12px 14px;text-align:left;}
  .gjpp-login-links{flex-direction:column;gap:8px;text-align:center;}
  .gjpp-phone-prefix{padding:0 10px;font-size:13px;}
}

.gjpp-redemption-box{margin-top:16px;padding-top:16px;border-top:1px dashed #e5e7eb;}
.gjpp-redemption-box h4{margin:0 0 8px;font-size:14px;color:#8b1e3f;}
.gjpp-redemption-box .gjpp-grid.two{margin-bottom:10px;}
.gjpp-redemption-box label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px;}
.gjpp-redemption-box input,.gjpp-redemption-box select{width:100%;margin-bottom:10px;}

/* --- OTP resend countdown --- */
.gjpp-otp-resend{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;font-size:13px;color:#6b7280;}
.gjpp-otp-timer{color:#6b7280;}
.gjpp-otp-timer.gjpp-hidden{display:none;}
.gjpp-btn-link{background:none;border:none;padding:0;color:#8b1e3f;font-weight:600;text-decoration:underline;cursor:pointer;}
.gjpp-btn-link:disabled{color:#b7b9c0;cursor:not-allowed;text-decoration:none;opacity:1;}
.gjpp-resend-otp.gjpp-hidden{display:none;}

/* --- Due-date reminder banner --- */
.gjpp-due-banner{display:flex;align-items:center;gap:14px;padding:14px 18px;margin-bottom:14px;}
.gjpp-due-banner-icon{font-size:22px;line-height:1;flex-shrink:0;}
.gjpp-due-banner-text{flex:1;font-size:14px;line-height:1.4;}
.gjpp-due-banner-upcoming{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;}
.gjpp-due-banner-overdue{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;}
.gjpp-due-banner .gjpp-btn{flex-shrink:0;}

/* --- Total payable preview --- */
.gjpp-payable-preview{margin-top:16px;padding:16px 18px;background:linear-gradient(180deg,#fffafb 0%,#faf7f5 100%);border:1px solid #eadfe4;border-radius:14px;box-shadow:0 3px 12px rgba(20,20,40,.04);}
.gjpp-payable-preview-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;}
.gjpp-payable-preview-row strong{font-size:20px;font-weight:700;color:#8b1e3f;letter-spacing:.01em;}
.gjpp-payable-preview-secondary{margin-top:10px;padding-top:10px;border-top:1px dashed #e4d8dd;font-size:13px;color:#6b7280;line-height:1.5;}
.gjpp-payable-preview-secondary strong{font-size:14px;color:#1f2430;}
.gjpp-payable-preview-note{font-size:12px;color:#8a7f84;margin-top:6px;line-height:1.5;}

/* --- Field error / strict validation --- */
.gjpp-field-error{font-size:12px;color:#b91c1c;min-height:16px;margin-top:4px;}
input.gjpp-invalid{border-color:#dc2626 !important;}

/* --- Password show/hide + strength meter --- */
.gjpp-password-wrap{position:relative;display:flex;align-items:center;}
.gjpp-password-wrap .gjpp-password-input{width:100%;padding-right:56px;}
.gjpp-password-toggle{position:absolute;right:6px;background:none;border:none;color:#8b1e3f;font-size:12px;font-weight:600;cursor:pointer;padding:6px 8px;}
.gjpp-strength-meter{height:5px;border-radius:3px;background:#e5e7eb;margin-top:8px;overflow:hidden;}
.gjpp-strength-bar{height:100%;width:0;border-radius:3px;background:#dc2626;transition:width .2s ease,background-color .2s ease;}
.gjpp-strength-label{font-size:12px;margin-top:4px;color:#6b7280;}
.gjpp-strength-weak .gjpp-strength-bar{background:#dc2626;}
.gjpp-strength-fair .gjpp-strength-bar{background:#f59e0b;}
.gjpp-strength-good .gjpp-strength-bar{background:#3b82f6;}
.gjpp-strength-strong .gjpp-strength-bar{background:#15803d;}

@media (max-width:640px){
  .gjpp-due-banner{flex-wrap:wrap;}
  .gjpp-due-banner .gjpp-btn{width:100%;}
  .gjpp-payable-preview-row{flex-wrap:wrap;}
}


.gjpp-phone-input input:focus{outline:none;box-shadow:none !important;}
.gjpp-phone-input-readonly{background:#f9fafb;}
.gjpp-phone-input-readonly input{background:#f9fafb;color:#4b5563;}

.gjpp-checkbox{
    display:flex;
    align-items:flex-start;
    gap:8px;
    font-size:13px;
    font-weight:400;
    color:#4b5563;
}
.gjpp-checkbox input[type="checkbox"]{
    margin-top:3px;
    flex-shrink:0;
}
.gjpp-checkbox-text{
    display:inline;
    line-height:1.5;
}
.gjpp-checkbox-text a,
.gjpp-terms-link{
    color:#330A7D;
    font-weight:600;
    text-decoration:underline;
}

.gjpp-btn{display:inline-block;padding:11px 18px;border-radius:10px;border:1px solid #e1e3e8;background:#fff;color:#1f243...}
.gjpp-btn:hover{opacity:.85;}
.gjpp-btn:disabled{opacity:.5;cursor:not-allowed;}
.gjpp-btn-primary{background:#8b1e3f;border-color:#8b1e3f;color:#fff; display: inline-flex ; align-items: center;}
.gjpp-btn-outline{background:transparent;...}






.gjpp-terms-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99999;
}

.gjpp-terms-modal.gjpp-modal-open {
    display: block;
}

.gjpp-terms-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
}

.gjpp-terms-box {
    position: relative;
    max-width: 640px;
    width: 92%;
    margin: 4vh auto;
    max-height: 92vh;
    background: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.gjpp-terms-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #eee;
}

.gjpp-terms-title {
    font-size: 16px;
    margin: 0;
}

.gjpp-terms-close {
    background: none;
    border: none;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.gjpp-terms-body {
    padding: 16px 20px;
    overflow-y: auto;
    flex: 1;
}

.gjpp-terms-content h3 {
    margin-top: 16px;
    font-size: 14px;
}

.gjpp-terms-footer {
    padding: 14px 20px;
    border-top: 1px solid #eee;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.gjpp-modal-agree-label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
}

body.gjpp-modal-no-scroll {
    overflow: hidden;
}



.gjpp-terms-modal {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 999999 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.gjpp-terms-modal.is-open {
  display: flex !important;
}

.gjpp-terms-overlay {
  position: absolute !important;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.65) !important;
  cursor: pointer;
}

.gjpp-terms-box {
  position: relative !important;
  z-index: 2 !important;
  background: #fff !important;
  width: 100% !important;
  max-width: 620px !important;
  max-height: 85vh !important;
  border-radius: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  box-shadow: 0 25px 60px rgba(0,0,0,0.35) !important;
}

.gjpp-terms-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid #eee;
  flex-shrink: 0;
}

.gjpp-terms-body {
  padding: 20px;
  overflow-y: auto;
  flex: 1 1 auto;
}

.gjpp-terms-footer {
  padding: 16px 20px;
  border-top: 1px solid #eee;
  flex-shrink: 0;
}

body.gjpp-modal-open {
  overflow: hidden !important;
}
.woocommerce-MyAccount-content{
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box;
}

.woocommerce-MyAccount-content .gjpp-shell{
    max-width:none !important;
    width:100% !important;
    box-sizing:border-box;
}
.woocommerce-MyAccount-content{
    background:#fff !important;
    border:1px solid #eadfe4 !important;
    border-radius:20px !important;
    box-shadow:0 8px 28px rgba(20,20,40,.06) !important;
    padding:28px !important;
    box-sizing:border-box !important;
}
.woocommerce-MyAccount-content{
    width:calc(100% - 445px) !important;
    margin-left:40px !important;
    min-width:0 !important;
}
.woocommerce-MyAccount-content h1,
.woocommerce-MyAccount-content h2{
    color:#8f1738 !important;
}
.woocommerce-MyAccount-navigation{
    position:sticky;
    top:20px;
    align-self:flex-start;
    height:fit-content;
}
.woocommerce-MyAccount-navigation{
    width:405px !important;
    margin-left:40px !important;
    margin-top:0 !important;
    background:#fff;
    border:1px solid #eadfe4;
    border-top:none !important;
    border-radius:0 0 20px 20px !important;
    box-shadow:0 8px 28px rgba(20,20,40,.08);
    overflow:hidden;
    transform:none;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a{
    display:block;
    padding:13px 18px;
    border-bottom:1px solid #f1e8ec;
    color:#3f3740;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    transition:background-color .15s ease,color .15s ease;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a{
    background:#fff7ed;
    color:#8b1e3f;
    font-weight:700;
    border-left:3px solid #8b1e3f;
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover{
    background:#fdf7f9;
    color:#8b1e3f;
}
.gjpp-plan-grid > .gjpp-plan-card:only-child{
    grid-column:1 / -1 !important;
}
.gjpp-plan-grid,
.gjpp-plan-grid > .gjpp-plan-card{
    width:100% !important;
    max-width:100% !important;
}
.gjpp-plan-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:22px !important;
    width:100% !important;
    max-width:none !important;
}

.gjpp-plan-grid > .gjpp-plan-card{
    display:flex !important;
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
}
.gjpp-plan-grid:not(:has(> .gjpp-plan-card + .gjpp-plan-card)) > .gjpp-plan-card{
    grid-column:1 / -1 !important;
}
.gjpp-plan-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:22px !important;
    width:100% !important;
}

.gjpp-plan-grid:has(> .gjpp-plan-card:nth-child(2)){
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
/* SSSKrafts Dashboard - Profile Card */
.pls-user-profile{
    /*width:405px !important;
    margin-left:40px !important;*/
    border-radius:20px 20px 0 0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}
/* SSSKrafts Brand Colour - Dashboard Header */
.gjpp-dashboard-head h2{
    color:#8f1738 !important;
}

.gjpp-head-actions .gjpp-btn:first-child{
    background:#8f1738 !important;
    border-color:#8f1738 !important;
    color:#fff !important;
}

.gjpp-head-actions .gjpp-btn:first-child:hover{
    background:#75132f !important;
    border-color:#75132f !important;
    color:#fff !important;
}
/* SSSKrafts Dashboard - Summary Cards */
.gjpp-dashboard-stats .gjpp-stat-card{
    background:#fff !important;
    border-radius:16px !important;
    box-shadow:0 4px 14px rgba(20,20,40,.05) !important;
}

.gjpp-dashboard-stats .gjpp-stat-card:nth-child(1){
    border:1px solid #bfe8cf !important;
}

.gjpp-dashboard-stats .gjpp-stat-card:nth-child(2){
    border:1px solid #f4c58a !important;
}

.gjpp-dashboard-stats .gjpp-stat-card:nth-child(3){
    border:1px solid #b9d9ee !important;
}

.gjpp-dashboard-stats .gjpp-stat-card:nth-child(4){
    border:1px solid #d8c5eb !important;
}
/* SSSKrafts Dashboard - Summary Card Icons */
.gjpp-dashboard-stats .gjpp-stat-card{
    position:relative !important;
    padding-left:70px !important;
}

.gjpp-dashboard-stats .gjpp-stat-card::before{
    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    width:44px;
    height:44px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:17px;
    font-weight:600;
}

.gjpp-dashboard-stats .gjpp-stat-card:nth-child(1)::before{
    content:"\f1b2";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    background:#e2f7ea;
    color:#269653;
}

.gjpp-dashboard-stats .gjpp-stat-card:nth-child(2)::before{
    content:"\f555";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    background:#fff0dc;
    color:#d88624;
}

.gjpp-dashboard-stats .gjpp-stat-card:nth-child(3)::before{
    content:"\f073";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    background:#e4f2fb;
    color:#3b82b8;
}

.gjpp-dashboard-stats .gjpp-stat-card:nth-child(4)::before{
    content:"\f06b";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    background:#f0e7f8;
    color:#8750a8;
}
/* SSSKrafts Dashboard - Plan Detail Icons */
.gjpp-plan-card > .gjpp-plan-meta > div{
    position:relative !important;
    padding-left:48px !important;
    min-height:42px;
}

.gjpp-plan-card > .gjpp-plan-meta > div::before{
    position:absolute;
    left:0;
    top:2px;
    width:34px;
    height:34px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    font-weight:600;
}

.gjpp-plan-card > .gjpp-plan-meta > div:nth-child(1)::before{
    content:"✓";
    background:#e5f7eb;
    color:#269653;
}

.gjpp-plan-card > .gjpp-plan-meta > div:nth-child(2)::before{
    content:"▣";
    background:#fff0dc;
    color:#d88624;
}

.gjpp-plan-card > .gjpp-plan-meta > div:nth-child(3)::before{
    content:"◷";
    background:#e5f2fb;
    color:#3b82b8;
}

.gjpp-plan-card > .gjpp-plan-meta > div:nth-child(4)::before{
    content:"%";
    background:#f0e7f8;
    color:#8750a8;
}

.gjpp-plan-card > .gjpp-plan-meta > div:nth-child(5)::before{
    content:"⌖";
    background:#fde8ed;
    color:#a71945;
}
/* SSSKrafts Dashboard - Plan Header */
.gjpp-plan-card .gjpp-plan-name{
    color:#8f1738 !important;
    font-size:20px !important;
    font-weight:700 !important;
}

.gjpp-plan-card .gjpp-plan-id{
    color:#9aa0aa !important;
    font-size:12px !important;
    margin-top:4px !important;
}

.gjpp-plan-card .gjpp-status{
    border-radius:20px !important;
    padding:6px 14px !important;
    font-size:10px !important;
    font-weight:700 !important;
}
/* SSSKrafts Dashboard - Active Purchase Plans */
.woocommerce-MyAccount-navigation .is-active,
.woocommerce-MyAccount-navigation li.is-active,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--purchase-plans.is-active{
    background:#fde3ea !important;
    border-left:3px solid #8f1738 !important;
}

.woocommerce-MyAccount-navigation .is-active a,
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--purchase-plans.is-active a{
    background:#fde3ea !important;
    color:#8f1738 !important;
    font-weight:700 !important;
}
/* SSSKrafts Dashboard - Plan Progress */
.gjpp-plan-card .gjpp-progress-wrap{
    background:#fff1f4 !important;
    border:1px solid #f2d8df !important;
    border-radius:14px !important;
    padding:16px !important;
}

.gjpp-plan-card .gjpp-progress-head span{
    color:#8f1738 !important;
    font-weight:700 !important;
}

.gjpp-plan-card .gjpp-progress-head strong{
    color:#8f1738 !important;
}

.gjpp-plan-card .gjpp-progress-note{
    color:#777 !important;
}
/* SSSKrafts Dashboard - Payment History Button */
.gjpp-plan-card .gjpp-plan-actions + .gjpp-plan-footer a,
.gjpp-plan-card a[href*="payment-history"],
.gjpp-plan-card a[href*="receipts"]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:190px !important;
    padding:11px 18px !important;
    border:1px solid #8f1738 !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#8f1738 !important;
    font-weight:700 !important;
    text-decoration:none !important;
}
/* SSSKrafts Dashboard - Payment History */
.gjpp-plan-card .gjpp-history{
     margin:0autoimportant;
 
    order:1 !important;
}

.gjpp-plan-card .gjpp-history > summary{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:190px !important;
    padding:11px 18px !important;
    border:1px solid #8f1738 !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#8f1738 !important;
    font-weight:700 !important;
    cursor:pointer !important;
    box-sizing:border-box !important;
}

.gjpp-plan-card .gjpp-history > summary:hover{
    background:#fff1f4 !important;
}
/* SSSKrafts Dashboard - Extra Plan Information */
.gjpp-plan-card .gjpp-plan-extra{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:20px !important;
    margin-top:18px !important;
}

.gjpp-plan-card .gjpp-plan-extra > div{
    background:#fff8fa !important;
    border:1px solid #f0dfe4 !important;
    border-radius:12px !important;
    padding:12px 16px !important;
    box-sizing:border-box !important;
}

.gjpp-plan-card .gjpp-plan-extra span{
    display:block !important;
    color:#8a8790 !important;
    font-size:11px !important;
    text-transform:uppercase !important;
    letter-spacing:.5px !important;
    margin-bottom:5px !important;
}

.gjpp-plan-card .gjpp-plan-extra strong{
    color:#222 !important;
    font-size:14px !important;
}
/* SSSKrafts Dashboard - Payment Due Status */
.gjpp-plan-card .gjpp-pay-status{
    display:inline-flex !important;
    align-items:center !important;
    padding:10px 16px !important;
    border:1px solid #f0d8df !important;
    border-radius:10px !important;
    background:#fff5f7 !important;
    color:#8f1738 !important;
    font-weight:600 !important;
    font-size:13px !important;
}
/* SSSKrafts Dashboard - No Payment Due */
.gjpp-plan-card .gjpp-plan-actions button[disabled]{
    background:#fff5f7 !important;
    border:1px solid #f0d8df !important;
    border-radius:10px !important;
    color:#8f1738 !important;
    opacity:1 !important;
    font-weight:600 !important;
    padding:10px 16px !important;
}
/* SSSKrafts - Stronger Plan Progress Background */
.gjpp-plan-card .gjpp-progress-wrap{
    background:#ffe4eb !important;
    border:1px solid #f2c9d5 !important;
    border-radius:14px !important;
}
/* SSSKrafts - Registered Mobile & Nominee Highlight */
.gjpp-plan-card .gjpp-plan-extra > div{
    background:#fff0f4 !important;
    border:1px solid #f2c9d5 !important;
    border-radius:12px !important;
}
/* SriSarvesta Sidebar Card */
.woocommerce-MyAccount-navigation-wrapper{
    width:405px !important;
    margin-left:40px !important;
    background:#fff !important;
    border:1px solid #eadfe4 !important;
    border-radius:20px !important;
    box-shadow:0 8px 28px rgba(20,20,40,.08) !important;
    overflow:hidden !important;
}

.woocommerce-MyAccount-navigation-wrapper .pls-user-profile{
    width:100% !important;
    margin:0 !important;
    border-radius:20px 20px 0 0 !important;
}

.woocommerce-MyAccount-navigation-wrapper .woocommerce-MyAccount-navigation{
    width:100% !important;
    margin-left:0 !important;
    margin-top:0 !important;
    border:0 !important;
    border-radius:0 0 20px 20px !important;
    box-shadow:none !important;
}
/* Profile Subtitle */
.woocommerce-MyAccount-navigation-wrapper .pls-user-profile .user-info h5::after{
    content:"Good to see you again!";
    display:block;
    margin-top:5px;
    font-size:12px;
    font-weight:400;
    color:#fff;
    opacity:.95;
}
/* Align SriSarvesta Sidebar Width */
.woocommerce-MyAccount-navigation-wrapper,
.woocommerce-MyAccount-navigation-wrapper .pls-user-profile,
.woocommerce-MyAccount-navigation-wrapper .woocommerce-MyAccount-navigation{
    width:405px !important;
    max-width:405px !important;
    box-sizing:border-box !important;
}
/* SSSKrafts - WooCommerce Account Sidebar Active Item */
.woocommerce-MyAccount-navigation
.woocommerce-MyAccount-navigation-link.is-active{
    background:#fde3ea !important;
    border-left:3px solid #8f1738 !important;
}

.woocommerce-MyAccount-navigation
.woocommerce-MyAccount-navigation-link.is-active a{
    background:#fde3ea !important;
    color:#8f1738 !important;
    font-weight:700 !important;
}
/* 14-inch Laptop Responsive Sidebar */
@media (max-width:1400px){
    

    .woocommerce-MyAccount-navigation{
        width:320px !important;
        margin-left:20px !important;
    }

    .woocommerce-MyAccount-navigation-wrapper{
        width:340px !important;
        max-width:340px !important;
    }
}

/* ==========================================
   GJPP PURCHASE PLAN DASHBOARD UI
   Target dashboard layout / colour system
   ========================================== */

.gjpp-dashboard-page{
    --gjpp-maroon:#9f1239;
    --gjpp-maroon-dark:#861337;
    --gjpp-maroon-soft:#fff1f5;
    --gjpp-border:#eee7ea;
    --gjpp-text:#202838;
    --gjpp-muted:#7b8491;
    --gjpp-green:#15803d;
    --gjpp-green-soft:#effbf4;
    --gjpp-orange:#c56a13;
    --gjpp-orange-soft:#fff8e9;
    --gjpp-purple:#7e22a8;
    --gjpp-purple-soft:#faf3ff;
    --gjpp-blue:#24558c;
    --gjpp-blue-soft:#f0f6ff;
}

.woocommerce-account .woocommerce-MyAccount-navigation-wrapper{
    width:385px !important;
    max-width:385px !important;
    flex:0 0 385px !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
    border:1px solid var(--gjpp-border) !important;
    border-radius:20px !important;
    box-shadow:0 8px 28px rgba(31,36,48,.06) !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    /*padding:0 14px 14px !important;*/
    background:#fff !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
}

.woocommerce-account .woocommerce-MyAccount-content{
    width:auto !important;
    max-width:none !important;
    flex:1 1 auto !important;
    margin:0 0 0 22px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
}

.gjpp-dashboard-page{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    color:var(--gjpp-text);
}

.gjpp-dashboard-page .gjpp-dashboard-head{
    min-height:126px;
    padding:28px 30px !important;
    margin:0 0 20px !important;
    background:#fff !important;
    border:1px solid var(--gjpp-border) !important;
    border-radius:20px !important;
    box-shadow:0 8px 28px rgba(31,36,48,.055) !important;
    box-sizing:border-box !important;
}

.gjpp-dashboard-page .gjpp-dashboard-head h2{
    margin:0 0 7px !important;
    color:var(--gjpp-maroon) !important;
    font-size:30px !important;
    font-weight:750 !important;
    line-height:1.2 !important;
    letter-spacing:-.02em !important;
}

.gjpp-dashboard-page .gjpp-dashboard-head p{
    margin:0 !important;
    color:#566171 !important;
    font-size:14px !important;
    line-height:1.45 !important;
}

.gjpp-dashboard-page .gjpp-dashboard-head p strong{
    color:#263143 !important;
}

.gjpp-dashboard-page .gjpp-customer-id-inline{
    margin-top:8px !important;
    color:var(--gjpp-maroon) !important;
    font-size:13px !important;
    font-weight:500 !important;
}

.gjpp-dashboard-page .gjpp-customer-id-inline strong{
    color:#263143 !important;
}

.gjpp-dashboard-page .gjpp-head-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:12px !important;
    flex-wrap:nowrap !important;
}

.gjpp-dashboard-page .gjpp-head-actions .gjpp-btn{
    min-height:48px !important;
    padding:0 20px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    border-radius:10px !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1 !important;
    box-sizing:border-box !important;
}

.gjpp-dashboard-page .gjpp-head-actions .gjpp-btn-primary{
    background:var(--gjpp-maroon) !important;
    border-color:var(--gjpp-maroon) !important;
    color:#fff !important;
}

.gjpp-dashboard-page .gjpp-head-actions .gjpp-btn-primary:hover{
    background:var(--gjpp-maroon-dark) !important;
    border-color:var(--gjpp-maroon-dark) !important;
    color:#fff !important;
}

.gjpp-dashboard-page .gjpp-head-actions .gjpp-btn-outline{
    min-width:145px !important;
    background:#fff !important;
    border:1px solid #e2e5ea !important;
    color:#263143 !important;
}

.gjpp-dashboard-page .gjpp-head-actions .gjpp-btn-outline:hover{
    background:#fafafa !important;
    border-color:#d6dae0 !important;
    color:var(--gjpp-maroon) !important;
}

.gjpp-dashboard-page .gjpp-dashboard-stats{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
    margin:0 0 20px !important;
}

.gjpp-dashboard-page .gjpp-stat-card{
    position:relative !important;
    min-height:94px !important;
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    padding:16px 18px !important;
    margin:0 !important;
    border-radius:15px !important;
    background:#fff !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
}

.gjpp-dashboard-page .gjpp-stat-icon{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
}
.woocommerce {
    width: 100%;
}
.gjpp-dashboard-page .gjpp-stat-icon .gjpp-ico{
    width:25px !important;
    height:25px !important;
}

.gjpp-dashboard-page .gjpp-stat-body{
    min-width:0 !important;
}

.gjpp-dashboard-page .gjpp-stat-label{
    display:block !important;
    margin:0 0 5px !important;
    font-size:12px !important;
    font-weight:600 !important;
    line-height:1.2 !important;
}

.gjpp-dashboard-page .gjpp-stat-card strong{
    display:block !important;
    font-size:23px !important;
    font-weight:750 !important;
    line-height:1.1 !important;
    letter-spacing:-.01em !important;
}

.gjpp-dashboard-page .gjpp-stat-plans{
    border:1px solid #f2d7df !important;
    background:#fff9fb !important;
}
.gjpp-dashboard-page .gjpp-stat-plans .gjpp-stat-icon{
    background:#ffe6ec !important;
    color:#a71945 !important;
}
.gjpp-dashboard-page .gjpp-stat-plans .gjpp-stat-label,
.gjpp-dashboard-page .gjpp-stat-plans strong{
    color:#a71945 !important;
}

.gjpp-dashboard-page .gjpp-stat-paid{
    border:1px solid #cfead9 !important;
    background:#f8fffb !important;
}
.gjpp-dashboard-page .gjpp-stat-paid .gjpp-stat-icon{
    background:#ddf7e7 !important;
    color:#16834a !important;
}
.gjpp-dashboard-page .gjpp-stat-paid .gjpp-stat-label,
.gjpp-dashboard-page .gjpp-stat-paid strong{
    color:#138347 !important;
}

.gjpp-dashboard-page .gjpp-stat-due{
    border:1px solid #f3e5c5 !important;
    background:#fffcf5 !important;
}
.gjpp-dashboard-page .gjpp-stat-due .gjpp-stat-icon{
    background:#fff0d0 !important;
    color:#c86c15 !important;
}
.gjpp-dashboard-page .gjpp-stat-due .gjpp-stat-label,
.gjpp-dashboard-page .gjpp-stat-due strong{
    color:#c36515 !important;
}

.gjpp-dashboard-page .gjpp-stat-redeem{
    border:1px solid #e5d6f0 !important;
    background:#fcf9ff !important;
}
.gjpp-dashboard-page .gjpp-stat-redeem .gjpp-stat-icon{
    background:#efdfff !important;
    color:#7d22a5 !important;
}
.gjpp-dashboard-page .gjpp-stat-redeem .gjpp-stat-label,
.gjpp-dashboard-page .gjpp-stat-redeem strong{
    color:#76209f !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-wrapper .pls-user-profile{
    width:100% !important;
    max-width:none !important;
    min-height:194px !important;
    margin:0 !important;
    padding:18px 18px 16px !important;
    background:linear-gradient(135deg,#ffb62f 0%,#ffad24 55%,#ffbf3f 100%) !important;
    border:0 !important;
    border-radius:20px 20px 0 0 !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
    color:#fff !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-wrapper .pls-user-profile .user-info{
    color:#fff !important;
    text-align:center !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-wrapper .pls-user-profile .user-info h5{
    color:#fff !important;
    font-size:20px !important;
    font-weight:750 !important;
    margin:7px 0 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-wrapper .pls-user-profile .user-info h5::after{
    color:#fff !important;
    font-size:12px !important;
    margin-top:3px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-wrapper .pls-user-profile img,
.woocommerce-account .woocommerce-MyAccount-navigation-wrapper .pls-user-profile .avatar{
    border:4px solid rgba(255,255,255,.9) !important;
    box-shadow:0 2px 10px rgba(80,50,0,.15) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    min-height:53px !important;
    padding:8px 12px !important;
    margin:2px 0 !important;
    border:0 !important;
    border-bottom:1px solid #f1eef0 !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#293548 !important;
    font-size:14px !important;
    font-weight:600 !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
    transition:background .18s ease,color .18s ease !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover{
    background:#fff8fa !important;
    color:var(--gjpp-maroon) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a{
    background:#fde8ee !important;
    color:var(--gjpp-maroon) !important;
    font-weight:700 !important;
    border-left:3px solid var(--gjpp-maroon) !important;
    border-bottom-color:transparent !important;
    padding-left:9px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a:hover{
    background:#fde8ee !important;
}

.gjpp-dashboard-page .gjpp-plan-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    margin:0 !important;
}

.gjpp-dashboard-page .gjpp-plan-card{
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    padding:24px 30px 18px !important;
    margin:0 !important;
    background:#fff !important;
    border:1px solid #ebe7e9 !important;
    border-radius:20px !important;
    box-shadow:0 6px 24px rgba(31,36,48,.045) !important;
    box-sizing:border-box !important;
}

.gjpp-dashboard-page .gjpp-plan-card:hover{
    transform:none !important;
    border-color:#e4d8dd !important;
    box-shadow:0 8px 28px rgba(31,36,48,.06) !important;
}

.gjpp-dashboard-page .gjpp-plan-top{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:16px !important;
    padding:0 0 15px !important;
    margin:0 0 12px !important;
    border-bottom:1px solid #ece8ea !important;
}

.gjpp-dashboard-page .gjpp-plan-name{
    color:var(--gjpp-maroon) !important;
    font-size:21px !important;
    font-weight:750 !important;
    line-height:1.25 !important;
    letter-spacing:-.01em !important;
}

.gjpp-dashboard-page .gjpp-plan-id{
    margin-top:5px !important;
    color:#9aa0aa !important;
    font-size:12px !important;
    line-height:1.2 !important;
    letter-spacing:.02em !important;
}

.gjpp-dashboard-page .gjpp-status{
    padding:8px 14px !important;
    border-radius:999px !important;
    font-size:10px !important;
    font-weight:750 !important;
    letter-spacing:.04em !important;
    box-shadow:none !important;
}

.gjpp-dashboard-page .gjpp-status.green{
    background:#dcf8e7 !important;
    color:#19804a !important;
}

.gjpp-dashboard-page .gjpp-plan-meta{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    column-gap:34px !important;
    row-gap:15px !important;
    padding:0 !important;
    margin:0 0 16px !important;
}

.gjpp-dashboard-page .gjpp-plan-meta .gjpp-meta-item{
    position:relative !important;
    min-height:42px !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    padding:0 !important;
}

.gjpp-dashboard-page .gjpp-plan-meta .gjpp-meta-icon{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    background:#f7f8fa !important;
    color:#263143 !important;
    box-sizing:border-box !important;
}

.gjpp-dashboard-page .gjpp-meta-item:nth-child(1) .gjpp-meta-icon{
    background:#f0f5f2 !important;
    color:#303b35 !important;
}
.gjpp-dashboard-page .gjpp-meta-item:nth-child(2) .gjpp-meta-icon{
    background:#f8eaff !important;
    color:#8c2aaa !important;
}
.gjpp-dashboard-page .gjpp-meta-item:nth-child(3) .gjpp-meta-icon{
    background:#fff0f4 !important;
    color:#a71945 !important;
}
.gjpp-dashboard-page .gjpp-meta-item:nth-child(4) .gjpp-meta-icon{
    background:#fae9ff !important;
    color:#8c2aaa !important;
}
.gjpp-dashboard-page .gjpp-meta-item:nth-child(5) .gjpp-meta-icon{
    background:#fff0f4 !important;
    color:#a71945 !important;
}

.gjpp-dashboard-page .gjpp-meta-text{
    min-width:0 !important;
}

.gjpp-dashboard-page .gjpp-plan-meta span.gjpp-meta-label{
    display:block !important;
    margin:0 0 4px !important;
    color:#8b929e !important;
    font-size:12px !important;
    font-weight:500 !important;
    text-transform:none !important;
    letter-spacing:0 !important;
    line-height:1.2 !important;
}

.gjpp-dashboard-page .gjpp-plan-meta strong{
    display:block !important;
    color:#253044 !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.3 !important;
}

.gjpp-dashboard-page .gjpp-progress-wrap{
    padding:12px 18px !important;
    margin:0 0 10px !important;
    background:#fff7f9 !important;
    border:1px solid #f0dce2 !important;
    border-radius:14px !important;
    box-sizing:border-box !important;
}

.gjpp-dashboard-page .gjpp-progress-head{
    margin:0 0 8px !important;
    color:var(--gjpp-maroon) !important;
    font-size:13px !important;
    font-weight:700 !important;
}

.gjpp-dashboard-page .gjpp-progress-head span,
.gjpp-dashboard-page .gjpp-progress-head strong{
    color:var(--gjpp-maroon) !important;
}

.gjpp-dashboard-page .gjpp-progress-bar{
    height:10px !important;
    background:#eceef1 !important;
    border-radius:999px !important;
}

.gjpp-dashboard-page .gjpp-progress-bar span{
    min-width:12px;
    background:linear-gradient(90deg,#9f1239,#b81749) !important;
    border-radius:999px !important;
}

.gjpp-dashboard-page .gjpp-progress-note{
    margin-top:7px !important;
    color:#777f8a !important;
    font-size:11px !important;
}

.gjpp-dashboard-page .gjpp-plan-extra{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:14px !important;
    margin:0 0 12px !important;
    padding:0 !important;
}

.gjpp-dashboard-page .gjpp-plan-extra > div{
    padding:12px 14px !important;
    background:#fff8fa !important;
    border:1px solid #f0dfe4 !important;
    border-radius:12px !important;
}

.gjpp-dashboard-page .gjpp-plan-footer{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    padding-top:10px !important;
    margin-top:0 !important;
    border-top:1px solid #f0ecee !important;
}

.gjpp-dashboard-page .gjpp-plan-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    gap:10px !important;
}

.gjpp-dashboard-page .gjpp-plan-actions .gjpp-btn{
    min-height:46px !important;
    padding:0 18px !important;
    border-radius:10px !important;
    font-size:13px !important;
    font-weight:700 !important;
}

.gjpp-dashboard-page .gjpp-plan-actions .gjpp-btn-primary{
    background:var(--gjpp-maroon) !important;
    border-color:var(--gjpp-maroon) !important;
}

.gjpp-dashboard-page .gjpp-pay-note{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    padding:10px 15px !important;
    border:1px solid #e0ebf7 !important;
    border-radius:10px !important;
    background:#f4f8fd !important;
    color:#294b70 !important;
    font-size:12px !important;
    font-weight:600 !important;
}

.gjpp-dashboard-page .gjpp-pay-note-warn{
    background:#fff7ed !important;
    border-color:#f3dfc7 !important;
    color:#a65b1a !important;
}

.gjpp-dashboard-page .gjpp-history{
    margin:0 !important;
    padding:0 !important;
}

.gjpp-dashboard-page .gjpp-history > summary{
    min-height:46px !important;
    min-width:290px !important;
    padding:0 18px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    border:1px solid var(--gjpp-maroon) !important;
    border-radius:10px !important;
    background:#fff !important;
    color:var(--gjpp-maroon) !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;
    box-sizing:border-box !important;
    list-style:none !important;
}

.gjpp-dashboard-page .gjpp-history > summary:hover{
    background:#fff5f7 !important;
}

.gjpp-dashboard-page .gjpp-history > summary::-webkit-details-marker{
    display:none !important;
}

.gjpp-dashboard-page .gjpp-due-banner{
    border-radius:14px !important;
}

.gjpp-dashboard-page .gjpp-redemption-box{
    margin-top:4px !important;
    margin-bottom:12px !important;
    padding:16px !important;
    background:#fff9fb !important;
    border:1px solid #f0dce2 !important;
    border-radius:14px !important;
}

.gjpp-dashboard-page .gjpp-plan-grid > .gjpp-card:not(.gjpp-plan-card){
    padding:28px !important;
}

@media (min-width:1401px){
    .woocommerce-account .woocommerce-MyAccount-navigation-wrapper{
        width:385px !important;
        flex-basis:385px !important;
    }
}

@media (max-width:1400px){
    .woocommerce-account .woocommerce-MyAccount-navigation-wrapper{
        width:320px !important;
        max-width:320px !important;
        flex-basis:320px !important;
    }

    .woocommerce-account .woocommerce-MyAccount-content{
        margin-left:18px !important;
    }

    .gjpp-dashboard-page .gjpp-dashboard-head{
        padding:24px !important;
    }

    .gjpp-dashboard-page .gjpp-dashboard-stats{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width:900px){
    .woocommerce-account .woocommerce-MyAccount-navigation-wrapper{
        width:100% !important;
        max-width:none !important;
        flex-basis:auto !important;
        margin:0 0 20px !important;
    }

    .woocommerce-account .woocommerce-MyAccount-content{
        width:100% !important;
        margin:0 !important;
    }

    .gjpp-dashboard-page .gjpp-dashboard-head{
        align-items:flex-start !important;
    }
}

@media (max-width:640px){
    .gjpp-dashboard-page .gjpp-dashboard-head{
        padding:20px !important;
        border-radius:16px !important;
    }

    .gjpp-dashboard-page .gjpp-dashboard-head h2{
        font-size:24px !important;
    }

    .gjpp-dashboard-page .gjpp-head-actions{
        width:100% !important;
        flex-direction:column !important;
        align-items:stretch !important;
    }

    .gjpp-dashboard-page .gjpp-head-actions .gjpp-btn{
        width:100% !important;
    }

    .gjpp-dashboard-page .gjpp-dashboard-stats{
        grid-template-columns:1fr !important;
        gap:10px !important;
    }

    .gjpp-dashboard-page .gjpp-stat-card{
        min-height:82px !important;
    }

    .gjpp-dashboard-page .gjpp-plan-card{
        padding:20px 18px 16px !important;
        border-radius:16px !important;
    }

    .gjpp-dashboard-page .gjpp-plan-top{
        align-items:flex-start !important;
    }

    .gjpp-dashboard-page .gjpp-plan-meta,
    .gjpp-dashboard-page .gjpp-plan-extra{
        grid-template-columns:1fr !important;
        gap:12px !important;
    }

    .gjpp-dashboard-page .gjpp-plan-footer{
        flex-direction:column !important;
        align-items:stretch !important;
    }

    .gjpp-dashboard-page .gjpp-plan-actions{
        width:100% !important;
    }

    .gjpp-dashboard-page .gjpp-plan-actions .gjpp-btn,
    .gjpp-dashboard-page .gjpp-pay-note{
        width:100% !important;
        justify-content:center !important;
        box-sizing:border-box !important;
    }

    .gjpp-dashboard-page .gjpp-history > summary{
        width:100% !important;
        min-width:0 !important;
    }
}

/* FINAL DASHBOARD SUMMARY CARD OVERRIDE */
.gjpp-dashboard-stats{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
    width:100% !important;
    margin:0 0 20px !important;
}
.gjpp-dashboard-stats .gjpp-stat-card{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    min-height:94px !important;
    width:100% !important;
    padding:16px 18px !important;
    margin:0 !important;
    border-radius:15px !important;
    box-sizing:border-box !important;
    box-shadow:none !important;
}
.gjpp-dashboard-stats .gjpp-stat-card::before{display:none !important;}
.gjpp-dashboard-stats .gjpp-stat-icon{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    border-radius:50% !important;
}
.gjpp-dashboard-stats .gjpp-stat-icon .gjpp-ico{
    width:25px !important;
    height:25px !important;
}
.gjpp-dashboard-stats .gjpp-stat-body{min-width:0 !important;}
.gjpp-dashboard-stats .gjpp-stat-label{
    display:block !important;
    margin:0 0 5px !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:600 !important;
}
.gjpp-dashboard-stats .gjpp-stat-card strong{
    display:block !important;
    margin:0 !important;
    font-size:23px !important;
    line-height:1.1 !important;
    font-weight:750 !important;
}

/* Active Plans - pink */
.gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-plans{
    background:#fff9fb !important;
    border:1px solid #f2d7df !important;
}
.gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-plans .gjpp-stat-icon{
    background:#ffe5ec !important;
    color:#a71945 !important;
}
.gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-plans .gjpp-stat-label,
.gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-plans strong{color:#a71945 !important;}

/* Total Paid - green */
.gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-paid{
    background:#f7fffa !important;
    border:1px solid #ccebd8 !important;
}
.gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-paid .gjpp-stat-icon{
    background:#dcf7e7 !important;
    color:#168348 !important;
}
.gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-paid .gjpp-stat-label,
.gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-paid strong{color:#168348 !important;}

/* Current Due - orange */
.gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-due{
    background:#fffcf5 !important;
    border:1px solid #f2dfb9 !important;
}
.gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-due .gjpp-stat-icon{
    background:#ffefd0 !important;
    color:#c66a14 !important;
}
.gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-due .gjpp-stat-label,
.gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-due strong{color:#c66a14 !important;}

/* Ready to Redeem - purple */
.gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-redeem{
    background:#fcf8ff !important;
    border:1px solid #e5d5ef !important;
}
.gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-redeem .gjpp-stat-icon{
    background:#efddff !important;
    color:#7e22a8 !important;
}
.gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-redeem .gjpp-stat-label,
.gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-redeem strong{color:#7e22a8 !important;}

@media(max-width:900px){
    .gjpp-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:640px){
    .gjpp-dashboard-stats{grid-template-columns:1fr !important;}
}


/* ==========================================================
   GJPP SUMMARY CARDS - EXACT 4-COLOR UI OVERRIDE
   Paste at the very end so theme/plugin styles cannot flatten
   the four cards into the same colour.
   ========================================================== */
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
    margin:0 0 20px !important;
    width:100% !important;
}

body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    gap:13px !important;
    width:100% !important;
    min-height:76px !important;
    height:76px !important;
    padding:10px 16px !important;
    margin:0 !important;
    border-radius:14px !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
}

body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card::before{
    display:none !important;
    content:none !important;
}

body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-icon{
    flex:0 0 46px !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:50% !important;
    box-sizing:border-box !important;
}

body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-icon .gjpp-ico{
    width:24px !important;
    height:24px !important;
}

body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-body{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}

body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-label{
    display:block !important;
    margin:0 0 5px !important;
    padding:0 !important;
    font-size:11px !important;
    font-weight:600 !important;
    line-height:1.1 !important;
}

body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card strong{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    font-size:21px !important;
    font-weight:750 !important;
    line-height:1.05 !important;
}

/* 01 - Active Plans / Pink */
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-plans,
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card:nth-child(1){
    background:#fff9fb !important;
    background-color:#fff9fb !important;
    border:1px solid #f2dce3 !important;
}
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-plans .gjpp-stat-icon,
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card:nth-child(1) .gjpp-stat-icon{
    background:#ffe5ed !important;
    color:#a71945 !important;
}
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-plans .gjpp-stat-label,
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-plans strong,
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card:nth-child(1) .gjpp-stat-label,
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card:nth-child(1) strong{
    color:#a71945 !important;
}

/* 02 - Total Paid / Green */
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-paid,
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card:nth-child(2){
    background:#f7fffa !important;
    background-color:#f7fffa !important;
    border:1px solid #d3eddd !important;
}
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-paid .gjpp-stat-icon,
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card:nth-child(2) .gjpp-stat-icon{
    background:#dcf7e7 !important;
    color:#15834a !important;
}
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-paid .gjpp-stat-label,
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-paid strong,
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card:nth-child(2) .gjpp-stat-label,
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card:nth-child(2) strong{
    color:#15834a !important;
}

/* 03 - Current Due / Orange */
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-due,
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card:nth-child(3){
    background:#fffcf5 !important;
    background-color:#fffcf5 !important;
    border:1px solid #f1e2c5 !important;
}
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-due .gjpp-stat-icon,
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card:nth-child(3) .gjpp-stat-icon{
    background:#fff0d0 !important;
    color:#c86b15 !important;
}
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-due .gjpp-stat-label,
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-due strong,
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card:nth-child(3) .gjpp-stat-label,
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card:nth-child(3) strong{
    color:#c86b15 !important;
}

/* 04 - Ready to Redeem / Purple */
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-redeem,
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card:nth-child(4){
    background:#fcf9ff !important;
    background-color:#fcf9ff !important;
    border:1px solid #e6d9f0 !important;
}
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-redeem .gjpp-stat-icon,
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card:nth-child(4) .gjpp-stat-icon{
    background:#efddff !important;
    color:#7e22a8 !important;
}
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-redeem .gjpp-stat-label,
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card.gjpp-stat-redeem strong,
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card:nth-child(4) .gjpp-stat-label,
body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card:nth-child(4) strong{
    color:#7e22a8 !important;
}

@media(max-width:900px){
    body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}
@media(max-width:640px){
    body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats{
        grid-template-columns:1fr !important;
    }
    body.woocommerce-account .gjpp-dashboard-page .gjpp-dashboard-stats .gjpp-stat-card{
        height:76px !important;
    }
}


/*css by anjali start*/

.gjpp-status {
    align-self:center ;
}

.gjpp-plan-footer{
    display: flex;
    flex-direction: row;
    align-items: center !important;
    margin-top: 10px;
}

.gjpp-btn{
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.MyAccount-navigation-wrapper{
    box-shadow: 0px 0px 10px 0px #9a9a9a88;
    border-radius: 20px !important;
    padding: 0px !important;
    height: 100%;


   }

.woocommerce-MyAccount-navigation-link, .woocommerce-MyAccount-navigation-link--dashboard{
    border-radius: 0px;
}


.pls-user-profile{
     margin-left: 0px;
   }

   .woocommerce-account .woocommerce-MyAccount-navigation {
    padding: 0px !important;
   }
   .gjpp-btn{
    display: flex !important;
    align-items: center;
    justify-content: center;
}



.gjpp-history, .gjpp-plan-card .gjpp-history > summary{
        width: 100% !important;
        display: unset;
   }

   
.gjpp-card h3{
    color: black;
}

.gjpp-plan-meta{
    grid-row-gap: 50px;
}
  


/* ==========================================
   GJPP PLAN META - FINAL UI
   ========================================== */

.gjpp-dashboard-page .gjpp-plan-meta {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 55px !important;
    row-gap: 28px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 8px 0 20px !important;

    box-sizing: border-box !important;
}


/* ==========================================
   EACH META ITEM
   ========================================== */

.gjpp-dashboard-page .gjpp-meta-item {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 70px !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 13px !important;

    box-sizing: border-box !important;
}


/* ==========================================
   SINGLE CIRCLE ICON
   ========================================== */

.gjpp-dashboard-page .gjpp-meta-icon {
    flex: 0 0 38px !important;

    width: 38px !important;
    height: 38px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 50% !important;

    box-sizing: border-box !important;
}


/* SVG INSIDE CIRCLE */

.gjpp-dashboard-page .gjpp-meta-icon svg {
    display: block !important;

    width: 19px !important;
    height: 19px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================
   META TEXT
   ========================================== */

.gjpp-dashboard-page .gjpp-meta-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* LABEL */

.gjpp-dashboard-page .gjpp-meta-label {
    display: block !important;

    margin: 0 0 6px !important;
    padding: 0 !important;

    color: #8d858a !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;

    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}


/* VALUE */

.gjpp-dashboard-page .gjpp-meta-text strong {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #292832 !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;
}


/* ==========================================
   ICON COLORS
   ========================================== */


/* Installments Paid */

.gjpp-dashboard-page
.gjpp-meta-paid
.gjpp-meta-icon {
    background: #e3f7eb !important;
    color: #159447 !important;
}


/* Plan Duration */

.gjpp-dashboard-page
.gjpp-meta-item:nth-child(2)
.gjpp-meta-icon {
    background: #fff0dc !important;
    color: #d27a16 !important;
}


/* Next Payment */

.gjpp-dashboard-page
.gjpp-meta-item:nth-child(3)
.gjpp-meta-icon {
    background: #e5f3ff !important;
    color: #2781c5 !important;
}


/* Discount */

.gjpp-dashboard-page
.gjpp-meta-item:nth-child(4)
.gjpp-meta-icon {
    background: #f1e5ff !important;
    color: #8837bb !important;
}


/* Branch */

.gjpp-dashboard-page
.gjpp-meta-item:nth-child(5)
.gjpp-meta-icon {
    background: #ffe5ed !important;
    color: #c11e54 !important;
}


/* ==========================================
   PLAN CARD
   ========================================== */

.gjpp-dashboard-page .gjpp-plan-card {
    padding: 25px 28px 20px !important;

    box-sizing: border-box !important;
}


/* ==========================================
   PLAN HEADER
   ========================================== */

.gjpp-dashboard-page .gjpp-plan-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;

    width: 100% !important;

    margin: 0 0 14px !important;
    padding: 0 0 14px !important;

    border-bottom: 1px solid #eee7ea !important;
}


/* ==========================================
   PROGRESS SECTION
   ========================================== */

.gjpp-dashboard-page .gjpp-progress-wrap {
    width: 100% !important;

    margin: 0 !important;
    padding: 15px 17px !important;

    background: #ffe8ee !important;

    border: 1px solid #f3c8d5 !important;
    border-radius: 14px !important;

    box-sizing: border-box !important;
}
.woocommerce-account .MyAccount-navigation-wrapper {
    flex: 0 0 25%;
    max-width: 25%;
    position: sticky;
    top: 14px;
}

/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 767px) {

    .gjpp-dashboard-page .gjpp-plan-meta {
        grid-template-columns: 1fr !important;

        column-gap: 0 !important;
        row-gap: 18px !important;
    }

    .gjpp-dashboard-page .gjpp-meta-item {
        min-height: 60px !important;
    }
    .entry-content {
    padding: 0 14px;
}
.woocommerce-account .MyAccount-navigation-wrapper {
        max-width: 100%;
}
.gjpp-plan-grid:has(> .gjpp-plan-card:nth-child(2)) {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.gjpp-plan-footer {
    display: flex;
    flex-direction: column;
    align-items: center !important;
    margin-top: 10px;
    gap: 10px;
}
.gjpp-card div{
    padding: 6px !important;
}
.gjpp-plan-meta {
    grid-row-gap: 8px;
}
.woocommerce-account .MyAccount-navigation-wrapper {
    flex: 0 0 25%;
    max-width: 25%;
    position: sticky;
    top: 14px;
    width: 100%;
    max-width: 100%;
}
.woocommerce-account .MyAccount-navigation-wrapper {
    flex: 0 0 25%;
    max-width: 25%;
    position: sticky;
    top: 14px;
    max-width: 100% !important;
}
.entry-content {
    padding: 10px !important;
}


}



/* ==========================================
   SMALL MOBILE
   ========================================== */

@media (max-width: 480px) {

    .gjpp-dashboard-page .gjpp-plan-card {
        padding: 20px 16px !important;
    }

    .gjpp-dashboard-page .gjpp-meta-item {
        gap: 10px !important;
    }

    .gjpp-dashboard-page .gjpp-meta-icon {
        flex-basis: 36px !important;

        width: 36px !important;
        height: 36px !important;
    }

}