/* PMP Create Pro v40 — original print-production identity layer. */

.file-nav { min-width: 138px; }
.file-nav button:first-child { min-width: 48px; }
.file-nav button:last-child { min-width: 82px; }

.job-pipeline span {
  flex: 1 1 0;
  min-width: 0;
}

.tool-rail::before { content: "BUILD\A STATION"; }

.tool-rail button {
  min-width: 132px;
  height: 56px;
  min-height: 56px;
}

.tool-rail button > span {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  color: inherit;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}

.tool-rail button > span small {
  max-width: 92px;
  overflow: hidden;
  color: #718d99;
  font-size: 6px;
  font-weight: 800;
  letter-spacing: .35px;
  line-height: 1.1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.tool-rail button.active > span small { color: #7edfd6; }

.top-actions > button { white-space: nowrap; }
.top-actions #downloadButton { color: #bdd2db; }
.top-actions #quoteButton { min-width: 140px; }

@media (min-width: 1181px) and (max-width: 1420px) {
  .topbar {
    grid-template-columns: 196px 138px minmax(205px, 1fr) auto;
    grid-template-rows: 43px 43px;
  }

  .file-nav { grid-column: 2; grid-row: 1; }
  .project-title { grid-column: 3; grid-row: 1; }
  .history-nav { display: none; }
  .job-pipeline {
    grid-column: 2 / 4;
    grid-row: 2;
    display: flex;
  }
  .top-actions { grid-column: 4; grid-row: 1 / 3; }
  .top-actions > button { padding-inline: 7px; }
}

@media (max-width: 1180px) {
  .tool-rail button { min-width: 112px; }
  .tool-rail button > span small { max-width: 76px; }
}

@media (max-width: 980px) {
  .tool-rail button {
    min-width: 86px;
    height: 55px;
    min-height: 55px;
  }
  .tool-rail button > span {
    align-items: center;
    font-size: 8px;
    text-align: center;
  }
  .tool-rail button > span small { display: none; }
}

@media (max-width: 620px) {
  .top-actions #quoteButton { min-width: 106px; }
  .tool-rail button { min-width: 76px; }
}
