/* Profile timeline sidebar — keep lean; enqueue before styles render */ .services-sidebar-card .card-header { padding-bottom: 0; } .services-sidebar-icon { width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: rgba(45, 164, 130, 0.12); color: #2da482; flex-shrink: 0; } .services-sidebar-thumbs { display: flex; gap: 8px; flex-wrap: wrap; } .services-sidebar-thumb { width: 52px; height: 52px; border-radius: 12px; overflow: hidden; background: #eef1f6; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; color: #8898aa; flex-shrink: 0; } .services-sidebar-thumb img { width: 100%; height: 100%; max-width: 52px; max-height: 52px; object-fit: cover; display: block; } .services-sidebar-thumb-fallback { width: 100%; height: 100%; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(145deg, #eef1f6, #e4e8f0); color: #8898aa; font-size: 1rem; } .services-sidebar-thumb-more { font-size: 0.8rem; font-weight: 700; color: #2da482; background: rgba(45, 164, 130, 0.1); } body.night-mode .services-sidebar-thumb { background: rgba(255, 255, 255, 0.06); } body.night-mode .services-sidebar-thumb-fallback { background: rgba(255, 255, 255, 0.08); color: #adb5bd; } body.night-mode .services-sidebar-icon { background: rgba(45, 164, 130, 0.2); } /* Profile Services tab grid cards */ .services-profile-tab .services-card-cover-wrap { overflow: hidden; aspect-ratio: 16 / 10; background: #eef1f6; } .services-profile-tab .services-card-cover { width: 100%; height: 100%; object-fit: cover; display: block; }