/* Monochrome Moonlight identity. Scope only brand assets, never holding logos. */
.brand img.ibfutu-symbol,
.brand img.ibfutu-wordmark {
    /* Preserve the original transparent artwork and its exact contours. */
    filter: grayscale(1) contrast(2) drop-shadow(0 0.5px 0.4px rgba(0, 0, 0, 0.22));
}

.brand img.ibfutu-wordmark {
    display: block;
    flex: 0 0 auto;
    width: 5.35em;
    height: 0.85em;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    object-fit: contain;
}

.brand img.ibfutu-symbol {
    flex: 0 0 auto;
    object-fit: contain;
    /* Let each page's header show through the transparent artwork. */
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.brand img.ibfutu-tool-symbol {
    display: block;
    width: 38px;
    height: 38px;
    padding: 4px;
    box-sizing: border-box;
    border-radius: 0;
}

.ibfutu-tool-copy {
    display: grid;
    gap: 5px;
    font-size: 20px;
    line-height: 1;
}

.ibfutu-tool-copy small {
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 0.06em;
    color: #687586;
}

.logo.ibfutu-app-symbol {
    background: #fbfaf6 url('/static/brand-icons/ibfutu-moon-mark-v1.png') center / 78% no-repeat;
}

body.dark-theme .logo.ibfutu-app-symbol {
    background: #061832 url('/static/brand-icons/ibfutu-moon-icon-v1.png') center / cover no-repeat;
}

.logo.ibfutu-app-symbol::before,
.logo.ibfutu-app-symbol::after {
    content: none;
}

.brand > .logo {
    background: transparent url('/static/brand-icons/ibfutu-moon-mark-v1.png') center / 78% no-repeat;
    border: 0;
    box-shadow: none;
    filter: grayscale(1) contrast(2) drop-shadow(0 0.5px 0.4px rgba(0, 0, 0, 0.22));
}

body.dark-theme .brand > .logo {
    background: transparent url('/static/brand-icons/ibfutu-moon-icon-v1.png') center / cover no-repeat;
}