/* Final task/editor visual pass: LeetCode-inspired neutral dark palette. */
body.hdlforge-ide-active{
  background:#0f0f0f!important;
}
body.hdlforge-ide-active .ide-page{
  padding:0 8px 8px!important;
  background:#0f0f0f!important;
}

/* Compact borderless top header. */
body.hdlforge-ide-active .ide-page .ide-topbar{
  height:50px!important;
  min-height:50px!important;
  flex-basis:50px!important;
  margin:0!important;
  padding:0 16px 0 24px!important;
  border:0!important;
  border-radius:0!important;
  background:#141414!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.hdlforge-ide-active .ide-page .ide-brand{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
}
body.hdlforge-ide-active .ide-page .ide-topbar-problems{
  gap:12px!important;
  color:#e6e6e6!important;
}
body.hdlforge-ide-active .ide-page .ide-topbar-problems-label{
  color:#e6e6e6!important;
  font-size:17px!important;
  font-weight:650!important;
  letter-spacing:0!important;
}
body.hdlforge-ide-active .ide-page .ide-topbar-problems-count{
  color:#858585!important;
  font-size:13px!important;
}
body.hdlforge-ide-active .ide-page .ide-topbar-problems-icon{
  background:
    linear-gradient(#c6c6c6,#c6c6c6) 0 0/17px 2px no-repeat,
    linear-gradient(#c6c6c6,#c6c6c6) 0 6px/17px 2px no-repeat,
    linear-gradient(#c6c6c6,#c6c6c6) 0 12px/17px 2px no-repeat!important;
}
body.hdlforge-ide-active .ide-page .ide-problem-navigation button:first-child,
body.hdlforge-ide-active .ide-page .ide-problem-navigation button:last-child{
  color:#a0a0a0!important;
}
body.hdlforge-ide-active .ide-page .ide-problem-navigation button:first-child:hover:not(:disabled),
body.hdlforge-ide-active .ide-page .ide-problem-navigation button:last-child:hover:not(:disabled){
  color:#fff!important;
}

/* Icon-only account control in the IDE header. */
body.hdlforge-ide-active>.app>.nav .profile{
  top:8px!important;
  right:18px!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  color:#bdbdbd!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
}
body.hdlforge-ide-active>.app>.nav .profile span{display:none!important}
body.hdlforge-ide-active>.app>.nav .profile svg{
  width:20px!important;
  height:20px!important;
}
body.hdlforge-ide-active>.app>.nav .profile:hover{
  color:#fff!important;
  background:transparent!important;
}

/* Separate neutral charcoal problem/editor cards. */
body.hdlforge-ide-active .ide-page .ide-body{
  gap:8px!important;
  background:#0f0f0f!important;
}
body.hdlforge-ide-active .ide-page .ide-problem,
body.hdlforge-ide-active .ide-page .ide-workspace{
  border:1px solid #333!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
body.hdlforge-ide-active .ide-page .ide-problem{
  background:#262626!important;
}
body.hdlforge-ide-active .ide-page .ide-workspace{
  background:#1f1f1f!important;
}

/* Problem tabs: neutral text and simple white underline. */
body.hdlforge-ide-active .ide-page .ide-problem>.problem-tabs{
  height:52px!important;
  flex-basis:52px!important;
  padding:0 14px!important;
  gap:6px!important;
  border-bottom:1px solid #3a3a3a!important;
  background:#262626!important;
}
body.hdlforge-ide-active .ide-page .problem-tabs button{
  height:100%!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#a9a9a9!important;
  font-size:16px!important;
  font-weight:600!important;
  box-shadow:none!important;
}
body.hdlforge-ide-active .ide-page .problem-tabs button:hover{
  color:#e2e2e2!important;
  background:transparent!important;
}
body.hdlforge-ide-active .ide-page .problem-tabs button.active{
  position:relative!important;
  color:#fff!important;
  border:0!important;
  background:transparent!important;
  box-shadow:inset 0 -2px 0 #fff!important;
}
body.hdlforge-ide-active .ide-page .ide-problem-content{
  padding:0 32px 44px!important;
  background:#262626!important;
}
body.hdlforge-ide-active .ide-page .problem-heading{
  padding:20px 0 24px!important;
  border-bottom:1px solid #333!important;
}
body.hdlforge-ide-active .ide-page .problem-heading h1{
  color:#f1f1f1!important;
  font-size:31px!important;
  line-height:1.15!important;
  font-weight:500!important;
  letter-spacing:-.025em!important;
}
body.hdlforge-ide-active .ide-page .difficulty.easy{
  color:#3fd7c5!important;
  background:rgba(0,184,163,.12)!important;
  border-color:transparent!important;
}
body.hdlforge-ide-active .ide-page .problem-section p,
body.hdlforge-ide-active .ide-page .content-card p{
  color:#d1d1d1!important;
  font-size:18px!important;
  line-height:1.62!important;
}
body.hdlforge-ide-active .ide-page .problem-section.first p{
  padding:18px 0 28px!important;
  border-bottom:1px solid #333!important;
}
body.hdlforge-ide-active .ide-page .problem-section h2,
body.hdlforge-ide-active .ide-page .content-card h2{
  margin:0 0 18px!important;
  padding-top:30px!important;
  border-top:0!important;
  color:#e2e2e2!important;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:650!important;
  letter-spacing:.08em!important;
}
body.hdlforge-ide-active .ide-page .examples{
  gap:12px!important;
}
body.hdlforge-ide-active .ide-page .examples>div{
  padding:17px 18px!important;
  border:1px solid #424242!important;
  border-radius:8px!important;
  background:#202020!important;
}
body.hdlforge-ide-active .ide-page .examples span{
  color:#a6a6a6!important;
  font-size:14px!important;
  font-weight:650!important;
  letter-spacing:.04em!important;
}
body.hdlforge-ide-active .ide-page .examples pre{
  margin-top:13px!important;
  color:#dedede!important;
  font-size:15px!important;
  line-height:1.55!important;
}
body.hdlforge-ide-active .ide-page .problem-section ul{
  color:#bdbdbd!important;
  font-size:15px!important;
  line-height:1.9!important;
}

/* Language bar: compact and integrated. */
body.hdlforge-ide-active .ide-page .file-tabs{
  height:50px!important;
  flex-basis:50px!important;
  border-bottom:1px solid #3a3a3a!important;
  background:#262626!important;
}
body.hdlforge-ide-active .ide-page .file-tabs:has(.editor-language) .editor-language{
  height:100%!important;
  padding:0 18px!important;
  gap:9px!important;
  box-shadow:inset 0 -2px 0 #fff!important;
}
body.hdlforge-ide-active .ide-page .file-tabs:has(.editor-language) .editor-language::before{
  margin-right:9px!important;
  color:#8ab4f8!important;
  font-size:17px!important;
}
body.hdlforge-ide-active .ide-page .file-tabs:has(.editor-language) .editor-language::after{
  content:""!important;
  position:static!important;
  width:7px!important;
  height:7px!important;
  margin-left:7px!important;
  border:0!important;
  border-right:1.5px solid #8a8a8a!important;
  border-bottom:1.5px solid #8a8a8a!important;
  transform:rotate(45deg) translateY(-2px)!important;
  pointer-events:none!important;
}
body.hdlforge-ide-active .ide-page .file-tabs:has(.editor-language) .editor-language select{
  width:auto!important;
  padding:0!important;
  color:#f5f5f5!important;
  font-size:16px!important;
  font-weight:600!important;
  background:transparent!important;
}
body.hdlforge-ide-active .ide-page .file-tabs .icon-btn{
  width:44px!important;
  height:44px!important;
  margin:auto 10px auto auto!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#aaa!important;
}
body.hdlforge-ide-active .ide-page .file-tabs .icon-btn:hover{
  background:#303030!important;
  color:#fff!important;
}

/* Editor and source toolbar. */
body.hdlforge-ide-active .ide-page .editor-wrap,
body.hdlforge-ide-active .ide-page .editor-stage,
body.hdlforge-ide-active .ide-page .monaco-editor-stage{
  background:#1e1e1e!important;
}
body.hdlforge-ide-active .ide-page .editor-toolbar{
  height:38px!important;
  flex-basis:38px!important;
  padding:0 14px!important;
  border-bottom:1px solid #2c2c2c!important;
  background:#232323!important;
  color:#8f8f8f!important;
  font-size:13px!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
body.hdlforge-ide-active .ide-page .editor-toolbar>span:first-child{
  color:#bcbcbc!important;
  font-size:13px!important;
  font-weight:600!important;
  letter-spacing:.04em!important;
}
body.hdlforge-ide-active .ide-page .editor-shortcuts span{
  color:#8f8f8f!important;
}
body.hdlforge-ide-active .ide-page .editor-shortcuts button{
  width:34px!important;
  height:30px!important;
  border:1px solid #454545!important;
  border-radius:7px!important;
  background:#2b2b2b!important;
  color:#aaa!important;
}

/* Console: compact, neutral, with chevron visually attached to Console. */
body.hdlforge-ide-active .ide-page .ide-bottom{
  flex:0 0 220px!important;
  height:220px!important;
  min-height:110px!important;
  max-height:65%!important;
  border-top:1px solid #3a3a3a!important;
  background:#262626!important;
}
body.hdlforge-ide-active .ide-page .ide-bottom.collapsed{
  flex-basis:50px!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
}
body.hdlforge-ide-active .ide-page .bottom-tabs{
  height:50px!important;
  min-height:50px!important;
  flex-basis:50px!important;
  gap:4px!important;
  padding:0 14px!important;
  border-bottom:1px solid #3a3a3a!important;
  background:#262626!important;
}
body.hdlforge-ide-active .ide-page .bottom-tabs>button{
  height:100%!important;
  padding:0 13px!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  color:#9b9b9b!important;
  background:transparent!important;
  font-size:16px!important;
  font-weight:600!important;
}
body.hdlforge-ide-active .ide-page .bottom-tabs>button.active{
  color:#fff!important;
  border-bottom-color:#fff!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.hdlforge-ide-active .ide-page .bottom-tabs .bottom-collapse{
  order:1!important;
  width:24px!important;
  min-width:24px!important;
  height:100%!important;
  margin:0 -2px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#9b9b9b!important;
}
body.hdlforge-ide-active .ide-page .bottom-tabs .bottom-collapse:hover{
  background:transparent!important;
  color:#fff!important;
}
body.hdlforge-ide-active .ide-page .bottom-tabs .bottom-collapse svg{
  width:15px!important;
  height:15px!important;
  stroke-width:1.8!important;
}
body.hdlforge-ide-active .ide-page .bottom-tabs>button:first-child{
  order:2!important;
  padding-left:4px!important;
}
body.hdlforge-ide-active .ide-page .bottom-tabs>button:nth-child(2),
body.hdlforge-ide-active .ide-page .bottom-tabs>button:nth-child(3){
  order:3!important;
}
body.hdlforge-ide-active .ide-page .console{
  padding:14px!important;
  background:#232323!important;
  color:#858585!important;
}
body.hdlforge-ide-active .ide-page .console-empty{
  color:#858585!important;
  font-size:15px!important;
}

/* Muted run glyph; no surrounding block. */
.ide-console-run-proxy{
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.ide-console-run-proxy::after{
  width:28px!important;
  height:28px!important;
  margin-left:2px!important;
  border:0!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M9.5 6.7c0-1.4 1.5-2.2 2.7-1.5l13.1 8.4c1.1.7 1.1 2.3 0 3L12.2 25c-1.2.8-2.7-.1-2.7-1.5V6.7Z' fill='%234e9c68'/%3E%3C/svg%3E")!important;
  filter:none!important;
  opacity:.88!important;
}
.ide-console-run-proxy:hover:not(:disabled){background:transparent!important}
.ide-console-run-proxy:hover:not(:disabled)::after{
  transform:scale(1.04)!important;
  filter:none!important;
  opacity:1!important;
}

@media(max-width:720px){
  body.hdlforge-ide-active .ide-page .ide-topbar{
    height:50px!important;
    min-height:50px!important;
    flex-basis:50px!important;
    padding:0 10px!important;
  }
  body.hdlforge-ide-active .ide-page .ide-problem>.problem-tabs{
    padding:0 8px!important;
  }
  body.hdlforge-ide-active .ide-page .ide-problem-content{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}