/* Single project page. */
.proj-head {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.proj-head .actions {
  margin-left: auto;
  gap: 8px;
}

.proj-head .sub {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--muted);
  font-size: 14px;
  margin-top: 0;
}

.proj-head .sub svg {
  color: var(--muted);
}

@media (max-width:900px) {
  /* The four header buttons ("Информация / Бележки / Плащания / Редакция")
     are wider than a phone on their own line; margin-left:auto used to hold
     them on the badge's line and push the page to 592px. They now wrap onto
     their own full-width line and start at the left edge like every other
     .actions row. */
  .proj-head .actions {
    margin-left: 0;
    width: 100%;
  }
}