.plugin-structpublish-banner {

    border: 1px solid @ini_background_alt;
    background-color: @ini_background_alt;

    &:not(.compact) {
        padding: 1rem;
        margin-bottom: 1.5rem;
    }

    .icon svg {
        float: left;
        width: 3rem;
        height: 3rem;
        padding-right: 1rem;
    }

    &.draft {
        .icon svg {
            fill: #c33;
        }
    }

    &.approved {
        .icon svg {
            fill: #cc3;
        }
    }

    &.published {
        .icon svg {
            fill: #3c3;
        }
    }

    form,
    p {
        margin-left: 4rem;

        svg {
            height: 1em;
            fill: currentColor;
        }
    }

    &.compact {
        padding: 0.2rem 0 0.2rem 0;

        span.icon svg {
            width: 2rem;
            height: 1.5rem;
        }

        form {
            float: right;

            label {
                margin-left: 1rem;
            }

            input {
                width: 4rem;
            }
        }
    }
}

.plugin-structpublish-version {
    border-radius: 2px;
    background-color: #cfc;
    color: #000;
    padding: 0.1em 0.2em;
}