.trace-card {
    border: 1px solid #e6ebf2;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #fafcff 100%);
    padding: 1rem;
    box-shadow: 0 6px 20px rgba(14, 30, 73, 0.07);
}

.trace-table-wrap {
    border: 1px solid #e9eef5;
    border-radius: 12px;
    overflow: hidden;
}

.trace-table thead th {
    background: #f4f8ff;
    color: #1c4f95;
    font-weight: 700;
    border-bottom: 1px solid #dde7f6;
    white-space: nowrap;
}

.trace-table tbody td {
    vertical-align: middle;
    border-color: #edf1f7;
}

.trace-table tbody tr:hover {
    background: #f9fbff;
}

.trace-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.6rem;
    border-radius: 999px;
    background: #eef4ff;
    color: #2f5ea8;
    font-size: 0.82rem;
    font-weight: 600;
}

.trace-user {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    color: #394b67;
}

.trace-text {
    max-width: 520px;
    color: #344154;
}

.list-trace-card {
    border: 1px solid #e6ebf2;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #fafcff 100%);
    padding: 1rem;
    box-shadow: 0 6px 20px rgba(14, 30, 73, 0.07);
}

.list-trace-table-wrap {
    border: 1px solid #e9eef5;
    border-radius: 12px;
    overflow: hidden;
}

.list-trace-table thead th {
    background: #f4f8ff;
    color: #1c4f95;
    font-weight: 700;
    border-bottom: 1px solid #dde7f6;
    white-space: nowrap;
}

.list-trace-table tbody td {
    border-color: #edf1f7;
    vertical-align: middle;
}

.list-trace-table tbody tr:hover {
    background: #f9fbff;
}

.list-pill {
    display: inline-block;
    padding: 0.35rem 0.6rem;
    border-radius: 999px;
    background: #eef4ff;
    color: #2f5ea8;
    font-size: 0.82rem;
    font-weight: 600;
}

.list-pill-soft {
    background: #f4f6fa;
    color: #4e5d75;
}

.list-description {
    max-width: 420px;
}