/* Subtle boundaries for My Plugins only; retain the existing responsive columns. */
#teacher-app .tp-my-plugins .tp-my-plugin-grid {
  gap: 16px;
  grid-auto-rows: 1fr;
  padding: 16px;
  border-color: #e9ecf0;
  box-shadow: none;
}

#teacher-app .tp-my-plugins .tp-my-plugin-grid > .tp-my-plugin-card {
  min-height: 128px;
  padding: 14px 16px;
  border: 1px solid #dce1e7;
  border-radius: 10px;
  background: #fff;
  box-shadow: none;
}

#teacher-app .tp-my-plugins .tp-my-plugin-grid > .tp-my-plugin-card:hover {
  border-color: #c5cdd7;
  box-shadow: none;
}

#teacher-app .tp-my-plugins .tp-my-plugin-grid > .ps-add-card {
  min-height: 128px;
  height: auto;
  align-self: stretch;
  padding: 14px 16px;
  border-width: 1px;
  border-color: #dce1e7;
  border-radius: 10px;
  background: #fff;
}

#teacher-app .tp-my-plugins .tp-my-plugin-grid > .ps-add-card:hover {
  border-color: #c5cdd7;
  background: #fafafa;
}

@media (max-width: 680px) {
  #teacher-app .tp-my-plugins .tp-my-plugin-grid {
    gap: 12px;
    padding: 12px;
  }

  #teacher-app .tp-my-plugins .tp-my-plugin-grid > .tp-my-plugin-card,
  #teacher-app .tp-my-plugins .tp-my-plugin-grid > .ps-add-card {
    padding: 14px 12px;
  }
}