/* app.css — custom overrides on top of Bootstrap */

/* ── Typography helpers ── */
.label-sm {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #6c757d;
  margin-bottom: .25rem;
}

/* ── Navbar ── */
.navbar-brand:hover { opacity: .85; }

/* ── Table ── */
.sortable { cursor: pointer; user-select: none; white-space: nowrap; }
.sortable:hover { background-color: #f1f3f5 !important; }

.tc-id { font-size: .8rem; }
.tc-title-cell { max-width: 340px; }

/* ── Detail page ── */
.detail-container { max-width: 980px; }

.meta-dl dt {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #6c757d;
  padding-top: .25rem;
}
.meta-dl dd { padding-top: .1rem; }

.steps-table td,
.steps-table th { font-size: .8rem; vertical-align: top; }

.step-num-col { width: 44px; font-size: .85rem; }
.step-desc-col { min-width: 200px; }

/* ── Form ── */
.form-container { max-width: 860px; }

.step-row:last-child { border-bottom: none !important; }

/* ── Pagination ── */
.page-link { font-size: .8rem; }

/* ── Misc ── */
.font-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace; }

/* ── Priority colours (used in table + detail) ── */
.priority-P1 { color: #dc3545; font-weight: 700; }
.priority-P2 { color: #fd7e14; font-weight: 700; }
.priority-P3 { color: #0d6efd; font-weight: 700; }
.priority-P4 { color: #6c757d; }
.priority-P5 { color: #adb5bd; }