.theme-pad {
  --service-accent: #006176;
  --service-accent-soft: #43b6c9;
  --service-secondary: #ec008c;
  --service-secondary-glow: rgba(236, 0, 140, 0.12);
  --service-accent-glow: rgba(0, 97, 118, 0.16);
  --service-tag-bg: rgba(0, 97, 118, 0.1);
  --service-cta-primary-hover: #5fd3e6;
}

.pad-values-highlight {
  grid-template-columns: minmax(0, auto);
  justify-content: center;
}

.pad-values-card {
  width: fit-content;
  max-width: 100%;
  overflow: visible;
}

.theme-pad .service-actions {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(max-content, 1fr));
  width: fit-content;
}

.theme-pad .service-actions .service-cta-primary,
.theme-pad .service-actions .service-cta-secondary {
  width: 100%;
}

.pad-table-wrap {
  margin-top: 22px;
  border: 1px solid rgba(0, 97, 118, 0.1);
  border-radius: 18px;
}

.pad-table {
  width: auto;
  min-width: 850px;
  margin: 0;
  --bs-table-bg: transparent;
  --bs-table-color: #305861;
}

.pad-table thead th {
  background: linear-gradient(180deg, #edf7f8 0%, #e2f2f5 100%);
  color: var(--service-accent);
  font-size: 0.9rem;
  font-weight: 800;
  white-space: nowrap;
}

.pad-table th,
.pad-table td {
  border-color: rgba(0, 97, 118, 0.1);
  padding: 0.78rem 0.75rem;
  vertical-align: middle;
}

.pad-table td:first-child,
.pad-table tfoot th {
  color: var(--service-accent);
  font-weight: 800;
}

.pad-table td:nth-child(3),
.pad-table td:nth-child(4),
.pad-table td:nth-child(5),
.pad-table tfoot td {
  font-weight: 700;
  white-space: nowrap;
}

.pad-table tfoot th,
.pad-table tfoot td {
  background: rgba(236, 0, 140, 0.08);
  color: #1f4d56;
}

.pad-total {
  display: grid;
  gap: 8px;
  margin-top: 18px;
  padding: 18px;
  border-radius: 18px;
  background: linear-gradient(180deg, #f7fcfd 0%, #edf7f8 100%);
  border: 1px solid rgba(0, 97, 118, 0.08);
}

.pad-total strong {
  color: var(--service-accent);
  font-size: 1.08rem;
}

.pad-total span {
  color: #5f8289;
  line-height: 1.55;
}

@media (max-width: 991.98px) {
  .pad-values-highlight {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575.98px) {
  .theme-pad .service-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .pad-table-wrap {
    border-radius: 14px;
  }

  .pad-total {
    padding: 16px;
  }
}