/* IMPERIUM STRATEGY CONSOLE V2 v1.4.0 */

#page-bot-detail .tab-content{
  min-height:0 !important;
}

#page-bot-detail .tab-content.active{
  display:block !important;
}

#page-bot-detail .coin.eth.sc2-eth-icon{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  padding:8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,#152334,#101b29) !important;
  border:1px solid #2a4162 !important;
  font-size:0 !important;
  color:transparent !important;
  overflow:hidden !important;
}

#page-bot-detail .sc2-eth-svg{
  width:24px !important;
  height:32px !important;
  display:block !important;
}

#page-bot-detail .sc2-live-shell,
#page-bot-detail .sc2-position-shell,
#page-bot-detail .sc2-history-shell,
#page-bot-detail .sc2-logs-shell{
  padding:18px 0 4px !important;
}

#page-bot-detail .sc2-kpi-row{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-bottom:12px !important;
}

#page-bot-detail .sc2-kpi,
#page-bot-detail .sc2-card,
#page-bot-detail .sc2-position-hero,
#page-bot-detail .sc2-position-grid,
#page-bot-detail .sc2-history-shell,
#page-bot-detail .sc2-logs-shell{
  box-sizing:border-box !important;
  background:
    radial-gradient(circle at top right,rgba(53,145,115,.045),transparent 36%),
    rgba(7,20,16,.72) !important;
  border:1px solid rgba(82,129,113,.23) !important;
  border-radius:15px !important;
}

#page-bot-detail .sc2-kpi{
  min-height:104px !important;
  padding:16px 17px !important;
}

#page-bot-detail .sc2-kpi > span,
#page-bot-detail .sc2-card-head span,
#page-bot-detail .sc2-section-title span,
#page-bot-detail .sc2-position-hero span{
  display:block !important;
  color:#77938a !important;
  font-size:9px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}

#page-bot-detail .sc2-kpi > b{
  display:block !important;
  margin:9px 0 6px !important;
  color:#eff7f4 !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:750 !important;
}

#page-bot-detail .sc2-kpi small{
  color:#70867e !important;
  font-size:10px !important;
}

#page-bot-detail .sc2-live-grid{
  display:grid !important;
  grid-template-columns:1.25fr .75fr !important;
  gap:12px !important;
  margin-bottom:12px !important;
}

#page-bot-detail .sc2-card{
  padding:19px 20px !important;
}

#page-bot-detail .sc2-card-head,
#page-bot-detail .sc2-section-title{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:16px !important;
  margin-bottom:15px !important;
}

#page-bot-detail .sc2-card-head h3,
#page-bot-detail .sc2-section-title h3{
  margin:5px 0 0 !important;
  color:#eef6f3 !important;
  font-size:15px !important;
  line-height:1.25 !important;
}

#page-bot-detail .sc2-card-head > small,
#page-bot-detail .sc2-section-title > b{
  color:#6f867d !important;
  font-size:10px !important;
  font-weight:600 !important;
}

#page-bot-detail .sc2-pill{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  padding:5px 8px !important;
  border-radius:999px !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:750 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

#page-bot-detail .sc2-pill.ok{
  color:#65e4bb !important;
  border:1px solid rgba(75,213,169,.26) !important;
  background:rgba(75,213,169,.07) !important;
}
#page-bot-detail .sc2-pill.warn{
  color:#e0b85e !important;
  border:1px solid rgba(224,184,94,.24) !important;
  background:rgba(224,184,94,.07) !important;
}
#page-bot-detail .sc2-pill.bad{
  color:#ff7f87 !important;
  border:1px solid rgba(255,127,135,.24) !important;
  background:rgba(255,127,135,.06) !important;
}
#page-bot-detail .sc2-pill.muted{
  color:#91a39d !important;
  border:1px solid rgba(145,163,157,.18) !important;
  background:rgba(145,163,157,.04) !important;
}

#page-bot-detail .sc2-state-grid,
#page-bot-detail .sc2-risk-body{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  border:1px solid rgba(106,145,132,.12) !important;
  border-radius:11px !important;
  overflow:hidden !important;
}

#page-bot-detail .sc2-risk-body{
  grid-template-columns:1fr 1fr !important;
}

#page-bot-detail .sc2-state-grid > div,
#page-bot-detail .sc2-risk-body > div{
  padding:12px 13px !important;
  border-left:1px solid rgba(106,145,132,.10) !important;
  border-top:1px solid rgba(106,145,132,.10) !important;
}
#page-bot-detail .sc2-state-grid > div:nth-child(-n+3),
#page-bot-detail .sc2-risk-body > div:nth-child(-n+2){border-top:0 !important}
#page-bot-detail .sc2-state-grid > div:nth-child(3n+1),
#page-bot-detail .sc2-risk-body > div:nth-child(2n+1){border-left:0 !important}

#page-bot-detail .sc2-state-grid span,
#page-bot-detail .sc2-risk-body span,
#page-bot-detail .sc2-position-grid span{
  display:block !important;
  color:#71877f !important;
  font-size:9px !important;
  margin-bottom:5px !important;
}
#page-bot-detail .sc2-state-grid b,
#page-bot-detail .sc2-risk-body b,
#page-bot-detail .sc2-position-grid b{
  color:#e7f1ed !important;
  font-size:12px !important;
  line-height:1.3 !important;
}

#page-bot-detail .sc2-blockers{
  display:flex !important;
  gap:6px !important;
  flex-wrap:wrap !important;
  margin-top:12px !important;
}
#page-bot-detail .sc2-blockers span{
  padding:5px 7px !important;
  border-radius:7px !important;
  background:rgba(225,176,70,.06) !important;
  border:1px solid rgba(225,176,70,.14) !important;
  color:#c7a65b !important;
  font-size:9px !important;
}
#page-bot-detail .sc2-okline{
  margin-top:12px !important;
  color:#68bda3 !important;
  font-size:10px !important;
}

#page-bot-detail .sc2-orders-card{
  margin-bottom:0 !important;
}

#page-bot-detail .sc2-table-wrap{
  overflow:auto !important;
  border:1px solid rgba(106,145,132,.10) !important;
  border-radius:11px !important;
}

#page-bot-detail .sc2-table{
  width:100% !important;
  border-collapse:collapse !important;
  table-layout:auto !important;
}
#page-bot-detail .sc2-table th{
  padding:10px 12px !important;
  text-align:left !important;
  color:#6f867e !important;
  font-size:9px !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  border-bottom:1px solid rgba(106,145,132,.12) !important;
  white-space:nowrap !important;
}
#page-bot-detail .sc2-table td{
  padding:11px 12px !important;
  color:#dce7e3 !important;
  font-size:10.5px !important;
  line-height:1.35 !important;
  border-bottom:1px solid rgba(106,145,132,.07) !important;
  white-space:nowrap !important;
}
#page-bot-detail .sc2-table tbody tr:last-child td{
  border-bottom:0 !important;
}
#page-bot-detail .sc2-empty-cell{
  color:#6d827a !important;
  text-align:center !important;
  padding:26px !important;
}
#page-bot-detail .sc2-pos{color:#57dcb1 !important}
#page-bot-detail .sc2-neg{color:#ff7f87 !important}

#page-bot-detail .sc2-position-hero{
  min-height:128px !important;
  padding:23px 25px !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  margin-bottom:12px !important;
}
#page-bot-detail .sc2-position-hero h2{
  margin:8px 0 6px !important;
  font-size:28px !important;
  line-height:1 !important;
  color:#f0f7f4 !important;
}
#page-bot-detail .sc2-position-hero p{
  margin:0 !important;
  color:#738980 !important;
  font-size:11px !important;
}

#page-bot-detail .sc2-position-grid{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  overflow:hidden !important;
  margin-bottom:12px !important;
}
#page-bot-detail .sc2-position-grid > div{
  padding:15px 16px !important;
  border-left:1px solid rgba(106,145,132,.10) !important;
  border-top:1px solid rgba(106,145,132,.10) !important;
}
#page-bot-detail .sc2-position-grid > div:nth-child(-n+4){border-top:0 !important}
#page-bot-detail .sc2-position-grid > div:nth-child(4n+1){border-left:0 !important}

#page-bot-detail .sc2-position-bottom{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
}
#page-bot-detail .sc2-chips{
  display:flex !important;
  gap:7px !important;
  flex-wrap:wrap !important;
}
#page-bot-detail .sc2-chips span{
  padding:7px 9px !important;
  border-radius:8px !important;
  border:1px solid rgba(106,145,132,.13) !important;
  background:rgba(255,255,255,.02) !important;
  color:#b8c9c3 !important;
  font-size:9.5px !important;
}
#page-bot-detail .sc2-chips small{color:#70857d !important}

#page-bot-detail .sc2-history-shell,
#page-bot-detail .sc2-logs-shell{
  padding:20px !important;
}

#page-bot-detail .sc2-log-list{
  display:flex !important;
  flex-direction:column !important;
}
#page-bot-detail .sc2-log-row{
  display:grid !important;
  grid-template-columns:170px minmax(0,1fr) !important;
  gap:18px !important;
  padding:13px 4px !important;
  border-top:1px solid rgba(106,145,132,.09) !important;
}
#page-bot-detail .sc2-log-row:first-child{border-top:0 !important}
#page-bot-detail .sc2-log-time{
  color:#738880 !important;
  font-size:9.5px !important;
  padding-top:2px !important;
}
#page-bot-detail .sc2-log-main > div{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
}
#page-bot-detail .sc2-log-main b{
  color:#dfeae6 !important;
  font-size:10.5px !important;
}
#page-bot-detail .sc2-log-main span{
  color:#7f958c !important;
  font-size:9px !important;
}
#page-bot-detail .sc2-log-main p{
  margin:5px 0 0 !important;
  color:#6e837b !important;
  font-size:9.5px !important;
  line-height:1.5 !important;
  word-break:break-word !important;
}

#page-bot-detail .sc2-no-data{
  min-height:220px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  box-sizing:border-box !important;
  border:1px solid rgba(82,129,113,.20) !important;
  border-radius:15px !important;
  background:rgba(7,20,16,.55) !important;
}
#page-bot-detail .sc2-no-data h3{
  color:#e7f1ed !important;
  font-size:15px !important;
}
#page-bot-detail .sc2-no-data p{
  color:#71877e !important;
  font-size:10.5px !important;
  margin:6px 0 0 !important;
}
#page-bot-detail .sc2-flat-dot{
  width:11px !important;
  height:11px !important;
  border-radius:50% !important;
  background:#55ddb1 !important;
  box-shadow:0 0 0 6px rgba(85,221,177,.07) !important;
  margin-bottom:15px !important;
}
#page-bot-detail .sc2-error h3,
#page-bot-detail .sc2-error p{color:#ff8a91 !important}

@media(max-width:1100px){
  #page-bot-detail .sc2-kpi-row{grid-template-columns:repeat(3,1fr) !important}
  #page-bot-detail .sc2-live-grid{grid-template-columns:1fr !important}
  #page-bot-detail .sc2-position-grid{grid-template-columns:repeat(2,1fr) !important}
  #page-bot-detail .sc2-position-grid > div:nth-child(-n+4){border-top:1px solid rgba(106,145,132,.10) !important}
  #page-bot-detail .sc2-position-grid > div:nth-child(-n+2){border-top:0 !important}
  #page-bot-detail .sc2-position-grid > div:nth-child(odd){border-left:0 !important}
}

@media(max-width:700px){
  #page-bot-detail .sc2-kpi-row{grid-template-columns:1fr 1fr !important}
  #page-bot-detail .sc2-state-grid{grid-template-columns:1fr 1fr !important}
  #page-bot-detail .sc2-position-bottom{grid-template-columns:1fr !important}
  #page-bot-detail .sc2-log-row{grid-template-columns:1fr !important;gap:5px !important}
}