/* State-aware transcript rows and compact balance at collapsed desktop widths. */

.pp-jobs-state-note {
  margin: 0;
  color: #607792;
  font-size: 0.92rem;
  line-height: 1.45;
}

.pp-transcripts-workspace .pp-jobs-source .pp-jobs-meta-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  margin-top: 4px;
  color: #607792;
}

.pp-transcripts-workspace .pp-jobs-source .pp-jobs-meta-list > span {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.pp-transcripts-workspace .pp-jobs-source .pp-jobs-meta-list > span + span::before {
  content: "·";
  margin: 0 8px;
  color: #9aabc0;
}

.pp-transcripts-workspace .pp-jobs-actions:not(:has(.pp-jobs-action-stack)) {
  display: none;
}

@media (min-width: 981px) {
  .pp-transcripts-workspace .pp-jobs-row--queued .pp-jobs-actions,
  .pp-transcripts-workspace .pp-jobs-row--processing .pp-jobs-actions,
  .pp-transcripts-workspace .pp-jobs-row--uploading .pp-jobs-actions {
    visibility: hidden;
    pointer-events: none;
  }
}

@media (max-width: 1180px) and (min-width: 761px) {
  .pp-tool-grid-single > .pp-resource-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas:
      "head balance cta"
      "head hours cta";
    align-items: center;
    column-gap: 24px;
    row-gap: 2px;
    padding: 18px 22px;
  }

  .pp-tool-grid-single > .pp-resource-card .pp-resource-head {
    grid-area: head;
    align-self: center;
    margin: 0;
  }

  .pp-tool-grid-single > .pp-resource-card .pp-resource-link {
    display: none;
  }

  .pp-tool-grid-single > .pp-resource-card .pp-resource-balance {
    grid-area: balance;
    margin: 0;
    font-size: clamp(1.3rem, 2.2vw, 1.65rem);
    line-height: 1.15;
  }

  .pp-tool-grid-single > .pp-resource-card .pp-resource-hours {
    grid-area: hours;
    margin: 0;
  }

  .pp-tool-grid-single > .pp-resource-card .pp-resource-meta {
    display: none;
  }

  .pp-tool-grid-single > .pp-resource-card .pp-resource-cta {
    grid-area: cta;
    width: auto;
    min-width: 132px;
    margin: 0;
    justify-self: end;
  }
}

@media (max-width: 760px) {
  .pp-tool-grid-single > .pp-resource-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "head head"
      "balance cta"
      "hours cta";
    gap: 4px 16px;
  }

  .pp-tool-grid-single > .pp-resource-card .pp-resource-head { grid-area: head; }
  .pp-tool-grid-single > .pp-resource-card .pp-resource-balance { grid-area: balance; margin: 4px 0 0; }
  .pp-tool-grid-single > .pp-resource-card .pp-resource-hours { grid-area: hours; margin: 0; }
  .pp-tool-grid-single > .pp-resource-card .pp-resource-meta { display: none; }
  .pp-tool-grid-single > .pp-resource-card .pp-resource-cta {
    grid-area: cta;
    width: auto;
    min-width: 112px;