/* Verified farmer badge, farmer ranking panel and "your rank" card. Loaded after the other stylesheets. */
.vf-badge { display: inline-flex; align-items: center; gap: 4px; }
.vf-rank-chip { background: #FEF3C7; color: #92400E; display: inline-flex; align-items: center; gap: 4px; }
.vf-panel { margin: 0 0 16px; padding: 0; overflow: hidden; }
.vf-panel > summary { list-style: none; cursor: pointer; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 8px; font-weight: 700; color: var(--text-primary); }
.vf-panel > summary::-webkit-details-marker { display: none; }
.vf-panel > summary small { font-weight: 500; color: var(--gray-500); }
.vf-body { padding: 0 16px 16px; }
.vf-filter { margin: 0 0 10px; width: 100%; max-width: 240px; }
.vf-row { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-top: 1px solid var(--border); }
.vf-row.is-me { background: var(--market-lt); margin: 0 -8px; padding: 9px 8px; border-radius: 8px; }
.vf-place { flex: 0 0 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: 13px; background: var(--gray-100); color: var(--gray-700); }
.vf-place.p1 { background: #FDE68A; color: #78350F; } .vf-place.p2 { background: #E5E7EB; color: #374151; } .vf-place.p3 { background: #FDBA74; color: #7C2D12; }
.vf-who { flex: 1; min-width: 0; }
.vf-who b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-primary); }
.vf-who small { color: var(--gray-500); }
.vf-score { font-weight: 700; color: var(--market); white-space: nowrap; }
.vf-me { padding: 14px 16px; margin: 0 0 12px; }
.vf-me h4 { margin: 0 0 4px; font-size: 16px; color: var(--text-primary); }
.vf-bar { height: 8px; border-radius: 99px; background: var(--gray-200); overflow: hidden; margin: 8px 0 10px; }
.vf-bar i { display: block; height: 100%; background: var(--market); border-radius: 99px; }
.vf-parts { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; font-size: 13px; color: var(--gray-600); }
.vf-parts li { display: flex; justify-content: space-between; gap: 8px; }
.vf-parts li.todo b { color: var(--gray-400); }
.vf-empty { padding: 8px 0; color: var(--gray-500); font-size: 14px; }