/**
 * This file provides styles for extension manager
 */

/* + + + + +  global  + + + + + */
.dokuwiki {
    #extension__manager {
        .actions {
            font-size: 0;

            > button {
                font-size: .92rem;
                margin-left: .3rem;
                padding-left: .3rem;
                padding-right: .3rem;
            }

            p.permerror {
                @media @screen_max-md {
                    flex-direction: column;
                }

                display: flex;
                align-items: start;
                gap: 0.5rem;
                background: none;

                &::before {
                    content: "";
                    flex-shrink: 0;
                    margin-top: 0.3em;
                    width: 1em;
                    height: 1em;
                    mask-size: contain;
                    mask-position: center top;
                    mask-repeat: no-repeat;
                    mask-image: url(img/warning.svg);
                    background-color: var(--color-warning);
                }
            }
        }

        ul.tabs {
            li.active {
                a {
                    background-color: var(--color-shade-3);
                    color: var(--color-foreground);
                    border-color: var(--color-shade-4);
                }
            }
        }

        .panelHeader {
            background-color: var(--color-shade-2);
        }
    }

    #extension__list {
        .extensionList {

            li {
                color: var(--color-foreground);
            }
        }
    }
}