.rn-aircraft-marker {
    position: relative;
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    pointer-events: none;
}

.rn-aircraft-icon {
    width: 28px;
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform-origin: 50% 50%;

    filter:
        drop-shadow(0 0 2px rgba(255,255,255,.95))
        drop-shadow(0 2px 3px rgba(0,0,0,.75))
        drop-shadow(0 0 5px rgba(0,0,0,.2));
}

.rn-aircraft-icon svg {
    width: 28px;
    height: 28px;

    fill: var(--rn-ac-color);
    stroke: rgba(255,255,255,.95);
    stroke-width: .8px;

    vector-effect: non-scaling-stroke;
    overflow: visible;
}

.rn-aircraft-marker.kind-airliner {
    --rn-ac-color: #4da3ff;
}

.rn-aircraft-marker.kind-helicopter {
    --rn-ac-color: #46c2d9;
}

.rn-aircraft-marker.kind-fighter {
    --rn-ac-color: #7fb3ff;
}

.rn-aircraft-marker.kind-unknown {
    --rn-ac-color: #90a4b8;
}

/* delikatne różnice wizualne */
.rn-aircraft-marker.kind-fighter .rn-aircraft-icon {
    transform: scale(1.05);
}

.rn-aircraft-marker.kind-helicopter .rn-aircraft-icon {
    transform: scale(1.03);
}

/* lewy panel / lista */
.rn-aircraft-list-icon {
    width: 22px;
    height: 22px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    vertical-align: middle;

    filter:
        drop-shadow(0 0 1px rgba(255,255,255,.9))
        drop-shadow(0 1px 2px rgba(0,0,0,.55));
}

.rn-aircraft-list-icon svg {
    width: 22px;
    height: 22px;

    fill: var(--rn-ac-color);
    stroke: rgba(255,255,255,.92);
    stroke-width: .8px;
}