/* SatisCode Web: run, console, preview, status bar */
#toolbar .primary{background:#fff!important;color:#000!important;font-weight:700;border-radius:99px;padding:0 14px}
#toolbar .primary:hover{background:#e6e6e6!important}
#toolbar button[aria-pressed="true"]{color:#fff}
.tb-sep{width:1px;height:18px;background:var(--vscode-border);margin:0 4px;flex:none}
#content{height:calc(100vh - 38px - 24px)!important}
#statusbar{height:24px;flex:none;display:flex;align-items:center;gap:16px;padding:0 12px;background:#fff;color:#000;font:600 11.5px ui-monospace,Menlo,Consolas,monospace;white-space:nowrap;overflow:hidden}
#statusbar .sp{flex:1}
#sb-net.off{color:#b00020}
@media (max-width:760px){#statusbar span:nth-child(n+4):not(.sp):not(#sb-lang){display:none}#toolbar{overflow-x:auto}}
#run-panel{display:flex;flex-direction:column;height:42%;min-height:120px;background:var(--vscode-bg);border-top:1px solid var(--vscode-border);position:relative}
#run-panel[hidden]{display:none}
#run-resizer{position:absolute;top:-3px;left:0;right:0;height:6px;cursor:ns-resize;z-index:3}
#run-head{display:flex;align-items:center;gap:2px;padding:4px 8px;border-bottom:1px solid var(--vscode-border);background:var(--vscode-toolbar-bg)}
#run-head button{height:26px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--vscode-text-muted);font:600 12px inherit;cursor:pointer}
#run-head button:hover{background:var(--vscode-hover-item);color:#fff}
#run-head button[aria-pressed="true"]{background:var(--vscode-active-item);color:#fff}
#run-head .sp{flex:1}#rp-title{margin-left:12px;color:var(--vscode-text-muted);font:12px ui-monospace,Menlo,Consolas,monospace}
#rp-count{background:#ff6166;color:#000;border-radius:99px;padding:0 6px;font-size:11px;margin-left:4px}
#rp-console{flex:1;overflow:auto;padding:8px 14px;font:12.5px/1.7 ui-monospace,Menlo,Consolas,monospace;user-select:text;white-space:pre-wrap;word-break:break-word}
#rp-console .l{border-bottom:1px solid #0f0f0f;padding:1px 0}
#rp-console .error{color:#ff6166}#rp-console .warn{color:#f5a623}#rp-console .info{color:#52a8ff}#rp-console .sys{color:#6b6b6b}#rp-console .ok{color:#50e3c2}
#rp-console .empty{color:#6b6b6b}
#rp-frame{flex:1;width:100%;border:0;background:#fff}#rp-frame[hidden]{display:none}
#problems-list .prob{display:flex;gap:10px;align-items:baseline;padding:4px 14px;cursor:pointer;font-size:12.5px}
#problems-list .prob:hover{background:var(--vscode-hover-item)}
#problems-list .prob i{font-style:normal;font-weight:700}#problems-list .prob .e{color:#ff6166}#problems-list .prob .w{color:#f5a623}
#problems-list .prob small{color:var(--vscode-text-muted);margin-left:auto;font-family:ui-monospace,Menlo,Consolas,monospace}
#toolbar{height:38px;flex:none;align-items:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
#toolbar::-webkit-scrollbar{display:none}
#toolbar>*{flex:none;white-space:nowrap}
#toolbar button,#toolbar a,#toolbar select{white-space:nowrap;flex:none}
#toolbar .primary{height:26px;display:inline-flex;align-items:center;gap:4px;margin-right:4px}
#status,#ideStatus{display:none!important}
#tab-bar{flex:none}

/* grips and extra sidebars */
body.resizing{user-select:none;cursor:ns-resize}body.resizing *{pointer-events:none}body.resizing .grip,body.resizing .grip-v,body.resizing #run-resizer{pointer-events:auto}
#run-resizer,.grip{height:8px!important;top:-4px!important;touch-action:none;z-index:5!important;background:transparent;transition:background .15s}
#run-resizer:hover,#run-resizer.on,.grip:hover,.grip.on{background:#4d7bff}
#run-resizer::after{content:'';position:absolute;left:50%;top:2px;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:#333}
.grip-v{width:6px;flex:none;cursor:ew-resize;touch-action:none;margin-left:-3px;z-index:5;background:transparent;transition:background .15s}.grip-v:hover,.grip-v.on{background:#4d7bff}.grip-v[hidden]{display:none}
body.resizing .grip-v{cursor:ew-resize}
.tree-head{display:flex;align-items:center;justify-content:space-between}
.tree-add{border:0;background:transparent;color:var(--vscode-text-muted);font-size:16px;cursor:pointer;border-radius:6px;width:24px;height:24px}.tree-add:hover{background:var(--vscode-hover-item);color:#fff}
.tree-entry{position:relative}.tree-ops{display:none;margin-left:auto;gap:2px}.tree-entry:hover .tree-ops{display:inline-flex}
.tree-ops button{border:0;background:transparent;color:var(--vscode-text-muted);cursor:pointer;width:22px;height:22px;border-radius:6px;font-size:12px}.tree-ops button:hover{background:var(--vscode-active-item);color:#fff}
#search-sidebar{width:260px;flex:none;background:var(--vscode-sidebar-bg);border-right:1px solid var(--vscode-border);display:flex;flex-direction:column;min-height:0}
#search-sidebar[hidden]{display:none}
#search-head{padding:10px 14px;font:600 11px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--vscode-text-muted)}
.sr-box{display:flex;gap:6px;padding:0 12px 8px}.sr-box input{flex:1;min-width:0;height:30px;border-radius:8px;border:1px solid var(--vscode-border);background:var(--vscode-input-bg);color:#fff;padding:0 10px;font:13px inherit;outline:none;user-select:text}.sr-box input:focus{border-color:var(--vscode-focus-border)}
.sr-box button{width:30px;height:30px;border-radius:8px;border:1px solid var(--vscode-border);background:transparent;color:var(--vscode-text-muted);cursor:pointer;font:600 12px inherit}.sr-box button[aria-pressed="true"]{background:var(--vscode-focus-border);color:#fff;border-color:transparent}
#sr-sum{padding:0 14px 8px;color:var(--vscode-text-muted);font-size:12px}
#sr-res{flex:1;overflow:auto;padding-bottom:12px}
.sr-file{display:flex;justify-content:space-between;padding:6px 14px;font-size:12.5px;background:var(--vscode-hover-item)}.sr-file span{color:var(--vscode-text-muted)}
.sr-hit{padding:3px 14px 3px 14px;font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;color:var(--vscode-text-muted);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-hit:hover{background:var(--vscode-hover-item);color:#fff}
.sr-hit i{font-style:normal;color:#4a4a4a;margin-right:10px}.sr-hit mark{background:rgba(77,123,255,.4);color:#fff;border-radius:2px}
@media (max-width:760px){#search-sidebar{width:100%;position:absolute;z-index:6;inset:0 0 0 46px}}
#run-panel{flex:none!important;height:300px;max-height:calc(100% - 190px)}
#editor,#markdown-preview{flex:1 1 0!important;min-height:80px!important}
#problems-panel{flex:none}