.vbs-wrap{max-width:650px;margin:20px auto}.vbs-head h2{margin:0}.vbs-head p{color:#777}.vbs-form,.vbs-rule,.vbs-estimate,.vbs-withdraw-form{background:#fff;padding:20px;border-radius:14px;box-shadow:0 5px 24px rgba(0,0,0,.07);margin:12px 0}.vbs-form h3{margin:18px 0 10px}.vbs-form label{display:block;font-weight:600;margin:10px 0 5px}.vbs-form input,.vbs-form select{width:100%;height:48px;border:1px solid #ddd;border-radius:9px;padding:0 12px;box-sizing:border-box}.vbs-form button{width:100%;height:50px;margin-top:18px;background:#ff6b00;color:#fff;border:0;border-radius:9px;font-weight:700}.vbs-note,.vbs-rule,.vbs-withdraw-form p,.vbs-lock{font-size:13px;color:#666}.vbs-balance{padding:20px;background:#fff6ed;border-radius:14px;margin:12px 0}.vbs-balance span{display:block;color:#777;font-size:13px}.vbs-balance strong{font-size:28px}.vbs-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vbs-grid>div{background:#fff;padding:13px;border-radius:10px;box-shadow:0 3px 15px rgba(0,0,0,.05)}.vbs-grid small{display:block;color:#777;margin-bottom:5px}.vbs-table-scroll{overflow-x:auto}.vbs-table{width:100%;min-width:420px;border-collapse:collapse}.vbs-table th,.vbs-table td{padding:9px;border-bottom:1px solid #eee;text-align:left}.vbs-withdraw-form{background:#fff4ec}.vbs-withdraw-form button{width:100%;min-height:48px;background:#d9534f;color:#fff;border:0;border-radius:9px;font-weight:700}.vbs-lock{padding:14px;background:#f6f6f6;border-radius:10px}@media(max-width:480px){.vbs-wrap{margin:10px}.vbs-grid{grid-template-columns:1fr}}
.vbs-withdraw-section{margin:14px 0}
.vbs-withdraw-open{width:100%;min-height:48px;background:#ef6c00!important;color:#fff!important;border:0;border-radius:9px;font-weight:700;cursor:pointer;opacity:1}.vbs-withdraw-locked{cursor:pointer}.vbs-withdraw-notice{margin-top:9px;padding:11px 13px;border-radius:9px;background:#fff0f0;color:#d32f2f;border:1px solid #ffcaca;font-size:13px;font-weight:600}
.vbs-withdraw-panel{margin-top:10px}
.vbs-small{margin-top:7px;font-size:12px;color:#777}
.vbs-ready{background:#eefaf0}

.vbs-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.vbs-account-card{background:#fff;padding:18px;border-radius:14px;box-shadow:0 4px 18px rgba(0,0,0,.06)}
.vbs-account-card span{display:block;color:#777;font-size:13px}.vbs-account-card strong{display:block;font-size:25px;margin:5px 0 10px}
.vbs-account-card small{color:#777}.vbs-topup{display:inline-block;background:#ff6b00;color:#fff!important;padding:9px 12px;border-radius:8px;text-decoration:none;font-weight:700}
.vbs-savings-card{background:#fff6ed}
.vbs-due{background:#fff8e8;border:1px solid #f0d28a;padding:16px;border-radius:12px;margin:12px 0}
.vbs-due strong,.vbs-due span,.vbs-due small{display:block;margin-bottom:7px}.vbs-due button{background:#ff6b00;color:#fff;border:0;border-radius:8px;padding:11px 14px;font-weight:700}
@media(max-width:480px){.vbs-account-grid{grid-template-columns:1fr}}

/* v1.3.1 dashboard polish */
.vbs-balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}
.vbs-balance-card{border-radius:18px;padding:20px;display:flex;align-items:center;gap:14px;min-height:118px;box-sizing:border-box;box-shadow:0 8px 24px rgba(20,30,70,.08)}
.vbs-wallet-card{background:linear-gradient(135deg,#edf6ff,#dbeaff);border:1px solid #c8e0ff}
.vbs-savings-card{background:linear-gradient(135deg,#4c2ab8,#7046df);color:#fff}
.vbs-balance-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:800;background:rgba(255,255,255,.8);color:#1f5ed5;flex:0 0 46px}
.vbs-savings-card .vbs-balance-icon{background:rgba(255,255,255,.18);color:#fff}
.vbs-balance-label{font-size:14px;font-weight:600;opacity:.82;margin-bottom:5px}
.vbs-balance-value{font-size:23px;font-weight:800;line-height:1.15}
.vbs-active-pill{display:inline-block;margin-top:7px;padding:4px 10px;border-radius:20px;background:#17a673;color:#fff;font-size:11px;font-weight:700}
@media(max-width:600px){.vbs-balance-grid{grid-template-columns:1fr}.vbs-balance-card{min-height:105px;padding:16px}.vbs-balance-value{font-size:21px}}

/* v1.3.2 readability fix */
.vbs-savings-card,
.vbs-savings-card .vbs-balance-label,
.vbs-savings-card .vbs-balance-value,
.vbs-savings-card .vbs-active-pill {
  color: #ffffff !important;
}
.vbs-savings-card .vbs-balance-label {
  opacity: 1 !important;
}
.vbs-savings-card .vbs-balance-value {
  font-weight: 800 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.15);
}

/* v1.3.3 - Withdraw button */
.vbs-withdraw-btn,
.vbs-withdraw button,
button.vbs-withdraw-btn,
a.vbs-withdraw-btn {
  background: #ff7a00 !important;
  background-color: #ff7a00 !important;
  color: #ffffff !important;
  border: 1px solid #ff7a00 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.vbs-withdraw-btn:hover,
.vbs-withdraw button:hover,
button.vbs-withdraw-btn:hover,
a.vbs-withdraw-btn:hover {
  background: #e96800 !important;
  background-color: #e96800 !important;
  color: #ffffff !important;
}

/* v1.4.1 - neutral Savings Balance + visible Withdraw button */
.vbs-balance-grid .vbs-savings-card{
  background:linear-gradient(135deg,#eef1f4,#dfe4e9) !important;
  color:#27313d !important;
  border:1px solid #cfd6dd !important;
}
.vbs-balance-grid .vbs-savings-card .vbs-balance-icon{
  background:#8b949e !important;
  color:#fff !important;
}
.vbs-balance-grid .vbs-savings-card .vbs-balance-label,
.vbs-balance-grid .vbs-savings-card .vbs-balance-value{
  color:#27313d !important;
  opacity:1 !important;
}
.vbs-balance-grid .vbs-savings-card .vbs-active-pill{
  background:#8b949e !important;
  color:#fff !important;
}
.vbs-withdraw-open,
.vbs-withdraw-section .vbs-withdraw-open,
.vbs-withdraw-form button,
.vbs-withdraw-form input[type="submit"]{
  background:#ff7a00 !important;
  background-color:#ff7a00 !important;
  color:#fff !important;
  border:1px solid #ff7a00 !important;
  font-weight:700 !important;
  cursor:pointer !important;
}
.vbs-withdraw-open:hover,
.vbs-withdraw-section .vbs-withdraw-open:hover,
.vbs-withdraw-form button:hover,
.vbs-withdraw-form input[type="submit"]:hover{
  background:#e96800 !important;
  background-color:#e96800 !important;
  color:#fff !important;
}
/* v1.4.2 - remove duplicate Savings Balance card */
.vbs-account-grid .vbs-savings-card{display:none !important;}
.vbs-statement-launch{margin:18px 0}.vbs-statement-launch a,.vbs-statement-actions a,.vbs-statement-actions button{display:inline-block;padding:10px 14px;border-radius:8px;border:1px solid #ddd;text-decoration:none;background:#fff;cursor:pointer}.vbs-statement-wrap{margin-top:18px}.vbs-statement-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px}.vbs-statement-actions{display:flex;gap:8px;flex-wrap:wrap}.vbs-statement-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0}.vbs-statement-summary>div{padding:14px;border:1px solid #e5e5e5;border-radius:10px}.vbs-statement-summary small{display:block;margin-bottom:5px}.vbs-statement-summary strong{font-size:18px}.vbs-statement-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;margin:10px 0 14px}.vbs-statement-wrap .vbs-table td,.vbs-statement-wrap .vbs-table th{vertical-align:top}@media(max-width:700px){.vbs-statement-head{display:block}.vbs-statement-actions{margin-top:10px}.vbs-statement-summary{grid-template-columns:1fr}.vbs-statement-meta{display:block}.vbs-statement-meta span{display:block;margin-bottom:5px}}@media print{body *{visibility:hidden}.vbs-statement-wrap,.vbs-statement-wrap *{visibility:visible}.vbs-statement-wrap{position:absolute;left:0;top:0;width:100%;margin:0}.vbs-statement-actions,.vbs-statement-launch{display:none!important}.vbs-statement-wrap .vbs-table{font-size:11px}.vbs-statement-wrap h2{margin-top:0}}

/* v1.5.4 - Savings Statement left-side card */
.vbs-statement-card{display:flex;align-items:center;gap:12px;margin:18px 0;padding:14px 16px;background:#fff;border:1px solid #e5e5e5;border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,.05)}
.vbs-statement-card-icon{width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:#fff1e7;display:flex;align-items:center;justify-content:center;font-size:22px}
.vbs-statement-card-content{flex:1;min-width:0}.vbs-statement-card-content strong{display:block;font-size:16px;color:#27313d;margin-bottom:3px}.vbs-statement-card-content span{display:block;font-size:12px;color:#777;line-height:1.45}
.vbs-statement-card-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-start}.vbs-statement-download,.vbs-statement-view{display:inline-block;padding:10px 13px;border-radius:8px;text-decoration:none;font-weight:700;font-size:13px;white-space:nowrap}.vbs-statement-download{background:#ff7a00;color:#fff!important;border:1px solid #ff7a00}.vbs-statement-view{background:#fff;color:#27313d!important;border:1px solid #ddd}
@media(max-width:600px){.vbs-statement-card{align-items:flex-start;flex-wrap:wrap}.vbs-statement-card-content{flex:1 1 calc(100% - 58px)}.vbs-statement-card-actions{width:100%;padding-left:56px}.vbs-statement-download,.vbs-statement-view{flex:1;text-align:center}}

/* v1.6.0 - branded statement, totals and English date/time */
.vbs-statement-brand{display:flex;align-items:center;gap:14px;padding:12px 0 16px;border-bottom:2px solid #ff7a00;margin-bottom:16px}
.vbs-statement-brand img{width:180px;max-width:45%;height:auto;display:block;object-fit:contain;background:#000;border-radius:8px}
.vbs-statement-brand strong{display:block;font-size:18px;letter-spacing:.3px;color:#27313d}
.vbs-statement-brand span{display:block;font-size:12px;color:#777;margin-top:4px}
.vbs-total-deposited{margin:14px 0;padding:16px 18px;border-radius:14px;background:#fff;border:1px solid #e5e5e5;box-shadow:0 4px 16px rgba(0,0,0,.05)}
.vbs-total-deposited span,.vbs-total-deposited small{display:block;color:#777}.vbs-total-deposited strong{display:block;font-size:25px;margin:4px 0;color:#ff7a00}
@media(max-width:600px){.vbs-statement-brand img{width:140px}.vbs-statement-brand strong{font-size:14px}}
@media print{.vbs-statement-brand img{max-width:180px}}

/* v1.6.1 - clean spreadsheet-style statement */
.vbs-statement-wrap{background:#fff;border:1px solid #dfe3e8;border-radius:12px;padding:18px;box-shadow:0 4px 18px rgba(0,0,0,.04)}
.vbs-statement-brand{background:#fff;align-items:center;padding:8px 0 14px;margin-bottom:14px}
.vbs-statement-brand img{width:210px;max-width:55%;height:auto;object-fit:contain;background:#000;border-radius:6px}
.vbs-statement-summary>div{background:#f8fafc;border:1px solid #dfe3e8;border-radius:8px}
.vbs-statement-summary .vbs-total-amount{background:#fff7ed;border:2px solid #ff7a00}
.vbs-statement-summary .vbs-total-amount strong{font-size:24px}
.vbs-statement-summary .vbs-total-amount span{display:block;font-size:11px;color:#777;margin-top:3px}
.vbs-table-scroll{overflow:auto;border:1px solid #cfd6dd;border-radius:8px}
.vbs-statement-wrap .vbs-table{width:100%;border-collapse:collapse;background:#fff;min-width:720px}
.vbs-statement-wrap .vbs-table th{background:#f1f3f5;color:#20252b;font-weight:700;border:1px solid #cfd6dd;padding:9px 10px;white-space:nowrap}
.vbs-statement-wrap .vbs-table td{border:1px solid #dfe3e8;padding:8px 10px;background:#fff}
.vbs-statement-wrap .vbs-table tbody tr:nth-child(even) td{background:#fafbfc}
.vbs-statement-wrap .vbs-table td:nth-child(4){text-align:right;font-weight:600;white-space:nowrap}
.vbs-admin-sheet{overflow:auto;border:1px solid #cfd6dd;border-radius:8px}
.vbs-admin-sheet table{min-width:850px}
@media(max-width:600px){.vbs-statement-brand img{width:170px;max-width:70%}.vbs-statement-wrap{padding:12px}}

/* Savings timeline styles */
.vbs-inline-timeline{margin:16px 0 18px;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee}
.vbs-inline-timeline-title{padding:14px 18px 11px;background:#fff}
.vbs-inline-timeline-title strong{display:block;font-size:20px;color:#333}
.vbs-inline-timeline-title span{display:block;font-size:11px;line-height:1.55;color:#777;margin-top:4px}
.vbs-inline-timeline-form{margin:0}
.vbs-inline-timeline-row{display:grid;grid-template-columns:58px 26px minmax(0,1fr) 30px;gap:8px;align-items:stretch;min-height:92px;padding:13px 14px;background:#fff;border-top:1px solid #eee;cursor:pointer;position:relative}
.vbs-inline-date{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;padding-top:2px;line-height:1.05;text-align:right}
.vbs-inline-date b{font-size:19px;color:#333;line-height:1}
.vbs-inline-date small{font-size:11px;color:#888;line-height:1.25;margin-top:3px}
.vbs-inline-line{width:26px;height:100%;position:relative;margin:0;background:linear-gradient(to right,transparent 11px,#e8b2c9 11px,#e8b2c9 13px,transparent 13px)}
.vbs-inline-line:after{content:"";position:absolute;top:4px;left:7px;width:12px;height:12px;border-radius:50%;background:#ef6c00;border:3px solid #fff;box-shadow:0 0 0 1px #ef6c00}
.vbs-inline-timeline-row.is-missed .vbs-inline-line:after{background:#aaa;box-shadow:0 0 0 1px #aaa}
.vbs-inline-info{padding-left:2px}
.vbs-inline-info strong{display:block;font-size:17px;color:#333;line-height:1.15}
.vbs-inline-info em{display:block;font-style:normal;font-size:12px;color:#b41532;font-weight:600;margin-top:4px}
.vbs-inline-info em.is-paid-text{color:#666}
.vbs-inline-info small{display:block;color:#888;font-size:10.5px;line-height:1.35;margin-top:4px}
.vbs-inline-info small+small{margin-top:1px}
.vbs-inline-timeline-row input{width:22px;height:22px;margin-top:5px;accent-color:#ef6c00}
.vbs-inline-checkmark{font-size:22px;color:#ef6c00;font-weight:700;text-align:center;padding-top:1px}
.vbs-inline-selected{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#fff;border-top:1px solid #eee;font-weight:700}
.vbs-inline-selected strong{color:#ef6c00;font-size:18px}
.vbs-inline-pay{width:100%;margin:0;border-radius:0;min-height:58px;background:#ef6c00!important}
.vbs-inline-pay:disabled{background:#aaa!important}
.vbs-inline-note{text-align:center;color:#777;font-size:11px;line-height:1.5;padding:7px 18px 14px;margin:0;background:#f7f7f7}
@media(max-width:600px){
 .vbs-inline-timeline-row{grid-template-columns:50px 24px minmax(0,1fr) 28px;padding-left:8px;padding-right:8px}
 .vbs-inline-date b{font-size:18px}
 .vbs-inline-info strong{font-size:16px}
 .vbs-inline-info small{font-size:10px}
}

/* v1.6.8 - Due Details entry card + dedicated in-page details view */
.vbs-due-card{margin:18px 0;background:#fff;border:1px solid #ead7df;border-radius:18px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.04)}
.vbs-due-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 14px;background:#fff}
.vbs-due-card-top strong{display:block;font-size:21px;color:#333}
.vbs-due-card-top span{display:block;font-size:12px;color:#777;margin-top:4px}
.vbs-due-count{padding:7px 10px!important;border-radius:999px;background:#fff1e6;color:#d41468!important;font-weight:700;white-space:nowrap}
.vbs-due-card-body{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #eee;border-bottom:1px solid #eee}
.vbs-due-card-body>div{padding:15px 18px}.vbs-due-card-body>div+div{border-left:1px solid #eee}
.vbs-due-card-body small{display:block;color:#777;font-size:11px;margin-bottom:5px}.vbs-due-card-body b{font-size:18px;color:#333}
.vbs-due-details-link{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;text-decoration:none!important;color:#ef6c00!important;font-weight:700;background:#fff}
.vbs-due-details-link span{font-size:22px}
.vbs-due-details-page{margin:18px 0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.05)}
.vbs-due-details-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ef6c00;color:#fff}
.vbs-due-details-head>a{color:#fff!important;text-decoration:none!important;font-size:28px;line-height:1;width:30px}
.vbs-due-details-head>div{flex:1}.vbs-due-details-head strong{display:block;font-size:22px}.vbs-due-details-head span{display:block;font-size:11px;opacity:.9;margin-top:2px}
.vbs-due-brand{font-size:13px!important;font-weight:600;white-space:nowrap}
.vbs-due-summary{display:grid;grid-template-columns:1fr 1fr;background:#fff;margin:14px;border:1px solid #eee;border-radius:14px;overflow:hidden}
.vbs-due-summary>div{padding:14px 16px}.vbs-due-summary>div:nth-child(2){border-left:1px solid #eee}.vbs-due-summary .vbs-due-wallet{grid-column:1/-1;border-top:1px solid #eee}
.vbs-due-summary small{display:block;color:#777;font-size:11px;margin-bottom:6px}.vbs-due-summary strong{display:block;font-size:20px;color:#333}.vbs-due-summary>div:nth-child(2) strong{color:#ef6c00;font-size:25px}.vbs-due-summary span{font-size:11px;color:#777}
.vbs-due-plan-title{padding:8px 18px 14px}.vbs-due-plan-title strong{display:block;font-size:20px;color:#333}.vbs-due-plan-title span{display:block;color:#777;font-size:11px;line-height:1.6;margin-top:5px}
.vbs-due-details-page .vbs-inline-timeline-form{border-top:1px solid #eee}
.vbs-due-details-page .vbs-inline-timeline-row:first-of-type{border-top:0}
@media(max-width:600px){
 .vbs-due-card-top{padding:16px}.vbs-due-card-body>div{padding:13px 16px}.vbs-due-details-link{padding:14px 16px}
 .vbs-due-details-head{padding:13px 12px}.vbs-due-details-head strong{font-size:20px}.vbs-due-summary{margin:10px}.vbs-due-plan-title{padding-left:14px;padding-right:14px}
}

/* v1.6.9 - full-term Due Details timeline */
.vbs-inline-timeline-row.is-upcoming .vbs-inline-line:after{background:#d6d6d6;box-shadow:0 0 0 1px #bdbdbd}
.vbs-inline-info em.is-upcoming-text{color:#777}
.vbs-inline-upcoming{font-size:18px;color:#aaa;font-weight:700;text-align:center;padding-top:2px}
.vbs-inline-select{display:flex;align-items:flex-start;justify-content:center;padding-top:2px;cursor:pointer}
.vbs-inline-select input{width:22px;height:22px;margin:0;accent-color:#ef6c00}
.vbs-inline-timeline-row.is-upcoming{cursor:default}
.vbs-inline-timeline-row.is-upcoming .vbs-inline-info strong{color:#555}

/* v1.6.11 reference-style Savings flow */
.vbs-idlc-head{background:#ef6c00;color:#fff;min-height:64px;display:flex;align-items:center;gap:14px;padding:0 18px;margin:0 -10px 14px;box-sizing:border-box}.vbs-idlc-head>a{color:#fff!important;text-decoration:none!important;font-size:34px;line-height:1}.vbs-idlc-head strong{font-size:24px;flex:1}.vbs-idlc-head span{font-size:12px;opacity:.9}
.vbs-ref-home{background:#fff;margin:-10px -10px 0;padding-bottom:25px}.vbs-ref-hero{margin:8px 10px 12px;border-radius:10px;background:linear-gradient(100deg,#ed2d91,#f37ab9);color:#fff;min-height:120px;display:flex;align-items:center;justify-content:center;gap:16px;padding:15px}.vbs-ref-hero strong{display:block;font-size:28px}.vbs-ref-hero span{display:block;font-size:15px;line-height:1.45}.vbs-pig,.vbs-open-pig{width:74px;height:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#ef6c00;font-size:38px;font-weight:800;border:4px solid #f6a1c8}
.vbs-status-card{margin:10px;border:1px solid #eee;border-radius:16px;padding:18px 14px;box-shadow:0 2px 8px rgba(0,0,0,.05);display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}.vbs-status-card>div{text-align:center;border-right:1px solid #eee}.vbs-status-card>div:nth-child(3){border:0}.vbs-status-card .ico{display:flex;width:42px;height:42px;margin:0 auto 7px;border-radius:50%;align-items:center;justify-content:center;background:#bbb;color:#fff;font-size:22px;font-weight:800}.vbs-status-card>div:first-child .ico{background:#e97ab0}.vbs-status-card>div:nth-child(2) .ico{background:#4caf22}.vbs-status-card strong{display:block;font-size:16px;color:#555;font-weight:500}.vbs-status-card b{display:block;font-size:22px;color:#444;margin-top:4px}.vbs-status-card>a{grid-column:1/-1;margin:20px auto 0;background:#ef6c00;color:#fff!important;text-decoration:none!important;padding:13px 34px;border-radius:10px;font-size:18px;font-weight:600}
.vbs-open-savings{margin:18px 10px;padding:28px 20px;border:1px solid #eee;border-radius:16px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.04)}.vbs-open-savings .vbs-open-pig{margin:0 auto 18px;width:84px;height:84px}.vbs-open-savings>a{display:block;border:2px solid #c52b7c;color:#c52b7c!important;text-decoration:none!important;padding:12px;border-radius:10px;font-size:18px;font-weight:600}.vbs-ref-links{margin-top:20px;border-top:1px solid #eee}.vbs-ref-links a{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #eee;text-decoration:none;color:#444;font-size:16px}.vbs-ref-links span{font-size:28px;color:#bbb}
.vbs-summary-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:2px solid #eee;margin:0 -10px}.vbs-summary-tabs a{padding:14px 5px;text-align:center;text-decoration:none;color:#999;font-size:17px;border-bottom:3px solid transparent}.vbs-summary-tabs a.active{color:#444;border-bottom-color:#ef6c00}.vbs-summary-tabs small{display:block;font-size:22px;margin-top:4px}.vbs-my-savings-head{display:flex;justify-content:space-between;padding:16px 0;font-size:18px}.vbs-my-savings-head span{font-size:14px;color:#555}.vbs-summary-list{display:flex;flex-direction:column;gap:14px}.vbs-plan-card{display:block;text-decoration:none!important;color:#333!important;background:#fff;border:1px solid #eee;border-radius:16px;padding:16px 14px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.vbs-plan-logo{float:left;width:48px;height:48px;border-radius:50%;border:1px solid #eee;display:flex;align-items:center;justify-content:center;color:#d41468;font-weight:800;font-size:24px;margin:3px 12px 0 0}.vbs-plan-main{min-height:58px}.vbs-plan-main strong{display:block;font-size:18px}.vbs-plan-main span{display:block;color:#666;font-size:15px}.vbs-plan-main small{display:block;color:#777;margin-top:3px}.vbs-plan-bottom{border-top:1px solid #eee;margin-top:12px;padding-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}.vbs-plan-bottom strong{font-size:22px}.vbs-plan-bottom b{text-align:right;font-size:20px}.vbs-plan-bottom span{color:#666}.vbs-plan-bottom small{text-align:right;color:#666}.vbs-empty{padding:30px;text-align:center;color:#777;border:1px dashed #ddd;border-radius:12px}
.vbs-plan-bar{padding:14px 0;border-bottom:1px solid #eee}.vbs-plan-bar strong{display:block;font-size:20px}.vbs-plan-bar span{color:#777;font-size:13px}.vbs-month-range{display:grid;grid-template-columns:1fr 1fr;margin:12px 0;background:#f7f7f7;border-radius:6px}.vbs-month-range>div{padding:15px 18px;color:#666}.vbs-month-range>div+div{border-left:1px solid #ddd}.vbs-month-range strong{display:block;color:#333;font-size:19px;margin-top:8px}.vbs-schedule-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:12px 0;padding:12px 14px;border:1px solid #eee;border-radius:10px;background:#fff}.vbs-schedule-summary strong{font-size:14px;color:#333}.vbs-schedule-summary span{font-size:12px;color:#777;text-align:right}@media(max-width:600px){.vbs-schedule-summary{display:block}.vbs-schedule-summary span{display:block;text-align:left;margin-top:4px}}.vbs-detail-timeline{background:#fff}.vbs-ref-row{display:grid;grid-template-columns:62px 26px minmax(0,1fr) 22px;gap:7px;min-height:100px;padding:14px 6px;border-bottom:1px solid #eee;box-sizing:border-box}.vbs-ref-date{text-align:right;line-height:1}.vbs-ref-date b{font-size:19px}.vbs-ref-date small{display:block;color:#777;font-size:12px;margin-top:5px}.vbs-ref-row>i{position:relative;background:linear-gradient(to right,transparent 11px,#f3b06f 11px,#f3b06f 13px,transparent 13px)}.vbs-ref-row>i:after{content:"";position:absolute;top:5px;left:7px;width:12px;height:12px;border-radius:50%;background:#ef6c00;box-shadow:0 0 0 2px #fff,0 0 0 3px #ef6c00}.vbs-ref-row.missed>i:after{background:#d60000;box-shadow:0 0 0 2px #fff,0 0 0 3px #d60000}.vbs-ref-info strong{display:block;font-size:18px}.vbs-ref-info em{display:block;font-style:normal;color:#555;font-weight:600;margin-top:5px}.vbs-ref-info em.paid{color:#666}.vbs-ref-info em.up{color:#777}.vbs-ref-info em.missed-status{color:#d60000;font-weight:800}.vbs-ref-info small{display:block;color:#888;font-size:11px;margin-top:4px}.vbs-ref-mark{color:#ef6c00;font-size:25px;font-weight:800}.vbs-missed-launch{position:fixed;left:10px;right:10px;bottom:68px;z-index:99998;display:flex;justify-content:space-between;align-items:center;background:#ef6c00;color:#fff!important;text-decoration:none!important;padding:14px 18px;font-size:18px;font-weight:700;border-radius:12px;box-shadow:0 5px 18px rgba(0,0,0,.22);box-sizing:border-box}.vbs-detail-timeline{padding-bottom:82px}.vbs-missed-launch span{font-size:30px}.vbs-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:999999;display:flex;align-items:flex-end}.vbs-missed-modal{background:#fff;width:100%;max-height:78vh;border-radius:18px 18px 0 0;overflow:hidden;box-shadow:0 -8px 30px rgba(0,0,0,.2)}.vbs-modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #eee}.vbs-modal-head strong{display:block;font-size:21px}.vbs-modal-head small{display:block;color:#777;margin-top:5px}.vbs-modal-head a{color:#b41532;text-decoration:none;font-size:16px}.vbs-missed-item{display:grid;grid-template-columns:1fr auto 34px;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;font-size:16px}.vbs-missed-item b{font-size:17px;font-weight:500}.vbs-missed-item input{width:22px;height:22px;accent-color:#ef6c00}.vbs-modal-pay{width:100%;padding:16px 20px;background:#ef6c00!important;color:#fff!important;border:0;font-size:19px;font-weight:700;text-align:left;display:flex;justify-content:space-between}.vbs-modal-pay:disabled{background:#aaa!important}.vbs-open-card{max-width:650px;margin:auto}.vbs-open-card>h2{margin:12px 0 4px}.vbs-open-card>p{color:#777}.vbs-open-icon{margin:10px auto;width:74px;height:74px;border-radius:50%;background:#fff1e6;color:#ef6c00;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800}@media(max-width:600px){.vbs-status-card{padding:16px 6px}.vbs-status-card>a{font-size:17px;padding:12px 24px}.vbs-plan-bottom strong{font-size:20px}.vbs-plan-bottom b{font-size:18px}.vbs-ref-row{grid-template-columns:52px 24px minmax(0,1fr) 20px;padding-left:2px;padding-right:2px}.vbs-idlc-head{margin-left:-10px;margin-right:-10px}}

.vbs-plan-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 0 16px}.vbs-plan-meta small{display:block;color:#777;font-size:13px}.vbs-plan-meta strong{display:block;color:#333;font-size:18px;margin-top:6px}.vbs-plan-notice{background:#f7f7f7;padding:12px 14px;color:#777;border-radius:4px;margin-bottom:12px}.vbs-month-filter{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;background:#f7f7f7;padding:14px;margin:12px 0;border-radius:6px}.vbs-month-filter label small{display:block;color:#777;margin-bottom:6px}.vbs-month-filter select{width:100%;padding:12px;border:1px solid #ddd;border-radius:7px;background:#fff;font-size:15px}.vbs-month-filter button{padding:12px 22px;border:0;border-radius:7px;background:#ef6c00;color:#fff;font-weight:700}@media(max-width:600px){.vbs-month-filter{grid-template-columns:1fr 1fr}.vbs-month-filter button{grid-column:1/-1;width:100%}}
.vbs-missed-launch.no-missed{opacity:.9}
.vbs-missed-launch.no-missed{background:#999}

/* v1.6.36 - full-term profit and withdrawal summary */
.vbs-profit-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.vbs-profit-box>div{background:#fff;border:1px solid #eee;border-radius:12px;padding:13px}.vbs-profit-box small{display:block;color:#777;margin-bottom:5px}.vbs-profit-box strong{font-size:18px}.vbs-withdraw-rule{margin:10px 0 16px;padding:13px 15px;background:#fff8ef;border-left:4px solid #ff6b00;border-radius:10px;color:#555;font-size:13px}.vbs-withdraw-rule strong{color:#222}@media(max-width:480px){.vbs-profit-box{grid-template-columns:1fr}}

/* v1.6.38 - detail page styled like the requested second reference; statement follows summary cards */
.vbs-profit-box-stack{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 14px}
.vbs-profit-box-stack>div{min-height:92px;display:flex;flex-direction:column;justify-content:center;background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:17px 20px;box-shadow:0 2px 10px rgba(0,0,0,.035);box-sizing:border-box}
.vbs-profit-box-stack small{font-size:15px;color:#666;margin-bottom:8px;line-height:1.25}
.vbs-profit-box-stack strong{font-size:25px;line-height:1.15;color:#ef6c00;font-weight:700}
.vbs-detail-statement-card{margin:18px 0 20px;box-shadow:0 2px 10px rgba(0,0,0,.035)}
.vbs-detail-statement-card .vbs-statement-card-content strong{font-size:18px}
.vbs-detail-statement-card .vbs-statement-card-content span{font-size:12px}
.vbs-missed-launch.has-missed{background:#ef6c00!important;color:#fff!important;opacity:1!important;bottom:62px}
@media(max-width:600px){
 .vbs-profit-box-stack{grid-template-columns:1fr;gap:12px}
 .vbs-profit-box-stack>div{min-height:86px;padding:16px 18px}
 .vbs-profit-box-stack small{font-size:14px}
 .vbs-profit-box-stack strong{font-size:24px}
 .vbs-detail-statement-card{align-items:flex-start}
 .vbs-detail-statement-card .vbs-statement-card-actions{padding-left:56px}
}

/* v1.6.40 - real day/month/year calendar filter */
.vbs-date-filter{grid-template-columns:1fr 1fr;align-items:end}
.vbs-date-filter input[type=date]{width:100%;box-sizing:border-box;padding:12px 10px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#333;font-size:15px;min-height:44px}
.vbs-date-filter button{grid-column:1/2}
.vbs-date-reset{display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;padding:12px 14px;border-radius:8px;background:#fff;border:1px solid #ddd;color:#555;text-decoration:none;font-weight:600}
.vbs-date-filter label small{font-size:13px}
@media(max-width:600px){.vbs-date-filter{grid-template-columns:1fr 1fr;gap:10px}.vbs-date-filter button,.vbs-date-reset{grid-column:auto;width:100%}.vbs-date-filter input[type=date]{font-size:14px;padding:10px 8px}}

/* v1.6.41 - mobile-first savings detail layout */
.vbs-profit-box-mobile{grid-template-columns:1fr 1fr!important;gap:10px!important;margin:14px 0!important}
.vbs-profit-box-mobile>div{min-height:118px;display:flex;flex-direction:column;justify-content:center;background:#fff;border:1px solid #ececec;border-radius:16px;padding:14px!important;box-shadow:0 3px 14px rgba(0,0,0,.05);box-sizing:border-box}
.vbs-profit-box-mobile small{font-size:15px!important;color:#555!important;margin-bottom:7px!important}
.vbs-profit-box-mobile strong{font-size:22px!important;color:#ef6c00!important;line-height:1.1}
.vbs-profit-box-mobile em{font-style:normal;font-size:11px;color:#888;margin-top:6px;line-height:1.25}
.vbs-mobile-calendar{background:#fff;border:1px solid #eee;border-radius:16px;padding:12px;margin:14px 0;box-shadow:0 3px 14px rgba(0,0,0,.04)}
.vbs-mobile-calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.vbs-mobile-calendar-head strong{font-size:17px;color:#222}
.vbs-mobile-calendar-head a{font-size:13px;color:#ef6c00;text-decoration:none;font-weight:700}
.vbs-mobile-calendar .vbs-month-filter{margin:8px 0 0;background:#fff;padding:0;gap:8px}
.vbs-mobile-calendar .vbs-date-reset{font-size:13px}
@media(max-width:600px){
 .vbs-wrap{width:100%;max-width:none;margin:0;padding:0 10px;box-sizing:border-box}
 .vbs-idlc-head{border-radius:0}
 .vbs-profit-box-mobile{grid-template-columns:1fr 1fr!important}
 .vbs-profit-box-mobile>div{min-height:112px;padding:12px!important}
 .vbs-profit-box-mobile small{font-size:14px!important}
 .vbs-profit-box-mobile strong{font-size:20px!important}
 .vbs-profit-box-mobile em{font-size:10px}
 .vbs-detail-statement-card{margin:12px 0!important;padding:12px!important}
 .vbs-detail-statement-card .vbs-statement-card-actions{padding-left:0!important;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;box-sizing:border-box}
 .vbs-detail-statement-card .vbs-statement-card-actions a{min-height:44px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:8px!important;font-size:13px!important}
 .vbs-month-range{font-size:12px}
 .vbs-month-range strong{font-size:16px}
 .vbs-schedule-summary{padding:10px 12px}
 .vbs-ref-row{grid-template-columns:44px 20px minmax(0,1fr) 18px!important;gap:5px!important;padding:12px 0!important;min-height:92px!important}
 .vbs-ref-date b{font-size:17px}
 .vbs-ref-date small{font-size:10px;margin-top:4px}
 .vbs-ref-info strong{font-size:17px}
 .vbs-ref-info em{font-size:13px}
 .vbs-ref-info small{font-size:10px}
 .vbs-ref-mark{font-size:21px}
 .vbs-missed-launch{left:10px;right:10px;bottom:66px;padding:13px 16px;font-size:16px}
}

/* v1.6.42 - keep upcoming timeline visible; show missed-pay bar only when needed */
.vbs-detail-timeline{margin-top:8px;padding-bottom:18px}
.vbs-missed-launch.has-missed{bottom:66px}
@media(max-width:600px){
 .vbs-detail-timeline{margin-top:6px;padding-bottom:14px}
 .vbs-plan-bar{padding-top:10px;padding-bottom:10px}
 .vbs-plan-notice{margin-top:8px!important;padding:10px 12px!important}
 .vbs-month-range{margin:8px 0}
 .vbs-schedule-summary{margin:8px 0;padding:9px 11px}
 .vbs-profit-box-mobile{margin:10px 0!important}
 .vbs-detail-statement-card{margin:10px 0!important}
 .vbs-mobile-calendar{margin:10px 0!important}
}


/* v1.6.43 - replace eTIN/FAQ links with live wallet balance and checkout top-up */
.vbs-wallet-card{margin:16px 0 22px;padding:18px 18px 16px;background:#fff;border:1px solid #e7e7e7;border-radius:16px;box-shadow:0 3px 14px rgba(0,0,0,.05)}
.vbs-wallet-card-head{display:flex;align-items:center;gap:12px}.vbs-wallet-icon{width:48px;height:48px;flex:0 0 48px;border-radius:14px;background:#fff1e6;color:#ef6c00;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:800}.vbs-wallet-card-head strong{display:block;font-size:18px;color:#222}.vbs-wallet-card-head span{display:block;margin-top:3px;font-size:12px;color:#777;line-height:1.4}.vbs-wallet-add-title{font-size:14px;font-weight:800;color:#243b59;margin:13px 0 7px}.vbs-wallet-topup-limits{display:block;text-align:center;color:#8190a0;margin-top:8px;font-size:11px}.vbs-wallet-topup-limits .woocommerce-Price-amount{font-weight:700}.vbs-wallet-balance{margin:14px 0 13px;color:#ef6c00;font-size:30px;font-weight:800;line-height:1.1}.vbs-wallet-topup{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;padding:13px 15px;border-radius:10px;background:#ef6c00;color:#fff!important;text-decoration:none!important;font-size:16px;font-weight:700}.vbs-wallet-topup span{font-size:24px;line-height:1}.vbs-wallet-topup:hover{color:#fff!important;opacity:.94}
@media(max-width:600px){.vbs-wallet-card{margin:14px 0 18px;padding:16px}.vbs-wallet-card-head strong{font-size:17px}.vbs-wallet-card-head span{font-size:11px}.vbs-wallet-balance{font-size:27px;margin:12px 0}.vbs-wallet-topup{min-height:46px;font-size:15px}}

/* v1.6.44 - mobile wallet top-up amount -> checkout */
.vbs-wallet-topup-form{margin-top:12px}.vbs-wallet-topup-form>label{display:block;font-size:13px;font-weight:700;color:#555;margin-bottom:7px}.vbs-wallet-amount-row{display:flex;align-items:center;border:1px solid #ddd;border-radius:11px;background:#fff;overflow:hidden;margin-bottom:10px}.vbs-wallet-amount-row span{padding:0 12px;color:#ef6c00;font-size:20px;font-weight:800}.vbs-wallet-amount-row input{border:0!important;outline:0!important;width:100%;padding:12px 10px;font-size:18px;font-weight:700;background:#fff}.vbs-wallet-topup-form .vbs-wallet-topup{border:0;cursor:pointer}.vbs-wallet-topup-form .vbs-wallet-topup{justify-content:center;gap:10px}.vbs-wallet-card-head span{white-space:normal}
@media(max-width:600px){.vbs-wallet-card{margin:14px 0 18px}.vbs-wallet-amount-row input{font-size:17px}.vbs-wallet-topup-form .vbs-wallet-topup{min-height:48px}}

/* v1.6.47 - only the Wallet Checkout button is orange; preserve all other UI */
.vbs-wallet-topup-form button.vbs-wallet-topup,
.vbs-wallet-topup-form button.vbs-wallet-topup.disabled,
.vbs-wallet-topup-form button.vbs-wallet-topup[aria-disabled="true"],
.vbs-wallet-topup-form button.vbs-wallet-topup.is-disabled,
.vbs-wallet-topup-form button.vbs-wallet-topup:hover,
.vbs-wallet-topup-form button.vbs-wallet-topup:focus,
.vbs-wallet-topup-form button.vbs-wallet-topup:active,
.vbs-wallet-topup-form button.vbs-wallet-topup:disabled{
  background:#ef6c00!important;
  background-color:#ef6c00!important;
  color:#fff!important;
  opacity:1!important;
  filter:none!important;
  border-color:#ef6c00!important;
  box-shadow:none!important;
  text-shadow:none!important;
  -webkit-appearance:none;
  appearance:none;
}


/* v1.6.49 - pencil edit UI */
.vbs-edit-section{margin:18px 0;padding:14px 0 4px}.vbs-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.vbs-section-head h3{margin:0}.vbs-pencil-edit{border:0;background:#fff1e6;color:#ef6c00;border-radius:999px;padding:8px 13px;font-weight:700;cursor:pointer}.vbs-edit-section input[readonly]{background:#f7f7f7;color:#555;cursor:default}.vbs-edit-section.vbs-editing input{background:#fff;border-color:#ef6c00;box-shadow:0 0 0 1px rgba(239,108,0,.08)}

/* v1.6.50 - 3 month Savings withdrawal/cancellation + admin bulk history */
.vbs-withdraw-card{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:14px 0;padding:16px;border:1px solid #ffd9bf;background:#fff8f2;border-radius:14px}.vbs-withdraw-card strong{display:block;font-size:17px}.vbs-withdraw-card span{display:block;color:#666;font-size:13px;margin-top:5px;line-height:1.45}.vbs-withdraw-card button{min-width:120px;padding:11px 18px;border:0;border-radius:9px;background:#d52b2b;color:#fff;font-weight:700;font-size:15px}.vbs-withdraw-card button:disabled{background:#aaa}.vbs-history-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 14px;padding:10px 12px;background:#f7f7f7;border-radius:8px}.vbs-history-toolbar label{font-weight:600}.vbs-history-toolbar input{width:18px;height:18px;vertical-align:middle}.vbs-history-toolbar .description{flex:1;min-width:220px}@media(max-width:600px){.vbs-withdraw-card{display:block}.vbs-withdraw-card form{margin-top:12px}.vbs-withdraw-card button{width:100%}}

/* v1.6.66: clickable Active/Matured/Cancelled status buttons */
.vbs-status-card{grid-template-columns:1fr 1fr 1fr}.vbs-status-item{display:block;text-align:center;border-right:1px solid #eee;text-decoration:none!important;color:inherit!important}.vbs-status-item:last-of-type{border-right:0}.vbs-status-item .ico{display:flex;width:42px;height:42px;margin:0 auto 7px;border-radius:50%;align-items:center;justify-content:center;background:#bbb;color:#fff;font-size:22px;font-weight:800}.vbs-status-item:first-child .ico{background:#e97ab0}.vbs-status-item:nth-child(2) .ico{background:#4caf22}.vbs-status-item:nth-child(3) .ico{background:#888}.vbs-status-item strong{display:block;font-size:16px;color:#555;font-weight:500}.vbs-status-item b{display:block;font-size:22px;color:#444;margin-top:4px}.vbs-status-check{grid-column:1/-1;margin:20px auto 0;background:#ef6c00;color:#fff!important;text-decoration:none!important;padding:13px 34px;border-radius:10px;font-size:18px;font-weight:600}.vbs-cancelled-card{cursor:default}.vbs-cancelled-card .vbs-plan-logo{color:#888;border-color:#ddd}.vbs-cancelled-card .vbs-plan-main strong{color:#777}.vbs-cancelled-card .vbs-plan-bottom small{color:#a00;font-weight:700}@media(max-width:600px){.vbs-status-item strong{font-size:15px}.vbs-status-item b{font-size:21px}.vbs-status-item .ico{width:40px;height:40px}.vbs-status-check{font-size:17px;padding:12px 24px}}


/* v1.6.68 - supplied mobile reference dashboard / status navigation */
.vbs-ref-home{padding-top:2px}
.vbs-ref-hero{min-height:138px;margin:0 0 18px;border-radius:0 0 16px 16px;background:linear-gradient(105deg,#e91e8f 0%,#ef4da8 52%,#f178bd 100%);padding:18px 22px;box-sizing:border-box;justify-content:flex-start;gap:18px}
.vbs-ref-hero strong{font-size:31px;line-height:1.1;letter-spacing:-.3px}
.vbs-ref-hero span{font-size:16px;line-height:1.5;margin-top:7px}
.vbs-pig{flex:0 0 78px;width:78px;height:78px;border:5px solid #f4a6ca;box-shadow:0 0 0 2px rgba(255,255,255,.65)}
.vbs-status-card{margin:0 0 18px;padding:20px 8px 22px;border-radius:18px;background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.06);grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.vbs-status-item{min-width:0;padding:0 7px;position:relative;transition:transform .15s ease,background .15s ease}
.vbs-status-item:active{transform:scale(.97)}
.vbs-status-item:not(:last-of-type){border-right:1px solid #ededed}
.vbs-status-item .ico{width:48px;height:48px;margin-bottom:9px;font-size:24px;box-shadow:0 2px 5px rgba(0,0,0,.05)}
.vbs-status-item:first-child .ico{background:#e47bb1}
.vbs-status-item:nth-child(2) .ico{background:#43ad27}
.vbs-status-item:nth-child(3) .ico{background:#b9b9b9}
.vbs-status-item strong{font-size:16px;line-height:1.2}
.vbs-status-item b{font-size:24px;margin-top:5px}
.vbs-status-item::after{content:'›';display:block;color:#aaa;font-size:18px;line-height:12px;margin-top:5px}
.vbs-status-check{margin:20px auto 0!important;min-width:205px;text-align:center;box-sizing:border-box;padding:14px 24px!important;border-radius:12px!important;box-shadow:0 3px 8px rgba(239,108,0,.2)}
.vbs-summary-tabs{margin-top:4px;border-radius:12px 12px 0 0;background:#fff;overflow:hidden}
.vbs-summary-tabs a{font-weight:600}
.vbs-summary-tabs a.active{color:#ef6c00}
.vbs-my-savings-head{align-items:center;padding:18px 2px 12px}
.vbs-my-savings-head span{background:#f7f7f7;border-radius:20px;padding:7px 12px}
.vbs-plan-card{border-radius:18px;padding:17px 15px;box-shadow:0 3px 12px rgba(0,0,0,.055)}
.vbs-plan-card:not(.vbs-cancelled-card){position:relative}
.vbs-plan-card:not(.vbs-cancelled-card)::after{content:'›';position:absolute;right:14px;top:18px;color:#aaa;font-size:25px;line-height:1}
.vbs-cancelled-card{cursor:default;background:#fbfbfb;border-color:#e8e8e8}
.vbs-cancelled-logo{color:#999!important;background:#f3f3f3!important}
.vbs-cancelled-card .vbs-plan-bottom small{color:#a33;font-weight:700}
.vbs-cancelled-readonly{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px dashed #ddd;color:#888;font-size:12px}
.vbs-cancelled-readonly b{font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.vbs-empty{background:#fff}
@media(max-width:600px){
 .vbs-ref-hero{margin-left:-10px;margin-right:-10px;border-radius:0 0 16px 16px;min-height:132px;padding:16px 20px}
 .vbs-ref-hero strong{font-size:29px}
 .vbs-ref-hero span{font-size:15px}
 .vbs-pig{flex-basis:72px;width:72px;height:72px;font-size:35px}
 .vbs-status-card{padding:18px 4px 20px;border-radius:17px}
 .vbs-status-item{padding:0 3px}
 .vbs-status-item .ico{width:46px;height:46px}
 .vbs-status-item strong{font-size:15px}
 .vbs-status-item b{font-size:23px}
}

/* v1.6.68 - exact mobile reference layout fix */
.vbs-ref-home .vbs-ref-hero{display:flex!important;visibility:visible!important}
.vbs-ref-home .vbs-status-card{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:auto auto!important;align-items:start!important;gap:0!important}
.vbs-ref-home .vbs-status-card>a.vbs-status-item{grid-column:auto!important;grid-row:1!important;display:block!important;width:auto!important;min-width:0!important;box-sizing:border-box!important}
.vbs-ref-home .vbs-status-card>a.vbs-status-check{grid-column:1 / -1!important;grid-row:2!important;display:block!important}
.vbs-ref-home .vbs-status-card>a.vbs-status-item:not(:last-of-type){border-right:1px solid #ededed!important}
.vbs-ref-home .vbs-status-card>a.vbs-status-item:last-of-type{border-right:0!important}
.vbs-ref-home .vbs-status-card .vbs-status-item::after{content:'›';display:block!important;color:#aaa;font-size:18px;line-height:12px;margin-top:7px}
@media(max-width:600px){
 .vbs-ref-home .vbs-status-card{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:18px 4px 20px!important}
 .vbs-ref-home .vbs-status-card>a.vbs-status-item{grid-column:auto!important;grid-row:1!important;padding:0 3px!important}
 .vbs-ref-home .vbs-status-card>a.vbs-status-check{grid-column:1 / -1!important;grid-row:2!important;margin-top:20px!important}
 .vbs-ref-home .vbs-status-card .vbs-status-item .ico{width:46px!important;height:46px!important}
 .vbs-ref-home .vbs-status-card .vbs-status-item strong{font-size:15px!important}
 .vbs-ref-home .vbs-status-card .vbs-status-item b{font-size:23px!important}
}


/* v1.6.69 - exact reference dashboard hard override
   The status links must never inherit orange button/card styles from the theme. */
.vbs-ref-home{
  display:block!important;width:100%!important;max-width:650px!important;margin:0 auto!important;
  padding:0 0 25px!important;background:#fff!important;box-sizing:border-box!important;
}
.vbs-ref-home .vbs-ref-hero{
  display:flex!important;width:100%!important;box-sizing:border-box!important;
  min-height:252px!important;margin:0 0 22px!important;padding:38px 28px!important;
  border-radius:0 0 16px 16px!important;background:linear-gradient(105deg,#e91e8f 0%,#ef4da8 52%,#f178bd 100%)!important;
  color:#fff!important;align-items:center!important;justify-content:flex-start!important;gap:24px!important;
}
.vbs-ref-home .vbs-ref-hero strong{display:block!important;color:#fff!important;font-size:48px!important;line-height:1.08!important;font-weight:700!important}
.vbs-ref-home .vbs-ref-hero span{display:block!important;color:#fff!important;font-size:22px!important;line-height:1.5!important;margin-top:12px!important}
.vbs-ref-home .vbs-pig{flex:0 0 118px!important;width:118px!important;height:118px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#fff!important;color:#ef6c00!important;border:7px solid #f4a6ca!important;font-size:58px!important;font-weight:800!important}
.vbs-ref-home .vbs-status-card{
  display:grid!important;width:calc(100% - 2px)!important;box-sizing:border-box!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:auto auto!important;
  align-items:start!important;gap:0!important;margin:0 1px 22px!important;padding:28px 18px 28px!important;
  border:1px solid #e9e9e9!important;border-radius:20px!important;background:#fff!important;
  box-shadow:0 3px 14px rgba(0,0,0,.07)!important;
}
.vbs-ref-home .vbs-status-card>a.vbs-status-item{
  display:block!important;grid-column:auto!important;grid-row:1!important;width:auto!important;min-width:0!important;
  box-sizing:border-box!important;padding:0 14px!important;margin:0!important;border:0!important;
  border-right:1px solid #ededed!important;border-radius:0!important;background:transparent!important;
  color:#555!important;text-decoration:none!important;box-shadow:none!important;
  text-align:center!important;transform:none!important;
}
.vbs-ref-home .vbs-status-card>a.vbs-status-item:last-of-type{border-right:0!important}
.vbs-ref-home .vbs-status-card>a.vbs-status-item .ico{
  display:flex!important;width:74px!important;height:74px!important;margin:0 auto 12px!important;
  align-items:center!important;justify-content:center!important;border-radius:50%!important;
  color:#fff!important;font-size:38px!important;font-weight:800!important;box-shadow:none!important;
}
.vbs-ref-home .vbs-status-card>a.vbs-status-item:first-child .ico{background:#e47bb1!important}
.vbs-ref-home .vbs-status-card>a.vbs-status-item:nth-child(2) .ico{background:#43ad27!important}
.vbs-ref-home .vbs-status-card>a.vbs-status-item:nth-child(3) .ico{background:#b9b9b9!important}
.vbs-ref-home .vbs-status-card>a.vbs-status-item strong{
  display:block!important;color:#555!important;font-size:25px!important;line-height:1.2!important;font-weight:400!important;
}
.vbs-ref-home .vbs-status-card>a.vbs-status-item b{
  display:block!important;color:#444!important;font-size:30px!important;line-height:1.2!important;margin-top:12px!important;font-weight:600!important;
}
.vbs-ref-home .vbs-status-card>a.vbs-status-item::after{
  content:none!important;display:none!important;
}
.vbs-ref-home .vbs-status-card>a.vbs-status-check{
  display:block!important;grid-column:1 / -1!important;grid-row:2!important;width:auto!important;min-width:402px!important;
  box-sizing:border-box!important;margin:30px auto 0!important;padding:18px 38px!important;
  border:0!important;border-radius:13px!important;background:#ef6c00!important;color:#fff!important;
  text-align:center!important;text-decoration:none!important;font-size:24px!important;font-weight:600!important;
  box-shadow:none!important;
}
@media(max-width:600px){
 .vbs-ref-home{max-width:650px!important;margin:0 auto!important;padding-bottom:20px!important}
 .vbs-ref-home .vbs-ref-hero{min-height:252px!important;padding:28px 22px!important;gap:18px!important;margin-bottom:18px!important}
 .vbs-ref-home .vbs-ref-hero strong{font-size:31px!important}
 .vbs-ref-home .vbs-ref-hero span{font-size:15px!important;line-height:1.55!important;margin-top:8px!important}
 .vbs-ref-home .vbs-pig{flex-basis:76px!important;width:76px!important;height:76px!important;border-width:5px!important;font-size:38px!important}
 .vbs-ref-home .vbs-status-card{width:calc(100% - 20px)!important;margin:0 10px 18px!important;padding:26px 5px 26px!important;border-radius:19px!important}
 .vbs-ref-home .vbs-status-card>a.vbs-status-item{padding:0 3px!important}
 .vbs-ref-home .vbs-status-card>a.vbs-status-item .ico{width:74px!important;height:74px!important;margin-bottom:12px!important;font-size:38px!important}
 .vbs-ref-home .vbs-status-card>a.vbs-status-item strong{font-size:25px!important}
 .vbs-ref-home .vbs-status-card>a.vbs-status-item b{font-size:30px!important;margin-top:12px!important}
 .vbs-ref-home .vbs-status-card>a.vbs-status-check{min-width:402px!important;max-width:calc(100% - 80px)!important;font-size:22px!important;padding:16px 24px!important;margin-top:28px!important}
}
@media(max-width:430px){
 .vbs-ref-home .vbs-ref-hero{min-height:252px!important;padding:25px 18px!important;gap:13px!important}
 .vbs-ref-home .vbs-pig{flex-basis:70px!important;width:70px!important;height:70px!important}
 .vbs-ref-home .vbs-ref-hero strong{font-size:29px!important}
 .vbs-ref-home .vbs-ref-hero span{font-size:14px!important}
 .vbs-ref-home .vbs-status-card>a.vbs-status-item .ico{width:52px!important;height:52px!important;font-size:28px!important}
 .vbs-ref-home .vbs-status-card>a.vbs-status-item strong{font-size:17px!important}
 .vbs-ref-home .vbs-status-card>a.vbs-status-item b{font-size:24px!important}
 .vbs-ref-home .vbs-status-card>a.vbs-status-check{min-width:0!important;max-width:calc(100% - 30px)!important;width:calc(100% - 30px)!important;font-size:18px!important}
}
