.circle-content-table {
  min-width: 900px;
}

.circle-content-table th:last-child,
.circle-content-table td:last-child {
  width: 112px;
}

.circle-content-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 7px;
}

.circle-content-flags em {
  padding: 3px 6px;
  border-radius: 5px;
  background: #eef1ef;
  color: #68736c;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
}

.circle-content-flags .is-pinned { background: #fde8e8; color: #ae2828; }
.circle-content-flags .is-featured { background: #fff0d8; color: #9b5b0e; }
.circle-content-flags .is-pending { background: #e7f0fb; color: #346a9e; }
.circle-content-flags .is-hidden { background: #ecefed; color: #68736c; }

.circle-row-menu {
  position: relative;
  width: 88px;
}

.circle-row-menu summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid #d7ded9;
  border-radius: 8px;
  background: #fff;
  color: #26332b;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}

.circle-row-menu summary::-webkit-details-marker { display: none; }
.circle-row-menu[open] summary { border-color: #9bbd55; box-shadow: 0 0 0 3px rgb(155 189 85 / 12%); }
.circle-row-menu summary i { color: #718078; font-style: normal; }

.circle-row-menu > div {
  position: absolute;
  z-index: 20;
  top: calc(100% + 6px);
  right: 0;
  width: 144px;
  overflow: hidden;
  padding: 5px;
  border: 1px solid #dce2dd;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 14px 32px rgb(18 32 24 / 16%);
}

.circle-row-menu form { margin: 0; }
.circle-row-menu button {
  width: 100%;
  padding: 8px 9px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #435047;
  font-size: 11px;
  text-align: left;
  cursor: pointer;
}
.circle-row-menu button:hover { background: #f2f5f2; color: #17231b; }
.circle-row-menu button.is-primary { color: #52751a; font-weight: 750; }
.circle-row-menu button.is-danger { color: #b42c2c; }
.circle-row-menu button.is-danger:hover { background: #fff0f0; color: #941d1d; }