div.content-shell {
    width: 92%;
    margin-left: 4%;
    margin-top: 1.5em;
}

div.page-title {
    margin-bottom: 1em;
    font-size: 1.2em;
}

div.options {
    width: auto;
    margin-left: 0;
    margin-bottom: 1em;
}

a.back-link {
    color: #8ebeff;
    text-decoration: none;
}

a.back-link:hover {
    text-decoration: underline;
}

span.title-divider {
    margin: 0 0.4em;
    color: gray;
}

span.player-name {
    font-weight: bold;
}

table.loot-detail {
    width: 100%;
    max-width: 100%;
}

table.loot-detail th,
table.loot-detail td {
    text-align: left;
}

a.item-link {
    color: #ffe06e;
    text-decoration: none;
}

a.item-link:hover {
    text-decoration: underline;
}

div.empty-state {
    width: fit-content;
    padding: 0.8em 1em;
    border: 1px solid #666;
    border-radius: 8px;
    color: white;
    background: #222;
}