.filter-schematic { background-color: #f8f9fc; border: 1px dashed #2e7d32; padding: 15px; border-radius: 8px; font-family: 'Courier New', monospace; font-size: 1.1rem; text-align: center; margin: 15px 0; }
        .component-table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
        .component-table th, .component-table td { border: 1px solid #dee2e6; padding: 8px; text-align: center; }
        .component-table th { background-color: #e9f0e9; font-weight: 600; }
        .value-box { background-color: #f1f8e9; border-left: 4px solid #2e7d32; padding: 10px; font-size: 1.2rem; margin: 10px 0; }
        .ripple-badge { background-color: #ffc107; color: #212529; font-size: 0.8rem; border-radius: 12px; padding: 2px 8px; margin-left: 8px; }
        .info-card { background-color: #f0f7f0; border-radius: 8px; padding: 15px; border-left: 5px solid #2e7d32; }
        .theory-box { background-color: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px; padding: 15px; margin: 20px 0; }
        .preset-btn-sm { background-color: rgba(46, 125, 50, 0.1); border: 1px solid rgba(46, 125, 50, 0.3); border-radius: 4px; padding: 4px 10px; font-size: 0.8rem; color: #1e4a1e; cursor: pointer; transition: all 0.2s; }
        .preset-btn-sm:hover { background-color: rgba(46, 125, 50, 0.2); }
        .nav-tabs .nav-tabs .engineering-note { background-color: #fff3cd; border-left: 5px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 4px; }
        .info-note-blue { background-color: #cfe2ff; border-left: 5px solid #0d6efd; padding: 15px; margin: 15px 0; border-radius: 4px; }
        .formula { font-family: 'Courier New', monospace; background-color: #f8f9fa; padding: 5px 10px; border-radius: 4px; }