.prompt-template-toolbar {
  display: grid;
  grid-template-columns: 240px minmax(260px, 1fr) auto;
  gap: 14px;
  align-items: end;
  padding: 16px 22px;
  border-bottom: 1px solid var(--line);
  background: rgba(5, 14, 27, .32);
}
.prompt-template-toolbar label { display: block; margin-bottom: 7px; color: #8295b1; font-size: .72rem; }
.prompt-template-toolbar select { height: 42px; }
.prompt-template-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.prompt-template-actions .button { height: 36px; padding: 0 11px; font-size: .7rem; }
.article-job-panel { padding: 20px 22px; border-top: 1px solid var(--line); background: #0a1729; }
.article-job-panel.compact { border-top: 0; border-bottom: 1px solid var(--line); }
.article-job-panel.standalone { min-height: 260px; border: 1px solid var(--line); border-radius: 16px; padding: 28px; }
.article-job-panel .job-status-row > div { display: flex; align-items: center; gap: 12px; }
.article-job-panel .job-status-row > div strong { font-size: 1.1rem; }
.article-job-panel .job-status-row > span { color: #91a4bf; font-size: .8rem; }
.article-job-panel .progress-track { margin: 16px 0; }
.article-job-panel > p { margin: 8px 0; color: #91a4bf; font-size: .78rem; }
.article-job-panel .job-message { color: #ff9cad; white-space: pre-wrap; max-height: 240px; overflow: auto; }
.job-controls { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }
.job-controls .button { height: 36px; font-size: .72rem; }
.article-content-toolbar { grid-template-columns: minmax(280px, 1fr) 230px auto; }
.article-status-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; padding: 0 22px; border-bottom: 1px solid var(--line); background: var(--line); }
.article-status-tab { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 62px; padding: 10px 14px; border: 0; border-bottom: 3px solid transparent; background: #0b182a; color: #8295b1; cursor: pointer; }
.article-status-tab:hover { background: #10213a; color: #b8c8dd; }
.article-status-tab.active { border-bottom-color: var(--blue); background: #10233d; color: #f4f8ff; }
.article-status-tab span { font-size: .82rem; font-weight: 750; }
.article-status-tab small { color: #687d9b; font-size: .66rem; }
.article-status-tab.active small { color: #8ea8cc; }
.article-failure-reason { display: block; margin-top: 7px; color: #ff8fa1; font-size: .7rem; line-height: 1.45; white-space: normal; }
.article-failure-reason b { color: #ffb0bd; }
.page-heading-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
@media (max-width: 1250px) {
  .prompt-template-toolbar { grid-template-columns: 1fr 1fr; }
  .prompt-template-actions { grid-column: 1 / -1; justify-content: flex-start; }
  .article-content-toolbar { grid-template-columns: minmax(240px, 1fr) 220px auto; }
}
@media (max-width: 820px) {
  .prompt-template-toolbar { grid-template-columns: 1fr; }
  .prompt-template-actions { grid-column: auto; justify-content: flex-start; }
  .job-controls { justify-content: flex-start; flex-wrap: wrap; }
  .article-content-toolbar { grid-template-columns: 1fr; }
  .article-status-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0; }
  .page-heading-actions { width: 100%; justify-content: flex-start; }
}

.account-row { grid-template-columns: minmax(170px, 1.4fr) minmax(125px, .8fr) minmax(125px, .8fr) 100px 64px minmax(320px, auto); }
.account-row .row-actions { flex-wrap: wrap; }
@media (max-width: 1250px) {
  .account-row { grid-template-columns: minmax(160px, 1.3fr) 120px 120px 90px 64px; }
  .account-row .row-actions { grid-column: 1 / -1; justify-content: flex-start; }
  .account-row.header span:last-child { display: none; }
}
@media (max-width: 820px) {
  .account-row { grid-template-columns: 1fr 1fr; }
  .account-row .row-actions { grid-column: 1 / -1; }
}