/* Objekte (Tab-Wurzel): Fotokarten im Stil von Screen 2 und 4 */
.objekte .ok-knoepfe { display:flex; gap:10px; }
.objekte .rund-knopf.navy { background:var(--navy); border-color:var(--navy); color:#fff; box-shadow:0 1px 1px rgba(20,26,56,.2), 0 8px 18px -6px rgba(28,36,75,.45); }

.objekte .ok-suche { display:flex; align-items:center; gap:10px; padding:14px 16px 0; }
.objekte .ok-suche-feld { flex:1; display:flex; align-items:center; gap:8px; height:40px; padding:0 10px 0 12px; border-radius:12px; background:#ECE7E0; color:var(--text2); }
.objekte .ok-suche-feld input { flex:1; min-width:0; height:40px; font:400 16px/20px var(--schrift); color:var(--navy); }
.objekte .ok-suche-feld input::placeholder { color:#8E92A6; }
.objekte .ok-suche-feld input::-webkit-search-cancel-button { display:none; }
.objekte .ok-suche-x { color:#A9A9B4; display:grid; place-items:center; width:24px; height:24px; }
.objekte .ok-suche-ab { font:500 16px/1 var(--schrift); color:var(--navy); height:40px; }

.objekte .ok-chips { margin-top:14px; }
.objekte .ok-chips .chip { height:34px; gap:5px; }
.objekte .ok-liste { padding-top:14px; display:flex; flex-direction:column; gap:14px; }

.objekte .ok { padding:6px; overflow:hidden; }
.objekte .ok-foto { position:relative; aspect-ratio:16 / 10; border-radius:15px; overflow:hidden; background:var(--sand-hell); }
.objekte .ok-foto img { width:100%; height:100%; object-fit:cover; display:block; }
.objekte .ok-foto::after { content:""; position:absolute; inset:auto 0 0 0; height:60px; background:linear-gradient(rgba(20,26,56,0), rgba(20,26,56,.28)); pointer-events:none; }
.objekte .ok-stufe { position:absolute; left:10px; top:10px; z-index:1; display:inline-flex; align-items:center; gap:6px; height:26px; padding:0 10px 0 9px; border-radius:13px;
  background:rgba(255,255,255,.86); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); font:600 12px/1 var(--schrift); color:var(--navy); box-shadow:0 2px 8px rgba(20,26,56,.12); }
.objekte .ok-stufe i { width:7px; height:7px; border-radius:50%; background:var(--taupe); }
.objekte .ok-stufe i.s4, .objekte .ok-stufe i.s5, .objekte .ok-stufe i.fertig { background:var(--gruen); }
.objekte .ok-stufe i.bew, .objekte .ok-stufe i.akq { background:var(--navy); }
.objekte .ok-stufe i.res { background:var(--amber); }
.objekte .ok-foto.ohne::after { display:none; }

/* Ohne Fotos: ruhige Fläche im Stil des Designs (auch von Objekt, Akquise und Marktwert genutzt) */
.ok-platzhalter { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px;
  background:radial-gradient(120% 90% at 30% 20%, #F3EEE8 0%, #E9E2D9 60%, #E2DACF 100%); color:var(--taupe-tief); }
.ok-platzhalter-ic { width:64px; height:64px; border-radius:20px; display:grid; place-items:center; background:rgba(255,255,255,.62); box-shadow:0 6px 16px -8px rgba(28,36,75,.25); }
.ok-platzhalter-t { font:600 12px/16px var(--schrift); letter-spacing:.02em; color:var(--taupe-tief); opacity:.8; }
.objekte .ok-foto .foto-zaehler { position:absolute; right:10px; bottom:10px; z-index:1; display:inline-flex; align-items:center; gap:5px; }

.objekte .ok-text { padding:12px 8px 6px; }
.objekte .ok-kopf { display:flex; align-items:flex-start; gap:12px; }
.objekte .ok-titel { font:700 18px/23px var(--schrift); letter-spacing:-.02em; color:var(--navy); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; overflow-wrap:anywhere; }
.objekte .ok-kopf .ort { margin-top:2px; font-size:13.5px; }
.objekte .ok-kopf .ort span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.objekte .ok-kopf .ava, .objekte .ok-kopf .ava-txt { margin-top:2px; box-shadow:0 0 0 2px #fff, 0 3px 8px rgba(28,36,75,.14); }
.objekte .ok-preis { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 10px; margin-top:10px; }
.objekte .ok-preis b { font:700 22px/26px var(--schrift); letter-spacing:-.03em; }
.objekte .ok-preis > span:not(.pille) { font:500 12.5px/16px var(--schrift); color:var(--text2); }
.objekte .ok-preis .pille { align-self:center; margin-left:auto; }
.objekte .ok-zahlen { display:flex; margin-top:10px; padding-top:10px; border-top:1px solid var(--linie); }
.objekte .ok-zahlen > div { flex:1; min-width:0; display:flex; align-items:baseline; gap:6px; position:relative; }
.objekte .ok-zahlen > div + div { padding-left:12px; }
.objekte .ok-zahlen > div + div::before { content:""; position:absolute; left:0; top:2px; bottom:2px; width:1px; background:var(--linie); }
.objekte .ok-zahlen b { font:700 15px/19px var(--schrift); letter-spacing:-.02em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.objekte .ok-zahlen span { font:500 12px/16px var(--schrift); color:var(--text2); white-space:nowrap; }

.objekte-neu { display:flex; flex-direction:column; gap:12px; }
.objekte-neu .zeile { min-height:62px; }
.objekte-neu .zt .t2 { white-space:normal; }
.objekte-neu .zeile + .zeile::before { left:46px; }

/* Meine / Alle / je Betreuer über den Phasen-Chips; Objektnummer über dem Titel */
.objekte .ok-wer { margin-top:14px; }
.objekte .ok-wer .chip { height:32px; }
.objekte .ok-wer + .ok-chips { margin-top:8px; }
.objekte .ok-nummer { font:600 12px/16px var(--schrift); letter-spacing:.02em; color:var(--text2); margin-bottom:1px; }
.objekte .ok-leer-meine { display:flex; flex-direction:column; align-items:center; gap:4px; padding-bottom:16px; }