.bg-editable{position:relative}.bg-editable .bg-editable-text{border-bottom:1px dashed hsl(var(--primary)/.5);display:inline-block;min-width:1.25rem;padding-bottom:1px;transition:border-color .12s ease,background-color .12s ease}.bg-editable:hover .bg-editable-text{background:hsl(var(--primary)/.06);border-bottom-color:hsl(var(--primary))}.bg-editable-pencil{align-items:center;background:hsl(var(--primary));border-radius:9999px;color:hsl(var(--primary-foreground));display:inline-flex;height:18px;justify-content:center;pointer-events:none;position:absolute;right:-22px;top:50%;transform:translateY(-50%);width:18px}.bg-editable:hover .bg-editable-pencil{pointer-events:auto}.bg-editable-edit{background:hsl(var(--card));border:1px solid hsl(var(--primary)/.6);border-radius:8px;box-shadow:0 4px 18px hsl(var(--background)/.6);display:inline-flex;flex-direction:column;gap:4px;padding:6px}.bg-editable-input{background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:6px;color:hsl(var(--foreground));font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1.4;padding:6px 10px}.bg-editable-input:focus{border-color:hsl(var(--primary));outline:none}.bg-editable-actions{align-items:center;display:inline-flex;gap:6px}.bg-editable-btn{border:1px solid transparent;border-radius:9999px;font-size:11px;font-weight:500;padding:3px 10px}.bg-editable-btn-save{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.bg-editable-btn-save:hover{filter:brightness(.95)}.bg-editable-btn-cancel{border-color:hsl(var(--border));color:hsl(var(--muted-foreground))}.bg-editable-btn-cancel:hover{color:hsl(var(--foreground))}.bg-editable-btn:disabled{cursor:not-allowed;opacity:.5}.bg-editable-error{color:#ef4343;font-size:11px}