page-list {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: min-content min-content;
    overflow-y: scroll;
    gap: var(--u);
    padding: var(--u);
}

page-list > nav {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

page-list > nav > output-i18n {
    font-size: 2rem;
}

page-list > nav > span {
    margin: auto;
}

page-list > nav > label.archived {
    gap: 0.5rem;
}

page-list > nav > label.archived.check > i:first-of-type,
page-list > nav > label.archived:not(.check) > i:last-of-type {
    display: none;
}

page-list > table-enhance {
    grid-column: 1;
    grid-row: 2;
}

page-list > table-enhance h4 {
    color: var(--color-black);
}

page-list[data-type="business"] *[data-type]:not([data-type="business"]),
page-list[data-type="school"] *[data-type]:not([data-type="school"]),
page-list[data-type="class"] *[data-type]:not([data-type="class"]),
page-list[data-type="user"] *[data-type]:not([data-type="user"]),
page-list[data-type="course"] *[data-type]:not([data-type="course"]),
page-list[data-type="lesson"] *[data-type]:not([data-type="lesson"]),
page-list[data-type="content"] *[data-type]:not([data-type="content"]),
page-list[data-type="child"] *[data-type]:not([data-type="child"]) {
    display: none;
}

page-list > table-enhance template-enhance.vertical-list {
    width: 100%;
}

page-list > table-enhance template-enhance.vertical-list div {
    display: grid;
    grid-template-columns: min-content 1fr;
    column-gap: 2%;
    font-size: 1.25rem;
    align-items: center;    
}

page-list > table-enhance template-enhance.vertical-list div i {
    grid-column: 1/1;
    background-color: transparent;
    color: var(--color-black);
}

page-list > table-enhance template-enhance.vertical-list div output-i18n{
    grid-column: 2/2;
}