/* skin/css/list.css */
.pill-tabs {
    display: flex; gap: 10px; overflow-x: auto; padding: 15px 0;
}
.pt-item {
    background: #fff; border: 1px solid #eee;
    padding: 6px 18px; border-radius: 20px; font-size: 13px; color: #777; white-space: nowrap;
    flex-shrink: 0;
}
.pt-item.active {
    background: var(--warm-primary); color: #fff; border-color: var(--warm-primary);
    box-shadow: 0 4px 10px rgba(255, 159, 67, 0.2);
}

.list-container { display: flex; flex-direction: column; }
/* Reusing .row-card from index.css logic, ensuring styles are available or duplicated here if needed */
.row-card { display: flex; align-items: center; padding: 15px; margin-bottom: 15px; }
.row-card img { width: 56px; height: 56px; border-radius: 14px; margin-right: 15px; }
.rc-info { flex: 1; }
.rc-info h3 { font-size: 16px; font-weight: bold; margin-bottom: 4px; }
.rc-info p { font-size: 12px; color: #999; }

/* Pagination */
.tspage {
    text-align: center; padding: 20px 0; font-size: 12px; color: #999;
}
.tspage a { margin: 0 5px; color: var(--text-dark); }
.tspage b { color: var(--warm-primary); font-weight: bold; margin: 0 5px; }
.tspage i { font-style: normal; }