/* PMP Create Pro v281 — compact, collision-free job and library status. */

@media (min-width: 1181px) {
  .topbar .project-title {
    display: grid;
    grid-template-columns: auto minmax(120px, 1fr) minmax(82px, auto);
    grid-template-rows: 1fr 1fr;
    align-items: center;
    column-gap: 8px;
    row-gap: 0;
  }

  .topbar .project-title::before {
    grid-column: 1;
    grid-row: 1 / 3;
  }

  .topbar .project-title > input {
    grid-column: 2;
    grid-row: 1 / 3;
    width: 100%;
    min-width: 0;
  }

  .topbar .project-title > #saveStatus,
  .topbar .project-title > .studio-service-state {
    width: 100%;
    max-width: 94px;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .topbar .project-title > #saveStatus {
    grid-column: 3;
    grid-row: 1;
    align-self: end;
    padding-bottom: 1px;
  }

  .topbar .project-title > .studio-service-state {
    grid-column: 3;
    grid-row: 2;
    align-self: start;
    padding-top: 1px;
  }

  .topbar .project-title > .studio-service-state > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

