/**
 * Variable
 */
:root {
    --editor-block-background: var(--app-color-primary-dark);
    --editor-block-color: var(--app-color-primary-text);
    --editor-border: var(--app-color-primary-dark);
    --editor-button-background: var(--app-color-primary-dark);
    --editor-button-color: var(--app-color-primary-text);
    --editor-cancel-background: var(--app-color-primary-light);
    --editor-cancel-color: var(--app-color-primary-text);
    --editor-dialog-background: var(--app-color-primary);
    --editor-dialog-color: var(--app-color-primary-text);
    --editor-error: var(--app-color-error);
    --editor-focus: #b7967c;
    --editor-placeholder: var(--app-color-primary-light);
    --editor-slot: var(--app-color-primary-light);
    --editor-sortover: var(--app-color-primary-dark);
    --editor-toolbar-background: var(--app-color-primary);
    --editor-toolbar-color: var(--app-color-primary-text);
}

/**
 * Editor
 */
editor-root {
    min-height: 15rem;

    & > :not(:first-child) {
        margin-top: 1.5rem;
    }

    :is(colgroup, tr)::before {
        width: 3rem;
    }
}

editor-toolbar {
    top: 3rem;
}

:is(editor-toolbar, editor-formatbar, editor-focusbar) button {
    color: inherit;
    background: none;
}

/**
 * Role Edit
 */
:root:is([data-id='role:add'], [data-id^='role:edit:']) [data-attr=privilege] {
    display: grid;
    grid-template-columns: 1.25rem auto;
    font-size: 0.875rem;

    label[for=attr-privilege] {
        grid-column: span 2;
        font-size: 1rem;
    }
}

/**
 * Index
 */
.block-index a[data-action=add] {
    display: block;
    text-align: right;

    &::before {
        font-size: 3rem;
    }
}

table.stat td.action a {
    color: var(--app-color-accent);

    &:not(:first-child) {
        margin-left: 0.75rem;
    }
}

a[data-sort=asc]::after {
    display: inline-block;
    content: '⇑';
}

a[data-sort=desc]::after {
    display: inline-block;
    content: '⇓';
}

/**
 * Pager
 */
.pager {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 0;
    font-size: 0.875rem;
}