feat: UC-A/B/C demo — 50 mock properties, district scoring, gold/silver cards visible

- Add 50 mock properties (prop-050–099) tuned for UC-A (Fahrradhändler RETAIL),
  UC-B (Umzugsfirma OFFICE Zürich-West) and UC-C (Vermögensverwalter PREMIUM)
- District-aware scoreLocation: district match→100, city-only→70 when need
  specifies districts, canton→60, no match→35; fixes UC-C prop-001 over-scoring
- mustHaveScorer: add klimatisierung keyword; parking minimum count logic
- Soft factor scale fix: integer 0–100 values no longer multiplied ×100
- footfall: map passerbyFrequency string (HIGH→85, MEDIUM_HIGH→68…) before
  enrichment fallback so RETAIL properties score correctly
- Parser: Kreis list extraction ("Kreis 3, 4, 5, und 8" → 4 district entries),
  neighbourhood→district map (Seefeld, Bahnhofstrasse), prestige signals
- Results: remove VERIFIED_PORTFOLIO role gate — all users see portfolio cards,
  enabling gold (85+) and silver (70–84) cards for every demo use case
- Fix flash of wrong cards on NeedBuilder nav (effectiveNeedId not activeNeed?.id)
- needs.ts: UC-A preferredLocations now includes Kreis 3/4/5/8 entries

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/components/demand/NeedInput.tsx

@@ -1,5 +1,6 @@
 import { useState } from 'react'
-import { Box, Card, Chip, Stack, TextField, Typography } from '@mui/material'
+import { Accordion, AccordionDetails, AccordionSummary, Box, Card, Checkbox, Chip, FormControlLabel, MenuItem, Stack, TextField, Typography } from '@mui/material'
+import { ChevronDown } from 'lucide-react'
 import type { ParsedNeedCriteria } from '../../domain/needBuilder'
 import { AssetType } from '../../domain/enums'
 
@@ -210,7 +211,7 @@ export function NeedInput({ criteria: c, onCriteriaChange: set }: Props) {
         sx={{ mb: 0.75 }}
       />
       {(c.mustHaveCriteria?.length ?? 0) > 0 && (
-        <Stack direction="row" spacing={0.5} sx={{ flexWrap: 'wrap', gap: 0.5 }}>
+        <Stack direction="row" spacing={0.5} sx={{ flexWrap: 'wrap', gap: 0.5, mb: 1.5 }}>
           {c.mustHaveCriteria!.map(item => (
             <Chip key={item} label={item} size="small"
               onDelete={() => set({ ...c, mustHaveCriteria: c.mustHaveCriteria!.filter(m => m !== item) })}
@@ -218,6 +219,78 @@ export function NeedInput({ criteria: c, onCriteriaChange: set }: Props) {
           ))}
         </Stack>
       )}
+
+      {/* Extended requirements */}
+      <Accordion disableGutters elevation={0} sx={{ border: '1px solid #e2e8f0', borderRadius: 1, mt: 1, '&:before': { display: 'none' } }}>
+        <AccordionSummary expandIcon={<ChevronDown size={16} />} sx={{ minHeight: 36, px: 1.5, '& .MuiAccordionSummary-content': { my: 0.5 } }}>
+          <Typography variant="caption" sx={{ fontWeight: 600, color: '#64748b' }}>Erweiterte Anforderungen</Typography>
+        </AccordionSummary>
+        <AccordionDetails sx={{ px: 1.5, pt: 0, pb: 1.5 }}>
+          {/* Boolean requirement checkboxes — 2×2 grid */}
+          <Box sx={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 0.5, mb: 1.5 }}>
+            <FormControlLabel
+              control={<Checkbox size="small" checked={c.requireGroundFloor ?? false} onChange={e => set({ ...c, requireGroundFloor: e.target.checked || undefined })} />}
+              label={<Typography variant="caption">Erdgeschoss erforderlich</Typography>}
+            />
+            <FormControlLabel
+              control={<Checkbox size="small" checked={c.requireAirConditioning ?? false} onChange={e => set({ ...c, requireAirConditioning: e.target.checked || undefined })} />}
+              label={<Typography variant="caption">Klimaanlage erforderlich</Typography>}
+            />
+            <FormControlLabel
+              control={<Checkbox size="small" checked={c.requireLoadingDock ?? false} onChange={e => set({ ...c, requireLoadingDock: e.target.checked || undefined })} />}
+              label={<Typography variant="caption">Laderampe erforderlich</Typography>}
+            />
+            <FormControlLabel
+              control={<Checkbox size="small" checked={c.requireBarrierFree ?? false} onChange={e => set({ ...c, requireBarrierFree: e.target.checked || undefined })} />}
+              label={<Typography variant="caption">Barrierefrei erforderlich</Typography>}
+            />
+          </Box>
+
+          {/* Numeric / select fields — 2×2 grid */}
+          <Box sx={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 1.5 }}>
+            <Box>
+              <Typography variant="caption" color="text.secondary" sx={{ display: 'block', mb: 0.5 }}>Mindest-Parkplätze</Typography>
+              <TextField
+                size="small" type="number" fullWidth placeholder="0"
+                value={c.requiredParkingMin ?? ''}
+                onChange={e => set({ ...c, requiredParkingMin: parseInt(e.target.value) || undefined })}
+                slotProps={{ htmlInput: { min: 0, max: 100 } }}
+              />
+            </Box>
+            <Box>
+              <Typography variant="caption" color="text.secondary" sx={{ display: 'block', mb: 0.5 }}>Mindest-Ausbaustandard</Typography>
+              <TextField
+                select size="small" fullWidth
+                value={c.requiredFitOut ?? ''}
+                onChange={e => set({ ...c, requiredFitOut: (e.target.value as 'BASIC' | 'FULL' | 'PREMIUM') || undefined })}
+              >
+                <MenuItem value="">Kein Mindeststandard</MenuItem>
+                <MenuItem value="BASIC">Basisausbau</MenuItem>
+                <MenuItem value="FULL">Vollausbau</MenuItem>
+                <MenuItem value="PREMIUM">Premiumausbau</MenuItem>
+              </TextField>
+            </Box>
+            <Box>
+              <Typography variant="caption" color="text.secondary" sx={{ display: 'block', mb: 0.5 }}>Mindest-Deckenhöhe (m)</Typography>
+              <TextField
+                size="small" type="number" fullWidth placeholder="z.B. 6"
+                value={c.minCeilingHeightM ?? ''}
+                onChange={e => set({ ...c, minCeilingHeightM: parseFloat(e.target.value) || undefined })}
+                slotProps={{ htmlInput: { min: 2, max: 20, step: 0.5 } }}
+              />
+            </Box>
+            <Box>
+              <Typography variant="caption" color="text.secondary" sx={{ display: 'block', mb: 0.5 }}>Mindest-Vertragslaufzeit (Monate)</Typography>
+              <TextField
+                size="small" type="number" fullWidth placeholder="z.B. 36"
+                value={c.minContractDurationMonths ?? ''}
+                onChange={e => set({ ...c, minContractDurationMonths: parseInt(e.target.value) || undefined })}
+                slotProps={{ htmlInput: { min: 0, max: 360, step: 12 } }}
+              />
+            </Box>
+          </Box>
+        </AccordionDetails>
+      </Accordion>
     </Card>
   )
 }