html, body {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

message-panel {
    position: absolute;
    width: 65%;
    top: 0.2em;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    z-index: 10;
    box-shadow: 0 1em 2em rgb(200,200,200);
}

extended-table tr.is-selected {
    background-color: #DEDEDE !important;
    color: #363636 !important;
}

header {
    position: absolute;
    left: 1rem;
    top: 1rem;
}

main {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
}

nav {
    width: 100%;
    margin-top: 1rem;
}

section {
    flex: 1;
    overflow: auto;
    padding: 0 1em;
    box-sizing: border-box;
}

footer {
    text-align: right;
}