/* task-search (hero quick-search + chips)
   Ported verbatim from css/components.css in the static handoff. */
.jcao-tasksearch { margin-top: 34px; background: rgba(255,255,255,.96); border-radius: var(--r-lg); padding: 20px; box-shadow: 0 18px 44px rgba(12,18,32,.34); }
.jcao-tasksearch label { display: block; font-family: var(--font-heading); font-weight: 600; font-size: 19px; color: var(--navy); margin-bottom: 12px; }
.jcao-tasksearch__row { display: flex; gap: 10px; flex-wrap: wrap; }
.jcao-tasksearch__field { position: relative; flex: 1 1 260px; }
.jcao-tasksearch__field svg { position: absolute; left: 14px; top: 15px; color: var(--ink-6); }
.jcao-tasksearch__field input { width: 100%; min-height: 48px; padding: 0 14px 0 42px; font-family: var(--font-body); font-size: 15px; color: var(--ink); background: var(--surface-sunk); border: 1px solid var(--rule-strong); border-radius: var(--r-md); }
.jcao-tasksearch__submit { min-height: 48px; padding: 0 24px; border: 0; border-radius: var(--r-md); background: var(--steel); color: #fff; font-family: var(--font-heading); font-weight: 600; font-size: 15.5px; cursor: pointer; box-shadow: 0 2px 10px rgba(74,123,167,.3); transition: background .18s ease; }
.jcao-tasksearch__submit:hover { background: var(--steel-dark); }
.jcao-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.jcao-chip { display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; border-radius: var(--r-lg); background: var(--steel-tint); color: var(--steel-dark); font-size: 13.5px; font-weight: 500; text-decoration: none; }
.jcao-chip:hover { background: var(--steel-tint-hover); color: var(--steel-dark); }
.jcao-chip--sand { background: #f6eee2; color: var(--sand); }
.jcao-chip--sand:hover { background: #efe1cd; color: var(--sand); }