/* ==============================================================
 * OptionsGEX NSE Mobile Alert + Lifecycle Feed V1
 * ============================================================== */

.ogex-na{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.ogex-na-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  border:1px solid #26394b;
  border-radius:14px;
  background:#09131e;
}

.ogex-na-kicker{
  color:#7f93a8;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
}

.ogex-na-head h2{
  margin:3px 0 5px;
  color:#f3f7fb;
  font-size:20px;
}

.ogex-na-sub{
  color:#92a5b8;
  font-size:12px;
  line-height:1.4;
}

.ogex-na-tools{
  display:flex;
  align-items:center;
  gap:7px;
}

.ogex-na-tools select,
.ogex-na-tools button{
  min-height:44px;
  border:1px solid #32485b;
  border-radius:9px;
  background:#0d1b29;
  color:#e9f0f6;
  font-weight:800;
}

.ogex-na-tools select{
  padding:0 10px;
}

.ogex-na-tools button{
  padding:0 13px;
  cursor:pointer;
}

.ogex-na-badges{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.ogex-na-badge{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:0 9px;
  border:1px solid #34485c;
  border-radius:999px;
  background:#0b1723;
  color:#b6c4d2;
  font-size:11px;
  font-weight:800;
}

.ogex-na-badge.lock{
  border-color:#6d581d;
  color:#f3c95b;
}

.ogex-na-badge.lock.unlocked{
  border-color:#266e52;
  color:#4fe3a2;
}

.ogex-na-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}

.ogex-na-tabs button{
  min-height:46px;
  border:1px solid #30465a;
  border-radius:10px;
  background:#0b1723;
  color:#8fa3b7;
  font-weight:800;
  cursor:pointer;
}

.ogex-na-tabs button.active{
  border-color:#4e7797;
  background:#102437;
  color:#edf6fd;
}

.ogex-na-status{
  min-height:18px;
  color:#7f93a7;
  font-size:11px;
}

.ogex-na-feed{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.ogex-na-row,
.ogex-na-mini{
  width:100%;
  border:1px solid #2a4054;
  border-radius:11px;
  background:#0a1723;
  color:#e8f0f7;
  text-align:left;
  cursor:pointer;
}

.ogex-na-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:78px;
  padding:11px 12px;
}

.ogex-na-row.bull{
  border-left:4px solid #2adf91;
}

.ogex-na-row.bear{
  border-left:4px solid #ff616b;
}

.ogex-na-row.warn{
  border-left:4px solid #f2c14e;
}

.ogex-na-row.neutral,
.ogex-na-row.system{
  border-left:4px solid #5a7892;
}

.ogex-na-row-main{
  min-width:0;
  flex:1;
}

.ogex-na-row-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:5px;
}

.ogex-na-kind{
  color:#7fa5c2;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
}

.ogex-na-row time{
  color:#889bad;
  font-size:11px;
}

.ogex-na-row strong{
  display:block;
  overflow:hidden;
  color:#eef5fb;
  font-size:14px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ogex-na-row-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:6px;
}

.ogex-na-row-meta span,
.ogex-na-row-lock{
  padding:3px 6px;
  border-radius:6px;
  background:#101f2d;
  color:#93a8ba;
  font-size:10px;
  font-weight:800;
}

.ogex-na-row-lock{
  display:inline-block;
  margin-top:6px;
  color:#e6bd53;
}

.ogex-na-chevron{
  flex:0 0 auto;
  color:#8298aa;
  font-size:28px;
  line-height:1;
}

.ogex-na-empty{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:18px 14px;
  border:1px dashed #33495d;
  border-radius:11px;
  background:#09141f;
}

.ogex-na-empty strong{
  color:#f1f5f9;
}

.ogex-na-empty span{
  color:#8ea2b5;
  font-size:12px;
  line-height:1.45;
}

.ogex-na-mini{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:42px;
  margin-bottom:6px;
  padding:8px 10px;
}

.ogex-na-mini span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ogex-na-mini b{
  flex:0 0 auto;
  font-size:11px;
}

.ogex-na-mini b.bull{
  color:#38df9a;
}

.ogex-na-mini b.bear{
  color:#ff747d;
}

.ogex-na-mini b.warn{
  color:#f1c659;
}

.ogex-na-json{
  max-height:430px;
  overflow:auto;
  margin:8px 0 0;
  padding:10px;
  border:1px solid #26394b;
  border-radius:8px;
  background:#07111b;
  color:#adbdcb;
  font-size:11px;
  line-height:1.45;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

@media(max-width:700px){

  .ogex-na-head{
    flex-direction:column;
  }

  .ogex-na-tools{
    width:100%;
  }

  .ogex-na-tools select{
    flex:1;
    min-width:0;
  }

  .ogex-na-tools button{
    flex:0 0 auto;
  }

  .ogex-na-tabs button{
    font-size:12px;
  }
}