/* CODSHIPX_AI_R110_R4_R1_EXECUTIVE_4_CARDS */

.cx-dashboard-v2 .cx-dv2-exec-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:1fr;

  gap:12px;

  width:100%;

  align-items:stretch;
}

.cx-dv2-exec-card{
  appearance:none;

  position:relative;

  display:flex;
  flex-direction:column;

  width:100%;
  min-width:0;

  height:100%;
  min-height:210px;

  padding:18px;

  overflow:hidden;

  border:1px solid #e1e8ef;
  border-radius:19px;

  background:#fff;

  color:inherit;

  text-align:left;

  box-shadow:
    0 2px 5px rgba(17,35,58,.025),
    0 10px 26px rgba(21,45,75,.045);

  cursor:pointer;

  transition:
    transform .16s ease,
    border-color .16s ease,
    box-shadow .16s ease;
}

.cx-dv2-exec-card::after{
  content:"";

  position:absolute;

  width:115px;
  height:115px;

  top:-55px;
  right:-45px;

  border-radius:50%;

  opacity:.72;

  pointer-events:none;
}

.cx-dv2-exec-card:hover{
  transform:translateY(-2px);

  border-color:#cbd8e4;

  box-shadow:
    0 3px 7px rgba(17,35,58,.03),
    0 15px 34px rgba(21,45,75,.075);
}

.cx-dv2-exec-card.money{
  background:
    linear-gradient(
      180deg,
      #fefff9 0%,
      #f8fceF 100%
    );
}

.cx-dv2-exec-card.money::after{
  background:rgba(143,211,28,.13);
}

.cx-dv2-exec-card.customers{
  background:
    linear-gradient(
      180deg,
      #fcfeff 0%,
      #f5f9ff 100%
    );
}

.cx-dv2-exec-card.customers::after{
  background:rgba(73,126,224,.11);
}

.cx-dv2-exec-card.sales{
  background:
    linear-gradient(
      180deg,
      #fffdf8 0%,
      #fff9eb 100%
    );
}

.cx-dv2-exec-card.sales::after{
  background:rgba(224,164,55,.12);
}

.cx-dv2-exec-card.health{
  background:
    linear-gradient(
      180deg,
      #fdfcff 0%,
      #f8f5ff 100%
    );
}

.cx-dv2-exec-card.health::after{
  background:rgba(125,87,214,.10);
}

.cx-dv2-exec-head{
  position:relative;
  z-index:1;

  display:flex;
  align-items:center;

  gap:11px;

  min-height:42px;
}

.cx-dv2-exec-icon{
  display:grid;
  place-items:center;

  width:40px;
  height:40px;

  flex:0 0 40px;

  border:1px solid #dfe7ee;
  border-radius:12px;

  background:#f4f7fa;

  color:#5d728d;
}

.cx-dv2-exec-card.money .cx-dv2-exec-icon{
  border-color:#d8e9b8;
  background:#eef8dc;
  color:#659817;
}

.cx-dv2-exec-card.customers .cx-dv2-exec-icon{
  border-color:#d8e3fa;
  background:#eef4ff;
  color:#4a73cb;
}

.cx-dv2-exec-card.sales .cx-dv2-exec-icon{
  border-color:#efe0bd;
  background:#fff5db;
  color:#a37319;
}

.cx-dv2-exec-card.health .cx-dv2-exec-icon{
  border-color:#e2daf6;
  background:#f4effd;
  color:#7657bd;
}

.cx-dv2-exec-title{
  display:block;

  min-width:0;
}

.cx-dv2-exec-title small{
  display:block;

  margin-bottom:4px;

  color:#8390a1;

  font-size:8.5px;
  line-height:1;

  font-weight:900;

  letter-spacing:.11em;
}

.cx-dv2-exec-title strong{
  display:block;

  overflow:hidden;

  color:#1a2940;

  font-size:12.5px;
  line-height:1.25;

  font-weight:820;

  text-overflow:ellipsis;
  white-space:nowrap;
}

.cx-dv2-exec-value{
  position:relative;
  z-index:1;

  min-height:45px;

  margin:18px 0 5px;

  color:#101e34;

  font-size:31px;
  line-height:1;

  font-weight:900;

  letter-spacing:-.045em;

  overflow-wrap:anywhere;
}

.cx-dv2-exec-desc{
  position:relative;
  z-index:1;

  min-height:48px;

  margin:0 0 14px;

  color:#738298;

  font-size:10px;
  line-height:1.5;
}

.cx-dv2-exec-stats{
  position:relative;
  z-index:1;

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

  gap:7px;

  margin-top:auto;
}

.cx-dv2-exec-stats>span{
  min-width:0;

  padding:8px 9px;

  border:1px solid rgba(219,227,235,.92);
  border-radius:10px;

  background:rgba(255,255,255,.72);
}

.cx-dv2-exec-stats small{
  display:block;

  overflow:hidden;

  color:#8a97a8;

  font-size:8px;
  line-height:1.2;

  text-overflow:ellipsis;
  white-space:nowrap;
}

.cx-dv2-exec-stats b{
  display:block;

  margin-top:4px;

  overflow:hidden;

  color:#27374e;

  font-size:10px;
  line-height:1.2;

  font-weight:850;

  text-overflow:ellipsis;
  white-space:nowrap;
}

.cx-dv2-exec-link{
  position:relative;
  z-index:1;

  display:block;

  min-height:14px;

  margin-top:12px;

  color:#65758a;

  font-size:9px;
  line-height:1.3;

  font-weight:800;

  text-align:right;
}

.cx-dv2-exec-card.money .cx-dv2-exec-link{
  color:#668d28;
}

.cx-dv2-exec-card.customers .cx-dv2-exec-link{
  color:#4d70ba;
}

.cx-dv2-exec-card.sales .cx-dv2-exec-link{
  color:#946a1a;
}

.cx-dv2-exec-card.health .cx-dv2-exec-link{
  color:#7255b1;
}

/*
 * Equal-size lock:
 * every direct card uses the same row height,
 * min-height, padding and internal layout.
 */
.cx-dv2-exec-grid > .cx-dv2-exec-card{
  align-self:stretch;
}

@media(max-width:1250px){
  .cx-dashboard-v2 .cx-dv2-exec-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .cx-dv2-exec-card{
    min-height:205px;
  }
}

@media(max-width:700px){
  .cx-dashboard-v2 .cx-dv2-exec-grid{
    grid-template-columns:1fr;
  }

  .cx-dv2-exec-card{
    min-height:198px;
  }
}