/* YIN GENERATIVE ALGORITHM BADGE */

.yin-generative-algorithm-badge {
        --yin-generator-ink: #333333;
        --yin-generator-paper: #fbfbfb;
        --yin-generator-signal: #ffff7b;

        box-sizing: border-box;
        display: flex;
        position: fixed;
        z-index: 9998;
        right: max(16px, env(safe-area-inset-right));
        bottom: max(16px, env(safe-area-inset-bottom));

        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 0.16rem;

        min-width: 9.5rem;
        max-width: calc(100vw - 40px);
        padding: 0.58rem 0.8rem 0.78rem;

        color: var(--yin-generator-paper);
        background: var(--yin-generator-ink);
        border: 2px solid var(--yin-generator-ink);
        border-radius: 0;

        box-shadow:
                inset 0 -5px 0 var(--yin-generator-signal),
                5px 5px 0 var(--yin-generator-signal);

        font-family:
                ui-monospace,
                SFMono-Regular,
                Menlo,
                Monaco,
                Consolas,
                "Liberation Mono",
                monospace !important;

        font-style: normal;
        line-height: 1;
        text-align: left;

        mix-blend-mode: normal !important;
        opacity: 1;
        pointer-events: none;
        user-select: none;
}

.yin-generative-badge-system {
        color: var(--yin-generator-paper);
        font-size: 0.62rem;
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: 0.11em;
        text-transform: uppercase;
        opacity: 0.72;
}

.yin-generative-badge-algorithm {
        color: var(--yin-generator-signal);

        font-family: inherit !important;
        font-size: 0.96rem;
        font-style: normal;
        font-weight: 900;
        line-height: 1.1;
        letter-spacing: 0.055em;
        text-transform: uppercase;
}

#yin-generative-badge-admin-row .description {
        max-width: 48rem;
        margin-top: 0.45rem;
}

#yin-generative-badge-admin-row[hidden] {
        display: none !important;
}

@media screen and (max-width: 640px) {
        .yin-generative-algorithm-badge {
                right: max(11px, env(safe-area-inset-right));
                bottom: max(11px, env(safe-area-inset-bottom));

                min-width: 0;
                padding: 0.5rem 0.65rem 0.68rem;

                box-shadow:
                        inset 0 -4px 0
                                var(--yin-generator-signal),
                        4px 4px 0
                                var(--yin-generator-signal);
        }

        .yin-generative-badge-system {
                display: none;
        }

        .yin-generative-badge-algorithm {
                font-size: 0.78rem;
        }
}

@media print {
        .yin-generative-algorithm-badge {
                display: none !important;
        }
}