.sql-practice-container{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.sql-practice-form .CodeMirror{width:100%;height:150px;background-color:black!important;color:white!important;font-family:monospace!important;font-size:14px!important;padding:10px!important;border-radius:5px!important}.sql-practice-form input[type="submit"]{background-color:#28a745;color:white;border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:5px;margin-top:10px}.sql-practice-output{margin-top:20px}.sql-practice-output table{width:80%;margin:10px auto;border-collapse:collapse;text-align:left}.sql-practice-output th,.sql-practice-output td{padding:8px;border:1px solid #ccc}.progress-bar{width:100%;background-color:#eee;height:20px;margin-top:10px}.progress-bar-fill{height:100%;background-color:green;text-align:center;color:white;font-weight:bold}.congrats-message{font-size:18px;color:green;font-weight:bold;text-align:center;margin-top:20px}.next-course-button,.next-button{display:block;width:200px;margin:10px auto;padding:10px;text-align:center;background-color:blue;color:white;text-decoration:none;font-size:16px;border-radius:5px;cursor:pointer;border:none}.next-button{background-color:darkorange}.sql-query-display{font-size:14px;font-style:oblique;color:#555;margin-top:5px}.execute-button.grey,.next-button.grey{background-color:#ccc!important;cursor:not-allowed}.execute-button.green,.next-button.green{background-color:#28a745!important;cursor:pointer}.execute-button.red{background-color:#dc3545!important;cursor:not-allowed}.sql-practice-form input[type="submit"]{display:inline-block;margin-right:10px}@media (max-width:768px){.sql-practice-container{padding:10px}.sql-practice-form .CodeMirror{height:100px}.sql-practice-form input[type="submit"]{width:100%;margin:5px 0}.sql-practice-output table{width:100%}}#feedback-form{max-width:800px;margin:20px auto;text-align:center}#feedback-form h3{font-size:20px;margin-bottom:10px}#feedback-form textarea{width:100%;height:150px;padding:10px;font-size:16px;border-radius:5px;border:1px solid #ccc;resize:none;background-color:black;color:white;font-family:monospace}#feedback-form input[type="submit"]{background-color:#28a745;color:white;font-size:18px;padding:12px 25px;border:none;border-radius:5px;cursor:pointer;transition:background-color 0.3s ease;margin-top:10px}#feedback-form input[type="submit"]:hover{background-color:#218838}.natural-tts{display:flex;align-items:center;background-color:#ffffff;border:1px solid #e0e0e0;border-radius:8px;padding:6px 12px;box-shadow:0 2px 6px rgba(0,0,0,0.05);max-width:100%;font-family:'Segoe UI',sans-serif;font-size:14px;color:#222;gap:10px;position:relative}.natural-tts::after{content:"🔊 Leia para mim";font-weight:500;white-space:nowrap}.natural-tts [role="button"]{background-color:#0057b7!important;border-radius:6px!important;padding:6px!important;color:white!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:24px!important;width:24px!important;transition:background-color 0.2s ease!important;flex-shrink:0}.natural-tts [role="button"]:hover:not(.Mui-disabled){background-color:#00439a!important}.natural-tts svg{fill:currentColor!important;width:18px!important;height:18px!important}