/* Studio › Render Farm (features/studio/render-farm.js): Renders + Fleet, read-only, laid out like the Kitsu page */
.rf-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; width: 100%; }
.rf-tabs { flex-shrink: 0; }
.rf-prods { display: flex; flex-wrap: wrap; gap: 6px; }
.rf-prods a.sk-chip { text-decoration: none; }
.rf-bar .sk-search { margin-left: auto; }
.rf-chip { display: inline-flex; align-items: center; gap: 6px; padding: 2px 9px; border-radius: 99px; font-size: 12px; font-weight: 600; line-height: 1.5; white-space: nowrap; background: var(--zinc-100, #f4f4f5); color: var(--text-2, #52525b); }
.rf-chip .rf-dot { width: 7px; height: 7px; border-radius: 99px; background: currentColor; }
.rf-chip.rf-green { background: light-dark(#e8f8ee, #1f3a29); color: light-dark(#15803d, #99eeb9); }
.rf-chip.rf-blue { background: light-dark(#e8f1fd, #16273d); color: light-dark(#1d4ed8, #6f90ec); }
.rf-chip.rf-amber { background: light-dark(#fdf4e3, #423317); color: light-dark(#b45309, #f7aa6f); }
.rf-chip.rf-red { background: light-dark(#fdecec, #391616); color: light-dark(#b91c1c, #e96b6b); }
.rf-shot { display: grid; gap: 2px; min-width: 0; }
.rf-shot > span { font-weight: 600; }
.rf-tag { margin-left: 6px; font-size: 10px; }
.rf-job { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; color: var(--text-3, #86868b); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 420px; }
.rf-mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; }
.rf-muted { color: var(--text-3, #86868b); font-size: 12px; }
.rf-machine { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; }
.rf-online { width: 8px; height: 8px; border-radius: 99px; background: light-dark(#d4d4d8, #3e3e44); flex-shrink: 0; }
.rf-online.on { background: #22c55e; box-shadow: 0 0 0 3px rgba(34, 197, 94, .18); }