/**
 * Header M Logo - Monoloci "M" icon inside each screen header.
 * Positioned absolute within header-with-bg (which has position: relative).
 * Scrolls naturally with the header content.
 */

.header-m-logo {
    position: absolute;
    top: 10px;
    left: 12px;
    width: 32px;
    height: 32px;
    object-fit: contain;
    z-index: 10;
    opacity: 0.9;
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.3));
    pointer-events: none;
}