/* ==========================================================
   MARKET ANALYZER DASHBOARD V1.13
   Solo reorganiza el centro del Dashboard.
   Sidebar y rail de proveedores permanecen intactos.
========================================================== */

body > .main{
  min-width:0;
}

body > .main .grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}

body > .main .card{
  min-width:0;
}

body > .main .layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:14px !important;
  align-items:start;
}

body > .main .layout > .panel{
  min-width:0;
  width:100%;
}

body > .main .layout > .panel:first-child{
  grid-column:1 / -1;
}

body > .main .layout > .panel:nth-child(2){
  grid-column:1 / -1;
}

/* RADAR PRINCIPAL */

body > .main .layout > .panel:first-child .panel-body{
  padding:16px 18px 18px;
  overflow:visible;
}

body > .main .layout > .panel:first-child .empty{
  display:none !important;
}

body > .main .layout > .panel:first-child #marketList{
  display:none !important;
}

body > .main .layout > .panel:first-child .panel-header{
  padding:15px 18px;
}

body > .main .layout > .panel:first-child .panel-header h2{
  font-size:14px;
  font-weight:750;
}


/* ==========================================================
   RESUMEN RADAR
========================================================== */

#ma-radar-v112{
  width:100%;
  min-width:0;
  margin:0 !important;
}

#ma-radar-v112 .ma-radar-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:0 0 14px;
}

#ma-radar-v112 .ma-radar-summary-card{
  min-width:0;
  min-height:72px;
  padding:12px 13px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:9px;
  background:rgba(255,255,255,.018);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

#ma-radar-v112 .ma-radar-summary-card small{
  display:block;
  margin-bottom:7px;
  font-size:8px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.45px;
  opacity:.52;
}

#ma-radar-v112 .ma-radar-summary-card strong{
  font-size:20px;
  line-height:1;
  font-weight:800;
}


/* ==========================================================
   TABLA RADAR
========================================================== */

#ma-radar-v112 .ma-radar-table{
  width:100%;
  min-width:0;
  padding:0;
  border:1px solid rgba(255,255,255,.055);
  border-radius:9px;
  background:rgba(255,255,255,.008);
  overflow:hidden;
}

#ma-radar-v112 .ma-radar-header,
#ma-radar-v112 .ma-radar-row{
  display:grid;
  grid-template-columns:
    minmax(128px,1.3fr)
    minmax(90px,.85fr)
    minmax(72px,.7fr)
    minmax(62px,.6fr)
    minmax(110px,1fr)
    minmax(105px,.95fr);
  column-gap:12px;
  align-items:center;
}

#ma-radar-v112 .ma-radar-header{
  min-height:36px;
  padding:0 14px;
  border-bottom:1px solid rgba(255,255,255,.045);
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.55px;
  opacity:.48;
}

#ma-radar-v112 .ma-radar-body{
  display:block;
}

#ma-radar-v112 .ma-radar-row{
  min-height:54px;
  padding:8px 14px;
  margin:0;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.04);
  border-radius:0;
  background:transparent;
  font-size:10px;
}

#ma-radar-v112 .ma-radar-row:last-child{
  border-bottom:0;
}

#ma-radar-v112 .ma-radar-row:hover{
  background:rgba(255,255,255,.018);
}

#ma-radar-v112 .ma-radar-row.ma-radar-active{
  background:rgba(56,217,150,.038);
  box-shadow:inset 3px 0 0 rgba(56,217,150,.7);
}

#ma-radar-v112 .ma-symbol{
  min-width:0;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#ma-radar-v112 .ma-symbol small{
  display:block;
  margin-top:3px;
  max-width:100%;
  font-size:8px;
  line-height:1.2;
  font-weight:400;
  opacity:.44;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#ma-radar-v112 .ma-num,
#ma-radar-v112 .ma-score{
  text-align:right;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

#ma-radar-v112 .ma-score{
  font-weight:800;
}

#ma-radar-v112 .ma-signal strong{
  display:block;
  font-size:9px;
  line-height:1.15;
  text-transform:capitalize;
}

#ma-radar-v112 .ma-signal small{
  display:block;
  margin-top:3px;
  font-size:8px;
  opacity:.45;
  text-transform:capitalize;
}

#ma-radar-v112 .ma-status{
  font-size:8px;
  line-height:1.3;
}

#ma-radar-v112 .ma-status-active{
  color:#38d996;
  font-weight:700;
}

#ma-radar-v112 .ma-status-normal{
  opacity:.55;
}

#ma-radar-v112 .ma-radar-note{
  margin-top:9px;
  font-size:8px;
  line-height:1.4;
  opacity:.4;
}


/* ==========================================================
   MOTORES DEL SISTEMA
========================================================== */

body > .main .layout > .panel:nth-child(2) .panel-body{
  padding:0;
}

body > .main .layout > .panel:nth-child(2) .panel-header{
  padding:13px 18px;
}

body > .main .layout > .panel:nth-child(2) .panel-body{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
}

body > .main .layout > .panel:nth-child(2) .engine{
  min-width:0;
  min-height:64px;
  padding:12px 14px !important;
  border-right:1px solid rgba(255,255,255,.045);
  border-bottom:0 !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:7px;
}

body > .main .layout > .panel:nth-child(2) .engine:last-child{
  border-right:0;
}

body > .main .layout > .panel:nth-child(2) .engine strong{
  font-size:9px;
  font-weight:650;
  line-height:1.2;
  opacity:.75;
}

body > .main .layout > .panel:nth-child(2) .engine .badge{
  font-size:8px;
  white-space:nowrap;
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:1150px){

  body > .main .layout > .panel:nth-child(2) .panel-body{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  body > .main .layout > .panel:nth-child(2) .engine{
    border-bottom:1px solid rgba(255,255,255,.045) !important;
  }

  #ma-radar-v112 .ma-radar-header,
  #ma-radar-v112 .ma-radar-row{
    grid-template-columns:
      minmax(115px,1.3fr)
      88px
      68px
      58px
      95px
      90px;
    column-gap:8px;
  }
}

@media(max-width:900px){

  #ma-radar-v112 .ma-radar-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #ma-radar-v112 .ma-radar-header{
    display:none;
  }

  #ma-radar-v112 .ma-radar-row{
    grid-template-columns:
      minmax(110px,1fr)
      80px
      62px
      56px;
  }

  #ma-radar-v112 .ma-radar-row > :nth-child(5),
  #ma-radar-v112 .ma-radar-row > :nth-child(6){
    display:none;
  }

  body > .main .layout > .panel:nth-child(2) .panel-body{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:640px){

  body > .main .grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #ma-radar-v112 .ma-radar-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #ma-radar-v112 .ma-radar-row{
    grid-template-columns:
      minmax(105px,1fr)
      72px
      54px;
  }

  #ma-radar-v112 .ma-radar-row > :nth-child(4){
    display:none;
  }
}