feat: score transparency on all cards + budget parser fix

- Single scoring system: MockupNeedProvider rewrites matches via calculateScore
  exclusively — allFactors always populated, no more dual-system (computeScore
  removed), weights from weightingProfile reflected in every breakdown
- ScoreInlineBreakdown: new component shows hard/soft criteria with importance
  labels (Entscheidend/Sehr wichtig/…) and formula on compact + expanded cards
- MatchCardAdapter: passes scoreBreakdown + allFactors to ViewModel
- MatchDetail: 'Zukunftssignal' label replaced with 'Future Availability'
- aiService budget parser: values < 100 treated as monthly and multiplied by 12
  to produce correct annual CHF/m²/year value — fixes 0-result searches

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

src/pages/demand/MatchDetail.tsx

@@ -1,6 +1,7 @@
 import { Box, Button, Chip, CircularProgress, Divider, Paper, Typography } from '@mui/material'
-import { ArrowLeft, Bookmark, Columns2 } from 'lucide-react'
+import { ArrowLeft, Bookmark, Building2, Clock, Columns2, ExternalLink, Info, Layers, ShieldCheck, Tag, Train, TrendingUp } from 'lucide-react'
 import { useNavigate, useParams } from 'react-router'
+import type { PropertyUnit } from '../../domain/property'
 import { useQuery } from '@tanstack/react-query'
 import { useMatchDetail } from '../../hooks/useMatches'
 import { propertyService } from '../../services/propertyService'
@@ -27,13 +28,80 @@ import {
 } from '../../components/match-detail'
 import type { MatchCardReason } from '../../components/match-card/MatchCardViewModel'
 
+// ── Property detail helpers ────────────────────────────────────────────────────
+
+const FLOOR_LABEL = (level: number) =>
+  level === 0 ? 'EG' : level < 0 ? `UG ${Math.abs(level)}` : `${level}.OG`
+
+const ASSET_LABELS: Record<string, string> = {
+  OFFICE: 'Büro', LOGISTICS: 'Lager / Logistik', RETAIL: 'Retail / Laden',
+  PRODUCTION: 'Produktion', MIXED: 'Gewerbe (gemischt)',
+}
+const RISK_LABELS: Record<string, string> = { LOW: 'Niedrig', MEDIUM: 'Mittel', HIGH: 'Hoch' }
+const SOURCE_LABELS: Record<string, string> = {
+  ERP_IMPORT: 'ERP-Import (intern)', IMMOSCOUT_SCRAPE: 'ImmoScout24',
+  HOMEGATE_SCRAPE: 'Homegate', MATCHOFFICE_SCRAPE: 'MatchOffice',
+  NEWHOME_SCRAPE: 'newhome.ch', AI_SIGNAL: 'KI-Signal', MANUAL: 'Manuell erfasst',
+}
+const PASSERBY_LABELS: Record<string, string> = {
+  LOW: 'Gering', MEDIUM: 'Mittel', HIGH: 'Hoch', VERY_HIGH: 'Sehr hoch',
+}
+
+function KeyFactRow({ label, value }: { label: string; value?: string | null }) {
+  if (!value) return null
+  return (
+    <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', py: 0.875, borderBottom: '1px solid #f1f5f9', '&:last-of-type': { borderBottom: 0 } }}>
+      <Typography variant="body2" color="text.secondary" sx={{ flexShrink: 0, mr: 2 }}>{label}</Typography>
+      <Typography variant="body2" sx={{ fontWeight: 600, textAlign: 'right' }}>{value}</Typography>
+    </Box>
+  )
+}
+
+function UnitStatusChip({ unit }: { unit: PropertyUnit }) {
+  if (unit.schattenmarktRelease?.enabled) {
+    return <Chip size="small" icon={<ShieldCheck size={11} />} label="PRE-MARKET" sx={{ bgcolor: '#f0fdf4', color: '#1a7a4a', border: '1px solid #86efac', fontWeight: 700, fontSize: '0.68rem', height: 20 }} />
+  }
+  if (unit.available) {
+    return <Chip size="small" label="Verfügbar" sx={{ bgcolor: '#eff6ff', color: '#1d4ed8', fontWeight: 600, fontSize: '0.68rem', height: 20 }} />
+  }
+  return <Chip size="small" label="Belegt" sx={{ bgcolor: '#f8fafc', color: '#64748b', fontWeight: 500, fontSize: '0.68rem', height: 20 }} />
+}
+
+function UnitRow({ unit, highlighted }: { unit: PropertyUnit; highlighted: boolean }) {
+  const availableFrom = unit.schattenmarktRelease?.availableFrom ?? unit.leaseEndDate
+  const monthlyRent = unit.rentPricePerSqm ? Math.round(unit.rentPricePerSqm / 12) : undefined
+  return (
+    <Box sx={{
+      display: 'grid', gridTemplateColumns: '1fr 80px 110px 120px auto',
+      gap: 1.5, alignItems: 'center', px: 2, py: 1.5, borderRadius: 1, mb: 1,
+      bgcolor: highlighted ? '#faf5ff' : '#f8fafc',
+      border: highlighted ? '1px solid #e9d5ff' : '1px solid #e2e8f0',
+    }}>
+      <Box>
+        <Typography variant="body2" sx={{ fontWeight: 600 }}>
+          {FLOOR_LABEL(unit.floorLevel)}{unit.unitLabel ? ` · ${unit.unitLabel}` : ''}
+        </Typography>
+        {unit.currentTenant && <Typography variant="caption" color="text.secondary">{unit.currentTenant}</Typography>}
+      </Box>
+      <Typography variant="body2" sx={{ fontWeight: 600 }}>{unit.areaSqm.toLocaleString('de-CH')} m²</Typography>
+      <Typography variant="body2" color="text.secondary">{monthlyRent ? `CHF ${monthlyRent}/m²/Mt.` : '–'}</Typography>
+      <Typography variant="body2" color="text.secondary">
+        {availableFrom ? new Date(availableFrom).toLocaleDateString('de-CH', { month: 'long', year: 'numeric' }) : '–'}
+      </Typography>
+      <UnitStatusChip unit={unit} />
+    </Box>
+  )
+}
+
+// ── Match helpers ──────────────────────────────────────────────────────────────
+
 const HARD_CRITERIA = new Set(['area', 'location', 'budget', 'timing'])
 
 const RESULT_TYPE_META: Record<string, { label: string; color: string }> = {
   VERIFIED_PORTFOLIO:  { label: 'Verified Portfolio', color: '#1e3a5f' },
   EXTERNAL_MARKET:     { label: 'Direktinserat',      color: '#d97706' },
   MAISON_WORK:         { label: 'Maison Work',        color: '#0369a1' },
-  FUTURE_AVAILABILITY: { label: 'Zukunftssignal',     color: '#7c3aed' },
+  FUTURE_AVAILABILITY: { label: 'Future Availability', color: '#7c3aed' },
 }
 
 function buildReasons(match: NonNullable<ReturnType<typeof useMatchDetail>['data']>): MatchCardReason[] {
@@ -273,6 +341,161 @@ export default function MatchDetail() {
           <ExecutiveSummaryPanel match={match} />
           <NeedAlignmentPanel match={match} need={need} property={property} />
 
+          {/* ── Property Details ── */}
+          {!isFuture && property && (() => {
+            const units = property.units ?? []
+            const matchedUnit = units.find(u => u.id === match.unitId)
+            const flexibleUnits = units.filter(u => u.isFlexible && u.minLettableSqm != null)
+            const preMarketUnits = units.filter(u => u.schattenmarktRelease?.enabled)
+            const otherUnits = units.filter(u => !u.schattenmarktRelease?.enabled)
+            const monthlyPerSqm = Math.round(property.rentPricePerSqm / 12)
+            const totalMonthly = Math.round(property.areaSqm * property.rentPricePerSqm / 12)
+            const minLettable = property.areaSqmMin ?? (flexibleUnits.length > 0 ? Math.min(...flexibleUnits.map(u => u.minLettableSqm!)) : undefined)
+            const sourceLabel = property.sourceLabel ?? property.sourceMeta?.sourceLabel ?? SOURCE_LABELS[property.sourceType] ?? property.sourceType
+
+            return (
+              <>
+                {/* Preis */}
+                <Paper sx={{ p: 2.5 }}>
+                  <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1.5 }}>
+                    <Tag size={15} color="#374151" />
+                    <Typography variant="h6" sx={{ fontWeight: 700 }}>Preis</Typography>
+                  </Box>
+                  <KeyFactRow label="Monatliche Miete" value={`CHF ${totalMonthly.toLocaleString('de-CH')}.–`} />
+                  <KeyFactRow label="Pro m²/Monat" value={`CHF ${monthlyPerSqm.toLocaleString('de-CH')}.–`} />
+                  <KeyFactRow label="Pro m²/Jahr" value={`CHF ${property.rentPricePerSqm.toLocaleString('de-CH')}.–`} />
+                  {property.ancillaryCosts != null && (
+                    <KeyFactRow label="Nebenkosten" value={`CHF ${Math.round(property.areaSqm * property.ancillaryCosts / 12).toLocaleString('de-CH')}/Mt. (CHF ${property.ancillaryCosts}/m²/a)`} />
+                  )}
+                </Paper>
+
+                {/* Hauptangaben */}
+                <Paper sx={{ p: 2.5 }}>
+                  <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1.5 }}>
+                    <Info size={15} color="#374151" />
+                    <Typography variant="h6" sx={{ fontWeight: 700 }}>Hauptangaben</Typography>
+                  </Box>
+                  <KeyFactRow label="Verfügbarkeit" value={property.availabilityDate ? new Date(property.availabilityDate).toLocaleDateString('de-CH', { day: 'numeric', month: 'long', year: 'numeric' }) : 'Auf Anfrage'} />
+                  <KeyFactRow label="Objekttyp" value={ASSET_LABELS[property.assetType] ?? property.assetType} />
+                  <KeyFactRow label="Nutzfläche" value={`${property.areaSqm.toLocaleString('de-CH')} m²`} />
+                  {minLettable != null && <KeyFactRow label="Mindestnutzfläche" value={`${minLettable.toLocaleString('de-CH')} m²`} />}
+                  {property.contractDurationMonths != null && <KeyFactRow label="Mietdauer" value={`${property.contractDurationMonths} Monate`} />}
+                  {(property.floorLevel != null || matchedUnit) && (
+                    <KeyFactRow label="Stockwerk" value={FLOOR_LABEL((matchedUnit?.floorLevel ?? property.floorLevel)!)} />
+                  )}
+                  {property.currentTenant && <KeyFactRow label="Aktueller Mieter" value={property.currentTenant} />}
+                  {property.leaseEndDate && <KeyFactRow label="Mietvertragsende" value={new Date(property.leaseEndDate).toLocaleDateString('de-CH', { month: 'long', year: 'numeric' })} />}
+                  {property.breakoutOption && <KeyFactRow label="Break-out Option" value={property.breakoutOptionDate ? new Date(property.breakoutOptionDate).toLocaleDateString('de-CH', { month: 'long', year: 'numeric' }) : 'Ja'} />}
+                  {property.riskLevel && <KeyFactRow label="Risikoeinschätzung" value={RISK_LABELS[property.riskLevel] ?? property.riskLevel} />}
+                  {property.expansionPotentialSqm != null && <KeyFactRow label="Ausbaupotenzial" value={`+${property.expansionPotentialSqm.toLocaleString('de-CH')} m²`} />}
+                </Paper>
+
+                {/* Eigenschaften */}
+                {property.softFactors && (
+                  <Paper sx={{ p: 2.5 }}>
+                    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1.5 }}>
+                      <TrendingUp size={15} color="#374151" />
+                      <Typography variant="h6" sx={{ fontWeight: 700 }}>Eigenschaften</Typography>
+                    </Box>
+                    <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 1 }}>
+                      {property.softFactors.publicTransportMinutes != null && (
+                        <Chip size="small" icon={<Train size={11} />} label={`ÖV: ${property.softFactors.publicTransportMinutes} Min. zu Fuss`} sx={{ bgcolor: '#eff6ff', color: '#1d4ed8', border: '1px solid #bfdbfe', fontWeight: 500 }} />
+                      )}
+                      {property.softFactors.parkingSpots != null && property.softFactors.parkingSpots > 0 && (
+                        <Chip size="small" label={`${property.softFactors.parkingSpots} Parkplätze`} sx={{ bgcolor: '#f8fafc', color: '#374151', border: '1px solid #e2e8f0', fontWeight: 500 }} />
+                      )}
+                      {property.softFactors.prestige != null && property.softFactors.prestige >= 80 && (
+                        <Chip size="small" label="Prestigestandort" sx={{ bgcolor: '#fef9c3', color: '#92400e', border: '1px solid #fde68a', fontWeight: 500 }} />
+                      )}
+                      {property.softFactors.visibilityScore != null && property.softFactors.visibilityScore >= 80 && (
+                        <Chip size="small" label="Hohe Sichtbarkeit" sx={{ bgcolor: '#fef9c3', color: '#92400e', border: '1px solid #fde68a', fontWeight: 500 }} />
+                      )}
+                      {property.softFactors.passerbyFrequency && (
+                        <Chip size="small" label={`Laufkundschaft: ${PASSERBY_LABELS[property.softFactors.passerbyFrequency]}`} sx={{ bgcolor: '#f0fdf4', color: '#1a7a4a', border: '1px solid #bbf7d0', fontWeight: 500 }} />
+                      )}
+                      {property.softFactors.talentAccess != null && property.softFactors.talentAccess >= 80 && (
+                        <Chip size="small" label={`Talentindex: ${property.softFactors.talentAccess}`} sx={{ bgcolor: '#faf5ff', color: '#5b21b6', border: '1px solid #e9d5ff', fontWeight: 500 }} />
+                      )}
+                    </Box>
+                  </Paper>
+                )}
+
+                {/* Wegzeit */}
+                {property.softFactors?.publicTransportMinutes != null && (
+                  <Paper sx={{ p: 2.5 }}>
+                    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1.5 }}>
+                      <Clock size={15} color="#374151" />
+                      <Typography variant="h6" sx={{ fontWeight: 700 }}>Wegzeit</Typography>
+                    </Box>
+                    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5 }}>
+                      <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'center', width: 40, height: 40, borderRadius: '50%', bgcolor: '#eff6ff', border: '1px solid #bfdbfe', flexShrink: 0 }}>
+                        <Train size={18} color="#1d4ed8" />
+                      </Box>
+                      <Box>
+                        <Typography variant="body2" sx={{ fontWeight: 600 }}>{property.softFactors.publicTransportMinutes} Min. zu Fuss</Typography>
+                        <Typography variant="caption" color="text.secondary">Nächster ÖV-Anschluss — {property.location.city}</Typography>
+                      </Box>
+                    </Box>
+                    <Typography variant="caption" color="text.secondary" sx={{ display: 'block', mt: 1 }}>
+                      Die Zeiten beziehen sich auf die Strecke zu Fuss.
+                    </Typography>
+                  </Paper>
+                )}
+
+                {/* Einheiten */}
+                {units.length > 0 && (
+                  <Paper sx={{ p: 2.5 }}>
+                    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 2 }}>
+                      <Layers size={15} color="#374151" />
+                      <Typography variant="h6" sx={{ fontWeight: 700 }}>Einheiten</Typography>
+                    </Box>
+                    <Box sx={{ display: 'grid', gridTemplateColumns: '1fr 80px 110px 120px auto', gap: 1.5, px: 2, mb: 0.75 }}>
+                      {['Einheit', 'Fläche', 'Miete', 'Verfügbar ab', 'Status'].map(h => (
+                        <Typography key={h} variant="caption" color="text.secondary" sx={{ fontWeight: 600 }}>{h}</Typography>
+                      ))}
+                    </Box>
+                    {preMarketUnits.map(u => <UnitRow key={u.id} unit={u} highlighted={u.id === match.unitId || preMarketUnits.length === 1} />)}
+                    {otherUnits.map(u => <UnitRow key={u.id} unit={u} highlighted={u.id === match.unitId} />)}
+                  </Paper>
+                )}
+
+                {/* Beschreibung */}
+                {property.description && (
+                  <Paper sx={{ p: 2.5 }}>
+                    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1.5 }}>
+                      <Building2 size={15} color="#374151" />
+                      <Typography variant="h6" sx={{ fontWeight: 700 }}>Beschreibung</Typography>
+                    </Box>
+                    <Typography variant="body2" sx={{ lineHeight: 1.75, color: '#374151', whiteSpace: 'pre-wrap' }}>
+                      {property.description}
+                    </Typography>
+                  </Paper>
+                )}
+
+                {/* Quelle & Referenz */}
+                <Paper sx={{ p: 2.5 }}>
+                  <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1.5 }}>
+                    <Info size={15} color="#374151" />
+                    <Typography variant="h6" sx={{ fontWeight: 700 }}>Quelle & Referenz</Typography>
+                  </Box>
+                  <KeyFactRow label="Datenquelle" value={sourceLabel} />
+                  {property.propertyNumber && <KeyFactRow label="Objektnummer" value={property.propertyNumber} />}
+                  {property.importedFrom && <KeyFactRow label="Importiert aus" value={property.importedFrom} />}
+                  {property.dataQuality.lastVerifiedAt && (
+                    <KeyFactRow label="Zuletzt verifiziert" value={new Date(property.dataQuality.lastVerifiedAt).toLocaleDateString('de-CH', { day: 'numeric', month: 'long', year: 'numeric' })} />
+                  )}
+                  {property.sourceUrl && (
+                    <Box sx={{ mt: 1.25 }}>
+                      <Button size="small" variant="outlined" endIcon={<ExternalLink size={12} />} href={property.sourceUrl} target="_blank" rel="noopener noreferrer" sx={{ textTransform: 'none', fontSize: '0.8rem', borderColor: '#cbd5e1', color: '#374151' }}>
+                        Zum Originalinserat
+                      </Button>
+                    </Box>
+                  )}
+                </Paper>
+              </>
+            )
+          })()}
+
           {reasons.length > 0 && (
             <Paper sx={{ p: 2.5 }}>
               <Typography variant="h6" sx={{ fontWeight: 700, mb: 1.5 }}>Warum dieses Match</Typography>

src/pages/demand/PropertyDetail.tsx

@@ -16,17 +16,60 @@ import {
   Building2,
   Calendar,
   CheckCircle2,
+  Clock,
+  ExternalLink,
+  Info,
+  Layers,
   Mail,
   MapPin,
   ShieldCheck,
-  Layers,
+  Tag,
+  Train,
+  TrendingUp,
 } from 'lucide-react'
 import { usePropertyById } from '../../hooks/useProperties'
 import type { PropertyUnit } from '../../domain/property'
 
+// ── Helpers ───────────────────────────────────────────────────────────────────
+
 const FLOOR_LABEL = (level: number) =>
   level === 0 ? 'EG' : level < 0 ? `UG ${Math.abs(level)}` : `${level}.OG`
 
+const ASSET_LABELS: Record<string, string> = {
+  OFFICE: 'Büro', LOGISTICS: 'Lager / Logistik', RETAIL: 'Retail / Laden',
+  PRODUCTION: 'Produktion', MIXED: 'Gewerbe (gemischt)',
+}
+
+const RISK_LABELS: Record<string, string> = {
+  LOW: 'Niedrig', MEDIUM: 'Mittel', HIGH: 'Hoch',
+}
+
+const SOURCE_LABELS: Record<string, string> = {
+  ERP_IMPORT: 'ERP-Import (intern)',
+  IMMOSCOUT_SCRAPE: 'ImmoScout24',
+  HOMEGATE_SCRAPE: 'Homegate',
+  MATCHOFFICE_SCRAPE: 'MatchOffice',
+  NEWHOME_SCRAPE: 'newhome.ch',
+  AI_SIGNAL: 'KI-Signal',
+  MANUAL: 'Manuell erfasst',
+}
+
+const PASSERBY_LABELS: Record<string, string> = {
+  LOW: 'Gering', MEDIUM: 'Mittel', HIGH: 'Hoch', VERY_HIGH: 'Sehr hoch',
+}
+
+// ── Sub-components ────────────────────────────────────────────────────────────
+
+function KeyFactRow({ label, value }: { label: string; value?: string | null }) {
+  if (!value) return null
+  return (
+    <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', py: 0.875, borderBottom: '1px solid #f1f5f9', '&:last-of-type': { borderBottom: 0 } }}>
+      <Typography variant="body2" color="text.secondary" sx={{ flexShrink: 0, mr: 2 }}>{label}</Typography>
+      <Typography variant="body2" sx={{ fontWeight: 600, textAlign: 'right' }}>{value}</Typography>
+    </Box>
+  )
+}
+
 function UnitStatusChip({ unit }: { unit: PropertyUnit }) {
   if (unit.schattenmarktRelease?.enabled) {
     return (
@@ -85,6 +128,8 @@ function UnitRow({ unit, highlighted }: { unit: PropertyUnit; highlighted: boole
   )
 }
 
+// ── Page ──────────────────────────────────────────────────────────────────────
+
 export default function PropertyDetail() {
   const { propertyId } = useParams<{ propertyId: string }>()
   const [searchParams] = useSearchParams()
@@ -115,7 +160,19 @@ export default function PropertyDetail() {
 
   const preMarketUnits = (property.units ?? []).filter(u => u.schattenmarktRelease?.enabled)
   const otherUnits = (property.units ?? []).filter(u => !u.schattenmarktRelease?.enabled)
-  const monthlyRentDisplay = Math.round(property.rentPricePerSqm / 12)
+  const flexibleUnits = (property.units ?? []).filter(u => u.isFlexible && u.minLettableSqm !== undefined)
+
+  const monthlyPerSqm = Math.round(property.rentPricePerSqm / 12)
+  const totalMonthly = Math.round(property.areaSqm * property.rentPricePerSqm / 12)
+  const minLettable = property.areaSqmMin
+    ?? (flexibleUnits.length > 0
+      ? Math.min(...flexibleUnits.map(u => u.minLettableSqm!))
+      : undefined)
+
+  const sourceLabel = property.sourceLabel
+    ?? property.sourceMeta?.sourceLabel
+    ?? SOURCE_LABELS[property.sourceType]
+    ?? property.sourceType
 
   function handleSendInquiry() {
     if (!inquiryName.trim() || !inquiryText.trim()) return
@@ -124,7 +181,8 @@ export default function PropertyDetail() {
 
   return (
     <Box sx={{ maxWidth: 860, mx: 'auto', p: { xs: 2, md: 3 } }}>
-      {/* Back */}
+
+      {/* ── Back ── */}
       <Button
         startIcon={<ArrowLeft size={15} />}
         onClick={() => navigate(-1)}
@@ -134,7 +192,7 @@ export default function PropertyDetail() {
         Zurück zu den Ergebnissen
       </Button>
 
-      {/* Header */}
+      {/* ── Header ── */}
       <Paper sx={{ mb: 2, overflow: 'hidden' }}>
         {property.images?.[0] && (
           <Box
@@ -150,7 +208,7 @@ export default function PropertyDetail() {
               <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.75, mb: 0.5 }}>
                 <Building2 size={15} color="#7c3aed" />
                 <Typography variant="caption" sx={{ color: '#7c3aed', fontWeight: 700, textTransform: 'uppercase', letterSpacing: 0.5 }}>
-                  {property.assetType}
+                  {ASSET_LABELS[property.assetType] ?? property.assetType}
                 </Typography>
               </Box>
               <Typography variant="h5" sx={{ fontWeight: 700, mb: 0.5 }}>{property.title}</Typography>
@@ -163,7 +221,7 @@ export default function PropertyDetail() {
             </Box>
             <Box sx={{ textAlign: 'right' }}>
               <Typography variant="h6" sx={{ fontWeight: 700, color: '#1e3a5f' }}>
-                CHF {monthlyRentDisplay}/m²/Mt.
+                CHF {monthlyPerSqm.toLocaleString('de-CH')}/m²/Mt.
               </Typography>
               <Typography variant="caption" color="text.secondary">{property.areaSqm.toLocaleString('de-CH')} m² total</Typography>
             </Box>
@@ -180,7 +238,178 @@ export default function PropertyDetail() {
         </Box>
       </Paper>
 
-      {/* Units */}
+      {/* ── Preis ── */}
+      <Paper sx={{ mb: 2, p: 2.5 }}>
+        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1.5 }}>
+          <Tag size={15} color="#374151" />
+          <Typography variant="h6" sx={{ fontWeight: 700 }}>Preis</Typography>
+        </Box>
+        <KeyFactRow
+          label="Monatliche Miete"
+          value={`CHF ${totalMonthly.toLocaleString('de-CH')}.–`}
+        />
+        <KeyFactRow
+          label="Pro m²/Monat"
+          value={`CHF ${monthlyPerSqm.toLocaleString('de-CH')}.–`}
+        />
+        <KeyFactRow
+          label="Pro m²/Jahr"
+          value={`CHF ${property.rentPricePerSqm.toLocaleString('de-CH')}.–`}
+        />
+        {property.ancillaryCosts != null && (
+          <KeyFactRow
+            label="Nebenkosten"
+            value={`CHF ${Math.round(property.areaSqm * property.ancillaryCosts / 12).toLocaleString('de-CH')}/Mt. (CHF ${property.ancillaryCosts}/m²/a)`}
+          />
+        )}
+      </Paper>
+
+      {/* ── Hauptangaben ── */}
+      <Paper sx={{ mb: 2, p: 2.5 }}>
+        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1.5 }}>
+          <Info size={15} color="#374151" />
+          <Typography variant="h6" sx={{ fontWeight: 700 }}>Hauptangaben</Typography>
+        </Box>
+        <KeyFactRow
+          label="Verfügbarkeit"
+          value={
+            property.availabilityDate
+              ? new Date(property.availabilityDate).toLocaleDateString('de-CH', { day: 'numeric', month: 'long', year: 'numeric' })
+              : 'Auf Anfrage'
+          }
+        />
+        <KeyFactRow label="Objekttyp" value={ASSET_LABELS[property.assetType] ?? property.assetType} />
+        <KeyFactRow label="Nutzfläche" value={`${property.areaSqm.toLocaleString('de-CH')} m²`} />
+        {minLettable != null && (
+          <KeyFactRow label="Mindestnutzfläche" value={`${minLettable.toLocaleString('de-CH')} m²`} />
+        )}
+        {property.contractDurationMonths != null && (
+          <KeyFactRow label="Mietdauer" value={`${property.contractDurationMonths} Monate`} />
+        )}
+        {property.floorLevel != null && (
+          <KeyFactRow label="Stockwerk" value={FLOOR_LABEL(property.floorLevel)} />
+        )}
+        {property.currentTenant && (
+          <KeyFactRow label="Aktueller Mieter" value={property.currentTenant} />
+        )}
+        {property.leaseEndDate && (
+          <KeyFactRow
+            label="Mietvertragsende"
+            value={new Date(property.leaseEndDate).toLocaleDateString('de-CH', { month: 'long', year: 'numeric' })}
+          />
+        )}
+        {property.breakoutOption && (
+          <KeyFactRow
+            label="Break-out Option"
+            value={
+              property.breakoutOptionDate
+                ? new Date(property.breakoutOptionDate).toLocaleDateString('de-CH', { month: 'long', year: 'numeric' })
+                : 'Ja'
+            }
+          />
+        )}
+        {property.riskLevel && (
+          <KeyFactRow label="Risikoeinschätzung" value={RISK_LABELS[property.riskLevel] ?? property.riskLevel} />
+        )}
+        {property.expansionPotentialSqm != null && (
+          <KeyFactRow label="Ausbaupotenzial" value={`+${property.expansionPotentialSqm.toLocaleString('de-CH')} m²`} />
+        )}
+      </Paper>
+
+      {/* ── Eigenschaften ── */}
+      {property.softFactors && (
+        <Paper sx={{ mb: 2, p: 2.5 }}>
+          <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1.5 }}>
+            <TrendingUp size={15} color="#374151" />
+            <Typography variant="h6" sx={{ fontWeight: 700 }}>Eigenschaften</Typography>
+          </Box>
+          <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 1 }}>
+            {property.softFactors.publicTransportMinutes != null && (
+              <Chip
+                size="small"
+                icon={<Train size={11} />}
+                label={`ÖV: ${property.softFactors.publicTransportMinutes} Min. zu Fuss`}
+                sx={{ bgcolor: '#eff6ff', color: '#1d4ed8', border: '1px solid #bfdbfe', fontWeight: 500 }}
+              />
+            )}
+            {property.softFactors.parkingSpots != null && property.softFactors.parkingSpots > 0 && (
+              <Chip
+                size="small"
+                label={`${property.softFactors.parkingSpots} Parkplätze`}
+                sx={{ bgcolor: '#f8fafc', color: '#374151', border: '1px solid #e2e8f0', fontWeight: 500 }}
+              />
+            )}
+            {property.softFactors.prestige != null && property.softFactors.prestige >= 80 && (
+              <Chip
+                size="small"
+                label="Prestigestandort"
+                sx={{ bgcolor: '#fef9c3', color: '#92400e', border: '1px solid #fde68a', fontWeight: 500 }}
+              />
+            )}
+            {property.softFactors.visibilityScore != null && property.softFactors.visibilityScore >= 80 && (
+              <Chip
+                size="small"
+                label="Hohe Sichtbarkeit"
+                sx={{ bgcolor: '#fef9c3', color: '#92400e', border: '1px solid #fde68a', fontWeight: 500 }}
+              />
+            )}
+            {property.softFactors.passerbyFrequency && (
+              <Chip
+                size="small"
+                label={`Laufkundschaft: ${PASSERBY_LABELS[property.softFactors.passerbyFrequency]}`}
+                sx={{ bgcolor: '#f0fdf4', color: '#1a7a4a', border: '1px solid #bbf7d0', fontWeight: 500 }}
+              />
+            )}
+            {property.softFactors.talentAccess != null && property.softFactors.talentAccess >= 80 && (
+              <Chip
+                size="small"
+                label="Hoher Talentzugang"
+                sx={{ bgcolor: '#faf5ff', color: '#5b21b6', border: '1px solid #e9d5ff', fontWeight: 500 }}
+              />
+            )}
+            {property.softFactors.talentAccess != null && property.softFactors.talentAccess >= 80 && (
+              <Chip
+                size="small"
+                label={`Talentindex: ${property.softFactors.talentAccess}`}
+                sx={{ bgcolor: '#faf5ff', color: '#5b21b6', border: '1px solid #e9d5ff', fontWeight: 500 }}
+              />
+            )}
+          </Box>
+        </Paper>
+      )}
+
+      {/* ── Wegzeit ── */}
+      {property.softFactors?.publicTransportMinutes != null && (
+        <Paper sx={{ mb: 2, p: 2.5 }}>
+          <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1.5 }}>
+            <Clock size={15} color="#374151" />
+            <Typography variant="h6" sx={{ fontWeight: 700 }}>Wegzeit</Typography>
+          </Box>
+          <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5 }}>
+            <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'center', width: 40, height: 40, borderRadius: '50%', bgcolor: '#eff6ff', border: '1px solid #bfdbfe', flexShrink: 0 }}>
+              <Train size={18} color="#1d4ed8" />
+            </Box>
+            <Box>
+              <Typography variant="body2" sx={{ fontWeight: 600 }}>
+                {property.softFactors.publicTransportMinutes} Min. zu Fuss
+              </Typography>
+              <Typography variant="caption" color="text.secondary">
+                Nächster ÖV-Anschluss — {property.location.city}
+              </Typography>
+            </Box>
+          </Box>
+          {property.softFactors.infrastructureNotes && (
+            <Typography variant="caption" color="text.secondary" sx={{ display: 'block', mt: 1, fontStyle: 'italic' }}>
+              {property.softFactors.infrastructureNotes}
+            </Typography>
+          )}
+          <Typography variant="caption" color="text.secondary" sx={{ display: 'block', mt: 1 }}>
+            Die Zeiten beziehen sich auf die Strecke zu Fuss.
+          </Typography>
+        </Paper>
+      )}
+
+      {/* ── Einheiten ── */}
       {(property.units ?? []).length > 0 && (
         <Paper sx={{ mb: 2, p: 2.5 }}>
           <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 2 }}>
@@ -188,7 +417,6 @@ export default function PropertyDetail() {
             <Typography variant="h6" sx={{ fontWeight: 700 }}>Einheiten</Typography>
           </Box>
 
-          {/* Column headers */}
           <Box sx={{ display: 'grid', gridTemplateColumns: '1fr 80px 110px 120px auto', gap: 1.5, px: 2, mb: 0.75 }}>
             {['Einheit', 'Fläche', 'Miete', 'Verfügbar ab', 'Status'].map(h => (
               <Typography key={h} variant="caption" color="text.secondary" sx={{ fontWeight: 600 }}>{h}</Typography>
@@ -204,7 +432,56 @@ export default function PropertyDetail() {
         </Paper>
       )}
 
-      {/* Inquiry */}
+      {/* ── Beschreibung ── */}
+      {property.description && (
+        <Paper sx={{ mb: 2, p: 2.5 }}>
+          <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1.5 }}>
+            <Building2 size={15} color="#374151" />
+            <Typography variant="h6" sx={{ fontWeight: 700 }}>Beschreibung</Typography>
+          </Box>
+          <Typography variant="body2" sx={{ lineHeight: 1.75, color: '#374151', whiteSpace: 'pre-wrap' }}>
+            {property.description}
+          </Typography>
+        </Paper>
+      )}
+
+      {/* ── Quelle & Referenz ── */}
+      <Paper sx={{ mb: 2, p: 2.5 }}>
+        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1.5 }}>
+          <Info size={15} color="#374151" />
+          <Typography variant="h6" sx={{ fontWeight: 700 }}>Quelle & Referenz</Typography>
+        </Box>
+        <KeyFactRow label="Datenquelle" value={sourceLabel} />
+        {property.propertyNumber && (
+          <KeyFactRow label="Objektnummer" value={property.propertyNumber} />
+        )}
+        {property.importedFrom && (
+          <KeyFactRow label="Importiert aus" value={property.importedFrom} />
+        )}
+        {property.dataQuality.lastVerifiedAt && (
+          <KeyFactRow
+            label="Zuletzt verifiziert"
+            value={new Date(property.dataQuality.lastVerifiedAt).toLocaleDateString('de-CH', { day: 'numeric', month: 'long', year: 'numeric' })}
+          />
+        )}
+        {property.sourceUrl && (
+          <Box sx={{ mt: 1.25 }}>
+            <Button
+              size="small"
+              variant="outlined"
+              endIcon={<ExternalLink size={12} />}
+              href={property.sourceUrl}
+              target="_blank"
+              rel="noopener noreferrer"
+              sx={{ textTransform: 'none', fontSize: '0.8rem', borderColor: '#cbd5e1', color: '#374151' }}
+            >
+              Zum Originalinserat
+            </Button>
+          </Box>
+        )}
+      </Paper>
+
+      {/* ── Verwaltung kontaktieren ── */}
       <Paper sx={{ p: 2.5 }}>
         <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 2 }}>
           <Mail size={15} color="#374151" />
@@ -242,7 +519,7 @@ export default function PropertyDetail() {
                       ? (property.units?.find(u => u.id === highlightUnitId)?.unitLabel ?? 'Einheit')
                       : property.title
                   }
-                  InputProps={{ readOnly: true }}
+                  slotProps={{ input: { readOnly: true } }}
                   sx={{ '& .MuiInputBase-input': { color: 'text.secondary', fontSize: '0.85rem' } }}
                 />
               </Box>