/* philtext/static/philtext/css/text_import_ui.css
   Styles for the text_import app's import jobs UI (text_import.html).
   Shared patterns (manage-header, tabs, manage-table, status-badge, etc.)
   are in components.css.
*/

/* ── Source description ───────────────────────────────────────────────────── */
.source-desc {
  font-size: 0.88rem;
  color: var(--text-mid);
  line-height: 1.6;
  max-width: 640px;
  margin-bottom: 1.2rem;
}
.source-desc a { color: var(--accent-text); }
.source-desc strong { color: var(--text-soft); }

/* ── Launch bar ───────────────────────────────────────────────────────────── */
.launch-bar {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.4rem;
  flex-wrap: wrap;
}
.btn-launch {
  padding: 0.45rem 1.2rem;
  background: var(--accent-soft-bg);
  color: var(--accent-soft-text);
  border: none;
  border-radius: 5px;
  font-size: 0.88rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
}
.btn-launch:hover:not(:disabled) { background: var(--accent-soft-hover-bg); }
.btn-launch:disabled { background: var(--text-faint); cursor: default; }
.launch-hint { font-size: 0.8rem; color: var(--text-muted); }

/* ── Progress box ─────────────────────────────────────────────────────────── */
.progress-box {
  background: var(--surface-card-2);
  border: 1px solid var(--line-mid);
  border-radius: 6px;
  padding: 1rem 1.2rem;
  margin-bottom: 1.4rem;
  max-width: 560px;
  display: none;
}
.progress-status-row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.7rem;
}
.progress-bar-row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.4rem;
}
.progress-bar-row progress { flex: 1; height: 7px; }
.progress-pct {
  font-size: 0.8rem;
  color: var(--text-mid);
  min-width: 34px;
  text-align: right;
}
.progress-counts { font-size: 0.8rem; color: var(--text-mid); line-height: 1.7; }
.progress-counts span { margin-right: 0.8rem; }

/* ── Section label ────────────────────────────────────────────────────────── */
.section-label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--text-muted);
  margin: 0 0 0.7rem 0;
}