#sc-free-time-calculator{--sc-blue:#1f64c8;--sc-gold:#f4b63f;--sc-dark:#172033;--sc-muted:#667085;--sc-green:#23a455;--sc-red:#d92d20;--sc-orange:#f79009;--sc-purple:#7a5af8;font-family:Arial,Helvetica,sans-serif;color:var(--sc-dark);background:linear-gradient(180deg,#f7f9fc 0%,#fff 100%);padding:24px;border-radius:20px;box-sizing:border-box} #sc-free-time-calculator *{box-sizing:border-box} #sc-free-time-calculator .sc-wrap{max-width:1120px;margin:0 auto} #sc-free-time-calculator .sc-hero{background:linear-gradient(135deg,var(--sc-blue),#153f8f);color:white;padding:34px 24px;border-radius:24px;text-align:center;position:relative;overflow:hidden} #sc-free-time-calculator .sc-hero:after{content:"";position:absolute;width:220px;height:220px;background:rgba(244,182,63,.22);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);right:-70px;top:-60px} #sc-free-time-calculator .sc-badge{display:inline-block;background:var(--sc-gold);color:#1d2939;padding:8px 14px;border-radius:999px;font-weight:700;margin-bottom:12px} #sc-free-time-calculator .sc-hero h2{font-size:38px;line-height:1.1;margin:8px 0} #sc-free-time-calculator .sc-hero p{font-size:18px;margin:0 auto;max-width:740px} #sc-free-time-calculator .sc-section{background:#fff;margin-top:22px;padding:24px;border-radius:20px;box-shadow:0 10px 30px rgba(16,24,40,.08);border:1px solid #edf0f5} #sc-free-time-calculator .sc-section h3{margin:0 0 8px;font-size:24px}.sc-help{color:var(--sc-muted);margin:0 0 18px} #sc-free-time-calculator .sc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px} #sc-free-time-calculator .sc-person-card,#sc-free-time-calculator .sc-activity-row,#sc-free-time-calculator .sc-timevalue-card{border:1px solid #e5e7eb;border-radius:18px;padding:16px;background:#fff} #sc-free-time-calculator .sc-person-card,#sc-free-time-calculator .sc-timevalue-card{border-top:6px solid var(--sc-gold)} #sc-free-time-calculator .sc-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px} #sc-free-time-calculator label{display:block;font-size:13px;font-weight:700;margin-bottom:5px;color:#344054} #sc-free-time-calculator input,#sc-free-time-calculator select{padding:11px 10px;border:1px solid #d0d5dd;border-radius:10px;font-size:15px} #sc-free-time-calculator .sc-field input,#sc-free-time-calculator .sc-field select{width:100%} #sc-free-time-calculator .sc-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px} #sc-free-time-calculator .sc-btn{border:none;padding:12px 16px;border-radius:12px;font-weight:700;cursor:pointer;background:var(--sc-blue);color:white} #sc-free-time-calculator .sc-btn.gold{background:var(--sc-gold);color:#1d2939}.sc-btn.light{background:#eef4ff!important;color:var(--sc-blue)!important}.sc-btn.danger{background:#fee4e2!important;color:var(--sc-red)!important} #sc-free-time-calculator .sc-person-activities{margin-top:18px;border:1px solid #edf0f5;border-radius:22px;padding:18px;background:#fbfcff} #sc-free-time-calculator .sc-person-activities h4{font-size:22px;margin:0 0 14px} #sc-free-time-calculator .sc-activity-row{display:grid;grid-template-columns:52px minmax(150px,1.2fr) minmax(180px,2fr) 78px 40px;align-items:center;gap:10px;margin-bottom:10px} #sc-free-time-calculator .sc-hex{width:48px;height:42px;background:#eef4ff;color:var(--sc-blue);display:flex;align-items:center;justify-content:center;font-size:24px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)} #sc-free-time-calculator .sc-activity-name{font-weight:700}.sc-activity-type{font-size:12px;color:var(--sc-muted)} #sc-free-time-calculator .sc-slider{width:100%;accent-color:var(--sc-blue)} #sc-free-time-calculator .sc-hours{width:100%;text-align:center}.sc-remove{border:none;background:#fee4e2;color:#b42318;border-radius:10px;padding:9px;cursor:pointer;font-weight:bold} #sc-free-time-calculator .sc-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:18px} #sc-free-time-calculator .sc-dash-card{background:#fff;border:1px solid #e6eaf2;border-radius:22px;padding:16px;text-align:center;box-shadow:0 8px 22px rgba(16,24,40,.06)} #sc-free-time-calculator .sc-dash-hex{width:86px;height:76px;margin:0 auto 10px;background:linear-gradient(135deg,#eef4ff,#fff8e6);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);display:flex;align-items:center;justify-content:center;font-size:28px} #sc-free-time-calculator .sc-dash-card strong{display:block;font-size:28px;color:var(--sc-blue);line-height:1.1}.sc-dash-card span{font-size:13px;color:var(--sc-muted);font-weight:700;text-transform:uppercase} #sc-free-time-calculator .sc-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px} #sc-free-time-calculator .sc-result-card{border-radius:20px;padding:18px;background:#f8fafc;border:1px solid #eaecf0} #sc-free-time-calculator .sc-big{font-size:34px;font-weight:800;color:var(--sc-blue)} #sc-free-time-calculator .sc-score{height:16px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:8px 0 4px}.sc-score span{display:block;height:100%;background:var(--sc-green)} #sc-free-time-calculator .sc-chart-wrap{display:flex;gap:14px;align-items:center;margin-top:12px} #sc-free-time-calculator .sc-pie{width:118px;height:118px;border-radius:50%;box-shadow:inset 0 0 0 18px white;border:1px solid #eef0f4} #sc-free-time-calculator .sc-legend{font-size:13px;color:#344054}.sc-legend div{margin:4px 0}.sc-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px} #sc-free-time-calculator .sc-insight{background:#fff8e6;border:1px solid #f9db8f;border-radius:16px;padding:16px;margin-top:14px} #sc-free-time-calculator .sc-leak{background:#fff;border-left:6px solid var(--sc-orange);border-radius:16px;padding:16px;margin-top:12px;box-shadow:0 6px 18px rgba(16,24,40,.06)} #sc-free-time-calculator .sc-rec{background:#f0f9ff;border:1px solid #b9e6fe;border-radius:16px;padding:14px;margin-top:10px} #sc-free-time-calculator .sc-save-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:12px} #sc-free-time-calculator .sc-save-card{background:#fff;border:1px solid #e6eaf2;border-radius:18px;padding:16px;box-shadow:0 6px 18px rgba(16,24,40,.06)} #sc-free-time-calculator .sc-save-card h4{margin:0 0 8px;font-size:19px} #sc-free-time-calculator .sc-save-card p{margin:7px 0} #sc-free-time-calculator .sc-save-btn{display:inline-block;margin-top:8px;background:var(--sc-blue);color:#fff!important;text-decoration:none;padding:10px 12px;border-radius:10px;font-weight:700} #sc-free-time-calculator .sc-small{font-size:13px;color:var(--sc-muted)} #sc-free-time-calculator .sc-toast{position:fixed;right:18px;bottom:18px;background:#172033;color:white;padding:14px 16px;border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.22);z-index:999999;display:none;max-width:320px;font-weight:700} @media(max-width:760px){#sc-free-time-calculator{padding:12px}#sc-free-time-calculator .sc-hero h2{font-size:29px}#sc-free-time-calculator .sc-fields{grid-template-columns:1fr}#sc-free-time-calculator .sc-activity-row{grid-template-columns:44px 1fr 72px 34px}#sc-free-time-calculator .sc-activity-row .sc-slider{grid-column:1 / -1}#sc-free-time-calculator .sc-btn{width:100%}} @media print{#sc-free-time-calculator .sc-btns,#sc-free-time-calculator .sc-remove,#sc-free-time-calculator .sc-toast,#sc-free-time-calculator .sc-save-btn{display:none!important}#sc-free-time-calculator{background:white;padding:0}#sc-free-time-calculator .sc-section,#sc-free-time-calculator .sc-hero{box-shadow:none}} .scw-calc{--b:#1f64c8;--g:#f4b63f;--d:#172033;--m:#667085;--r:#d92d20;font-family:Arial,Helvetica,sans-serif;color:var(--d);background:linear-gradient(180deg,#f7f9fc,#fff);padding:24px;border-radius:20px} .scw-calc *{box-sizing:border-box}.scw-hero{background:linear-gradient(135deg,var(--b),#153f8f);color:#fff;padding:34px 24px;border-radius:24px;text-align:center;position:relative;overflow:hidden;margin-bottom:22px} .scw-hero:after{content:"";position:absolute;width:220px;height:220px;background:rgba(244,182,63,.22);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);right:-70px;top:-60px} .scw-badge{display:inline-block;background:var(--g);color:#1d2939;padding:8px 14px;border-radius:999px;font-weight:700;margin-bottom:12px}.scw-hero h2{font-size:36px;margin:8px 0}.scw-hero p{font-size:18px;max-width:760px;margin:0 auto} .scw-section{background:#fff;margin-top:22px;padding:24px;border-radius:20px;box-shadow:0 10px 30px rgba(16,24,40,.08);border:1px solid #edf0f5}.scw-section h3{margin:0 0 10px;font-size:24px}.scw-help,.scw-small{color:var(--m)} .scw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.scw-person,.scw-task,.scw-mental{border:1px solid #e5e7eb;border-radius:18px;padding:15px;background:#fff}.scw-person{border-top:6px solid var(--g)} .scw-task{display:grid;grid-template-columns:48px minmax(140px,1.2fr) minmax(130px,1fr) 95px 105px 105px 40px;gap:10px;align-items:center;margin-bottom:10px}.scw-hex{width:46px;height:40px;background:#eef4ff;display:flex;align-items:center;justify-content:center;font-size:23px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)} .scw-calc input,.scw-calc select{width:100%;padding:10px;border:1px solid #d0d5dd;border-radius:10px;font-size:14px}.scw-calc label{display:block;font-size:12px;font-weight:700;color:#344054;margin-bottom:4px} .scw-btn{border:none;padding:12px 16px;border-radius:12px;font-weight:700;cursor:pointer;background:var(--b);color:#fff;margin:5px}.scw-btn.gold{background:var(--g);color:#1d2939}.scw-btn.light{background:#eef4ff;color:var(--b)}.scw-btn.danger,.scw-remove{background:#fee4e2;color:var(--r)} .scw-remove{border:none;border-radius:9px;padding:9px;cursor:pointer;font-weight:bold}.scw-dashboard,.scw-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:16px}.scw-dash,.scw-result{border:1px solid #e6eaf2;border-radius:20px;padding:16px;background:#fff}.scw-dash{text-align:center}.scw-dash strong{display:block;font-size:30px;color:var(--b)} .scw-result{background:#f8fafc}.scw-bar{height:16px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:8px 0}.scw-bar span{display:block;height:100%;background:var(--b)} .scw-insight{background:#fff8e6;border:1px solid #f9db8f;border-radius:16px;padding:16px;margin-top:14px}.scw-rec{background:#f0f9ff;border:1px solid #b9e6fe;border-radius:14px;padding:14px;margin-top:10px}.scw-toast{position:fixed;right:18px;bottom:18px;background:#172033;color:#fff;padding:14px 16px;border-radius:14px;display:none;z-index:999999} @media(max-width:760px){.scw-calc{padding:12px}.scw-hero h2{font-size:28px}.scw-task{grid-template-columns:44px 1fr 38px}.scw-owner,.scw-hours,.scw-difficulty{grid-column:1/-1}.scw-btn{width:100%;margin:5px 0}} /* v4.1 Chore workload stress updates */ #sc-workload-calculator .scw-stress{min-width:100px} #sc-workload-calculator .scw-explain{background:#f8fafc;border:1px solid #eaecf0;border-radius:14px;padding:12px;margin:10px 0 16px;color:#344054} @media(max-width:760px){#sc-workload-calculator .scw-task .scw-stress{grid-column:1/-1}} /* SharingChores Time and Date Calculator */ .sctd-calc{--b:#1f64c8;--g:#f4b63f;--d:#172033;--m:#667085;font-family:Arial,Helvetica,sans-serif;color:var(--d);background:linear-gradient(180deg,#f7f9fc,#fff);padding:24px;border-radius:20px;box-sizing:border-box} .sctd-calc *{box-sizing:border-box} .sctd-hero{background:linear-gradient(135deg,var(--b),#153f8f);color:#fff;padding:34px 24px;border-radius:24px;text-align:center;position:relative;overflow:hidden;margin-bottom:22px} .sctd-hero:after{content:"";position:absolute;width:220px;height:220px;background:rgba(244,182,63,.22);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);right:-70px;top:-60px} .sctd-badge{display:inline-block;background:var(--g);color:#1d2939;padding:8px 14px;border-radius:999px;font-weight:700;margin-bottom:12px} .sctd-hero h2{font-size:36px;margin:8px 0}.sctd-hero p{font-size:18px;max-width:760px;margin:0 auto} .sctd-section{background:#fff;margin-top:22px;padding:24px;border-radius:20px;box-shadow:0 10px 30px rgba(16,24,40,.08);border:1px solid #edf0f5} .sctd-section h3{margin:0 0 10px;font-size:24px}.sctd-help{color:var(--m);margin-top:0} .sctd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:14px} .sctd-calc label{display:block;font-size:13px;font-weight:700;margin-bottom:5px;color:#344054} .sctd-calc input,.sctd-calc select{width:100%;padding:11px 10px;border:1px solid #d0d5dd;border-radius:10px;font-size:15px} .sctd-btn{border:none;padding:12px 16px;border-radius:12px;font-weight:700;cursor:pointer;background:var(--b);color:#fff;margin:5px 5px 5px 0}.sctd-btn.light{background:#eef4ff;color:var(--b)} .sctd-result{margin-top:14px}.sctd-card{background:#f8fafc;border:1px solid #eaecf0;border-radius:18px;padding:16px;margin-top:10px}.sctd-big{font-size:30px;font-weight:800;color:var(--b)}.sctd-list{margin:8px 0 0;padding-left:20px} .sctd-toast{position:fixed;right:18px;bottom:18px;background:#172033;color:#fff;padding:14px 16px;border-radius:14px;display:none;z-index:999999} @media(max-width:760px){.sctd-calc{padding:12px}.sctd-hero h2{font-size:28px}.sctd-btn{width:100%;margin:5px 0}} @media print{.sctd-btn,.sctd-toast{display:none!important}.sctd-calc{background:#fff;padding:0}.sctd-section,.sctd-hero{box-shadow:none}} /* SharingChores Lower My Bills Calculator */ .sclb-calc{--b:#1f64c8;--g:#f4b63f;--d:#172033;--m:#667085;--green:#23a455;--red:#d92d20;font-family:Arial,Helvetica,sans-serif;color:var(--d);background:linear-gradient(180deg,#f7f9fc,#fff);padding:24px;border-radius:20px;box-sizing:border-box} .sclb-calc *{box-sizing:border-box} .sclb-hero{background:linear-gradient(135deg,var(--b),#153f8f);color:#fff;padding:34px 24px;border-radius:24px;text-align:center;position:relative;overflow:hidden;margin-bottom:22px} .sclb-hero:after{content:"";position:absolute;width:220px;height:220px;background:rgba(244,182,63,.22);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);right:-70px;top:-60px} .sclb-badge{display:inline-block;background:var(--g);color:#1d2939;padding:8px 14px;border-radius:999px;font-weight:700;margin-bottom:12px} .sclb-hero h2{font-size:36px;margin:8px 0}.sclb-hero p{font-size:18px;max-width:760px;margin:0 auto} .sclb-section{background:#fff;margin-top:22px;padding:24px;border-radius:20px;box-shadow:0 10px 30px rgba(16,24,40,.08);border:1px solid #edf0f5} .sclb-section h3{margin:0 0 10px;font-size:24px}.sclb-help,.sclb-small{color:var(--m)} .sclb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px} .sclb-bill{display:grid;grid-template-columns:48px minmax(120px,1fr) 105px minmax(210px,1.5fr) 115px 40px;gap:10px;align-items:center;border:1px solid #e5e7eb;border-radius:18px;padding:14px;background:#fff;margin-bottom:10px} .sclb-hex{width:46px;height:40px;background:#eef4ff;display:flex;align-items:center;justify-content:center;font-size:23px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)} .sclb-calc label{display:block;font-size:12px;font-weight:700;color:#344054;margin-bottom:4px}.sclb-calc input,.sclb-calc select{width:100%;padding:10px;border:1px solid #d0d5dd;border-radius:10px;font-size:14px} .sclb-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.sclb-btn{border:none;padding:12px 16px;border-radius:12px;font-weight:700;cursor:pointer;background:var(--b);color:#fff}.sclb-btn.gold{background:var(--g);color:#1d2939}.sclb-btn.light{background:#eef4ff;color:var(--b)}.sclb-btn.danger,.sclb-remove{background:#fee4e2;color:var(--red)} .sclb-remove{border:none;border-radius:9px;padding:9px;cursor:pointer;font-weight:bold} .sclb-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:16px}.sclb-dash{border:1px solid #e6eaf2;border-radius:20px;padding:16px;background:#fff;text-align:center}.sclb-dash strong{display:block;font-size:30px;color:var(--b)} .sclb-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.sclb-card{background:#f8fafc;border:1px solid #eaecf0;border-radius:18px;padding:16px}.sclb-card h4{margin:0 0 8px}.sclb-big{font-size:30px;font-weight:800;color:var(--b)} .sclb-insight{background:#fff8e6;border:1px solid #f9db8f;border-radius:16px;padding:16px;margin-top:14px}.sclb-action{background:#f0f9ff;border:1px solid #b9e6fe;border-radius:14px;padding:14px;margin-top:10px}.sclb-toast{position:fixed;right:18px;bottom:18px;background:#172033;color:#fff;padding:14px 16px;border-radius:14px;display:none;z-index:999999} @media(max-width:760px){.sclb-calc{padding:12px}.sclb-hero h2{font-size:28px}.sclb-bill{grid-template-columns:44px 1fr 38px}.sclb-amount,.sclb-action-field,.sclb-savings{grid-column:1/-1}.sclb-btn{width:100%}} @media print{.sclb-btns,.sclb-toast,.sclb-remove{display:none!important}.sclb-calc{background:#fff;padding:0}.sclb-section,.sclb-hero{box-shadow:none}} /* v0.6.1 Lower My Bills Step 1 column alignment fix */ #sc-lower-bills-calculator .sclb-bill{ column-gap:14px; } #sc-lower-bills-calculator .sclb-amount, #sc-lower-bills-calculator .sclb-action-field, #sc-lower-bills-calculator .sclb-savings{ min-width:0; } #sc-lower-bills-calculator .sclb-action-field select{ width:100%; min-width:0; } #sc-lower-bills-calculator .sclb-savings input{ width:100%; min-width:0; } @media (min-width:761px) and (max-width:1050px){ #sc-lower-bills-calculator .sclb-bill{ grid-template-columns:48px minmax(110px,1fr) 100px minmax(180px,1.4fr) 110px 40px; column-gap:10px; } } /* Kids Chore Wheel */ .sckw-calc{--b:#1f64c8;--g:#f4b63f;--d:#172033;--m:#667085;--r:#d92d20;font-family:Arial,Helvetica,sans-serif;color:var(--d);background:linear-gradient(180deg,#f7f9fc,#fff);padding:24px;border-radius:20px;box-sizing:border-box}.sckw-calc *{box-sizing:border-box} .sckw-hero{background:linear-gradient(135deg,var(--b),#153f8f);color:#fff;padding:34px 24px;border-radius:24px;text-align:center;position:relative;overflow:hidden;margin-bottom:22px}.sckw-hero:after{content:"";position:absolute;width:220px;height:220px;background:rgba(244,182,63,.22);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);right:-70px;top:-60px} .sckw-badge{display:inline-block;background:var(--g);color:#1d2939;padding:8px 14px;border-radius:999px;font-weight:700;margin-bottom:12px}.sckw-hero h2{font-size:36px;margin:8px 0}.sckw-hero p{font-size:18px;max-width:760px;margin:0 auto} .sckw-section{background:#fff;margin-top:22px;padding:24px;border-radius:20px;box-shadow:0 10px 30px rgba(16,24,40,.08);border:1px solid #edf0f5}.sckw-section h3{margin:0 0 10px;font-size:24px}.sckw-help,.sckw-small{color:var(--m)} .sckw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.sckw-row{display:grid;grid-template-columns:45px 1fr 40px;gap:8px;align-items:center;margin-bottom:8px}.sckw-row input{width:100%;padding:10px;border:1px solid #d0d5dd;border-radius:10px}.sckw-icon{width:42px;height:38px;background:#eef4ff;display:flex;align-items:center;justify-content:center;font-size:22px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)} .sckw-remove{border:none;border-radius:9px;padding:9px;cursor:pointer;font-weight:bold;background:#fee4e2;color:var(--r)}.sckw-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.sckw-btn{border:none;padding:12px 16px;border-radius:12px;font-weight:700;cursor:pointer;background:var(--b);color:#fff;margin:5px}.sckw-btn.gold{background:var(--g);color:#1d2939}.sckw-btn.light{background:#eef4ff;color:var(--b)}.sckw-btn.danger{background:#fee4e2;color:var(--r)} .sckw-mode{display:flex;gap:18px;flex-wrap:wrap;font-weight:700}.sckw-setup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.sckw-card{background:#f8fafc;border:1px solid #eaecf0;border-radius:18px;padding:16px}.sckw-card select{width:100%;padding:10px;border:1px solid #d0d5dd;border-radius:10px}.sckw-check{display:block;padding:7px 0}.sckw-check input{margin-right:8px} .sckw-wheel-wrap{position:relative;display:flex;justify-content:center;align-items:center;margin:15px auto;max-width:460px}.sckw-pointer{position:absolute;top:-4px;z-index:2;font-size:32px;color:var(--g);filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}#sckwWheel{max-width:100%;height:auto;border-radius:50%;box-shadow:0 12px 35px rgba(16,24,40,.18)} .sckw-winner{text-align:center;font-size:26px;font-weight:800;color:var(--b);margin-top:16px}.sckw-history-table{width:100%;border-collapse:collapse;margin-top:10px}.sckw-history-table th,.sckw-history-table td{border:1px solid #e5e7eb;padding:8px;text-align:center}.sckw-history-table th{background:#eef4ff}.sckw-toast{position:fixed;right:18px;bottom:18px;background:#172033;color:#fff;padding:14px 16px;border-radius:14px;display:none;z-index:999999} .sckw-confetti{position:fixed;left:0;right:0;top:0;bottom:0;pointer-events:none;overflow:hidden;z-index:999998}.sckw-confetti span{position:absolute;font-size:24px;animation:sckwFall 1.8s linear forwards}@keyframes sckwFall{0%{transform:translateY(-40px) rotate(0);opacity:1}100%{transform:translateY(110vh) rotate(720deg);opacity:0}} @media(max-width:760px){.sckw-calc{padding:12px}.sckw-hero h2{font-size:28px}.sckw-btn{width:100%;margin:5px 0}} /* Family Stress Calculator */ .scfs-calc{--b:#1f64c8;--g:#f4b63f;--d:#172033;--m:#667085;--green:#23a455;--orange:#f79009;--red:#d92d20;font-family:Arial,Helvetica,sans-serif;color:var(--d);background:linear-gradient(180deg,#f7f9fc,#fff);padding:24px;border-radius:20px;box-sizing:border-box}.scfs-calc *{box-sizing:border-box} .scfs-hero{background:linear-gradient(135deg,var(--b),#153f8f);color:#fff;padding:34px 24px;border-radius:24px;text-align:center;position:relative;overflow:hidden;margin-bottom:22px}.scfs-hero:after{content:"";position:absolute;width:220px;height:220px;background:rgba(244,182,63,.22);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);right:-70px;top:-60px}.scfs-badge{display:inline-block;background:var(--g);color:#1d2939;padding:8px 14px;border-radius:999px;font-weight:700;margin-bottom:12px}.scfs-hero h2{font-size:36px;margin:8px 0}.scfs-hero p{font-size:18px;max-width:800px;margin:0 auto} .scfs-section{background:#fff;margin-top:22px;padding:24px;border-radius:20px;box-shadow:0 10px 30px rgba(16,24,40,.08);border:1px solid #edf0f5}.scfs-section h3{margin:0 0 10px;font-size:24px}.scfs-help,.scfs-small{color:var(--m)}.scfs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.scfs-calc label{display:block;font-size:13px;font-weight:700;color:#344054;margin-bottom:5px}.scfs-calc input,.scfs-calc select{width:100%;padding:11px 10px;border:1px solid #d0d5dd;border-radius:10px;font-size:15px} .scfs-progress-wrap{background:#fff;border:1px solid #e6eaf2;border-radius:18px;padding:15px 18px;box-shadow:0 8px 22px rgba(16,24,40,.06)}.scfs-progress-label{display:flex;justify-content:space-between;margin-bottom:8px}.scfs-progress{height:14px;background:#e5e7eb;border-radius:999px;overflow:hidden}.scfs-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--b),var(--green));transition:width .25s ease} .scfs-rating-row{display:grid;grid-template-columns:minmax(180px,1fr) 240px;gap:14px;align-items:center;border:1px solid #e5e7eb;border-radius:16px;padding:14px;margin-bottom:10px}.scfs-radio-group{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.scfs-radio-group label{display:flex;flex-direction:column;align-items:center;background:#f8fafc;border:1px solid #d0d5dd;border-radius:10px;padding:7px 4px;cursor:pointer;font-size:12px}.scfs-radio-group input{width:auto;margin:0 0 4px}.scfs-select-row{display:grid;grid-template-columns:minmax(200px,1fr) minmax(180px,260px);gap:14px;align-items:center;border:1px solid #e5e7eb;border-radius:16px;padding:14px;margin-bottom:10px} .scfs-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.scfs-btn{border:none;padding:12px 16px;border-radius:12px;font-weight:700;cursor:pointer;background:var(--b);color:#fff}.scfs-btn.light{background:#eef4ff;color:var(--b)}.scfs-btn.danger{background:#fee4e2;color:var(--red)} .scfs-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:16px}.scfs-dash{border:1px solid #e6eaf2;border-radius:20px;padding:16px;background:#fff;text-align:center}.scfs-hex{width:82px;height:72px;margin:0 auto 8px;background:linear-gradient(135deg,#eef4ff,#fff8e6);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);display:flex;align-items:center;justify-content:center;font-size:28px}.scfs-dash strong{display:block;font-size:30px;color:var(--b)} .scfs-meter{height:22px;background:linear-gradient(90deg,#23a455 0 25%,#f4b63f 25% 50%,#f79009 50% 75%,#d92d20 75%);border-radius:999px;position:relative;margin:12px 0}.scfs-meter-marker{position:absolute;top:-6px;width:4px;height:34px;background:#172033;border-radius:3px}.scfs-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.scfs-card{background:#f8fafc;border:1px solid #eaecf0;border-radius:18px;padding:16px}.scfs-pie-wrap{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.scfs-pie{width:180px;height:180px;border-radius:50%;box-shadow:inset 0 0 0 28px #fff;border:1px solid #eef0f4}.scfs-legend div{margin:6px 0}.scfs-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:6px} .scfs-insight{background:#fff8e6;border:1px solid #f9db8f;border-radius:16px;padding:16px;margin-top:14px}.scfs-action{background:#f0f9ff;border:1px solid #b9e6fe;border-radius:14px;padding:14px;margin-top:10px}.scfs-warning{background:#fff1f0;border:1px solid #fecdca;border-radius:14px;padding:14px;margin-top:10px}.scfs-toast{position:fixed;right:18px;bottom:18px;background:#172033;color:#fff;padding:14px 16px;border-radius:14px;display:none;z-index:999999} @media(max-width:760px){.scfs-calc{padding:12px}.scfs-hero h2{font-size:28px}.scfs-rating-row,.scfs-select-row{grid-template-columns:1fr}.scfs-btn{width:100%}}@media print{.scfs-btns,.scfs-toast,.scfs-progress-wrap{display:none!important}.scfs-calc{background:#fff;padding:0}.scfs-section,.scfs-hero{box-shadow:none}} /* v0.9.1 Smart Ecosystem Panel */ .sc-ecosystem-panel{margin-top:22px}.sc-ecosystem-panel .sc-eco-section{background:#f8fbff;border:1px solid #dbeafe;border-radius:18px;padding:18px;margin-top:16px}.sc-ecosystem-panel .sc-eco-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.sc-ecosystem-panel .sc-eco-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 6px 18px rgba(16,24,40,.05)}.sc-ecosystem-panel .sc-eco-card h5{margin:0 0 8px;font-size:18px}.sc-ecosystem-panel .sc-eco-card p{margin:7px 0;color:#475467}.sc-ecosystem-panel .sc-eco-btn{display:inline-block;margin-top:8px;background:#1f64c8;color:#fff!important;text-decoration:none;padding:10px 13px;border-radius:10px;font-weight:700}.sc-ecosystem-panel .sc-eco-btn.gold{background:#f4b63f;color:#1d2939!important}.sc-ecosystem-panel .sc-eco-next{background:linear-gradient(135deg,#eef4ff,#fff8e6);border:1px solid #d0d5dd;border-radius:18px;padding:18px;margin-top:16px}.sc-ecosystem-panel .sc-eco-note{font-size:13px;color:#667085}@media(max-width:760px){.sc-ecosystem-panel .sc-eco-btn{display:block;text-align:center;width:100%}} /* v0.9.2 Workload Calculator difficulty/stress field width fix */ #sc-workload-calculator .scw-task{ grid-template-columns: 48px minmax(135px,1.25fr) minmax(150px,1fr) 90px 92px 92px 40px !important; column-gap:10px; } #sc-workload-calculator .scw-difficulty, #sc-workload-calculator .scw-stress{ width:92px; min-width:0 !important; max-width:92px; overflow:hidden; } #sc-workload-calculator .scw-difficulty select, #sc-workload-calculator .scw-stress select{ display:block; box-sizing:border-box; width:76px !important; min-width:0 !important; max-width:76px !important; padding:9px 24px 9px 10px !important; } #sc-workload-calculator .scw-difficulty label, #sc-workload-calculator .scw-stress label{ line-height:1.35; overflow-wrap:anywhere; } @media (min-width:761px) and (max-width:1050px){ #sc-workload-calculator .scw-task{ grid-template-columns: 44px minmax(120px,1.15fr) minmax(135px,1fr) 82px 86px 86px 36px !important; column-gap:8px; } #sc-workload-calculator .scw-difficulty, #sc-workload-calculator .scw-stress{ width:86px; max-width:86px; } #sc-workload-calculator .scw-difficulty select, #sc-workload-calculator .scw-stress select{ width:70px !important; max-width:70px !important; } } @media (max-width:760px){ #sc-workload-calculator .scw-difficulty, #sc-workload-calculator .scw-stress{ width:100%; max-width:none; overflow:visible; } #sc-workload-calculator .scw-difficulty select, #sc-workload-calculator .scw-stress select{ width:100% !important; max-width:none !important; } } /* v0.9.3 Use reliable number inputs for Difficulty and Stress */ #sc-workload-calculator .scw-difficulty, #sc-workload-calculator .scw-stress{ overflow:visible !important; } #sc-workload-calculator .scw-difficulty input, #sc-workload-calculator .scw-stress input{ display:block; box-sizing:border-box; width:76px !important; min-width:76px !important; max-width:76px !important; padding:9px 10px !important; text-align:center; cursor:text; } @media (min-width:761px) and (max-width:1050px){ #sc-workload-calculator .scw-difficulty input, #sc-workload-calculator .scw-stress input{ width:70px !important; min-width:70px !important; max-width:70px !important; } } @media (max-width:760px){ #sc-workload-calculator .scw-difficulty input, #sc-workload-calculator .scw-stress input{ width:100% !important; min-width:0 !important; max-width:none !important; } } /* Mental Load Calculator */ .scml-calc{--b:#1f64c8;--g:#f4b63f;--d:#172033;--m:#667085;--green:#23a455;--orange:#f79009;--red:#d92d20;font-family:Arial,sans-serif;color:var(--d);background:linear-gradient(#f7f9fc,#fff);padding:24px;border-radius:20px}.scml-calc *{box-sizing:border-box}.scml-hero{background:linear-gradient(135deg,var(--b),#153f8f);color:#fff;padding:34px 24px;border-radius:24px;text-align:center;position:relative;overflow:hidden}.scml-hero:after{content:"";position:absolute;width:220px;height:220px;background:rgba(244,182,63,.22);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);right:-70px;top:-60px}.scml-badge{display:inline-block;background:var(--g);color:#1d2939;padding:8px 14px;border-radius:999px;font-weight:700}.scml-hero h2{font-size:36px;margin:10px 0}.scml-time{margin-top:10px;font-weight:700}.scml-progress-wrap,.scml-section{background:#fff;margin-top:22px;padding:20px;border-radius:20px;box-shadow:0 10px 30px rgba(16,24,40,.08);border:1px solid #edf0f5}.scml-progress-label{display:flex;justify-content:space-between}.scml-progress{height:14px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-top:8px}.scml-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--b),var(--green))}.scml-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.scml-calc label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}.scml-calc input,.scml-calc select{width:100%;padding:10px;border:1px solid #d0d5dd;border-radius:10px}.scml-accordion{border:1px solid #e5e7eb;border-radius:16px;margin-bottom:12px;overflow:hidden}.scml-accordion summary{cursor:pointer;padding:15px;background:#f8fafc;font-weight:800}.scml-accordion-body{padding:10px}.scml-task-row{display:grid;grid-template-columns:minmax(200px,1.3fr) minmax(150px,.8fr) minmax(180px,1fr);gap:10px;align-items:center;padding:10px;border-bottom:1px solid #eef0f4}.scml-stars{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.scml-stars label{background:#fff8e6;border:1px solid #f9db8f;border-radius:8px;padding:5px;text-align:center;cursor:pointer}.scml-stars input{width:auto}.scml-check-grid,.scml-dashboard,.scml-results-grid,.scml-heatmap{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.scml-check{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.scml-check input{width:auto;margin-right:8px}.scml-btns{display:flex;flex-wrap:wrap;gap:10px}.scml-btn{border:none;padding:12px 16px;border-radius:12px;font-weight:700;background:var(--b);color:#fff;cursor:pointer}.scml-btn.light{background:#eef4ff;color:var(--b)}.scml-btn.danger{background:#fee4e2;color:var(--red)}.scml-dash,.scml-card{border:1px solid #e6eaf2;border-radius:18px;padding:16px;background:#fff;text-align:center}.scml-dash strong,.scml-big{display:block;font-size:30px;color:var(--b);font-weight:800}.scml-hex{width:82px;height:72px;margin:auto;background:linear-gradient(135deg,#eef4ff,#fff8e6);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);display:flex;align-items:center;justify-content:center;font-size:28px}.scml-insight{background:#fff8e6;border:1px solid #f9db8f;border-radius:16px;padding:16px;margin-top:14px}.scml-action{background:#f0f9ff;border:1px solid #b9e6fe;border-radius:14px;padding:14px;margin-top:10px}.scml-pie{width:180px;height:180px;border-radius:50%;box-shadow:inset 0 0 0 28px #fff}.scml-pie-wrap{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.scml-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:6px}.scml-heat{border-radius:14px;padding:16px;color:#fff;font-weight:800;text-align:center}.scml-heat.low{background:#23a455}.scml-heat.mid{background:#f4b63f;color:#172033}.scml-heat.high{background:#f79009}.scml-heat.very-high{background:#d92d20}.scml-toast{position:fixed;right:18px;bottom:18px;background:#172033;color:#fff;padding:14px;border-radius:14px;display:none;z-index:999999}@media(max-width:760px){.scml-calc{padding:12px}.scml-task-row{grid-template-columns:1fr}.scml-btn{width:100%}} /* v1.0.1 Mental Load final-row dropdown correction */ #sc-mental-load-calculator .scml-accordion{ overflow:visible !important; } #sc-mental-load-calculator .scml-accordion summary{ border-radius:17px; } #sc-mental-load-calculator .scml-accordion[open] summary{ border-radius:17px 17px 0 0; } #sc-mental-load-calculator .scml-accordion-body{ position:relative; z-index:1; background:#fff; border-radius:0 0 17px 17px; } #sc-mental-load-calculator .scml-task-row select{ position:relative; z-index:2; } /* v1.0.2 Give the final Mental Load dropdown room to show "Someone else" */ #sc-mental-load-calculator .scml-accordion-body{ overflow:visible !important; padding-bottom:72px !important; } #sc-mental-load-calculator .scml-task-row:last-child{ position:relative; z-index:20; margin-bottom:0; padding-bottom:18px; } #sc-mental-load-calculator .scml-task-row:last-child select{ position:relative; z-index:999; } #sc-mental-load-calculator .scml-accordion + .scml-accordion{ position:relative; z-index:1; } #sc-mental-load-calculator .scml-accordion[open]{ position:relative; z-index:10; } /* Version 11: Universal SharingChores Smart Ecosystem */ .scue-footer{margin-top:24px;font-family:Arial,Helvetica,sans-serif;color:#172033} .scue-score-panel{background:linear-gradient(135deg,#eef4ff,#fff8e6);border:1px solid #d0d5dd;border-radius:22px;padding:20px;text-align:center} .scue-score-hex{width:118px;height:104px;margin:0 auto 10px;background:linear-gradient(135deg,#1f64c8,#153f8f);color:#fff;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);display:flex;align-items:center;justify-content:center;flex-direction:column} .scue-score-hex strong{font-size:30px;line-height:1}.scue-score-hex span{font-size:12px;font-weight:700} .scue-section{background:#f8fbff;border:1px solid #dbeafe;border-radius:18px;padding:18px;margin-top:16px} .scue-section h4{margin:0 0 10px;font-size:21px} .scue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:14px} .scue-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 6px 18px rgba(16,24,40,.05)} .scue-card h5{margin:0 0 8px;font-size:18px}.scue-card p{margin:7px 0;color:#475467} .scue-btn{display:inline-block;margin-top:8px;background:#1f64c8;color:#fff!important;text-decoration:none;padding:10px 13px;border-radius:10px;font-weight:700} .scue-btn.gold{background:#f4b63f;color:#1d2939!important} .scue-next{background:linear-gradient(135deg,#eef4ff,#fff8e6);border:1px solid #d0d5dd;border-radius:18px;padding:18px;margin-top:16px} .scue-next h4{margin:8px 0}.scue-small{font-size:13px;color:#667085} .scue-money{background:#ecfdf3;border-color:#abefc6}.scue-services{background:#fffaeb;border-color:#fedf89} /* Future wellness dashboard shortcode */ .scud-dashboard-page{font-family:Arial,Helvetica,sans-serif;color:#172033;background:linear-gradient(180deg,#f7f9fc,#fff);padding:24px;border-radius:20px} .scud-hero{background:linear-gradient(135deg,#1f64c8,#153f8f);color:#fff;padding:34px 24px;border-radius:24px;text-align:center;margin-bottom:22px} .scud-badge{display:inline-block;background:#f4b63f;color:#1d2939;padding:8px 14px;border-radius:999px;font-weight:700} .scud-hero h2{font-size:36px;margin:12px 0 8px}.scud-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px} .scud-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;text-align:center}.scud-card strong{display:block;font-size:30px;color:#1f64c8} @media(max-width:760px){ .scue-btn{display:block;text-align:center;width:100%} .scud-dashboard-page{padding:12px}.scud-hero h2{font-size:28px} } @media print{.scue-footer .scue-btn{display:none!important}} /* SharingChores Budget Calculator */ .scbg-calc{--b:#1f64c8;--g:#f4b63f;--d:#172033;--m:#667085;--green:#23a455;--red:#d92d20;--orange:#f79009;font-family:Arial,Helvetica,sans-serif;color:var(--d);background:linear-gradient(180deg,#f7f9fc,#fff);padding:24px;border-radius:20px;box-sizing:border-box} .scbg-calc *{box-sizing:border-box} .scbg-hero{background:linear-gradient(135deg,var(--b),#153f8f);color:#fff;padding:34px 24px;border-radius:24px;text-align:center;position:relative;overflow:hidden;margin-bottom:22px} .scbg-hero:after{content:"";position:absolute;width:220px;height:220px;background:rgba(244,182,63,.22);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);right:-70px;top:-60px} .scbg-badge{display:inline-block;background:var(--g);color:#1d2939;padding:8px 14px;border-radius:999px;font-weight:700;margin-bottom:12px} .scbg-hero h2{font-size:36px;margin:8px 0}.scbg-hero p{font-size:18px;max-width:800px;margin:0 auto} .scbg-section{background:#fff;margin-top:22px;padding:24px;border-radius:20px;box-shadow:0 10px 30px rgba(16,24,40,.08);border:1px solid #edf0f5} .scbg-section h3{margin:0 0 10px;font-size:24px}.scbg-help,.scbg-small{color:var(--m)} .scbg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px} .scbg-calc label{display:block;font-size:13px;font-weight:700;color:#344054;margin-bottom:5px} .scbg-calc input,.scbg-calc select{width:100%;padding:11px 10px;border:1px solid #d0d5dd;border-radius:10px;font-size:15px} .scbg-expense{display:grid;grid-template-columns:48px minmax(150px,1.25fr) 140px 120px 40px;gap:12px;align-items:center;border:1px solid #e5e7eb;border-radius:18px;padding:14px;margin-bottom:10px;background:#fff} .scbg-hex{width:46px;height:40px;background:#eef4ff;display:flex;align-items:center;justify-content:center;font-size:23px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)} .scbg-remove{border:none;border-radius:9px;padding:9px;cursor:pointer;font-weight:bold;background:#fee4e2;color:var(--red)} .scbg-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.scbg-btn{border:none;padding:12px 16px;border-radius:12px;font-weight:700;cursor:pointer;background:var(--b);color:#fff}.scbg-btn.gold{background:var(--g);color:#1d2939}.scbg-btn.light{background:#eef4ff;color:var(--b)}.scbg-btn.danger{background:#fee4e2;color:var(--red)} .scbg-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:16px}.scbg-dash{border:1px solid #e6eaf2;border-radius:20px;padding:16px;background:#fff;text-align:center}.scbg-dash strong{display:block;font-size:30px;color:var(--b)} .scbg-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.scbg-card{background:#f8fafc;border:1px solid #eaecf0;border-radius:18px;padding:16px}.scbg-big{font-size:30px;font-weight:800;color:var(--b)} .scbg-bar{height:16px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:8px 0}.scbg-bar span{display:block;height:100%;background:var(--b)} .scbg-insight{background:#fff8e6;border:1px solid #f9db8f;border-radius:16px;padding:16px;margin-top:14px}.scbg-action{background:#f0f9ff;border:1px solid #b9e6fe;border-radius:14px;padding:14px;margin-top:10px} .scbg-pie{width:180px;height:180px;border-radius:50%;box-shadow:inset 0 0 0 28px #fff;border:1px solid #eef0f4}.scbg-pie-wrap{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.scbg-legend div{margin:6px 0}.scbg-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:6px} .scbg-toast{position:fixed;right:18px;bottom:18px;background:#172033;color:#fff;padding:14px 16px;border-radius:14px;display:none;z-index:999999} @media(max-width:760px){.scbg-calc{padding:12px}.scbg-hero h2{font-size:28px}.scbg-expense{grid-template-columns:44px 1fr 38px}.scbg-expense .scbg-amount,.scbg-expense .scbg-type{grid-column:1/-1}.scbg-btn{width:100%}} @media print{.scbg-btns,.scbg-toast,.scbg-remove{display:none!important}.scbg-calc{background:#fff;padding:0}.scbg-section,.scbg-hero{box-shadow:none}} /* v1.2.2 Budget Calculator layout, giving, and annual expenses */ #sc-budget-calculator .scbg-expense, #sc-budget-calculator .scbg-annual-expense{ grid-template-columns:48px minmax(150px,1.25fr) 112px 132px 40px !important; column-gap:10px; } #sc-budget-calculator .scbg-type{min-width:0;max-width:112px} #sc-budget-calculator .scbg-type select{width:100%!important;min-width:0!important;max-width:112px!important} #sc-budget-calculator .scbg-amount{min-width:0;max-width:132px} #sc-budget-calculator .scbg-amount input{width:100%!important;min-width:0!important;max-width:132px!important;text-align:right} #sc-budget-calculator .scbg-annual-expense{display:grid;align-items:center;border:1px solid #e5e7eb;border-radius:18px;padding:14px;margin-bottom:10px;background:#fff} #sc-budget-calculator .scbg-monthly-equivalent{font-size:13px;color:#667085;margin-top:5px} @media(max-width:760px){ #sc-budget-calculator .scbg-expense, #sc-budget-calculator .scbg-annual-expense{grid-template-columns:44px 1fr 38px!important} #sc-budget-calculator .scbg-expense .scbg-type, #sc-budget-calculator .scbg-expense .scbg-amount, #sc-budget-calculator .scbg-annual-expense .scbg-type, #sc-budget-calculator .scbg-annual-expense .scbg-amount{grid-column:1/-1;width:100%;max-width:none} #sc-budget-calculator .scbg-type select, #sc-budget-calculator .scbg-amount input{width:100%!important;max-width:none!important} } /* v1.2.3 Definitive Budget Step 2 overlap fix */ #sc-budget-calculator .scbg-expense, #sc-budget-calculator .scbg-annual-expense{ display:grid !important; grid-template-columns:48px minmax(0,1fr) 118px 128px 40px !important; gap:10px !important; align-items:end !important; width:100% !important; overflow:visible !important; } #sc-budget-calculator .scbg-expense > *, #sc-budget-calculator .scbg-annual-expense > *{ min-width:0 !important; max-width:100% !important; } #sc-budget-calculator .scbg-type, #sc-budget-calculator .scbg-amount{ width:100% !important; min-width:0 !important; max-width:none !important; } #sc-budget-calculator .scbg-type select, #sc-budget-calculator .scbg-amount input{ display:block !important; box-sizing:border-box !important; width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; } #sc-budget-calculator .scbg-type select{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #sc-budget-calculator .scbg-amount input{ text-align:right !important; } /* Elementor content columns are often narrower than the full browser. On those widths, put Category and Amount on their own second row. */ @media (max-width:1200px){ #sc-budget-calculator .scbg-expense, #sc-budget-calculator .scbg-annual-expense{ grid-template-columns:48px minmax(0,1fr) 40px !important; align-items:center !important; } #sc-budget-calculator .scbg-expense .scbg-type, #sc-budget-calculator .scbg-annual-expense .scbg-type{ grid-column:1 / 3 !important; grid-row:auto !important; } #sc-budget-calculator .scbg-expense .scbg-amount, #sc-budget-calculator .scbg-annual-expense .scbg-amount{ grid-column:3 / 4 !important; grid-row:auto !important; } #sc-budget-calculator .scbg-expense .scbg-type, #sc-budget-calculator .scbg-expense .scbg-amount, #sc-budget-calculator .scbg-annual-expense .scbg-type, #sc-budget-calculator .scbg-annual-expense .scbg-amount{ align-self:end !important; } } /* At tablet/mobile widths stack both fields completely. */ @media (max-width:760px){ #sc-budget-calculator .scbg-expense, #sc-budget-calculator .scbg-annual-expense{ grid-template-columns:44px minmax(0,1fr) 38px !important; } #sc-budget-calculator .scbg-expense .scbg-type, #sc-budget-calculator .scbg-expense .scbg-amount, #sc-budget-calculator .scbg-annual-expense .scbg-type, #sc-budget-calculator .scbg-annual-expense .scbg-amount{ grid-column:1 / -1 !important; width:100% !important; } } /* v1.2.4 Budget expense rows: fixed two-line layout. Category is on the lower left and Amount is on the lower right. They no longer share or overlap the expense-name column. */ #sc-budget-calculator .scbg-expense, #sc-budget-calculator .scbg-annual-expense{ display:grid !important; grid-template-columns:48px minmax(0,1fr) minmax(145px,175px) 40px !important; grid-template-areas: "icon description description remove" ". category amount ." !important; column-gap:12px !important; row-gap:10px !important; align-items:end !important; width:100% !important; box-sizing:border-box !important; overflow:hidden !important; } #sc-budget-calculator .scbg-expense > .scbg-hex, #sc-budget-calculator .scbg-annual-expense > .scbg-hex{ grid-area:icon !important; align-self:center !important; } #sc-budget-calculator .scbg-expense > .scbg-hex + div, #sc-budget-calculator .scbg-annual-expense > .scbg-hex + div{ grid-area:description !important; min-width:0 !important; width:100% !important; } #sc-budget-calculator .scbg-expense > .scbg-type, #sc-budget-calculator .scbg-annual-expense > .scbg-type{ grid-area:category !important; justify-self:stretch !important; width:100% !important; min-width:0 !important; max-width:none !important; } #sc-budget-calculator .scbg-expense > .scbg-amount, #sc-budget-calculator .scbg-annual-expense > .scbg-amount{ grid-area:amount !important; justify-self:stretch !important; width:100% !important; min-width:0 !important; max-width:none !important; } #sc-budget-calculator .scbg-expense > .scbg-remove, #sc-budget-calculator .scbg-annual-expense > .scbg-remove{ grid-area:remove !important; align-self:center !important; } #sc-budget-calculator .scbg-type select, #sc-budget-calculator .scbg-amount input{ display:block !important; position:static !important; float:none !important; box-sizing:border-box !important; width:100% !important; min-width:0 !important; max-width:none !important; margin:0 !important; } #sc-budget-calculator .scbg-type select{ white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } #sc-budget-calculator .scbg-amount input{ text-align:right !important; } /* On narrow screens, give each control its own full-width line. */ @media(max-width:700px){ #sc-budget-calculator .scbg-expense, #sc-budget-calculator .scbg-annual-expense{ grid-template-columns:44px minmax(0,1fr) 38px !important; grid-template-areas: "icon description remove" "category category category" "amount amount amount" !important; } } /* v1.2.5 Keep exactly one Category dropdown. Some WordPress themes create a styled duplicate of each select menu. Hide those generated copies and retain the calculator's native select. */ #sc-budget-calculator .scbg-type > .nice-select, #sc-budget-calculator .scbg-type > .select2, #sc-budget-calculator .scbg-type > .select2-container, #sc-budget-calculator .scbg-type > .choices, #sc-budget-calculator .scbg-type > .choices__inner, #sc-budget-calculator .scbg-type > .ts-wrapper, #sc-budget-calculator .scbg-type > .chosen-container, #sc-budget-calculator .scbg-type > .selectric-wrapper{ display:none !important; } #sc-budget-calculator .scbg-type > select{ display:block !important; visibility:visible !important; opacity:1 !important; position:static !important; left:auto !important; width:100% !important; } /* v1.2.6 Keep the grey theme-styled Category control. Hide only the white native select that appears beneath it. */ #sc-budget-calculator .scbg-type > select{ position:absolute !important; width:1px !important; height:1px !important; min-width:1px !important; max-width:1px !important; padding:0 !important; margin:-1px !important; border:0 !important; opacity:0 !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; clip-path:inset(50%) !important; white-space:nowrap !important; pointer-events:none !important; } /* Restore common theme/plugin styled select controls. */ #sc-budget-calculator .scbg-type > .nice-select, #sc-budget-calculator .scbg-type > .select2, #sc-budget-calculator .scbg-type > .select2-container, #sc-budget-calculator .scbg-type > .choices, #sc-budget-calculator .scbg-type > .ts-wrapper, #sc-budget-calculator .scbg-type > .chosen-container, #sc-budget-calculator .scbg-type > .selectric-wrapper{ display:block !important; width:100% !important; max-width:none !important; }