body{font-family:sans-serif;margin:0;background-color:#f4f7f6;color:#333}.app-container{width:95%;max-width:1600px;min-width:800px;margin:1vh auto;height:95vh;background-color:#fff;box-shadow:0 2px 10px #0000001a;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.app-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#004080;color:#fff;border-bottom:1px solid #ddd}.app-header h1{margin:0;font-size:1.4em}.header-controls{display:flex;align-items:center;gap:15px}#login-section{display:flex;align-items:center;gap:15px;flex-shrink:0}#login-section button{padding:8px 15px;background-color:#e0e0e0;color:#333;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;white-space:nowrap}#login-section button:hover{background-color:silver}.settings-button{background:none;border:none;color:#d0d0d0;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease,color .2s ease}.settings-button:hover{color:#fff;background-color:#004080}#cluster-status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:600px}#cluster-status.logged-in{color:#90ee90;font-weight:700}#login-button{background-color:#f5c389!important}#login-button:hover{background-color:#e8a956!important}.main-content{display:flex;flex-grow:1;overflow:hidden;padding:15px;gap:15px}.panel{display:flex;flex-direction:column;border:1px solid #ccc;border-radius:5px;background-color:#fff;overflow:hidden;flex-basis:0;flex-grow:1;min-width:300px}.panel h2{margin:0;padding:10px 15px;background-color:#f0f0f0;border-bottom:1px solid #ccc;font-size:1.1em;text-align:center;flex-shrink:0}.scrollable{flex-grow:1;overflow-y:auto;padding:10px;background-color:#fdfdfd}#chat-panel{display:flex;flex-direction:column;gap:10px;overflow-wrap:break-word;word-wrap:break-word}.message{padding:8px 12px;border-radius:5px;max-width:85%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;line-height:1.4}.message.user{background-color:#d1e7fd;align-self:flex-end;margin-left:auto}.message.bot{background-color:#e2e3e5;align-self:flex-start}.message.error{background-color:#f8d7da;color:#721c24;align-self:center;width:90%;text-align:left}.message.info{background-color:#d4edda;color:#155724;align-self:center;width:90%;text-align:left}.message strong{display:block;margin-bottom:4px;font-size:.9em}.message p{margin:0}.message>div{width:100%}.message div>div[dangerouslySetInnerHTML]{margin-top:0;width:100%}.message pre{white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word;background-color:#0000000d;padding:8px;border-radius:4px;margin:6px 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,Source Code Pro,Fira Code,monospace;font-size:.9em;text-align:left;display:block;max-width:100%;overflow-x:auto;box-sizing:border-box}.input-area{display:flex;padding:10px;border-top:1px solid #ccc;align-items:flex-end;gap:8px;flex-shrink:0}#user-input{flex-grow:1;padding:8px 10px;border:1px solid #ccc;border-radius:4px;outline:none;font-family:sans-serif;font-size:1em;resize:vertical;min-height:40px;line-height:1.4;box-sizing:border-box}#user-input:focus{border-color:#004080}.button-stack{display:flex;flex-direction:column;gap:4px}.button-stack button{padding:8px 10px;border:1px solid #ccc;background-color:#e0e0e0;cursor:pointer;transition:background-color .2s;border-radius:4px;display:flex;justify-content:center;align-items:center;width:40px;height:40px;box-sizing:border-box;font-size:1.1em}.button-stack button:hover{background-color:silver}#mic-button.recording{background-color:#ff6b6b;color:#fff}#mic-button.recording:hover{background-color:#e04141}.button-stack button i{line-height:1}#yaml-panel{flex-grow:1;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,Source Code Pro,Fira Code,monospace;font-size:.9em;font-weight:500;border:none;outline:none;resize:none;padding:10px;line-height:1.4;background-color:#fdfdfd;color:#333;height:100%;box-sizing:border-box}#submit-button{padding:12px;margin:10px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;align-self:center;flex-shrink:0}#submit-button:hover{background-color:#218838}#submit-button:disabled{background-color:#ccc;cursor:not-allowed}dialog{border:1px solid #ccc;border-radius:8px;padding:2em;box-shadow:0 5px 15px #0003;width:90%;max-width:450px}dialog::backdrop{background:#00000080}#login-form .form-group{margin-bottom:1em;border-bottom:1px solid #eee;padding-bottom:1em}#login-form label{display:block;margin-top:1em;margin-bottom:.5em;font-weight:700}#login-form input[type=radio]+label{display:inline-block;margin-right:15px;margin-left:3px;font-weight:400}#login-form input[type=text],#login-form input[type=password]{width:100%;padding:8px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px}#login-form small{display:block;font-size:.8em;color:#666;margin-top:5px}.dialog-buttons{margin-top:1.5em;display:flex;justify-content:flex-end;gap:10px}#login-form button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer}#login-submit{background-color:#004080;color:#fff}#login-cancel{background-color:#e0e0e0;color:#333}.error-message{color:#dc3545;font-size:.9em;margin-top:10px;min-height:1.2em;overflow-wrap:break-word;word-wrap:break-word}.settings-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-dialog{background-color:#fff;color:#333;padding:25px 30px;border-radius:8px;box-shadow:0 4px 15px #0003;border:1px solid #e0e0e0;min-width:400px;max-width:90%}.settings-dialog h2{margin-top:0;margin-bottom:20px;color:#111;border-bottom:1px solid #dddddd;padding-bottom:10px;font-weight:600}.settings-section{margin-bottom:20px}.settings-section>label{display:block;margin-bottom:8px;font-weight:700;color:#555}.provider-options{display:flex;flex-wrap:wrap;gap:15px}.provider-options label{display:flex;align-items:center;gap:5px;cursor:pointer;color:#333}.provider-options label input[type=radio]{accent-color:#007bff;cursor:pointer}.provider-options label[disabled]{cursor:not-allowed;color:#999}.provider-options label[disabled] input[type=radio]{cursor:not-allowed}.settings-dialog select,.settings-dialog input[type=text]{width:100%;padding:9px 12px;border-radius:4px;border:1px solid #cccccc;background-color:#fff;color:#333;box-sizing:border-box;font-size:.95em}.settings-dialog select:focus,.settings-dialog input[type=text]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.settings-dialog select:disabled{background-color:#f8f8f8;color:#aaa;cursor:not-allowed}.settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:15px;border-top:1px solid #dddddd}.settings-actions button{padding:8px 18px;border:none;border-radius:4px;cursor:pointer;font-weight:500;font-size:.95em;transition:background-color .2s ease}.button-primary{background-color:#007bff;color:#fff;border:1px solid #007bff}.button-primary:hover{background-color:#0056b3;border-color:#0056b3}.button-primary:disabled{background-color:silver;border-color:silver;cursor:not-allowed}.button-secondary{background-color:#f8f9fa;color:#555;border:1px solid #cccccc}.button-secondary:hover{background-color:#e2e6ea;border-color:#b0b0b0}.error-text{color:#dc3545;font-size:.9em;margin-top:5px}