/* _content/bettERFramework.RealEstate.UI/Components/Pages/RealEstateOverview.razor.rz.scp.css */
/* Überblick Real Estate — Operate-Seite im Haus-Design. Kacheln (bp-stat-tile), Karten (bp-card/bp-cardhead),
   Chips und Tabellen kommen aus bp-components.css; hier steht nur das Seitenlayout: Objekttafel (Muster XRM-Pipeline)
   und die schlichten Kanal-Balken. Farbe zeigt Zustand — im Normalfall bleibt die Seite ruhig. */

.re-ov__title[b-ccp29iw8l6] {
    margin: 0;
    color: var(--bp-text);
    font-size: 1.5rem;
    font-weight: 600;
}

.re-ov__stand[b-ccp29iw8l6] {
    margin: 0.25rem 0 0;
    color: var(--bp-text-muted);
    font-size: 0.85rem;
    font-variant-numeric: tabular-nums;
}

.re-ov[b-ccp29iw8l6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-top: 1rem;
    color: var(--bp-text);
}

/* Kachel als Tür: Link-Vorgaben neutralisieren, Affordanz über Fläche + Fokusrahmen (is-clickable). */
a.re-ov__tile[b-ccp29iw8l6] {
    color: inherit;
    text-decoration: none;
}

.re-ov__h2[b-ccp29iw8l6] {
    margin: 0;
    font-family: var(--bp-font-head);
    font-size: 1rem;
    font-weight: 600;
    color: var(--bp-text);
}

.re-ov__lead[b-ccp29iw8l6] {
    color: var(--bp-text-muted);
    font-size: 0.8rem;
}

.re-ov__count[b-ccp29iw8l6] {
    font-size: 0.75rem;
    color: var(--bp-text-muted);
    background: var(--bp-panel-solid-2);
    border-radius: var(--bp-radius-ctl);
    padding: 0 var(--bp-space-2);
    line-height: 1.5rem;
    font-variant-numeric: tabular-nums;
}

.re-ov__note[b-ccp29iw8l6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    color: var(--bp-text-muted);
    font-size: 0.85rem;
}

/* ---- Objekttafel: sieben Phasen nebeneinander, ab Spaltenmindestbreite horizontal scrollbar ---- */
.re-ov__board-wrap[b-ccp29iw8l6] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.re-ov__board[b-ccp29iw8l6] {
    display: flex;
    gap: var(--bp-space-2);
    align-items: stretch;
    overflow-x: auto;
    padding-bottom: 0.25rem;
}

.re-ov__column[b-ccp29iw8l6] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
    flex: 1 1 0;
    min-width: 11.5rem;
    min-height: 12rem;
    padding: var(--bp-space-2);
    background: var(--bp-panel);
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-lg);
}

.re-ov__colhead[b-ccp29iw8l6] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-2);
}

.re-ov__coltitle[b-ccp29iw8l6] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    font-family: var(--bp-font-head);
    font-size: 0.85rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.re-ov__colempty[b-ccp29iw8l6] {
    padding: var(--bp-space-4) var(--bp-space-2);
    color: var(--bp-text-faint);
    font-size: 0.8rem;
    text-align: center;
    border: 1px dashed var(--bp-panel-border);
    border-radius: var(--bp-radius-lg);
}

.re-ov__items[b-ccp29iw8l6] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.re-ov__item[b-ccp29iw8l6] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
    padding: 0.45rem 0.6rem;
    background: var(--bp-panel-solid-2);
    border-radius: var(--bp-radius-ctl);
}

/* Nummer klein über dem Namen: der Name beginnt in jeder Zeile an derselben Stelle (Muster Baustellen-Übersicht). */
.re-ov__itemnumber[b-ccp29iw8l6] {
    color: var(--bp-text-muted);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    font-variant-numeric: tabular-nums;
}

.re-ov__item[b-ccp29iw8l6]  .bp-cell-link {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.re-ov__itemname[b-ccp29iw8l6] {
    font-weight: 500;
}

.re-ov__itemmeta[b-ccp29iw8l6] {
    overflow: hidden;
    color: var(--bp-text-muted);
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.re-ov__more[b-ccp29iw8l6] {
    align-self: flex-start;
    font-size: 0.8rem;
}

/* ---- Arbeitslisten ---- */
.re-ov__lists[b-ccp29iw8l6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

@media (max-width: 1400px) {
    .re-ov__lists[b-ccp29iw8l6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.re-ov__card[b-ccp29iw8l6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.re-ov__allclear[b-ccp29iw8l6] {
    margin: 0;
    color: var(--bp-text-muted);
    font-size: 0.85rem;
}

.re-ov__cardfoot[b-ccp29iw8l6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 0.6rem;
    border-top: 1px solid var(--bp-panel-border);
}

/* Kanal-Balken: gedämpfte Füllung, Wert an der Marke — kein Diagramm, eine Wertliste mit Länge. */
.re-ov__bars[b-ccp29iw8l6] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.re-ov__bar[b-ccp29iw8l6] {
    display: grid;
    grid-template-columns: 7.5rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.85rem;
}

.re-ov__barlabel[b-ccp29iw8l6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.re-ov__bartrack[b-ccp29iw8l6] {
    display: block;
    height: 0.5rem;
    background: var(--bp-panel-solid-2);
    border-radius: var(--bp-radius-ctl);
    overflow: hidden;
}

.re-ov__barfill[b-ccp29iw8l6] {
    display: block;
    height: 100%;
    background: var(--bp-text-muted);
    border-radius: var(--bp-radius-ctl);
}

.re-ov__barvalue[b-ccp29iw8l6] {
    color: var(--bp-text-muted);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
/* _content/bettERFramework.RealEstate.UI/Components/Pages/RealEstateTransactionPage.razor.rz.scp.css */
/* Transaktionsmaske: nur die Phasenfolge im Reiter „Ablauf" ist seiteneigen. Maske, Kenner und Karteireiter kommen aus
   bp-components.css, Farben und Abstände aus tokens.css. Die Folge ist eine Leiste aus Abschnitten — erledigt ruhig grün,
   aktuell im CI-Gelb, offen als dünne Linie; abgebrochen in Gefahrfarbe. Keine Kreise, keine Zahlen: die Beschriftung trägt. */

.tr-steps[b-b82ad1k5h2] {
    display: flex;
    gap: var(--bp-space-1);
    margin: 0 0 var(--bp-space-4);
    padding: 0;
    list-style: none;
    min-width: 0;
}

.tr-steps__step[b-b82ad1k5h2] {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    min-width: 0;
}

.tr-steps__bar[b-b82ad1k5h2] {
    display: block;
    height: 4px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bp-text) 12%, transparent);
}

.tr-steps__label[b-b82ad1k5h2] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.85rem;
    color: var(--bp-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tr-steps__icon[b-b82ad1k5h2] {
    font-size: 0.75rem;
    flex: none;
}

.tr-steps__meta[b-b82ad1k5h2] {
    min-height: 1em;
    font-size: 0.72rem;
    color: var(--bp-text-faint);
}

.tr-steps__step--done .tr-steps__bar[b-b82ad1k5h2] {
    background: var(--bp-success);
}

.tr-steps__step--done .tr-steps__label[b-b82ad1k5h2] {
    color: var(--bp-text);
}

.tr-steps__step--done .tr-steps__icon[b-b82ad1k5h2] {
    color: var(--bp-success);
}

.tr-steps__step--current .tr-steps__bar[b-b82ad1k5h2] {
    background: var(--bp-yellow);
}

.tr-steps__step--current .tr-steps__label[b-b82ad1k5h2] {
    color: var(--bp-text);
    font-weight: 600;
}

.tr-steps__step--current .tr-steps__meta[b-b82ad1k5h2] {
    color: var(--bp-text-muted);
}

.tr-steps__step--stopped .tr-steps__bar[b-b82ad1k5h2] {
    background: var(--bp-danger);
}

.tr-steps__step--stopped .tr-steps__label[b-b82ad1k5h2],
.tr-steps__step--stopped .tr-steps__icon[b-b82ad1k5h2] {
    color: var(--bp-danger);
}