/* Kolam Quote Builder v4.1.0 — kolamcreatives.com */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;900&display=swap');

/* Reset scoped to plugin root */
#kqb-root,#kqb-root *,#kqb-bundle-widget,#kqb-bundle-widget *{box-sizing:border-box;}
#kqb-root .kqb-hide{display:none!important;visibility:hidden!important;}

#kqb{background:#fff;border-radius:6px;padding:2.5rem 2rem;box-shadow:0 2px 24px rgba(83,0,255,.08);}
.ksteps{display:flex;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:4px;}
.kstep{display:flex;align-items:center;gap:7px;opacity:.3;transition:opacity .3s;cursor:default;}.kstep.done{cursor:pointer;}.kstep.done:hover .kstep-num{background:var(--kqb-accent-hover, #2D0080);}.kstep.done:hover .kstep-lbl{color:var(--kqb-accent-hover, #2D0080);}
.kstep.active,.kstep.done{opacity:1;}
.kstep-num{width:32px;height:32px;border-radius:50%;background:var(--kqb-xlight, #E8E0FF);color:var(--kqb-accent, #5300FF);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;transition:all .3s;flex-shrink:0;}
.kstep.active .kstep-num{background:var(--kqb-accent, #5300FF);color:#fff;}
.kstep.done .kstep-num{background:var(--kqb-dark, #150043);color:var(--kqb-light, #DDCCFF);}
.kstep-lbl{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#9CA3AF;white-space:nowrap;}
.kstep.active .kstep-lbl{color:var(--kqb-dark, #150043);font-weight:700;}
.kstep.done .kstep-lbl{color:var(--kqb-accent, #5300FF);}
.kstep-line{flex:1;height:1px;background:var(--kqb-light, #DDCCFF);margin:0 8px;min-width:16px;}
.kpanel{display:none;animation:kfade .2s ease;}
.kpanel.show{display:block;}
@keyframes kfade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.kpanel-hd{margin-bottom:1.75rem;}
.kpanel-title{font-size:32px;font-weight:700;color:var(--kqb-dark, #150043);margin:0 0 8px;text-transform:uppercase;letter-spacing:-.02em;}
.kpanel-sub{font-size:16px;color:var(--kqb-secondary, #4B0082);margin:0;line-height:1.5;}
.kform-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;}
.kfull{grid-column:1/-1;}
.kfield label{display:block;font-size:12px;font-weight:700;color:var(--kqb-dark, #150043);margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em;}
.kreq{color:var(--kqb-accent, #5300FF);}.kopt{font-size:10px;color:#9CA3AF;font-weight:400;text-transform:none;}
.kfield input,.kfield textarea{width:100%;padding:14px 16px;border:1.5px solid var(--kqb-light, #DDCCFF);border-radius:3px;font-size:16px;font-family:'Rubik',sans-serif;color:var(--kqb-dark, #150043);background:#fff;transition:border-color .2s,box-shadow .2s;outline:none;resize:vertical;}
.kfield input:focus,.kfield textarea:focus{border-color:var(--kqb-accent, #5300FF);box-shadow:0 0 0 3px rgba(83,0,255,.1);}
.kfield input.kerr{border-color:#ef4444;}
.ktier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:2rem;}
.ktier{border:1.5px solid var(--kqb-light, #DDCCFF);border-radius:3px;padding:20px 16px;cursor:pointer;background:#fff;transition:all .2s;position:relative;}
.ktier:hover{border-color:var(--kqb-accent, #5300FF);box-shadow:0 4px 20px rgba(83,0,255,.12);transform:translateY(-2px);}
.ktier.sel{border:2.5px solid var(--kqb-accent, #5300FF);background:var(--kqb-surface, #F5F0FF);}
.ktier-popular{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--kqb-accent, #5300FF);color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 12px;border-radius:3px;white-space:nowrap;}
.ktier-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 14px;border-radius:3px;margin-bottom:12px;}
.tb-sprint{background:var(--kqb-xlight, #E8E0FF);color:var(--kqb-dark, #150043);}.tb-standard{background:var(--kqb-light, #D4C5FF);color:var(--kqb-dark, #150043);}
.tb-premium{background:var(--kqb-accent, #5300FF);color:#fff;}.tb-elite{background:var(--kqb-dark, #150043);color:var(--kqb-light, #DDCCFF);}
.ktier-headline{font-size:17px;font-weight:700;color:var(--kqb-dark, #150043);margin-bottom:6px;text-transform:uppercase;letter-spacing:.02em;}
.ktier-weeks{font-size:13px;color:var(--kqb-secondary, #6200EE);margin-bottom:8px;font-weight:500;}
.ktier-desc{font-size:14px;color:var(--kqb-secondary, #4B0082);line-height:1.6;margin-bottom:12px;}
.ktier-list{list-style:none;padding:0;margin:0;}
.ktier-list li{font-size:14px;color:var(--kqb-dark, #150043);padding:3px 0 3px 15px;position:relative;}
.ktier-list li::before{content:'';position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--kqb-accent, #5300FF);}
.kbundle-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--kqb-secondary, #6200EE);font-weight:600;margin-bottom:10px;}
.kbundles{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;margin-bottom:2rem;}
.kbundle{border:1.5px solid var(--kqb-light, #DDCCFF);border-radius:3px;padding:14px 18px;min-width:175px;cursor:pointer;background:#fff;transition:all .15s;flex-shrink:0;}
.kbundle:hover{border-color:var(--kqb-accent, #5300FF);background:var(--kqb-surface, #F5F0FF);}
.kbundle.sel{border:2px solid var(--kqb-dark, #150043);background:var(--kqb-xlight, #E8E0FF);}
.kbundle-tag{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kqb-secondary, #6200EE);margin-bottom:5px;}
.kbundle-name{font-size:15px;font-weight:700;color:var(--kqb-dark, #150043);margin-bottom:3px;}
.kbundle-price{font-size:18px;font-weight:700;color:var(--kqb-accent, #5300FF);}
.ksec{margin-bottom:2rem;}
.ksec-hd{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid var(--kqb-xlight, #E8E0FF);}
.ksec-icon{width:30px;height:30px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:15px;}
.ksec-name{font-size:14px;font-weight:700;color:var(--kqb-dark, #150043);flex:1;text-transform:uppercase;letter-spacing:.08em;}
.ksec-sub{font-size:15px;color:var(--kqb-accent, #5300FF);font-weight:700;}
.ksvc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;}
.ksvc{border:1.5px solid var(--kqb-light, #DDCCFF);border-radius:3px;padding:13px 15px;cursor:pointer;background:#fff;transition:all .15s;position:relative;}
.ksvc:hover:not(.dim){border-color:var(--kqb-accent, #5300FF);background:var(--kqb-surface, #F5F0FF);}
.ksvc.on{border:2px solid var(--kqb-accent, #5300FF);background:var(--kqb-surface, #F5F0FF);}
.ksvc.dim{opacity:.22;cursor:not-allowed;}
.ksvc-check{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:var(--kqb-accent, #5300FF);display:none;align-items:center;justify-content:center;}
.ksvc.on .ksvc-check{display:flex;}
.ksvc-check::after{content:'';width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px);}
.ksvc-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:3px;}
.ksvc-name{font-size:15px;font-weight:600;color:var(--kqb-dark, #150043);line-height:1.4;padding-right:22px;}
.ksvc-price{font-size:15px;font-weight:700;color:var(--kqb-accent, #5300FF);white-space:nowrap;}
.ksvc-desc{font-size:13px;color:var(--kqb-secondary, #6200EE);line-height:1.6;margin-bottom:8px;}
.ksvc-hint{font-size:11px;color:var(--kqb-accent, #5300FF);font-weight:600;margin-bottom:5px;}
.ksvc-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:3px;display:inline-block;text-transform:uppercase;letter-spacing:.06em;}
.sb-e{background:var(--kqb-xlight, #E8E0FF);color:var(--kqb-dark, #150043);}.sb-s{background:var(--kqb-light, #D4C5FF);color:var(--kqb-dark, #150043);}
.sb-p{background:var(--kqb-accent, #5300FF);color:#fff;}.sb-u{background:var(--kqb-dark, #150043);color:var(--kqb-light, #DDCCFF);}
.kbar{position:sticky;bottom:0;z-index:20;background:var(--kqb-dark, #150043);color:#fff;border-radius:3px;padding:13px 20px;display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;}
.kbar-left{display:flex;flex-direction:column;}
#kbar-count{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;}
#kbar-tl{font-size:13px;color:var(--kqb-light, #DDCCFF);margin-top:2px;}
.kbar-right{display:flex;align-items:baseline;gap:8px;}
.kbar-lbl{font-size:12px;color:var(--kqb-light, #DDCCFF);text-transform:uppercase;letter-spacing:.06em;}
#kbar-total{font-size:24px;font-weight:700;color:var(--kqb-light, #DDCCFF);}
/* Customise */
.kcustom-card{border:1.5px solid var(--kqb-light, #DDCCFF);border-radius:3px;background:#fff;margin-bottom:12px;overflow:hidden;}
.kcustom-hd{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1.5px solid var(--kqb-light, #DDCCFF);}
.kcustom-svc-name{font-size:17px;font-weight:600;color:var(--kqb-dark, #150043);}
.kcustom-price{font-size:22px;font-weight:700;color:var(--kqb-accent, #5300FF);}
.kcustom-tbl{width:100%;border-collapse:collapse;}
.kcustom-tbl td{padding:14px 20px;vertical-align:top;background:#fff;color:var(--kqb-dark, #150043);}
.kcustom-tbl td.kcol-l{width:36%;border-right:1.5px solid var(--kqb-light, #DDCCFF);}
.kcustom-tbl tr.krow-b td{border-bottom:1.5px solid var(--kqb-light, #DDCCFF);}
.kcustom-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--kqb-secondary, #6200EE);margin-bottom:6px;}
.kcustom-hint{font-size:13px;color:var(--kqb-secondary, #4B0082);line-height:1.6;margin-top:4px;}
.kpills{display:flex;flex-wrap:wrap;gap:7px;}
.kpill{border:1.5px solid var(--kqb-light, #DDCCFF);border-radius:3px;padding:10px 18px;font-size:14px;font-weight:500;color:#6B7280;background:#fff;cursor:pointer;transition:all .15s;font-family:'Rubik',sans-serif;}
.kpill:hover{border-color:var(--kqb-accent, #5300FF);color:var(--kqb-dark, #150043);}
.kpill.on{background:var(--kqb-dark, #150043);color:var(--kqb-light, #DDCCFF);border-color:var(--kqb-dark, #150043);}
.kchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.kchip{border:1.5px solid var(--kqb-light, #DDCCFF);border-radius:20px;padding:9px 16px;font-size:14px;font-weight:500;color:#6B7280;background:#fff;cursor:pointer;transition:all .15s;font-family:'Rubik',sans-serif;}
.kchip:hover{border-color:var(--kqb-accent, #5300FF);color:var(--kqb-dark, #150043);}
.kchip.on{background:var(--kqb-accent, #5300FF);color:#fff;border-color:var(--kqb-accent, #5300FF);}
.kcustom-summary{font-size:11px;color:var(--kqb-accent, #5300FF);font-weight:600;margin-top:8px;}
.kno-custom{text-align:center;padding:2.5rem 2rem;background:var(--kqb-surface, #F5F0FF);border-radius:3px;border:1.5px solid var(--kqb-light, #DDCCFF);}
/* Stepper */
.kstepper{display:flex;align-items:center;border:1px solid var(--kqb-light, #DDCCFF);border-radius:6px;overflow:hidden;}
.kstep-btn{width:30px;height:30px;border:none;background:#fff;font-size:15px;cursor:pointer;color:var(--kqb-accent, #5300FF);font-family:'Rubik',sans-serif;display:flex;align-items:center;justify-content:center;}
.kstep-btn:hover{background:var(--kqb-surface, #F5F0FF);}
.kstep-num-el{min-width:30px;text-align:center;font-size:13px;font-weight:600;color:var(--kqb-dark, #150043);border-left:1px solid var(--kqb-light, #DDCCFF);border-right:1px solid var(--kqb-light, #DDCCFF);height:30px;display:flex;align-items:center;justify-content:center;}
.kline-total{font-size:13px;font-weight:700;color:var(--kqb-accent, #5300FF);min-width:40px;text-align:right;}
.kqty-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;}
.kqty-row+.kqty-row{border-top:1px solid var(--kqb-xlight, #E8E0FF);}
.kqty-left .kqty-name{font-size:13px;font-weight:600;color:var(--kqb-dark, #150043);}
.kqty-left .kqty-unit{font-size:11px;color:var(--kqb-secondary, #6200EE);margin-top:1px;}
.kqty-right{display:flex;align-items:center;gap:10px;}
.kmockup-legend{display:flex;flex-direction:column;gap:4px;margin-top:8px;}
.kmockup-legend-row{display:flex;justify-content:space-between;font-size:11px;}
.kmockup-legend-row span:first-child{color:var(--kqb-secondary, #4B0082);}
.kmockup-legend-row span:last-child{font-weight:700;color:var(--kqb-accent, #5300FF);}
/* Review */
.krev-grid{display:grid;grid-template-columns:1fr 290px;gap:20px;margin-bottom:2rem;}
.krev-meta{background:var(--kqb-surface, #F5F0FF);border-radius:3px;padding:14px 18px;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;border:1.5px solid var(--kqb-light, #DDCCFF);}
.krev-meta-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--kqb-secondary, #6200EE);font-weight:700;margin-bottom:3px;}
.krev-meta-val{font-size:15px;font-weight:700;color:var(--kqb-dark, #150043);}
.krev-svcs{margin-bottom:10px;}
.krev-sec-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--kqb-secondary, #6200EE);font-weight:700;margin:14px 0 6px;}
.krev-row{padding:8px 0;border-bottom:1px solid var(--kqb-xlight, #E8E0FF);}
.krev-row-top{display:flex;justify-content:space-between;align-items:baseline;}
.krev-row-top span:first-child{font-size:15px;color:var(--kqb-dark, #150043);font-weight:600;}
.krev-row-top span:last-child{font-size:15px;color:var(--kqb-accent, #5300FF);font-weight:700;}
.krev-row-desc{font-size:13px;color:var(--kqb-secondary, #6200EE);margin-top:3px;line-height:1.6;}
.krev-row-custom{font-size:13px;color:var(--kqb-accent, #5300FF);font-weight:600;margin-top:3px;}
.krev-deliverables{margin-top:4px;display:flex;flex-direction:column;gap:2px;}
.krev-deliverable{font-size:13px;color:var(--kqb-secondary, #4B0082);padding-left:15px;position:relative;line-height:1.6;}
.krev-deliverable::before{content:'✓';position:absolute;left:0;color:var(--kqb-accent, #5300FF);font-size:10px;}
.krev-total{display:flex;justify-content:space-between;align-items:baseline;background:var(--kqb-dark, #150043);color:#fff;border-radius:3px;padding:14px 18px;margin-bottom:8px;}
.krev-total span:first-child{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;}
.krev-total-val{font-size:28px;font-weight:700;color:var(--kqb-light, #DDCCFF);}
.krev-note{font-size:13px;color:var(--kqb-secondary, #6200EE);line-height:1.8;}
.ktl-card{background:var(--kqb-surface, #F5F0FF);border:1.5px solid var(--kqb-light, #DDCCFF);border-radius:3px;padding:18px;margin-bottom:10px;}
.ktl-tier{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;color:var(--kqb-accent, #5300FF);}
.ktl-weeks{font-size:28px;font-weight:700;color:var(--kqb-dark, #150043);margin-bottom:4px;}
.ktl-sub{font-size:13px;color:var(--kqb-secondary, #6200EE);}
.knext-card{background:#fff;border:1.5px solid var(--kqb-light, #DDCCFF);border-radius:3px;padding:16px;}
.knext-title{font-size:12px;font-weight:700;color:var(--kqb-dark, #150043);margin-bottom:12px;text-transform:uppercase;letter-spacing:.07em;}
.knext-list{list-style:none;padding:0;margin:0 0 12px;counter-reset:nstep;}
.knext-list li{font-size:14px;color:var(--kqb-dark, #150043);padding:8px 0 8px 30px;border-bottom:1px solid var(--kqb-xlight, #E8E0FF);position:relative;counter-increment:nstep;}
.knext-list li::before{content:counter(nstep);position:absolute;left:0;top:6px;width:18px;height:18px;border-radius:50%;background:var(--kqb-accent, #5300FF);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;}
/* Book a call button */
.kbook-btn{display:flex;align-items:center;gap:8px;background:var(--kqb-surface, #F5F0FF);border:1.5px solid var(--kqb-accent, #5300FF);border-radius:3px;padding:10px 14px;cursor:pointer;margin-top:8px;width:100%;font-family:'Rubik',sans-serif;}
.kbook-btn:hover{background:var(--kqb-xlight, #EDE5FF);}
.kbook-icon{width:28px;height:28px;background:var(--kqb-accent, #5300FF);border-radius:3px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0;}
.kbook-text{flex:1;}
.kbook-text strong{display:block;font-size:14px;font-weight:700;color:var(--kqb-dark, #150043);text-transform:uppercase;letter-spacing:.05em;}
.kbook-text span{font-size:13px;color:var(--kqb-secondary, #6200EE);}
.kbook-confirm{font-size:13px;color:var(--kqb-accent, #5300FF);font-weight:600;margin-top:6px;padding:8px 12px;background:var(--kqb-xlight, #EDE5FF);border-radius:3px;display:none;}
.ksend-area{border-top:2px solid var(--kqb-xlight, #E8E0FF);padding-top:1.5rem;}
.kerr-msg{background:#FEF2F2;border:1.5px solid #FECACA;border-radius:3px;padding:10px 14px;font-size:13px;color:#DC2626;margin-bottom:1rem;display:none;}
.kactions{display:flex;gap:10px;align-items:center;margin-top:1.5rem;}
.kbtn-primary{background:var(--kqb-accent, #5300FF);color:#fff;border:none;padding:14px 28px;border-radius:3px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;font-family:'Rubik',sans-serif;text-transform:uppercase;letter-spacing:.04em;}
.kbtn-primary:hover{background:var(--kqb-accent-hover, #3D00CC);transform:translateY(-1px);box-shadow:0 4px 16px rgba(83,0,255,.28);}
.kbtn-back{background:transparent;color:var(--kqb-dark, #150043);border:1.5px solid var(--kqb-light, #DDCCFF);padding:13px 22px;border-radius:3px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:'Rubik',sans-serif;text-transform:uppercase;letter-spacing:.04em;}
.kbtn-back:hover{border-color:var(--kqb-accent, #5300FF);color:var(--kqb-accent, #5300FF);}
.kbtn-send{background:var(--kqb-dark, #150043);color:#fff;border:none;padding:15px 36px;border-radius:3px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;font-family:'Rubik',sans-serif;text-transform:uppercase;letter-spacing:.04em;}
.kbtn-send:hover{background:var(--kqb-accent-hover, #2D0080);}
.kbtn-send:disabled{background:var(--kqb-light, #DDCCFF);color:#9CA3AF;cursor:not-allowed;}
.kok{text-align:center;padding:3.5rem 2rem;}
.kok-icon{width:60px;height:60px;border-radius:50%;background:var(--kqb-accent, #5300FF);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;}
.kok-title{font-size:32px;font-weight:700;color:var(--kqb-dark, #150043);margin:0 0 10px;text-transform:uppercase;}
.kok-sub{font-size:16px;color:var(--kqb-secondary, #4B0082);line-height:1.7;max-width:440px;margin:0 auto 1.5rem;}
/* Email preview */
.email-preview{border:1.5px solid var(--kqb-light, #DDCCFF);border-radius:6px;overflow:hidden;max-width:600px;margin:0 auto;}
.email-header{background:var(--kqb-dark, #150043);padding:24px 28px;}
.email-logo{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.01em;}
.email-logo span{color:var(--kqb-light, #DDCCFF);}
.email-body{padding:24px 28px;background:#fff;}
.email-footer{background:var(--kqb-surface, #F5F0FF);padding:18px 28px;border-top:1px solid var(--kqb-light, #DDCCFF);}
.email-footer-logo{font-size:13px;font-weight:700;color:var(--kqb-dark, #150043);margin-bottom:8px;}
.email-footer-details{font-size:11px;color:var(--kqb-secondary, #6200EE);line-height:1.8;}
.email-cta{display:inline-block;background:var(--kqb-accent, #5300FF);color:#fff;text-decoration:none;padding:12px 28px;border-radius:3px;font-size:14px;font-weight:700;text-transform:uppercase;margin:16px 0;}
@media(max-width:680px){
  .ktier-grid{grid-template-columns:1fr 1fr;}
  .krev-grid{grid-template-columns:1fr;}
  .kstep-lbl{display:none;}
  .kform-grid{grid-template-columns:1fr;}
  .kfull{grid-column:1;}
}
@media(max-width:440px){.ktier-grid{grid-template-columns:1fr;}}

/* ═══════════════════════════════════════════════════════════
   COLOUR HIERARCHY — content visibility order
   Level 1 (primary):   --kqb-dark + --kqb-accent    → headings, prices, CTAs
   Level 2 (secondary): --kqb-secondary               → body, descriptions
   Level 3 (tertiary):  --kqb-text-muted / #9CA3AF   → labels, hints, metadata
   Surfaces:            --kqb-bg-card / --kqb-surface → card backgrounds
═══════════════════════════════════════════════════════════ */

/* Panel heading — level 1 */
#kqb-root .kpanel-title{color:var(--kqb-dark,#150043);}
/* Panel subtitle — level 2 */
#kqb-root .kpanel-sub{color:var(--kqb-secondary,#4B0082);}

/* Tier card — visual hierarchy */
#kqb-root .ktier-headline{color:var(--kqb-dark,#150043);}        /* L1 */
#kqb-root .ktier-price-main{color:var(--kqb-accent,#5300FF);}    /* L1 accent */
#kqb-root .ktier-weeks{color:var(--kqb-accent,#5300FF);}         /* L1 accent */
#kqb-root .ktier-desc{color:var(--kqb-secondary,#4B0082);}       /* L2 */
#kqb-root .ktier-list li{color:var(--kqb-dark,#150043);}         /* L1 */

/* Service cards — hierarchy */
#kqb-root .ksvc-name{color:var(--kqb-dark,#150043);}             /* L1 */
#kqb-root .ksvc-price{color:var(--kqb-accent,#5300FF);}          /* L1 accent */
#kqb-root .ksvc-desc{color:var(--kqb-secondary,#4B0082);}        /* L2 */
#kqb-root .ksvc-hint{color:var(--kqb-text-muted,#9CA3AF);}       /* L3 */

/* Customise step */
#kqb-root .kcustom-svc-name{color:var(--kqb-dark,#150043);}      /* L1 */
#kqb-root .kcustom-price{color:var(--kqb-accent,#5300FF);}       /* L1 accent */
#kqb-root .kcustom-lbl{color:var(--kqb-accent,#5300FF);}         /* L1 accent */
#kqb-root .kcustom-hint{color:var(--kqb-secondary,#4B0082);}     /* L2 */

/* Review step */
#kqb-root .krev-row-top span:first-child{color:var(--kqb-dark,#150043);}   /* L1 */
#kqb-root .krev-row-top span:last-child{color:var(--kqb-accent,#5300FF);}  /* L1 accent */
#kqb-root .krev-row-desc{color:var(--kqb-secondary,#4B0082);}              /* L2 */
#kqb-root .krev-deliverable{color:var(--kqb-secondary,#4B0082);}           /* L2 */
#kqb-root .krev-meta-lbl{color:var(--kqb-accent,#5300FF);}                 /* L1 accent */
#kqb-root .krev-meta-val{color:var(--kqb-dark,#150043);}                   /* L1 */
#kqb-root .krev-sec-lbl{color:var(--kqb-accent,#5300FF);}                  /* L1 accent */
#kqb-root .krev-total-val{color:var(--kqb-light,#DDCCFF);}                 /* on-dark surface */

/* Section headings */
#kqb-root .ksec-name{color:var(--kqb-dark,#150043);}             /* L1 */
#kqb-root .ksec-sub{color:var(--kqb-accent,#5300FF);}            /* L1 accent */

/* Sticky bar — on dark bg */
#kqb-root #ksticky-bar{background:var(--kqb-dark,#150043);}
#kqb-root #kbar-count{color:var(--kqb-on-dark,#fff);}            /* on-dark */
#kqb-root #kbar-tl{color:var(--kqb-light,#DDCCFF);}              /* on-dark L2 */
#kqb-root #kbar-total{color:var(--kqb-light,#DDCCFF);}           /* on-dark L1 */

/* Buttons */
#kqb-root .kbtn-primary{background:var(--kqb-accent,#5300FF);color:var(--kqb-on-accent,#fff);}
#kqb-root .kbtn-primary:hover{background:var(--kqb-dark,#150043);}
#kqb-root .kbtn-back{border-color:var(--kqb-border,#DDCCFF);color:var(--kqb-dark,#150043);}
#kqb-root .kbtn-send{background:var(--kqb-dark,#150043);color:var(--kqb-on-dark,#fff);}

/* Pills + chips */
#kqb-root .kpill{border-color:var(--kqb-border,#DDCCFF);color:var(--kqb-secondary,#4B0082);}
#kqb-root .kpill.kpill-active{background:var(--kqb-accent,#5300FF);border-color:var(--kqb-accent,#5300FF);color:var(--kqb-on-accent,#fff);}
#kqb-root .kchip{border-color:var(--kqb-border,#DDCCFF);color:var(--kqb-secondary,#4B0082);}
#kqb-root .kchip.active{background:var(--kqb-accent,#5300FF);border-color:var(--kqb-accent,#5300FF);color:var(--kqb-on-accent,#fff);}

/* Form inputs */
#kqb-root .kfield input,#kqb-root .kfield textarea{border-color:var(--kqb-border,#DDCCFF);color:var(--kqb-dark,#150043);}
#kqb-root .kfield input:focus,#kqb-root .kfield textarea:focus{border-color:var(--kqb-accent,#5300FF);}
#kqb-root .kfield label{color:var(--kqb-accent,#5300FF);}  /* L1 accent for labels */

/* HP bundle widget on dark bg */
#kqb-bundle-widget{background:var(--kqb-dark,#150043);}

/* Steps */
#kqb-root .kstep.active .kstep-num{background:var(--kqb-accent,#5300FF);color:var(--kqb-on-accent,#fff);}
#kqb-root .kstep.done .kstep-num{background:var(--kqb-dark,#150043);color:var(--kqb-on-dark,#fff);}