:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#3d4852;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{background-color:#3490dc;border-bottom:2px solid #2779BD;color:#fff;padding:10px;text-align:center;font-size:20px;font-weight:700;display:flex;flex-direction:row;align-items:center;border-radius:10px;margin:5px}.subheader{font-size:14px;font-weight:400;margin-left:10px}.header-add-prompt-btn{background-color:#38c172;color:#fff;border:none;border-radius:5px;padding:7px 16px;font-size:15px;font-weight:700;cursor:pointer;margin-left:auto;transition:background .2s}.header-add-prompt-btn:hover{background-color:#2fa360}.patient-info{background-color:#edf2f7;border:1px solid #DAE1E7;border-radius:5px;padding:5px 15px;margin:10px 20px}.patient-info-title{font-size:16px;font-weight:700;color:#343a40;margin-bottom:10px}.patient-info-fields{display:flex;gap:10px}.patient-info-input{flex:1;padding:8px;border:1px solid #DAE1E7;border-radius:5px;font-size:14px;background-color:#fff;color:#000}.todo{background-color:#edf2f7;border:1px solid #DAE1E7;border-radius:5px;padding:5px 15px;margin:10px 20px;display:flex;flex-direction:column}.todo-title{font-size:16px;font-weight:700;color:#343a40;margin:5px 0}.patient-info-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0%)}.patient-info-input[type=date]::-ms-input-placeholder{color:#000}.patient-info-input[type=date]::-moz-placeholder{color:#000}.patient-info-input[type=date]:-ms-input-placeholder{color:#000}.patient-info-input[type=date]::placeholder{color:#000}.patient-info-input[type=date]{color-scheme:light}.footer-container{display:flex;justify-content:space-between;border-radius:10px;background-color:#edf2f7;padding:20px;margin:5px}.footer-left-buttons{display:flex;gap:10px}.footer-button{padding:5px 10px;border-radius:5px;cursor:pointer;font-size:14px;color:#3490dc}.footer-button-blue{background-color:#fff;border:2px solid white;margin-left:10px}.footer-button-green{background-color:#38c172;border:2px solid #38C172}.footer-language-select{background-color:#fff;color:#3490dc;border:2px solid white;border-radius:5px;padding:5px 10px;font-size:14px;cursor:pointer;margin:0 20px 0 10px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center;max-width:800px;width:90%}.modal p{margin-bottom:15px;font-size:16px;color:#555}.modal ol{text-align:left;margin-bottom:20px;padding-left:20px;color:#555}.modal ol li{margin-bottom:5px}.modal-button{background-color:#3490dc;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px}.modal-button:hover{background-color:#2779bd}.modal h3{text-align:left;margin-bottom:10px;color:#343a40}.modal-input{border:1px solid #DAE1E7;border-radius:5px;font-size:16px;padding:8px;margin-bottom:10px;width:100%;box-sizing:border-box}.font-bold{font-weight:700}.nav-tabs{background-color:#edf2f7;border:1px solid #EDF2F7;border-radius:10px;overflow:hidden;display:flex;justify-content:space-between}.nav-tab{margin:2px;padding:10px;text-align:center;font-size:14px;font-weight:700;color:#495057;background-color:#fff;border:none;cursor:pointer;transition:background-color .3s,color .3s;width:250px}.nav-tab:not(:last-child){border-right:1px solid #dae1e7}.nav-tab:hover{background-color:#e2e8f0}.nav-tab.active{background-color:#3490dc;color:#fff}.nav-tab:focus{border:none;outline:none}.voice-commands{background-color:#edf2f7;border:1px solid #DAE1E7;border-radius:5px;padding:0 0 15px 15px}.voice-title{font-size:16px;font-weight:700;color:#343a40;margin-bottom:10px}.voice-content{display:flex;align-items:center;gap:15px}.voice-button{background-color:#38c172;color:#fff;font-size:20px;font-weight:700;border:none;border-radius:100%;width:50px;height:50px;line-height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;outline:none}.voice-button-stop{background-color:#ae0707;color:#fff;font-size:20px;font-weight:700;border:none;border-radius:100%;width:50px;height:50px;line-height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;outline:none}.voice-button:hover{background-color:#2fa765}.voice-button:active{background-color:#279a5b}.voice-button:focus{border:none;outline:none}.voice-details{font-size:14px;color:#495057}.voice-last-command{font-style:italic;color:#6c757d}.voice-examples{background-color:#edf2f7;border:1px solid #DAE1E7;border-radius:5px;padding:0 15px}.voice-examples-title{font-size:16px;font-weight:700;color:#343a40;margin-bottom:10px}.voice-examples-list{margin:0;padding-left:20px;list-style-type:disc;font-size:14px;color:#495057}.voice-examples-list li{margin-bottom:5px}.metrics-card{background-color:#edf2f7;border:1px solid #DAE1E7;border-radius:5px;padding:0 15px}.metrics-title{font-size:16px;font-weight:700;color:#343a40;margin-bottom:10px}.metrics-content{font-size:14px;color:#495057}.metrics-highlight{font-weight:700;color:#343a40}.metrics-key-findings{margin-top:10px}.metrics-key-findings ul{margin:5px 0 0 15px;padding:0;list-style-type:disc}.metrics-key-findings li{margin-bottom:5px}.teeth-canvas{background-color:#fff;border:1px solid #dae1e7;border-radius:5px;width:100%;height:460px;display:flex;flex-direction:column;justify-content:start}.teeth-container{display:flex;flex-direction:column;justify-content:start;align-items:center;margin:10px}.teeth-upper-row,.teeth-lower-row,.teeth-row{display:flex;justify-content:center;align-items:center}.teeth-container.upper{flex-direction:column}.teeth-container.lower{flex-direction:column-reverse}.teeth-square{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background-color:#fff;border:1px solid #ffffff;border-radius:5px;width:30px;height:30px;position:relative}.teeth-number{font-size:14px;color:#495057;margin-bottom:30px;text-align:center}.teeth-number.current{background-color:#2fa765;width:20px;border-radius:5px;font-size:14px;color:#fff;margin-bottom:30px;text-align:center}.tooth-icon{width:50px;height:50px;margin-top:0}.teeth-number{font-size:16px;font-weight:700;color:#495057}.teeth-values{display:flex;margin-top:5px;margin-bottom:30px;justify-content:center}.teeth-value{font-size:14px;color:#6c757d}.teeth-value-container{display:flex;justify-content:center;align-items:center;width:17px;height:20px;border:1px solid #f4a261;border-radius:5px;background-color:#fefae0;margin-bottom:5px}.teeth-value-container.active{border-color:#0077b6;background-color:#caf0f8}.teeth-icon-dot-container{position:relative;width:50px;height:50px;display:flex;justify-content:center;align-items:center}.tooth-dot{position:absolute;width:10px;height:10px;background:#d32f2f;border-radius:50%;border:2px solid #fff;z-index:2;pointer-events:none}.tooth-dot.small{width:7px;height:7px;border-width:1.5px}.tooth-dot.large{width:7px;height:7px;border-width:2px}.teeth-section-label{font-size:20px;font-weight:600;color:#374151;margin-left:15px}.teeth-side-label{margin:0 0 0 15px}.staging-grading-btn{background-color:#3490dc;color:#fff;font-size:16px;font-weight:700;border:none;border-radius:8px;padding:10px 22px;cursor:pointer;transition:background .2s,color .2s;margin-top:10px}.staging-grading-btn:hover,.staging-grading-btn:focus{background-color:#2779bd;color:#fff;outline:none}.staging-grading-btn:disabled{background-color:#b0b0b0;color:#f0f0f0;cursor:not-allowed}.tooth-edit-panel input[disabled]{background-color:#535354!important;color:#b0b0b0!important;border-color:#8d8d8e!important;cursor:not-allowed!important;opacity:.7}.tooth-edit-panel input[type=checkbox][disabled]{accent-color:#d1d5db!important;background-color:#f3f4f6!important;border-color:#e5e7eb!important;cursor:not-allowed!important;opacity:.7}.quarter.active-quadrant{border:2.5px solid #2fa765;border-radius:12px;box-shadow:0 0 8px #72a98244}.history-container{height:470px;border:1px solid #e0e0e0;border-radius:8px;background:#fafbfc;overflow:hidden;display:flex;flex-direction:column}.history-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.history-message{display:flex;align-items:flex-end;gap:8px;padding:8px 12px;border-radius:6px;font-size:15px;max-width:90%;word-break:break-word}.history-message-user{background:#e3f2fd;align-self:flex-end}.history-message-assistant{background:#f1f8e9;align-self:flex-start}.history-role{font-weight:700;margin-right:4px}.history-timestamp{margin-left:auto;color:#888;font-size:12px;min-width:60px;text-align:right}
