/* SharpEdge quick action cards: larger, cleaner icons. Loaded last to bypass CDN edge cache. */
.sharp-quick {
  gap: 6px !important;
}

.sharp-quick__item {
  height: 66px !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  padding: 0 5px !important;
  border-radius: 13px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(255, 252, 247, .94) 100%) !important;
  border: 1px solid rgba(226, 214, 193, .86) !important;
  box-shadow: 0 14px 30px rgba(95, 71, 33, .075), inset 0 1px 0 rgba(255, 255, 255, .96) !important;
}

.sharp-quick__item > .sharp-home-icon {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  padding: 8px !important;
  border-radius: 50% !important;
  color: #d19519 !important;
  background:
    radial-gradient(circle at 34% 24%, rgba(255, 247, 222, .98), rgba(255, 255, 255, .58) 64%),
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 248, 230, .74)) !important;
  border: 1.6px solid rgba(209, 149, 25, .94) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 5px 12px rgba(178, 117, 13, .13) !important;
}

.sharp-quick__item > .sharp-home-icon svg {
  width: 100% !important;
  height: 100% !important;
  stroke-width: 2.15 !important;
}

.sharp-quick__item span {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 4px !important;
}

.sharp-quick__item strong {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: clamp(10.35px, 2.5vw, 11.3px) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.sharp-quick__item em {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: clamp(9.8px, 2.45vw, 10.6px) !important;
  letter-spacing: 0 !important;
}

@media (max-width: 390px) {
  .sharp-quick {
    gap: 5px !important;
  }

  .sharp-quick__item {
    height: 64px !important;
    gap: 4px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .sharp-quick__item > .sharp-home-icon {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
    padding: 7px !important;
  }

  .sharp-quick__item strong {
    font-size: 10.25px !important;
  }

  .sharp-quick__item em {
    font-size: 9.7px !important;
  }
}

@media (max-width: 410px) {
  .sharp-quick__item strong {
    font-size: 10.1px !important;
  }
}