:root{
  --bg:#01030a;
  --panel:#06111f;
  --panel2:#091a31;
  --text:#e9f7ff;
  --muted:#81a2bd;
  --line:#173c62;
  --cyan:#1ee8ff;
  --cyan2:#0a9dff;
  --green:#2bff88;
  --yellow:#ffd166;
  --orange:#ff9f1c;
  --red:#ff4d6d;
  --purple:#a78bfa;
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  color:var(--text);
  font-family:Inter,Segoe UI,Arial,sans-serif;
  background:
    radial-gradient(circle at 18% 0%,#122c4d 0,#06111f 28%,#01030a 68%);
  min-height:100vh;
  overflow-x:hidden;
}

.bg-grid{
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:
    linear-gradient(rgba(30,232,255,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(30,232,255,.16) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle at top,black 0,transparent 75%);
}

.glow-orb{
  position:fixed;
  width:420px;
  height:420px;
  border-radius:50%;
  pointer-events:none;
  filter:blur(60px);
  opacity:.25;
  z-index:-1;
}

.glow-one{
  top:90px;
  right:-160px;
  background:var(--cyan);
}

.glow-two{
  bottom:120px;
  left:-170px;
  background:var(--purple);
}

.topbar{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  padding:24px 28px;
  border-bottom:1px solid var(--line);
  background:rgba(1,3,10,.72);
  position:sticky;
  top:0;
  z-index:10;
  backdrop-filter:blur(18px);
}

.eyebrow{
  font-size:12px;
  letter-spacing:3px;
  color:var(--cyan);
  font-weight:800;
  text-shadow:0 0 18px var(--cyan);
}

h1{
  margin:4px 0 0;
  font-size:30px;
  letter-spacing:.4px;
  text-shadow:0 0 26px rgba(30,232,255,.48);
}

p{
  margin:8px 0 0;
  color:var(--muted);
}

button,input{
  border:1px solid var(--line);
  background:#04101e;
  color:var(--text);
  border-radius:14px;
  padding:12px 14px;
  outline:none;
}

button{
  cursor:pointer;
  background:linear-gradient(135deg,rgba(30,232,255,.16),rgba(43,255,136,.12));
  box-shadow:0 0 22px rgba(30,232,255,.18);
  font-weight:800;
}

button:hover{
  border-color:rgba(30,232,255,.65);
  box-shadow:0 0 32px rgba(30,232,255,.28);
}

input{
  min-width:220px;
}

.actions{
  display:flex;
  align-items:center;
  gap:14px;
}

.last-scan{
  color:var(--muted);
  font-size:13px;
  white-space:nowrap;
}

.status-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  padding:18px 28px;
}

.status-card{
  border:1px solid var(--line);
  border-radius:22px;
  padding:16px;
  background:linear-gradient(145deg,rgba(9,26,49,.78),rgba(2,8,17,.86));
  box-shadow:inset 0 0 30px rgba(30,232,255,.03),0 0 30px rgba(0,0,0,.2);
  min-height:106px;
}

.status-card span,
.status-card small{
  display:block;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}

.status-card b{
  display:block;
  margin:5px 0;
  font-size:22px;
  color:var(--cyan);
  text-shadow:0 0 20px rgba(30,232,255,.48);
}

.status-card small{
  overflow:hidden;
  text-overflow:ellipsis;
}

.signal-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(220px,1fr));
  gap:14px;
  padding:0 28px 18px;
}

.hero-card{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:24px;
  padding:17px;
  background:linear-gradient(145deg,rgba(30,232,255,.15),rgba(5,12,25,.92));
  box-shadow:0 0 28px rgba(30,232,255,.12);
  cursor:pointer;
  min-height:132px;
}

.hero-card:before{
  content:"";
  position:absolute;
  inset:-1px;
  background:radial-gradient(circle at 80% 0%,rgba(43,255,136,.22),transparent 38%);
  pointer-events:none;
}

.hero-card b{
  font-size:21px;
}

.score{
  float:right;
  font-size:24px;
  color:var(--green);
  text-shadow:0 0 18px rgba(43,255,136,.58);
}

.state{
  margin-top:8px;
  color:var(--muted);
  font-size:12px;
}

.tag{
  display:inline-block;
  margin-top:8px;
  padding:5px 8px;
  border:1px solid rgba(30,232,255,.24);
  border-radius:999px;
  background:rgba(30,232,255,.08);
  font-size:11px;
}

.green{color:var(--green)}
.yellow{color:var(--yellow)}
.orange{color:var(--orange)}
.red{color:var(--red)}
.cyan{color:var(--cyan)}

.category-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  padding:0 28px 18px;
}

.category{
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(6,17,31,.8);
  padding:14px;
  min-height:162px;
}

.category h3{
  margin:0 0 10px;
  font-size:15px;
}

.cat-item{
  display:flex;
  justify-content:space-between;
  gap:8px;
  padding:7px 0;
  border-bottom:1px solid rgba(23,60,98,.5);
  font-size:12px;
  color:var(--muted);
  cursor:pointer;
}

.cat-item b{
  color:var(--text);
}

.cat-item:hover{
  color:var(--cyan);
}

.layout{
  display:grid;
  grid-template-columns:42% 58%;
  gap:18px;
  padding:0 28px 20px;
}

.panel{
  border:1px solid var(--line);
  border-radius:26px;
  background:rgba(6,17,31,.83);
  box-shadow:0 0 35px rgba(0,0,0,.32);
  padding:18px;
}

.panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}

.panel-head small{
  color:var(--muted);
  font-size:12px;
}

h2{
  margin:0;
  font-size:20px;
}

.badge{
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(43,255,136,.35);
  color:var(--green);
  background:rgba(43,255,136,.08);
  white-space:nowrap;
}

.radar-panel{
  min-height:690px;
}

.radar-panel canvas{
  width:100%;
  max-width:620px;
  display:block;
  margin:auto;
  filter:drop-shadow(0 0 18px rgba(30,232,255,.38));
}

.selected-summary{
  padding:15px;
  border-radius:18px;
  background:rgba(30,232,255,.06);
  border:1px solid rgba(30,232,255,.18);
  line-height:1.55;
}

.table-panel{
  min-width:0;
}

.table-wrap{
  overflow:auto;
  max-height:640px;
  border-radius:18px;
  border:1px solid rgba(23,60,98,.42);
}

.signals-table{
  width:100%;
  min-width:1180px;
  border-collapse:collapse;
  font-size:13px;
  table-layout:fixed;
}

.signals-table th,
.signals-table td{
  padding:11px;
  border-bottom:1px solid rgba(23,60,98,.72);
  text-align:left;
  vertical-align:middle;
  overflow:hidden;
  text-overflow:ellipsis;
}

.signals-table th{
  color:var(--muted);
  position:sticky;
  top:0;
  background:linear-gradient(180deg,#07172a,#06111f);
  z-index:2;
  font-size:12px;
  letter-spacing:.3px;
}

.signals-table tr{
  cursor:pointer;
}

.signals-table tr:hover{
  background:rgba(30,232,255,.08);
}

.col-rank{width:56px}
.col-symbol{width:112px}
.col-sector{width:110px}
.col-score{width:92px}
.col-status{width:230px}
.col-trade{width:190px}
.col-breakout{width:120px}
.col-fakeout{width:90px}
.col-distance{width:95px}

.pill{
  display:inline-block;
  border-radius:999px;
  padding:5px 8px;
  background:rgba(30,232,255,.1);
  border:1px solid rgba(30,232,255,.18);
  font-size:11px;
  white-space:nowrap;
  max-width:205px;
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align:middle;
}

.sector-panel{
  margin:0 28px 20px;
}

.sector-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
}

.sector-card{
  border:1px solid rgba(30,232,255,.16);
  border-radius:18px;
  padding:13px;
  background:rgba(2,8,17,.66);
  min-height:110px;
}

.sector-card h3{
  margin:0 0 8px;
  font-size:15px;
}

.heat{
  height:8px;
  background:#020811;
  border-radius:999px;
  overflow:hidden;
  margin:8px 0;
}

.heat span{
  display:block;
  height:100%;
  background:linear-gradient(90deg,var(--cyan2),var(--cyan),var(--green));
  box-shadow:0 0 14px var(--cyan);
}

.grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(260px,1fr));
  gap:16px;
  padding:0 28px 20px;
}

.card{
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(9,26,49,.94),rgba(3,10,22,.96));
  padding:16px;
  min-height:250px;
  cursor:pointer;
  transition:.18s ease;
}

.card:hover{
  transform:translateY(-2px);
  box-shadow:0 0 28px rgba(30,232,255,.13);
}

.card-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}

.card h2{
  margin:0;
}

.mini{
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}

.bar{
  height:8px;
  background:#020811;
  border-radius:999px;
  overflow:hidden;
  margin:8px 0 10px;
}

.bar>span{
  display:block;
  height:100%;
  background:linear-gradient(90deg,var(--cyan),var(--green));
  box-shadow:0 0 12px var(--cyan);
}

.bar.risk>span{
  background:linear-gradient(90deg,var(--yellow),var(--red));
}

.levels{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:10px;
}

.level{
  background:rgba(30,232,255,.06);
  border:1px solid rgba(30,232,255,.14);
  border-radius:12px;
  padding:8px;
  font-size:11px;
  overflow:hidden;
  text-overflow:ellipsis;
}

.level b{
  display:block;
  color:var(--cyan);
  font-size:12px;
  margin-bottom:3px;
}

.insight-panel,
.details-panel{
  margin:0 28px 22px;
}

.reason-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.reason-col{
  border:1px solid rgba(30,232,255,.14);
  border-radius:18px;
  background:rgba(2,8,17,.65);
  padding:14px;
}

.reason-col h3{
  margin:0 0 10px;
}

.reason-col ul{
  margin:0;
  padding-left:18px;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}

pre{
  white-space:pre-wrap;
  word-break:break-word;
  background:#010710;
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px;
  max-height:560px;
  overflow:auto;
  color:#c8e8ff;
}

footer{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:16px 28px;
  color:var(--muted);
  border-top:1px solid var(--line);
  font-size:12px;
}

/* ===========================
   RESPONSIVE SYSTEM
   Desktop → Laptop → Tablet → Mobile
=========================== */

@media(max-width:1600px){
  .layout{
    grid-template-columns:44% 56%;
  }

  .signals-table{
    min-width:1150px;
  }
}

@media(max-width:1400px){
  .layout{
    grid-template-columns:1fr;
  }

  .radar-panel{
    min-height:auto;
  }

  .radar-panel canvas{
    max-width:560px;
  }

  .table-wrap{
    max-height:620px;
  }

  .grid{
    grid-template-columns:repeat(2,minmax(260px,1fr));
  }

  .sector-grid{
    grid-template-columns:repeat(4,1fr);
  }
}

@media(max-width:1200px){
  .status-row{
    grid-template-columns:repeat(2,1fr);
  }

  .signal-strip{
    grid-template-columns:repeat(2,1fr);
  }

  .category-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .sector-grid{
    grid-template-columns:repeat(3,1fr);
  }

  .reason-grid{
    grid-template-columns:1fr;
  }

  .topbar{
    align-items:flex-start;
  }

  h1{
    font-size:26px;
  }
}

@media(max-width:900px){
  .topbar{
    display:block;
    padding:18px;
  }

  .actions{
    margin-top:14px;
    display:grid;
    grid-template-columns:1fr;
    align-items:stretch;
  }

  button,
  input{
    width:100%;
  }

  .status-row,
  .signal-strip,
  .category-grid,
  .layout,
  .grid{
    padding-left:18px;
    padding-right:18px;
  }

  .layout{
    display:block;
  }

  .radar-panel{
    margin-bottom:18px;
  }

  .panel-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .sticky-head{
    position:sticky;
    top:0;
    z-index:5;
    background:rgba(6,17,31,.95);
    padding-bottom:12px;
  }

  .signals-table{
    min-width:1050px;
    font-size:12px;
  }

  .signals-table th,
  .signals-table td{
    padding:9px;
  }

  .col-status{
    width:210px;
  }

  .col-trade{
    width:175px;
  }

  .sector-panel,
  .insight-panel,
  .details-panel{
    margin-left:18px;
    margin-right:18px;
  }
}

@media(max-width:720px){
  body{
    background:
      radial-gradient(circle at 50% 0%,#102844 0,#06111f 32%,#01030a 72%);
  }

  .topbar{
    padding:16px 14px;
  }

  .eyebrow{
    font-size:10px;
    letter-spacing:2px;
  }

  h1{
    font-size:21px;
    line-height:1.25;
  }

  p{
    font-size:13px;
    line-height:1.45;
  }

  .status-row,
  .signal-strip,
  .category-grid,
  .grid{
    grid-template-columns:1fr;
    padding-left:14px;
    padding-right:14px;
    gap:12px;
  }

  .layout{
    padding:0 14px 14px;
  }

  .sector-panel,
  .insight-panel,
  .details-panel{
    margin-left:14px;
    margin-right:14px;
  }

  .sector-grid{
    grid-template-columns:1fr;
  }

  .panel{
    padding:14px;
    border-radius:20px;
  }

  .status-card,
  .hero-card,
  .category,
  .card{
    border-radius:18px;
  }

  .radar-panel canvas{
    width:100%;
    max-width:100%;
    height:auto;
  }

  .selected-summary{
    font-size:13px;
    overflow-wrap:anywhere;
  }

  .table-wrap{
    max-height:560px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .signals-table{
    min-width:1000px;
    font-size:12px;
  }

  .signals-table th,
  .signals-table td{
    padding:8px;
  }

  .pill{
    max-width:180px;
  }

  .levels{
    grid-template-columns:1fr;
  }

  .reason-grid{
    grid-template-columns:1fr;
  }

  pre{
    font-size:11px;
    max-height:480px;
  }

  footer{
    display:block;
    padding:14px;
    line-height:1.6;
  }
}

@media(max-width:480px){
  .topbar{
    padding:14px 12px;
  }

  h1{
    font-size:19px;
  }

  .status-row,
  .signal-strip,
  .category-grid,
  .grid{
    padding-left:10px;
    padding-right:10px;
  }

  .layout{
    padding-left:10px;
    padding-right:10px;
  }

  .sector-panel,
  .insight-panel,
  .details-panel{
    margin-left:10px;
    margin-right:10px;
  }

  .status-card b{
    font-size:18px;
  }

  .hero-card b{
    font-size:17px;
  }

  .score{
    font-size:19px;
  }

  .card-head{
    display:block;
  }

  .card-head b{
    display:block;
    margin-top:6px;
  }

  .signals-table{
    min-width:960px;
  }

  .col-rank{width:48px}
  .col-symbol{width:95px}
  .col-sector{width:95px}
  .col-score{width:80px}
  .col-status{width:190px}
  .col-trade{width:165px}
  .col-breakout{width:105px}
  .col-fakeout{width:80px}
  .col-distance{width:85px}

  .radar-panel canvas{
    max-height:420px;
  }

  .selected-summary{
    padding:12px;
  }
}

/* ===========================
   MOBILE CARD-ONLY MODE
   Below 720px: hide heavy table and make cards primary
=========================== */

.mobile-card-title{
  display:none;
  margin:0 28px 12px;
  padding:14px 18px;
  border:1px solid var(--line);
  border-radius:20px;
  background:rgba(6,17,31,.83);
}

.mobile-card-title h2{
  margin:0;
  font-size:18px;
}

.mobile-card-title small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
}

@media(max-width:720px){
  .table-panel{
    display:none;
  }

  .mobile-card-title{
    display:block;
    margin-left:14px;
    margin-right:14px;
  }

  .grid{
    display:grid;
    grid-template-columns:1fr;
    padding-left:14px;
    padding-right:14px;
  }

  .card{
    min-height:auto;
  }

  .card:nth-child(n+11){
    display:none;
  }
}

@media(max-width:480px){
  .mobile-card-title{
    margin-left:10px;
    margin-right:10px;
  }

  .grid{
    padding-left:10px;
    padding-right:10px;
  }
}

.mobile-signal-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:12px 0;
}

.mobile-signal-row span{
  display:block;
  padding:8px;
  border:1px solid rgba(30,232,255,.14);
  border-radius:12px;
  background:rgba(30,232,255,.06);
  color:var(--muted);
  font-size:11px;
}

.mobile-signal-row b{
  display:block;
  margin-top:3px;
  color:var(--cyan);
  font-size:13px;
}

@media(max-width:480px){
  .mobile-signal-row{
    grid-template-columns:1fr;
  }
}

/* ===========================
   LIVE ORDER-FLOW CVD PANEL
=========================== */

.live-flow-panel{
  margin:0 28px 22px;
}

.live-flow-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
  margin-top:14px;
}

.live-flow-card{
  border:1px solid rgba(30,232,255,.14);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(8,25,44,.9),rgba(4,11,22,.92));
  padding:14px;
  box-shadow:0 0 24px rgba(30,232,255,.05);
  cursor:pointer;
  transition:.2s ease;
}

.live-flow-card:hover{
  transform:translateY(-2px);
  border-color:rgba(30,232,255,.35);
  box-shadow:0 0 30px rgba(30,232,255,.12);
}

.live-flow-card h3{
  margin:0 0 6px;
  font-size:16px;
}

.live-flow-bias{
  font-size:11px;
  color:var(--muted);
  min-height:32px;
}

.live-flow-cvd{
  margin-top:10px;
  font-size:22px;
  font-weight:800;
}

.live-flow-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
  font-size:12px;
  color:var(--muted);
}

.live-flow-row b{
  color:var(--text);
}

.live-buy{
  color:#4dff88;
}

.live-sell{
  color:#ff5d73;
}

.live-neutral{
  color:var(--cyan);
}

.live-flow-mini{
  margin-top:10px;
  height:6px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}

.live-flow-mini span{
  display:block;
  height:100%;
  width:50%;
  border-radius:999px;
  background:linear-gradient(90deg,#1ee8ff,#4dff88);
}

@media(max-width:1400px){
  .live-flow-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:900px){
  .live-flow-panel{
    margin-left:18px;
    margin-right:18px;
  }

  .live-flow-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:720px){
  .live-flow-panel{
    margin-left:14px;
    margin-right:14px;
  }

  .live-flow-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:480px){
  .live-flow-panel{
    margin-left:10px;
    margin-right:10px;
  }
}
.live-flow-card h3{
  display:block;
  margin:0 0 8px;
  font-size:18px;
  font-weight:900;
  color:#1ee8ff;
  letter-spacing:.5px;
}

.live-flow-card{
  position:relative;
}

.live-flow-card::before{
  content:"LIVE";
  position:absolute;
  top:12px;
  right:12px;
  font-size:10px;
  padding:4px 7px;
  border-radius:999px;
  color:#2bff88;
  background:rgba(43,255,136,.08);
  border:1px solid rgba(43,255,136,.22);
}
.live-flow-card h3{
  display:block;
  margin:0 0 8px;
  font-size:18px;
  font-weight:900;
  color:#1ee8ff;
  letter-spacing:.5px;
}
/* ===========================
   ORDER-BOOK MEMORY PANEL
=========================== */

.orderbook-memory-panel{
  margin:0 28px 22px;
}

.orderbook-memory-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
  margin-top:14px;
}

.obmem-card{
  border:1px solid rgba(30,232,255,.14);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(8,25,44,.9),rgba(4,11,22,.94));
  padding:14px;
  box-shadow:0 0 24px rgba(30,232,255,.05);
  cursor:pointer;
  transition:.2s ease;
  position:relative;
}

.obmem-card:hover{
  transform:translateY(-2px);
  border-color:rgba(30,232,255,.35);
  box-shadow:0 0 30px rgba(30,232,255,.12);
}

.obmem-card::before{
  content:"BOOK";
  position:absolute;
  top:12px;
  right:12px;
  font-size:10px;
  padding:4px 7px;
  border-radius:999px;
  color:#1ee8ff;
  background:rgba(30,232,255,.08);
  border:1px solid rgba(30,232,255,.22);
}

.obmem-card h3{
  margin:0 0 8px;
  font-size:18px;
  font-weight:900;
  color:#1ee8ff;
}

.obmem-bias{
  font-size:11px;
  color:var(--muted);
  min-height:30px;
}

.obmem-score{
  margin-top:8px;
  font-size:22px;
  font-weight:900;
}

.obmem-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
  font-size:12px;
  color:var(--muted);
}

.obmem-row b{
  color:var(--text);
}

.obmem-bar{
  margin-top:10px;
  height:6px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}

.obmem-bar span{
  display:block;
  height:100%;
  width:50%;
  border-radius:999px;
  background:linear-gradient(90deg,#1ee8ff,#2bff88);
}

@media(max-width:1400px){
  .orderbook-memory-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:900px){
  .orderbook-memory-panel{
    margin-left:18px;
    margin-right:18px;
  }

  .orderbook-memory-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:720px){
  .orderbook-memory-panel{
    margin-left:14px;
    margin-right:14px;
  }

  .orderbook-memory-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:480px){
  .orderbook-memory-panel{
    margin-left:10px;
    margin-right:10px;
  }
}
/* ===========================
   MULTI-TIMEFRAME PANEL
=========================== */

.mtf-panel{
  margin:0 28px 22px;
}

.mtf-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
  margin-top:14px;
}

.mtf-card{
  border:1px solid rgba(30,232,255,.14);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(8,25,44,.9),rgba(4,11,22,.94));
  padding:14px;
  box-shadow:0 0 24px rgba(30,232,255,.05);
  cursor:pointer;
  transition:.2s ease;
  position:relative;
}

.mtf-card:hover{
  transform:translateY(-2px);
  border-color:rgba(30,232,255,.35);
  box-shadow:0 0 30px rgba(30,232,255,.12);
}

.mtf-card::before{
  content:"MTF";
  position:absolute;
  top:12px;
  right:12px;
  font-size:10px;
  padding:4px 7px;
  border-radius:999px;
  color:#2bff88;
  background:rgba(43,255,136,.08);
  border:1px solid rgba(43,255,136,.22);
}

.mtf-card h3{
  margin:0 0 8px;
  font-size:18px;
  font-weight:900;
  color:#1ee8ff;
}

.mtf-bias{
  font-size:11px;
  color:var(--muted);
  min-height:30px;
}

.mtf-score{
  margin-top:8px;
  font-size:22px;
  font-weight:900;
}

.mtf-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
  font-size:12px;
  color:var(--muted);
}

.mtf-row b{
  color:var(--text);
}

.mtf-bar{
  margin-top:10px;
  height:6px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}

.mtf-bar span{
  display:block;
  height:100%;
  width:50%;
  border-radius:999px;
  background:linear-gradient(90deg,#1ee8ff,#2bff88);
}

@media(max-width:1400px){
  .mtf-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:900px){
  .mtf-panel{
    margin-left:18px;
    margin-right:18px;
  }

  .mtf-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:720px){
  .mtf-panel{
    margin-left:14px;
    margin-right:14px;
  }

  .mtf-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:480px){
  .mtf-panel{
    margin-left:10px;
    margin-right:10px;
  }
}
/* ===========================
   FUTURES LIQUIDATION / SQUEEZE PANEL
=========================== */

.liquidation-panel{
  margin:0 28px 22px;
}

.liquidation-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
  margin-top:14px;
}

.liquidation-card{
  border:1px solid rgba(255,191,77,.16);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(31,20,8,.86),rgba(4,11,22,.94));
  padding:14px;
  box-shadow:0 0 24px rgba(255,191,77,.05);
  cursor:pointer;
  transition:.2s ease;
  position:relative;
}

.liquidation-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,191,77,.42);
  box-shadow:0 0 30px rgba(255,191,77,.13);
}

.liquidation-card::before{
  content:"LIQ";
  position:absolute;
  top:12px;
  right:12px;
  font-size:10px;
  padding:4px 7px;
  border-radius:999px;
  color:#ffbf4d;
  background:rgba(255,191,77,.08);
  border:1px solid rgba(255,191,77,.24);
}

.liquidation-card h3{
  margin:0 0 6px;
  font-size:16px;
  color:#ffbf4d;
}

@media(max-width:1200px){
  .liquidation-grid{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:780px){
  .liquidation-panel{margin:0 14px 18px}
  .liquidation-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:480px){
  .liquidation-grid{grid-template-columns:1fr}
}

/* Phase 4 final decision brain UI */
.market-v2-panel{
  margin: 18px auto;
  max-width: 1480px;
}
.market-v2-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(160px,1fr));
  gap:12px;
}
.market-v2-card{
  border:1px solid rgba(30,232,255,.18);
  background:rgba(3,16,30,.66);
  border-radius:18px;
  padding:13px 14px;
  box-shadow: inset 0 0 18px rgba(30,232,255,.06);
}
.market-v2-card span{
  display:block;
  color:#8ebbd4;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:5px;
}
.market-v2-card b{
  color:#eaffff;
  font-size:14px;
}
.market-v2-card.wide{
  grid-column: span 4;
}
.final-decision{
  margin:7px 0;
  color:#2bff88;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.signals-table .col-entry{min-width:150px;}
.signals-table .col-pump,
.signals-table .col-dump{min-width:80px;}
@media (max-width: 900px){
  .market-v2-grid{grid-template-columns: repeat(2, minmax(140px,1fr));}
  .market-v2-card.wide{grid-column: span 2;}
}
@media (max-width: 560px){
  .market-v2-grid{grid-template-columns: 1fr;}
  .market-v2-card.wide{grid-column: span 1;}
}

/* ============================================================
   Cyber AI Radar Upgrade — Confirmed Entry + New Listing Radar
   ============================================================ */
.cyber-radar-panel{
  position:relative;
  overflow:hidden;
  margin:18px auto;
  max-width:1480px;
  border:1px solid rgba(30,232,255,.28)!important;
  background:
    radial-gradient(circle at 18% 22%, rgba(43,255,136,.12), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(30,232,255,.14), transparent 30%),
    linear-gradient(180deg, rgba(1,12,25,.92), rgba(2,5,14,.96));
  box-shadow:0 0 34px rgba(30,232,255,.12), inset 0 0 40px rgba(30,232,255,.06);
}
.cyber-radar-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(30,232,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30,232,255,.05) 1px, transparent 1px);
  background-size:28px 28px;
  pointer-events:none;
  mask-image:radial-gradient(circle at center, black 0 58%, transparent 85%);
}
.cyber-head h2{
  color:#eaffff;
  text-shadow:0 0 16px rgba(30,232,255,.35);
}
.radar-console{
  position:relative;
  display:grid;
  grid-template-columns:240px 1fr;
  gap:18px;
  align-items:stretch;
  z-index:1;
}
.radar-core{
  position:relative;
  min-height:220px;
  border-radius:24px;
  border:1px solid rgba(43,255,136,.22);
  background:radial-gradient(circle at center, rgba(43,255,136,.12), rgba(0,0,0,.12) 42%, rgba(0,0,0,.45));
  box-shadow:inset 0 0 38px rgba(43,255,136,.08), 0 0 30px rgba(43,255,136,.08);
  overflow:hidden;
}
.listing-core{
  border-color:rgba(255,191,77,.28);
  background:radial-gradient(circle at center, rgba(255,191,77,.14), rgba(0,0,0,.12) 42%, rgba(0,0,0,.45));
  box-shadow:inset 0 0 38px rgba(255,191,77,.08), 0 0 30px rgba(255,191,77,.08);
}
.radar-ring{
  position:absolute;
  left:50%; top:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(30,232,255,.22);
  border-radius:999px;
}
.radar-ring.r1{width:64px;height:64px;}
.radar-ring.r2{width:128px;height:128px;}
.radar-ring.r3{width:192px;height:192px;}
.radar-line{
  position:absolute;
  left:50%; top:50%;
  width:96px; height:2px;
  transform-origin:left center;
  background:linear-gradient(90deg, rgba(43,255,136,.95), transparent);
  animation:radarSpin 3.2s linear infinite;
  box-shadow:0 0 14px rgba(43,255,136,.7);
}
.listing-core .radar-line{
  background:linear-gradient(90deg, rgba(255,191,77,.95), transparent);
  box-shadow:0 0 14px rgba(255,191,77,.7);
}
@keyframes radarSpin{to{transform:rotate(360deg)}}
.radar-dot{
  position:absolute;
  width:8px;height:8px;
  border-radius:999px;
  background:#2bff88;
  box-shadow:0 0 14px #2bff88;
  animation:dotPulse 1.4s ease-in-out infinite alternate;
}
.listing-core .radar-dot{background:#ffbf4d;box-shadow:0 0 14px #ffbf4d;}
.radar-dot.d1{left:62%;top:38%;}
.radar-dot.d2{left:33%;top:62%;animation-delay:.3s;}
.radar-dot.d3{left:70%;top:70%;animation-delay:.6s;}
@keyframes dotPulse{from{opacity:.35;transform:scale(.85)}to{opacity:1;transform:scale(1.25)}}
.radar-center{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  font-weight:900;
  text-align:center;
  letter-spacing:.12em;
  color:#eaffff;
  text-shadow:0 0 16px rgba(30,232,255,.65);
  font-size:13px;
}
.cyber-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(210px,1fr));
  gap:12px;
}
.cyber-card{
  position:relative;
  border-radius:20px;
  padding:14px;
  background:linear-gradient(180deg,rgba(5,22,39,.88),rgba(1,7,16,.94));
  border:1px solid rgba(30,232,255,.20);
  box-shadow:inset 0 0 20px rgba(30,232,255,.04), 0 0 22px rgba(0,0,0,.22);
  overflow:hidden;
}
.cyber-card::before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,#1ee8ff,#2bff88,transparent);
  opacity:.75;
}
.listing-card::before{
  background:linear-gradient(90deg,transparent,#ffbf4d,#1ee8ff,transparent);
}
.cyber-card-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}
.cyber-card h3{
  margin:0;
  color:#eaffff;
  font-size:18px;
  text-shadow:0 0 14px rgba(30,232,255,.35);
}
.cyber-badge{
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  border-radius:999px;
  padding:5px 8px;
  color:#1ee8ff;
  border:1px solid rgba(30,232,255,.35);
  background:rgba(30,232,255,.08);
  white-space:nowrap;
}
.cyber-badge.hot{
  color:#2bff88;
  border-color:rgba(43,255,136,.45);
  background:rgba(43,255,136,.10);
  box-shadow:0 0 16px rgba(43,255,136,.18);
}
.listing-card .cyber-badge{
  color:#ffbf4d;
  border-color:rgba(255,191,77,.4);
  background:rgba(255,191,77,.09);
}
.cyber-symbol{
  color:#2bff88;
  font-weight:800;
  margin:6px 0;
  letter-spacing:.04em;
}
.listing-card .cyber-symbol{color:#ffbf4d;}
.cyber-mini,
.cyber-note,
.cyber-title{
  font-size:12px;
  color:#9fc6db;
  line-height:1.45;
  margin-top:6px;
}
.cyber-title{color:#eaffff;font-weight:700;}
.cyber-note{color:#8ebbd4;}
.cyber-meter{
  height:8px;
  background:rgba(255,255,255,.07);
  border-radius:999px;
  overflow:hidden;
  margin:9px 0;
}
.cyber-meter span{
  display:block;height:100%;
  background:linear-gradient(90deg,#1ee8ff,#2bff88);
  box-shadow:0 0 14px rgba(43,255,136,.5);
}
.empty-card{grid-column:1/-1;min-height:110px;display:flex;flex-direction:column;justify-content:center;}
.panel,
.status-card,
.card,
category,
.sector-card,
.market-v2-card,
.phase5-card,
.liquidation-card,
.live-flow-card,
.obmem-card,
.mtf-card{
  backdrop-filter: blur(8px);
}
@media(max-width:1100px){
  .radar-console{grid-template-columns:1fr;}
  .radar-core{min-height:190px;}
  .cyber-grid{grid-template-columns:repeat(2,minmax(180px,1fr));}
}
@media(max-width:560px){
  .cyber-grid{grid-template-columns:1fr;}
  .cyber-radar-panel{margin:14px;}
}

/* ============================================================
   Priority Dashboard Layout — Entry Radar → Listing Radar → AI Axis → Top Signals
   ============================================================ */
.priority-radar,
.top-signals-panel,
.supporting-panel,
.ai-axis-top-panel{
  max-width:1480px;
  margin:18px auto;
}

.top-signals-panel{
  border-color:rgba(43,255,136,.20);
  background:
    radial-gradient(circle at 12% 0%, rgba(43,255,136,.08), transparent 26%),
    radial-gradient(circle at 92% 12%, rgba(30,232,255,.08), transparent 30%),
    rgba(6,17,31,.86);
}

.ai-axis-top-panel{
  position:relative;
  overflow:hidden;
  border-color:rgba(30,232,255,.30)!important;
  background:
    radial-gradient(circle at 50% 34%, rgba(30,232,255,.16), transparent 34%),
    radial-gradient(circle at 24% 78%, rgba(43,255,136,.10), transparent 28%),
    linear-gradient(180deg, rgba(1,12,25,.94), rgba(2,5,14,.97));
  box-shadow:0 0 38px rgba(30,232,255,.12), inset 0 0 52px rgba(30,232,255,.06);
}

.ai-axis-top-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(0deg, rgba(30,232,255,.045) 0 1px, transparent 1px 18px),
    repeating-linear-gradient(90deg, rgba(30,232,255,.035) 0 1px, transparent 1px 18px);
  pointer-events:none;
  opacity:.75;
}

.ai-radar-glow{
  position:absolute;
  width:460px;
  height:460px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:radial-gradient(circle, rgba(30,232,255,.16), rgba(43,255,136,.06) 45%, transparent 70%);
  filter:blur(2px);
  pointer-events:none;
  animation:aiGlowPulse 2.8s ease-in-out infinite alternate;
}

@keyframes aiGlowPulse{
  from{opacity:.45; transform:translate(-50%,-50%) scale(.96)}
  to{opacity:1; transform:translate(-50%,-50%) scale(1.05)}
}

.ai-axis-top-panel .panel-head,
.ai-axis-top-panel canvas,
.ai-axis-top-panel .selected-summary{
  position:relative;
  z-index:1;
}

.ai-axis-top-panel canvas{
  max-width:560px;
}

.ai-axis-top-panel .selected-summary{
  max-width:980px;
  margin:10px auto 0;
  border-color:rgba(43,255,136,.22);
  background:linear-gradient(180deg, rgba(30,232,255,.07), rgba(43,255,136,.045));
}

.supporting-panel{
  width:auto;
}

.signal-strip.supporting-panel,
.category-grid.supporting-panel{
  max-width:1480px;
  margin:18px auto;
  padding-left:0;
  padding-right:0;
}

@media(max-width:900px){
  .priority-radar,
  .top-signals-panel,
  .supporting-panel,
  .ai-axis-top-panel{
    margin-left:14px;
    margin-right:14px;
  }

  .ai-axis-top-panel canvas{
    max-width:100%;
  }
}

/* ============================================================
   Phase 5 Cyber Intelligence Panel - permanent visible styling
   ============================================================ */
.phase5-panel{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(30,232,255,.22);
  background:
    radial-gradient(circle at 10% 0%, rgba(30,232,255,.10), transparent 28%),
    radial-gradient(circle at 92% 12%, rgba(43,255,136,.10), transparent 32%),
    linear-gradient(180deg, rgba(5,16,31,.96), rgba(3,9,18,.92));
  box-shadow:0 0 32px rgba(30,232,255,.08), inset 0 0 34px rgba(43,255,136,.035);
}
.phase5-panel:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(30,232,255,.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(30,232,255,.035) 1px, transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,.35));
}
.phase5-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:14px;
  padding:14px 2px 2px;
  z-index:1;
}
.phase5-cyber-card,
.phase5-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(30,232,255,.18);
  border-radius:18px;
  padding:14px;
  background:
    radial-gradient(circle at 12% 0%, rgba(43,255,136,.08), transparent 30%),
    rgba(3,12,24,.84);
  box-shadow:0 0 20px rgba(30,232,255,.06), inset 0 0 18px rgba(30,232,255,.025);
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.phase5-cyber-card:hover,
.phase5-card:hover{
  transform:translateY(-2px);
  border-color:rgba(43,255,136,.55);
  box-shadow:0 0 28px rgba(43,255,136,.14), inset 0 0 22px rgba(30,232,255,.04);
}
.p5-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px;}
.p5-sym{font-weight:900;letter-spacing:.08em;color:#eaffff;text-shadow:0 0 12px rgba(30,232,255,.55);}
.p5-score{font-size:12px;font-weight:900;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);}
.p5-score.green,.p5-val.green{color:#2bff88;}
.p5-score.yellow,.p5-val.yellow{color:#f7d774;}
.p5-score.orange,.p5-val.orange{color:#ff9f43;}
.p5-score.red,.p5-val.red{color:#ff5b78;}
.phase5-scanline{height:1px;background:linear-gradient(90deg,transparent,#1ee8ff,#2bff88,transparent);box-shadow:0 0 14px rgba(30,232,255,.75);margin:8px 0 10px;}
.p5-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.045);font-size:12px;}
.p5-lbl{color:#7fb2c8;white-space:nowrap;}
.p5-val{color:#dffcff;text-align:right;font-weight:800;line-height:1.35;}
.p5-footer{display:flex;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(43,255,136,.14);font-size:11px;color:#9adbd0;}
.p5-listing-alert{margin-top:10px;padding:8px 10px;border:1px solid rgba(255,191,77,.45);border-radius:12px;color:#ffcf70;background:rgba(255,191,77,.09);font-size:12px;font-weight:800;}
.phase5-empty{grid-column:1/-1;min-height:120px;}
@media(max-width:720px){.phase5-grid{grid-template-columns:1fr}.p5-row,.p5-footer{flex-direction:column}.p5-val{text-align:left}}

/* ============================================================
   FINAL PHASE 5 VISIBLE OVERRIDE
   ============================================================ */

.phase5-panel{
  position:relative !important;
  overflow:hidden !important;
  max-width:1480px !important;
  margin:18px auto !important;
  border:1px solid rgba(30,232,255,.32) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(30,232,255,.10), transparent 28%),
    radial-gradient(circle at 92% 12%, rgba(43,255,136,.10), transparent 32%),
    linear-gradient(180deg, rgba(5,16,31,.96), rgba(3,9,18,.92)) !important;
  box-shadow:0 0 32px rgba(30,232,255,.12), inset 0 0 34px rgba(43,255,136,.06) !important;
}

.phase5-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(310px,1fr)) !important;
  gap:14px !important;
  padding:14px 2px 2px !important;
  min-height:160px !important;
  position:relative !important;
  z-index:2 !important;
}

.phase5-card,
.phase5-cyber-card{
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(30,232,255,.28) !important;
  border-radius:18px !important;
  padding:14px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(43,255,136,.10), transparent 30%),
    rgba(3,12,24,.92) !important;
  box-shadow:0 0 20px rgba(30,232,255,.12), inset 0 0 18px rgba(30,232,255,.04) !important;
  cursor:pointer !important;
}

.phase5-card:hover,
.phase5-cyber-card:hover{
  transform:translateY(-2px);
  border-color:rgba(43,255,136,.55) !important;
  box-shadow:0 0 28px rgba(43,255,136,.18), inset 0 0 22px rgba(30,232,255,.05) !important;
}

.p5-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:10px !important;
  margin-bottom:10px !important;
}

.p5-sym{
  font-weight:900 !important;
  letter-spacing:.08em !important;
  color:#eaffff !important;
  text-shadow:0 0 12px rgba(30,232,255,.55) !important;
}

.p5-score{
  font-size:12px !important;
  font-weight:900 !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.06) !important;
}

.p5-score.green,
.p5-val.green{color:#2bff88 !important;}

.p5-score.yellow,
.p5-val.yellow{color:#f7d774 !important;}

.p5-score.orange,
.p5-val.orange{color:#ff9f43 !important;}

.p5-score.red,
.p5-val.red{color:#ff5b78 !important;}

.phase5-scanline{
  height:1px !important;
  background:linear-gradient(90deg,transparent,#1ee8ff,#2bff88,transparent) !important;
  box-shadow:0 0 14px rgba(30,232,255,.75) !important;
  margin:8px 0 10px !important;
}

.p5-row{
  display:flex !important;
  justify-content:space-between !important;
  gap:10px !important;
  align-items:flex-start !important;
  padding:6px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.045) !important;
  font-size:12px !important;
}

.p5-lbl{
  color:#7fb2c8 !important;
  white-space:nowrap !important;
}

.p5-val{
  color:#dffcff !important;
  text-align:right !important;
  font-weight:800 !important;
  line-height:1.35 !important;
}

.p5-footer{
  display:flex !important;
  justify-content:space-between !important;
  gap:8px !important;
  margin-top:10px !important;
  padding-top:10px !important;
  border-top:1px solid rgba(43,255,136,.14) !important;
  font-size:11px !important;
  color:#9adbd0 !important;
}

.p5-listing-alert{
  margin-top:10px !important;
  padding:8px 10px !important;
  border:1px solid rgba(255,191,77,.45) !important;
  border-radius:12px !important;
  color:#ffcf70 !important;
  background:rgba(255,191,77,.09) !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.phase5-empty{
  grid-column:1/-1 !important;
  min-height:120px !important;
}

@media(max-width:720px){
  .phase5-panel{
    margin-left:14px !important;
    margin-right:14px !important;
  }

  .phase5-grid{
    grid-template-columns:1fr !important;
  }

  .p5-row,
  .p5-footer{
    flex-direction:column !important;
  }

  .p5-val{
    text-align:left !important;
  }
}
/* ============================================================
   CONFIRMED ENTRY CALL JOURNAL
   Stores and displays every final-gate confirmed signal result
   ============================================================ */
.entry-journal-panel{
  margin:0 28px 22px;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(43,255,136,.32) !important;
  background:
    radial-gradient(circle at 15% 0%, rgba(43,255,136,.10), transparent 30%),
    radial-gradient(circle at 90% 20%, rgba(30,232,255,.10), transparent 34%),
    linear-gradient(180deg, rgba(5,16,31,.96), rgba(3,9,18,.94)) !important;
  box-shadow:0 0 34px rgba(43,255,136,.10), inset 0 0 30px rgba(30,232,255,.045);
}

.entry-journal-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-bottom:14px;
}

.entry-journal-stats div{
  border:1px solid rgba(30,232,255,.16);
  border-radius:14px;
  padding:12px;
  background:rgba(1,8,18,.68);
}

.entry-journal-stats span{
  display:block;
  font-size:11px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em;
}

.entry-journal-stats b{
  display:block;
  margin-top:5px;
  font-size:22px;
  color:var(--cyan);
  text-shadow:0 0 16px rgba(30,232,255,.35);
}

.entry-journal-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(360px,1fr));
  gap:14px;
}

.entry-call-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(30,232,255,.20);
  border-radius:18px;
  padding:14px;
  background:
    linear-gradient(90deg, rgba(30,232,255,.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(30,232,255,.025) 1px, transparent 1px),
    rgba(3,12,24,.88);
  background-size:28px 28px;
  box-shadow:0 0 22px rgba(30,232,255,.08), inset 0 0 18px rgba(43,255,136,.035);
  cursor:pointer;
}

.entry-call-card.hit{
  border-color:rgba(43,255,136,.38);
  box-shadow:0 0 24px rgba(43,255,136,.12), inset 0 0 20px rgba(43,255,136,.04);
}

.entry-call-card.stop{
  border-color:rgba(255,77,109,.42);
  box-shadow:0 0 24px rgba(255,77,109,.12), inset 0 0 20px rgba(255,77,109,.04);
}

.entry-call-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
  margin-bottom:10px;
}

.entry-call-head h3{
  margin:0;
  color:var(--cyan);
  font-size:18px;
  text-shadow:0 0 14px rgba(30,232,255,.38);
}

.entry-call-head h3 small{
  color:var(--green);
  font-size:11px;
  margin-left:6px;
}

.entry-call-head p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:11px;
}

.entry-status{
  border-radius:999px;
  padding:6px 9px;
  border:1px solid rgba(30,232,255,.22);
  background:rgba(30,232,255,.08);
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}

.entry-status.open,
.entry-status.waiting{color:var(--yellow)}
.entry-status.hit{color:var(--green); border-color:rgba(43,255,136,.35); background:rgba(43,255,136,.08)}
.entry-status.stop{color:var(--red); border-color:rgba(255,77,109,.38); background:rgba(255,77,109,.08)}

.entry-call-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
}

.entry-call-grid div{
  border:1px solid rgba(30,232,255,.13);
  border-radius:12px;
  padding:8px;
  background:rgba(1,8,18,.70);
  min-height:58px;
}

.entry-call-grid span{
  display:block;
  color:var(--muted);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.entry-call-grid b{
  display:block;
  margin-top:4px;
  color:var(--text);
  font-size:13px;
  line-height:1.25;
  overflow-wrap:anywhere;
}

.entry-call-grid small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:10px;
}

.entry-progress{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  margin-top:10px;
}

.entry-progress span{
  height:7px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}

.entry-progress em{
  display:block;
  height:100%;
  background:linear-gradient(90deg,var(--cyan),var(--green));
  box-shadow:0 0 12px rgba(43,255,136,.45);
}

.entry-call-note{
  margin-top:10px;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}

.empty-entry-journal{
  grid-column:1/-1;
}

@media(max-width:900px){
  .entry-journal-panel{margin-left:18px;margin-right:18px;}
  .entry-journal-stats{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:720px){
  .entry-journal-panel{margin-left:14px;margin-right:14px;}
  .entry-journal-grid{grid-template-columns:1fr;}
  .entry-call-grid{grid-template-columns:1fr;}
}

@media(max-width:480px){
  .entry-journal-panel{margin-left:10px;margin-right:10px;}
  .entry-journal-stats{grid-template-columns:1fr;}
}

/* ============================================================
   NEXUS QUANTUM UI EDITION - cinematic frontend-only upgrade
   Safe: preserves every backend-connected DOM id used by app.js
   ============================================================ */
:root{
  --ultra-bg:#02040d;
  --ink:#f7fbff;
  --dim:#90a7c8;
  --glass:rgba(7,18,36,.64);
  --glass2:rgba(9,30,57,.42);
  --edge:rgba(80,210,255,.22);
  --edge-strong:rgba(83,245,255,.55);
  --neon:#47f4ff;
  --neon2:#6c7dff;
  --hot:#ff4fd8;
  --gold:#ffd76a;
  --profit:#3cff9a;
  --danger:#ff5573;
  --shadow:0 24px 80px rgba(0,0,0,.42);
}

body.ultra-shell{
  background:
    radial-gradient(circle at 50% -20%,rgba(76,244,255,.16),transparent 32%),
    radial-gradient(circle at 8% 18%,rgba(108,125,255,.2),transparent 28%),
    radial-gradient(circle at 94% 34%,rgba(255,79,216,.11),transparent 26%),
    linear-gradient(135deg,#01030a 0%,#020816 43%,#050510 100%);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif;
}

.cosmic-stage{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-5}.starfield{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.55) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(71,244,255,.45) 0 1px,transparent 1.8px);background-size:147px 147px,223px 223px;background-position:0 0,40px 70px;opacity:.16;animation:starDrift 42s linear infinite}.orbital-line{position:absolute;left:50%;top:6%;width:86vw;height:86vw;max-width:1200px;max-height:1200px;transform:translateX(-50%);border:1px solid rgba(71,244,255,.12);border-radius:50%;box-shadow:inset 0 0 80px rgba(71,244,255,.04)}.orbital-b{width:64vw;height:64vw;top:18%;border-color:rgba(255,79,216,.1);animation:slowSpin 38s linear infinite}.orbital-a{animation:slowSpin 56s linear reverse infinite}.glow-three{top:42%;left:38%;background:var(--hot);opacity:.12;width:520px;height:520px}@keyframes starDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-220px,120px,0)}}@keyframes slowSpin{to{transform:translateX(-50%) rotate(360deg)}}

.ultra-topbar{padding:18px 26px;border-bottom:1px solid rgba(71,244,255,.18);background:linear-gradient(180deg,rgba(2,6,16,.9),rgba(2,6,16,.58));box-shadow:0 18px 70px rgba(0,0,0,.32)}.brand-cluster{display:flex;align-items:center;gap:16px;min-width:0}.brand-mark{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(71,244,255,.22),rgba(255,79,216,.16));border:1px solid rgba(71,244,255,.42);box-shadow:0 0 35px rgba(71,244,255,.18),inset 0 0 28px rgba(255,255,255,.05)}.brand-mark span{font-weight:950;font-size:28px;letter-spacing:-2px;background:linear-gradient(135deg,#fff,#47f4ff 52%,#ff4fd8);-webkit-background-clip:text;background-clip:text;color:transparent}.ultra-topbar h1{font-size:clamp(24px,3vw,38px);letter-spacing:-.8px;margin:2px 0;text-shadow:0 0 38px rgba(71,244,255,.34)}.ultra-topbar p{max-width:930px;line-height:1.45}.command-actions{min-width:230px;align-items:flex-end}.primary-command{position:relative;overflow:hidden;border-color:rgba(71,244,255,.56);background:linear-gradient(135deg,rgba(71,244,255,.23),rgba(60,255,154,.14),rgba(255,79,216,.14));box-shadow:0 0 0 1px rgba(71,244,255,.14),0 16px 50px rgba(71,244,255,.2);text-transform:uppercase;letter-spacing:1.2px}.primary-command:before{content:"";position:absolute;inset:-80% -30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:rotate(20deg) translateX(-60%);animation:shine 4.8s ease-in-out infinite}@keyframes shine{0%,58%{transform:rotate(20deg) translateX(-70%)}70%,100%{transform:rotate(20deg) translateX(70%)}}

.command-wrap{width:min(1500px,calc(100% - 28px));margin:0 auto}.hero-command{display:grid;grid-template-columns:minmax(0,1.15fr) 460px;gap:24px;align-items:center;margin:24px 0;padding:28px;border:1px solid rgba(71,244,255,.2);border-radius:34px;background:linear-gradient(135deg,rgba(6,18,37,.78),rgba(4,10,24,.5)),radial-gradient(circle at 85% 20%,rgba(71,244,255,.18),transparent 30%);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-command:after{content:"";position:absolute;inset:1px;border-radius:33px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.hero-kicker,.eyebrow{font-size:11px;letter-spacing:3.4px;text-transform:uppercase;color:#88fbff;font-weight:900}.hero-copy h2{font-size:clamp(34px,5.2vw,78px);line-height:.96;letter-spacing:-3.8px;margin:10px 0 16px;max-width:930px;background:linear-gradient(110deg,#fff 4%,#9afcff 45%,#b9c1ff 62%,#ffbdf2 92%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.hero-copy p{font-size:17px;max-width:850px;line-height:1.65}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.hero-metrics div,.intelligence-rooms article,.pipeline-grid div{border:1px solid rgba(71,244,255,.18);background:linear-gradient(180deg,rgba(8,25,48,.62),rgba(5,12,27,.46));border-radius:22px;padding:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.hero-metrics span,.intelligence-rooms span,.pipeline-grid i{display:inline-flex;color:#47f4ff;font-weight:950;letter-spacing:2px;font-style:normal}.hero-metrics b,.intelligence-rooms b,.pipeline-grid b{display:block;font-size:17px;margin:7px 0 4px}.hero-metrics small,.intelligence-rooms small,.pipeline-grid small{color:var(--dim);line-height:1.45}

.holo-core{width:420px;height:420px;margin:auto;position:relative;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(71,244,255,.11) 0 15%,transparent 35%),radial-gradient(circle,rgba(255,79,216,.08),transparent 54%);filter:drop-shadow(0 0 45px rgba(71,244,255,.2))}.holo-ring{position:absolute;border-radius:50%;border:1px solid rgba(71,244,255,.34);box-shadow:0 0 24px rgba(71,244,255,.12),inset 0 0 24px rgba(71,244,255,.08)}.ring-a{inset:22px;animation:slowSpin 16s linear infinite}.ring-b{inset:72px;border-style:dashed;border-color:rgba(255,79,216,.34);animation:plainSpin 11s linear reverse infinite}.ring-c{inset:124px;border-color:rgba(60,255,154,.34);animation:plainSpin 7s linear infinite}.holo-sweep{position:absolute;width:50%;height:2px;left:50%;top:50%;transform-origin:left center;background:linear-gradient(90deg,rgba(71,244,255,.95),transparent);animation:plainSpin 2.6s linear infinite;box-shadow:0 0 22px #47f4ff}.holo-center{width:122px;height:122px;border-radius:36px;display:grid;place-items:center;background:rgba(3,9,21,.72);border:1px solid rgba(71,244,255,.42);box-shadow:inset 0 0 40px rgba(71,244,255,.12),0 0 45px rgba(71,244,255,.18)}.holo-center b{font-size:44px;letter-spacing:-3px}.holo-center span{font-size:11px;letter-spacing:3px;color:#8efcff;margin-top:-18px}.node{position:absolute;width:12px;height:12px;border-radius:50%;background:#47f4ff;box-shadow:0 0 18px #47f4ff}.n1{top:68px;left:142px}.n2{right:76px;top:176px;background:#ff4fd8;box-shadow:0 0 18px #ff4fd8}.n3{bottom:88px;left:96px;background:#3cff9a;box-shadow:0 0 18px #3cff9a}.n4{right:136px;bottom:56px;background:#ffd76a;box-shadow:0 0 18px #ffd76a}@keyframes plainSpin{to{transform:rotate(360deg)}}

.ultra-status-row{grid-template-columns:repeat(4,1fr);margin:16px 0 22px}.status-card{position:relative;overflow:hidden;border-radius:26px;background:linear-gradient(145deg,rgba(8,27,52,.78),rgba(5,13,29,.58));border:1px solid rgba(71,244,255,.2);box-shadow:0 18px 58px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.05)}.status-card:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#47f4ff,transparent)}.status-card b{font-size:clamp(22px,2.4vw,34px);letter-spacing:-1px}.live-card:after{content:"LIVE";position:absolute;right:14px;top:14px;font-size:10px;font-weight:950;letter-spacing:2px;color:#3cff9a;border:1px solid rgba(60,255,154,.32);border-radius:999px;padding:5px 8px;background:rgba(60,255,154,.08)}

.intelligence-rooms{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 22px}.intelligence-rooms article{min-height:120px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.intelligence-rooms article:hover{transform:translateY(-4px);border-color:rgba(71,244,255,.45);box-shadow:0 18px 55px rgba(71,244,255,.08)}

.panel{border-radius:30px;border:1px solid rgba(71,244,255,.18);background:linear-gradient(145deg,rgba(6,18,37,.72),rgba(4,9,21,.62));box-shadow:0 20px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0%,rgba(71,244,255,.08),transparent 24%),radial-gradient(circle at 95% 15%,rgba(255,79,216,.06),transparent 26%);pointer-events:none}.panel-head{position:relative;z-index:1}.panel h2{letter-spacing:-.5px}.pill,.badge{border-radius:999px;border:1px solid rgba(71,244,255,.28);background:rgba(71,244,255,.08);box-shadow:inset 0 0 20px rgba(71,244,255,.05)}.pill.good{border-color:rgba(60,255,154,.38);background:rgba(60,255,154,.09);color:#bcffd9}.pill.warn{border-color:rgba(255,215,106,.42);background:rgba(255,215,106,.11);color:#ffecaf}.cinematic-panel{margin:0 0 22px}.pipeline-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;position:relative;z-index:1}.pipeline-grid div{min-height:132px}.pipeline-grid i{width:34px;height:34px;border-radius:14px;align-items:center;justify-content:center;background:rgba(71,244,255,.08);border:1px solid rgba(71,244,255,.22)}

.cyber-radar-panel,.ai-theater,.data-vault,.journal-vault,.reason-theater{background:linear-gradient(145deg,rgba(3,10,22,.78),rgba(7,21,44,.58)),radial-gradient(circle at 30% 0,rgba(71,244,255,.12),transparent 32%)}.radar-console{position:relative;z-index:1}.ultra-radar-core{background:radial-gradient(circle,rgba(71,244,255,.22) 0 8%,rgba(71,244,255,.04) 36%,transparent 68%);filter:drop-shadow(0 0 38px rgba(71,244,255,.17))}.radar-center{background:linear-gradient(145deg,rgba(4,11,24,.95),rgba(7,25,49,.75));box-shadow:0 0 45px rgba(71,244,255,.22),inset 0 0 32px rgba(71,244,255,.12)}.ai-theater canvas{display:block;margin:0 auto;max-width:100%;height:auto;filter:drop-shadow(0 0 28px rgba(71,244,255,.22))}.selected-summary{position:relative;z-index:1}

.table-panel{padding-bottom:4px}.table-wrap{position:relative;z-index:1;border-radius:22px;background:rgba(1,6,15,.38);border:1px solid rgba(71,244,255,.12)}.signals-table th{background:linear-gradient(180deg,rgba(71,244,255,.14),rgba(71,244,255,.04));color:#bbfbff;font-size:11px;text-transform:uppercase;letter-spacing:.9px}.signals-table td{border-color:rgba(71,244,255,.09)}.signals-table tbody tr{transition:background .2s ease,transform .2s ease}.signals-table tbody tr:hover{background:rgba(71,244,255,.055);transform:scale(1.002)}input#filter{min-width:220px;border-color:rgba(71,244,255,.28);background:rgba(2,8,18,.74);box-shadow:inset 0 0 22px rgba(71,244,255,.04)}

.market-v2-grid,.phase5-grid,.liquidation-grid,.live-flow-grid,.orderbook-memory-grid,.mtf-grid,.sector-grid,.entry-journal-grid,.reason-grid,.grid,.cyber-grid,.prelisting-grid{position:relative;z-index:1}.market-v2-grid>* , .phase5-grid>* , .liquidation-grid>* , .live-flow-grid>* , .orderbook-memory-grid>* , .mtf-grid>* , .sector-grid>* , .entry-journal-grid>* , .reason-grid>* , .grid>* , .cyber-grid>*{border-color:rgba(71,244,255,.17)!important;background:linear-gradient(145deg,rgba(8,24,47,.62),rgba(5,11,25,.56))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 36px rgba(0,0,0,.22)}

.mobile-card-title{width:min(1500px,100%);margin:22px auto 10px;padding:0 2px}.ultra-footer{width:min(1500px,calc(100% - 28px));margin:28px auto 30px;border:1px solid rgba(71,244,255,.16);border-radius:24px;background:rgba(3,10,22,.56);box-shadow:0 16px 55px rgba(0,0,0,.25)}

@media (max-width:1180px){.hero-command{grid-template-columns:1fr}.holo-core{width:360px;height:360px}.ultra-status-row,.intelligence-rooms{grid-template-columns:repeat(2,1fr)}.pipeline-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.command-wrap{width:calc(100% - 18px)}.ultra-topbar{align-items:flex-start}.brand-cluster{align-items:flex-start}.brand-mark{width:46px;height:46px;border-radius:16px}.brand-mark span{font-size:23px}.command-actions{width:100%;align-items:stretch}.primary-command{width:100%}.hero-command{padding:18px;border-radius:26px}.hero-copy h2{font-size:42px;letter-spacing:-2.2px}.hero-metrics,.ultra-status-row,.intelligence-rooms,.pipeline-grid{grid-template-columns:1fr}.holo-core{width:280px;height:280px}.holo-center{width:94px;height:94px;border-radius:28px}.holo-center b{font-size:34px}.panel{border-radius:24px}.panel-head{gap:12px}.topbar{position:relative}.table-wrap{overflow:auto}.signals-table{min-width:1180px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}



/* Combined AI Services menu integration */
.command-actions .ai-services-link, .ai-services-cta {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.command-actions .ai-services-link::before, .ai-services-cta::before { content: "✦"; }
.hero-actions-line {
  margin: 22px 0 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.ai-services-cta {
  border: 1px solid rgba(34, 211, 238, .55);
  background: linear-gradient(135deg, rgba(14, 165, 233, .22), rgba(168, 85, 247, .22));
  color: #e0f2fe;
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 900;
  letter-spacing: .04em;
  box-shadow: 0 0 28px rgba(34, 211, 238, .22);
}
.hero-actions-line span { color: rgba(226, 232, 240, .72); font-size: 13px; }
@media (max-width: 720px) {
  .command-actions { align-items: stretch; width: 100%; }
  .command-actions .ai-services-link, .command-actions button { width: 100%; }
}


/* ===== Production staged-loading UX: instant first paint ===== */
.nexus-loading-card {
  min-height: 118px;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(34, 211, 238, 0.28);
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.82), rgba(2, 6, 23, 0.92));
  box-shadow: inset 0 0 22px rgba(6, 182, 212, 0.08), 0 0 24px rgba(6, 182, 212, 0.10);
  display: grid;
  gap: 8px;
  align-content: center;
  overflow: hidden;
  position: relative;
}
.nexus-loading-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);
  transform: translateX(-100%);
  animation: nexusLoadSweep 1.8s linear infinite;
}
.nexus-loading-card b { color: #e0f2fe; letter-spacing: .06em; text-transform: uppercase; }
.nexus-loading-card small { color: rgba(226,232,240,.72); }
@keyframes nexusLoadSweep { to { transform: translateX(100%); } }

/* ===== High-visibility AI Services CTA ===== */
.ai-services-link,
.ai-services-cta {
  position: relative;
  isolation: isolate;
  border: 1px solid rgba(255,255,255,.35) !important;
  color: #fff !important;
  background: radial-gradient(circle at 15% 20%, rgba(255,255,255,.34), transparent 26%),
              linear-gradient(135deg, #7c3aed 0%, #06b6d4 48%, #22c55e 100%) !important;
  box-shadow: 0 0 18px rgba(6,182,212,.7), 0 0 38px rgba(124,58,237,.55), inset 0 0 18px rgba(255,255,255,.16) !important;
  animation: nexusCtaPulse 1.75s ease-in-out infinite;
  overflow: hidden;
}
.ai-services-link::before,
.ai-services-cta::before { content: "🚀 "; }
.ai-services-link::after,
.ai-services-cta::after {
  content: ""; position: absolute; top: -80%; left: -45%; width: 35%; height: 260%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.85), transparent);
  transform: rotate(25deg); animation: nexusCtaShine 2.4s linear infinite; z-index: -1;
}
@keyframes nexusCtaPulse { 0%,100%{filter:brightness(1); transform:translateY(0) scale(1)} 50%{filter:brightness(1.22); transform:translateY(-1px) scale(1.025)} }
@keyframes nexusCtaShine { to { left: 125%; } }