@media (max-width:700px){.response-table-container{box-sizing:border-box;width:100vw!important;min-width:100vw!important;overflow-x:auto!important}.response-table-container .MuiDataGrid-root{width:600px!important;min-width:600px!important;max-width:none!important;overflow-x:auto!important}.extras>div,.response-chart-container,.response-table-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;min-width:320px;max-width:none;width:max-content!important;display:block!important;overflow-x:auto!important}.extras{flex-direction:column;align-items:flex-start}.extras>div,.response-chart-container,.response-table-container{-webkit-overflow-scrolling:touch;min-width:0;max-width:100vw;overflow-x:auto!important}}body,html,#__next{color:#2c3e50;background-color:#f7f9fc;height:100%;margin:0;padding:0;font-family:Segoe UI,Roboto,Inter,sans-serif}h1{color:#2c3e50;margin:0;font-size:1.5rem}.app-container{display:flex;overflow:hidden}.sidebar{box-sizing:border-box;z-index:100;background-color:#f5f7fa;border-right:1px solid #ccc;width:200px;padding:1rem;transition:width .2s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.chat-area{background-color:#fff;flex-direction:column;flex:1;min-height:100vh;margin-left:200px;transition:margin-left .2s;display:flex}@media (max-width:700px){.sidebar{border:none!important;width:0!important;min-width:0!important;padding:0!important;display:none!important;overflow:hidden!important}.chat-area{width:100vw!important;max-width:100vw!important;margin-left:0!important}.chat-header h1{font-size:1.1rem}.chat-input-form{padding:.5rem;left:0!important}.message-list{padding:.5rem .5rem 1.5rem}.extras>div{padding:.4rem .5rem;font-size:.9rem}}@media (max-width:480px){.sidebar{border:none;width:0;min-width:0;padding:0;overflow:hidden}.chat-area{margin-left:0}.chat-input-form{padding:.25rem;left:0;right:0}.message-list{padding:.25rem .25rem 1rem}.extras>div{padding:.3rem;font-size:.85rem}}.chat-header{background-color:#eaf0f6;border-bottom:1px solid #dce1e7;padding:1rem}.message-list{box-sizing:border-box;flex:1;padding:1rem 1rem 2rem;overflow-y:auto}.message{margin:1rem 0}.message .extras{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:.5rem;display:flex}.message strong{color:#2980b9}.message-content{white-space:pre-wrap;margin-top:.25rem}.chat-input-form{z-index:1000;background-color:#fff;border-top:1px solid #dce1e7;padding:1rem;display:flex;position:fixed;bottom:0;left:250px;right:0}.chat-input-form input{border:1px solid #ccd6dd;border-radius:4px;flex:1;padding:.75rem;font-size:1rem}.chat-input-form button{color:#fff;cursor:pointer;background-color:#2980b9;border:none;border-radius:4px;margin-left:.5rem;padding:.75rem 1rem;transition:background-color .2s}.chat-input-form button:hover{background-color:#1c6391}.extras{flex-direction:column;align-items:stretch;gap:1rem;display:flex;overflow-x:auto}.extras>div{background:#f9f9f9;border-radius:8px;width:100%;min-width:220px;max-width:100%;padding:.5rem .75rem;font-size:.95rem;box-shadow:0 1px 4px rgba(0,0,0,.04)}.extras .response-chart-container,.extras .response-table-container{overflow-x:hidden;overflow-y:auto}.extras h3{margin-bottom:.5rem;font-size:1.05rem}.extras .MuiDataGrid-root{min-height:180px;max-height:250px;font-size:.9rem;height:250px!important}.extras .MuiDataGrid-columnHeaders{font-size:.95rem}.extras .MuiDataGrid-cell{font-size:.9rem}.extras .MuiDataGrid-virtualScroller{min-height:120px}.extras .MuiDataGrid-footerContainer,.extras .MuiDataGrid-toolbarContainer{min-height:32px}.extras .MuiDataGrid-root .MuiDataGrid-main{min-height:120px}.extras .MuiDataGrid-root .MuiDataGrid-row{min-height:28px}.extras .MuiDataGrid-root .MuiDataGrid-cell,.extras .MuiDataGrid-root .MuiDataGrid-columnHeader{padding:2px 8px}.extras .MuiDataGrid-root .MuiDataGrid-columnHeaderTitle{font-size:.95rem}.extras .MuiDataGrid-root .MuiDataGrid-columnSeparator,.extras .MuiDataGrid-root .MuiDataGrid-iconButtonContainer,.extras .MuiDataGrid-root .MuiDataGrid-menuIcon{display:none}.extras .MuiDataGrid-root .MuiDataGrid-sortIcon{font-size:1rem}.extras .MuiDataGrid-root .MuiDataGrid-cell:focus,.extras .MuiDataGrid-root .MuiDataGrid-columnHeader:focus{outline:none}.extras .MuiDataGrid-root .MuiDataGrid-footerContainer,.extras .MuiDataGrid-root .MuiDataGrid-toolbarContainer{background:#fafafa}.extras .MuiDataGrid-root .MuiDataGrid-row.Mui-selected{background:#eaf0f6}.extras .MuiDataGrid-root .MuiDataGrid-row:hover{background:#f0f4fa}.extras .MuiDataGrid-root .MuiDataGrid-cell:focus,.extras .MuiDataGrid-root .MuiDataGrid-columnHeader:focus{outline:none}.extras .MuiDataGrid-root .MuiDataGrid-footerContainer{border-top:none}.extras .MuiDataGrid-root .MuiDataGrid-toolbarContainer{border-bottom:none}.extras .MuiDataGrid-root .MuiDataGrid-columnHeaders{border-bottom:1px solid #e0e0e0}.extras .MuiDataGrid-root .MuiDataGrid-cell{border-bottom:1px solid #f0f0f0}.extras .MuiDataGrid-root .MuiDataGrid-row:last-child .MuiDataGrid-cell{border-bottom:none}.extras .MuiDataGrid-root .MuiDataGrid-footerContainer,.extras .MuiDataGrid-root .MuiDataGrid-toolbarContainer{background:#fafafa}.extras .MuiDataGrid-root .MuiDataGrid-columnHeaders{background:#f5f7fa}.extras .MuiDataGrid-root .MuiDataGrid-columnHeaderTitle{color:#2980b9}.extras .MuiDataGrid-root .MuiDataGrid-row{background:#fff}
