body {
    background-color: lightgrey;
}

.item-header-danger{
    line-height: 1.42rem;
    font-weight: bold;
    background-color: #8f0e07;
    color: #fff;
}

.card.floor-active .card-header{
    background-color: #8f0e07 !important;
    color: #fff !important;
}

/* Aktivní místnost v seznamu */
.list-group-item.room-active {
    background-color: #8f0e07 !important;
    color: #fff !important;
    border-color: #8f0e07 !important;
}

.alert.fade-out {
    opacity: 0;
    transition: opacity 0.5s ease-out;
}

.map-transition {
    transition: opacity 0.3s ease-in-out;
}

/* Výchozí stav */
.map-transition-visible {
    opacity: 1;
}

/* Fade-out při přepnutí mapy */
.map-transition-hidden {
    opacity: 0;
}

svg .room-highlight text {
    fill: #ffffff !important;
    font-weight: 700;
    z-index: 1000;
}

/* Zvýraznění polygonu / polyline / path / rect (obrys místnosti) */
svg .room-highlight polygon,
svg .room-highlight polyline,
svg .room-highlight path,
svg .room-highlight rect {
    stroke: #8f0e07 !important;     /* červený okraj */
    stroke-width: 4 !important;
    fill: #8f0e07 !important;        /* výplň místnosti */
    fill-opacity: 0.85 !important;   /* lehce průsvitná */
}

.map-viewport {
    width: 100%;
    height: auto;          /* případně podle layoutu */
    overflow: hidden;
    position: relative;
    touch-action: none;     /* důležité pro touch pan/zoom */
}

.map-viewport svg {
    width: 100%;
    height: 100%;
    display: block;
}

.map-viewport { min-height: 520px; }
@media (max-width: 1900px) { .map-viewport { min-height: 380px; } }