/* COINLAB_COMMON_UI_20261030 */
.cl-menu-button,.cl-search-button {
  border:1px solid #29374c;
  background:#101827;
  color:#dbe8fa;
  border-radius:10px;
  cursor:pointer;
  height:38px;
  padding:0 13px;
  font:inherit;
}
.cl-menu-button {min-width:38px;font-size:19px}
.cl-search-button {
  flex:1;
  max-width:380px;
  text-align:left;
  margin-left:auto;
  color:#9aabc3;
}
.cl-search-button:hover,.cl-menu-button:hover {
  border-color:#25d9cf;
}
.cl-search-layer {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.75);
  z-index:99999;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:12vh 16px 20px;
}
.cl-search-panel {
  background:#101827;
  border:1px solid #34445d;
  border-radius:16px;
  padding:18px;
  width:min(560px,100%);
  max-height:75vh;
  overflow:auto;
  box-shadow:0 24px 80px #0009;
  color:#eef4ff;
}
.cl-search-input {
  width:100%;
  padding:14px;
  border-radius:10px;
  border:1px solid #34445d;
  background:#080e19;
  color:white;
  font-size:16px;
}
.cl-search-results {margin-top:12px}
.cl-search-results a {
  display:block;
  padding:12px;
  margin:5px 0;
  border-radius:9px;
  color:#e6f2ff;
  text-decoration:none;
  background:#172235;
}
.cl-search-results a:hover {background:#24415b}
.cl-search-close {
  float:right;
  background:transparent;
  color:#cbd5e1;
  border:0;
  cursor:pointer;
  font-size:20px;
}
.cl-menu-backdrop {
  display:none;
  position:fixed;
  inset:0;
  z-index:1998;
  background:#0009;
}
@media(min-width:761px) {
  body.cl-sidebar-collapsed .app {
    grid-template-columns:0 minmax(0,1fr);
  }
  body.cl-sidebar-collapsed .app>.sidebar {
    display:none!important;
  }
  body.cl-sidebar-collapsed .workspace {
    grid-column:1/-1;
  }
  body.cl-sidebar-collapsed .backtest-shell {
    margin-left:0!important;
  }
  body.cl-sidebar-collapsed .sidebar {
    display:none!important;
  }
}
@media(max-width:760px) {
  .cl-search-button {display:none}
  body.cl-menu-open .sidebar {
    display:flex!important;
    position:fixed!important;
    top:0;
    bottom:0;
    left:0;
    width:min(290px,85vw);
    z-index:2000!important;
    overflow-y:auto;
  }
  body.cl-menu-open .cl-menu-backdrop {display:block}
  .cl-menu-button {display:inline-flex;align-items:center;justify-content:center}
  .topbar {gap:8px}
}
html[data-theme="light"] .cl-menu-button,
html[data-theme="light"] .cl-search-button {
  background:#f4f7fc;
  color:#263c56;
  border-color:#d3dfed;
}