@import './components.css';
@import './variables.css';

/**
 * Reset
 */

html, body {
    margin: 0;
    padding: 0;
}

/**
 * Styles
 */

body {
    background-color: var(--color-bg);
}

table .num {
    text-align: right;
}

table .txt {
    text-align: left;
}

.main-container.fullscreen {
    height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr;
}

.content-container {
    padding: var(--inner-spacing);
}

.content-header {
    padding: 0 var(--inner-spacing);
    background-color: var(--component-bg);
    display: flex;
    justify-content: space-between;
}

.content-header a {
    text-decoration: none;
}

.content-header a:link,
.content-header a:visited {
    color: var(--color-text);
}

.content-header__left {
    display: flex;
    align-items: center;
}

.content-header__left svg {
    height: 55px;
}

.content-header__right {
    display: flex;
    align-items: baseline;
    gap: .5rem;
}

.content-header__right .menu-entry {
    padding: 2em 1em;
    vertical-align: center;
    display: flex;
    align-items: center;
}

.content-header__right .menu-entry.active {
    box-shadow: inset 0 -8px var(--color-secondary);
    color: var(--color-primary);
    font-weight: bold;
}

.content {
    padding: var(--inner-spacing);
}

.content-actions {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: .5rem;
}

.form-item {
    margin-bottom: var(--item-separation);
}

.home__logo {
    text-align: center;
}

.home__logo img {
    max-width: 800px;
    width: 100%;
}

.errorlist {
    color: var(--color-error);
}