.compact-button {
  display: inline-flex;
  margin: 0;
  padding: 11px 16px;
}

.head-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.save-confirmation {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  border-left: 4px solid var(--green);
  color: var(--green);
}

.save-confirmation span {
  color: var(--muted);
}

.quick-create-note {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
  padding: 11px 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f6f9fc;
  font-size: 12px;
}

.quick-create-note span { font-weight: 800; }
.quick-create-note a { color: var(--blue); font-weight: 800; }
.quick-create-note small { color: var(--muted); margin-left: auto; }

@media (max-width: 650px) {
  .head-actions,
  .save-confirmation {
    align-items: flex-start;
    flex-direction: column;
  }
}