#hydro-bento-widget.hydro-widget-wrapper{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#2D3748;background-color:#F7FAFC;padding:24px;border-radius:16px;margin:32px auto;box-shadow:0 10px 25px rgb(0 0 0 / .05);box-sizing:border-box}#hydro-bento-widget .hydro-card{background:#FFF;border:1px solid #E2E8F0;border-radius:14px;padding:24px;box-sizing:border-box}#hydro-bento-widget .hydro-header{margin-bottom:24px;border-bottom:1px solid #EDF2F7;padding-bottom:16px}#hydro-bento-widget .hydro-header h2{font-size:24px;font-weight:800;color:#1A202C;margin:0 0 8px 0;line-height:1.2}#hydro-bento-widget .hydro-header p{font-size:14px;color:#4A5568;margin:0;line-height:1.5}#hydro-bento-widget .hydro-tab-nav{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid #EDF2F7;padding-bottom:8px}#hydro-bento-widget .hydro-tab-btn{background:none;border:none;padding:10px 18px;font-size:14px;font-weight:600;color:#718096;cursor:pointer;border-radius:8px;transition:all 0.2s ease;display:flex;align-items:center;gap:8px}#hydro-bento-widget .hydro-tab-btn:hover{background-color:#EDF2F7;color:#2D3748}#hydro-bento-widget .hydro-tab-btn.active{background-color:#E2E8F0;color:#1A202C}#hydro-bento-widget .hydro-tab-content{display:none}#hydro-bento-widget .hydro-tab-content.active{display:block}#hydro-bento-widget .bento-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media (max-width:768px){#hydro-bento-widget .bento-grid{grid-template-columns:1fr}}#hydro-bento-widget .bento-item{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:20px;box-sizing:border-box}#hydro-bento-widget .bento-item h3{font-size:16px;font-weight:700;color:#1A202C;margin:0 0 12px 0}#hydro-bento-widget .control-desc{font-size:12px;color:#718096;margin:0 0 20px 0;line-height:1.4}#hydro-bento-widget .slider-container{margin-bottom:20px}#hydro-bento-widget .slider-val-display{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}#hydro-bento-widget #temp-f-val,#hydro-bento-widget #plant-val{font-size:32px;font-weight:800;color:#2B6CB0}#hydro-bento-widget .temp-c-val,#hydro-bento-widget .plant-label{font-size:16px;font-weight:600;color:#4A5568}#hydro-bento-widget .hydro-slider{-webkit-appearance:none;width:100%;height:8px;border-radius:4px;background:#E2E8F0;outline:none;margin:12px 0}#hydro-bento-widget .hydro-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#2B6CB0;cursor:pointer;box-shadow:0 2px 6px rgb(0 0 0 / .15);transition:transform 0.1s ease}#hydro-bento-widget .hydro-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}#hydro-bento-widget .slider-labels{display:flex;justify-content:space-between;font-size:11px;color:#A0AEC0}#hydro-bento-widget .system-summary-card{border-radius:8px;padding:12px 16px;border-left:4px solid #48BB78;background:#F0FFF4;transition:all 0.3s ease}#hydro-bento-widget .system-summary-card.safe{border-left-color:#48BB78;background:#F0FFF4}#hydro-bento-widget .system-summary-card.warning{border-left-color:#DD6B20;background:#FFFAF0}#hydro-bento-widget .system-summary-card.critical{border-left-color:#E53E3E;background:#FFF5F5}#hydro-bento-widget .system-summary-card h4{font-size:13px;font-weight:700;margin:0 0 4px 0;text-transform:uppercase;letter-spacing:.5px}#hydro-bento-widget .system-summary-card.safe h4{color:#22543D}#hydro-bento-widget .system-summary-card.warning h4{color:#744210}#hydro-bento-widget .system-summary-card.critical h4{color:#742A2A}#hydro-bento-widget .system-summary-card p{font-size:12px;color:#4A5568;margin:0;line-height:1.4}#hydro-bento-widget .metric-row{margin-bottom:16px}#hydro-bento-widget .metric-label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:#4A5568;margin-bottom:6px}#hydro-bento-widget .metric-value-text{font-weight:700}#hydro-bento-widget .progress-bar-bg{background:#E2E8F0;height:10px;border-radius:5px;overflow:hidden}#hydro-bento-widget .progress-bar-fill{height:100%;border-radius:5px;transition:width 0.3s ease,background-color 0.3s ease}#hydro-bento-widget .progress-bar-fill.safe{background-color:#48BB78}#hydro-bento-widget .progress-bar-fill.warning{background-color:#DD6B20}#hydro-bento-widget .progress-bar-fill.critical{background-color:#E53E3E}#hydro-bento-widget .dual-buffer-display{display:flex;flex-direction:column;gap:8px;margin-top:8px}#hydro-bento-widget .buffer-bar{display:flex;justify-content:space-between;background:#E2E8F0;border-radius:6px;padding:8px 12px;font-size:11px;font-weight:600}#hydro-bento-widget .buffer-bar .buffer-name{color:#4A5568}#hydro-bento-widget .buffer-bar .buffer-time.safe{color:#2F855A;background:#C6F6D5;padding:2px 6px;border-radius:4px}#hydro-bento-widget .buffer-bar .buffer-time.alert{color:#9B2C2C;background:#FED7D7;padding:2px 6px;border-radius:4px;animation:pulse-red 2s infinite}@keyframes pulse-red{0%{opacity:1}50%{opacity:.6}100%{opacity:1}}#hydro-bento-widget .labor-verdict{background:#EBF8FF;border-left:4px solid #3182CE;border-radius:8px;padding:12px 16px}#hydro-bento-widget .labor-verdict h4{margin:0 0 4px 0;color:#2B6CB0;font-size:13px;font-weight:700;text-transform:uppercase}#hydro-bento-widget .labor-verdict p{margin:0;font-size:12px;color:#2D3748;line-height:1.4}#hydro-bento-widget .chart-subtitle{font-size:12px;color:#718096;margin:0 0 16px 0}#hydro-bento-widget .bar-chart-container{display:flex;flex-direction:column;gap:16px}#hydro-bento-widget .chart-bar-row{display:flex;flex-direction:column;gap:6px}#hydro-bento-widget .chart-bar-info{display:flex;justify-content:space-between;font-size:12px;font-weight:700}#hydro-bento-widget .chart-bar-info .system-title{color:#4A5568}#hydro-bento-widget .chart-bar-info .system-time-total{color:#1A202C}#hydro-bento-widget .chart-bar-bg{background:#EDF2F7;height:12px;border-radius:6px;overflow:hidden}#hydro-bento-widget .chart-bar-fill{height:100%;border-radius:6px;transition:width 0.4s cubic-bezier(.4,0,.2,1)}#hydro-bento-widget .chart-bar-fill.db-color{background-color:#48BB78}#hydro-bento-widget .chart-bar-fill.dwc-color{background-color:#3182CE}#hydro-bento-widget .chart-bar-details{font-size:10px;color:#A0AEC0}#hydro-bento-widget .insight-box{background:#F7FAFC;border:1px solid #E2E8F0;border-radius:8px;padding:12px 16px;font-size:12px;line-height:1.5;color:#4A5568}#hydro-bento-widget .insight-box strong{color:#1A202C}