:root {
    --immosim-primaer: #1f4e79;
}

body {
    background-color: #f4f6f9;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.navbar-immosim {
    background-color: var(--immosim-primaer);
}

.anmeldung-karte {
    max-width: 420px;
}

.karte-platzhalter {
    border-style: dashed !important;
    background-color: transparent;
}

/* Simulation: Kopfbereich und versteckte Eigenschaften (nur Ausbilder/Admin) */
.simulation-kopf {
    border-left: 4px solid var(--immosim-primaer);
}

.versteckt {
    background-color: #fff8e1;
    border: 1px dashed #d39e00;
}

.versteckt-badge {
    background-color: #fff3cd;
    color: #664d03;
    border: 1px solid #d39e00;
}

.table-kennzahlen td,
.table-kennzahlen th {
    white-space: nowrap;
}

/* Posteingang (Simulationsuhr #12) */
.posteingang .ungelesen {
    border-left: 4px solid var(--immosim-primaer);
}

.posteingang .ungelesen .absender,
.posteingang .ungelesen .betreff {
    font-weight: 600;
}

.posteingang .gelesen {
    border-left: 4px solid transparent;
}

.posteingang-zeit {
    min-width: 7.5rem;
}

.posteingang-vorschau {
    max-width: 40rem;
}

.kanal {
    background-color: #e9eef5;
    color: var(--immosim-primaer);
    font-weight: 500;
}

.meldung-text {
    white-space: normal;
    max-width: 48rem;
}

.nav-link.reiter-ausbilder {
    color: #8a6d00;
}