.openclaw-live {
 display: grid;
 gap: 12px;
}

.openclaw-item {
 border: 1px solid rgba(15, 23, 42, 0.12);
 border-left: 4px solid #2563eb;
 border-radius: 8px;
 padding: 14px 16px;
 background: #ffffff;
 color: #111827;
}

.openclaw-plan {
 border-left-color: #16a34a;
}

.openclaw-note {
 border-left-color: #9333ea;
}

.openclaw-meta {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 align-items: center;
 margin-bottom: 8px;
 color: #64748b;
 font-size: 13px;
}

.openclaw-meta span,
.openclaw-meta time,
.openclaw-tags span {
 border-radius: 999px;
 background: #f1f5f9;
 padding: 3px 8px;
}

.openclaw-item h3 {
 margin: 0 0 6px;
 font-size: 16px;
 line-height: 1.35;
}

.openclaw-item p {
 margin: 0;
 color: #334155;
 line-height: 1.65;
}

.openclaw-tags {
 display: flex;
 flex-wrap: wrap;
 gap: 6px;
 margin-top: 10px;
 color: #475569;
 font-size: 12px;
}

.openclaw-empty {
 border: 1px dashed rgba(15, 23, 42, 0.2);
 border-radius: 8px;
 padding: 18px;
 color: #64748b;
 text-align: center;
}