/* kfbeta16 — favorites
   Lưới card, tiêu đề trang, phân trang, .msg-box: xem main.css */

/* Ảnh hiện dần khi tải xong (JS thêm class .loaded) */
.ext-json-thumb img { opacity: 0; transition: opacity .3s ease, transform .35s ease; }
.ext-json-thumb img.loaded { opacity: 1; }

.time-stamp {
    display: block;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--border);
    color: var(--text3);
    font-size: var(--fs-xs);
}

/* Skeleton */
.skeleton-card { background: var(--bg2); border-radius: var(--radius); overflow: hidden; }
.skeleton-thumb {
    width: 100%;
    aspect-ratio: var(--thumb-ratio);
    background: linear-gradient(90deg, var(--bg3) 25%, var(--bg4) 50%, var(--bg3) 75%);
    background-size: 200% 100%;
    animation: kf-shimmer 1.4s infinite linear;
}
.skeleton-card::after {
    content: "";
    display: block;
    height: 12px;
    margin: 12px 10px 16px;
    width: 70%;
    border-radius: 4px;
    background: var(--bg3);
}