/* ==========================================================
   PLANNING ROLE VIEW V1
   SOLO AFECTA #ppv1PlanningOverlay
   ========================================================== */

#ppv1PlanningOverlay
.ppv1-role-money{
  display:grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:12px;
}


#ppv1PlanningOverlay
.ppv1-role-money article{
  padding:12px 14px;
  border:
    1px solid rgba(148,163,184,.18);
  border-radius:12px;
  background:#fff;
}


#ppv1PlanningOverlay
.ppv1-role-money span{
  display:block;
  font-size:8px;
  letter-spacing:.06em;
  color:#64748b;
}


#ppv1PlanningOverlay
.ppv1-role-money strong{
  display:block;
  margin-top:4px;
  font-size:20px;
  color:#111827;
}


#ppv1PlanningOverlay
.ppv1-role-money small{
  display:block;
  margin-top:3px;
  font-size:9px;
  color:#64748b;
}


#ppv1PlanningOverlay
.ppv1-role-money.is-manager
.is-total{
  border-color:
    rgba(37,99,235,.25);
}


#ppv1PlanningOverlay
.ppv1-role-money.is-seller
.is-available{
  border-color:
    rgba(34,197,94,.28);
}


#ppv1PlanningOverlay
.ppv1-role-money.is-seller
.is-available strong{
  color:#047857;
}


/* ==========================================================
   VENDEDOR:
   Planeación sólo muestra Compras.
   Esto NO modifica ningún módulo exterior.
   ========================================================== */

body.ppv1-role-seller
#ppv1PlanningOverlay
.ppv1-tabs{
  display:none !important;
}


body.ppv1-role-seller
#ppv1PlanningOverlay
.ppv1-quick-cards{
  grid-template-columns:
    repeat(2,minmax(0,1fr));
}


body.ppv1-role-seller
#ppv1PlanningOverlay
.ppv1-quick-cards
.is-reserved{
  display:none !important;
}


@media(max-width:700px){

  #ppv1PlanningOverlay
  .ppv1-role-money{
    grid-template-columns:1fr;
  }


  body.ppv1-role-seller
  #ppv1PlanningOverlay
  .ppv1-quick-cards{
    grid-template-columns:1fr;
  }

}

/* ==========================================================
   /PLANNING ROLE VIEW V1
   ========================================================== */


/* ==========================================================
   PLANNING SELLER UI V2
   ========================================================== */

#ppv1PlanningOverlay
.ppv1-seller-money-v2{
  margin:0 0 16px;
  padding:16px;
  border:
    1px solid rgba(148,163,184,.20);
  border-radius:16px;
  background:#fff;
}


#ppv1PlanningOverlay
.ppv1-seller-money-title{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:12px;
}


#ppv1PlanningOverlay
.ppv1-seller-money-title small{
  display:block;
  font-size:9px;
  letter-spacing:.06em;
  color:#64748b;
}


#ppv1PlanningOverlay
.ppv1-seller-money-title strong{
  display:block;
  margin-top:3px;
  font-size:19px;
  color:#111827;
}


#ppv1PlanningOverlay
.ppv1-seller-money-title>span{
  padding:5px 8px;
  border-radius:999px;
  background:
    rgba(37,99,235,.07);
  font-size:9px;
  color:#1d4ed8;
}


#ppv1PlanningOverlay
.ppv1-seller-money-grid{
  display:grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  gap:9px;
}


#ppv1PlanningOverlay
.ppv1-seller-money-grid article{
  padding:12px 13px;
  border:
    1px solid rgba(148,163,184,.17);
  border-radius:12px;
}


#ppv1PlanningOverlay
.ppv1-seller-money-grid span{
  display:block;
  font-size:8px;
  color:#64748b;
}


#ppv1PlanningOverlay
.ppv1-seller-money-grid strong{
  display:block;
  margin-top:4px;
  font-size:20px;
  color:#111827;
}


#ppv1PlanningOverlay
.ppv1-seller-money-grid small{
  display:block;
  margin-top:3px;
  font-size:9px;
  color:#64748b;
}


#ppv1PlanningOverlay
.ppv1-seller-money-grid
.is-available{
  border-color:
    rgba(34,197,94,.28);
}


#ppv1PlanningOverlay
.ppv1-seller-money-grid
.is-available strong{
  color:#047857;
}


#ppv1PlanningOverlay
.ppv1-seller-money-grid
.is-total{
  border-color:
    rgba(37,99,235,.25);
}


#ppv1PlanningOverlay
.ppv1-seller-money-note{
  margin-top:10px;
  padding:8px 10px;
  border-radius:9px;
  background:
    rgba(148,163,184,.06);
  font-size:9px;
  line-height:1.45;
  color:#64748b;
}


/*
  VENDEDOR:
  sólo oculta herramientas internas
  de Planeación.
*/
body.ppv1-role-seller
#ppv1PlanningOverlay
.ppv1-tabs{
  display:none !important;
}


@media(max-width:700px){

  #ppv1PlanningOverlay
  .ppv1-seller-money-grid{
    grid-template-columns:1fr;
  }

}

/* ==========================================================
   /PLANNING SELLER UI V2
   ========================================================== */