/* Collapsible cards customization */
.accordion-button:not(.collapsed) {
  background-color: rgba(32, 107, 196, 0.06);
  color: #206bc4;
}

.accordion-button:focus {
  box-shadow: none;
}

.markdown-content {
  overflow-wrap: break-word;
}

/* Adjust spacing in application cards */
.accordion-button .badge {
  font-size: 0.7rem;
  padding: 0.25em 0.5em;
}

/* Ensure icons are vertically centered */
.accordion-button .ti {
  vertical-align: middle;
}

/* Make sure markdown content has proper spacing */
.markdown-content>*:first-child {
  margin-top: 0;
}

.markdown-content>*:last-child {
  margin-bottom: 0;
}

/* Custom styling for port badges in accordion headers */
.accordion-button .badge {
  background-color: #206bc4;
  color: white;
}

/* Add a bit of hover effect to the accordion items */
.accordion-item:hover {
  background-color: rgba(32, 107, 196, 0.03);
}

/* Visual cue for the action buttons */
.accordion-body .btn-outline-primary:hover {
  background-color: #206bc4;
  color: white;
}

.accordion-body .btn-outline-danger:hover {
  background-color: #d63939;
  color: white;
}