.chw{background:linear-gradient(135deg,#f8f9fa 0%,#e8f5e9 100%);border-radius:16px;padding:1.5em 2em 2em;max-width:680px;margin:2em auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;box-shadow:0 4px 20px rgba(0,0,0,.07);position:relative}
.chw,.chw *{box-sizing:border-box!important}
.chw h3{margin:0 0 1em!important;color:#1a1a2e!important;font-size:1.15em!important;font-weight:700!important}
.chw-tabs{display:flex!important;gap:0!important;margin-bottom:1.5em!important;border-radius:10px!important;overflow:hidden!important;border:2px solid #2ecc71!important;background:#fff!important}
.chw-tabs div{flex:1!important;padding:.7em .5em!important;text-align:center!important;cursor:pointer!important;font-weight:600!important;font-size:.9em!important;transition:all .25s!important;color:#2ecc71!important;background:#fff!important;border:none!important;line-height:1.3!important}
.chw-tabs div.on{background:#2ecc71!important;color:#fff!important}
.chw-pnl{display:none}
.chw-pnl.on{display:block}
.chw-dur{background:#fff;border-radius:10px;padding:.6em .8em;margin-bottom:.5em;display:flex!important;align-items:center!important;gap:.4em!important;flex-wrap:nowrap!important;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.chw-dur input[type="text"],.chw-dur input[type="number"]{width:60px!important;padding:.5em!important;border:1.5px solid #ddd!important;border-radius:8px!important;font-size:1.05em!important;text-align:center!important;background:#fafafa!important;transition:border-color .2s!important;margin:0!important;height:auto!important;line-height:normal!important}
.chw-dur input:focus{border-color:#2ecc71!important;outline:none!important;background:#fff!important}
.chw-dur .chw-lbl{font-weight:600;color:#888;font-size:.85em;min-width:fit-content;user-select:none}
.chw-dur select{padding:.45em .3em!important;border:1.5px solid #ddd!important;border-radius:8px!important;font-size:1em!important;background:#fafafa!important;cursor:pointer!important;font-weight:700!important;color:#555!important;width:auto!important;height:auto!important;line-height:normal!important;-webkit-appearance:auto!important;appearance:auto!important}
.chw-dur .chw-del{background:none!important;border:none!important;color:#e74c3c!important;font-size:1.3em!important;cursor:pointer!important;padding:0 .3em!important;opacity:.5!important;transition:opacity .2s!important;line-height:1!important;width:auto!important;height:auto!important;min-width:0!important}
.chw-dur .chw-del:hover{opacity:1!important}
.chw-add{display:inline-flex!important;align-items:center!important;gap:.3em!important;background:#fff!important;border:1.5px dashed #ccc!important;border-radius:8px!important;padding:.5em 1em!important;cursor:pointer!important;font-size:.85em!important;color:#888!important;transition:all .2s!important;margin-top:.3em!important;font-weight:600!important;width:auto!important;height:auto!important}
.chw-add:hover{border-color:#2ecc71!important;color:#2ecc71!important}
.chw-go{display:inline-block!important;background:linear-gradient(135deg,#2ecc71,#27ae60)!important;color:#fff!important;border:none!important;padding:.75em 2.5em!important;border-radius:10px!important;font-size:1em!important;font-weight:700!important;cursor:pointer!important;margin-top:1em!important;transition:transform .15s,box-shadow .15s!important;box-shadow:0 3px 10px rgba(46,204,113,.3)!important;width:auto!important;height:auto!important}
.chw-go:hover{transform:translateY(-1px)!important;box-shadow:0 5px 15px rgba(46,204,113,.4)!important}
.chw-go:active{transform:translateY(0)!important}
.chw-res{margin-top:1.2em;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.chw-res-row{display:flex!important;justify-content:space-between!important;padding:.75em 1.2em!important;font-size:.95em!important;border-bottom:1px solid #f0f0f0}
.chw-res-row:last-child{border-bottom:none}
.chw-res-row:nth-child(even){background:#f9fafb}
.chw-res-row .rl{color:#666;font-weight:500}
.chw-res-row .rv{color:#1a1a2e;font-weight:700}
.chw-res-row.chw-main{background:linear-gradient(135deg,#e8f5e9,#f1f8e9)!important}
.chw-res-row.chw-main .rv{color:#27ae60;font-size:1.15em}
.chw-row2{display:flex!important;align-items:center!important;gap:.8em!important;margin-bottom:.8em!important;flex-wrap:nowrap!important}
.chw-row2 label{min-width:85px!important;font-weight:600!important;color:#555!important;font-size:.9em!important;margin:0!important}
.chw-row2 input[type="time"],.chw-row2 input[type="number"]{padding:.55em .7em!important;border:1.5px solid #ddd!important;border-radius:8px!important;font-size:1em!important;background:#fff!important;width:auto!important;height:auto!important;line-height:normal!important}
.chw-row2 input:focus{border-color:#2ecc71!important;outline:none!important}
.chw-icon{font-size:1.1em;margin-right:.2em}
/* === Extended CHW classes for calculator widgets === */
.chw-calculator-container{max-width:680px;margin:2em auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.chw-calculator-card{background:linear-gradient(135deg,#f8f9fa 0%,#e8f5e9 100%);border-radius:16px;padding:1.5em 2em 2em;box-shadow:0 4px 20px rgba(0,0,0,.07);position:relative}
.chw-calculator-card,.chw-calculator-card *{box-sizing:border-box!important}
.chw-input-group{margin-bottom:1em}
.chw-input-row{display:flex!important;gap:1em!important}
.chw-half{flex:1!important}
.chw-label{font-weight:600!important;color:#555!important;font-size:.9em!important;display:block!important;margin-bottom:.3em!important}
.chw-input,.chw-select{width:100%!important;padding:.6em .8em!important;border:1.5px solid #ddd!important;border-radius:8px!important;font-size:1em!important;background:#fff!important;transition:border-color .2s!important}
.chw-input:focus,.chw-select:focus{border-color:#2ecc71!important;outline:none!important}
.chw-btn{display:inline-block!important;background:linear-gradient(135deg,#2ecc71,#27ae60)!important;color:#fff!important;border:none!important;padding:.65em 1.5em!important;border-radius:10px!important;font-size:.95em!important;font-weight:700!important;cursor:pointer!important;transition:transform .15s,box-shadow .15s!important;box-shadow:0 3px 10px rgba(46,204,113,.3)!important}
.chw-btn:hover{transform:translateY(-1px)!important;box-shadow:0 5px 15px rgba(46,204,113,.4)!important}
.chw-btn.secondary{background:linear-gradient(135deg,#95a5a6,#7f8c8d)!important;box-shadow:0 3px 10px rgba(0,0,0,.15)!important}
.chw-btn.danger{background:linear-gradient(135deg,#e74c3c,#c0392b)!important;box-shadow:0 3px 10px rgba(231,76,60,.3)!important}
.chw-btn.sound-toggle{background:linear-gradient(135deg,#34495e,#2c3e50)!important;box-shadow:0 3px 10px rgba(0,0,0,.2)!important;padding:.65em .8em!important;font-size:1.2em!important}
.chw-result-section{margin-top:1.2em;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:1em 1.2em}
.chw-result-main{text-align:center;padding:1em 0}
.chw-result-label{color:#666;font-weight:500;font-size:.9em}
.chw-result-value{color:#27ae60;font-size:2.5em;font-weight:800;margin:.2em 0}
.chw-result-category{text-align:center;font-size:1.1em;font-weight:600;padding:.5em;border-radius:8px;margin:.5em 0}
.chw-result-interpretation{padding:.8em;background:#f9fafb;border-radius:8px;font-size:.9em;color:#555;line-height:1.5}
.chw-gauge-container{height:24px;border-radius:12px;margin:1em 0;position:relative;overflow:visible}
.chw-table{width:100%!important;border-collapse:collapse!important;margin:1em 0!important;font-size:.9em!important}
.chw-table th,.chw-table td{padding:.6em .8em!important;border:1px solid #e0e0e0!important;text-align:left!important}
.chw-table th{background:#f8f9fa!important;font-weight:700!important;color:#1a1a2e!important}
.chw-table tr:nth-child(even){background:#fafbfc!important}
.chw-dur-btn{padding:.5em 1em!important;border:1.5px solid #ddd!important;border-radius:8px!important;cursor:pointer!important;font-weight:600!important;font-size:.85em!important;transition:all .2s!important;color:#666!important;background:#fff!important;display:inline-block!important}
.chw-dur-btn.active,.chw-dur-btn:hover{background:#2ecc71!important;color:#fff!important;border-color:#2ecc71!important}
.chw-tab{flex:1!important;padding:.7em .5em!important;text-align:center!important;cursor:pointer!important;font-weight:600!important;font-size:.9em!important;transition:all .25s!important;color:#2ecc71!important;background:#fff!important;border:none!important;line-height:1.3!important}
.chw-tab.active{background:#2ecc71!important;color:#fff!important}
.chw-res-label{color:#666;font-weight:500}
.chw-res-value{color:#1a1a2e;font-weight:700}
.chw-buttons{display:flex!important;justify-content:center!important;gap:.8em!important;margin:1em 0!important;flex-wrap:wrap!important}
/* Fruit cards grid */
.chw-fruit-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:.6em!important;margin-top:1em!important}
.chw-fruit-card{background:#fff!important;border:1.5px solid #e8f5e9!important;border-radius:10px!important;padding:.6em .8em!important;text-align:center!important;font-size:.85em!important;transition:transform .15s!important}
.chw-fruit-card:hover{transform:translateY(-2px)!important}
.chw-fruit-card.full-season{border-color:#27ae60!important;color:#27ae60!important}
.chw-fruit-card.partial-season{border-color:#f39c12!important;color:#e67e22!important}
@media(max-width:600px){
.chw{padding:1em 1em 1.5em!important;max-width:100%!important}
.chw-calculator-card{padding:1em 1em 1.5em!important}
.chw-input-row{flex-direction:column!important;gap:.5em!important}
.chw-dur{flex-wrap:wrap!important;gap:.3em .5em!important;padding:.6em .6em!important}
.chw-dur .chw-lbl{min-width:100%!important;margin-bottom:.1em!important}
.chw-dur input[type="text"],.chw-dur input[type="number"]{width:70px!important;flex:1!important;min-width:0!important}
.chw-dur input[type="time"]{width:auto!important;flex:1!important;min-width:0!important}
.chw-dur select{flex:1!important;min-width:0!important}
.chw-tabs div{padding:.6em .3em!important;font-size:.78em!important}
.chw-tabs .chw-icon{display:block!important;margin-bottom:.1em!important}
.chw-go{width:100%!important;text-align:center!important}
.chw-res-row{padding:.6em .8em!important;font-size:.88em!important;flex-wrap:wrap!important;gap:.2em!important}
.chw-result-value{font-size:1.8em!important}
.chw-row2{flex-wrap:wrap!important;gap:.4em!important}
.chw-row2 label{min-width:100%!important}
.chw-row2 input[type="time"],.chw-row2 input[type="number"]{flex:1!important;width:auto!important;min-width:0!important}
.chw-buttons{gap:.5em!important}
.chw-btn{padding:.55em 1em!important;font-size:.88em!important}
.chw-fruit-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))!important}
}