body {
    background-color: #333;
    color: white;
}
input {
    background-color: inherit;
    color: inherit;
    border-radius: 7px;
}

#app {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    min-width: min-content;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
    display: grid;
}

.status-category {
    border-radius: 5px;
    border-color: lightgray;
    background-color: #444;
    padding: 4px;
    margin: 10px;
    width: auto;
    min-width: min-content;
    height: fit-content;
    position: relative;
    box-sizing: border-box;
}
.status-category-id {}

.status-display {
    border-color: #FFF;
    border-top-width: 1px;
    border-top-style: dashed;
    position: relative;
    padding: 4px;
    left: 0;
    right: 0;
}
.status-display-name {
}
.status {
    color: red;
    padding-right: 5px;
}
.status-active {
    color: green;
}
.status-display-seen {

}