/* skin/css/list.css */

.leaf-tabs {
    display: flex; gap: 10px; padding: 15px 0; overflow-x: auto;
}
.lt-item {
    background: #fff; padding: 6px 18px; border-radius: 16px 4px 16px 4px;
    font-size: 13px; color: var(--zen-sub); border: 1px solid #e0e0e0;
    white-space: nowrap;
}
.lt-item.active {
    background: var(--zen-green); color: #fff; border-color: var(--zen-green);
    box-shadow: 0 4px 10px rgba(115, 169, 110, 0.3);
}

.zen-list-box { display: flex; flex-direction: column; }
/* Reuse .row-item from index.css logic */
.row-item {
    display: flex; align-items: center; padding: 15px; margin-bottom: 20px;
}
.row-item img { width: 56px; height: 56px; border-radius: 12px; margin-right: 15px; }
.ri-info { flex: 1; }
.ri-info h3 { font-size: 16px; font-weight: bold; margin-bottom: 3px; }
.ri-info p { font-size: 12px; color: var(--zen-sub); }

/* Pagination */
.tspage {
    text-align: center; padding: 20px 0; font-size: 12px; color: #888;
}
.tspage a { margin: 0 5px; color: var(--zen-text); text-decoration: underline; }
.tspage b { color: var(--zen-green); margin: 0 5px; font-weight: bold; }