.work-mode-badge.work-mode-badge{display:inline-flex;align-items:center;width:fit-content;padding:3px 8px;border-radius:6px;font-size:13px;font-weight:500;line-height:1.5;white-space:nowrap;background:var(--mode-bg, #f3f4f6);color:var(--mode-ink, #4b5563)}.work-mode-badge[data-work-mode=ON_SITE]{--mode-bg: #fffbeb;--mode-ink: #92400e}.work-mode-badge[data-work-mode=HYBRID]{--mode-bg: #f0f9ff;--mode-ink: #0369a1}.work-mode-badge[data-work-mode=REMOTE]{--mode-bg: #f5f3ff;--mode-ink: #6d28d9}.dark .work-mode-badge:not([data-light]){--mode-bg: #273140;--mode-ink: #d1d5db}.dark .work-mode-badge[data-work-mode=ON_SITE]:not([data-light]){--mode-bg: #382c18;--mode-ink: #fcd34d}.dark .work-mode-badge[data-work-mode=HYBRID]:not([data-light]){--mode-bg: #142f43;--mode-ink: #7dd3fc}.dark .work-mode-badge[data-work-mode=REMOTE]:not([data-light]){--mode-bg: #302247;--mode-ink: #c4b5fd}