/* ==========================================================
   PLANNING OPERATIONAL V1
   ========================================================== */

.opv1-shell{
  margin:14px 0 16px;
  padding:15px;

  border:
    1px solid rgba(148,163,184,.18);

  border-radius:17px;

  background:#fff;
}


.opv1-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:15px;
}


.opv1-head small,
.opv1-subhead small{
  display:block;

  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;

  color:#2563eb;
}


.opv1-head h3{
  margin:3px 0 0;

  font-size:19px;

  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
}


.opv1-head p{
  margin:4px 0 0;

  font-size:10px;

  color:#64748b;
}


#opv1Refresh{
  border:
    1px solid #dbeafe;

  border-radius:10px;

  padding:7px 10px;

  background:#eff6ff;
  color:#2563eb;

  font:inherit;
  font-size:10px;
  font-weight:700;

  cursor:pointer;
}


.opv1-grid{
  display:grid;

  grid-template-columns:
    repeat(
      4,
      minmax(0,1fr)
    );

  gap:8px;

  margin-top:13px;
}


.opv1-grid article{
  padding:11px;

  border:
    1px solid #e5e7eb;

  border-radius:13px;

  background:#fafafa;
}


.opv1-grid span,
.opv1-purchases span{
  display:block;

  font-size:9px;

  color:#64748b;
}


.opv1-grid strong{
  display:block;

  margin-top:3px;

  font-size:18px;

  color:#111827;
}


.opv1-grid small{
  display:block;

  margin-top:3px;

  font-size:9px;

  color:#64748b;
}


.opv1-purchases{
  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:8px;

  margin-top:8px;
}


.opv1-purchases>div{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:12px;

  padding:9px 11px;

  border-radius:11px;

  background:#f8fafc;
}


.opv1-purchases strong{
  font-size:12px;

  color:#111827;
}


.opv1-priority{
  margin-top:14px;
}


.opv1-subhead{
  display:flex;

  justify-content:space-between;
  align-items:end;

  margin-bottom:7px;
}


.opv1-subhead h4{
  margin:2px 0 0;

  font-size:14px;

  color:#111827;
}


.opv1-subhead>span{
  font-size:9px;

  color:#64748b;
}


.opv1-priority-row{
  display:grid;

  grid-template-columns:
    30px
    minmax(0,1fr)
    auto;

  align-items:center;

  gap:8px;

  padding:8px 0;

  border-top:
    1px solid rgba(148,163,184,.13);
}


.opv1-rank{
  display:flex;

  align-items:center;
  justify-content:center;

  width:28px;
  height:28px;

  border-radius:9px;

  background:#eff6ff;
  color:#2563eb;

  font-size:9px;
  font-weight:800;
}


.opv1-priority-row strong{
  display:block;

  font-size:10px;

  color:#111827;
}


.opv1-priority-row small{
  display:block;

  margin-top:2px;

  font-size:8px;

  color:#64748b;
}


.opv1-priority-row>b{
  font-size:10px;

  color:#111827;
}


.opv1-foot{
  margin-top:10px;

  padding-top:8px;

  border-top:
    1px solid rgba(148,163,184,.13);

  font-size:8px;

  color:#94a3b8;
}


.opv1-empty{
  padding:15px 0;

  font-size:10px;

  color:#64748b;
}


@media(max-width:760px){

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

}


@media(max-width:480px){

  .opv1-head{
    align-items:center;
  }

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

  .opv1-purchases{
    grid-template-columns:
      1fr;
  }

}



/* ==========================================================
   ANALISIS DARK V1
   Inventario y comportamiento.
   ========================================================== */

#ppv1PlanningOverlay .opv1-shell{
  background:#172235 !important;
  border-color:#334155 !important;
  color:#f8fafc !important;
}


#ppv1PlanningOverlay .opv1-head h3,
#ppv1PlanningOverlay .opv1-subhead h4{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
}


#ppv1PlanningOverlay .opv1-head p,
#ppv1PlanningOverlay .opv1-grid span,
#ppv1PlanningOverlay .opv1-grid small,
#ppv1PlanningOverlay .opv1-purchases span,
#ppv1PlanningOverlay .opv1-subhead > span,
#ppv1PlanningOverlay .opv1-priority-row small,
#ppv1PlanningOverlay .opv1-foot,
#ppv1PlanningOverlay .opv1-empty{
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
}


#ppv1PlanningOverlay .opv1-grid article,
#ppv1PlanningOverlay .opv1-purchases > div,
#ppv1PlanningOverlay .opv1-priority-row{
  background:#1b2738 !important;
  border-color:#334155 !important;
}


#ppv1PlanningOverlay .opv1-grid strong,
#ppv1PlanningOverlay .opv1-purchases strong,
#ppv1PlanningOverlay .opv1-priority-row strong,
#ppv1PlanningOverlay .opv1-priority-row > b{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
}


#ppv1PlanningOverlay #opv1Refresh{
  background:#1b2738 !important;
  border-color:#334155 !important;
  color:#e2e8f0 !important;
}


/* ==========================================================
   /ANALISIS DARK V1
   ========================================================== */