/* ============================================================================
   crm.css — CRM / recruitment / careers component classes (IAPrompt #33).
   Namespaced (wa-) so globalising is collision-free. Consumed by the refactored
   hiring (hr/recruit) and public careers templates.
   ============================================================================ */

/* ── Public careers (standalone pages) ── */
.wa-careers { font-family: var(--wa-font); color: var(--wa-text); background: var(--wa-bg); margin: 0; }
.wa-careers__wrap { max-width: 760px; margin: 0 auto; padding: 3em 1.5em; }
.wa-careers__wrap--narrow { max-width: 640px; }
.wa-careers h1 { color: var(--wa-navy); }
.wa-role-card {
  display: block; background: var(--wa-surface); border: 1px solid var(--wa-border);
  border-radius: var(--wa-radius-lg); padding: 1.2em; margin-bottom: 1em;
  text-decoration: none; color: inherit; transition: border-color var(--wa-transition);
}
.wa-role-card:hover { border-color: #0078d4; }
.wa-role-meta { color: var(--wa-text-muted); font-size: 0.9em; margin-top: 0.3em; }
.wa-job-body {
  background: var(--wa-surface); border: 1px solid var(--wa-border);
  border-radius: var(--wa-radius-lg); padding: 1.6em; white-space: pre-wrap; line-height: 1.6;
}
.wa-offer-row { display: flex; justify-content: space-between; padding: 0.4em 0; border-bottom: 1px solid var(--wa-border-soft); font-size: 0.95em; }
.wa-banner { padding: 0.8em 1em; border-radius: var(--wa-radius); margin-bottom: 1em; color: #fff; }

/* ── Hiring timeline / review (lead + recruit detail) ── */
.wa-tl-item { display: flex; gap: 0.75rem; margin-bottom: 1rem; }
.wa-tl-icon { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; flex-shrink: 0; }
.wa-tl-body { flex: 1; background: var(--wa-surface-alt); border: 1px solid var(--wa-border-soft); border-radius: var(--wa-radius); padding: 0.75rem; }

/* Review-queue / suggestion item */
.wa-rq-item { border: 1px solid #fde68a; background: #fffbeb; border-radius: var(--wa-radius); padding: 0.6rem; margin-bottom: 0.5rem; }

/* Pipeline kanban */
.wa-pipe { display: flex; gap: 0.8em; overflow-x: auto; margin-top: 1em; }
.wa-pipe__col { min-width: 200px; flex: 1; background: var(--wa-border-soft); border-radius: var(--wa-radius); padding: 0.6em; }
.wa-pipe__card { display: block; background: var(--wa-surface); border: 1px solid var(--wa-border); border-radius: var(--wa-radius); padding: 0.5em; margin-bottom: 0.4em; text-decoration: none; color: var(--wa-text); }

/* AI-assist callout */
.wa-ai-box { background: var(--wa-blue-soft); border: 1px solid #cfe3fb; border-radius: var(--wa-radius); padding: 1em; margin: 1em 0; }