/* ── Activity ideas: shared templates (js/templates.js) ─────────── */
.tpl-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.tpl-toolbar .wp-seg{margin:0}
.tpl-filter{width:auto;padding:6px 10px;font-size:13px}
.tpl-search{width:180px;padding:6px 10px;font-size:13px}
.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.tpl-card{border:1px solid var(--border-md);border-radius:var(--radius-sm);background:var(--surface);padding:14px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px}
.tpl-card-top{display:flex;gap:8px;align-items:flex-start}
.tpl-card-title{flex:1;font-size:15px;font-weight:700;color:var(--text)}
.tpl-letters{display:flex;gap:3px;flex:none}
.tpl-letter{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;color:#fff;font-size:12px;font-weight:700}
.tpl-meta{font-size:12px;color:var(--text-muted)}
.tpl-why{font-size:13px;line-height:1.45;color:var(--text);margin-top:2px}
.tpl-why--missing{color:var(--amber-dark);font-style:italic}
.tpl-hint{font-size:12px;color:var(--text-muted);font-weight:400}
.tpl-note{font-size:12.5px;background:var(--amber-light);color:var(--amber-dark);border-radius:6px;padding:6px 9px;margin-top:4px}
.tpl-sec{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:8px}
.tpl-list{margin:2px 0 0;padding-left:18px;font-size:13px}
.tpl-adapt{background:#f5f3ff;color:#3b2f7a;border-radius:6px;padding:7px 10px;font-size:12.5px;margin-top:8px;line-height:1.45}
.tpl-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.tpl-quiet{color:var(--text-muted)}
.tpl-badge{display:inline-block;font-size:10.5px;font-weight:700;border-radius:8px;padding:1px 7px;margin-left:2px}
.tpl-badge--home{background:var(--bg);color:var(--text-muted)}
.tpl-badge--pending{background:var(--amber-light);color:var(--amber-dark)}
.tpl-badge--shared{background:var(--green-light);color:var(--green-dark)}
.tpl-badge--back{background:#fdecec;color:#9b1c1c}
.tpl-approvals{border:1px solid var(--amber);background:#fffbeb;border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:16px}
.tpl-approvals .tpl-card{margin-top:10px}
.tpl-approvals-h{font-weight:700;font-size:14px;color:var(--amber-dark);display:flex;gap:8px;align-items:center}
.tpl-count{background:var(--amber-dark);color:#fff;border-radius:10px;font-size:11px;padding:0 7px}
.tpl-import{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--fortava-blue-soft);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:14px;font-size:13px}
/* The form */
.tpl-modal{max-width:640px;width:94%;max-height:90vh;overflow-y:auto;text-align:left}
.tpl-modal h3{margin-bottom:4px}
.tpl-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.tpl-two{grid-template-columns:1fr}}
/* Suggested, not yet chosen: dashed, like suggested benefits elsewhere. */
.tpl-chip--suggested{border-style:dashed!important;border-color:var(--green)!important;color:var(--green-dark)}
.tpl-error{color:#b91c1c;font-size:13px;min-height:18px;margin-top:4px}

/* ── Planner: start from an activity idea (wellbeing.js) ────────── */
.wp-tpl-pick{background:var(--fortava-green-soft);border-radius:var(--radius-sm);padding:10px 12px;margin:4px 0 14px}
.wp-tpl-pick label{display:block;font-size:12.5px;font-weight:700;color:var(--green-dark);margin-bottom:5px}
.wp-tpl-pick select{width:100%;border:1px solid var(--border-md);border-radius:var(--radius-sm);padding:8px 10px;font:inherit;font-size:13px;background:var(--surface);color:var(--text)}
.wp-tpl-summary:empty{display:none}
.wp-tpl-summary{margin-top:10px;font-size:12.5px;display:flex;flex-direction:column;gap:6px}
.wp-tpl-sum-top{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.wp-tpl-sum-why{color:var(--text)}
.wp-tpl-sum-needs{color:var(--text-muted)}
.wp-tpl-more{align-self:flex-start;border:none;background:none;color:var(--green-dark);font:inherit;font-size:12.5px;font-weight:600;padding:0;cursor:pointer;text-decoration:underline}
/* With an idea chosen, the fields it already answers fold away. Showing
   them again just drops this rule, so each keeps its own normal display
   (including the ones that are hidden until needed). */
.wp-tpl-mode:not(.wp-tpl-showall) .wp-opt{display:none!important}
/* Completion form */
.wp-res-filter{width:100%;border:1px solid var(--border-md);border-radius:var(--radius-sm);padding:6px 10px;font:inherit;font-size:13px;margin-bottom:6px;background:var(--surface);color:var(--text)}
.tpl-record{font-size:12px;color:var(--text-muted);margin-top:2px}
.tpl-tip{font-size:12.5px;line-height:1.45;margin-top:4px;font-style:italic}

/* "What do you hope it does?" on the idea form: the planner's six, with the letter */
.tpl-hope{padding-left:5px}
.tpl-hope-l{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}