/* TV Placement Calculator Styles */
.calcufacil-tv_placement_calculator.calcufacil-container { max-width: 900px; margin: 20px auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: flex; flex-wrap: wrap; gap: 30px; font-family: Arial, sans-serif; }
.calcufacil-tv_placement_calculator .calcufacil-left, .calcufacil-tv_placement_calculator .calcufacil-right { flex: 1; min-width: 300px; }
.calcufacil-tv_placement_calculator h2 { font-size: 20px; color: #198754; margin-bottom: 25px; text-align: center; }
.calcufacil-tv_placement_calculator .input-group { margin-bottom: 18px; text-align: center; }
.calcufacil-tv_placement_calculator label { font-weight: bold; }
.calcufacil-tv_placement_calculator .slider { width: 100%; margin-top: 10px; }
.calcufacil-tv_placement_calculator .slider-value { font-size: 1.5em; font-weight: bold; color: #146c43; }
.calcufacil-tv_placement_calculator .results { background: #f8f9fa; padding: 25px; border-radius: 8px; }
.calcufacil-tv_placement_calculator .results-header h2 { margin: 0 0 20px 0; }
.calcufacil-tv_placement_calculator .results-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 20px; }
.calcufacil-tv_placement_calculator .result-box { background: #e9ecef; border-radius: 5px; padding: 15px; text-align: center; }
.calcufacil-tv_placement_calculator .result-box h4 { margin: 0 0 5px 0; font-size: 14px; }
.calcufacil-tv_placement_calculator .result-value { font-size: 1.8em; font-weight: bold; color: #198754; }
.calcufacil-tv_placement_calculator .result-box small { font-size: 11px; color: #666; }
.calcufacil-tv_placement_calculator .diagram-container { position: relative; height: 150px; margin-top: 20px; }
.calcufacil-tv_placement_calculator .diagram div { position: absolute; background: #c1e1c5; border: 1px solid #198754; border-radius: 4px; padding: 5px 10px; }
.calcufacil-tv_placement_calculator .tv-screen { top: 0; left: 50%; transform: translateX(-50%); }
.calcufacil-tv_placement_calculator .speaker-l { bottom: 0; left: 0; }
.calcufacil-tv_placement_calculator .speaker-r { bottom: 0; right: 0; }
.calcufacil-tv_placement_calculator .viewer { bottom: 0; left: 50%; transform: translateX(-50%); background: #198754; color: #fff; }