/* ==============================================================
 * OptionsGEX NSE Browser Alert Controls V1
 * ============================================================== */

.ogex-nbac{
  padding:12px;
  border:1px solid #30475a;
  border-radius:12px;
  background:#091621;
}

.ogex-nbac-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.ogex-nbac-head>div>span{
  display:block;
  color:#7890a5;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
}

.ogex-nbac-head>div>strong{
  display:block;
  margin-top:3px;
  color:#eef5fb;
  font-size:14px;
}

.ogex-nbac-pipeline{
  display:inline-flex;
  min-height:26px;
  align-items:center;
  padding:0 8px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}

.ogex-nbac-pipeline.locked{
  border:1px solid #705b1f;
  background:#201b0d;
  color:#efc857;
}

.ogex-nbac-pipeline.active{
  border:1px solid #287454;
  background:#0b2119;
  color:#4de0a0;
}

.ogex-nbac-controls{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:7px;
  margin-top:11px;
}

.ogex-nbac-controls button{
  min-height:46px;
  padding:7px 9px;
  border:1px solid #344b5f;
  border-radius:9px;
  background:#0d1c29;
  color:#aebdca;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}

.ogex-nbac-control.enabled{
  border-color:#287454;
  background:#0d261d;
  color:#51dda2;
}

.ogex-nbac-test{
  color:#8db1cb !important;
}

.ogex-nbac-status{
  margin-top:9px;
  color:#97a9b9;
  font-size:11px;
  line-height:1.4;
}

.ogex-nbac-note{
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid #223747;
  color:#718699;
  font-size:10px;
  line-height:1.45;
}

@media(min-width:700px){

  .ogex-nbac-controls{
    grid-template-columns:
      repeat(4,minmax(0,1fr));
  }
}


/* OPTIONSGEX_NSE_AUTO_ALERT_POPUP_V31 */
.ogex-nse-popup-stack{
  position:fixed;
  top:14px;
  right:14px;
  z-index:2147482500;
  display:flex;
  flex-direction:column;
  gap:10px;
  width:min(400px,calc(100vw - 28px));
  pointer-events:none;
}

.ogex-nse-popup{
  pointer-events:auto;
  border:1px solid rgba(0,223,145,.44);
  border-radius:14px;
  background:rgba(8,16,25,.98);
  box-shadow:0 14px 44px rgba(0,0,0,.54);
  padding:12px 13px;
  color:#f3f7fb;
}

.ogex-nse-popup-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  margin-bottom:7px;
}

.ogex-nse-popup-head strong{
  color:#00df91;
  font-size:13px;
}

.ogex-nse-popup-head button{
  border:0;
  background:transparent;
  color:#aebccc;
  font-size:20px;
  cursor:pointer;
}

.ogex-nse-popup-body{
  color:#e3ebf3;
  font-size:13px;
  line-height:1.42;
  margin-bottom:7px;
}

.ogex-nse-popup small{
  display:block;
  color:#91a4b7;
  font-size:11px;
}

@media(max-width:640px){
  .ogex-nse-popup-stack{
    top:8px;
    left:8px;
    right:8px;
    width:auto;
  }
}