/* Coffee Ratio Calculator Styles */
.calcufacil-coffee_ratio_calculator.calcufacil-container { max-width: 600px; margin: 20px auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); font-family: Arial, sans-serif; display: block; }
.calcufacil-coffee_ratio_calculator .main-title { text-align: center; color: #6f4e37; margin: 0 0 20px 0; }
.calcufacil-coffee_ratio_calculator .calculator-body, .calcufacil-coffee_ratio_calculator .calculator-form { display: block; }
.calcufacil-coffee_ratio_calculator .calcufacil-left, .calcufacil-coffee_ratio_calculator .calcufacil-right { width: 100%; }
.calcufacil-coffee_ratio_calculator .input-group { margin-bottom: 20px; }
.calcufacil-coffee_ratio_calculator label { display: block; font-weight: bold; margin-bottom: 8px; }
.calcufacil-coffee_ratio_calculator select, .calcufacil-coffee_ratio_calculator input { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; box-sizing: border-box; }
.calcufacil-coffee_ratio_calculator .unit-input { display: flex; }
.calcufacil-coffee_ratio_calculator .unit-input input { border-radius: 4px 0 0 4px; text-align: right; }
.calcufacil-coffee_ratio_calculator .unit-label { background: #e9ecef; border: 1px solid #ccc; border-left: 0; padding: 12px; border-radius: 0 4px 4px 0; white-space: nowrap; }
.calcufacil-coffee_ratio_calculator .results { background: #d1e7dd; padding: 25px; border-radius: 8px; text-align: center; }
.calcufacil-coffee_ratio_calculator .results-header h2 { font-size: 18px; color: #0f5132; margin: 0 0 10px 0; }
.calcufacil-coffee_ratio_calculator .result-value { font-size: 4em; font-weight: bold; color: #0a3622; line-height: 1; }
.calcufacil-coffee_ratio_calculator .result-label { font-size: 1.2em; color: #146c43; }