.staff-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}
.staff-nav a {
    text-decoration: none;
    padding: 10px 14px;
    border-radius: 999px;
    background: #efe4d5;
    color: #3a2a21;
    font-weight: 700;
}
.staff-nav a.active {
    background: #3a2a21;
    color: #fffaf2;
}
.status-pill {
    display: inline-block;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}
.status-submitted { background: #fff0cc; color: #8a5a00; }
.status-ready { background: #e8f3ea; color: #3d6b4a; }
.status-collected { background: #e8edf8; color: #2d4c8a; }
.status-cancelled { background: #f8e7e7; color: #8a2d2d; }
@media (max-width: 720px) {
    .staff-nav { justify-content: flex-start; }
    .staff-nav a { flex: 1 1 auto; text-align: center; }
}