/* Compact jocarsa | editor gray interface — intentionally loaded last */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono:wght@400;700&display=swap');
:root{--ju-accent:#777;--ju-accent-strong:#555;--ju-panel-dark:#292929;--ju-panel-mid:#454545;--app-font-family:'Ubuntu Mono',monospace;--app-font-size:15px}
html,body,body *,button,input,select,textarea,.CodeMirror,.CodeMirror *, .xterm,.xterm *{font-family:'Ubuntu Mono',monospace!important}
body{font-size:14px!important}
#top-bar,header{min-height:48px;height:auto!important;flex-shrink:0;gap:10px!important;padding:6px 12px!important;background:#292929!important;color:#f5f5f5!important;border-bottom:1px solid #515151!important}
#brand,#titulo{font-size:16px!important;font-weight:700!important;letter-spacing:0!important}
#room-tools{min-width:0;gap:7px!important}
#room-tools label{color:#ccc!important;font-size:12px!important}
#top-bar button,#top-bar select,header button,header select{font-size:13px!important;line-height:1.2!important;min-height:32px;padding:6px 10px!important;background:#414141!important;color:#f3f3f3!important;border:1px solid #626262!important;border-radius:4px!important;clip-path:none!important;box-shadow:none!important}
#top-bar button:hover,header button:hover{background:#5b5b5b!important}
#top-bar button:disabled,header button:disabled{opacity:.48!important}
#roomSelect{max-width:235px}#favouritesSelect{max-width:250px}
#sidebar,#student-tree{background:#262626!important;color:#dedede!important;border-right:1px solid #484848!important;scrollbar-color:#666 #292929}
#tree{font-size:13px!important;color:#dedede!important;min-width:max-content!important;padding:8px 3px!important}
.tree-root-label,.tree-item-header,.tree-item.file,.tree-row{color:#dedede!important;font-size:13px!important;min-height:24px!important;padding-top:3px!important;padding-bottom:3px!important;line-height:18px!important;background:transparent!important;font-weight:400!important}
.tree-item-header:hover,.tree-item.file:hover,.tree-row:hover{background:#3d3d3d!important}
.tree-item.folder.expanded>.tree-item-header{background:#333!important;color:#fff!important;font-weight:700!important}
.tree-item.file{color:#c7c7c7!important}
.tree-label,.tree-row .label{color:inherit!important;opacity:1!important;text-shadow:none!important}
.tree-toggle,.tree-row .twisty{color:#c1c1c1!important;width:12px!important;flex-basis:12px!important}
.tree-icon,.tree-row .icon{width:17px!important;flex-basis:17px!important;font-size:13px!important}
.tree-children{margin-left:13px!important;border-left:1px solid #444!important}
.tree-root-label button{background:#404040!important;color:#fff!important;border:1px solid #555!important;border-radius:3px!important;clip-path:none!important}
#divider{background:#555!important;width:5px!important;flex:0 0 5px!important}
#editor-pane{background:#1e1e1e!important}
#tabs,.tabs{background:#252525!important;border-bottom:1px solid #424242!important}
#editor-workspace{min-height:0!important}
#preview-divider{background:#666!important;flex-basis:7px!important}
.preview-header{background:#303030!important;color:#eee!important;border-bottom:1px solid #555!important;gap:8px}
.preview-header button{background:#4a4a4a!important;color:white!important;border:1px solid #666!important;border-radius:3px!important;clip-path:none!important}
#student-tree{width:270px!important}
.student-tree-row{color:#ddd!important;font-size:13px!important;min-height:25px!important;line-height:19px!important;padding-top:3px!important;padding-bottom:3px!important}
.student-tree-row.file{color:#bbb!important}.student-tree-row.current{background:#595959!important;color:#fff!important}
.student-tree-row.folder.expanded{background:#383838!important;color:#fff!important}
#student-tree-title{color:#eee!important;background:#333!important;border-color:#555!important}
@media(max-width:1050px){#top-bar{flex-wrap:wrap!important}#room-tools{margin-left:0!important}#favouritesSelect{max-width:180px}}