.display-panel {
    font-weight: bold;
    color: #3097D1;
}
.item {
    border-bottom: 1px solid #eee;
}
.item:last-child {
    border-bottom: 0px solid #eee;
}
.name-notice {
    padding: 10px 13px;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    margin-bottom: 14px;
    font-size: 13px;
    line-height: 1.5;
}

/* Waiting on someone else — no action available, so it reads as neutral. */
.name-pending {
    border-color: #b6d4fe;
    background: #f2f7fd;
    color: #0a3676;
}

/* The person can still act here, so it's a caution rather than a block. */
.name-locked {
    border-color: #ffe08a;
    background: #fffaeb;
    color: #6a4b00;
}