/* Final interaction polish for the IDE language picker and console header. */

/* Make the entire language control clickable while keeping the integrated look. */
body.hdlforge-ide-active .ide-page .file-tabs:has(.editor-language) .file-tab{
  display:none!important;
}
body.hdlforge-ide-active .ide-page .file-tabs:has(.editor-language) .editor-language{
  position:relative!important;
  width:205px!important;
  min-width:205px!important;
  height:100%!important;
  margin-left:0!important;
  padding:0!important;
  display:block!important;
  box-shadow:inset 0 -2px 0 #fff!important;
  overflow:hidden!important;
}
body.hdlforge-ide-active .ide-page .file-tabs:has(.editor-language) .editor-language::before{
  content:"</>"!important;
  position:absolute!important;
  left:18px!important;
  top:50%!important;
  z-index:3!important;
  margin:0!important;
  transform:translateY(-50%)!important;
  color:#8ab4f8!important;
  font:700 17px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  letter-spacing:-.08em!important;
  pointer-events:none!important;
}
body.hdlforge-ide-active .ide-page .file-tabs:has(.editor-language) .editor-language::after{
  content:""!important;
  position:absolute!important;
  right:17px!important;
  top:50%!important;
  z-index:3!important;
  width:7px!important;
  height:7px!important;
  margin:-5px 0 0!important;
  border:0!important;
  border-right:1.5px solid #999!important;
  border-bottom:1.5px solid #999!important;
  transform:rotate(45deg)!important;
  pointer-events:none!important;
}
body.hdlforge-ide-active .ide-page .file-tabs:has(.editor-language) .editor-language select{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
  padding:0 40px 0 51px!important;
  border:0!important;
  border-radius:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  color:#f5f5f5!important;
  font-size:16px!important;
  font-weight:600!important;
  outline:0!important;
  cursor:pointer!important;
}
body.hdlforge-ide-active .ide-page .file-tabs:has(.editor-language) .editor-language select:focus-visible{
  outline:1px solid rgba(255,255,255,.32)!important;
  outline-offset:-2px!important;
}
body.hdlforge-ide-active .ide-page .file-tabs:has(.editor-language) .editor-language select option{
  background:#262626!important;
  color:#f5f5f5!important;
}

/* Visually merge the collapse chevron into the Console tab. */
body.hdlforge-ide-active .ide-page .bottom-tabs{
  position:relative!important;
}
body.hdlforge-ide-active .ide-page .bottom-tabs .bottom-collapse{
  position:absolute!important;
  left:20px!important;
  top:0!important;
  z-index:4!important;
  order:unset!important;
  width:18px!important;
  min-width:18px!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#999!important;
  box-shadow:none!important;
  font-size:0!important;
}
body.hdlforge-ide-active .ide-page .bottom-tabs .bottom-collapse:hover{
  color:#fff!important;
  background:transparent!important;
}
body.hdlforge-ide-active .ide-page .bottom-tabs .bottom-collapse svg{
  width:14px!important;
  height:14px!important;
  stroke-width:1.8!important;
}
body.hdlforge-ide-active .ide-page .bottom-tabs>button:first-child{
  order:1!important;
  padding-left:34px!important;
  padding-right:14px!important;
  margin-left:0!important;
  gap:0!important;
}
body.hdlforge-ide-active .ide-page .bottom-tabs>button:first-child>svg{
  display:none!important;
}
body.hdlforge-ide-active .ide-page .bottom-tabs>button:nth-child(2){order:2!important}
body.hdlforge-ide-active .ide-page .bottom-tabs>button:nth-child(3){order:3!important}

/* Match the proxy's real 30px positioning math so it stays inside the console header. */
.ide-console-run-proxy{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  min-height:30px!important;
}
.ide-console-run-proxy::after{
  width:24px!important;
  height:24px!important;
}

/* Problem drawer: use the same neutral LeetCode-style charcoal palette as the IDE. */
body.hdlforge-ide-active .ide-drawer-backdrop{
  background:rgba(0,0,0,.56)!important;
}
body.hdlforge-ide-active .ide-problem-drawer{
  border-color:#3a3a3a!important;
  background:#1f1f1f!important;
  box-shadow:0 24px 70px rgba(0,0,0,.52)!important;
}
body.hdlforge-ide-active .ide-drawer-header{
  border-bottom-color:#3a3a3a!important;
  background:#262626!important;
}
body.hdlforge-ide-active .ide-drawer-eyebrow{
  color:#9b9b9b!important;
}
body.hdlforge-ide-active .ide-drawer-header strong{
  color:#f1f1f1!important;
  font-weight:600!important;
}
body.hdlforge-ide-active .ide-drawer-close{
  border-color:#424242!important;
  background:#262626!important;
  color:#aaa!important;
}
body.hdlforge-ide-active .ide-drawer-close:hover{
  border-color:#555!important;
  background:#303030!important;
  color:#fff!important;
}
body.hdlforge-ide-active .ide-drawer-search{
  border-color:#424242!important;
  background:#1e1e1e!important;
  color:#8f8f8f!important;
}
body.hdlforge-ide-active .ide-drawer-search:focus-within{
  border-color:#666!important;
  box-shadow:0 0 0 1px #666!important;
}
body.hdlforge-ide-active .ide-drawer-search input{
  color:#ededed!important;
}
body.hdlforge-ide-active .ide-drawer-search input::placeholder{
  color:#888!important;
}
body.hdlforge-ide-active .ide-drawer-groups{
  background:#1f1f1f!important;
  scrollbar-color:#555 #1f1f1f!important;
}
body.hdlforge-ide-active .ide-drawer-group-title{
  color:#a9a9a9!important;
}
body.hdlforge-ide-active .ide-drawer-group-title em{
  color:#777!important;
}
body.hdlforge-ide-active .ide-drawer-problem{
  border-color:transparent!important;
  background:transparent!important;
}
body.hdlforge-ide-active .ide-drawer-problem:hover{
  border-color:#3d3d3d!important;
  background:#292929!important;
}
body.hdlforge-ide-active .ide-drawer-problem.active{
  border-color:#454545!important;
  background:#303030!important;
  box-shadow:inset 2px 0 0 #fff!important;
}
body.hdlforge-ide-active .ide-drawer-status{
  border-color:#555!important;
  color:#777!important;
  background:transparent!important;
}
body.hdlforge-ide-active .ide-drawer-status.solved{
  color:#2cbb5d!important;
  border-color:rgba(44,187,93,.42)!important;
  background:rgba(44,187,93,.08)!important;
}
body.hdlforge-ide-active .ide-drawer-copy strong{
  color:#e8e8e8!important;
  font-weight:600!important;
}
body.hdlforge-ide-active .ide-drawer-copy small{
  color:#8b8b8b!important;
}
body.hdlforge-ide-active .ide-drawer-difficulty.easy{color:#2cbb5d!important}
body.hdlforge-ide-active .ide-drawer-difficulty.medium{color:#f0b429!important}
body.hdlforge-ide-active .ide-drawer-difficulty.hard{color:#ef5b6a!important}