.section
{
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.head
{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-3);
}

.title
{
    font-size: var(--fs-12);
    font-weight: 600;
    letter-spacing: var(--ls-label);
    text-transform: uppercase;
    color: var(--text-muted);
}

.count { color: var(--text-muted); font-size: var(--fs-12); margin-left: 4px; }

.list
{
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.row
{
    display: flex;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--surface);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
    /* 描边:1px divider 全包,左侧 3px 角色色覆盖。
       消息走 emphasis(pink)区分于 device / activity / clipboard;
       默认(outgoing,自发) = muted 左条,incoming = emphasis 左条
       让"刚收到的消息"在视觉上更跳。 */
    border: 1px solid var(--divider);
    border-left: 3px solid var(--text-muted);
}

.rowIncoming { border-left-color: var(--emphasis); }

.body
{
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.meta
{
    font-family: var(--font-mono);
    font-size: var(--fs-11);
    color: var(--text-muted);
}

.text
{
    font-size: var(--fs-13);
    line-height: var(--lh-body);
    color: var(--text);
    white-space: pre-wrap;
    word-break: break-word;
}

.dismiss
{
    flex-shrink: 0;
    background: transparent;
    border: 0;
    color: var(--text-muted);
    cursor: pointer;
    padding: 4px;
    border-radius: var(--radius-control);
    transition: color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);
}
.dismiss:hover { background: var(--accent-soft); color: var(--accent); }
